.elementor-19357 .elementor-element.elementor-element-00395df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-36px;--margin-bottom:-36px;--margin-left:-36px;--margin-right:-36px;--z-index:5;}.elementor-19357 .elementor-element.elementor-element-0abe188{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:5;}.elementor-19357 .elementor-element.elementor-element-e07113b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:1;}.elementor-19357 .elementor-element.elementor-element-062beff{z-index:0;}.elementor-19357 .elementor-element.elementor-element-75e0e97{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:0;}.elementor-19357 .elementor-element.elementor-element-8cdc273{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:0;}.elementor-19357 .elementor-element.elementor-element-89c54d1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:1;}.elementor-19357 .elementor-element.elementor-element-8b8de98{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:0;}.elementor-19357 .elementor-element.elementor-element-a9540e8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:0;}.elementor-19357 .elementor-element.elementor-element-f1cd1f1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:0;}.elementor-19357 .elementor-element.elementor-element-e84710d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:1;}.elementor-19357 .elementor-element.elementor-element-f79f520{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:0;}.elementor-19357 .elementor-element.elementor-element-fde3e86{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:0;}.elementor-19357 .elementor-element.elementor-element-5bd60de{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:0;}.elementor-19357 .elementor-element.elementor-element-f1d1855{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:0;}.elementor-19357 .elementor-element.elementor-element-df4f8e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:1;}.elementor-19357 .elementor-element.elementor-element-436caf2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:0;}.elementor-19357 .elementor-element.elementor-element-2643eb8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:0;}.elementor-19357 .elementor-element.elementor-element-6ac8aa7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--z-index:0;}.elementor-19357 .elementor-element.elementor-element-eb55898 > .elementor-widget-container{margin:-10px -10px -10px -10px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-19357 .elementor-element.elementor-element-8b8de98{--margin-top:-101px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-19357 .elementor-element.elementor-element-89c54d1{--min-height:0px;}.elementor-19357 .elementor-element.elementor-element-8b8de98{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS *//* ==========================================================================
   AnDev Formula — Page-level Custom CSS
   Page ID: 19357
   Supports both dark and light themes via [data-nr-theme] attribute on body
   ========================================================================== */

/* ----- Google Fonts ----- */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,300..800&family=Onest:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');


/* ============================================================
   DESIGN TOKENS — DARK THEME (default)
   ============================================================ */
:root {
  /* Backgrounds */
  --nr-bg: #050509;
  --nr-bg-2: #0C0C14;
  --nr-bg-3: #14141E;
  
  /* Borders */
  --nr-border: #1C1C2A;
  --nr-border-2: #28283A;
  
  /* Text */
  --nr-text: #F0F0F5;
  --nr-text-2: #9E9EB0;
  --nr-text-3: #5F5F75;
  
  /* Accents */
  --nr-accent: #4285F4;
  --nr-accent-bright: #5A9BFF;
  --nr-accent-deep: #1A73E8;
  
  /* Decorative */
  --nr-ember: #FF3D00;
  --nr-ember-2: #FFAB00;
  --nr-vib-cyan: #00E5FF;
  --nr-vib-red: #FF1744;
  
  /* Atmosphere */
  --nr-grid-color: rgba(66, 133, 244, 0.045);
  --nr-glow-blue: rgba(66, 133, 244, 0.10);
  --nr-glow-orange: rgba(255, 107, 53, 0.06);
  
  /* Glass effects */
  --nr-glass-bg: rgba(8, 8, 14, 0.65);
  --nr-glass-border: rgba(40, 40, 58, 0.6);
  --nr-card-bg: rgba(255, 255, 255, 0.02);
  
  /* Fonts */
  --nr-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --nr-sans: 'Onest', system-ui, sans-serif;
  --nr-mono: 'JetBrains Mono', monospace;
}


/* ============================================================
   DESIGN TOKENS — LIGHT THEME
   ============================================================ */
body[data-nr-theme="light"] {
  /* Backgrounds */
  --nr-bg: #FAFAF7;
  --nr-bg-2: #FFFFFF;
  --nr-bg-3: #F4F4F2;
  
  /* Borders */
  --nr-border: #E5E5E0;
  --nr-border-2: #D4D4CE;
  
  /* Text */
  --nr-text: #0A0A1A;
  --nr-text-2: #5A5A6A;
  --nr-text-3: #8A8A95;
  
  /* Accents */
  --nr-accent: #1A73E8;
  --nr-accent-bright: #4285F4;
  --nr-accent-deep: #0D47A1;
  
  /* Atmosphere */
  --nr-grid-color: rgba(26, 115, 232, 0.06);
  --nr-glow-blue: rgba(26, 115, 232, 0.05);
  --nr-glow-orange: rgba(255, 107, 53, 0.03);
  
  /* Glass effects */
  --nr-glass-bg: rgba(255, 255, 255, 0.75);
  --nr-glass-border: rgba(212, 212, 206, 0.7);
  --nr-card-bg: rgba(0, 0, 0, 0.02);
}


/* ============================================================
   BODY + ATMOSPHERE
   ============================================================ */
body,
body.page-id-19357,
body[data-nr-theme] {
  background: var(--nr-bg) !important;
  color: var(--nr-text) !important;
  font-family: var(--nr-sans);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  transition: background 0.4s ease, color 0.4s ease;
}

.nr-section, .nr-section * {
  box-sizing: border-box;
}

/* Atmosphere layer 1: blue grid */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image:
    linear-gradient(var(--nr-grid-color) 1px, transparent 1px),
    linear-gradient(90deg, var(--nr-grid-color) 1px, transparent 1px);
  background-size: 56px 56px;
  -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 30%, black 30%, transparent 90%);
  mask-image: radial-gradient(ellipse 80% 60% at 50% 30%, black 30%, transparent 90%);
  pointer-events: none;
  z-index: 0;
  transition: opacity 0.4s ease;
}

/* Atmosphere layer 2: ambient glow */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  background:
    radial-gradient(800px circle at 15% 0%, var(--nr-glow-blue), transparent 50%),
    radial-gradient(600px circle at 85% 40%, var(--nr-glow-orange), transparent 50%);
  pointer-events: none;
  z-index: 0;
  transition: opacity 0.4s ease;
}

/* Particle canvas */
#nr-particles {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  opacity: 0.4;
  transition: opacity 0.4s ease;
}
body[data-nr-theme="light"] #nr-particles {
  opacity: 0.15;
}

/* Top-level Elementor sections sit above bg layers */
body.page-id-19357 > .elementor > .elementor-section {
  position: relative;
  z-index: 1;
}

/* Helper: scroll reveal */
.nr-reveal { opacity: 0; transform: translateY(24px); transition: all 0.8s ease; }
.nr-reveal.in { opacity: 1; transform: translateY(0); }


/* ============================================================
   SHARED CTA BUTTON — premium gradient with depth, no arrow
   Used on hero, curriculum, why us, final CTA, drawer
   ============================================================ */
.nr-cta,
a.nr-cta,
a.nr-cta:link,
a.nr-cta:visited {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0;
  font-family: var(--nr-sans) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: 0.005em !important;
  padding: 14px 32px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #5A9BFF 0%, #4285F4 50%, #1A73E8 100%) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.2) inset,
    0 -1px 0 rgba(0, 0, 0, 0.15) inset,
    0 4px 14px rgba(66, 133, 244, 0.35),
    0 2px 4px rgba(0, 0, 0, 0.1) !important;
  position: relative;
  overflow: hidden;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer;
}

.nr-cta::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), transparent);
  pointer-events: none;
  transition: opacity 0.25s ease;
}

.nr-cta:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #6FAEFF 0%, #5A9BFF 50%, #2D85F4 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.25) inset,
    0 -1px 0 rgba(0, 0, 0, 0.18) inset,
    0 8px 28px rgba(66, 133, 244, 0.55),
    0 4px 8px rgba(0, 0, 0, 0.12) !important;
}
.nr-cta:hover::before {
  opacity: 1.3;
}

.nr-cta:active {
  transform: translateY(0);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.15) inset,
    0 -1px 0 rgba(0, 0, 0, 0.15) inset,
    0 2px 8px rgba(66, 133, 244, 0.3),
    0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

/* Light mode button — slightly deeper to maintain contrast on white */
body[data-nr-theme="light"] .nr-cta {
  background: linear-gradient(135deg, #4285F4 0%, #1A73E8 50%, #0D47A1 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.25) inset,
    0 -1px 0 rgba(0, 0, 0, 0.2) inset,
    0 4px 16px rgba(26, 115, 232, 0.3),
    0 2px 6px rgba(0, 0, 0, 0.08) !important;
}
body[data-nr-theme="light"] .nr-cta:hover {
  background: linear-gradient(135deg, #5A9BFF 0%, #2D85F4 50%, #1A73E8 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.3) inset,
    0 -1px 0 rgba(0, 0, 0, 0.22) inset,
    0 8px 28px rgba(26, 115, 232, 0.45),
    0 4px 10px rgba(0, 0, 0, 0.1) !important;
}

/* Larger CTA variant (for hero, final CTA) */
.nr-cta-lg,
a.nr-cta-lg {
  padding: 16px 38px !important;
  font-size: 16px !important;
  border-radius: 14px !important;
}

/* Smaller CTA variant (for drawer, inline) */
.nr-cta-sm,
a.nr-cta-sm {
  padding: 11px 22px !important;
  font-size: 14px !important;
  border-radius: 10px !important;
}


/* ============================================================
   FIXED TOP BAR — body padding compensation
   ============================================================ */
body.page-id-19357 {
  padding-top: 76px !important;
}
@media (max-width: 768px) {
  body.page-id-19357 {
    padding-top: 68px !important;
  }
}


/* ============================================================
   STICKY/OVERFLOW FIX — allow fixed top bar to escape parents
   ============================================================ */
body.page-id-19357,
body.page-id-19357 .elementor,
body.page-id-19357 .elementor-section-wrap,
body.page-id-19357 .elementor-inner,
body.page-id-19357 main,
body.page-id-19357 .site-content,
body.page-id-19357 .site {
  overflow: visible !important;
  overflow-x: clip !important;
}

body.page-id-19357 .elementor-widget-html:has(.nr-topbar),
body.page-id-19357 .elementor-widget-html:has(.nr-topbar) .elementor-widget-container {
  overflow: visible !important;
  position: static !important;
}


/* ============================================================
   DESKTOP SPACING — tighter gap between video and companies
   ============================================================ */
@media (min-width: 769px) {
  .nr-launch {
    padding: 40px 0 50px !important;
  }
  .nr-companies {
    padding-top: 60px !important;
  }
}


/* ============================================================
   MOBILE SPACING — bigger gap between video and companies
   ============================================================ */
@media (max-width: 768px) {
  .nr-companies,
  .nr-companies-head,
  .nr-companies-h,
  .nr-companies-sub {
    transform: none !important;
    margin-top: 0 !important;
    top: auto !important;
    position: static !important;
  }
  
  section.nr-launch,
  .nr-launch {
    padding: 30px 0 70px !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    clear: both !important;
  }
  
  section.nr-companies,
  .nr-companies {
    padding-top: 80px !important;
    padding-bottom: 60px !important;
    margin: 80px 0 0 0 !important;
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    clear: both !important;
  }
  
  body.page-id-19357 .elementor-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  
  body.page-id-19357 .elementor-widget-html {
    margin: 0 !important;
  }
}/* End custom CSS */