/* ------- Base tokens used by header/slider ------- */
    :root{
      --nav-blue:#151C4C;
      --pagew:1536px;
      --white:#fff;
      --topbar-ink:#1E2A78;
      --ink-900:#0b1b33;
      --ink-600:#4b5563;
      --line:#E9EEF6;
      --cta:#1E2A78;
    }

    .page-wrap{ margin:0 auto; background:#0f1730;}

    /* ===== Top bar ===== */
    .topbar{
      height:50px; background:#F4F5F8; color:var(--topbar-ink); border-bottom:1px solid #E6EAF3;
      display:flex; align-items:center; justify-content:flex-end; gap:12px; padding:0 24px;
      font-family:Rubik; font-weight:500; font-size:13px; line-height:18.01px;
    }
    .topbar a{ color:var(--topbar-ink); text-decoration:none; }
    .topbar .sep{ opacity:.6; margin:0 .65rem; }

    /* ===== Blue nav ===== */
    .nav-blue{ background:var(--nav-blue); }
    .nav-blue .navbar{ position:relative; z-index:10; }
    .nav-blue--primary .navbar{
      min-height:90px;
      padding:18px 0;
    }
    .navbar-brand img{ height:38px; }
    .navbar-nav{ gap:24px; }
    .navbar-nav .nav-link{
      color:var(--white) !important; text-transform:uppercase;
      font-family:Rubik; font-weight:500; font-size:14px; line-height:18px; letter-spacing:0;
      padding:0; vertical-align:middle;
    }
    .navbar-nav .nav-link:hover{ opacity:.9; }
    .btn-quote{
      width:165px; height:50px; border-radius:5px; background:#fff; color:#111936;
      display:block; text-align:center; text-decoration:none;
      font-family:Rubik; font-weight:500; font-size:15px; text-transform:capitalize; letter-spacing:0;
      line-height:50px;
    }

    /* ===== HERO CAROUSEL ===== */
    .hero-carousel .carousel-item{ min-height:660px; }
    .hero-slide{
      position:relative; min-height:660px; display:flex; align-items:center;
      background-position:center; background-size:cover; background-repeat:no-repeat;
    }
    .hero-slide::before{
      content:""; position:absolute; inset:0;
      background: linear-gradient(90deg, rgba(0,0,0,.65) 0%,rgba(0,0,0,.45) 48%, rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%);
    }
    .hero-content{ position:relative; z-index:1; color:#fff; padding:56px 0; }
    .hero-tag{ height:36px; width:auto; display:block; margin-bottom:14px; }
    .hero-title{
      font-family:Poppins; font-weight:700; font-size:48px; line-height:63.98px; margin:0 0 12px;
    }
    .hero-desc{
      font-family:Rubik; font-weight:400; font-size:16.5px; line-height:1.8; color:#d7deea;
      max-width:560px; margin-bottom:18px;
    }
    .hero-cta{
      height:58px; border-radius:6px; border:none;
      padding:14px 28px; display:inline-flex; align-items:center; justify-content:center; gap:8px;
      background:#fff; color:#111936; text-decoration:none;
      font-family:Poppins; font-weight:600; font-size:18px; line-height:100%;
    }
    .hero-cta svg{ width:18px; height:18px; }
    .hero-text-controls{ margin-top:60px; margin-left: 10px;}
    .hero-text-controls a{ color:#cfd7e6; text-decoration:none; margin-right:16px; font-family:Rubik; }
    .hero-text-controls a:hover{ color:#fff; }
    .carousel-control-prev-icon, .carousel-control-next-icon{ filter: invert(1) grayscale(100); }
    .hero-carousel .container{ max-width:1600px; }

    @media (max-width: 767.98px){
      .hero-carousel .carousel-item,
      .hero-slide{ min-height:560px; }
      .hero-content{ padding:96px 20px 64px; }
      .hero-title{ font-size:30px; line-height:1.25; }
      .hero-title br{ display:none; }
      .hero-desc{ font-size:15px; margin-bottom:22px; }
      .hero-cta{ width:100%; justify-content:center; font-size:16px; padding:14px 20px; }
      .hero-text-controls{ margin-top:28px; }
      .hero-carousel .container{ padding-left:20px; padding-right:20px; }
    }

    /* Slide-2 chips */
    .info-chips{ display:flex; flex-wrap:wrap; margin-bottom:18px; }
    .chip{ display:inline-flex; align-items:center; gap:10px; padding:10px 12px; border-radius:10px;
            color:#E7ECF6; font-family:Rubik; font-size:14px; }
    .chip-icon{ width:24px; height:24px; object-fit:contain; display:block; }

    /* ===== ABOUT section (scoped) ===== */
    .about-section{ padding:48px 16px; }
    .about-section .eyebrow{ color:#3fa9f5; font-family:Rubik; font-weight:600; }
    .about-section .eyebrow img{width:16px;height:16px}
    .about-section .about-title{
      font-family:Poppins; font-weight:700; font-size:35px; line-height:47.01px; color:var(--ink-900); margin:6px 0 12px;
    }
    @media (max-width:360px){ .about-section .about-title{ font-size:30px; line-height:40px; } }
    .about-section .about-desc{
      font-family:Rubik; font-weight:400; font-size:18px; line-height:31px; color:var(--ink-600); margin-bottom:22px;
    }
    .about-section .about-img{border-radius:1rem; width:100%; height:auto; display:block;}
    .about-section .stat{ display:flex; gap:16px; align-items:center; padding:10px 0; border-top:1px solid #e6eaf0; }
    .about-section .stat:first-child{ border-top:0; }
    /* Replace your block with this if you want fixed sizes per breakpoint */
.about-section .icon{
  width:56px; height:56px;
  border-radius:16px;
  display:grid; place-items:center;
  background:#fff; overflow:hidden;
  flex: 0 0 auto;          /* NEW: prevents flex stretch */
}
@media (min-width:768px){
  .about-section .icon{ width:72px; height:72px; }
}
@media (min-width:992px){
  .about-section .icon{ width:77px; height:77px; }
}
.about-section .icon img{
  display:block;           /* NEW: removes inline gap */
  width:100%; height:100%;
  object-fit:contain;
}

    .about-section .kicker, .about-section .label{
      font-family:Montserrat; font-weight:700; font-size:24px; line-height:130%; margin:0; color:var(--ink-900);
    }
    .about-section .btn-cta{
      background:var(--cta); color:#fff; text-decoration:none; font-family:Rubik; font-weight:700;
      border-radius:.75rem; padding:.8rem 1.1rem; display:inline-flex; align-items:center; gap:.5rem;
    }
    .about-section .btn-cta:hover{ opacity:.95; color:#fff; }
    .about-section .btn-cta svg{ width:18px; height:18px; }

    /* ===== WHY CHOOSE section (scoped) ===== */
    .choose-section{ padding:56px 16px; }
    @media (min-width:768px){ .choose-section{ padding:10px 10px; } }
    @media (min-width:1200px){ .choose-section{ padding:25px 25px; } }
    .choose-section .metrics{
      position:relative; display:grid; grid-template-columns:repeat(2,1fr);
      gap:28px 32px; padding:16px 8px;
    }
    .choose-section .metrics::before, .choose-section .metrics::after{ content:""; position:absolute; background:var(--line); }
    .choose-section .metrics::before{ width:1px; top:8px; bottom:8px; left:50%; transform:translateX(-0.5px); }
    .choose-section .metrics::after{ height:1px; left:8px; right:8px; top:50%; transform:translateY(-0.5px); }
    .choose-section .metric{ display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; }
    .choose-section .metric-icon{ width:56px; height:56px; object-fit:contain; }
    @media (min-width:768px){ .choose-section .metric-icon{ width:64px; height:64px; } }
    .choose-section .metric-value{ font-family:Rubik; font-weight:700; font-size:24px; line-height:1.3; color:#1E2A78; margin:0; }
    .choose-section .metric-label{ font-family:Rubik; font-weight:500; font-size:14px; line-height:1.4; color:#738094; margin:0; }
    .choose-section .choose-title{ font-family:Poppins; font-weight:700; font-size:35px; line-height:47.01px; color:var(--ink-900); margin:0 0 8px; }
    @media (max-width:360px){ .choose-section .choose-title{ font-size:30px; line-height:40px; } }
    .choose-section .choose-desc{ font-family:Rubik; font-weight:400; font-size:18px; line-height:31px; color:#1E2A78; max-width:560px; margin-bottom:18px; }
    .choose-section .choose-graphic{ width:100%; max-width:620px; height:auto; display:block; margin:8px 0 24px; }
    .choose-section .btn-cta{
      background:#1E2A78; color:#fff; border-radius:10px; font-family:Rubik; font-weight:700;
      padding:.85rem 1.15rem; display:inline-flex; align-items:center; gap:.6rem; text-decoration:none;
    }
    .choose-section .btn-cta:hover{ color:#fff; opacity:.95; }
    .choose-section .btn-cta svg{ width:18px; height:18px; }

    /* ===== TECH STACK section (scoped) ===== */
      /* Active underline */
  .tech-tabs .nav-link{ position:relative; white-space:nowrap; }
  .tech-tabs .nav-link::after{ content:""; position:absolute; left:0; right:0; bottom:-12px; height:2px; background:transparent; }
  .tech-tabs .nav-link.active{ color:#1E2A78 !important; }
  .tech-tabs .nav-link.active::after{ background:#1E2A78; }

  /* Desktop spacing */
  .tech-tabs{ gap:4px 12px; }

  /* Mobile/tablet: horizontal scroll tabs */
  @media (max-width: 991.98px){
    .tech-tabs{
      flex-wrap:nowrap !important;
      overflow-x:auto;
      -webkit-overflow-scrolling:touch;
      scrollbar-width:none;
      gap:8px;
      justify-content:flex-start !important;
    }
    .tech-tabs::-webkit-scrollbar{ display:none; }
    .tech-tabs .nav-link{ padding:8px 10px; }
    .tech-tabs .nav-link::after{ bottom:-8px; }
    .tech-tabs-hr{ margin-top:-10px !important; }
  }

  /* === NEW: responsive logo grid === */
  .logo-grid{
    --tile-min: 120px;                 /* min tile width */
    --gap: 18px;
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--tile-min), 1fr));
    gap: var(--gap);
    align-items:stretch;
  }
  .logo-grid > img{

    border-radius:10px;
    padding:18px;
    width:100%;
    height:100%;
    object-fit:contain;
    max-height:90px;                   /* keep tiles even */
  }
  @media (max-width: 575.98px){
    .logo-grid{ --tile-min: 120px; gap:14px; }
    .logo-grid > img{ padding:14px; max-height:80px; }
  }

  a.btn.btn-cta{
  background: var(--cta, #1E2A78);
  color:#fff;
  text-decoration:none;
  font-family:Rubik,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:700;
  border-radius:.75rem;
  padding:.8rem 1.1rem;
  display:inline-flex;
  align-items:center;
  gap:.5rem;

  /* Override Bootstrap button vars */
  --bs-btn-bg: var(--cta, #1E2A78);
  --bs-btn-color:#fff;
  --bs-btn-border-color:transparent;
  --bs-btn-hover-bg: var(--cta, #1E2A78);
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-border-color:transparent;

  transition:none;
}
a.btn.btn-cta:hover,
a.btn.btn-cta:focus{
  background:var(--cta, #1E2A78) !important;
  color:#fff !important;
  border-color:transparent !important;
  text-decoration:none !important;
}
a.btn.btn-cta svg{
  width:18px;height:18px;stroke:currentColor;
}

.industry-scope :root{--brand:#1E2A78;--muted:#6E7E91;--section-bg:#F6F6F6}.industry-scope body{font-family:'Rubik',sans-serif;color:var(--muted)}.industry-scope .industries{background:var(--section-bg);padding:72px 0;text-align:center}.industry-scope .eyebrow{color:#00ACEA;font-family:'Poppins',sans-serif;font-weight:500;font-size:18px;line-height:90%;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.industry-scope .eyebrow img{width:18px;height:18px}.industry-scope .section-title{color:#1E2A78;font-family:'Poppins',sans-serif;font-weight:700;font-size:35px;line-height:90%;margin-bottom:12px}.industry-scope .section-subtitle{font-family:'Rubik',sans-serif;font-weight:400;font-size:18px;line-height:180%;color:#647589;max-width:850px;margin:0 auto 48px}.industry-scope .industry-card{text-align:center}.industry-scope .industry-icon{width:96px;height:96px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;box-shadow:0 8px 14px rgba(0,0,0,.06);margin:0 auto 16px}.industry-scope .industry-icon img{width:48px;height:48px;object-fit:contain}.industry-scope .industry-card h3{font-size:18px;font-weight:500;font-family:'Rubik',sans-serif;color:#1E2A78;margin:0;line-height:180%}.industry-scope .g-gap-32{--bs-gutter-x:32px;--bs-gutter-y:32px}.industry-scope .industries{padding-top:180px}

@media (max-width: 575.98px) {
  .industry-scope .industries {
    padding-top: 60px; /*  adjust as you like */
  }
}

/* SDLC variables for restored sections */
:root{
  --sdlc-dark-blue:#161a35;
  --sdlc-accent:#4a67f0;
  --sdlc-text:#333;
  --sdlc-white:#fff;
  --sdlc-ts-overlay-start: rgba(8, 15, 40, .85);
  --sdlc-ts-overlay-end:   rgba(27, 45, 120, .75);
}

/* Trusted by */
.sdlc-trusted{padding:50px 5%; text-align:center; background:#f7f9fc;}
.sdlc-trusted-title{font-family:"Poppins", Arial, sans-serif; font-size:35px; font-weight:800; color:var(--sdlc-dark-blue); margin-bottom:1.2rem;}
.sdlc-trusted-logos{display:flex; justify-content:center; align-items:center; gap:40px; flex-wrap:wrap;}
.sdlc-trusted-logos img{height:50px; max-width:150px; object-fit:contain; filter:grayscale(100%); opacity:.7; transition:.3s;}
.sdlc-trusted-logos img:hover{filter:none; opacity:1;}

/* End-to-End */
.sdlc-e2e{background-image:linear-gradient(rgba(22,26,53,.9), rgba(22,26,53,.9)), url('end-to-end-bg.jpg'); background-size:cover; background-position:center; padding:80px 5%; color:#fff; display:flex; justify-content:space-between; align-items:center; gap:50px; flex-wrap:wrap;}
.sdlc-e2e-content{max-width:50%; flex:1 1 380px;}
.sdlc-e2e-title{font-family:"Poppins", Arial, sans-serif; font-size:35px; margin:0 0 10px;}
.sdlc-e2e-card{background:#fff; padding:40px; border-radius:10px; box-shadow:0 10px 20px rgba(0,0,0,.1); width:450px; flex:1 1 420px; color:var(--sdlc-text);}
.sdlc-e2e-card button{background:var(--sdlc-accent); color:#fff; padding:15px; border:0; border-radius:5px; font-size:1.1em; font-weight:700; cursor:pointer;}
/* ===== Base layout (same as before) ===== */
  .consult-section{ position:relative; color:#fff; overflow:visible; }
  .consult-frame{
    width:100%; max-width:1538px; height:540px;
    margin:0 auto; display:flex; align-items:center; position:relative; z-index:1;
    padding-bottom:36px;  
    padding-top: 80px;         /* room for the floating card’s drop below */
  }
  .consult-bg{
    position:absolute; inset:0;
    background:
      linear-gradient(90deg, rgba(21,28,76,0.85) 0%, rgba(21,28,76,0.70) 45%, rgba(21,28,76,0.55) 100%),
      url("./assets/handshake\ Image.webp")
      center/cover no-repeat;
  }

  .consult-title{
    font-family:Poppins; font-weight:700; font-size:34px; line-height:100%; margin:0 0 14px;  padding-left: 50px;   /* adjust as needed */

  }
  .consult-sub{
    font-family:Rubik; font-weight:400; font-size:18px; line-height:90%; margin:0; color:#E7ECF6;  padding-left: 50px; padding-top: 15px;  /* adjust as needed */

  }

  .consult-card{
    width:100%; max-width:498px;
    background:#fff; color:#111936; border-radius:14px;
    box-shadow:0 16px 44px rgba(17,25,54,.22);
    position:relative;
    padding:40px 22px 22px;
    ;
  }

  /* === NEW: Make the card sit a little lower than the container === */
  @media (min-width: 1200px){
    .consult-card--float{
      transform: translateY(24px);   /* lower the card */
    }
  }

  .consult-kicker{
    display:flex; align-items:center; justify-content:center; gap:8px;
    color:#1E2A78; margin-bottom:4px;
    font-family:Rubik; font-weight:600; font-size:13px;
  }
  .consult-kicker img{ width:16px; height:16px; }

  .consult-heading{
    font-family:Poppins; font-weight:500; font-size:20px; line-height:140%;
    color:#111936; margin:0 0 10px;
    text-align:center;
  }
  .consult-tagline{
    font-family:Rubik; font-weight:400; font-size:15px; line-height:1.6;
    color:#5C688A; margin:0 0 20px; text-align:center;
  }

  .consult-card__close{
    position:absolute; top:14px; right:14px;
    width:32px; height:32px; border-radius:50%;
    border:0; background:transparent; color:#111936;
    font-size:20px; font-weight:600; line-height:1;
    display:flex; align-items:center; justify-content:center;
    cursor:pointer;
  }
  .consult-card__close:hover{ color:#1E2A78; }
  .consult-card__close:focus-visible{ outline:2px solid #1E2A78; outline-offset:2px; }
  .consult-card.is-hidden{ display:none; }


  .consult-form .form-label{
    font-family:Montserrat; font-weight:500; font-size:14px; line-height:180%; color:#24314F; margin-bottom:6px;
  }
  .consult-form .form-control{
    background:#F5F7FC; border:1px solid #E3E8F3; color:#111936;
    border-radius:10px; padding:.75rem .9rem; height:48px;
  }
  .consult-form textarea.form-control{ height:auto; min-height:110px; resize:vertical; }

  .consult-btn{
    width:100%; height:52px; border:none; border-radius:10px;
    background:#1E2A78; color:#fff; display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
    font-family:Rubik; font-weight:700; font-size:16px; line-height:1;
    text-decoration:none;
  }
  .consult-btn:hover{ opacity:.96; color:#fff; }

  /* Mobile/tablet: reset float so it doesn't clip and keep spacing nice */
  @media (max-width: 1199.98px){
    .consult-frame{ height:auto; padding:42px 0; }
    .consult-card--float{ transform:none; }
    .consult-card{ max-width:100%; }
  }
  @media (max-width:575.98px){
    .consult-title{ font-size:28px;  }
    .consult-sub{ font-size:16px; }
  }
  /* Dynamic Height Popup - Calculates Available Space */
.consult-popup {
  position: fixed;
  inset: 0;
  display: none;
  align-items: flex-start; /* Align to top instead of center */
  justify-content: center;
  padding: 0;
  z-index: 2090;
  overflow-y: auto; /* Allow page-level scroll if absolutely needed */
}

.consult-popup.is-visible { 
  display: flex; 
}

.consult-popup__overlay {
  position: fixed; /* Changed to fixed */
  inset: 0;
  background: rgba(17, 25, 54, 0.65);
  backdrop-filter: blur(2px);
}

.consult-popup__dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 460px;
  margin: 20px auto;
  transform: translateY(20px);
  opacity: 0;
  transition: opacity 0.35s ease, transform 0.35s ease;
}

.consult-popup.is-visible .consult-popup__dialog {
  transform: translateY(0);
  opacity: 1;
}

.consult-card {
  width: 100%;
  background: #fff;
  color: #111936;
  border-radius: 10px;
  box-shadow: 0 16px 44px rgba(17, 25, 54, 0.22);
  position: relative;
  padding: 30px 20px 20px;
  margin: 0 10px; /* Side margins for mobile */
}

.consult-popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: 0;
  color: #111936;
  z-index: 1001;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
}

.consult-popup__close:hover { 
  background-color: #f5f7fc;
  color: #1E2A78;
}

.consult-popup__close:focus-visible {
  outline: 2px solid #1E2A78;
  outline-offset: 2px;
}

.consult-heading {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.3;
  color: #111936;
  margin: 0 0 8px;
  text-align: center;
}

.consult-tagline {
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.4;
  color: #5C688A;
  margin: 0 0 20px;
  text-align: center;
}

.consult-form .form-group {
  margin-bottom: 15px;
}

.consult-form .form-label {
  font-family: Arial, sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #24314F;
  margin-bottom: 5px;
  display: block;
}

.consult-form .form-control {
  background: #F8F9FA;
  border: 1px solid #DDE1E6;
  color: #111936;
  border-radius: 6px;
  padding: 10px 12px;
  height: 40px;
  width: 100%;
  font-size: 13px;
  font-family: Arial, sans-serif;
  transition: border-color 0.2s ease;
  box-sizing: border-box;
}

.consult-form .form-control:focus {
  border-color: #1E2A78;
  outline: none;
  box-shadow: 0 0 0 2px rgba(30, 42, 120, 0.15);
}

.consult-form .form-control::placeholder {
  font-size: 12px;
  color: #8B95A5;
}

.consult-form textarea.form-control {
  height: 70px;
  min-height: 70px;
  max-height: 120px;
  resize: vertical;
  padding: 8px 12px;
}

.consult-btn {
  width: 100%;
  height: 42px;
  border: none;
  border-radius: 6px;
  background: #1E2A78;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
  margin-top: 5px;
}

.consult-btn:hover {
  background-color: #1a2470;
  color: #fff;
}

.consult-btn svg {
  width: 14px;
  height: 14px;
}

/* Mobile - even more compact */
@media (max-width: 480px) {
  .consult-popup__dialog {
    margin: 10px auto;
  }
  
  .consult-card {
    padding: 25px 15px 15px;
    margin: 0 5px;
    border-radius: 8px;
  }
  
  .consult-heading {
    font-size: 16px;
    margin-bottom: 6px;
  }
  
  .consult-tagline {
    font-size: 13px;
    margin-bottom: 15px;
  }
  
  .consult-form .form-group {
    margin-bottom: 12px;
  }
  
  .consult-form .form-label {
    font-size: 12px;
    margin-bottom: 4px;
  }
  
  .consult-form .form-control {
    height: 36px;
    padding: 8px 10px;
    font-size: 12px;
  }
  
  .consult-form textarea.form-control {
    height: 60px;
    min-height: 60px;
    max-height: 90px;
    padding: 6px 10px;
  }
  
  .consult-btn {
    height: 38px;
    font-size: 13px;
  }
}

/* Very small screens */
@media (max-width: 360px) {
  .consult-popup__dialog {
    margin: 5px auto;
  }
  
  .consult-card {
    padding: 20px 12px 12px;
    margin: 0 3px;
  }
  
  .consult-heading {
    font-size: 15px;
    margin-bottom: 4px;
  }
  
  .consult-tagline {
    font-size: 12px;
    margin-bottom: 12px;
  }
  
  .consult-form .form-group {
    margin-bottom: 10px;
  }
  
  .consult-form .form-control {
    height: 34px;
    padding: 6px 8px;
    font-size: 11px;
  }
  
  .consult-form textarea.form-control {
    height: 55px;
    min-height: 55px;
    padding: 5px 8px;
  }
  
  .consult-btn {
    height: 36px;
    font-size: 12px;
  }
}

/* Short screens - landscape phones */
@media (max-height: 600px) {
  .consult-popup__dialog {
    margin: 5px auto;
  }
  
  .consult-card {
    padding: 20px 15px 15px;
  }
  
  .consult-heading {
    font-size: 16px;
    margin-bottom: 4px;
  }
  
  .consult-tagline {
    font-size: 12px;
    margin-bottom: 10px;
  }
  
  .consult-form .form-group {
    margin-bottom: 8px;
  }
  
  .consult-form .form-control {
    height: 32px;
    font-size: 12px;
  }
  
  .consult-form textarea.form-control {
    height: 50px;
    min-height: 50px;
    max-height: 70px;
  }
}

/* Extra short screens */
@media (max-height: 480px) {
  .consult-popup__dialog {
    margin: 2px auto;
  }
  
  .consult-card {
    padding: 15px 12px 12px;
  }
  
  .consult-form .form-group {
    margin-bottom: 6px;
  }
  
  .consult-form .form-control {
    height: 30px;
  }
  
  .consult-form textarea.form-control {
    height: 40px;
    min-height: 40px;
    max-height: 60px;
  }
  
  .consult-btn {
    height: 34px;
  }
}
/* Testimonial slider */
.sdlc-testi-wrap{position:relative; color:#e8edff;}
.sdlc-testi-wrap::before{
  content:""; position:absolute; inset:0;
  background: linear-gradient(90deg, var(--sdlc-ts-overlay-start) 0%, var(--sdlc-ts-overlay-end) 100%),
              url('./assets/handshake\ Image.webp') center/cover no-repeat;
  z-index:0;
}
.sdlc-testi-wrap .container{position:relative; z-index:1; padding-block:56px;}
.sdlc-ts-quote{font-family:"Poppins", Arial, sans-serif; font-weight:400; font-size:26px; line-height:150%; color:#fff; max-width:42ch;}
.sdlc-ts-author{font-weight:600; color:#fff;}
.sdlc-ts-role{color:#c7d2fe;}
.sdlc-ts-photo{width:min(360px, 88vw); margin-left:auto;}
.sdlc-ts-photo img{display:block; width:100%; height:auto;}
.sdlc-ts-nav{gap:16px;padding-top: 20px;}
.sdlc-ts-nav a{color:#a5b4fc; text-decoration:none;}
.sdlc-ts-nav a:hover{color:#fff; text-decoration:underline;}
.sdlc-testi-wrap .carousel-item{padding-block:12px;}
@media (max-width: 991.98px){
  .sdlc-ts-quote{max-width:unset;}
  .sdlc-ts-photo{margin:24px auto 0;}
}
/* Awards */
.sdlc-awards {
  padding: 80px 5%;
  text-align: center;
}

.sdlc-awards-title {
  font-family: "Poppins", Arial, sans-serif;
  font-size: 35px;
  color: var(--sdlc-dark-blue);
  margin-bottom: 20px;
}

.sdlc-awards-desc {
  font-size: 1.1em;
  color: #6c757d;
  max-width: 800px;
  margin: 0 auto 50px;
}

/* Awards logos */
.sdlc-awards-logos {
  display: flex;
  justify-content: center;
  gap: 07px;
  flex-wrap: wrap;
}

.sdlc-awards-logos img {
  height: 120px;
  width: auto;
  object-fit: contain;
}

/* ✅ Mobile – force 2 logos per row */
@media (max-width: 576px) {
  .sdlc-awards-logos {
    justify-content: center;
  }

  .sdlc-awards-logos img {
    flex: 0 0 48%;   /* two logos per row */
    max-width: 48%;
    height: auto;    /* let height adjust */
  }
}


/* Footer */
  /* ===== Section band: 1536 x 506 (scoped) ===== */
  .lmadc{
    width:100%;
    max-width:1536px;     /* canvas width */
    height:506px;         /* fixed per spec */
    margin:0 auto;
    background:#fff;
    display:flex;         /* center content vertically */
    align-items:center;
    padding:0 16px;       /* light horizontal breathing room */
    box-sizing:border-box;
  }
  .lmadc__wrap{
    max-width:999px;      /* inner content width per earlier spec */
    margin:0 auto; text-align:center;
  }
  .lmadc__title{
    font-family:Poppins, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-weight:700; font-size:35px; line-height:90%; letter-spacing:0;
    color:#1E2A78; margin:0 0 14px;
  }
  .lmadc__desc{
    font-family:Rubik, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-weight:400; font-size:18px; line-height:180%; letter-spacing:0;
    color:#4b5563; margin:0 auto 18px; max-width:920px;
  }
  .lmadc__badges{
    max-width:990.57px;
    margin:0 auto;
    display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px;
  }
  .lmadc__badge{
    width:147.8804px; height:147.8724px;
    border-radius:8px; background:#fff; border:1px solid #E9EEF6;
    display:flex; align-items:center; justify-content:center;
  }
  .lmadc__badge img{ max-width:88%; max-height:88%; object-fit:contain; }

  /* Mobile safeguard: if viewport is very small, let the section grow */
  @media (max-width:768px){
    .lmadc{ height:auto; padding:32px 16px; }
  }

  /* ===== Footer band: 1536 x 186 (scoped) ===== */
  .sdlc-mini-footer{
    width:100%;
    height:120px;       /* fixed per spec */
    margin:0 auto;
    background:#F6F6F6;
    display:flex; align-items:center;
    padding:0 16px; box-sizing:border-box;
  }
  .sdlc-mini-footer__wrap{
    max-width: 1536px;
    align-items: center;
    width:100%;
    display:flex; align-items:center; justify-content:space-between; gap:16px;
  }
  .sdlc-mini-footer__logo{
    width:200px; height:auto; display:block;
  }
  .sdlc-mini-footer__right{
    text-align:right;
    color:#1E2A78;
    font-family:Poppins, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-weight:700; font-size:12px; line-height:180%; letter-spacing:0;
  }
  .sdlc-mini-footer__links a{
    color:#1E2A78; text-decoration:none;
  }
  .sdlc-mini-footer__links a:hover{ text-decoration:underline; }
  .sdlc-mini-footer__links .sep{ margin:0 10px; opacity:.8; }

  /* Stack neatly on small screens */
  @media (max-width:768px){
    .sdlc-mini-footer{ height:auto; padding:18px 16px; }
    .sdlc-mini-footer__wrap{ flex-direction:column; align-items:flex-start; }
    .sdlc-mini-footer__right{ text-align:left; }
    .sdlc-mini-footer__logo{ width:220px; }
  }

/* Scoped: Mobile App Solutions */
.mobile-soln-scope{
  --brand:#1E2A78;
  --muted:#6E7E91;
  --surface:#FFFFFF;
  --section-bg:#F6F6F6;
  --card-radius:16px;
  --card-shadow:0 8px 14px rgba(0,0,0,.05);
  font-family:'Rubik',sans-serif;
  color:var(--muted);
}
.mobile-soln-scope .solutions{background:var(--section-bg);padding:72px 0}
.mobile-soln-scope .eyebrow{color:#00ACEA;font-family:'Poppins',sans-serif;font-weight:500;font-size:18px;line-height:32px;display:flex;align-items:center;gap:12px;margin-bottom:8px;text-align:left;justify-content:flex-start}
.mobile-soln-scope .eyebrow img{width:18px;height:18px}
.mobile-soln-scope .section-title{color:#1E2A78;font-family:'Poppins',sans-serif;font-weight:700;font-size:35px;line-height:47px;text-align:left;margin-left: 20px;}
.mobile-soln-scope .row > [class*="col"]{display:flex}
.mobile-soln-scope .service-card{background:var(--surface);border:0;border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:24px;width:100%;display:flex;flex-direction:column;height:100%;min-height:220px}
.mobile-soln-scope .service-card > .d-flex{flex:1}
.mobile-soln-scope .icon-wrap{width:156px;display:flex;align-items:center;justify-content:center;border-radius:12px;}
.mobile-soln-scope .service-card img{width:40px;height:40px;object-fit:contain}
.mobile-soln-scope .service-card h3{margin:0;color:var(--brand);font-family:'Poppins',sans-serif;font-weight:700;font-size:18px;line-height:22px}
.mobile-soln-scope .service-card p{margin-top:8px;font-size:15px;line-height:22px}
.mobile-soln-scope .g-gap-32{--bs-gutter-x:32px;--bs-gutter-y:32px}

.sdlc-trusted {
  --trusted-brand: #1E2A78;
  --trusted-border: #D2D2D2;
  --trusted-card-bg: #F9F9F9;
  padding: 32px 0;
  background: #fff;
  text-align: center;
}
.sdlc-trusted .trusted-title {
  font-family: 'Poppins', sans-serif;
  font-size: 35px;
  font-weight: 700;
  color: var(--trusted-brand);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 48px;
  line-height: 90%;
}
.sdlc-trusted .trusted-title .stars-img {
  width: 75px;
  height: 40.5px;
  object-fit: contain;
}
.sdlc-trusted .logo-card {
  border: 1px solid var(--trusted-border);
  border-radius: 8px;
  background: var(--trusted-card-bg);
  height: 134px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  transition: transform .2s ease;
}
.sdlc-trusted .logo-card img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.sdlc-trusted .logo-card:hover { transform: translateY(-4px); }
.sdlc-trusted .g-gap-32 { --bs-gutter-x: 32px; --bs-gutter-y: 32px; }
.topbar-icon{margin-bottom:-2px;}
.nav-inner{max-width:1200px;}
.hero-slide--primary{background-image:url("./assets/Slide-One\ Image.webp");}
/* .hero-slide--secondary{background-image:url("./assets/Slide-TwoImage.webp");} */
.hero-slide--secondary {
  background-image: url("./assets/Slide-TwoImage.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Swap image at widths ≤ 1024px (covers 1024×1366, 820×1180, etc.) */
@media (max-width: 1024px) {
  .hero-slide--secondary {
    background-image: url("./assets/Slide-Two Image 2.webp");
  }
}




.section-title-primary{
  font-family:Poppins, "Segoe UI", Arial, sans-serif;
  font-weight:700;
  font-size:35px;
  line-height:47.01px;
  letter-spacing:0;
  color:#1E2A78;
}
.techstack-section{background:#F8FAFD;}
.section-wrap{max-width:1186px;padding-bottom: 50px;}
.techstack-eyebrow{
  font-family:Poppins, "Segoe UI", Arial, sans-serif;
  font-weight:500;
  font-size:18px;
  line-height:180%;
  color:#00ACEA;
;
}
.techstack-eyebrow__icon{
  height:18px;
  width:auto;
  vertical-align:middle;
}
.tech-tabs{max-width:1186px; margin-inline:auto;}
.tech-tabs .nav-link{
  color:#5E6B85;
  font-family:Poppins, "Segoe UI", Arial, sans-serif;
  font-weight:600;
  font-size:14px;
  line-height:21.6px;
}
.tech-tabs-hr{
  height:1px;
  background:#E9EEF6;
  margin-top:-16px;
  margin-bottom:24px;
}
.consult-title{color:#fff;}
@media (max-width: 575.98px) {
  .techstack-eyebrow {
    font-size: 15px;    /* smaller text */
    gap: 6px;           /* tighter spacing */
  }
  .techstack-eyebrow__icon {
    width: 14px;        /* shrink logos slightly */
  }
}


/* =========================
   TRUSTED-BY GLOBAL: slider
   ========================= */
.sdlc-trusted {
  position: relative;
}

.trusted-slider {
  position: relative;
  max-width: 1186px;
  margin: 0 auto;
  padding: 0 44px;     /* space for arrows */
  overflow: hidden;    /* prevent page-level scrollbar */
}

.trusted-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(180px, 1fr);
  gap: 24px;
  overflow-x: auto;                /* scrolling for arrows/swipe */
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  padding: 4px 2px;

  /* hide scrollbar */
  -ms-overflow-style: none;        /* IE/old Edge */
  scrollbar-width: none;           /* Firefox */
  overscroll-behavior-inline: contain;
}
.trusted-track::-webkit-scrollbar {
  display: none; height: 0; width: 0; background: transparent;
}

.trusted-track > .logo-card {
  scroll-snap-align: center;
  min-height: 134px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Arrows */
.ts-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid #D2D2D2;
  background: #fff;
  border-radius: 50%;
  color: #1E2A78;
  cursor: pointer;
  z-index: 2;
  box-shadow: 0 6px 12px rgba(0,0,0,.06);
}
.ts-prev { left: 0; }
.ts-next { right: 0; }
.ts-arrow:hover { background: #f5f7fb; }
.ts-arrow[disabled] { opacity: .5; cursor: default; }

@media (max-width: 575.98px) {
  .trusted-slider { padding: 0 38px; }
  .trusted-track { gap: 16px; grid-auto-columns: minmax(150px, 1fr); }
}




/* === OUR TECH STACK TABS: one line + equal gap/width === */
.tech-tabs{
  display: flex;
  flex-wrap: nowrap !important;      /* force single row */
  gap: 12px;                          /* equal gap between tabs */
  justify-content: center;            /* center the row */
  align-items: center;
  overflow: visible !important;       /* cancel earlier overflow-x */
}

/* each tab gets equal width */
.tech-tabs .nav-item{
  flex: 1 1 0;                        /* equal widths */
  min-width: 0;                       /* allow shrink to fit */
}

/* make the clickable area fill the item and center text */
.tech-tabs .nav-link{
  width: 100%;
  text-align: center;
  padding: 10px 12px;
  white-space: nowrap;                /* keep labels on one line */
}

/* keep the active underline working nicely with the new layout */
.tech-tabs .nav-link::after{
  left: 0; right: 0;                  /* full width underline under each tab */
  bottom: -12px;
}

/* override the previous mobile behavior that made it scrollable */
@media (max-width: 991.98px){
  .tech-tabs{
    flex-wrap: nowrap !important;     /* stay single-line even on small screens */
    gap: 8px;                         /* slightly tighter gap on small screens */
    justify-content: center;
    overflow: visible !important;
  }
  .tech-tabs .nav-link::after{ bottom: -8px; }
}



.col-12.col-md-5 {
  position: relative; /* create a stacking context */
}

.about-img {
  width: 100%;
  display: block;
  border-radius: 10px; 
}

.ten.yrs.image {
  position: absolute;
  top: 40px;   /* adjust as needed */
  right:30px;  /* adjust as needed */
  z-index: 2; /* ensures it appears above about-img */
  width: 200px; /* optional, resize if needed */

  /* Animation styles */
  animation: zoomInOut 3s infinite ease-in-out;
}

/* Keyframes for zoom in/out */
@keyframes zoomInOut {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2); /* zoom in */
  }
  100% {
    transform: scale(1); /* zoom out */
  }
}



/* ==== Mobile nav fixes ==== */
.nav-blue .navbar{
  position:relative;
  z-index:2000;
  z-index:2000;
}

.nav-blue--sticky{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  transform:translateY(-100%);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:transform .3s ease, opacity .3s ease;
  box-shadow:0 12px 24px rgba(0,0,0,.08);
  z-index:2000;
  z-index:2000;
}

.nav-blue--sticky.is-visible{
  transform:translateY(0);
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.nav-blue .navbar .navbar-toggler{
  border:none;
  box-shadow:none;
  padding:.35rem .55rem;
}

.nav-blue .navbar .navbar-toggler:focus{
  box-shadow:none;
}

.nav-blue .navbar .navbar-toggler .navbar-toggler-icon{
  width:1.5rem;
  height:1.5rem;
}

@media (max-width: 991.98px){
  .nav-blue .navbar .navbar-nav{
    background:rgba(21,28,76,.92);
    padding:1rem;
    border-radius:.75rem;
    margin-top:.75rem;
  }

  .nav-blue .navbar .navbar-nav .nav-link{
    padding:.5rem 0;
  }
}
.nav-blue .navbar .navbar-toggler .navbar-toggler-icon{
 
  background-size:100% 100%;
  background-repeat:no-repeat;
  background-position:center;
}

.nav-blue--sticky .navbar{
  padding:.5rem 0;
  min-height:72px;
}

@media (max-width: 991.98px){
  .nav-blue--sticky .navbar .navbar-nav{
    margin-top:.5rem;
  }
}


@media (max-width: 991.98px){
  .tech-tabs{
    flex-wrap: wrap !important;
    justify-content: center;
    gap: 10px;
  }
  .tech-tabs .nav-item{
    flex: 1 1 calc(50% - 10px);
    max-width: calc(50% - 10px);
  }
  .tech-tabs .nav-link{
    width: 100%;
    white-space: normal !important;
    text-align: center;
    padding: 10px 12px;
  }
  .tech-tabs .nav-link::after{
    bottom: -6px;
  }
}

@media (max-width: 575.98px){
  .tech-tabs{
    justify-content: flex-start;
  }
  .tech-tabs .nav-item{
    flex: 1 1 100%;
    max-width: 100%;
  }
  .tech-tabs .nav-link{
    text-align: left;
  }
}

/* ===== Primary hero header overrides ===== */
.nav-blue--primary{
  background:#ffffff;
  border-bottom:1px solid #E6EAF3;
}
.nav-blue--primary .navbar{
  min-height:90px;
  padding:18px 0;
}
.nav-blue--primary .navbar-nav{
  gap:16px;
}

.nav-blue--primary .navbar-nav .nav-link{
  color:#5A647A !important;
  font-weight:600;
  letter-spacing:0.01em;
  text-transform:uppercase;
  white-space:nowrap;
}

.nav-blue--primary .navbar-nav .nav-link:hover,
.nav-blue--primary .navbar-nav .nav-link:focus{
  color:#10205A !important;
}

.nav-blue--primary .navbar-nav .nav-link.active{
  color:#10205A !important;
}
.nav-blue--primary .btn-quote{
  background:#0F1C57;
  color:#fff;
  line-height:50px;
  box-shadow:0 8px 20px rgba(15,28,87,.18);
  border-radius:8px;
}
.nav-blue--primary .btn-quote:hover{
  color:#fff;
  opacity:.92;
}
.nav-blue--primary .navbar-toggler{
  border:none;
  padding:.35rem .55rem;
}
.nav-blue--primary .navbar-toggler .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0,0,0,0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  background-size:100% 100%;
  background-repeat:no-repeat;
  background-position:center;
}
@media (max-width: 991.98px){
  .nav-blue--primary .navbar-nav{
    gap:16px;
  }
  .nav-blue--primary .navbar .navbar-nav{
    background:#ffffff;
    border-radius:.75rem;
    box-shadow:0 18px 30px rgba(15,28,87,.12);
    margin-top:.75rem;
  }
  .nav-blue--primary .navbar-nav .nav-link{
    letter-spacing:0;
    white-space:normal;
  }
  .nav-blue--primary .navbar-nav .nav-link.active{
    color:#0F1C57 !important;
  }
}



/* Default (Desktop) – keep your current sizes */


/* Trusted by Global Leaders - mobile heading size */
@media (max-width: 575.98px) {
  .trusted-title {
    font-size: 24px !important;  /* smaller size */
    line-height: 1.3;            /* keep readability */
  }

  .section-title-primary {
    font-size: 24px !important;   /* reduce size */
    line-height: 1.3;  
  }

  /* Mobile screen heading adjustments */
@media (max-width: 575.98px) {
  /* Mobile App Development Technologies */
  .section-title-primary {
    font-size: 24px !important;
    line-height: 1.3;
  }

  /* Built for Every Industry. Proven Across All. */
  .section-title {
    font-size: 24px !important;
    line-height: 1.3;
  }
}
@media (max-width: 575.98px) {
  .sdlc-awards-title {
    font-size: 24px !important;
    line-height: 1.3;
  }
}

}

@media (max-width: 575.98px) {
  .hero-slide--secondary {
    background-position: left;   /* or 'right center' */
  }
}

/* arrow button css */

.scroll-toggle {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 45px;
  height: 45px;
  border: none;
  border-radius: 50%;
  background: #1E2A78; /* brand color */
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0,0,0,.25);
  z-index: 3000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease, background 0.3s ease;
}

.scroll-toggle.show {
  opacity: 1;
  visibility: visible;
}

.scroll-toggle:hover {
  background: #0F1C57;
}

/* Thank-you page */
.thankyou-page {
  background-color: #f4f5f8;
  color: #0f1c57;
}

.thankyou-hero {
  padding: 140px 0 120px;
  background: linear-gradient(135deg, rgba(12, 26, 94, 0.1), rgba(12, 26, 94, 0));
}

.thankyou-card {
  max-width: 640px;
  margin: 0 auto;
  padding: 48px;
  border-radius: 28px;
  background: #ffffff;
  text-align: center;
  box-shadow: 0 28px 80px rgba(15, 28, 87, 0.14);
}

.thankyou-icon {
  width: 96px;
  height: 96px;
  margin: 0 auto 24px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #1e2a78;
  background: linear-gradient(135deg, rgba(30, 42, 120, 0.12), rgba(30, 42, 120, 0));
}

.thankyou-icon svg {
  width: 64px;
  height: 64px;
  display: block;
}

.thankyou-title {
  font-family: "Poppins", "Segoe UI", Tahoma, sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  color: #0b154e;
  margin-bottom: 16px;
}

.thankyou-text {
  font-family: "Rubik", "Segoe UI", Tahoma, sans-serif;
  font-size: 1.05rem;
  color: #3c446b;
  margin-bottom: 32px;
  line-height: 1.7;
}

.thankyou-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.85rem 2.75rem;
  border-radius: 999px;
  background: #1e2a78;
  color: #ffffff;
  font-family: "Poppins", "Segoe UI", Tahoma, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-decoration: none;
  box-shadow: 0 16px 30px rgba(14, 27, 92, 0.22);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.thankyou-cta:hover {
  background: #101c57;
  transform: translateY(-2px);
  box-shadow: 0 20px 40px rgba(14, 27, 92, 0.28);
  color: #ffffff;
}

.thankyou-cta:focus-visible {
  outline: 3px solid rgba(30, 42, 120, 0.35);
  outline-offset: 4px;
}

@media (max-width: 991.98px) {
  .thankyou-hero {
    padding: 120px 0 100px;
  }

  .thankyou-card {
    padding: 40px 32px;
  }

  .thankyou-title {
    font-size: 2.25rem;
  }
}

@media (max-width: 575.98px) {
  .thankyou-hero {
    padding: 100px 0 80px;
  }

  .thankyou-card {
    padding: 32px 24px;
    border-radius: 22px;
  }

  .thankyou-title {
    font-size: 1.9rem;
  }

  .thankyou-text {
    font-size: 1rem;
  }

  .thankyou-cta {
    width: 100%;
  }
}
/* ============================================
   Responsive Enhancements & Fluid Scaling
   ============================================ */
*, *::before, *::after {
  box-sizing: border-box;
}

img, picture, video, canvas, svg {
  max-width: 100%;
  height: auto;
}

body {
  min-width: 320px;
}

:root {
  --section-pad-block: clamp(3rem, 6vw, 6.5rem);
  --section-pad-inline: clamp(1rem, 4vw, 3rem);
  --fluid-title-lg: clamp(2rem, 2.4vw + 1.4rem, 2.1rem);
  --fluid-title-md: clamp(1.65rem, 1.6vw + 1.1rem, 2.4rem);
  --fluid-text: clamp(1rem, 0.8vw + 0.85rem, 1.125rem);
}

.topbar {
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px 18px;
  line-height: 1.45;
  text-align: center;
}

.topbar span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

@media (max-width: 575.98px) {
  .topbar {
    padding: 10px 14px;
  }
  .topbar .sep {
    display: none;
  }
  .topbar span {
    width: 100%;
    justify-content: center;
  }
}

:where(
  .about-section,
  .choose-section,
  .mobile-soln-scope .solutions,
  .industry-scope .industries,
  .sdlc-e2e,
  .sdlc-trusted,
  .sdlc-awards,
  .sdlc-testi-wrap .container,
  .consult-section .consult-frame,
  .techstack-section .section-wrap,
  .lmadc
) {
  padding-left: var(--section-pad-inline);
  padding-right: var(--section-pad-inline);
}

:where(
  .about-section,
  .choose-section,
  .mobile-soln-scope .solutions,
  .industry-scope .industries,
  .sdlc-e2e,
  .sdlc-trusted,
  .sdlc-awards,
  .sdlc-testi-wrap .container,
  .consult-section .consult-frame,
  .techstack-section,
  .lmadc
) {
  padding-top: var(--section-pad-block);
  padding-bottom: var(--section-pad-block);
}

.section-wrap {
  width: min(1186px, 100%);
  margin-inline: auto;
  padding-inline: clamp(1rem, 4vw, 2.5rem);
}


.about-section .about-title,
.choose-section .choose-title,
.mobile-soln-scope .section-title,
.industry-scope .section-title,
.sdlc-e2e-title,
.section-title-primary,
.sdlc-trusted .trusted-title,
.sdlc-awards-title,
.consult-title {
  font-size: var(--fluid-title-lg);
  line-height: 1.15;
}

.about-section .about-desc,
.choose-section .choose-desc,
.mobile-soln-scope .section-subtitle,
.industry-scope .section-subtitle,
.sdlc-awards-desc,
.consult-sub,
.hero-desc {
  font-size: var(--fluid-text);
}

.choose-section .metrics {
  gap: clamp(20px, 3vw, 32px);
}

@media (max-width: 767.98px) {
  .choose-section .metrics {
    padding: 8px 0;
  }
  .choose-section .metrics::before,
  .choose-section .metrics::after {
    display: none;
  }
}

.mobile-soln-scope .section-title,
.mobile-soln-scope .eyebrow,
.mobile-soln-scope .section-subtitle {
  max-width: min(960px, 100%);
}

@media (max-width: 767.98px) {
  .mobile-soln-scope .row > [class*="col"] {
    flex: 1 1 100%;
  }
}

.sdlc-e2e {
  gap: clamp(2rem, 5vw, 4rem);
  padding-inline: var(--section-pad-inline);
  padding-block: var(--section-pad-block);
}

.sdlc-e2e-content {
  max-width: min(540px, 100%);
}

.sdlc-e2e-card {
  width: 100%;
  max-width: min(520px, 100%);
  flex: 1 1 min(420px, 100%);
  padding: clamp(1.75rem, 4vw, 2.5rem);
}

@media (max-width: 991.98px) {
  .sdlc-e2e {
    flex-direction: column;
    text-align: center;
  }
  .sdlc-e2e-content {
    text-align: center;
  }
}

.consult-frame {
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(2rem, 5vw, 3.5rem);
  min-height: auto;
  padding-inline: var(--section-pad-inline);
}

.consult-title,
.consult-sub {
  padding-left: 0;
  padding-right: 0;
  max-width: min(560px, 100%);
}

@media (max-width: 991.98px) {
  .consult-title,
  .consult-sub {
    text-align: center;
    margin-inline: auto;
  }
}

@media (min-width: 992px) {
  .consult-frame {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.lmadc {
  height: auto;
  padding: var(--section-pad-block) var(--section-pad-inline);
}

.lmadc__wrap {
  max-width: min(960px, 100%);
}

.lmadc__badges {
  gap: clamp(12px, 3vw, 24px);
}

.lmadc__badge {
  flex: 1 1 clamp(120px, 22vw, 150px);
  width: auto;
  height: auto;
  aspect-ratio: 1 / 1;
}

@media (max-width: 575.98px) {
  .lmadc__badge {
    flex: 1 1 calc(50% - 12px);
  }
}

.trusted-slider {
  padding: 0 clamp(0.75rem, 4vw, 44px);
}

@media (max-width: 575.98px) {
  .trusted-slider {
    padding: 0 clamp(0.75rem, 4vw, 1.5rem);
  }
}

.sdlc-awards-logos {
  gap: clamp(16px, 4vw, 32px);
}

.sdlc-awards-logos img {
  height: auto;
  max-width: min(160px, 24vw);
}

.sdlc-mini-footer {
  height: auto;
  padding-block: clamp(1.5rem, 4vw, 2.5rem);
}

.sdlc-mini-footer__wrap {
  flex-wrap: wrap;
  gap: clamp(12px, 3vw, 24px);
}

.sdlc-mini-footer__logo {
  width: clamp(180px, 28vw, 240px);
}

@media (max-width: 575.98px) {
  .sdlc-mini-footer__right {
    font-size: 13px;
  }
}

.sdlc-testi-wrap .container {
  padding-inline: var(--section-pad-inline);
}

.sdlc-ts-quote {
  font-size: 26px;
}



@media (max-width: 575.98px) {
  .hero-text-controls {
    margin-left: 0;
  }
}
/* Header + Hero adjustments */
.topbar {
  justify-content: flex-end;
  text-align: right;
  flex-wrap: wrap;
}
.topbar span {
  justify-content: flex-end;
}

.hero-carousel .container {
  max-width: min(1400px, 100%);
  padding-left: clamp(1.5rem, 5vw, 4rem);
  padding-right: clamp(1.5rem, 5vw, 4rem);
}
@media (max-width: 767.98px) {
  .hero-carousel .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 575.98px) {
  .eyebrow .extra-text {
    display: none;
  }
}
/* tweak for about us icons */
/* keep icon + text inline and stable */
.stat{
  display: flex;
  align-items: center;
  gap: 12px;
}
.stat .icon{
  flex: 0 0 auto;
  inline-size: clamp(40px, 5vw, 56px);
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  overflow: hidden;
}
.stat .icon img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.stat > div:last-child{ min-width: 0; } /* allow wrapping without pushing icon */

/* your text, but responsive */
.about-section .kicker,
.about-section .label{
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  margin: 0;
  color: var(--ink-900);
}

@media (max-width: 575.98px){
  .stat{ gap: 8px; }
  .about-section .kicker,
  .about-section .label{ line-height: 1.2; }
}
 
.techstack-section {
    background: #F6F6F6;
;
}

@media (max-width: 1560px) {
  .hero-slide {
    background-position: 100%;   
    min-height: 800px;           
  }

  .hero-slide .hero-tag.img-fluid {
    max-width: 100%;     
    height: auto;        
  }
}

@media (max-width: 1024px) {
  .hero-slide {
    background-position: 100%;   
    min-height:auto;           
  }

  .hero-slide .hero-tag.img-fluid {
    max-width: 100%;     
    height: auto;        
  }
}