:root {
      --cyan: #17a2d4;
      --cyan-dark: #1391bf;
      /*--navy: #06A3DA; */
      --navy: #0d1f3c;
      --navy-light: #122b55; 
    }
    * { scroll-behavior: smooth; }
    body { font-family: 'Open Sans', sans-serif; color: #333; }
    h1,h2,h3,h4,h5,h6,nav { font-family: 'Nunito', sans-serif; }

  html {
  overflow-anchor: none;
}

html, body {
  overflow-x: hidden;
  max-width: 100%;
}
    /* NAV */
    /*nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: white; box-shadow: 0 2px 10px rgba(0,0,0,.08); }*/

    nav {
    
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: transparent; /* Start transparent */
    box-shadow: 0 2px 10px rgba(0,0,0,.08);
    transition: background .3s, padding .3s;
    padding: 1.4rem 2rem;
}


@media (max-width: 1023px) {
  nav a.logo-link {
    font-size: 1rem !important;
    line-height: 1.3 !important;
  }
  nav a.logo-link i {
    font-size: 1rem !important;
  }
}



/* Navbar after scroll */
nav.scrolled {
    background: white;
    padding: 0.6rem 2rem; /* optional: shrink navbar on scroll */
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
}

/* Links */
nav .nav-link {
    position: relative;
    color: white; /* default for transparent navbar */
    font-weight: 700;
    font-size: 1.05rem;
    transition: .3s;
}

nav.scrolled .nav-link {
    color: #444; /* dark color on white background */
}

nav .nav-link:hover,
nav .nav-link.active {
    color: var(--cyan);
}

nav .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--cyan);
    border-radius: 2px;

}
    /* HERO */
    .hero {
      position: relative;
      min-height: 850px;
      height: 100vh;
      background: url('https://images.unsplash.com/photo-1600880292203-757bb62b4baf?w=1600&q=80') center/cover no-repeat;
      display: flex;
      align-items: center;     /* centers content vertically */
      justify-content: center; /* centers content horizontally */
      padding-bottom: 100px; 
    }
    .hero::after {
      content:'';
      position:absolute; inset:0;
      /*background: linear-gradient(135deg, rgba(13,31,60,.72) 0%, rgba(23,162,212,.45) 100%);*/
      background: rgba(9, 30, 62, .7);
    }
    .hero-content { position:relative; z-index:2; }

    /* COUNTER STRIP */
    .counter-strip {
    position: relative;
    z-index: 2; /* make sure it appears above the hero */
    margin-top: -80px;
    }


    .counter {
      font-family: "Nunito", sans-serif !important;
      font-weight: 900 !important;
    }

    .counter-card {
  opacity: 0;
  transform: scale(0.4);
  transition: opacity 0.7s cubic-bezier(0.34, 1.56, 0.64, 1),
              transform 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
    min-width: 0;
  overflow: hidden;
  word-break: break-word;
}

.counter-card p {
  font-size: clamp(0.85rem, 1.5vw, 1.4rem);
  
}

.counter-card.animate-in {
  opacity: 1;
  transform: scale(1);
}

.counter-card.card-delay-1 { transition-delay: 0s; }
.counter-card.card-delay-2 { transition-delay: 0.25s; }
.counter-card.card-delay-3 { transition-delay: 0.5s; }

.service-card {
  opacity: 0;
  transform: scale(0.4);
  transition: opacity 1s cubic-bezier(0.34, 1.56, 0.64, 1),
              transform 1s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.service-card:hover {
  background-color: #e0f2fe; /* light blue */
  transition-delay: 0s !important;
}

.service-card.animate-in {
  opacity: 1;
  transform: scale(1);
}

.service-card.card-delay-1 { transition-delay: 0s; }
.service-card.card-delay-2 { transition-delay: 0.2s; }
.service-card.card-delay-3 { transition-delay: 0.5s; }
.service-card.card-delay-4 { transition-delay: 0.75s; }
.service-card.card-delay-5 { transition-delay: 1.0s; }
.service-card.card-delay-6 { transition-delay: 1.25s; }
.service-card.card-delay-7 { transition-delay: 1.5s; }
.service-card.card-delay-8 { transition-delay: 1.75s; }

    /* SECTION DIVIDER */
.section-divider {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 1.5rem;
}

.bar-short {
  display: block;
  width: 12px;
  height: 4px;
  background: var(--cyan);
  border-radius: 2px;
}

.bar-long {
  display: block;
  width: 100px;
  height: 4px;
  background: var(--cyan);
  border-radius: 2px;
  position: relative;
  overflow: hidden;
}

.bar-square {
  position: absolute;
  top: 0;
  left: -6px;
  width: 10px;
  height: 4px;
  background: white;
  animation: moveSquare 2s linear infinite;
}

.section-divider--center {
  justify-content: center;
  padding-top: 10px;
}

@keyframes moveSquare {
  0%   { left: -6px; }
  100% { left: 100px; }
}

.phone-box {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.phone-box.visible {
  opacity: 1;
  transform: translateY(0);
}

.zoomIn {
  opacity: 0;
  transform: scale(0.5);
  transition: opacity 0.6s cubic-bezier(0.34, 1.56, 0.64, 1),
              transform 0.9s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.zoomIn.visible {
  opacity: 1;
  transform: scale(1);
}
    /* FEATURE ICON */
    .feat-icon {
      width:56px; height:56px; display:flex; align-items:center; justify-content:center;
      background: var(--cyan); border-radius:6px; color:white; font-size:1.3rem;
      flex-shrink:0;
    }

    /* WHY CHOOSE SECTION */
    .why-item { display:flex; flex-direction:column; gap:.6rem; }
    .why-icon {
      width:60px; height:60px; display:flex; align-items:center; justify-content:center;
      background: var(--cyan); border-radius:8px; color:white; font-size:1.4rem;
    }

    /* FOOTER */
    footer .left-col { background: var(--cyan); }
    footer .right-col { background: var(--navy); }

    /* SCROLL TOP */
    #scrollTop {
      position:fixed; bottom:24px; right:24px; z-index:200;
      width:44px; height:44px; background: var(--cyan); color:white;
      border-radius:6px; display:flex; align-items:center; justify-content:center;
      cursor:pointer; box-shadow:0 4px 12px rgba(23,162,212,.5);
      transition: opacity .3s, transform .3s;
    }
    #scrollTop:hover { transform:translateY(-3px); }

    /* HERO SLIDER DOTS */
    .dot { width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.5); cursor:pointer; transition:.3s; }
    .dot.active { background:white; transform:scale(1.2); }

    .fade-up { opacity: 0; }
    .fade-up.visible { animation: fadeUp .7s ease both; }
    .fade-up.visible.delay-1 { animation-delay: .15s; }
.fade-up.visible.delay-2 { animation-delay: .30s; }
.fade-up.visible.delay-3 { animation-delay: .45s; }

    /* Animate counters */
    @keyframes fadeUp { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }


    @keyframes slideDiagonal {
  from {
    opacity: 0;
    transform: translate(60px, 60px); /* comes from bottom-right */
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}

.slide-diagonal {
  opacity: 0;
}

.slide-diagonal.visible {
  animation: slideDiagonal 0.6s ease-out forwards;
}

.slide-diagonal.visible.diagonal-delay-1 {
  animation-delay: 0.2s;
}
    
    /* MOBILE MENU: hide border and padding when closed */
#mobileMenu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  border-top: 0px solid transparent !important;  /* hide the border when closed */
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
}
#mobileMenu .nav-link.active::after {
  display: none;
}

#mobileMenu.open {
  max-height: 500px;
  border-top: 1px solid #e5e7eb !important;
  padding-top: 0.5rem !important;
  padding-bottom: 1rem !important;
  margin-top: 0.5rem !important;
}

nav.menu-open .nav-link {
  color: #444 !important;
}
nav.menu-open {
  background: white !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  transition: background 0s !important; /* instant white, no fade-in delay */
}
    .btn-cyan {
      background: var(--cyan); color:white; font-family:'Nunito',sans-serif; font-weight:700;
      padding:.7rem 1.8rem; border-radius:4px; transition:.25s;
      display:inline-block; text-align:center; cursor:pointer; border:none;
    }
    .btn-cyan:hover { background: var(--cyan-dark); transform:translateY(-2px); box-shadow:0 6px 18px rgba(23,162,212,.35); }
    .btn-outline {
      background: transparent; color:white; font-family:'Nunito',sans-serif; font-weight:700;
      padding:.7rem 1.8rem; border-radius:4px; border:2px solid white;
      transition:.25s; display:inline-block; text-align:center; cursor:pointer;
    }
    .btn-outline:hover { background:white; color: var(--cyan); }

    /* NAV LINK */
    .nav-link { position:relative; color:#444; font-weight:700; font-size:.92rem; transition:.2s; }
    .nav-link:hover, .nav-link.active { color: var(--cyan); }
    .nav-link.active::after {
      content:''; position:absolute; bottom:-4px; left:0; right:0; height:2px; background: var(--cyan); border-radius:2px;
    }

    /* DROPDOWN */
    .dropdown { position:relative; }
    .dropdown-menu {
      position:absolute; top:100%; left:0; background:white; min-width:160px;
      box-shadow:0 8px 24px rgba(0,0,0,.12); border-radius:4px; padding:.5rem 0;
      opacity:0; pointer-events:none; transform:translateY(8px); transition:.2s;
    }
    .dropdown:hover .dropdown-menu { opacity:1; pointer-events:auto; transform:translateY(4px); }
    .dropdown-menu a { display:block; padding:.5rem 1rem; color:#444; font-size:.88rem; font-weight:600; transition:.15s; }
    .dropdown-menu a:hover { background: #f0f9ff; color: var(--cyan); }

    /* ABOUT IMAGE */
    .about-img { 
      border-radius:8px; 
      object-fit:cover; 
      width:100%; height:420px; 
      box-shadow:0 16px 48px rgba(0,0,0,.14); 
      transform: scale(0.5);
  opacity: 0;
  transition: transform 0.8s ease-out, opacity 0.8s ease-out;
    }

.about-img.zoom-in {
  transform: scale(1);
  opacity: 1;
}

.anim-item {
  opacity: 0;
  transform: translateX(120px) rotate(6deg) scale(0.82);
  transition: opacity 1.5s cubic-bezier(0.22,1,0.36,1), transform 1.5s cubic-bezier(0.22,1,0.36,1);
}

.anim-item.visible {
  opacity: 1;
  transform: translateX(0) rotate(0deg) scale(1);
}

    /* PHONE BOX */
    .phone-box {
      display:flex; align-items:center; gap:1rem; margin:1.5rem 0;
    }
    .phone-icon {
      width:52px; height:52px; background: var(--cyan); color:white; border-radius:6px;
      display:flex; align-items:center; justify-content:center; font-size:1.2rem; flex-shrink:0;
    }

    #work-process {
      background: #ffffff;
      padding: 80px 0 90px;
    }

    /* Header text */
    .wp-label {
      font-family: 'Nunito', sans-serif;
      font-weight: 800;
      font-size: 1.5rem;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--cyan);
      margin-bottom: 10px;
    }
    .wp-heading {
      font-family: 'Nunito', sans-serif;
      font-weight: 900;
      font-size: clamp(1.9rem, 3.5vw, 2.75rem);
      color: var(--navy);
      line-height: 1.25;
    }

  

    /* Steps row */
    #wp-steps {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      gap: 0;
      padding-top: 20px;
    }

    
    /* Individual step */
    .wp-step {
  display: flex; flex-direction: column; align-items: center;
  flex: 1;
  max-width: 280px; /* was 220px */
}

.wp-step {
  opacity: 0;
  transform: translateY(40px) scale(0.85);
  transition: opacity 0.8s cubic-bezier(0.34, 1.56, 0.64, 1),
              transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.wp-step.animate-in {
  opacity: 1;
  transform: translateY(0) scale(1);
}
    /* Icon box */
    .wp-icon {
  width: 80px; height: 80px;  
  background: var(--cyan);
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 8px 24px rgba(23,193,232,.28);
  transition: transform .3s, box-shadow .3s;
}
.wp-icon svg { width: 40px; height: 40px; fill: white; } /* was 38px */


    .wp-step:nth-child(1) .wp-icon { animation-delay: 0s; }
    .wp-step:nth-child(3) .wp-icon { animation-delay: .5s; }
    .wp-step:nth-child(5) .wp-icon { animation-delay: 1s; }
    .wp-step:nth-child(7) .wp-icon { animation-delay: 1.5s; }

    @keyframes iconFloat {
      0%, 100% { transform: translateY(0); }
      50%       { transform: translateY(-8px); box-shadow: 0 18px 32px rgba(23,193,232,.38); }
    }
    

    /* Arrow wrapper */
    .wp-arrow-wrap {
  display: flex; align-items: center; justify-content: center;
  padding-top: 40px; /* was 28px, moves arrow down to align with bigger icons */
  flex-shrink: 0;
  width: 70px; /* was 60px */
}

    /* Three staggered right-pointing chevrons */
    .wp-arrow-svg { overflow: visible; }

    .chv {
      fill: none;
      stroke: #b0c4d8;
      stroke-width: 2.8;
      stroke-linecap: round;
      stroke-linejoin: round;
      animation: chvFlow 1.6s ease-in-out infinite;
    }
    .chv1 { animation-delay: 0s;  }
    .chv2 { animation-delay: .25s; }
    .chv3 { animation-delay: .5s;  }

    @keyframes chvFlow {
      0%        { opacity: .2; stroke: #b0c4d8; }
      50%       { opacity: 1;  stroke: var(--cyan); }
      100%      { opacity: .2; stroke: #b0c4d8; }
    }

    /* Step title */
    .wp-title {
  margin-top: 20px;
  font-family: 'Nunito', sans-serif;
  font-weight: 800;
  font-size: 1.45rem; /* was 1.15rem */
  color: var(--navy);
  text-align: center;
}

    /* Step description */
    .wp-desc {
  margin-top: 8px;
  font-size: 1rem; /* was 0.875rem */
  color: #6b7a8d;
  text-align: center;
  line-height: 1.65;
  max-width: 210px; /* was 180px */
}

.about-checks div {
  font-size: 18px !important;
}

.phone-box p {
  font-family: "Nunito", sans-serif !important;
}

.hero-title {
  animation: zoomInTitle 0.6s ease-out forwards;
  font-size: clamp(1.8rem, 5vw, 5rem) !important;
  line-height: 1.3;
  white-space: normal;
  word-break: normal;
}


@media (max-width: 767px) {
  .hero-title {
    font-size: clamp(1.6rem, 7vw, 2.1rem) !important;
    line-height: 1.3;
    word-break: normal;
  }
}

/* add this for desktop */
@media (min-width: 768px) {
  .hero-title {
    font-size: clamp(2.5rem, 5vw, 5rem) !important;
    white-space: normal;
  }
}

@keyframes zoomInTitle {
  from {
    transform: scale(0.1);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.btn-from-left {
  animation: fromLeft 0.7s ease-out forwards;
}

.btn-from-right {
  animation: fromRight 0.7s ease-out forwards;
}

@keyframes fromLeft {
  from {
    transform: translateX(-200px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fromRight {
  from {
    transform: translateX(200px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.ts-section {  background: #fff; font-family: 'Nunito', sans-serif; }
  .ts-header { text-align: center; margin-bottom: 40px; }
  .ts-label { color: #17a2d4; font-size: 13px; font-weight: 800; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 10px; }
  .ts-title { font-size: 32px; font-weight: 900; color: #0d1f3c; line-height: 1.3; margin-bottom: 16px; }
  

  .ts-outer { overflow: hidden; }
  .ts-viewport { overflow: hidden; cursor: grab; user-select: none; }
  .ts-viewport.dragging { cursor: grabbing; }
  .ts-track { display: flex; gap: 24px; will-change: transform; }

  .ts-card {
    flex: 0 0 calc(33.333% - 16px);
    background: #def0f7;
    border-radius: 8px;
    overflow: hidden;
    transition: background 0.3s, box-shadow 0.3s;
  }
  .ts-card.center {
    background: #fff;
    box-shadow: 0 4px 32px rgba(0,0,0,0.12);
    z-index: 2;
  }
  .ts-card-head {
    padding: 1.2rem 1.4rem;
    display: flex;
    align-items: center;
    gap: 14px;
    border-bottom: 1px solid rgba(0,0,0,0.07);
  }
  .ts-avatar { width: 64px; height: 64px; border-radius: 6px; object-fit: cover; flex-shrink: 0; }
  .ts-name { font-size: 17px; font-weight: 800; color: #17a2d4; margin: 0 0 3px; }
  .ts-prof { font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #888; margin: 0; }
  .ts-body { padding: 1.2rem 1.4rem; }
  .ts-quote { font-size: 13px; color: #555; line-height: 1.75; margin: 0; font-family: 'Open Sans', sans-serif; }

  .ts-dots { display: flex; justify-content: center; gap: 8px; margin-top: 28px; }
  .ts-dot { width: 24px; height: 8px; border-radius: 4px; background: #c5dde6; border: none; padding: 0; cursor: pointer; transition: background 0.2s, width 0.2s; }
  .ts-dot.active { background: #17a2d4; width: 32px; }

  @media (max-width: 1023px) {
  #wp-steps {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px 20px;
  }

  .wp-arrow-wrap {
    display: none;
  }
}

@media (max-width: 480px) {
  #wp-steps {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1023px) {
  .ts-card {
    flex: 0 0 100%;
  }
}

.qs-wrap {
    background: #fff;
  }

  .qs-inner {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 60px;
    align-items: center;
  }

  /* LEFT */
  .qs-left {
    display: flex;
    flex-direction: column;
    gap: 26px;
  }

  .qs-eyebrow {
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--cyan);
  }

  .qs-heading {
    font-family: 'Nunito', sans-serif;
    font-size: clamp(1.9rem, 3.5vw, 2.65rem);
    font-weight: 900;
    color: var(--navy);
    line-height: 1.2;
  }

  .qs-divider {
    width: 52px;
    height: 3px;
    background: var(--cyan);
    margin-top: -8px;
  }

  .qs-perks {
    display: flex;
    gap: 36px;
    flex-wrap: wrap;
  }

  .qs-perk {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: var(--navy);
  }

  .qs-perk-icon {
    width: 22px;
    height: 22px;
    color: var(--cyan);
    flex-shrink: 0;
  }

  .qs-body {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #6b7280;
    line-height: 1.75;
    max-width: 520px;
  }

  .qs-contact {
    display: flex;
    align-items: center;
    gap: 18px;
  }

  .qs-phone-icon-wrap {
    width: 56px;
    height: 56px;
    background: var(--cyan);
    border-radius: 4px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    transition: background 0.2s;
  }
  .qs-phone-icon-wrap:hover { background: var(--cyan-dark, #1391bf); }
  .qs-phone-icon-wrap svg {
    width: 26px;
    height: 26px;
    color: #fff;
  }

  .qs-contact-label {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #6b7280;
    font-weight: 500;
  }

  .qs-phone-number {
    font-family: 'Nunito', sans-serif;
    font-size: 20px;
    font-weight: 800;
    color: var(--cyan);
    letter-spacing: 0.5px;
  }

  /* FORM CARD */
  .qs-form-card {
    background: var(--cyan);
    border-radius: 6px;
    padding: 36px 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .qs-field { display: flex; flex-direction: column; }

  .qs-field input,
  .qs-field select,
  .qs-field textarea {
    background: #eaf5fb;
    border: none;
    border-radius: 4px;
    padding: 16px 18px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: var(--navy);
    outline: none;
    transition: box-shadow 0.2s, background 0.2s;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
  }

  .qs-field input::placeholder,
  .qs-field textarea::placeholder { color: #7eafc4; }

  .qs-field select {
    color: #7eafc4;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%237eafc4'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: #eaf5fb;
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 20px;
    padding-right: 42px;
    cursor: pointer;
  }

  .qs-field select option { color: var(--navy); }

  .qs-field textarea {
    resize: vertical;
    min-height: 110px;
  }

  .qs-field input:focus,
  .qs-field select:focus,
  .qs-field textarea:focus {
    background: #fff;
    box-shadow: 0 0 0 3px rgba(255,255,255,0.4);
  }





  .qs-custom-select { position: relative; }

.qs-select-selected {
  background: #eaf5fb;
  border-radius: 4px;
  padding: 16px 42px 16px 18px;
  font-size: 15px;
  color: #7eafc4;
  cursor: pointer;
}

.qs-select-items {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 8px 24px rgba(0,0,0,.15);
  z-index: 999;
  max-height: 220px;
  overflow-y: auto;
}

.qs-select-items.open { display: block; }

.qs-select-items div {
  padding: 12px 18px;
  font-size: 14px;
  color: var(--navy);
  cursor: pointer;
}

.qs-select-items div:hover {
  background: #eaf5fb;
  color: var(--cyan);
}


  .qs-submit-btn {
    background: var(--navy);
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 18px;
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s, transform 0.15s;
    margin-top: 4px;
    width: 100%;
  }
  .qs-submit-btn:hover { background: #0a1c2e; transform: translateY(-1px); }
  .qs-submit-btn:active { transform: translateY(0); }

  .qs-success {
    display: none;
    background: rgba(255,255,255,0.18);
    border-radius: 4px;
    padding: 18px;
    text-align: center;
    color: #fff;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    font-size: 15px;
  }

  /* RESPONSIVE */
  @media (max-width: 820px) {
    .qs-inner {
      grid-template-columns: 1fr;
      gap: 40px;
    }
  }






  .goog-te-banner-frame { display: none !important; }
body { top: 0px !important; }
#goog-gt-tt { display: none !important; }
.goog-tooltip { display: none !important; }
.goog-text-highlight { background: none !important; box-shadow: none !important; }
.VIpgJd-ZVi9od-ORHb-OEVmcd { display: none !important; }
   
.goog-te-banner-frame.skiptranslate { display: none !important; }
body { top: 0px !important; }
.goog-text-highlight { background: none !important; box-shadow: none !important; }
#goog-gt-tt { display: none !important; }
#google_translate_element { display: none; }

.goog-te-gadget-icon { display: none !important; }
.goog-te-gadget { display: none !important; }
.goog-logo-link { display: none !important; }
#google_translate_element { display: none !important; }

/* This hides the floating G icon that appears on scroll */
.VIpgJd-ZVi9od-ORHb-OEVmcd { display: none !important; }
.VIpgJd-ZVi9od-aZ2me-OEVmcd { display: none !important; }
iframe.skiptranslate { display: none !important; }

.VIpgJd-ZVi9od-aZ2wEe-wOHMyf { display: none !important; }
.VIpgJd-ZVi9od-aZ2wEe-OiiCO { display: none !important; }
.VIpgJd-ZVi9od-aZ2wEe { display: none !important; }

.lang-option {
    padding: 4px;
    border-radius: 6px;
    transition: 0.2s;
}

.lang-option img {
    width: 28px;
    height: 20px;
    border-radius: 3px;
}

.lang-option:hover {
    transform: scale(1.1);
    opacity: 0.8;
}

/* Dropdown wrapper */
.lang-dropdown {
    position: relative;
    display: inline-block;
    /* REMOVED visibility:hidden — that was hiding it */
}

/* The visible button showing current flag */
.lang-selected {
    display: flex;
    align-items: center;
    gap: 6px;
    background: none;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 5px 10px;
    cursor: pointer;
    color: inherit;
}

.lang-selected img {
    width: 24px;
    height: 16px;
    object-fit: cover;
    border-radius: 2px;
}

/* Dropdown list — hidden by default */
.lang-menu {
    display: none;
    position: absolute;
    top: 110%;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    list-style: none;
    padding: 4px 0;
    margin: 0;
    min-width: 140px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 9999;
}

/* Show when open */
.lang-dropdown.open .lang-menu {
    display: block;
}

/* Each language option */
.lang-menu .lang-option {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 12px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    text-align: left;
    color: #333;
}

.lang-menu .lang-option:hover {
    background: #f5f5f5;
}

.lang-menu .lang-option.active {
    font-weight: bold;
    background: #eef3ff;
}

.lang-menu .lang-option img {
    width: 24px;
    height: 16px;
    object-fit: cover;
    border-radius: 2px;
}