/* ---------------------------
   Global Educate-style gradient
   --------------------------- */
html, body {
  min-height: 100%;
  margin: 0;
  padding: 0;

  /* fallback color */
  background-color: #000000;
  font-family: "Inter", "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* gradient — close match to educate.io */
  /* darker Educate-style gradient */
/* Dark gradient + subtle bottom-left radial glow */
/* UPDATED: Changed #0000 to transparent for better compatibility */
  background-image:  linear-gradient(270deg, #000000, transparent),
                     linear-gradient(17deg, #0015ff99, #000000 62%);   
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
scroll-behavior: smooth;
scroll-padding-top: 80px; /* adjust if your header is sticky */
border: none !important;
  
  position: relative;

}

.zpsection, .theme-pages-section {
  position: relative;
  transition: transform 0.6s ease, opacity 0.6s ease;
}

h1, h2, h3, p, img {
  will-change: transform, opacity;
}
body {
  animation: softGlow 15s ease-in-out infinite alternate;
}
@keyframes softGlow {
  0% { background-position: 10% 90%, center; }
  50% { background-position: 15% 85%, center; }
  100% { background-position: 10% 90%, center; }
}


/* Smooth transitions for visual changes (hover, background, etc.) */
body, 
.zpsection, 
.zpheader, 
footer, 
a, 
button, 
input, 
img {
  transition: all 0.8s ease-in-out !important;
}

/* Optional — make scroll and section appearance feel smoother */
body {
  scroll-behavior: smooth;
  transition: background 0.8s ease-in-out, color 0.4s ease-in-out;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



/* Optional — subtle vignette for extra depth (like many modern sites) */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(60% 60% at 10% 10%, rgba(255,255,255,0.02), transparent 10%),
              radial-gradient(80% 60% at 90% 90%, rgba(0,0,0,0.18), transparent 30%);
  z-index: -1;
}
/* 🪄 Force the footer background to blend with the body gradient */
.theme-footer-area,
.theme-footer-area *,
.zpdefault-section-bg,
.zpdefault-section.zpdefault-section-bg.theme-pages-full-stretch,
.theme-footer-area.zpdefault-section-bg {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
/* 🌐 Base Styles */
.zpform-container input[type="email"],
.zpform-container input[type="text"],
.zpform-container textarea {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 2px solid rgba(0, 168, 225, 0.8) !important;
  width: 320px !important;
  max-width: 90% !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  padding: 12px 18px !important;
  font-size: 16px !important;
  outline: none !important;
  transition: border 0.3s ease, box-shadow 0.3s ease;
}

/* ✨ Focus Effect */
.zpform-container input:focus,
.zpform-container textarea:focus {
  border-color: #00b4ff !important;
  box-shadow: 0 0 10px rgba(0, 180, 255, 0.6) !important;
}

/* 💬 Placeholder Text */
.zpform-container input::placeholder,
.zpform-container textarea::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}

.zpform-submit button {
  background-color: #000442 !important; /* deep blue background */
  color: #fff !important; /* white text */
  font-weight: 600 !important;
  border: 2px solid #fff !important; /* white border */
  border-radius: 10px !important;
  padding: 12px 28px !important;
  transition: background 0.3s ease, transform 0.2s ease;
}

.zpform-submit button:hover {
  background-color: #0015ff !important; /* brighter blue on hover */
  transform: scale(1.05); /* subtle lift effect */
}

.zpbutton.zpbutton-type-primary.zpbutton-style-oval.zpbutton-size-lg {
  border: 2px solid #fff !important;
     
}



/* 🎯 Center Form */
.zpform-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* 📱 Responsive Design */

/* 💻 Tablets (up to 1024px) */
@media (max-width: 1024px) {
  .zpform-container input[type="email"],
  .zpform-container input[type="text"],
  .zpform-container textarea {
   width: 320px !important;
  max-width: 90% !important;
    font-size: 15px !important;
    padding: 10px 16px !important;
  }

  .zpform-submit button {
    width: 300px !important;
    max-width: 90% !important;
  }
}

/* 📒 Small Tablets (up to 900px) */
@media (max-width: 900px) {
  .zpform-container input[type="email"],
  .zpform-container input[type="text"],
  .zpform-container textarea {
   width: 520px !important;
  max-width: 90% !important;
    font-size: 15px !important;
    padding: 10px 15px !important;
  }

  .zpform-submit button {
    width: 280px !important;
    max-width: 85% !important;
  }
}

/* 📲 Mobile (up to 768px) */
@media (max-width: 768px) {
  .zpform-container input[type="email"],
  .zpform-container input[type="text"],
  .zpform-container textarea {
    width: 520px !important;
  max-width: 90% !important;
    font-size: 14px !important;
    padding: 10px 14px !important;
  }

  .zpform-submit button {
    width: 250px !important;
    max-width: 100% !important;
    font-size: 15px !important;
  }
}

/* 📱 Small Phones (up to 480px) */
@media (max-width: 480px) {
  .zpform-container input[type="email"],
  .zpform-container input[type="text"],
  .zpform-container textarea {
  width: 320px !important;
  max-width: 90% !important;
    font-size: 13px !important;
    padding: 9px 12px !important;
  }

  .zpform-submit button {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 14px !important;
  }
}

.ac-hero {
  position: relative;
  background-color: #000; /* fallback */
  background-image: url('/files/mentor.webp') !important; /* replace with your actual file name */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  display: flex;
  align-items: center;
  justify-content: flex-start; /* left aligned */
 
  z-index: 1;
}

.founder{
  font-size: 150px;
  font-weight: 700;
  opacity: 0;
  transform: translateX(-150px);
  margin: 10px 0 0 0;
  text-transform: uppercase;
}

@media (max-width: 768px) {

  .founder { font-size: 50px; }
}

@media (max-width: 460px) {

  .founder{ font-size: 35px; }
}



/* Container setup */
.zp-carousel-inner,
.zp-carousel-track,
.zp-slider-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
  animation: scrollLoop 25s linear infinite !important;
}

/* Make logos uniform size */
.zp-carousel-inner img,
.zp-carousel-track img,
.zp-slider-inner img {
  width: 180px !important;
  height: auto !important;
  margin: 0 40px !important;
  flex-shrink: 0 !important;
  transition: transform 0.4s ease, filter 0.4s ease !important;

  /* Duotone dark blue effect */
  filter: grayscale(100%) brightness(0.8) sepia(1)
          hue-rotate(180deg) saturate(400%) contrast(0.9) !important;
  mix-blend-mode: screen !important;
}

/* Hover effect */
.zp-carousel-inner img:hover,
.zp-carousel-track img:hover,
.zp-slider-inner img:hover {
  transform: scale(1.08) !important;
  filter: grayscale(100%) brightness(1) sepia(1)
          hue-rotate(180deg) saturate(600%) contrast(1) !important;
}

/* Infinite scrolling keyframes */
@keyframes scrollLoop {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .zp-carousel-inner img,
  .zp-carousel-track img,
  .zp-slider-inner img {
    width: 140px !important;
    margin: 0 24px !important;
  }
}

@media (max-width: 460px) {
  .zp-carousel-inner img,
  .zp-carousel-track img,
  .zp-slider-inner img {
    width: 110px !important;
    margin: 0 16px !important;
  }
}

/* --- Desktop: Large Monitors --- */
/* This forces the header to be full width on screens larger than 1200px */
@media screen and (min-width: 1201px) {
    .theme-header .zpcontainer {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 60px !important;
        padding-right: 60px !important;
    }
}

/* --- Tablet: 768px --- */
/* This ensures the header content doesn't hit the screen edges on tablets */
@media screen and (max-width: 768px) {
    .theme-header .zpcontainer {
        width: 90% !important; /* Centers it slightly with a margin */
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* --- Specific Mobile Fix: 480px --- */
@media screen and (max-width: 480px) {
    .theme-header .zpcontainer {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Ensure the logo doesn't push the menu button off-screen */
    .theme-logo-area {
        max-width: 70% !important;
    }
}