@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Public+Sans:wght@400;500;600;700&display=swap');
:root {
  --color-primary: #1c3b7d;
  --color-secondary: #00AFEF;
  --color-dark: #161616;
  --color-white: #ffffff;
  --color-gray: #6b6b6b;
  --color-light: #faf5ed;
  --color-primary-rgb: 252, 214, 91;
  --color-dark-rgb: 22, 22, 22;
  --color-white-rgb: 255, 255, 255;
  --color-gray-rgb: 107, 107, 107;
  --color-light-rgb: 250, 245, 237;
  --navy-deep:#0F2452;
  --navy:#1C3B7D;
   --navy-mid:#16306A;
   --ease:cubic-bezier(.22,.9,.3,1);
   --slate:#4A5670;
   --cyan-glow:rgba(0,175,239,0.35);
   --yellow:#FED75B;
   --white:#FFFFFF;
   --line:rgba(28,59,125,0.12);
   --radius:14px;
}

* {box-sizing: border-box; padding: 0; margin:0; list-style-type: none; text-decoration: none;}
body {font-family: var(--font-body); color: var(--color-dark); box-sizing: border-box;}
img{max-width: 100%;}
h1, h2, h3, h4, h5, h6 {font-family: var(--font-body); }
dl, ol, ul{margin: 0;}  
ol, ul {padding-left: 0;}
div{scroll-margin-top: 200px;}

     .table-responsive {width: 100%; max-width: 100%; min-width: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; } 
     .table-responsive table {min-width: 100%; width: 100%; border-collapse: collapse; margin-bottom: 15px; }

    @media (max-width: 767px) {
        .table-responsive {overflow-x: visible; }
        .table-responsive table {min-width: 0; width: 100%; border: none; }
        .table-responsive table thead {display: none; /* header row hide, ab labels har cell ke saath inline aayenge */ }
        .table-responsive table tr {display: block; margin-bottom: 18px; border: 1px solid #e2e4e9; border-radius: 10px; overflow: hidden; background: var(--color-white); }
        .table-responsive table td {display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border: none; border-bottom: 1px solid #eef0f3; font-size: 14px; text-align: right; }
        .table-responsive table td:last-child {border-bottom: none; }
        .table-responsive table td::before {content: attr(data-label); font-weight: 600; color: var(--color-dark); text-align: left; margin-right: auto; }
        .iefaq-answer .table-responsive table td::before {color: var(--color-dark); }
    }

/* ==========================================================================
    HEADER
========================================================================== */
    .navbar-wrapper {width: 100%; z-index: 1030; background: transparent; position: fixed; top: 0; }
    .custom-navbar {max-width: 1920px; margin: 0 auto; background: #ffffffdb; box-shadow: 0 8px 30px rgba(var(--color-dark-rgb), 0.08); transition: box-shadow 0.3s cubic-bezier(0.22, 1, 0.36, 1); }
    .custom-navbar:hover {box-shadow: 0 12px 34px rgba(var(--color-dark-rgb), 0.12); }
    .navbar-inner {display: flex; align-items: center; justify-content: space-between; padding: 10px 28px; position: relative; }
    .navbar-logo {display: flex; align-items: center; gap: 8px; text-decoration: none; color: var(--color-dark); font-weight: 700; font-size: 1.3rem; flex-shrink: 0; white-space: nowrap; }
    .navbar-logo img {height: 50px; width: auto; }
    .logo-icon {color: var(--color-primary); font-size: 1.5rem; }
    .logo-accent {color: var(--color-primary); }
    .nav-menu-wrapper {flex: 1; display: flex; justify-content: end; }
    .nav-menu {display: flex; align-items: center; list-style: none; margin: 0; padding: 0; gap: 2px; flex-wrap: nowrap; }
    .nav-item {position: relative; }
    .nav-link-group {display: flex; align-items: center; justify-content: space-between;}
    .nav-link {display: inline-flex; align-items: center; padding: 10px 14px; color: var(--navy-deep); text-decoration: none; font-size: 16px; font-weight: 500; border-radius: 10px; white-space: nowrap; transition: color 0.18s ease, background 0.18s ease; }
    .nav-link:hover, .nav-link:focus-visible {color: var(--navy-deep);  }
    .dropdown-arrow-btn {background: none; border: none; padding: 6px; margin-left: -6px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--navy-deep); border-radius: 8px; transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.18s ease, background 0.18s ease; }
    .dropdown-arrow-btn:hover {color: var(--color-primary);  }
    .arrow-icon {font-size: 0.7rem; transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1); pointer-events: none; }
    .dropdown-arrow-btn[aria-expanded="true"] .arrow-icon {transform: rotate(180deg); }
    .arrow-icon-nested {transform: rotate(0deg); }
    .dropdown-arrow-btn[aria-expanded="true"] .arrow-icon-nested {transform: rotate(90deg); }
    .dropdown-menu-custom {position: absolute; top: calc(100% + 10px); left: 0; min-width: 240px; background: var(--color-white); border-radius: 12px; box-shadow: 0 12px 34px rgba(var(--color-dark-rgb), 0.12); list-style: none; margin: 0; padding: 8px; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1), transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.3s cubic-bezier(0.22, 1, 0.36, 1); z-index: 1040; }
    .dropdown-item.open > .dropdown-menu-custom {opacity: 1; visibility: visible; transform: translateY(0); }
    .dropdown-menu-custom li {position: relative; border-bottom: 1px solid var(--cyan-glow);}
    .dropdown-menu-custom li:last-child {border-bottom: none;}
    .dropdown-link {display: block; padding: 10px 14px; color: var(--navy-deep); text-decoration: none; font-size: 0.86rem; font-weight: 500; border-radius: 8px; white-space: nowrap; transition: color 0.18s ease, background 0.18s ease, padding-left 0.18s ease; }
    .dropdown-link:hover, .dropdown-link:focus-visible {color: var(--color-primary);  padding-left: 18px; }
    .dropdown-item-nested {border-radius: 8px; }
    .dropdown-item-nested > .nav-link-group {display: flex; align-items: center; justify-content: space-between; border-radius: 8px; }
    .dropdown-item-nested > .nav-link-group:hover {background: rgba(var(--color-primary-rgb), 0.08); }
    .dropdown-item-nested > .nav-link-group .dropdown-link {flex: 1; }
    .dropdown-menu-level3 {top: 0; left: calc(100% + 8px); }
    .navbar-toggler {display: none; flex-direction: column; justify-content: center; gap: 5px; width: 40px; height: 40px; background: none; border: none; cursor: pointer; border-radius: 8px; padding: 0; }
    .navbar-toggler:hover {background: rgba(var(--color-primary-rgb), 0.08); }
    .toggler-bar {width: 22px; height: 2px; background: var(--color-dark); margin: 0 auto; border-radius: 2px; transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.18s ease; }
    .navbar-toggler[aria-expanded="true"] .toggler-bar:nth-child(1) {transform: translateY(7px) rotate(45deg); }
    .navbar-toggler[aria-expanded="true"] .toggler-bar:nth-child(2) {opacity: 0; }
    .navbar-toggler[aria-expanded="true"] .toggler-bar:nth-child(3) {transform: translateY(-7px) rotate(-45deg); }
    .sub-sub-menu{position: absolute;top: 0; left: 230px; max-width: fit-content;}

    @media (max-width: 1400px) {
        .navbar-inner {padding: 10px 16px; }
        .navbar-toggler {display: flex; }
        .nav-menu-wrapper {position: absolute; top: calc(100% + 10px); left: 0; right: 0; background: var(--color-white); border-radius: 16px; box-shadow: 0 12px 34px rgba(var(--color-dark-rgb), 0.12); max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.3s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.18s ease; justify-content: flex-start; }
        .nav-menu-wrapper.show {max-height: 80vh; opacity: 1; overflow-y: auto; }
        .nav-menu {flex-direction: column; align-items: stretch; width: 100%; padding: 10px; gap: 0; }
        .nav-item {width: 100%; border-bottom: 1px solid #eef0f3; }
        .nav-item:last-child {border-bottom: none; }
        .nav-link-group {justify-content: space-between; }
        .nav-link {flex: 1; padding: 13px 10px; border-radius: 8px; }
        .dropdown-arrow-btn {margin-left: 0; padding: 10px; }
        .dropdown-menu-custom, .dropdown-menu-level3 {position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; background: #fafbfc; border-radius: 8px; margin: 2px 0 6px 0; padding: 4px; max-height: 0; overflow: hidden; padding-top: 0; padding-bottom: 0; transition: max-height 0.3s cubic-bezier(0.22, 1, 0.36, 1), padding 0.18s ease; }
        .dropdown-item.open > .dropdown-menu-custom {max-height: 1000px; padding: 4px; }
        .dropdown-link {padding: 12px 14px; }
        .dropdown-link:hover {padding-left: 14px; /* disable the left-shift micro-animation on touch */ }
        .dropdown-item-nested {background: transparent; }
    }

    @media (max-width: 420px) {
        .navbar-wrapper {padding: 0; }
        .logo-text {font-size: 1.1rem; }
        .navbar-logo img {height: 40px; }
    }
    .nav-link:focus-visible, .dropdown-link:focus-visible, .dropdown-arrow-btn:focus-visible, .navbar-toggler:focus-visible, .navbar-logo:focus-visible {outline: 2px solid var(--color-primary); outline-offset: 2px; }

    /* CSS */

        html { scroll-behavior: smooth; }
        body { font-family: 'Inter', sans-serif; background: #071634; color: #fff; }
        ::selection { background: #FED75B; color: #1C3B7D; }
        ::-webkit-scrollbar { width: 10px; height: 10px; }
        ::-webkit-scrollbar-track { background: #071634; }
        ::-webkit-scrollbar-thumb { background: #1C3B7D; border-radius: 6px; }
        ::-webkit-scrollbar-thumb:hover { background: #00AFEF; }

        @keyframes fadeUp {
            from { opacity: 0; transform: translateY(24px); }
            to { opacity: 1; transform: translateY(0); }
        }
        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-12px); }
        }
        @keyframes shimmer {
            0% { background-position: -200% 0; }
            100% { background-position: 200% 0; }
        }
        @keyframes scanLine {
            0% { transform: translateY(0); opacity: 0; }
            10% { opacity: 1; }
            90% { opacity: 1; }
            100% { transform: translateY(100px); opacity: 0; }
        }
        @keyframes pulseGlow {
            0%, 100% { box-shadow: 0 0 0 0 rgba(0, 175, 239, 0.4); }
            50% { box-shadow: 0 0 0 12px rgba(0, 175, 239, 0); }
        }
        @keyframes ping {
            0% { transform: scale(0.6); opacity: 1; }
            80%, 100% { transform: scale(1.8); opacity: 0; }
        }

        .animate-fadeup { animation: fadeUp .8s ease-out both; }
        .animate-float { animation: float 6s ease-in-out infinite; }
        .animate-scan { animation: scanLine 3s ease-in-out infinite; }
        .animate-pulse-glow { animation: pulseGlow 2.4s ease-out infinite; }
        .animate-ping-slow { animation: ping 2.6s cubic-bezier(0,0,0.2,1) infinite; }

        .shimmer-text {
            background: linear-gradient(90deg, #FED75B 0%, #FFF5C4 50%, #FED75B 100%);
            background-size: 200% auto;
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            color: transparent;
            animation: shimmer 4s linear infinite;
        }

        .bg-grid-pattern {
            background-image:
            linear-gradient(rgba(0, 175, 239, 0.08) 1px, transparent 1px),
            linear-gradient(90deg, rgba(0, 175, 239, 0.08) 1px, transparent 1px);
            background-size: 44px 44px;
        }

        .card-gradient {
            background: linear-gradient(140deg, #1C3B7D 0%, #0f2554 100%);
        }
        .card-gradient-alt {
            background: linear-gradient(150deg, #14306a 0%, #0c2251 100%);
        }
        .btn-yellow {
            background: #FED75B; color: #1C3B7D;
            box-shadow: 0 12px 35px -10px rgba(254,215,91,.7);
        }
        .btn-yellow:hover { background: #FFE388; transform: translateY(-2px); }
        .btn-outline { border:1px solid rgba(0,175,239,.6); color:#fff; }
        .btn-outline:hover { background: rgba(0,175,239,.1); border-color:#00AFEF; }

        .header-shadow { box-shadow: 0 12px 45px -12px rgba(28,59,125,.35); }

        .icon-check {
            width: 20px; height: 20px; border-radius: 999px;
            display: inline-flex; align-items: center; justify-content: center;
            flex-shrink: 0; margin-top: 2px;
        }
        .icon-check svg { width: 12px; height: 12px; stroke-width: 3; }
        .check-yellow { background: #FED75B; color: #1C3B7D; }
        .check-cyan { background: #00AFEF; color: #fff; }


/* ==========================================================================
    HERO SECTION
========================================================================== */
    .hero-section{position:relative; width:100%; height:100vh; display:flex; align-items:center; overflow:hidden; }
    .hero-video{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:0; }
    .hero-overlay{position:absolute; inset:0; background:#1c3b7daa; z-index:1; }
    .container{width:100%; max-width:1600px; margin:auto; padding:0 20px; position:relative; z-index:2; }
    .hero-content{margin-top: 150px; max-width:700px; color:var(--color-white); }
    .hero-tag{display:inline-flex; align-items:center; gap:10px; padding:10px 22px; border:1px solid rgba(var(--color-white-rgb),.35); background:rgba(var(--color-white-rgb),.08); border-radius:40px; font-size:15px; font-weight:500; margin-bottom:35px; }
    .hero-tag span{color:var(--color-primary); }
    .hero-content h1{font-size:57px; line-height:1.2; font-weight:600; margin-bottom:35px; }
    .hero-points{display:flex;flex-direction: column; gap:12px; margin-bottom:45px; }
    .hero-points span{font-size:19px; display:flex; align-items:center; gap:8px; }
    .hero-btn{border: 1px solid var(--color-white); display:inline-flex; align-items:center; gap:12px; padding:20px 40px; background:var(--color-primary); color:var(--color-white); text-decoration:none; font-size:18px; font-weight:600; border-radius:10px; transition:.4s; }
    .hero-btn:hover{ transform:translateY(-4px); }

    @media(max-width:992px){
        .hero-content h1{font-size:55px; }
        .hero-points{gap:20px; }
    }
    @media(max-width:767px){
        .hero-section{background-attachment:scroll; height:100vh; }
        .hero-content{margin-top: 50px; max-width:100%; }
        .hero-tag{font-size:13px; }
        .hero-content h1{font-size:38px; }
        .hero-points{justify-content:center; gap:15px; }
        .hero-points span{font-size:15px; }
        .hero-btn{padding:16px 28px; font-size:16px; }
    }

/* ==========================================================================
    SERVICE SECTION
========================================================================== */
    /*.services-section{background: url("../images/service_bg.webp") no-repeat center right; background-size: 35% 100%; padding:70px 0 50px; position: relative;}*/
    
    
    .services-section {
    position: relative;
    padding: 70px 0 50px;
    overflow: hidden;
}

.services-section::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 35%;
    height: 100%;
    background: url("../images/service_bg.webp") right center / cover no-repeat;
    opacity: 0.2; /* Yaha image ki opacity set karo */
    z-index: 0;
}

.services-section > * {
    position: relative;
    z-index: 1;
}
    
    
    .services-section::after{content: ''; position: absolute; top: 0;left: 0;width: 100%;height: 100%;background: #fcd65b20; }
    .services-header{max-width:750px; margin-bottom:50px; }
    .services-badge{display: inline-flex; align-items: center; gap: 8px; background: var(--color-secondary); color: var(--color-white); padding: 11px 22px; border-radius: 30px; font-size: 13px; font-weight: 600; margin-bottom: 26px; width: fit-content; }    
    .services-badge svg{width:16px;height:16px;fill:var(--color-white);}
    .services-header h2{font-size:44px; font-weight:700; color:var(--color-dark); line-height:1.15; margin-bottom:16px; }
    .services-header p{color:var(--color-gray); font-size:16px; line-height:1.6; max-width:560px; }
    .services-nav{display:flex; gap:12px; justify-content:flex-end; margin-bottom:20px; }
    .services-nav-btn{width:48px;height:48px; border-radius:50%; border:1px solid #ddd; background:var(--color-white); display:flex;align-items:center;justify-content:center; cursor:pointer; transition:.25s ease; }
    .services-nav-btn:hover{background:var(--color-dark);border-color:var(--color-dark);}
    .services-nav-btn:hover svg{stroke:var(--color-white);}
    .services-nav-btn svg{width:20px;height:20px;stroke:var(--color-dark);transition:.25s;}
    .service-card{background:var(--color-white); border-radius:6px; padding:35px 30px 30px; position:relative; box-shadow:0 10px 30px rgba(var(--color-dark-rgb),0.04); height:100%; margin:0 12px; }
    .service-icon{position:absolute; top:-24px; right:24px; width:60px;height:60px; background:#FED75B; border-radius:14px; display:flex;align-items:center;justify-content:center; box-shadow:0 8px 18px rgba(var(--color-primary-rgb),0.35); }
    .service-icon svg{width:28px;height:28px;stroke:#323232;fill:none;}
    .service-card h3{font-size:21px; color:var(--color-dark); margin-bottom:14px; line-height:1.3; min-height:56px; }
    .service-card > p{color:var(--color-gray); font-size:16px; line-height:1.6; margin-bottom:22px;min-height: 72px; }
    .feature-box{background:#fcd65b50; border-radius:6px; padding:20px; margin-bottom:26px;min-height: 163px; }
    .feature-box ul{list-style:none;}
    .feature-box li{display:flex; align-items:center; gap:10px; font-size:14.5px; color:#333; padding:6px 0; }
    .feature-box li .tick{width:20px;height:20px; border-radius:50%; background:#f6dcc4; color:var(--color-primary); display:flex;align-items:center;justify-content:center; font-size:11px; flex-shrink:0; }
    .learn-btn{display:flex; align-items:center; justify-content:space-between; background:var(--color-primary); color:var(--color-white); text-decoration:none; padding:16px 22px; border-radius:4px; font-size:14px; font-weight:600; transition:.25s; }
    .learn-btn:hover{background:var(--color-primary);}
    .learn-btn .arrow-circle{width:28px;height:28px; border-radius:50%; background:rgba(var(--color-white-rgb),0.15); display:flex;align-items:center;justify-content:center; }
    .learn-btn svg{width:14px;height:14px;stroke:var(--color-white);}
    .services-section .owl-carousel .owl-stage-outer{padding:24px 0 10px;}
    .services-section .owl-carousel .owl-dots{text-align:left; margin-top:30px; }
    .services-section .owl-carousel .owl-dot span{width:9px;height:9px; margin:0 5px; background:#e2d9c8; }
    .services-section .owl-carousel .owl-dot.active span{background:var(--color-primary); width:22px; border-radius:5px; }
    .service-bottom-text {padding: 110px 0 30px; a{color: var(--color-primary);} }

    @media (max-width:768px){
        .services-header h2{font-size: 28px;line-height: 1.3em;}
        .services-section{padding:50px 0 40px; background-size: 0% 100%;}
        .services-nav{justify-content:center;}
        .service-card h3{min-height:auto;}
        .service-bottom-text {padding: 40px 0 30px;}
        .service-card{margin:0; }
    }

    /* ==========================================================================
    TESTIMONIAL SECTION
========================================================================== */
    .testimonial-section{background:var(--color-light); padding:120px 0 120px; background: url(../images/conveyor-systems.webp) no-repeat center center;background-size: cover; position: relative;}
    .testimonial-section::before{content: '';position: absolute;background: #1c3b7dee;left: 0;top: 0;width: 100%;height: 100%;}
    .testimonial-header{max-width:750px; margin-bottom:50px; }
    .testimonial-badge{display:inline-flex; align-items:center; gap:8px; color:var(--color-dark); background-color:var(--color-white); padding:10px 20px; border-radius:30px; font-size:13px; font-weight:600; margin-bottom:20px; }
    .testimonial-badge svg{width:16px;height:16px;fill:var(--color-primary);}
    .testimonial-header h2{font-size:44px; font-weight:700; color:var(--color-white); line-height:1.15; margin-bottom:16px; }
    .testimonial-header p{color:var(--color-gray); font-size:16px; line-height:1.6; max-width:560px; }
    .testimonial-nav{display:flex; gap:12px; justify-content:flex-end; margin-bottom:20px; }
    .testimonial-nav-btn{width:48px;height:48px; border-radius:50%; border:1px solid #ddd; background:var(--color-white); display:flex;align-items:center;justify-content:center; cursor:pointer; transition:.25s ease; }
    .testimonial-nav-btn:hover{background:var(--color-dark);border-color:var(--color-dark);}
    .testimonial-nav-btn:hover svg{stroke:var(--color-white);}
    .testimonial-nav-btn svg{width:20px;height:20px;stroke:var(--color-dark);transition:.25s;}
    .testimonial-card{background:var(--color-white); border-radius:6px; padding:50px 60px 50px; position:relative; box-shadow:0 10px 30px rgba(var(--color-dark-rgb),0.04); height:100%; margin:0 12px; }
    .testimonial-quote{position:absolute; top:-24px; right:24px; width:60px;height:60px; background: #FED75B; border-radius:14px; display:flex;align-items:center;justify-content:center; box-shadow:0 8px 18px rgba(var(--color-dark-rgb),0.35); }
    .testimonial-quote svg{width:40px;height:40px;fill:#323232;}
    .testimonial-rating{font-size:18px; font-weight:600; color:var(--color-dark); margin-bottom:20px; display:flex; align-items:center; gap:8px; }
    .testimonial-stars{color:var(--color-dark); letter-spacing:2px;}
    .testimonial-text{color:var(--color-gray); font-size:18px; line-height:1.6; margin-bottom:26px; min-height:160px; }
    .testimonial-author{display:flex; align-items:start; gap:14px; padding-top:20px; border-top:1px solid #eef0f3;flex-direction: column; }
    .testimonial-author img{width:48px;height:48px; border-radius:50%; object-fit:cover; flex-shrink:0; }
    .testimonial-author h4{font-size:22px; font-weight:700; color:var(--color-dark); margin:0 0 6px; }
    .testimonial-author span{display:inline-block; font-size:14px; font-weight:600; color:var(--color-dark); background:var(--color-light); padding:4px 10px; border-radius:6px; }
    .testimonial-section .owl-carousel .owl-stage-outer{padding:24px 0 10px;}
    .testimonial-section .owl-carousel .owl-dots{text-align:left; margin-top:30px; }
    .testimonial-section .owl-carousel .owl-dot span{width:9px;height:9px; margin:0 5px; background:#e2d9c8; }
    .testimonial-section .owl-carousel .owl-dot.active span{background:var(--color-primary); width:22px; border-radius:5px; }

    @media (max-width:768px){
        .testimonial-header h2{font-size:28px; line-height: 1.4em;}
        .testimonial-section{padding:50px 0 40px; background-size: 0% 100%;}
        .testimonial-nav{justify-content:center;}
        .testimonial-card {padding: 50px 20px 30px;}
        .testimonial-text{ font-size:16px; }
    }    

/* ==========================================================================
    ABOUT COMPANY SECTION
 ========================================================================== */
    .about-company-section {padding: 90px 0; background: var(--color-white); } 
    .about-company-main {display: grid; grid-template-columns: 1.10fr 0.90fr; gap: 60px; align-items: start; }
    .about-left .badge {display: inline-flex; align-items: center; gap: 8px; background: var(--color-secondary); color: var(--color-white); padding: 11px 22px; border-radius: 30px; font-size: 13px; font-weight: 600; margin-bottom: 26px; width: fit-content; }
    .about-left .badge svg { width: 16px; height: 16px; fill: var(--color-white); }
    .about-left h2 {font-size: 40px; font-weight: 700; color: var(--color-dark); line-height: 1.5; margin: 0 0 35px; max-width: 500px; }
    .about-image {border-radius: 10px;} .about-image img {width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 15px; box-shadow: 0 0 27px -16px rgba(0, 0, 0, 0.55); }
    .about-right { padding-top: 4px; }
    .about-stats {background: var(--color-primary); padding: 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin-bottom: 30px; margin-left: -170px; }
    .stat-item {padding: 0 25px; position: relative; }
    .stat-item:first-child { padding-left: 0; }
    .stat-item + .stat-item::before {content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 1px; background: rgba(var(--color-white-rgb), 0.3); }
    .stat-item img {margin: 0 0 30px; }
    .stat-item span {display: block; font-size: 20px; font-weight: 600; color: var(--color-white); margin-bottom: 34px; }
    .stat-item p {font-size: 15px; line-height: 1.6; color: rgba(var(--color-white-rgb), 0.85); margin: 0; }
    .about-text > p:first-child {font-size: 18px; font-weight: 600; color: var(--color-dark); line-height: 1.5; margin: 0 0 18px; }
    .about-text > p.desc {font-size: 16px; line-height: 1.75; color: var(--color-gray); margin: 0 0 25px; }
    .about-list {list-style: none; margin: 0 0 35px; padding: 0; }
    .about-list li {display: flex; align-items: center; gap: 10px; font-size: 15px; color: #333; padding: 13px 0; border-bottom: 1px solid #eef0f3; }
    .about-list li:last-child { border-bottom: none; }
    .about-list li::before {content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--color-primary); flex-shrink: 0; }
    .about-btn {display: inline-flex; align-items: center; gap: 10px; background: var(--color-primary); color: var(--color-white); text-decoration: none; padding: 16px 26px; border-radius: 4px; font-size: 14px; font-weight: 600; transition: 0.25s; }
    .about-btn:hover { background: var(--color-primary); }
    .about-btn svg { width: 14px; height: 14px; stroke: var(--color-white); }
 
    @media (max-width: 991.98px) {
        .about-company-main {grid-template-columns: 1fr; gap: 40px; }
        .about-image { height: 320px; margin-bottom: 10px; }
        .about-stats {margin-left: 0px; margin-bottom: 30px; }
    }
     @media (max-width: 767.98px) {
        .about-company-section { padding: 60px 0; }
        .about-left h2 { font-size: 30px; }
        .about-stats {grid-template-columns: 1fr; gap: 25px; padding: 30px 25px;    }
        .stat-item { padding: 0; }
        .stat-item + .stat-item::before { display: none; }
        .stat-item + .stat-item {padding-top: 25px; border-top: 1px solid rgba(var(--color-white-rgb),0.3); }
        .stat-item h3 { font-size: 38px; }
        .about-left h2 {font-size: 28px; line-height: 1.5;}
    }

/* ==========================================================================
    Delivering Precision SECTION
 ========================================================================== */
    .iehero-wrapper {position: relative; width: 100%; background: #1c3b7d; overflow: hidden; }
    .iehero-bg {position: absolute; inset: 0; z-index: 0; }
    .iehero-bg .case-bg-img {width: 100%; height: 100%; object-fit: cover; display: block; }
    .iehero-bg::after {content: ''; position: absolute; inset: 0; background: #1c3b7dee; }
    .iehero-rail button {width: 48px; height: 48px; border: none; background: transparent; border-radius: 10px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.2s ease; }
    .iehero-rail button:hover { background: var(--color-primary); }
    .iehero-rail button:hover svg { stroke: var(--color-white); }
    .iehero-rail svg {width: 20px; height: 20px; stroke: var(--color-dark); fill: none; stroke-width: 1.8; transition: 0.2s ease; }
    .iehero-approach-head {position: relative; z-index: 2; max-width: 900px; margin: 0 auto; padding: 100px 20px 60px; text-align: center; }
    .iehero-approach-head .eyebrow {display: inline-flex; align-items: center; gap: 8px; background: transparent; color: var(--color-white); padding: 10px 20px; border-radius: 30px; font-size: 13px; font-weight: 600; margin-bottom: 20px; border: 1px solid rgba(255, 255, 255, 0.4); }
    .iehero-approach-head h2 {font-size: 40px; font-weight: 700; line-height: 1.3; letter-spacing: -0.02em; color: var(--color-white); margin: 0 0 18px; text-transform: capitalize; }
    .iehero-approach-head p {font-size: 17px; line-height: 1.65; color: rgba(255, 255, 255, 0.7); margin: 0; }
    .iehero-cards {position: relative; z-index: 2; max-width: 1600px; margin: 0 auto; padding: 0 20px 100px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
    .iehero-approach-card {box-shadow: 0 0 27px -16px rgba(0, 0, 0, 0.55); border-radius: 8px; padding: 40px 35px; background: #fff; }
    .iehero-mission-head { gap: 14px; padding-bottom: 22px; border-bottom: 1px solid rgba(var(--color-dark), 0.1); margin-bottom: 24px; }
    .iehero-mission-icon {margin-bottom: 30px; width: 60px; height: 60px; border-radius: 50%; background: rgba(var(--color-primary-rgb), 0.15); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .iehero-mission-icon svg {width: 40px; height: 40px; stroke: var(--color-primary); fill: none; }
    .iehero-mission-head h3 {font-size: 22px; font-weight: 700; color: var(--color-dark); margin: 0; }
    .iehero-approach-card p {font-size: 16px; line-height: 1.75; color: var(--color-gray); margin: 0; }

    @media (max-width: 1024px) {
        .iehero-cards {grid-template-columns: repeat(2, 1fr); }
        .iehero-approach-head h2 {font-size: 30px; }
        .iehero-approach-head {padding: 70px 20px 40px; }
    }

    @media (max-width: 620px) {
        .iehero-cards {grid-template-columns: 1fr; }
        .iehero-approach-head h2 {font-size: 24px; }
        .iehero-approach-head {padding: 50px 20px 30px; }
    }

/* ==========================================================================
    FAQS SECTION
 ========================================================================== */
    .iefaq-section {display: grid; grid-template-columns: 1fr 1fr; min-height: 780px; background: var(--color-dark); position: relative;}
    .iefaq-left {padding: 90px 70px 90px 180px; display: flex; flex-direction: column; justify-content: center; position: relative;z-index: 2; min-width: 0; }
    .iefaq-badge {display: inline-flex; align-items: center; gap: 8px; background: var(--color-primary); color: var(--color-white); padding: 11px 22px; border-radius: 30px; font-size: 13px; font-weight: 600; margin-bottom: 26px; width: fit-content; }
    .iefaq-badge svg { width: 15px; height: 15px; fill: var(--color-white); } 
    .iefaq-left h2 {font-size: 38px; font-weight: 700; color: var(--color-white); line-height: 1.25; margin: 0 0 40px; }
    .iefaq-accordion {display: flex; flex-direction: column; }
    .iefaq-item {border-bottom: 1px solid rgba(var(--color-white-rgb), 0.1); }
    .iefaq-item:first-child { border-top: 1px solid rgba(var(--color-white-rgb), 0.1); }
    .iefaq-question {width: 100%; background: none; border: none; padding: 22px 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; text-align: left; }
    .iefaq-question span {font-size: 17px; font-weight: 600; color: var(--color-white); }
    .iefaq-toggle-icon {flex-shrink: 0; width: 34px; height: 34px; border-radius: 6px; background: rgba(var(--color-white-rgb), 0.08); display: flex; align-items: center; justify-content: center; position: relative; transition: background 0.25s ease; }
    .iefaq-toggle-icon::before, .iefaq-toggle-icon::after {content: ""; position: absolute; background: var(--color-white); border-radius: 2px; }
    .iefaq-toggle-icon::before {width: 12px; height: 2px; }
    .iefaq-toggle-icon::after {width: 2px; height: 12px; transition: transform 0.25s ease, opacity 0.25s ease; }
    .iefaq-item.active .iefaq-toggle-icon {background: var(--color-primary); }
    .iefaq-item.active .iefaq-toggle-icon::after {transform: rotate(90deg); opacity: 0; }
    .iefaq-answer {max-height: 0; overflow: hidden; transition: max-height 0.35s cubic-bezier(0.22, 1, 0.36, 1); }
    .iefaq-answer p {font-size: 16px; line-height: 1.75; color: var(--color-gray); margin: 0; padding: 0 0 24px; }
    .iefaq-right {position: relative; height: 100%; min-height: 780px; overflow-x: hidden; }
    .iefaq-right img {width: 100%; height: 100%; object-fit: cover; display: block; }
  
    @media (max-width: 991.98px) {
        .iefaq-section {grid-template-columns: 1fr; }
        .iefaq-left { padding: 60px 30px; }
        .iefaq-left h2 { font-size: 30px; }
        .iefaq-right { min-height: 380px; }
    }
    @media (max-width: 575.98px) {
        .iefaq-left { padding: 45px 20px; }
        .iefaq-badge { font-size: 12px; padding: 9px 16px; }
        .iefaq-left h2 { font-size: 25px; margin-bottom: 30px; }
        .iefaq-question span { font-size: 15px; }
    }    

    .iefaq-section.faqs_main_page {padding: 40px 0; display: grid; grid-template-columns: 1fr 0fr; min-height: fit-content; background: var(--color-white); position: relative; }
    .iefaq-section.faqs_main_page .iefaq-left{padding: 0; min-width: 0; }
    .iefaq-section.faqs_main_page .iefaq-left h2 {color: var(--color-dark); }
    .iefaq-section.faqs_main_page .iefaq-question span {color: var(--navy-deep); font-size: 20px; }
    .iefaq-section.faqs_main_page .iefaq-answer p {color: var(--slate); }
    .iefaq-section.faqs_main_page .iefaq-item {border-bottom: 1px solid #3333; }
    .iefaq-section.faqs_main_page .iefaq-toggle-icon{background : var(--color-primary); }
    .iefaq-section.faqs_main_page .iefaq-item ul {padding-left: 0; margin-bottom: 20px; }
    .iefaq-section.faqs_main_page .iefaq-item ul li {list-style: none; position: relative; padding-left: 32px; margin-bottom: 12px; color: var(--color-gray); }
    .iefaq-section.faqs_main_page .iefaq-item ul li::before{content: ""; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='11' fill='%231c3b7d'/%3E%3Cpath d='M15.9 7.5c-.3-.3-.8-.3-1.1 0L9.3 13 7.2 10.9c-.3-.3-.8-.3-1.1 0-.3.3-.3.8 0 1.1l2.7 2.7c.2.2.4.3.6.3.2 0 .4-.1.6-.3l6-6c.3-.3.3-.8 0-1.2z' fill='%23F7EBD7'/%3E%3C/svg%3E") no-repeat center center; background-size: contain; }
    .iefaq-answer .table-responsive{width: 100%; max-width: 100%; min-width: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .iefaq-answer table{width: 100%; border-collapse: collapse; border: 1px solid #d9d9d9; }
    .iefaq-answer table th, .iefaq-answer table td{border: 1px solid #d9d9d9; padding: 15px 20px; text-align: left; vertical-align: top; }
    .iefaq-answer table th{background: #1c3b7d; color: #fff; font-weight: 600; }
    .iefaq-answer table tr:nth-child(even){background: #f8f9fb; }

    @media (max-width:767px){
        .iefaq-answer table th, .iefaq-answer table td{padding: 12px; font-size: 14px; }
        .iefaq-section.faqs_main_page{padding: 50px 0; }
        .iefaq-question span {font-size: 18px !important; }
    }

    section.iefaq-section.faqs_main_page.faqs_home_page{background-color: var(--color-primary); }
    .faqs_home_page .iefaq-badge {border: 1px solid var(--color-white); }
    .faqs_home_page .iefaq-left h2{color: var(--color-white) !important; }
    .faqs_home_page .iefaq-question span{color: var(--color-white) !important; }
    .faqs_home_page .iefaq-answer p{color: var(--color-white) !important; }
    .faqs_home_page .iefaq-item {border-bottom: 1px solid #fff2 !important; }

  /* ==========================================================================
    FOOTER SECTION
 ========================================================================== */
    .iefooter {position: relative; background: var(--color-white);  overflow: hidden; padding-top: 90px; border-top: 1px solid #3333;}
    .iefooter-top {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 40px; }
    .iefooter-logo {display: flex; align-items: center; gap: 10px; margin-bottom: 26px; }
    .iefooter-logo svg { width: 34px; height: 34px; fill: var(--color-primary); }
    .iefooter-logo span {font-size: 24px; font-weight: 700; color: var(--color-white); }
    .iefooter-about p {font-size: 16px; line-height: 1.75; color:  var(--color-dark); max-width: 460px; margin: 0; }
    .iefooter-about p strong, .iefooter-about p .iefooter-highlight {color: rgba(var(--color-white-rgb), 0.95); font-weight: 700; }
    .iefooter-about p .iefooter-accent {color: #ef9a72; font-weight: 700; }
    .iefooter-col h4 {font-family: var(--font-body); font-size: 19px; font-weight: 700; color: var(--color-primary); margin: 0 0 26px; }
    .iefooter-col ul {list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; color: var(--color-dark) !important;}
    .iefooter-col ul a {color: var(--color-dark); text-decoration: none; font-size: 15px; transition: color 0.2s ease; }
    .iefooter-col ul a:hover { color: var(--color-primary); } 
    .iefooter-contact-block {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(var(--color-dark-rgb), 0.3); }
    .iefooter-contact-block:last-child {border-bottom: none; padding-bottom: 0; }
    .iefooter-contact-block p {font-size: 16px; line-height: 1.6; color: var(--color-dark); margin: 0; }
    .iefooter-contact-block a {color: var(--color-dark);text-decoration: none; font-size: 16px; }
    .iefooter-contact-block a:hover { color: var(--color-primary); }
    .iefooter-bottom {border-top: 1px solid var(--color-primary);  padding: 26px 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
    .iefooter-copy {font-size: 14.5px; color: var(--color-dark); }
    .iefooter-copy a {color: var(--color-primary); text-decoration: none; font-weight: 700;}
    .iefooter-socials {display: flex; gap: 12px; }
    .iefooter-socials a {width: 38px; height: 38px; border-radius: 50%; background: var(--color-primary); border: 1px solid var(--color-primary); display: flex; align-items: center; justify-content: center; transition: 0.25s ease; }
    .iefooter-socials a:hover {background: var(--color-white); }
    .iefooter-socials a:hover svg { fill: var(--color-primary); }
    .iefooter-socials svg {width: 15px; height: 15px; fill: var(--color-white); transition: 0.25s ease; } 

    @media (max-width: 991.98px) {
        .iefooter-top {grid-template-columns: 1fr 1fr; row-gap: 45px; }
    }

    @media (max-width: 575.98px) {
        .iefooter-top { grid-template-columns: 1fr; }
        .iefooter-bottom { flex-direction: column; align-items: flex-start; }
    }

/* ==========================================================================
    INNER PAGE HERO 
========================================================================== */
    .page-hero {position: relative; width: 100%; height: 650px; overflow: hidden; display: flex; align-items: center; }
    .page-hero-bg {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
    .page-hero-overlay {position: absolute; inset: 0;background:#1c3b7dee;z-index: 1; }
    .page-hero .container {position: relative; z-index: 2; }
    .page-hero-content {max-width: 800px; margin-top: 100px; }
    .page-hero-badge { border:1px solid var(--color-white); display: inline-flex; align-items: center; gap: 8px; background: var(--color-primary); color: var(--color-white); padding: 12px 26px; border-radius: 40px; font-size: 15px; font-weight: 600; margin-bottom: 28px; }
    .page-hero-content h1 {color: var(--color-white); font-size: 48px; font-weight: 700; line-height: 1.25; margin-bottom: 24px; }
    .page-hero-content p {color: rgba(var(--color-white-rgb), 0.85); font-family: var(--font-body); font-size: 16px; line-height: 1.7; max-width: 560px; }

    @media (max-width: 991.98px) {
        .page-hero { height: 460px; }
        .page-hero-content h1 { font-size: 36px; }
    }
    @media (max-width: 767.98px) {
        .page-hero { height: 420px; }
        .page-hero-content h1 { font-size: 28px; }
        .page-hero-content p { font-size: 14.5px; }
    }
    @media (max-width: 575.98px) {
        .page-hero { height: 380px; }
        .page-hero-badge { font-size: 13px; padding: 10px 20px; }
        .page-hero-content h1 { font-size: 24px; margin-bottom: 16px; }
    }

    /* ==========================================================================
    Our Approach Page
    ========================================================================== */
    .our-approach-section {padding: 100px 0; position: relative; overflow: hidden; background: #fff; }
    .our-approach-header {text-align: center; max-width: 1220px; margin: 0 auto 64px; }
    .eyebrow {display: inline-flex; align-items: center; gap: 8px; color: var(--color-white); padding: 10px 20px; border-radius: 30px; font-size: 13px; font-weight: 600; margin-bottom: 20px; }
    .our-approach-header h2 {font-size: 44px; font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; margin-bottom: 18px; text-transform: capitalize; color: var(--color-dark); }
    .our-approach-header p {color: rgba(var(--color-dark), 0.55); font-size: 18px; line-height: 1.6; margin-bottom: 26px; }
    .our-approach-boxes {display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 60px; row-gap: 60px; }
    .our-approach-row {display: flex; flex-direction: column; }
    .our-approach-image {margin-bottom: 20px; }
    .our-approach-icon {position: relative; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; }
    .our-approach-icon::after {content: ""; position: absolute; right: -14px; bottom: -14px; width: 40px; height: 40px; border-radius: 50%; background: rgba(var(--color-dark), 0.06); z-index: 0; }
    .our-approach-icon svg {position: relative; z-index: 1; width: 42px; height: 42px; color: var(--color-primary); }
    .our-approach-content {display: flex; flex-direction: column; }
    .our-approach-content h3 {font-size: 22px; font-weight: 700; line-height: 1.4; margin-bottom: 14px; color: var(--color-dark); }
    .our-approach-content p {font-size: 16px; line-height: 1.7; color: var(--color-gray); max-width: 520px; margin-bottom: 0; }
.our-title{color: var(--white) !important;}
.our-title::before{background: var(--white) !important;;}
    @media (max-width: 1024px) {
        .our-approach-boxes {column-gap: 40px; row-gap: 40px; }
        .our-approach-content h3 {font-size: 20px; }
    }

    @media (max-width: 860px) {
        .our-approach-header h2 {font-size: 24px; line-height: 1.5; }
        .our-approach-header {margin: 0 auto 40px; }
        .our-approach-boxes {grid-template-columns: 1fr 1fr; row-gap: 36px; }
    }

    @media (max-width: 580px) {
        .our-approach-section {padding: 50px 0; }
        .our-approach-header p {font-size: 16px; }
        .our-approach-boxes {grid-template-columns: 1fr; row-gap: 36px; }
    }


/* ==========================================================================
   Our Commitment Section 
========================================================================== */
    .commitment-section {position: relative; min-height: 460px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: var(--color-dark); }
    .commitment-section img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
    .commitment-section .overlay {position: absolute; inset: 0; background:#1c3b7dee; }
    .commitment-content {position: relative; z-index: 2; max-width: 780px; text-align: center; padding: 90px 24px; }
    .commitment-content .eyebrow {display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: rgba(var(--color-white-rgb), 0.85); margin-bottom: 18px; }
    .commitment-content p.tagline {font-size: 18px; line-height: 1.75; color: var(--color-white); margin-bottom: 20px; }
    .commitment-content p.tagline strong {color: var(--color-white); font-weight: 600; }

    @media (max-width: 640px) {
        .commitment-content { padding: 70px 20px; }
        .commitment-content p.tagline {font-size: 16px;}
    }
    

/* ==========================================================================
   Service Inner Page 
========================================================================== */  
    .iesnabout-section {padding: 120px 0 70px; }
    .iesnabout-grid {display: grid; grid-template-columns: 1fr 450px; gap: 40px; align-items: start; }
    .iesnabout-grid > * { min-width: 0; }
    .iesnabout-content img{margin-bottom: 20px; }
    .iesnabout-text {margin-top: 32px; }
    .iesnabout-para {font-family: var(--font-body); font-size: 17px; line-height: 1.7; color: var(--color-dark); margin: 0 0 20px 0; }
    .iesnabout-features-heading {font-family: var(--font-body); font-size: 30px; font-weight: 800; color: var(--color-dark); margin: 40px 0 20px 0; }
    .iesnabout-sidebar {display: flex; flex-direction: column; gap: 24px; height: auto; position: sticky; top: 140px; }
    .ieservices-card {background: var(--yellow); border-radius: 6px; padding: 36px 28px; }
    .ieservices-heading {font-family: var(--font-body); font-size: 26px; font-weight: 700; color: var(--color-primary); margin: 0 0 12px 0; }
    .ieservices-underline {width: 40px; height: 3px; background: var(--color-primary); margin-bottom: 24px; }
    .ieservices-list {list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
    .ieservices-item {display: flex; align-items: center; justify-content: space-between; background: var(--color-primary); border: 1px solid rgba(var(--color-dark-rgb), 0.08); border-radius: 6px; padding: 16px 18px; text-decoration: none; font-family: var(--font-body); font-size: 15px; font-weight: 500; color: var(--color-white); transition: background 0.25s ease, border-color 0.25s ease; }
    .ieservices-item:hover {background: var(--navy-mid); border-color: rgba(var(--color-dark-rgb), 0.15); }
    .ieservices-arrow {width: 30px; height: 30px; min-width: 30px; border-radius: 50%; background: var(--yellow); border: 1px solid rgba(var(--color-primary-rgb), 0.3); display: flex; align-items: center; justify-content: center; font-size: 14px; color: var(--color-primary); }
    .ieservices-item.active .ieservices-arrow, .ieservices-item:hover .ieservices-arrow {background: var(--color-secondary); border-color: var(--color-secondary); color: var(--color-white); }
    .service_inner_points{margin-bottom: 20px; }
    .service_inner_points li {position: relative; padding-left: 35px; margin-bottom: 15px; font-size: 16px; line-height: 1.4em; font-weight: 400; }
    .service_inner_points li::before{content: ""; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='11' fill='%231c3b7d'/%3E%3Cpath d='M15.9 7.5c-.3-.3-.8-.3-1.1 0L9.3 13 7.2 10.9c-.3-.3-.8-.3-1.1 0-.3.3-.3.8 0 1.1l2.7 2.7c.2.2.4.3.6.3.2 0 .4-.1.6-.3l6-6c.3-.3.3-.8 0-1.2z' fill='%23F7EBD7'/%3E%3C/svg%3E") no-repeat center; background-size: contain; }
    .service_inner_box {display: flex; flex-wrap: wrap; gap: 2%; row-gap: 20px; margin: 30px 0; }
    .service_inner_box .box {background-color: #fcd65b50; border-radius: 8px; padding: 30px 40px 10px; width: 49%; }
    .service_inner_box .box h3{font-size: 20px; font-weight: 700; margin-bottom: 20px; line-height: 1.5em; }
    .table-responsive{width: 100%; max-width: 100%; min-width: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .table-responsive table{width: 100%;  border-collapse: collapse; }
    .iesnabout-grid tr, .iesnabout-grid td, .iesnabout-grid th{border: 1px solid var(--color-primary); padding: 15px 30px; }
    .iesnabout-grid th{background: var(--color-primary); border: 1px solid var(--color-white); color: var(--color-white); font-size: 20px; font-weight: 600; }
    .iesnabout-grid td{font-size: 17px; line-height: 1.7; color: var(--color-dark); font-weight: 400; }
    .box.box_3 {width: 32%; }
    .box.box_3.box_6 {background: none; box-shadow: 0 0 15px -10px rgba(0, 0, 0, 0.5);  border-radius: 0; }

    @media (max-width: 1200px) {
        .iesnabout-grid {grid-template-columns: 1fr 320px;}
        .service_inner_box .box {width: 100%; margin-bottom: 20px; }
    }
    @media (max-width: 900px) {
        .iesnabout-grid {grid-template-columns: 1fr; }
        .iesnabout-features-heading {font-size: 24px; }
    }

 
/* ==========================================================================
    CONTACT SECTION
========================================================================== */
    .iecontact-section { background: var(--color-light); padding: 100px 0; }
    .iecontact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }
    .iecontact-left { padding-top: 10px; }
    .iecontact-badge { display: inline-flex; align-items: center; gap: 8px; background: var(--color-primary); color: var(--color-white); padding: 11px 22px; border-radius: 30px; font-size: 13px; font-weight: 600; margin-bottom: 30px; width: fit-content; }
    .iecontact-badge svg { width: 16px; height: 16px; stroke: var(--color-white); fill: none; }
    .iecontact-left h2 { font-size: 44px; font-weight: 700; color: var(--color-dark); line-height: 1.2; margin-bottom: 100px; }
    .iecontact-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px 30px; }
    .iecontact-info-item { display: flex; flex-direction: column; gap: 14px; }
    .iecontact-icon { width: 52px; height: 52px; border-radius: 50%; background: var(--color-white); display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 18px rgba(var(--color-dark-rgb), 0.06); }
    .iecontact-icon svg { width: 22px; height: 22px; stroke: var(--color-primary); fill: none; }
    .iecontact-info-item h4 { font-family: var(--font-body); font-size: 18px; font-weight: 700; color: var(--color-dark); margin: 0; }
    .iecontact-info-item p, .iecontact-info-item a { color: var(--color-gray); font-size: 15px; line-height: 1.5; text-decoration: none; }
    .iecontact-info-item a:hover { color: var(--color-primary); }
    .iecontact-form-card { background: var(--color-white); border-radius: 10px; overflow: hidden; box-shadow: 0 20px 50px rgba(var(--color-dark-rgb), 0.08); }
    .iecontact-form-header { background: var(--color-primary); padding: 30px 40px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
    .iecontact-form-header h3 { font-family: var(--font-body); font-size: 24px; font-weight: 700; color: var(--color-white); margin: 0; }
    .iecontact-form-icon { width: 60px; height: 60px; min-width: 60px; border-radius: 8px; background: #fcd65b; display: flex; align-items: center; justify-content: center; }
    .iecontact-form-icon svg { width: 28px; height: 28px; stroke: var(--color-white); fill: none; }
    .iecontact-form-body { padding: 40px; }
    .iecontact-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
    .iecontact-field { display: flex; flex-direction: column; gap: 10px; margin-bottom: 22px; }
    .iecontact-field label { font-size: 18px; font-weight: 600; color: var(--color-dark); }
    .iecontact-field input, .iecontact-field textarea { width: 100%; border: 1px solid #e2e4e9; border-radius: 30px; padding: 14px 20px; font-family: var(--font-body); font-size: 14.5px; color: var(--color-dark); background: var(--color-white); transition: border-color 0.2s ease; }
    .iecontact-field textarea { border-radius: 16px; resize: vertical; min-height: 130px; }
    .iecontact-field input::placeholder, .iecontact-field textarea::placeholder { color: #9a9a9a; }
    .iecontact-field input:focus, .iecontact-field textarea:focus { outline: none; border-color: var(--color-primary); }
    .iecontact-submit-btn { display: inline-flex; align-items: center; gap: 10px; background: var(--color-primary); color: var(--color-white); border: none; text-decoration: none; padding: 17px 28px; border-radius: 6px; font-size: 14.5px; font-weight: 600; cursor: pointer; transition: 0.25s; }
    .contact_map {padding: 120px 0; }
    .contact_map iframe{display: block; width: 100%; height: 600px; border-radius: 10px; }
     .iecontact-field select {width: 100%; border: 1px solid #e2e4e9; border-radius: 30px; padding: 14px 20px; font-family: var(--font-body); font-size: 14.5px; color: var(--color-dark); background: var(--color-white); transition: border-color 0.2s ease; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b6b6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 20px center; cursor: pointer; }
    .iecontact-field select:focus { outline: none; border-color: var(--color-primary); } 
    .iecontact-left > p.iecontact-intro { color: var(--color-gray); font-size: 15.5px; line-height: 1.75; max-width: 560px; margin-top: -70px; margin-bottom: 45px; }
    .iecontact-subheading { font-family: var(--font-body); font-size: 22px; font-weight: 700; color: var(--color-dark); margin: 50px 0 20px; }
    .iecontact-checklist { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; margin-bottom: 10px; }
    .iecontact-checklist li { position: relative; padding-left: 30px; margin-bottom: 14px; font-size: 15px; line-height: 1.4; color: var(--color-dark); }
    .iecontact-checklist li::before { content: ""; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='11' fill='%231c3b7d'/%3E%3Cpath d='M15.9 7.5c-.3-.3-.8-.3-1.1 0L9.3 13 7.2 10.9c-.3-.3-.8-.3-1.1 0-.3.3-.3.8 0 1.1l2.7 2.7c.2.2.4.3.6.3.2 0 .4-.1.6-.3l6-6c.3-.3.3-.8 0-1.2z' fill='%23F7EBD7'/%3E%3C/svg%3E") no-repeat center; background-size: contain; }
 
/* ==========================================================================
    COMMITMENT / CLOSING STRIP
========================================================================== */
    .commitment-section {position: relative; min-height: 360px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: var(--color-dark); }
    .commitment-section img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
    .commitment-section .overlay {position: absolute; inset: 0; background:#1c3b7dee; }
    .commitment-content {position: relative; z-index: 2; max-width: 780px; text-align: center; padding: 90px 24px; }
    .commitment-content .eyebrow {display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: rgba(var(--color-white-rgb), 0.85); margin-bottom: 18px; }
    .commitment-content p.tagline {font-size: 18px; line-height: 1.75; color: var(--color-white); margin-bottom: 20px; }
    .commitment-content p.tagline strong {color: var(--color-white); font-weight: 600; }
 
    @media (max-width: 575.98px) {
        .iecontact-left > p.iecontact-intro { margin-top: 0; }
        .iecontact-checklist { grid-template-columns: 1fr; }
        .iecontact-form-row { row-gap: 0; }
        .commitment-content { padding: 60px 20px; }
    }
 
    @media (max-width: 991.98px) {
        .iecontact-grid { grid-template-columns: 1fr; gap: 50px; }
        .iecontact-left h2 { font-size: 34px; }
        .iecontact-section {padding: 70px 0;}
        .contact_map {padding: 70px 0;}
    }
    @media (max-width: 575.98px) {
        .iecontact-section { padding: 60px 0; }
        .iecontact-left h2 { font-size: 28px; margin-bottom: 30px;}
        .iecontact-info-grid { grid-template-columns: 1fr; }
        .iecontact-form-header { padding: 22px 24px; }
        .iecontact-form-header h3 { font-size: 19px; }
        .iecontact-form-body { padding: 26px; }
        .iecontact-form-row { grid-template-columns: 1fr; gap: 0; }
        .iecontact-section {padding: 50px 0;}
        .contact_map {padding: 50px 0;}
        .contact_map iframe{height: 400px; }
    }

/* ==========================================================================
    INDUSTRIES TIMELINE SECTION (static, no JS)
========================================================================== */
    .ieindustry-section { padding: 100px 0; }
    .ieindustry-header { max-width: 750px; margin: 0 auto 80px; text-align: center; }
    .ieindustry-badge { display: inline-flex; align-items: center; gap: 8px; background: var(--color-secondary); color: var(--color-white); padding: 11px 22px; border-radius: 30px; font-size: 13px; font-weight: 600; margin-bottom: 24px; }
    .ieindustry-header h2 { font-family: var(--font-body); font-size: 42px; font-weight: 700; color: var(--color-dark); line-height: 1.2; margin-bottom: 16px; }
    .ieindustry-header p { color: var(--color-gray); font-size: 16px; line-height: 1.65; max-width: 620px; margin: 0 auto; }
    .ieindustry-timeline { position: relative; }
    .ieindustry-row { display: flex; align-items: center; gap: 60px; padding: 55px 0; }
    .ieindustry-row:first-child { padding-top: 0; }
    .ieindustry-row:last-child { padding-bottom: 0; }
    .ieindustry-row:nth-child(even) { flex-direction: row-reverse; }
    .ieindustry-row-content { flex: 1; min-width: 0; }
    .ieindustry-row-box { flex: 1; min-width: 0; }
    .ieindustry-row-marker { width: 62px; height: 62px; border-radius: 50%; background: var(--color-primary); display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative; z-index: 2; box-shadow: 0 0 0 6px var(--color-white); }
    .ieindustry-row-marker i { font-size: 24px; color: #fcd65b; }
    .ieindustry-row-content h3 { font-family: var(--font-body); font-size: 28px; font-weight: 800; color: var(--color-dark); margin-bottom: 14px; }
    .ieindustry-row-content p { color: var(--color-gray); font-size: 15.5px; line-height: 1.75; }
    .ieindustry-row:nth-child(odd) .ieindustry-row-content { text-align: right; }
    .ieindustry-row:nth-child(even) .ieindustry-row-content { text-align: left; }
    .ieindustry-row-box { background: #fcd65b50; border-radius: 16px; padding: 32px 34px; }
    .ieindustry-row-box h4 { font-family: var(--font-body); font-size: 14px; font-weight: 700; color: var(--color-dark); text-transform: uppercase; letter-spacing: 0.04em; margin: 0 0 16px; }
    .ieindustry-row-box h4:not(:first-child) { margin-top: 24px; }
    .ieindustry-row-box ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
    .ieindustry-row-box li { position: relative; padding-left: 22px; font-size: 15px; line-height: 1.5; color: var(--color-dark); }
    .ieindustry-row-box li::before { content: ""; position: absolute; left: 0; top: 6px; width: 8px; height: 8px; border-radius: 50%; background: var(--color-primary); }
 
/* ==========================================================================
    RESPONSIVE
========================================================================== */
    @media (max-width: 991.98px) {
        .ieindustry-timeline::before { left: 26px; }
        .ieindustry-row,
        .ieindustry-row:nth-child(even) { flex-direction: column; align-items: flex-start; gap: 20px; padding: 40px 0; }
        .ieindustry-row-marker { box-shadow: 0 0 0 4px var(--color-white); width: 52px; height: 52px; margin-left: 0; }
        .ieindustry-row-content,
        .ieindustry-row:nth-child(even) .ieindustry-row-content { text-align: left !important; padding-left: 0; }
        .ieindustry-row-box,
        .ieindustry-row:nth-child(even) .ieindustry-row-box { margin-left: 0; width: 100%; }
        .ieindustry-header { text-align: left; margin: 0 0 50px; }
    }
    @media (max-width: 575.98px) {
        .ieindustry-section { padding: 60px 0; }
        .ieindustry-header h2 { font-size: 26px; }
        .ieindustry-row-content h3 { font-size: 22px; }
        .ieindustry-row-box { padding: 24px 22px;  }
        .ieindustry-row-marker { width: 44px; height: 44px; }
        .ieindustry-row-marker i { font-size: 18px; }
    }

/* ==========================================================================
    INDUSTRIES SECTION
 ========================================================================== */
    .ieindustry-section { padding: 100px 0; }
    .ieindustry-header { margin-bottom: 55px; }
    .ieindustry-badge {display: inline-flex; align-items: center; gap: 8px; background: var(--color-secondary); color: var(--color-white); padding: 11px 22px; border-radius: 30px; font-size: 13px; font-weight: 600; margin-bottom: 26px; width: fit-content; }
    .ieindustry-header-left h2 { font-size: 42px; font-weight: 700; color: var(--color-dark); line-height: 1.2; margin: 0 0 16px; }
    .ieindustry-header-left p { font-size: 15.5px; line-height: 1.65; color: var(--color-gray); }

    .ieindustry-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
    .ieindustry-card { background: var(--color-white); border: 1px solid #edeef0; border-radius: 10px; padding: 30px 24px; transition: box-shadow 0.3s ease, transform 0.3s ease; }
    .ieindustry-card:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(var(--color-dark-rgb), 0.08); }
    .ieindustry-icon { width: 60px; height: 60px; border-radius: 50%; background: var(--color-primary); display: flex; align-items: center; justify-content: center; margin-bottom: 22px; }
    .ieindustry-icon i { font-size: 26px; color: var(--color-white); }
    .ieindustry-card h3 { font-size: 19.5px; font-weight: 700; color: var(--color-dark); line-height: 1.35; margin: 0 0 12px; }
    .ieindustry-card p { font-size: 16px; line-height: 1.6; color: var(--color-gray); margin: 0; }


    .ieindustry-more-wrap { display: flex; justify-content: center; margin-top: 45px; }
    .ieindustry-more-btn {text-decoration: none; display: inline-flex; align-items: center; gap: 10px; background: var(--color-primary); color: var(--color-white); border: none; cursor: pointer; padding: 16px 28px; border-radius: 6px; font-size: 14.5px; font-weight: 600; transition: 0.25s; }
    .ieindustry-more-btn svg { width: 15px; height: 15px; stroke: var(--color-white); transition: transform 0.25s; }
    .ieindustry-more-btn.ieindustry-open svg { transform: rotate(180deg); }

    @media (max-width: 1199.98px) {
        .ieindustry-grid { grid-template-columns: repeat(3, 1fr); }
    }
    @media (max-width: 767.98px) {
        .ieindustry-section { padding: 60px 0; }
        .ieindustry-header-left h2 { font-size: 28px; line-height: 1.4; }
        .ieindustry-grid { grid-template-columns: 1fr; }
    }

    /* All-Automation */

    html { scroll-behavior: smooth; }
        body { font-family: 'Inter', sans-serif; background: #071634; color: #fff; }
        ::selection { background: #FED75B; color: #1C3B7D; }
        ::-webkit-scrollbar { width: 10px; height: 10px; }
        ::-webkit-scrollbar-track { background: #071634; }
        ::-webkit-scrollbar-thumb { background: #1C3B7D; border-radius: 6px; }
        ::-webkit-scrollbar-thumb:hover { background: #00AFEF; }

        @keyframes fadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
        @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
        @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
        @keyframes scanLine {
            0% { transform: translateY(0); opacity: 0; }
            10% { opacity: 1; }
            90% { opacity: 1; }
            100% { transform: translateY(100px); opacity: 0; }
        }
        @keyframes marqueeSlow { from { transform: translateX(0); } to { transform: translateX(-50%); } }
        @keyframes revealUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }

        .animate-fadeup { animation: fadeUp .8s ease-out both; }
        .animate-float { animation: float 6s ease-in-out infinite; }
        .animate-scan { animation: scanLine 4s ease-in-out infinite; }
        .marquee-slow { animation: marqueeSlow 40s linear infinite; will-change: transform; }

        .shimmer-text {
            background: linear-gradient(90deg, #FED75B 0%, #FFF5C4 50%, #FED75B 100%);
            background-size: 200% auto;
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            color: transparent;
            animation: shimmer 4s linear infinite;
        }
        .outline-text {
            color: transparent;
            -webkit-text-stroke: 2px #00AFEF;
            text-shadow: 0 0 40px rgba(0, 175, 239, 0.35);
        }

        .bg-grid-pattern {
            background-image:
            linear-gradient(rgba(0, 175, 239, 0.08) 1px, transparent 1px),
            linear-gradient(90deg, rgba(0, 175, 239, 0.08) 1px, transparent 1px);
            background-size: 44px 44px;
        }

        .step-in { opacity: 0; }
        .step-in.visible { animation: revealUp .8s ease-out forwards; }

        /* Big outlined step number */
        .step-num-cyan { color: transparent;  background-image: linear-gradient(135deg, var(--color-secondary), var(--yellow), var(--yellow));background-clip: text;}
        .step-num-yellow { color: transparent; /*-webkit-text-stroke: 2px #FED75B; color: #FED75B;*/ background-image: linear-gradient(135deg, var(--color-secondary), var(--yellow), var(--yellow));background-clip: text;}
        .ghost-num-cyan { color: transparent; -webkit-text-stroke: 1px rgba(0,175,239,0.25); }
        .ghost-num-yellow { color: transparent; -webkit-text-stroke: 1px rgba(254,215,91,0.25); }

        .card-gradient { background: linear-gradient(160deg, #0a1f4a 0%, #071634 60%, #050f26 100%); }
        .header-shadow { box-shadow: 0 12px 45px -12px rgba(28,59,125,.35); }
        .btn-yellow { background: #FED75B; color: #1C3B7D; box-shadow: 0 12px 35px -10px rgba(254,215,91,.7); }
        .btn-yellow:hover { background: #FFE388; transform: translateY(-2px); }
        .btn-outline { border:1px solid #00AFEF; color:#fff; }
        .btn-outline:hover { background: rgba(0,175,239,.1); }

        .icon-check { width: 20px; height: 20px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; }
        .icon-check svg { width: 12px; height: 12px; stroke-width: 3; }
        .check-yellow { background: #FED75B; color: #1C3B7D; }
        .check-cyan { background: #00AFEF; color: #fff; }

        .accent-cyan { --accent: #00AFEF; --accent-alt: #FED75B; }
        .accent-yellow { --accent: #FED75B; --accent-alt: #00AFEF; }
        .accent-text-cyan { color: #00AFEF; }
        .accent-text-yellow { color: #FED75B; }
        .accent-bg-cyan { background: #00AFEF; color: #fff; }
        .accent-bg-yellow { background: #FED75B; color: #1C3B7D; }

        .step-image {
            mix-blend-mode: screen;
            filter: contrast(1.05) saturate(1.1);
            transition: opacity .5s ease, transform .5s ease;
        }
        .step-card:hover .step-image { transform: scale(1.05); opacity: 1; }

        .rail-dot { transition: all .3s ease; }
        .rail-dot.active-cyan { background:#00AFEF; transform: scale(1.5); box-shadow: 0 0 12px 2px rgba(0,175,239,0.6); }
        .rail-dot.active-yellow { background:#FED75B; transform: scale(1.5); box-shadow: 0 0 12px 2px rgba(254,215,91,0.6); }



        /* ===================================== Our approch page ======================================*/
        .no-color{background:transparent;}
        .pulse-divider{position:relative;height:2px;width:100%;background:linear-gradient(90deg, transparent, var(--line) 15%, var(--line) 85%, transparent);overflow:hidden;}
  .pulse-divider::after{content:"";position:absolute;top:-3px;left:-10%;width:120px;height:8px;background:linear-gradient(90deg, transparent, var(--cyan), var(--yellow), transparent);filter:blur(2px);animation:travel 5.5s linear infinite;}
  @keyframes travel{0%{left:-10%;}100%{left:110%;}}

.our-approach-page .eyebrow{font-family:var(--font-body);font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--color-secondary);display:flex;align-items:center;gap:10px;margin-bottom:14px;font-weight:700;background: transparent;
    padding: 0;border: none;}
  .our-approach-page .eyebrow::before{content:"";width:22px;height:1.5px;background:var(--color-secondary);box-shadow:0 0 8px var(--cyan-glow);}
  .our-approach-page .section-head{max-width:700px;margin-bottom:52px;}
  .our-approach-page .section-head h2{font-size:clamp(30px,3.6vw,44px);line-height:1.1;color:var(--navy-deep);}
  .our-approach-page .section-head p{margin-top:16px;color:var(--slate);font-size:16.5px;}
  .our-approach-page section{position:relative;padding:56px 0;}

  /* ---------- page header ---------- */
  .page-hero{
    position:relative;min-height:56vh;display:flex;align-items:flex-end;
    background:radial-gradient(ellipse at 82% 10%, rgba(0,175,239,0.22), transparent 55%),
      radial-gradient(ellipse at 6% 92%, rgba(254,215,91,0.10), transparent 50%),
      linear-gradient(160deg, var(--navy-deep) 0%, var(--navy) 55%, var(--navy-mid) 100%);
    padding-top:78px;overflow:hidden;
  }
  .grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 60% 30%, black 30%, transparent 78%);pointer-events:none;}
  .page-hero-inner{position:relative;z-index:2;padding-bottom:64px;width:100%;}
  .crumbs{font-family:var(--font-body);font-size:12.5px;letter-spacing:.06em;color:rgba(255,255,255,0.55);margin-bottom:22px;}
  .crumbs a{color:rgba(255,255,255,0.8);}
  .crumbs a:hover{color:var(--cyan);}
  .page-hero h1{font-size:clamp(36px,5.2vw,58px);color:var(--white);line-height:1.05;max-width:760px;}
  .page-hero h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 30px rgba(0,175,239,0.55);}
  .page-hero p.lead{color:rgba(255,255,255,0.72);font-size:17px;max-width:640px;margin-top:18px;}

  .signal-icon{position:absolute;right:6%;top:18%;width:220px;height:220px;opacity:.7;pointer-events:none;}
  .signal-icon svg{width:100%;height:100%;}
  .signal-icon .sweep{transform-origin:110px 110px;animation:spin 9s linear infinite;}
  @keyframes spin{to{transform:rotate(360deg);}}
  .signal-icon .ring{stroke:rgba(0,175,239,0.28);fill:none;stroke-width:1;}
  .signal-icon .arc{fill:none;stroke:var(--cyan);stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--cyan-glow));animation:pulseArc 2.6s var(--ease) infinite;}
  .signal-icon .arc.a2{animation-delay:.35s;stroke:var(--yellow);opacity:.9;}
  @keyframes pulseArc{0%,100%{opacity:.25;}50%{opacity:1;}}
  .signal-icon .core{fill:var(--cyan);filter:drop-shadow(0 0 10px var(--cyan));}

   /* ---------- intro band ---------- */
  .intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start;}
  @media (max-width: 768px){
    .intro-grid{grid-template-columns:1fr;gap:32px;}
  }
  .intro-quote{
    font-family:var(--font-body);font-size:24px;line-height:1.35;color:var(--navy-deep);
    border-left:3px solid var(--color-secondary);padding-left:24px;
  }
  .intro-copy p{color:var(--slate);font-size:15.5px;margin-bottom:16px;}
  .intro-copy strong{color:var(--navy-deep);}
  .exp-badge{
    display:inline-flex;align-items:center;gap:10px;margin-top:8px;
    font-family:var(--font-body);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase; 
    color:var(--navy);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:10px 16px;
  }
  .exp-badge b{color:var(--cyan);font-size:15px;}


  /* ---------- timeline ---------- */
  .timeline{position:relative;max-width:980px;margin:0 auto;}
  .timeline::before{
    content:"";position:absolute;left:39px;top:6px;bottom:6px;width:2px;
    background:repeating-linear-gradient(180deg, var(--color-secondary) 0 8px, transparent 8px 16px);
    opacity:.45;
  }
  .t-item{display:grid;grid-template-columns:80px minmax(0,1fr);gap:28px;position:relative;margin-bottom:52px;}
  .t-item:last-child{margin-bottom:0;}
  .t-idx{
    width:80px;height:80px;border-radius:50%;background:var(--cyan);color:var(--white);
    display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:600;
    font-size:26px;border:4px solid var(--white);box-shadow:0 0 0 1px var(--line);position:relative;z-index:1;
  }
  .t-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:30px 32px;transition:transform .28s var(--ease), box-shadow .28s var(--ease);}
  .t-card:hover{transform:translateX(4px);box-shadow:0 18px 40px rgba(28,59,125,0.10);}
  .t-card h3{font-size:20px;margin-bottom:10px;color:var(--navy-deep);}
  .t-card p{color:var(--slate);font-size:15px;}
  .t-card .tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}

  /* ---------- timeline: reclaim card width on small screens ----------
     At 80px circle + 28px gap + 64px card padding, a 320px screen left the
     card only ~92px of actual text width, wrapping every line down to a
     couple of words and making each card 650px+ tall. Shrinking the circle,
     gap and padding here gives the text back most of the screen width. */
  @media (max-width:575.98px){
    .timeline::before{left:25px;}
    .t-item{grid-template-columns:52px minmax(0,1fr);gap:16px;}
    .t-idx{width:52px;height:52px;font-size:18px;border-width:3px;}
    .t-card{padding:20px 18px;}
    .t-card h3{font-size:18px;}
  }
  .t-card .tag-row span{font-family:var(--font-body);font-size:11.5px;letter-spacing:.03em;background:var(--paper);border:1px solid var(--line);color:var(--navy);border-radius:6px;padding:5px 10px;}


  /* ---------- commitment ---------- */
  .commitment{
    background:linear-gradient(165deg, var(--navy-deep), var(--navy) 60%, var(--navy-mid));
    border-radius:24px;padding:64px 56px;position:relative;overflow:hidden;
  }
  .commitment .grid-overlay{opacity:.5;}
  .commitment-inner{position:relative;z-index:2;max-width:760px;}
  .commitment h2{color:var(--white);font-size:clamp(28px,3.4vw,40px);margin-bottom:20px;}
  .commitment p{color:rgba(255,255,255,0.78);font-size:16.5px;margin-bottom:14px;}
  .commitment .accent{color:var(--yellow);}
  .commitment .accent2{color:var(--color-secondary);}

  /* ---------- cta band ---------- */
  .cta-band{background:var(--paper);position:relative;overflow:hidden;padding:80px 0;}
  .cta-band-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;}
  .cta-band h2{font-size:clamp(26px,3.2vw,38px);max-width:560px;color:var(--navy-deep);}
  .margin{margin-top: 0px !important;}
  

  .light {background: var(--white);  }
.reveal{opacity:1;transform:translateY(28px);transition:opacity .7s var(--ease), transform .7s var(--ease);}
  .reveal.in{opacity:1;transform:translateY(0);}
  .paper{background-color: #F4F8FC;}

  
  /* ---------- cta band ---------- */
  .cta-band{background:var(--paper);position:relative;overflow:hidden;padding:80px 0;}
  .cta-band-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;}
  .cta-band h2{font-size:clamp(26px,3.2vw,38px);max-width:560px;color:var(--navy-deep);}
  .cta-btn{font-family:var(--font-body);font-weight:700;letter-spacing:.02em;font-size:14.5px;text-transform:uppercase;padding:12px 24px;border-radius:8px;background:var(--yellow);color:var(--navy-deep);box-shadow:0 6px 18px rgba(254,215,91,0.25);transition:transform .2s var(--ease), box-shadow .2s var(--ease);display:inline-flex;align-items:center;gap:8px;}
  .cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(254,215,91,0.4);}
  .cta-btn.outline{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,0.35);box-shadow:none;}
  .cta-btn.outline:hover{border-color:var(--color-secondary);color:var(--color-secondary);}

  /*new css for home page*/

:root{
    --navy:#1C3B7D;
    --navy-deep:#0F2452;
    --navy-mid:#16306A;
    --cyan:#00AFEF;
    --yellow:#FED75B;
    --ink:#0B1220;
    --slate:#4A5670;
    --paper:#F4F8FC;
    --paper-2:#EAF1FA;
    --white:#FFFFFF;
    --line:rgba(28,59,125,0.12);
    --cyan-glow:rgba(0,175,239,0.35);
    --radius:14px;
    --font-body:'Inter', sans-serif;
    --ease:cubic-bezier(.22,.9,.3,1);
  }

#ampl-scope, #ampl-scope *{margin-top:0px;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
#ampl-scope{
    font-family:var(--font-body);
    color:var(--ink);
    background:var(--white);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
#ampl-scope img{max-width:100%;display:block;}
#ampl-scope a{text-decoration:none;color:inherit;}
#ampl-scope ul{list-style:none;}
#ampl-scope button{font-family:inherit;cursor:pointer;border:none;background:none;}
#ampl-scope :focus-visible{outline:3px solid var(--cyan);outline-offset:3px;}
#ampl-scope .container{max-width:1200px;margin:0 auto;padding:0 28px;margin-top: 20px; margin-bottom: 20px;}

#ampl-scope h1, #ampl-scope h2, #ampl-scope h3, #ampl-scope h4{font-family:var(--font-body);font-weight:700;letter-spacing:.01em;color:var(--navy-deep);}
#ampl-scope .eyebrow{
    font-family:var(--font-body);
    font-size:12.5px;
    letter-spacing:.22em;
    text-transform:uppercase;
    color:var(--white);
    display:flex;align-items:center;gap:10px;
    margin-bottom:14px;
    font-weight:600;
  }
  .faq-heading{max-width: 100% !important;}
  .faq-title{color: var(--cyan) !important;}
  .faq-title::before{background-color: var(--cyan) !important;}

  .wdu-title{color: var(--navy-deep) !important;}
  .wdu-title::before{background-color: var(--navy-deep) !important;}
#ampl-scope .eyebrow::before{
    content:"";
    width:22px;height:1.5px;background:var(--white);
    box-shadow:0 0 8px var(--white-glow);
  }
#ampl-scope .section-head{max-width:680px;margin-bottom:20px;}
#ampl-scope .section-head h2{font-size:clamp(30px,3.6vw,44px);line-height:1.1;color:var(--navy-deep);}
#ampl-scope .section-head p{margin-top:16px;color:var(--slate);font-size:16.5px;}
#ampl-scope section{position:relative;padding:40px 0;}
#ampl-scope .light{background:var(--white);}
#ampl-scope .paper{background:var(--paper);}
#ampl-scope #approach{background: #00afefc2;}

  /* ---------- signal divider (conveyor pulse) ---------- */
#ampl-scope .pulse-divider{
    position:relative;height:2px;width:100%;
    background:linear-gradient(90deg, transparent, var(--line) 15%, var(--line) 85%, transparent);
    overflow:hidden;
  }
#ampl-scope .pulse-divider::after{
    content:"";
    position:absolute;top:-3px;left:-10%;
    width:120px;height:8px;
    background:linear-gradient(90deg, transparent, var(--cyan), var(--yellow), transparent);
    filter:blur(2px);
    animation:travel 5.5s linear infinite;
  }
  @keyframes travel{
    0%{left:-10%;}
    100%{left:110%;}
  }

  /* ================= HEADER ================= */
#ampl-scope header{
    position:fixed;top:0;left:0;right:0;z-index:100;
    background:rgba(15,36,82,0.72);
    border-bottom:1px solid rgba(255,255,255,0.08);
    transition:background .3s var(--ease);
  }
#ampl-scope .nav-wrap{
    display:flex;align-items:center;justify-content:space-between;
    height:78px;
  }
#ampl-scope .brand{display:flex;align-items:center;gap:12px;}
#ampl-scope .brand img{height:42px;width:auto;filter:drop-shadow(0 0 10px rgba(0,175,239,0.25));}
#ampl-scope .brand-text{font-family:var(--font-body);color:var(--white);font-size:12px;letter-spacing:.08em;line-height:1.3;opacity:.85;}
#ampl-scope .brand-text strong{display:block;font-family:var(--font-body);font-size:16px;letter-spacing:.03em;color:var(--white);font-weight:700;}

#ampl-scope nav.primary-nav{display:flex;align-items:center;gap:34px;}
#ampl-scope nav.primary-nav a{
    font-family:var(--font-body);
    font-size:14.5px;font-weight:500;
    color:rgba(255,255,255,0.82);
    position:relative;padding:6px 0;
    transition:color .2s;
  }
#ampl-scope nav.primary-nav a:hover{color:var(--white);}
#ampl-scope nav.primary-nav a::after{
    content:"";position:absolute;left:0;bottom:0;height:2px;width:0;
    background:var(--cyan);box-shadow:0 0 8px var(--cyan-glow);
    transition:width .25s var(--ease);
  }
#ampl-scope nav.primary-nav a:hover::after{width:100%;}

#ampl-scope .cta-btn{
    font-family:var(--font-body);font-weight:700;letter-spacing:.02em;
    font-size:14.5px;text-transform:uppercase;
    padding:12px 24px;border-radius:8px;
    background:var(--yellow);color:var(--navy-deep);
    box-shadow:0 6px 18px rgba(254,215,91,0.25);
    transition:transform .2s var(--ease), box-shadow .2s var(--ease);
    display:inline-flex;align-items:center;gap:8px;
  }
#ampl-scope .cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(254,215,91,0.4);}
#ampl-scope .cta-btn.outline{
    background:transparent;color:var(--white);
    border:1.5px solid rgba(255,255,255,0.35);
    box-shadow:none;
  }
#ampl-scope .cta-btn.outline:hover{border-color:var(--cyan);color:var(--cyan);}

#ampl-scope .menu-toggle{display:none;width:26px;height:20px;position:relative;}
#ampl-scope .menu-toggle span{position:absolute;left:0;right:0;height:2px;background:#fff;transition:.25s var(--ease);}
#ampl-scope .menu-toggle span:nth-child(1){top:0;}
#ampl-scope .menu-toggle span:nth-child(2){top:9px;}
#ampl-scope .menu-toggle span:nth-child(3){top:18px;}
#ampl-scope .menu-toggle.open span:nth-child(1){transform:translateY(9px) rotate(45deg);}
#ampl-scope .menu-toggle.open span:nth-child(2){opacity:0;}
#ampl-scope .menu-toggle.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg);}

  /* ================= HERO ================= */
#ampl-scope .hero{display: block;
    position:relative;
    min-height:100vh;
    display:flex;align-items:center;
    background:
      radial-gradient(ellipse at 78% 18%, rgba(0,175,239,0.20), transparent 55%),
      radial-gradient(ellipse at 10% 90%, rgba(254,215,91,0.10), transparent 50%),
      linear-gradient(160deg, var(--navy-deep) 0%, var(--navy) 55%, var(--navy-mid) 100%);
    padding-top:78px;
    overflow:hidden;
  }
#ampl-scope .grid-overlay{
    position:absolute;inset:0;
    background-image:
      linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
    background-size:48px 48px;
    mask-image:radial-gradient(ellipse at 60% 40%, black 30%, transparent 78%);
    pointer-events:none;
  }

  /* animated radar / signal glyph, echoing the logo's signal-wave icon */
#ampl-scope .radar{
    position:absolute;right:-80px;top:52%;transform:translateY(-50%);
    width:640px;height:580px;pointer-events:none;
    opacity:.85;
  }
#ampl-scope .radar svg{width:100%;height:100%;}
#ampl-scope .radar .sweep{
    transform-origin:320px 320px;
    animation:spin 9s linear infinite;
  }
  @keyframes spin{to{transform:rotate(360deg);}}
  .radar .ring{
    stroke:rgba(0,175,239,0.28);
    fill:none;stroke-width:1;
  }
#ampl-scope .radar .arc{
    fill:none;stroke:var(--cyan);stroke-width:2.5;stroke-linecap:round;
    filter:drop-shadow(0 0 6px var(--cyan-glow));
    animation:pulseArc 2.6s var(--ease) infinite;
  }
#ampl-scope .radar .arc.a2{animation-delay:.35s;stroke:var(--yellow);opacity:.9;}
#ampl-scope .radar .arc.a3{animation-delay:.7s;}
  @keyframes pulseArc{
    0%,100%{opacity:.25;}
    50%{opacity:1;}
  }
#ampl-scope .radar .core{fill:var(--cyan);filter:drop-shadow(0 0 10px var(--cyan));animation:coreBeat 2.2s ease-in-out infinite;}
  @keyframes coreBeat{0%,100%{r:6;}50%{r:9;}}

#ampl-scope .hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;width:100%;}
#ampl-scope .hero-copy .eyebrow{color:var(--yellow);}
#ampl-scope .hero-copy .eyebrow::before{background:var(--yellow);box-shadow:0 0 8px rgba(254,215,91,.5);}
#ampl-scope .hero-copy h1{
    font-size:clamp(38px,5.4vw,66px);
    line-height:1.05;color:var(--white);
    margin-bottom:22px;
  }
#ampl-scope .hero-copy h1 em{
    font-style:normal;color:var(--cyan);
    text-shadow:0 0 30px rgba(0,175,239,0.55);
  }
#ampl-scope .hero-copy p.lead{
    color:rgba(255,255,255,0.72);font-size:17.5px;max-width:520px;margin-bottom:34px;
  }
#ampl-scope .hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:52px;}

#ampl-scope .badge-row{display:flex;flex-wrap:wrap;gap:14px 26px;}
#ampl-scope .badge-row span{
    font-family:var(--font-body);font-size:12.5px;color:rgba(255,255,255,0.65);
    display:flex;align-items:center;gap:8px;letter-spacing:.02em;
  }
#ampl-scope .badge-row span::before{content:"✓";color:var(--yellow);font-weight:700;}

  /* logo power-on panel in hero */
#ampl-scope .hero-panel{
    position:relative;z-index:2;
    background:rgba(255,255,255,0.05);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:20px;
    padding:38px 32px;
    -webkit-backdrop-filter:blur(4px) saturate(140%);
    backdrop-filter:blur(4px) saturate(140%);
  }
#ampl-scope .hero-panel .logo-stage{
    display:flex;align-items:center;justify-content:center;
    padding:26px 0 30px;
    position:relative;
  }
#ampl-scope .hero-panel .logo-stage img{
    width:150px;height:150px;
    animation:powerOn 3.4s var(--ease) infinite;
    border-radius:22px;
  }
  @keyframes powerOn{
    0%,100%{filter:drop-shadow(0 0 0 rgba(0,175,239,0));}
    8%{filter:drop-shadow(0 0 2px rgba(0,175,239,.2));}
    12%{filter:drop-shadow(0 0 0 rgba(0,175,239,0));}
    16%{filter:drop-shadow(0 0 26px rgba(0,175,239,.65));}
    22%{filter:drop-shadow(0 0 6px rgba(254,215,91,.35));}
    30%,90%{filter:drop-shadow(0 0 16px rgba(0,175,239,.35));}
  }
#ampl-scope .stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,0.1);border-radius:12px;overflow:hidden;}
#ampl-scope .stat{background:rgba(15,36,82,0.55);padding:18px 16px;text-align:center;}
#ampl-scope .stat .num{
    font-family:var(--font-body);font-weight:600;font-size:27px;color:var(--cyan);
    text-shadow:0 0 18px rgba(0,175,239,.5);
    letter-spacing:.02em;
  }
#ampl-scope .stat .lbl{font-family:var(--font-body);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,0.55);margin-top:6px;}

#ampl-scope .conveyor-strip{position:absolute;left:0;right:0;bottom:0;height:46px;overflow:hidden;opacity:.5;}
#ampl-scope .conveyor-strip .dashes{
    position:absolute;top:50%;left:0;width:220%;height:2px;
    background:repeating-linear-gradient(90deg, var(--cyan) 0 22px, transparent 22px 44px);
    animation:crawl 3.4s linear infinite;
  }
  @keyframes crawl{from{transform:translateX(0);}to{transform:translateX(-44px);}}

  /* ================= SERVICES ================= */

/* #ampl-scope .services-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
  }
#ampl-scope .service-card{
    background:#FED75B;
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:52px;
    position:relative;overflow:hidden;
    transition:transform .28s var(--ease), box-shadow .28s var(--ease), border-color .28s var(--ease);
  }
#ampl-scope .service-card::before{
    content:"";position:absolute;top:0;left:0;right:0;height:3px;
    background:linear-gradient(90deg,var(--cyan),var(--yellow));
    transform:scaleX(0);transform-origin:left;
    transition:transform .35s var(--ease);
  }
#ampl-scope .service-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(28,59,125,0.12);border-color:transparent;}
#ampl-scope .service-card:hover::before{transform:scaleX(1);}
#ampl-scope .service-icon{
    width:52px;height:82px;border-radius:12px;
    background:var(--navy-deep);
    display:flex;align-items:center;justify-content:center;
    margin-bottom:0px;
  }
#ampl-scope .service-icon svg{width:26px;height:26px;stroke:var(--cyan);}
#ampl-scope .service-card h3{font-size:20px;color:var(--navy-deep);margin-bottom:0px;}
#ampl-scope .service-card p{color:var(--slate);font-size:14.5px;}
#ampl-scope .service-card ul li{font-size:13.5px;color:var(--slate);padding-left:18px;position:relative;margin-bottom:6px;}
#ampl-scope .service-card ul li::before{content:"›";position:absolute;left:0;color:var(--cyan);font-weight:700;}
#ampl-scope .service-card .link{
    display:inline-flex;align-items:center;gap:6px;margin-top:18px;
    font-family:var(--font-body);font-size:12.5px;letter-spacing:.05em;color:var(--navy);font-weight:600;
  }
#ampl-scope .service-card .link svg{width:13px;height:13px;transition:transform .2s;}
#ampl-scope .service-card:hover .link svg{transform:translateX(4px);} */

#ampl-scope .services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    font-family: 'Inter', sans-serif;;
}
/* SERVICE CARD */
#ampl-scope .service-card {
    background: #FED75B;
    border: 1px solid var(--line);
    border-radius: 14px;
    /* Target image spacing */
    padding: 32px 28px 30px;
    position: relative;
    overflow: hidden;
    min-height: 250px;
    box-sizing: border-box;
    transition:
        transform .28s var(--ease),
        box-shadow .28s var(--ease),
        border-color .28s var(--ease);
}
/* TOP BLUE/CYAN LINE */
#ampl-scope .service-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--cyan),
        var(--yellow)
    );
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .35s var(--ease);
}
/* HOVER */
#ampl-scope .service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(28, 59, 125, 0.12);
    border-color: transparent;
}
#ampl-scope .service-card:hover::before {
    transform: scaleX(1);
}
/* SERVICE ICON */
#ampl-scope .service-icon {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: var(--navy-deep);
    display: flex;
    align-items: center;
    justify-content: center;

    /* IMPORTANT:
       Keeps icon on the TOP-LEFT */
    position: static;
    float: none;
    margin: 0 0 20px 0;
    box-sizing: border-box;
}
/* ICON SVG */
#ampl-scope .service-icon svg {
    width: 26px;
    height: 26px;
    stroke: var(--cyan);
}
/* CARD HEADING */
#ampl-scope .service-card h3 {
    font-size: 20px;
    line-height: 1.3;
    color: var(--navy-deep);
    margin: 0 0 10px 0;
}
/* CARD DESCRIPTION */
#ampl-scope .service-card p {
    color: var(--slate);
    font-size: 14.5px;
    line-height: 1.65;
    margin: 0 0 0 0;
    margin-bottom: 10px;
}
/* LIST */
#ampl-scope .service-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* LIST ITEMS */
#ampl-scope .service-card ul li {
    font-size: 13.5px;
    line-height: 1.5;
    color: var(--slate);
    padding-left: 18px;
    position: relative;
    margin-bottom: 6px;
}
/* BLUE ARROW */
#ampl-scope .service-card ul li::before {
    content: "›";
    position: absolute;
    left: 0;
    color: var(--cyan);
    font-weight: 700;
}
/* LEARN DETAILS LINK */
#ampl-scope .service-card .link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 18px;
    font-family: var(--font-body);
    font-size: 12.5px;
    letter-spacing: .05em;
    color: var(--navy);
    font-weight: 600;
}
/* LINK ARROW */
#ampl-scope .service-card .link svg {
    width: 13px;
    height: 13px;
    transition: transform .2s;
}
/* LINK HOVER */
#ampl-scope .service-card:hover .link svg {
    transform: translateX(4px);
}


  /* ================= APPROACH ================= */    
#ampl-scope .approach-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;}
#ampl-scope .approach-wrap::before{
    content:"";position:absolute;top:26px;left:5%;right:5%;height:1px;
    background:repeating-linear-gradient(90deg, var(--cyan) 0 8px, transparent 8px 16px);
    opacity:.4;
  }
#ampl-scope .step{padding:20px;position:relative;background:var(--navy-deep);margin-right: 10px;border-radius: 10px;}
#ampl-scope .step .idx{display: block;
    font-family:var(--font-body);font-size:13px;color:var(--white);
    width:52px;height:52px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;margin-bottom:22px;
    position:relative;z-index:1; font-weight:600;
  }
#ampl-scope .step:nth-child(2) .idx{background:var(--navy);}
#ampl-scope .step:nth-child(3) .idx{background:var(--cyan);color:var(--navy-deep);}
#ampl-scope .step:nth-child(4) .idx{background:var(--yellow);color:var(--navy-deep);}
#ampl-scope .step h3{font-size:18px;margin-bottom:10px;color:var(--white);}
#ampl-scope .step p{font-size:14px;color:var(--white);}

  /* ================= ABOUT ================= */
#ampl-scope .about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center;}
#ampl-scope .about-visual{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/5;background:var(--navy-deep);}
#ampl-scope .about-visual .icon-field{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
#ampl-scope .about-visual .glow-ring{
    width:70%;aspect-ratio:1;border-radius:50%;
    border:1px solid rgba(0,175,239,.3);
    display:flex;align-items:center;justify-content:center;
    animation:ringPulse 4s ease-in-out infinite;
  }
  @keyframes ringPulse{0%,100%{box-shadow:0 0 0 0 rgba(0,175,239,.18);}50%{box-shadow:0 0 0 22px rgba(0,175,239,0);}}
  .about-visual img.mark{width:46%;filter:drop-shadow(0 0 24px rgba(0,175,239,.4));}
#ampl-scope .about-copy .pillars{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0 30px;min-width:0;}
#ampl-scope .pillar{background:var(--navy);border-radius:12px;padding:20px;min-width:0;}
#ampl-scope .pillar h4{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--white);margin-bottom:8px;}
#ampl-scope .pillar p{font-size:14px;color:var(--white);}
#ampl-scope .about-copy p.body{color:var(--slate);margin-bottom:16px;font-size:15.5px;}
#ampl-scope .cert-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;}
#ampl-scope .cert-row span{
    font-family:var(--font-body);font-size:11.5px;letter-spacing:.06em;
    border:1px solid var(--line);border-radius:6px;padding:6px 12px;color:var(--navy);font-weight:600;
  }
#ampl-scope #industries{background: var(--navy);}
#ampl-scope #industries h2, #ampl-scope .industries-para{color: white !important;}
  /* ================= INDUSTRIES ================= */
#ampl-scope .industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
#ampl-scope .industry-card{
    background:#FED75B;
    border-radius:var(--radius);padding:28px 24px;/*min-height:230px;*/
    display:flex;flex-direction:column;justify-content:flex-end;
    position:relative;overflow:hidden;
  }
#ampl-scope .industry-card::after{
    content:"";position:absolute;top:-40%;right:-40%;width:80%;height:80%;
    opacity:0;transition:opacity .3s;
  }
#ampl-scope .industry-card:hover::after{opacity:1;}
#ampl-scope .industry-card .num{font-family:var(--font-body);color:var(--yellow);font-size:12px;letter-spacing:.1em;position:absolute;top:22px;left:24px;display: none;;}
#ampl-scope .industry-card h3{color:var(--navy);font-size:19px;margin-bottom:10px;position:relative;}
#ampl-scope .industry-card p{color: var(--navy);font-size:13.5px;position:relative;}

  /* ================= TESTIMONIALS ================= */
#ampl-scope .testi-track-wrap{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent);mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent);}
#ampl-scope .testi-track{display:flex;gap:22px;width:max-content;animation:scrollX 32s linear infinite;}
#ampl-scope .testi-track:hover{animation-play-state:paused;}
  @keyframes scrollX{from{transform:translateX(0);}to{transform:translateX(-50%);}}
  .testi-card{
    width:360px;flex:0 0 auto;background:var(--white);border:1px solid var(--line);
    border-radius:var(--radius);padding:28px;
  }
#ampl-scope .stars{color:var(--yellow);font-size:14px;letter-spacing:2px;margin-bottom:14px;}
#ampl-scope .testi-card p{color:var(--slate);font-size:14.5px;margin-bottom:20px;}
#ampl-scope .testi-who{display:flex;align-items:center;gap:12px;}
#ampl-scope .avatar{width:38px;height:38px;border-radius:50%;background:var(--navy-deep);color:var(--white);font-family:var(--font-body);font-size:13px;display:flex;align-items:center;justify-content:center;font-weight:600;}
#ampl-scope .testi-who strong{display:block;font-size:14px;color:var(--navy-deep);}
#ampl-scope .testi-who span{font-size:12.5px;color:var(--slate);}

  /* ================= FAQ ================= */
#ampl-scope #faq{background: #fff;}
#ampl-scope /*.faq-list{max-width:820px;}*/
#ampl-scope .faq-item{border-bottom:1px solid var(--line);}
#ampl-scope .faq-q{
    width:100%;display:flex;align-items:center;justify-content:space-between;
    padding:22px 4px;text-align:left;font-family:var(--font-body);font-weight:600;font-size:17px;color:var(--navy-deep);
  }
#ampl-scope .faq-q .plus{width:24px;height:24px;position:relative;flex:0 0 auto;}
#ampl-scope .faq-q .plus::before, #ampl-scope .faq-q .plus::after{content:"";position:absolute;background:var(--navy);top:50%;left:50%;transform:translate(-50%,-50%);transition:.25s var(--ease);}
#ampl-scope .faq-q .plus::before{width:14px;height:2px;}
#ampl-scope .faq-q .plus::after{width:2px;height:14px;}
#ampl-scope .faq-item.open .plus::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0;}
#ampl-scope .faq-item.open .plus::before{background:var(--cyan);}
#ampl-scope .faq-a{max-height:0;overflow:hidden;transition:max-height .35s var(--ease);}
#ampl-scope .faq-a p{padding:0 4px 22px;color:var(--slate);font-size:14.5px;max-width:700px;}

  /* ================= CTA BAND ================= */
#ampl-scope .cta-band{
    background:linear-gradient(120deg, var(--navy-deep), var(--navy) 60%, var(--navy-mid));
    position:relative;overflow:hidden;padding:50px 0;
  }
#ampl-scope .cta-band .grid-overlay{opacity:.5;}
#ampl-scope .cta-band-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;}
#ampl-scope .cta-band h2{color:var(--white);font-size:clamp(26px,3.2vw,38px);max-width:560px;}
#ampl-scope .cta-band .eyebrow{color:var(--yellow);}
#ampl-scope .cta-band .eyebrow::before{background:var(--yellow);}

  /* ================= FOOTER ================= */
#ampl-scope footer{background:var(--navy-deep);color:rgba(255,255,255,0.7);padding:76px 0 26px;}
#ampl-scope .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:56px;}
#ampl-scope .footer-brand img{height:44px;margin-bottom:18px;}
#ampl-scope .footer-brand p{font-size:14px;color:rgba(255,255,255,0.55);max-width:280px;}
#ampl-scope footer h4{font-family:var(--font-body);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:18px;}
#ampl-scope footer ul li{margin-bottom:11px;}
#ampl-scope footer ul li a{font-size:14px;color:rgba(255,255,255,0.68);transition:color .2s;}
#ampl-scope footer ul li a:hover{color:var(--yellow);}
#ampl-scope .foot-contact li{font-size:14px;color:rgba(255,255,255,0.68);margin-bottom:14px;line-height:1.5;}
#ampl-scope .foot-contact a{color:rgba(255,255,255,0.85);}
#ampl-scope .foot-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:rgba(255,255,255,0.45);}
#ampl-scope .socials{display:flex;gap:12px;}
#ampl-scope .socials a{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,0.18);display:flex;align-items:center;justify-content:center;font-size:12px;transition:.2s;}
#ampl-scope .socials a:hover{background:var(--cyan);border-color:var(--cyan);color:var(--navy-deep);}

  /* ================= REVEAL ================= */
#ampl-scope .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease), transform .7s var(--ease);}
#ampl-scope .reveal.in{opacity:1;transform:translateY(0);}

  @media (prefers-reduced-motion: reduce){
#ampl-scope, #ampl-scope *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;}
html{scroll-behavior:auto;}
  }

  /* ================= RESPONSIVE ================= */
  @media (max-width:1080px){
#ampl-scope .hero-inner{grid-template-columns:1fr;}
#ampl-scope .radar{opacity:.35;width:480px;height:480px;}
#ampl-scope .services-grid{grid-template-columns:repeat(2,1fr);}
#ampl-scope .approach-wrap{grid-template-columns:repeat(2,1fr);row-gap:36px;}
#ampl-scope .approach-wrap::before{display:none;}
#ampl-scope .about-grid{grid-template-columns:1fr;}
#ampl-scope .industry-grid{grid-template-columns:repeat(2,1fr);}
#ampl-scope .footer-grid{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:760px){
#ampl-scope nav.primary-nav{
      position:fixed;top:78px;left:0;right:0;bottom:0;
      background:var(--navy-deep);
      flex-direction:column;align-items:flex-start;
      padding:34px 28px;gap:22px;
      transform:translateX(100%);transition:transform .3s var(--ease);
      overflow-y:auto;
    }
#ampl-scope nav.primary-nav.open{transform:translateX(0);}
#ampl-scope nav.primary-nav a{font-size:17px;}
#ampl-scope .menu-toggle{display:block;}
#ampl-scope .hero-actions{flex-direction:column;align-items:flex-start;}
#ampl-scope .services-grid{grid-template-columns:1fr;}
#ampl-scope .approach-wrap{grid-template-columns:1fr;}
#ampl-scope .industry-grid{grid-template-columns:1fr;}
#ampl-scope .footer-grid{grid-template-columns:1fr;}
#ampl-scope .about-copy .pillars{grid-template-columns:1fr;}
#ampl-scope section{padding:64px 0;}
#ampl-scope .cta-band-inner{flex-direction:column;align-items:flex-start;}
  }
#ampl-scope .hero-banner{width:100%; height:100vh; overflow:hidden;padding: 0; }
#ampl-scope .hero-video{ width:100%; height:100%; object-fit:cover; z-index:0; }
#ampl-scope .hero-overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #00afefc2, transparent, transparent); 
    z-index: 1;
}

/*NEW ABOUT US PAGE CODE*/
  :root{
    --navy:#1C3B7D;
    --navy-deep:#0F2452;
    --navy-mid:#16306A;
    --cyan:#00AFEF;
    --yellow:#FED75B;
    --ink:#0B1220;
    --slate:#4A5670;
    --paper:#F4F8FC;
    --paper-2:#EAF1FA;
    --white:#FFFFFF;
    --line:rgba(28,59,125,0.12);
    --cyan-glow:rgba(0,175,239,0.35);
    --radius:14px;
    --font-body:'Inter', sans-serif;
    --ease:cubic-bezier(.22,.9,.3,1);
    --cyan-light:#00afefc2;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{font-family:var(--font-body);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
  img{max-width:100%;display:block;}
  a{text-decoration:none;color:inherit;}
  ul{list-style:none;}
  button{font-family:inherit;cursor:pointer;border:none;background:none;}
  :focus-visible{outline:3px solid var(--cyan);outline-offset:3px;}
  .container{max-width:1240px;margin:0 auto;padding:0 28px;}
  h1,h2,h3,h4{font-family:var(--font-body);font-weight:700;letter-spacing:.01em;color:var(--navy-deep);}
  .eyebrow{font-family:var(--font-body);font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:14px;font-weight:700;}
  .eyebrow::before{content:"";width:22px;height:1.5px;background:var(--white);box-shadow:0 0 8px var(--white-glow);}
  .section-head{max-width:700px;}
  .section-head h2{font-size:clamp(30px,3.6vw,44px);line-height:1.1;color:var(--color-dark);}
  .section-head p{margin-top:16px;color:var(--slate);font-size:16.5px;}
  section{position:relative;padding:56px 0;}
  .light{background:var(--white);}
  .paper{background:var(--yellow);}

  .pulse-divider{position:relative;height:2px;width:100%;background:linear-gradient(90deg, transparent, var(--line) 15%, var(--line) 85%, transparent);overflow:hidden;}
  .pulse-divider::after{content:"";position:absolute;top:-3px;left:-10%;width:120px;height:8px;background:linear-gradient(90deg, transparent, var(--cyan), var(--yellow), transparent);filter:blur(2px);animation:travel 5.5s linear infinite;}
  @keyframes travel{0%{left:-10%;}100%{left:110%;}}

  /* ---------- header ---------- */
  header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(15,36,82,0.92);border-bottom:1px solid rgba(255,255,255,0.08);}
  .nav-wrap{display:flex;align-items:center;justify-content:space-between;height:78px;}
  .brand{display:flex;align-items:center;gap:12px;}
  .brand img{height:42px;width:auto;filter:drop-shadow(0 0 10px rgba(0,175,239,0.25));}
  .brand-text{font-family:var(--font-body);color:var(--white);font-size:12px;letter-spacing:.08em;line-height:1.3;opacity:.85;}
  .brand-text strong{display:block;font-family:var(--font-body);font-size:16px;letter-spacing:.03em;color:var(--white);font-weight:700;}
  nav.primary-nav{display:flex;align-items:center;gap:34px;}
  nav.primary-nav a{font-family:var(--font-body);font-size:14.5px;font-weight:500;color:rgba(255,255,255,0.82);position:relative;padding:6px 0;transition:color .2s;}
  nav.primary-nav a:hover, nav.primary-nav a.active{color:var(--white);}
  nav.primary-nav a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--cyan);box-shadow:0 0 8px var(--cyan-glow);transition:width .25s var(--ease);}
  nav.primary-nav a:hover::after, nav.primary-nav a.active::after{width:100%;}
  .cta-btn{font-family:var(--font-body);font-weight:700;letter-spacing:.02em;font-size:14.5px;text-transform:uppercase;padding:12px 24px;border-radius:8px;background:var(--yellow);color:var(--navy-deep);box-shadow:0 6px 18px rgba(254,215,91,0.25);transition:transform .2s var(--ease), box-shadow .2s var(--ease);display:inline-flex;align-items:center;gap:8px;}
  .cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(254,215,91,0.4);}
  .cta-btn.outline{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,0.35);box-shadow:none;}
  .cta-btn.outline:hover{border-color:var(--cyan);color:var(--cyan);}
  .menu-toggle{display:none;width:26px;height:20px;position:relative;}
  .menu-toggle span{position:absolute;left:0;right:0;height:2px;background:#fff;transition:.25s var(--ease);}
  .menu-toggle span:nth-child(1){top:0;} .menu-toggle span:nth-child(2){top:9px;} .menu-toggle span:nth-child(3){top:18px;}
  .menu-toggle.open span:nth-child(1){transform:translateY(9px) rotate(45deg);}
  .menu-toggle.open span:nth-child(2){opacity:0;}
  .menu-toggle.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg);}

  /* ---------- page hero ---------- */
  .page-hero{position:relative;min-height:56vh;display:flex;align-items:flex-end;background:radial-gradient(ellipse at 82% 10%, rgba(0,175,239,0.22), transparent 55%),radial-gradient(ellipse at 6% 92%, rgba(254,215,91,0.10), transparent 50%),linear-gradient(160deg, var(--navy-deep) 0%, var(--navy) 55%, var(--navy-mid) 100%);padding-top:78px;overflow:hidden;}
  .grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 60% 30%, black 30%, transparent 78%);pointer-events:none;}
  .page-hero-inner{position:relative;z-index:2;padding-bottom :64px;width:100%;}
  .crumbs{font-family:var(--font-body);font-size:12.5px;letter-spacing:.06em;color:rgba(255,255,255,0.55);margin-bottom:22px;}
  .crumbs a{color:rgba(255,255,255,0.8);}
  .crumbs a:hover{color:var(--cyan);}
  .page-hero h1{font-size:clamp(36px,5.2vw,58px);color:var(--white);line-height:1.05;max-width:760px;}
  .page-hero h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 30px rgba(0,175,239,0.55);}
  .page-hero p.lead{color:rgba(255,255,255,0.72);font-size:17px;max-width:640px;margin-top:18px;}

  .signal-icon{position:absolute;right:6%;top:16%;width:220px;height:220px;opacity:.7;pointer-events:none;}
  .signal-icon svg{width:100%;height:auto;}
  .signal-icon .sweep{transform-origin:110px 110px;animation:spin 9s linear infinite;}
  @keyframes spin{to{transform:rotate(360deg);}}
  .signal-icon .ring{stroke:rgba(0,175,239,0.28);fill:none;stroke-width:1;}
  .signal-icon .arc{fill:none;stroke:var(--cyan);stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--cyan-glow));animation:pulseArc 2.6s var(--ease) infinite;}
  .signal-icon .arc.a2{animation-delay:.35s;stroke:var(--yellow);opacity:.9;}
  @keyframes pulseArc{0%,100%{opacity:.25;}50%{opacity:1;}}
  .signal-icon .core{fill:var(--cyan);filter:drop-shadow(0 0 10px var(--cyan));}

  /* ---------- intro / who we are ---------- */
  .about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center;}
  .about-visual{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/5;background:var(--navy-deep);}
  .about-visual .icon-field{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
  .about-visual .glow-ring{width:70%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(0,175,239,.3);display:flex;align-items:center;justify-content:center;animation:ringPulse 4s ease-in-out infinite;}
  @keyframes ringPulse{0%,100%{box-shadow:0 0 0 0 rgba(0,175,239,.18);}50%{box-shadow:0 0 0 22px rgba(0,175,239,0);}}
  .about-visual img.mark{width:46%;filter:drop-shadow(0 0 24px rgba(0,175,239,.4));}
  .about-copy p{color:var(--slate);font-size:15.5px;margin-bottom:16px;}
  .about-copy strong{color:var(--navy-deep);}

  /* ---------- vision / mission ---------- */
  .vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
  .vm-card{background:var(--navy-deep);border:1px solid var(--line);border-radius:var(--radius);padding:36px 32px;position:relative;overflow:hidden;transition:transform .28s var(--ease), box-shadow .28s var(--ease);}
  .vm-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--yellow));transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);}
  .vm-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(28,59,125,0.12);}
  .vm-card:hover::before{transform:scaleX(1);}
  .vm-icon{width:52px;height:52px;border-radius:12px;background:var(--paper);display:flex;align-items:center;justify-content:center;margin-bottom:22px;}
  .vm-icon svg{width:26px;height:26px;stroke:var(--cyan);}
  .vm-card h3{font-size:20px;margin-bottom:12px;color: var(--paper);}
  .vm-card p{color:var(--slate);font-size:15px;color: var(--paper);}

  /* ---------- pillars (R&D / mfg / QC) ---------- */
  .pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .pillar-card{background:#07bdff;border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;}
  .pillar-card .num{font-family:var(--font-body);color:var(--white);font-size:13px;letter-spacing:.1em;margin-bottom:14px;display:block;}
  .pillar-card h3{font-size:18px;margin-bottom:10px;}
  .pillar-card p{color:var(--slate);font-size:14px;}

  /* ---------- certifications ---------- */
  .cert-strip{background:linear-gradient(165deg, var(--navy-deep), var(--navy) 60%, var(--navy-mid));border-radius:24px;padding:56px;position:relative;overflow:hidden;}
  .cert-strip .grid-overlay{opacity:.5;}
  .cert-inner{position:relative;z-index:2;}
  .cert-inner .eyebrow{color:var(--yellow);}
  .cert-inner .eyebrow::before{background:var(--yellow);}
  .cert-inner h2{color:var(--white);font-size:clamp(26px,3vw,36px);max-width:600px;margin-bottom:36px;}
  .cert-badges{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
  .cert-badge{background:#00afef;border:1px solid rgba(255,255,255,0.14);border-radius:12px;padding:22px 14px;text-align:center;transition:.25s var(--ease);}
  .cert-badge:hover{background:rgba(0,175,239,0.14);border-color:var(--cyan);transform:translateY(-4px);}
  .cert-badge .mono{font-family:var(--font-body);font-weight:700;color:var(--white);font-size:15px;letter-spacing:.03em;margin-bottom:6px;}
  .cert-badge span.desc{display:block;font-size:11.5px;color:rgba(255,255,255,0.55);}

  /* ---------- focus / product range ---------- */
  .focus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
  .focus-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px;text-align:left;}
  .focus-card .fi{width:44px;height:44px;border-radius:10px;background:var(--paper-2);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
  .focus-card .fi svg{width:22px;height:22px;stroke:var(--navy);}
  .focus-card h4{font-size:15.5px;margin-bottom:8px;color:var(--navy-deep);}
  .focus-card p{font-size:13px;color:var(--slate);}

  /* ---------- cta band ---------- */
  
  .cta-band{background:#00afef;position:relative;overflow:hidden;padding:80px 0;}
  .cta-band-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;}
  .cta-band h2{font-size:clamp(26px,3.2vw,38px);max-width:610px;color:var(--navy-deep);}

  /* ---------- footer ---------- */
  footer{background:var(--navy-deep);color:rgba(255,255,255,0.7);padding:76px 0 26px;}
  .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:56px;}
  .footer-brand img{height:44px;margin-bottom:18px;}
  .footer-brand p{font-size:14px;color:rgba(255,255,255,0.55);max-width:280px;}
  footer h4{font-family:var(--font-body);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:18px;}
  footer ul li{margin-bottom:11px;}
  footer ul li a{font-size:14px;color:rgba(255,255,255,0.68);transition:color .2s;}
  footer ul li a:hover{color:var(--yellow);}
  .foot-contact li{font-size:14px;color:rgba(255,255,255,0.68);margin-bottom:14px;line-height:1.5;}
  .foot-contact a{color:rgba(255,255,255,0.85);}
  .foot-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:rgba(255,255,255,0.45);}
  .socials{display:flex;gap:12px;}
  .socials a{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,0.18);display:flex;align-items:center;justify-content:center;font-size:12px;transition:.2s;}
  .socials a:hover{background:var(--cyan);border-color:var(--cyan);color:var(--navy-deep);}

  .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease), transform .7s var(--ease);}
  .reveal.in{opacity:1;transform:translateY(0);}

  @media (prefers-reduced-motion: reduce){*{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;}html{scroll-behavior:auto;}}

  @media (max-width:1080px){
    .about-grid{grid-template-columns:1fr;}
    .pillar-grid{grid-template-columns:1fr 1fr;}
    .cert-badges{grid-template-columns:repeat(3,1fr);}
    .focus-grid{grid-template-columns:1fr 1fr;}
    .signal-icon{width:250px;height:250px;opacity:.4;}
    .footer-grid{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:760px){
    nav.primary-nav{position:fixed;top:78px;left:0;right:0;bottom:0;background:var(--navy-deep);flex-direction:column;align-items:flex-start;padding:34px 28px;gap:22px;transform:translateX(100%);transition:transform .3s var(--ease);overflow-y:auto;}
    nav.primary-nav.open{transform:translateX(0);}
    nav.primary-nav a{font-size:17px;}
    .menu-toggle{display:block;}
    section{padding:64px 0;}
    .vm-grid{grid-template-columns:1fr;}
    .pillar-grid{grid-template-columns:1fr;}
    .testi-grid{grid-template-columns:1fr;}
    .cert-badges{grid-template-columns:1fr;}
    .cert-strip{padding:36px 24px;}
    .focus-grid{grid-template-columns:1fr;}
    .cta-band-inner{flex-direction:column;align-items:flex-start;}
    .footer-grid{grid-template-columns:1fr;}
  }

  /*CONTACT US NEW*/

  /* Everything below is scoped under .cu1-demo so it can never touch
     the real site header and footer elsewhere on this page. */
  .cu1-demo{
    --bg: #12275a;
    --panel: #1c3b7d;
    --panel-2: #234a99;
    --line: #3457a3;
    --text: #f0f4fb;
    --muted: #a9bbe0;
    --amber: #fed75b;
    --amber-dim: #fed75b26;
    --teal: #00afef;
    --teal-dim: #00afef26;

    color:var(--text);
    font-family:'Inter', sans-serif;
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }
  .cu1-demo *{box-sizing:border-box; margin:0; padding:0;}
  .cu1-demo .contact-main{background:
      radial-gradient(1100px 600px at 85% -10%, #00afef33 0%, transparent 60%),
      var(--bg);}
  .cu1-demo a{color:inherit;}
  .cu1-demo .wrap{max-width:1180px; margin:0 auto; padding:0 32px;}

  /* HERO */
  .cu1-demo .hero{position:relative; z-index:1; padding:46px 0 72px; overflow:hidden;}

  /* animated radar / signal glyph, echoing the AMPL logo's signal-wave icon (same as About page) */
  .cu1-demo .hero .radar{
    position:absolute;right:-80px;top:48%;transform:translateY(-50%);
    width:640px;height:530px;pointer-events:none;
    opacity:.6;z-index:-1;
  }
  .cu1-demo .hero .radar svg{width:100%;height:100%;}
  .cu1-demo .hero .radar .sweep{
    transform-origin:320px 320px;
    animation:radarSpin 9s linear infinite;
  }
  @keyframes radarSpin{to{transform:rotate(360deg);}}
  .cu1-demo .hero .radar .ring{
    stroke:rgba(0,175,239,0.28);
    fill:none;stroke-width:1;
  }
  .cu1-demo .hero .radar .arc{
    fill:none;stroke:var(--cyan);stroke-width:2.5;stroke-linecap:round;
    filter:drop-shadow(0 0 6px var(--cyan-glow));
    animation:radarPulseArc 2.6s ease infinite;
  }
  .cu1-demo .hero .radar .arc.a2{animation-delay:.35s;stroke:var(--yellow);opacity:.9;}
  .cu1-demo .hero .radar .arc.a3{animation-delay:.7s;}
  @keyframes radarPulseArc{
    0%,100%{opacity:.25;}
    50%{opacity:1;}
  }
  .cu1-demo .hero .radar .core{fill:var(--cyan);filter:drop-shadow(0 0 10px var(--cyan));animation:radarCoreBeat 2.2s ease-in-out infinite;}
  @keyframes radarCoreBeat{0%,100%{r:6;}50%{r:9;}}

  @media (max-width:991.98px){
    .cu1-demo .hero .radar{opacity:.3;width:420px;height:420px;}
  }
  @media (max-width:575.98px){
    .cu1-demo .hero .radar{display:none;}
  }
  .cu1-demo .eyebrow{
    display:inline-flex; align-items:center; gap:10px;
    font-family:'Inter', monospace; font-size:12px; letter-spacing:.14em;
    color:var(--teal); text-transform:uppercase; margin-bottom:24px;
  }
  .cu1-demo .eyebrow::before{content:''; width:8px; height:8px; background:var(--teal); border-radius:50%; box-shadow:0 0 12px var(--teal);}
  .cu1-demo h1{
    font-family:'Inter', sans-serif; font-weight:900;
    font-size:clamp(36px, 5.2vw, 64px); line-height:1.04;
    letter-spacing:-.01em; max-width:820px;
    color: #f0f4fb;
  }
  .cu1-demo h1 .accent{color:var(--amber);}
  .cu1-demo .hero p.lead{
    margin-top:24px; max-width:640px; color:var(--muted); font-size:17px;
  }

  /* CONTACT STRIP — readout style */
  .cu1-demo .readout{
    position:relative; z-index:1;
    display:grid; grid-template-columns:repeat(3,1fr);
    border:1px solid var(--line); border-radius:8px; overflow:hidden;
    margin-top:48px;
  }
  .cu1-demo .readout a{
    display:block; padding:22px 24px; text-decoration:none; position: relative;
    border-right:1px solid var(--line);
    background:var(--panel); transition:.2s;
  }
  .cu1-demo .readout a:last-child{border-right:none;}
  .cu1-demo .readout a:hover{background:var(--panel-2);}
  .cu1-demo .readout .k{
    font-family:'Inter', monospace; font-size:11px; letter-spacing:.12em;
    color:var(--muted); text-transform:uppercase; display:flex; align-items:center; gap:8px;
  }
  .cu1-demo .readout .v{
    margin-top:8px; font-family:'Inter', sans-serif; font-weight:700; font-size:17px;
  }

  .cu1-demo section{position:relative; z-index:1; padding:22px 0;}
  .cu1-demo .section-head{margin-bottom:40px; display:flex; align-items:baseline; gap:16px;}
  .cu1-demo .tag{
    font-family:'Inter', monospace; font-size:12px; color:var(--amber);
    border:1px solid var(--amber-dim); background:var(--amber-dim);
    padding:4px 10px; border-radius:3px; letter-spacing:.08em;
  }
  .cu1-demo h2{font-family:'Inter', sans-serif; font-weight:800; font-size:clamp(24px,3vw,34px); color:#f0f4fb;}
  
  /* CAPABILITIES */
  .cu1-demo #capabilities{background: #FED75B;;}
  .cu1-demo #capabilities h2, .cu1-demo #capabilities span{color: #1c3b7d;}
  .cu1-demo .cap-grid{
    display:grid; grid-template-columns:repeat(3, 1fr); gap:1px;
    background:var(--line); border:1px solid var(--line); border-radius:8px; overflow:hidden;
  }
  .cu1-demo .cap{
    background:var(--panel); padding:22px 20px; font-size:14.5px;
    display:flex; gap:12px; align-items:flex-start;
  }
  .cu1-demo .cap .idx{
    font-family:'Inter', monospace; font-size:11px; color:var(--teal); margin-top:3px; flex-shrink:0;
  }

  /* ASSESSMENT / OUTCOMES */
  .cu1-demo #assessment{background: #fff;}
  .cu1-demo #assessment h2{color: #1c3b7d;}
  .cu1-demo #assessment p{color:#4A5670;}
  .cu1-demo .assess{
    display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start;
  }
  .cu1-demo .assess .copy p{color:var(--muted); margin-top:14px; font-size:15.5px;}
  .cu1-demo .outcomes{list-style:none;}
  .cu1-demo .outcomes li{
    display:flex; align-items:center; gap:14px;
    padding:14px 0; border-bottom:1px solid var(--line);
    font-size:15px;color: #4A5670; font-weight: 900;
  }
  .cu1-demo .outcomes li:last-child{border-bottom:none;}
  .cu1-demo .outcomes .chk{
    width:20px; height:20px; border-radius:50%; border:1.5px solid var(--teal);
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
    font-size:11px; color:#fff;background: var(--teal);
  }

  /* FORM */
  .cu1-demo .form-panel{
    background:#FED75B; border:1px solid var(--line); border-radius:10px;
    padding:44px; position:relative; overflow:hidden;
  }
 
  .cu1-demo form{display:grid; grid-template-columns:1fr 1fr; gap:22px 24px;}
  .cu1-demo .field{display:flex; flex-direction:column; gap:8px;}
  .cu1-demo .field.full{grid-column:1/-1;}
  .cu1-demo label{
    font-size:14px; letter-spacing:.08em;font-weight: 700;
    color:var(--bg); text-transform:uppercase;
  }
  .cu1-demo input, .cu1-demo select, .cu1-demo textarea{
    background:#fff; border:1px solid var(--line); border-radius:5px;
    padding:12px 14px; /*color:var(--text);*/ font-family:'Inter', sans-serif; font-size:14.5px;
    outline:none; transition:.15s;
  }
  .cu1-demo input:focus, .cu1-demo select:focus, .cu1-demo textarea:focus{border-color:var(--amber); box-shadow:0 0 0 3px var(--amber-dim);}
  .cu1-demo textarea{resize:vertical; min-height:46px;}
  .cu1-demo .radio-row{display:flex; gap:10px; flex-wrap:wrap;}
  .cu1-demo .radio-chip{
    font-family:'Inter', monospace; font-size:12.5px;
    border:1px solid var(--line); padding:9px 14px; border-radius:20px;
    color:var(--muted); cursor:pointer; transition:.15s; user-select:none;
  }
  .cu1-demo .radio-chip input{display:none;}
  .cu1-demo .radio-chip:has(input:checked){border-color:var(--amber); color:var(--amber); background:var(--amber-dim);}
  .cu1-demo .submit-row{grid-column:1/-1; display:flex; align-items:center; gap:20px; margin-top:6px;}
  .cu1-demo button.cta{
    font-weight:600; font-size:13px; letter-spacing:.08em;
    text-transform:uppercase; background:var(--bg); color:#fff; border:none;
    padding:15px 30px; border-radius:5px; cursor:pointer; transition:.15s;
  }
  .cu1-demo button.cta:hover{filter:brightness(1.08); transform:translateY(-1px);}
  .cu1-demo .form-note{font-size:12.5px; color:var(--muted);}

  /* WHY AMPL */
  .cu1-demo #why{background: #00afefc2;}
  .cu1-demo #why h2{color: #1c3b7d;}
  .cu1-demo .why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
  .cu1-demo .why-card{
    border:1px solid var(--line); border-radius:8px; padding:24px;
    background:#fff;
  }
  .cu1-demo .why-card .num{font-family:'Inter', monospace; color:var(--teal); font-size:12px;display: none;}
  .cu1-demo .why-card p{margin-top:10px; font-family:'Inter', sans-serif; font-weight:600; font-size:15.5px;    color: #4A5670;}

  @media (max-width: 860px){
    .cu1-demo .readout{grid-template-columns:1fr;}
    .cu1-demo .readout a{border-right:none; border-bottom:1px solid var(--line);}
    .cu1-demo .cap-grid{grid-template-columns:1fr 1fr;}
    .cu1-demo .assess{grid-template-columns:1fr;}
    .cu1-demo form{grid-template-columns:1fr;}
    .cu1-demo .why-grid{grid-template-columns:1fr;}
  }
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    .cu1-demo *{transition:none !important;}
  }
  html{scroll-behavior:smooth;}

  /*dropdown css*/

.field-row {
    display: flex;
    gap: 20px;
    width: 100%;
}
.field-row .field {
    flex: 1;
}
/* Dropdown styling */
.field-row select {
    width: 100%;
    height: 50px;
    padding: 14px 45px 14px 16px;
    font-size: 15px;
    font-family: inherit;
    color: #333;
    background-color: #fff;
    border: 1px solid #373284;
    border-radius: 5px;
    outline: none;
    cursor: pointer;
    transition: all 0.3s ease;
    appearance: none;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 14px;
}
.field-row select:hover {
    border-color: #aaa;
}
.field-row select:focus {
    border-color: #333;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);
}
/* Mobile responsive */
@media (max-width: 768px) {
    .field-row {
        flex-direction: column;
        gap: 15px;
    }
    .cu1-demo .form-panel {
        padding: 26px 18px;
    }
    .cu1-demo .hero {
        padding: 70px 0 48px;
    }
}
@media (max-width: 480px) {
    .cu1-demo .cap-grid {
        grid-template-columns: 1fr;
    }
    .cu1-demo .wrap {
        padding: 40px 18px;
    }
}

/* ---------- FAQs page hero fix ----------
   Scoped to .faqs-hero only, so it doesn't affect the other pages
   that reuse .page-hero / .hero / .radar for their own banners.
   Fixes: text sitting at the very bottom (align-items:flex-end) and
   the radar circle graphic being clipped by overflow:hidden. */
.cu1-demo .page-hero.faqs-hero{
  min-height: 0 !important;
  align-items: center !important;
  overflow: visible !important;
  padding-top: 0 !important;
}
.cu1-demo .faqs-hero .hero{
  overflow: visible !important;
  min-height: 420px !important;
  padding-left: 24px !important;
  display: flex !important;
  align-items: center !important;
}
.cu1-demo .faqs-hero .hero .radar{
  width: 600px !important;
  height: 600px !important;
  right: 0 !important;
  top: 61% !important;
}
@media (max-width: 991.98px){
  .cu1-demo .faqs-hero .hero{ min-height: 320px !important; }
  .cu1-demo .faqs-hero .hero .radar{ width: 300px !important; height: 300px !important; opacity: .3 !important; }
}
@media (max-width: 575.98px){
  .cu1-demo .faqs-hero .hero{ min-height: 260px !important; }
  .cu1-demo .faqs-hero .hero .radar{ display: none !important; }
}

/* ---------- Small-device overlap safety net ----------
   Stops any element from forcing horizontal scroll, and force-collapses
   every grid-based section on the homepage down to a single column on
  
#ampl-scope, #ampl-scope *{min-width:0;}

@media (max-width:480px){
  #ampl-scope .container{padding:0 18px;}
  #ampl-scope .hero-banner{height:100svh;}
  #ampl-scope .services-grid,
  #ampl-scope .approach-wrap,
  #ampl-scope .about-grid,
  #ampl-scope .industry-grid,
  #ampl-scope .footer-grid,
  #ampl-scope .about-copy .pillars,
  #ampl-scope .stat-grid{grid-template-columns:1fr !important;}
  #ampl-scope .cta-band-inner{flex-direction:column;align-items:flex-start;}
  #ampl-scope .hero-actions,
  #ampl-scope .badge-row,
  #ampl-scope .cert-row{flex-direction:column;align-items:flex-start;}
}

/* ---------- Fix: hero/page-hero text hidden behind fixed header on mobile ----------
   The fixed header's real height on small screens is taller than the 78px
   padding-top these sections assume (bigger touch targets + extra wrapper
   padding under 420px), so the eyebrow/heading text renders partly behind it. */
@media (max-width:767.98px){
  #ampl-scope .hero{padding-top:100px;}
  .page-hero{padding-top:100px;}
}
@media (max-width:420px){
  #ampl-scope .hero{padding-top:110px;}
  .page-hero{padding-top:110px;}
}

/* ---------- Our Approach page hero fix ----------
   Scoped to the plain .page-hero (no .faqs-hero modifier), so it doesn't
   affect the other pages that reuse .page-hero / .hero / .radar for their
   own banners. On small screens the eyebrow + heading + lead paragraph wrap
   onto several lines and no longer fit inside the 56vh box, so the top of
   the heading was being clipped by overflow:hidden and sitting behind the
   fixed header, exactly like the FAQs page did before its fix above. */
@media (max-width:767.98px){
  .cu1-demo .page-hero:not(.faqs-hero){
    height:auto;
    min-height:auto;
    overflow:visible;
  }
}
/* ---------- Fixed WhatsApp Chat Button ----------
   Fixed to the viewport (not the page), so it never scrolls with the
   content and cannot be dragged or moved. Always sits above all page
   content in the bottom-right corner. */
.wa-float-btn{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:99999;
  display:flex;
  align-items:center;
  gap:10px;
  background:#25D366;
  color:#ffffff;
  text-decoration:none;
  padding:12px 18px 12px 14px;
  border-radius:50px;
  box-shadow:0 6px 20px rgba(0,0,0,0.25);
  font-family:inherit;
  font-size:15px;
  font-weight:600;
  line-height:1;
  transition:transform .2s ease, box-shadow .2s ease;
  touch-action:manipulation;
}
.wa-float-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(0,0,0,0.3);
  color:#ffffff;
  text-decoration:none;
}
.wa-float-btn svg{
  width:36px;
  height:36px;
  flex-shrink:0;
}
.wa-float-btn__text{
  white-space:nowrap;
}
@media (max-width:576px){
  .wa-float-btn{
    right:16px;
    bottom:16px;
    padding:12px;
    border-radius:50%;
  }
  .wa-float-btn__text{
    display:none;
  }
}

/* Icon-only WhatsApp button override (no text label) */
.wa-float-btn{
  padding:5px;
  border-radius:50%;
}
.wa-float-btn__text{
  display:none;
}