:root{
      --gx-blue:#0000cd;
      --gx-blue-dark:#004aad;
      --gx-blue-light:#00a3ff;
      --gx-white:#ffffff;
      --gx-text:#111827;
      --gx-shell:1300px;
      --gx-desktop-pad:40px;
      --gx-tablet-pad:20px;
      --gx-mobile-pad:16px;
      --gx-nav-h:76px;
      --gx-radius:20px;
      --gx-shadow:0 10px 30px rgba(0,0,0,0.08);
      --gx-gradient-horizontal:linear-gradient(90deg, var(--gx-blue-dark), var(--gx-blue-light));
      --gx-gradient-vertical:linear-gradient(180deg, var(--gx-blue-dark), var(--gx-blue-light));
    }

    *{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      font-family:"Roboto",sans-serif;
      color:var(--gx-text);
      background:#fff;
      overflow-x:hidden;
    }
    img{max-width:100%;display:block}
    a{text-decoration:none}
    ul{list-style:none}

    .gx-shell{
      width:min(var(--gx-shell), calc(100% - (var(--gx-desktop-pad) * 2)));
      margin-inline:auto;
    }

    /* NAVBAR */
    .gx-navbar{
      position:fixed;
      top:0;
      left:0;
      width:100%;
      height:var(--gx-nav-h);
      background:#fff;
      box-shadow:0 4px 20px rgba(0,0,0,0.06);
      z-index:9999;
    }
    .gx-nav-container{
      
      height:100%;
      margin-inline:auto;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
      position:relative;
    }
    .gx-logo img{height:42px;width:auto}
    .gx-nav-menu{
      display:flex;
      align-items:center;
      gap:34px;
    }
    .gx-nav-link{
      color:var(--gx-text);
      font-size:14px;
      font-weight:400;
      padding:8px 0;
      transition:.25s ease;
    }
    .gx-nav-link:hover{color:var(--gx-blue-dark)}
    .gx-dropdown{position:relative}
    .gx-dropdown-menu{
      position:absolute;
      top:calc(100% + 12px);
      left:0;
      min-width:220px;
      background:#fff;
      border-radius:12px;
      box-shadow:0 14px 30px rgba(0,0,0,0.08);
      padding:10px 0;
      opacity:0;
      visibility:hidden;
      transform:translateY(10px);
      transition:.25s ease;
      z-index:50;
    }
    .gx-dropdown:hover .gx-dropdown-menu{
      opacity:1;
      visibility:visible;
      transform:translateY(0);
    }
    .gx-dropdown-link{
      display:block;
      padding:12px 18px;
      color:#334155;
      font-size:14px;
    }
    .gx-dropdown-link:hover{
      background:#f4f8ff;
      color:var(--gx-blue-dark);
    }

    .gx-menu-toggle{
      display:none;
      width:46px;
      height:46px;
      border:none;
      background:transparent;
      cursor:pointer;
      position:relative;
      flex-shrink:0;
    }
    .gx-menu-toggle span{
      position:absolute;
      left:50%;
      width:24px;
      height:2.5px;
      background:#111827;
      border-radius:999px;
      transform:translateX(-50%);
      transition:.25s ease;
    }
    .gx-menu-toggle span:nth-child(1){top:14px}
    .gx-menu-toggle span:nth-child(2){top:22px}
    .gx-menu-toggle span:nth-child(3){top:30px}
    .gx-menu-toggle.active span:nth-child(1){top:22px;transform:translateX(-50%) rotate(45deg)}
    .gx-menu-toggle.active span:nth-child(2){opacity:0}
    .gx-menu-toggle.active span:nth-child(3){top:22px;transform:translateX(-50%) rotate(-45deg)}

    body.menu-open{overflow:hidden}

    

    /* FOOTER */
    .gx-footer{
      position:relative;
      color:#fff;
      background:url("https://images.unsplash.com/photo-1497366216548-37526070297c?w=1600&q=80") center/cover no-repeat;
    }
    .gx-footer-overlay{
      position:absolute;
      inset:0;
      background:linear-gradient(rgba(0,20,60,.8), rgba(0,20,60,.85));
    }
    .gx-footer-container{
      position:relative;
      z-index:2;
      padding:0px 42px;
      display:grid;
      grid-template-columns:1fr 1fr 1fr;
      gap:40px;
    }
    .gx-footer-logo{
      font-family:"Montserrat",sans-serif;
      font-size:28px;
      margin-bottom:15px;
    }
   
    .gx-footer-col h3{
      font-size:22px;
      margin-bottom:20px;
    }
    .gx-footer-col ul li{margin-bottom:12px}
    .gx-footer-col ul li a{
      color:#fff;
      transition:.25s ease;
    }
    .gx-footer-col ul li a:hover{color:blue}
    .gx-social-icons{
      display:flex;
      gap:12px;
      margin-top:10px;
    }
    .gx-social-icons a{
      width:42px;
      height:42px;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius:50%;
      color:#fff;
      background:rgba(255,255,255,.14);
      transition:.25s ease;
    }
    .gx-social-icons a:hover{background:#004aad}
    .gx-footer-bottom{
      position:relative;
      z-index:2;
      text-align:center;
      padding:15px;
      background:rgba(0,0,0,.6);
      font-size:14px;
      color:#fff;
    }

    /* WHATSAPP */
    .whatsapp-chat{
      position:fixed;
      right:20px;
      bottom:20px;
      width:56px;
      height:56px;
      background:#25D366;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#fff;
      z-index:999999;
      box-shadow:0 4px 12px rgba(0,0,0,.28);
      animation:whatsapp-pulse 1.8s infinite;
    }
    .whatsapp-chat i{font-size:30px}
    @keyframes whatsapp-pulse{
      0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}
      70%{box-shadow:0 0 0 14px rgba(37,211,102,0)}
      100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}
    }

    /* TABLET */
    @media (max-width: 1024px){
      :root{--gx-nav-h:72px}
      .gx-shell,
      .gx-nav-container,
      .gx-hero-inner,
      .gx-stats-container,
      .gx-tools-inner,
      .gx-curriculum-container,
      .gx-contact-wrapper,
      .gx-courses-container,
      .gx-why-container,
      .gx-footer-container{
       
      }

}















/* FOOTER SAME AS NAVBAR ALIGNMENT - MOBILE + TABLET */
@media (max-width: 991px) {
  .gx-footer {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 40px 0 !important;
    overflow: hidden !important;
  }

  .gx-footer-container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 12px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    box-sizing: border-box !important;
  }

  .gx-footer-col {
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  .gx-footer-col h2,
  .gx-footer-col h3,
  
  .gx-footer-col a {
    text-align: left !important;
  }

 
}

@media (max-width: 767px) {
  .gx-footer-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* FORCE REMOVE GAP */
body {
  margin: 0 !important;
}

footer {
  margin-bottom: 0 !important;
}

.gx-footer::after {
  display: none !important;
}


/* ===== FOOTER FIX ===== */
@media (max-width: 991px) {

  /* CENTER SOCIAL ICONS */
  .gx-social-icons {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px;
    margin-top: 15px;
  }

  /* CENTER ICON LINKS */
  .gx-social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* REMOVE BOTTOM GAP */
  .gx-footer {
    margin-bottom: 0 !important;
    padding-bottom: px !important;
  }

  body {
    margin: 0 !important;
    padding: 0 !important;
  }

  html {
    margin: 0 !important;
    padding: 0 !important;
  }
}


/* PUSH COPYRIGHT TO BOTTOM */
.gx-footer {
  display: flex;
  flex-direction: column;
}

/* THIS IS YOUR COPYRIGHT BAR */
.gx-copyright,
.footer-bottom {
  margin-top: auto !important;   /* 🔥 pushes it down */
  padding: 15px 10px !important;
  text-align: center;
}
/* FULL HEIGHT FOOTER FIX */
.gx-footer {
  min-height: 100vh;   /* takes full screen */
  display: flex;
  flex-direction: column;
}

.footer-bottom {
  margin-top: auto !important;
}
/* MOBILE + TABLET FOOTER LIKE SCREENSHOT */
@media (max-width: 991px) {
  .gx-footer {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background-size: cover !important;
    background-position: center !important;
    overflow: hidden !important;
  }

  .gx-footer-container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 28px 2px 90px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }

  .gx-footer-col {
    width: 100% !important;
    text-align: left !important;
  }

  .gx-footer-col h2,
  .gx-footer-col h3 {
    text-align: left !important;
    margin-bottom: 18px !important;
  }

  .gx-footer-col p,
  .gx-footer-col a,
  .gx-footer-col li {
    text-align: left !important;
    line-height: 1.7 !important;
  }

  

 

  .gx-footer-bottom,
  .footer-bottom,
  .gx-copyright,
  .copyright {
    width: 100% !important;
    margin: 0 !important;
    padding: 22px 16px !important;
    text-align: center !important;
    background: #050914 !important;
  }

  .gx-footer-bottom p,
  .footer-bottom p,
  .gx-copyright p,
  .copyright p {
    margin: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  .gx-logo img{height:40px;width:auto}
}


/* FINAL NAVBAR ALIGNMENT - ALL SCREENS */
.gx-navbar {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 42px !important;
  left: 0 !important;
  right: 0 !important;
}

.gx-nav-container {
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 0px !important;
  
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
}

.gx-logo,
.gx-logo a {
  display: flex !important;
  align-items: center !important;
}

.gx-logo img {
  height: 42px !important;
  width: auto !important;
  display: block !important;
}

.gx-nav-menu {
  display: flex !important;
  align-items: center !important;
  gap: 32px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gx-menu-toggle {
  display: none !important;
}

/* TABLET + MOBILE */
@media (max-width: 991px) {
  .gx-nav-container {
    max-width: none !important;
    padding: 0 14px !important;
    height: 66px !important;
  }

  .gx-logo img {
    height: 46px !important;
  }

  .gx-menu-toggle {
    display: flex !important;
    width: 42px !important;
    height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 6px !important;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
    z-index: 1000001 !important;
  }

  .gx-menu-toggle span {
    width: 26px !important;
    height: 3px !important;
    background: #111 !important;
    border-radius: 4px !important;
  }

  .gx-menu-toggle.active span {
    display: none !important;
  }

  .gx-menu-toggle.active::before {
    content: "×" !important;
    font-size: 34px !important;
    line-height: 1 !important;
    color: #111 !important;
  }

  .gx-nav-menu {
    position: fixed !important;
    top: 66px !important;
    left: 0 !important;
    width: 100% !important;
    height: calc(100vh - 66px) !important;
    background: #fff !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
    padding: 55px 22px 22px !important;
    transform: translateX(-100%) !important;
    transition: 0.35s ease !important;
    z-index: 1000000 !important;
  }

  .gx-nav-menu.active {
    transform: translateX(0) !important;
  }

  .gx-nav-link {
    color: #111 !important;
    display: block !important;
    width: 100% !important;
  }
}

/* SMALL MOBILE */
@media (max-width: 480px) {
  .gx-nav-container {
    height: 62px !important;
    padding: 0 0px !important;
  }

  .gx-logo img {
    height: 42px !important;
  }

  .gx-nav-menu {
    top: 62px !important;
    height: calc(100vh - 62px) !important;
  }
}




/* TABLET VIEW (logo to right) */
@media (min-width: 768px) and (max-width: 991px) {

  .gx-nav-container {
    display: flex !important;
    align-items: center !important;
  }

  .gx-logo {
    margin-left: auto !important;   /* 🔥 pushes logo to right */
    order: 2 !important;
  }

  .gx-menu-toggle {
    order: 1 !important;            /* hamburger to left */
  }

  .gx-nav-menu {
    order: 3 !important;
  }

}


/* TABLET FOOTER FIX */
@media (min-width: 768px) and (max-width: 991px) {

  .gx-footer {
    display: flex !important;
    flex-direction: column !important;
    min-height: auto !important;   /* ❌ remove full height */
  }

  .gx-footer-container {
    padding-bottom: 30px !important;
  }

  /* REMOVE HUGE EMPTY SPACE */
  .gx-footer-overlay {
    height: auto !important;
    min-height: auto !important;
  }

  /* COPYRIGHT AT BOTTOM OF CONTENT */
  .footer-bottom,
  .gx-copyright {
    position: relative !important;
    margin-top: 20px !important;
  }

}
@media (min-width: 768px) and (max-width: 991px) {
  .gx-logo {
    margin-left: auto !important;
    order: 2 !important;
  }

  .gx-menu-toggle {
    order: 1 !important;
  }
}

@media (max-width: 991px) {
  .gx-logo {
    order: 1 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .gx-menu-toggle {
    order: 2 !important;
    margin-left: auto !important;
  }
}



/* SAME LEFT/RIGHT ALIGNMENT FOR MOBILE + TABLET */
@media (max-width: 991px) {
  section,
  .tools-section,
  .curriculum-section,
  .outcomes-section,
  .details-section,
  .testimonials-section,
  .cta-strip,
  .gx-footer {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .tools-header,
  .tools-grid,
  .curriculum-grid,
  .outcomes-grid,
  .details-grid,
  .testimonials-grid,
  .gx-footer-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .tools-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .tool-card,
  .module-card,
  .outcome-card,
  .testimonial-card,
  .enroll-card {
    width: 100% !important;
    max-width: 100% !important;
  }

  .tool-card.ai-card {
    grid-column: auto !important;
  }
}

/* TABLET VIEW */
@media (min-width: 768px) and (max-width: 991px) {
  section,
  .tools-section,
  .curriculum-section,
  .outcomes-section,
  .details-section,
  .testimonials-section,
  .cta-strip,
  .gx-footer {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  .tools-grid,
  .outcomes-grid,
  .testimonials-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .tool-card.ai-card {
    grid-column: 1 / -1 !important;
  }
}

/* SMALL MOBILE */
@media (max-width: 480px) {
  section,
  .tools-section,
  .curriculum-section,
  .outcomes-section,
  .details-section,
  .testimonials-section,
  .cta-strip,
  .gx-footer {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}





/* ===== MASTER ALIGNMENT SYSTEM ===== */

/* common container */
.gx-shell {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
  box-sizing: border-box;
}





/* TABLET ONLY → MOVE LOGO TO RIGHT */
@media (min-width: 768px) and (max-width: 991px) {

  .gx-nav-container {
    display: flex !important;
    align-items: center !important;
  }

  /* move logo to right */
  .gx-logo {
    margin-left: 20px !important;
  }

}


/* TABLET → MOVE LOGO 20px RIGHT */
@media (min-width: 768px) and (max-width: 991px) {
  .gx-logo {
    transform: translateX(10px);
  }
}

/* DESKTOP ONLY (not tablet, not mobile) */
@media (min-width: 1200px) {

  .gx-nav-container {
    padding-left: 0px !important;   /* move logo to edge */
  }

  .gx-logo {
    margin-left: 0px !important;
  }

}

/* FIX FOOTER GAP */
.gx-footer {
  
  padding: 60px 0 0;   /* REMOVE extra bottom space */
}

.gx-footer-container {
  padding-bottom: 0px;   /* reduce space */
}

/* COPYRIGHT FIX */
.gx-footer-bottom {
  padding: 12px 20px;
  margin: 0;              /* REMOVE extra margin */
  border-top: 1px solid rgba(255,255,255,0.1);
}

/* REMOVE ANY EXTRA HEIGHT */
.gx-footer,
footer {
  min-height: auto !important;
  height: auto !important;
}
.gx-nav-container {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .gx-nav-container {
    padding-left: 20px;   /* move logo away from edge */
    padding-right: 20px;
  }

  .gx-logo {
    margin-left: 0; /* ensure it stays left */
  }
}


/* FOOTER COPYRIGHT FULL WIDTH FIX */
.gx-footer {
  width: 100% !important;
  overflow: hidden !important;
}

.gx-footer-bottom {
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  background: #050b2e !important;
 
  text-align: center !important;
  box-sizing: border-box !important;
}

/* Mobile + Tablet */
@media (max-width: 991px) {
  .gx-footer-bottom {
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 16px 15px !important;
  }
}


@media (max-width: 768px) {

  .gx-footer-container {
    text-align: left !important;
    align-items: flex-start !important;
  }

  .gx-footer-col {
    text-align: left !important;
  }

  .gx-footer-about {
    text-align: left !important;
  }

  .gx-footer-logo img {
    margin: 0 !important;   /* remove center alignment */
  }

 


/* NAVBAR */
.gx-nav-container {
  width: 100% !important;
  margin: 0 auto !important;
  padding-left: 40px !important;
  padding-right: 0px !important;
  box-sizing: border-box !important;
}

}









/* FORCE LOGO TO LEFT */
.gx-nav-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0 !important;   /* remove left gap */
}

/* LOGO FIX */
.gx-logo {
  margin: 0;
  padding: 0;
}

.gx-logo img {
  display: block;
}


/* MOBILE + TABLET */
@media (max-width: 991px) {
  .gx-navbar {
    padding-left: 10px !important;
    padding-right: 7px !important;
  }

  .gx-logo {
    margin-left: 0 !important;
  }

  .gx-nav-container {
    padding-left: 0 !important;
  }

  .gx-menu-toggle {
    margin-left: auto; /* keep menu icon right */
  }
}


/* NAV CONTAINER FIX */
.gx-nav-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* PUSH MENU ICON TO RIGHT */
.gx-menu-toggle {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* MOBILE + TABLET */
@media (max-width: 991px) {

  .gx-navbar {
    padding: 12px 16px !important; /* clean spacing */
  }

  .gx-nav-container {
    width: 100%;
  }

  .gx-logo {
    margin: 0;
  }

  .gx-menu-toggle {
    margin-left: auto !important; /* 🔥 force right */
    position: relative;
    right: 0;
  }
}








/* ONLY SECTION TO SECTION VERTICAL PADDING FIX */

/* Desktop */
section,
.chart-section,
.cta-section,
.details-section,
.testi-section,
.mm-section,
.fico-section,
.integration-section,
.tx-section,
.cert-section {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

/* Tablet / Tableau */
@media (max-width: 991px) {
  section,
  .chart-section,
  .cta-section,
  .details-section,
  .testi-section,
  .mm-section,
  .fico-section,
  .integration-section,
  .tx-section,
  .cert-section {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }
}

/* Mobile */
@media (max-width: 600px) {
  section,
  .chart-section,
  .cta-section,
  .details-section,
  .testi-section,
  .mm-section,
  .fico-section,
  .integration-section,
  .tx-section,
  .cert-section {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}
.sec-title em{
  font-style: normal !important;
}







/* FINAL FOOTER TEXT FIX */
.gx-footer .gx-footer-col p {
  font-size: 13.3px !important;
  line-height: 1.7;
  color: #dcdcdc;
}