/* ══════════════════════════════════════════
   DESIGN TOKENS
   ══════════════════════════════════════════ */
:root {
  /* Palette */
  --night:     #08090C;
  --coal:      #111318;
  --slate:     #1A1D25;
  --iron:      #272B36;
  --steel:     #3A3F4E;
  --fog:       rgba(255,255,255,0.06);
  --mist:      rgba(255,255,255,0.12);
  --ghost:     rgba(255,255,255,0.40);
  --snow:      #FFFFFF;
  --cream:     #F4F0E8;
  --cream-dk:  #E8E3D8;
  --amber:     #C8922A;   /* signature copper-amber */
  --amber-lt:  #DBA848;
  --amber-gl:  rgba(200,146,42,0.14);
  --amber-bdr: rgba(200,146,42,0.28);
  --green-live:#22C55E;
  --brand-clr-bg:#EFF2F6; 
  --blue-main:#27397f; 
  --brand-color:#27397f; 

  --sec-pad: 60px 0px;

}

 


h1, h2, h3, h4 {

    font-family: 'Bebas Neue', sans-serif;

    letter-spacing: 0.04em;

}


/* ══════════════════════════════════════════
   RESET & BASE
   ══════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
body { font-family: var(--sans); background: var(--night); color: var(--snow); overflow-x: hidden; -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; }
a { text-decoration: none; color: inherit; }
button { font-family: inherit; }
 
.tag {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.18em;
  text-transform: uppercase; color: var(--amber); border: 1px solid var(--amber-bdr);
  background: var(--amber-gl); border-radius: 2px; padding: 5px 12px;
}
.tag-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--amber); }
.tag-dot.live { background: var(--green-live); box-shadow: 0 0 0 3px rgba(34,197,94,0.2); }

.eyebrow {
  font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.2em;
  text-transform: uppercase; color: var(--amber); display: flex; align-items: center; gap: 10px;
}
.eyebrow::before { content: ''; width: 20px; height: 1px; background: var(--amber); flex-shrink: 0; }
.eyebrow-dark { color: var(--amber); }

.sec-title {
      font-family: 'Bebas Neue', sans-serif; font-size: clamp(2.4rem, 4.5vw, 3.6rem);
  line-height: 1; letter-spacing: -0.01em; margin-top: 14px;
}
.sec-title em { font-style: italic; color: var(--amber); }
.sec-title.dark { color: var(--coal); }

.divline { width: 100%; height: 1px; background: var(--fog); }

/* ══════════════════════════════════════════
   SCROLL REVEAL
   ══════════════════════════════════════════ */
.rv  { opacity: 0; transform: translateY(30px); transition: opacity .7s ease, transform .7s ease; }
.rvl { opacity: 0; transform: translateX(-30px); transition: opacity .7s ease, transform .7s ease; }
.rvr { opacity: 0; transform: translateX(30px); transition: opacity .7s ease, transform .7s ease; }
.rv.on, .rvl.on, .rvr.on { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .rv, .rvl, .rvr { transition: none; opacity: 1; transform: none; }
}

/* ══════════════════════════════════════════
   HEADER
   ══════════════════════════════════════════ */
#hdr{position:fixed;top:0;left:0;width:100%;z-index:300;transition:.35s}
#hdr.solid{background:rgba(8,9,12,.98);box-shadow:0 10px 40px rgba(0,0,0,.3)}
#hdr .container{display:flex;align-items:center;justify-content:space-between}

.hdr-logo{position:relative;padding:12px 28px;background:linear-gradient(135deg,var(--snow),var(--cream));border-radius:0 0 18px 18px;box-shadow:0 10px 25px rgba(0,0,0,.15)}
.hdr-logo:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;}
.hdr-logo img{width:280px;display:block}

.hdr-right{display:flex;align-items:center;gap:14px}
.hdr-right span{color:var(--ghost);font-size:.75rem;font-weight:600;letter-spacing:2px}

.hdr-tel{display:flex;align-items:center;gap:8px;padding:10px 16px;text-decoration:none;color:var(--snow);font-weight:600;border:1px solid var(--mist);border-radius:50px;background:rgba(255,255,255,.03);transition:.3s}
.hdr-tel:before{content:"\f095";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--amber);font-size:12px}
.hdr-tel:hover{background:var(--amber);border-color:var(--amber);color:var(--night);transform:translateY(-2px)}

.hdr-social{display:flex;align-items:center;gap:8px;padding-left:18px;margin-left:8px;border-left:1px solid var(--mist)}
.hdr-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;text-decoration:none;color:var(--snow);border:1px solid var(--mist);background:rgba(255,255,255,.03);transition:.3s}
.hdr-social a:hover{background:var(--amber);border-color:var(--amber);color:var(--night);transform:translateY(-2px)}

.hdr-mob{display:none}

@media(max-width:991px){.hdr-logo{padding:0px 0px;background: transparent !important;box-shadow:none;display: flex; align-items: center; justify-content: center;} }




.hero{position:relative;height:100vh;overflow:hidden;background:var(--night);display:flex;align-items:end;justify-content:center;text-align:center}

.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.05)}

.hero-overlay{position:absolute;inset:0;}

.hero-content{position:relative;z-index:2;max-width:900px;padding:0 30px}

.hero-since-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid var(--amber-bdr);border-radius:50px;color:var(--amber-lt);font-size:.72rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:30px}

.tag-dot{width:8px;height:8px;border-radius:50%;background:var(--amber)}

.hero-h1{font-size:clamp(4rem,4vw,7rem);line-height:.9;font-weight:800;color:var(--snow);margin:0 0 25px}

.hero-h1 span{display:block;color:var(--amber);margin-top:10px}

.hero-sub{max-width:700px;margin:auto;color:rgba(255,255,255,.75);font-size:1.05rem;line-height:1.9}

.hero-line{width:120px;height:2px;background:var(--amber);margin: 20px auto 20px;position:relative}

.hero-line:before,.hero-line:after{content:"";position:absolute;top:50%;width:10px;height:10px;background:var(--amber);border-radius:50%;transform:translateY(-50%)}
.hero-line:before{left:-5px}
.hero-line:after{right:-5px}

@media(max-width:991px){
.hero-h1{font-size:40px}
.hero-sub{font-size:.95rem}
}
 
  .about-sec{padding:60px 0 60px;background:var(--snow);overflow:hidden}

.about-wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}

.about-media{position:relative}
.about-media img{width:100%;height:650px;object-fit:cover;border-radius:24px;display:block}
.about-media:before{content:"";position:absolute;top:-20px;left:-20px;width:160px;height:160px;border:2px solid var(--amber);z-index:-1}

.about-badge{position:absolute;left:30px;bottom:30px;display:flex;align-items:center;gap:10px;padding:14px 22px;background:rgba(8,9,12,.92);backdrop-filter:blur(10px);border-radius:60px;color:var(--snow);font-size:.8rem;letter-spacing:1px}
.about-badge span{width:10px;height:10px;border-radius:50%;background:var(--amber)}

.about-content .eyebrow{font-size:.75rem;font-weight:600;letter-spacing:3px;color:var(--amber);margin-bottom:18px;text-transform:uppercase}

.about-content h2{font-size:clamp(2.8rem,4vw,4.8rem);line-height:1;color:var(--night);margin-bottom:30px;font-weight:700}
.about-content h2 em{display:block;color:var(--amber);font-style:italic;font-weight:600;margin-top:8px}

.about-content p{font-size:1rem;line-height:1.9;color:rgba(8,9,12,.7);margin-bottom:20px}

.about-cert{margin-top:35px;padding-top:30px;border-top:1px solid rgba(0,0,0,.08)}
.about-cert img{max-width:220px}

@media(max-width:991px){
.about-wrap{grid-template-columns:1fr;gap:20px}
.about-media img{height:450px}
.about-content h2{font-size:2.5rem}
}

.certification-section{padding:60px 0 60px;background:linear-gradient(180deg,#f8fbff,#eef4fa);}
.certification-section h3{font-size:38px;font-weight:700;color:var(--blue-main);text-align:center;margin-bottom:50px}
.certification-section .col-lg-3{display:flex}
.certification-section a{width:100%;display:flex;flex-direction:column;background:#fff;border-radius:24px;padding:18px;text-decoration:none;box-shadow:0 15px 40px rgba(0,0,0,.08);transition:.4s ease;position:relative;overflow:hidden}
.certification-section a:before{content:'';position:absolute;top:0;left:0;width:100%;height:120px;background:linear-gradient(135deg,var(--blue-main),#1c7ed6)}
.certification-section a:hover{transform:translateY(-12px)}
.certification-section a img{height:220px;object-fit:cover; object-position:top; background:#fff;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.12);position:relative;z-index:2}
.certification-section a p{margin-top:15px;text-align:center;color:#667085;font-size:14px;line-height:1.7}
.certification-section a p strong{font-size:22px;color:#111827;margin-bottom:8px;font-family:'Merriweather',serif}
.certification-section a span{position:absolute;left:50%;bottom: 50%; transform: translate(-50%, 300px); z-index: 99; padding:10px 15px;border-radius:50px;background:linear-gradient(135deg,#f9b233,#ffcf5c);color:#111;font-size:13px;font-weight:700;opacity:0;visibility:hidden;transition:.35s ease;background:#f4f7fb;border:1px solid #e5e7eb;color:var(--blue-main);padding:12px 15px;border-radius:12px;font-size:13px;font-weight:700;text-align:center;transition:.3s}
.certification-section a:hover span{opacity:1;visibility:visible;transform:translate(-50%,0);background:var(--blue-main);color:#fff;border-color:var(--blue-main)}
@media(max-width:991.98px){.certification-section a img{height:200px}.certification-section a span{position:static;transform:none;opacity:1;visibility:visible;margin-top:15px;}.certification-section a:hover span{transform: unset;}}
@media(max-width:575.98px){.certification-section{padding:60px 0}.certification-section h3{font-size:30px;margin-bottom:35px}.certification-section a img{height:180px;width:90%}.certification-section a p strong{font-size:18px}}

 

.products-sec{padding:60px 0;background:var(--cream)}
.products-sec .sec-title {     font-family: 'Bebas Neue', sans-serif; font-size: clamp(2.4rem, 4.5vw, 3.6rem); line-height: 1; letter-spacing: -0.01em; margin-top: 14px;color: var(--night); }
.products-hd{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:30px}
.products-hd-right{max-width:450px}
.products-hd-right p{font-size:1rem;line-height:1.9;color:rgba(8,9,12,.65)}

.prod-layout{display:flex;flex-direction:column;gap:30px}

.prod-card{display:grid;grid-template-columns:420px 1fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.08);transition:.35s}
.prod-card:nth-child(even){grid-template-columns:1fr 420px}
.prod-card:nth-child(even) .prod-img-wrap{order:2}
.prod-card:hover{transform:translateY(-5px);box-shadow:0 25px 60px rgba(0,0,0,.12)}

.prod-img-wrap{position:relative;height:100%}
.prod-card-img{width:100%;height:100%;min-height:280px;object-fit:cover;transition:.6s}
.prod-card:hover .prod-card-img{transform:scale(1.08)}

.prod-cat-tag{position:absolute;top:20px;left:20px;padding:8px 16px;background:var(--amber);color:var(--night);font-size:.65rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-radius:50px}

.prod-body{padding:40px;display:flex;flex-direction:column;justify-content:center}
.prod-body h4{font-size:2rem;color:var(--night);margin-bottom:15px;font-weight:700}
.prod-body p{font-size:.95rem;line-height:1.9;color:#666;margin-bottom:25px}

.prod-link{display:inline-flex;align-items:center;gap:10px;color:var(--amber);font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none}
.prod-link:hover{gap:18px}

@media(max-width:991px){
.products-hd{flex-direction:column;align-items:flex-start;gap: 0;margin-bottom: 20px;}
.prod-card,.prod-card:nth-child(even){grid-template-columns:1fr}
.prod-card:nth-child(even) .prod-img-wrap{order:0}
.prod-body{padding:25px}
.prod-body h4{font-size:1.5rem}
}
.video-sec{position:relative;padding:60px 80px;background:var(--night);overflow:hidden}
.video-sec video{width:100%;height:650px;object-fit:cover;border-radius:30px;display:block;filter:brightness(.55)}
.video-overlay{position:absolute;inset:80px;display:flex;align-items:center;padding:60px}

.video-text { max-width: 520px; padding: 45px; background: rgba(8, 9, 12, .5); backdrop-filter: blur(0px); border: 1px solid var(--amber-bdr); border-radius: 24px; }

.video-text .eyebrow{color:var(--amber);letter-spacing:3px;text-transform:uppercase;font-size:.75rem;font-weight:600;margin-bottom:15px}

.video-text h2{font-size:clamp(2.5rem,4vw,4.5rem);line-height:1;color:var(--snow);margin-bottom:20px;font-weight:700}
.video-text h2 em{color:var(--amber);font-style:italic}

.video-text p{font-size:1rem;line-height:1.9;color:rgba(255,255,255,.75);margin-bottom: 0;}

.video-text:after{content:"";position:absolute;width:70px;height:70px;border:2px solid var(--amber);right:-20px;bottom:-20px}

@media(max-width:991px){
.video-sec{padding:20px}
.video-sec video{height:500px;border-radius:20px}
.video-overlay{inset:unset;padding:0px;position: relative;margin-top: 20px;}
.video-text{padding:16px}
.video-text h2{font-size:2rem}
}

/* ══════════════════════════════════════════
   WHY VARSHA
   ══════════════════════════════════════════ */
   .why-sec{padding:60px 0;background:linear-gradient(180deg,var(--cream) 0%,#fff 100%)}

.why-hd{display:grid;grid-template-columns:1fr 500px;gap:80px;align-items:center;margin-bottom:80px}
.why-hd img{width:100%;border-radius:30px}
.why-hd-note{font-size:1rem;line-height:1.9;color:rgba(8,9,12,.65);max-width:520px}

.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;position:relative}
.why-grid:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--amber-bdr);transform:translateX(-50%)}

.why-card{position:relative;background:#fff;padding:35px;border-radius:24px;box-shadow:0 15px 40px rgba(0,0,0,.06);transition:.35s}
.why-card:hover{transform:translateY(-8px)}

.why-card:before{content:"";position:absolute;top:35px;width:16px;height:16px;background:var(--amber);border-radius:50%;z-index:2}
.why-card:nth-child(odd):before{right:-38px}
.why-card:nth-child(even):before{left:-38px}

.why-icon{width:65px;height:65px;border-radius:18px;background:var(--amber-gl);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.why-icon i{font-size:1.3rem;color:var(--amber)}

.why-card h4{font-size:1.4rem;color:var(--night);margin-bottom:12px;font-weight:700}
.why-card p{font-size:.95rem;line-height:1.8;color:#666}

.vm-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:70px}
.vm-panel{padding:50px;border-radius:24px;overflow:hidden;position:relative}
.vm-panel.v-dark{background:var(--night)}
.vm-panel.v-amber{background:linear-gradient(135deg,var(--amber),var(--amber-lt))}
.vm-lbl{font-size:.75rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:20px}
.vm-panel.v-dark .vm-lbl{color:rgba(255,255,255,.4)}
.vm-panel.v-amber .vm-lbl{color:rgba(8,9,12,.55)}
.vm-panel p{font-size:.95rem;line-height:1.9}
.vm-panel.v-dark p{color:rgba(255,255,255,.75)}
.vm-panel.v-amber p{color:rgba(8,9,12,.75)}

@media(max-width:991px){
.why-hd,.why-grid,.vm-pair{grid-template-columns:1fr}
.why-grid:before{display:none}
.why-card:before{display:none}
.why-hd img{height:350px}
}
/* ══════════════════════════════════════════
   CERTIFICATIONS
   ══════════════════════════════════════════ */
   .certs-sec{padding:60px 0;background:linear-gradient(180deg,var(--night) 0%,var(--slate) 100%)}

.certs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px}

.cert-card{background:rgba(255,255,255,.03);backdrop-filter:blur(12px);border:1px solid var(--fog);border-radius:24px;padding:25px;text-align:center;transition:.4s;overflow:hidden}
.cert-card:hover{transform:translateY(-10px);border-color:var(--amber-bdr);box-shadow:0 20px 50px rgba(0,0,0,.25)}

.cert-img-box{height:220px;padding:15px;background:#fff;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.cert-img-box img{max-width:100%;max-height:100%;object-fit:contain;transition:.5s}
.cert-card:hover img{transform:scale(1.08)}

.cert-name{font-size:1.25rem;font-weight:700;color:var(--snow);margin-bottom:8px}
.cert-desc{font-size:.8rem;letter-spacing:1px;text-transform:uppercase;color:var(--ghost)}

.cta-banner{padding:60px 50px;border-radius:30px;background:linear-gradient(135deg,var(--amber),var(--amber-lt));display:flex;justify-content:space-between;align-items:center;gap:40px}

.cta-banner-l h3{font-size:clamp(2rem,4vw,3.5rem);line-height:1;color:var(--night);margin-bottom:12px;font-weight:800}
.cta-banner-l p{font-size:1rem;color:rgba(8,9,12,.7)}

.cta-banner-r{display:flex;gap:15px;flex-wrap:wrap}

.cta-tel-btn{display:flex;align-items:center;gap:12px;padding:16px 24px;background:rgba(8,9,12,.12);border:1px solid rgba(8,9,12,.15);border-radius:60px;text-decoration:none;transition:.3s}
.cta-tel-btn:hover{background:var(--night);transform:translateY(-3px)}
.cta-tel-btn:hover i,.cta-tel-btn:hover span{color:var(--snow)}

.cta-tel-btn i{font-size:1rem;color:var(--night)}
.cta-tel-btn span{font-size:.95rem;font-weight:700;color:var(--night)}
.cert-img-box{ position:relative; overflow:hidden; } 

.cert-overlay{ position:absolute; inset:0; background:rgba(8,9,12,.75); display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transition:.35s; } 
.cert-overlay span{ display:inline-flex; align-items:center; gap:10px; padding:12px 22px; background:var(--amber); color:var(--night); font-size:.75rem; font-weight:700; letter-spacing:1px; text-transform:uppercase; border-radius:50px; transform:translateY(15px); transition:.35s; } 
.cert-card:hover .cert-overlay{ opacity:1; visibility:visible; } 
.cert-card:hover .cert-overlay span{ transform:translateY(0); }

@media(max-width:991px){
.certs-grid{grid-template-columns:1fr 1fr}
.cta-banner{padding:40px 20px;flex-direction:column;align-items:flex-start; text-align: center;gap: 0px}
}

@media(max-width:767px){
.certs-grid{grid-template-columns:1fr}
}

/* ══════════════════════════════════════════
   CLIENTS
   ══════════════════════════════════════════ */
   .clients-sec{padding:60px 0;background:linear-gradient(180deg,var(--night) 0%,var(--coal) 100%)}
   .clients-sec .eyebrow{justify-content: center;}
   .clients-hd{text-align:center;max-width:700px;margin:0 auto 70px}
   .clients-hd p{font-size:1rem;line-height:1.8;color:var(--ghost);margin-top:15px}
   .seg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
   .seg-card{background:rgba(255,255,255,.03);border:1px solid var(--fog);border-radius:24px;padding: 20px 12px;transition:.35s;height:100%}
   .seg-card:hover{transform:translateY(-8px);border-color:var(--amber-bdr);box-shadow:0 20px 40px rgba(0,0,0,.25)}
   .seg-head{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}
   .seg-icon{width:50px;height:50px;border-radius:16px;background:var(--amber-gl);border:1px solid var(--amber-bdr);display:flex;align-items:center;justify-content:center;flex-shrink:0}
   .seg-icon i{font-size:1.3rem;color:var(--amber)}
   .seg-name{font-size:1rem;font-weight:700;color:var(--snow);line-height:1.3}
   .seg-type{font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--ghost);margin-top:4px}
   .seg-rule{display:none}.client-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.05)}
   .client-row:last-child{border-bottom:none}
   .cdot{width:6px;height:6px;border-radius:50%;background:var(--amber);flex-shrink:0}
   .cname{font-size:.85rem;line-height:1.6;color:rgba(255,255,255,.75)}
   .more-lbl{display:block;margin-top:12px;font-size:.72rem;font-style:italic;color:var(--amber)}
   @media(max-width:991px){.seg-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.seg-grid{grid-template-columns:1fr}}
/* ══════════════════════════════════════════
   FOOTER
   ══════════════════════════════════════════ */
   .footer{background:var(--coal);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:220px;background:linear-gradient(180deg,var(--amber-gl),transparent)}

.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px;padding:60px 0 30px;position:relative;z-index:2}

.footer-brand{padding:40px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:30px; height: fit-content;}
.footer-brand img{max-width:260px}
.footer-desc{font-size:.9rem;line-height:1.9;color:rgba(255,255,255,.65)}

.f-social{display:flex;gap:12px;margin-top:25px}
.f-social a{width:48px;height:48px;border-radius:14px;background:var(--night);display:flex;align-items:center;justify-content:center;color:var(--amber);transition:.35s}
.f-social a:hover{background:var(--amber);color:var(--night);transform:rotate(10deg)}

.f-col-title{font-size:1.1rem;font-weight:700;color:var(--snow);margin-bottom:25px}

.f-contact-item{display:flex;gap:15px;margin-bottom:22px}
.f-contact-item i{color:var(--amber);font-size:1rem;margin-top:5px}
.f-contact-item span,.f-contact-item a{line-height:1.8;color:rgba(255,255,255,.65)}
.f-contact-item a:hover{color:var(--amber)}

.f-prod-link{display:flex;align-items:center;gap:12px;padding:14px 18px;margin-bottom:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:14px;color:rgba(255,255,255,.7);transition:.35s}
.f-prod-link i{color:var(--amber)}
.f-prod-link:hover{background:var(--amber);color:var(--night);border-color:var(--amber);transform:translateX(8px)}
.f-prod-link:hover i{color:var(--night)}

.footer-btm{margin-top:20px;padding:25px 0;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}
.footer-btm span{font-size:.8rem;color:rgba(255,255,255,.4)}
.footer-btm a{padding:10px 18px;background:var(--amber);border-radius:50px;color:var(--night);font-size:.75rem;font-weight:700}

@media(max-width:991px){
.footer-main{grid-template-columns:1fr;gap:30px;padding:70px 0 40px}
.footer-brand img{display: none;}
.footer-brand{padding:20px}
.footer-btm a{margin-left: 10px; bottom: -5px;position: relative;}
}
/* ══════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════ */
@media (max-width: 1100px) {
  .hero { grid-template-columns: 1fr; }
  .hero-panel-r { height: 380px; } 
  .about-top { grid-template-columns: 1fr; gap: 44px; }
  .about-sticky { position: static; }
  .prod-layout { grid-template-columns: 1fr 1fr; }
  .why-grid { grid-template-columns: 1fr 1fr; }
  .certs-grid { grid-template-columns: 1fr 1fr; }
  .seg-grid { grid-template-columns: 1fr 1fr; }
  .footer-main { grid-template-columns: 1fr 1fr; gap: 44px; }
  .footer-brand { grid-column: 1 / -1; }
  .why-hd { grid-template-columns: 1fr; gap: 16px;margin-bottom: 20px;}
}
@media (max-width: 768px) {
  #hdr { padding: 10px 0px ; overflow: hidden;backdrop-filter: unset;}
  #hdr.solid { background-color: #fff;}
  #hdr.solid .hdr-right span {color: var(--amber);font-weight: 700;}
  section{overflow: hidden;}
  .hdr-tel::after{display: none !important; }
  .hdr-logo img { width: 85%;}
  .hdr-right {flex-direction: column; gap: 5px;display: none !important;}
  #hdr.solid .hdr-tel {color: var(--coal);}
  .hdr-social { display: none; }
  .hdr-mob { display: flex; align-items: center; gap: 10px; }
  .hdr-mob a {  font-size: 0.72rem; color: var(--amber); display: flex; align-items: center; gap: 6px; }
  .hero{flex-direction: column;height: auto;}
  .hero-panel-l { padding: 110px 24px 0; }
  .hero-cert-cell { min-width: 50%; border-bottom: 1px solid var(--fog); }
  .prod-layout { grid-template-columns: 1fr; }
  .why-grid { grid-template-columns: 1fr; }
  .vm-pair { grid-template-columns: 1fr; }
  .certs-grid { grid-template-columns: 1fr 1fr; }
  .seg-grid { grid-template-columns: 1fr; }
  .cta-banner { grid-template-columns: 1fr; }
  .cta-banner-r { flex-direction: row; border-left: none;  }
  .cta-tel-btn { border-bottom: none; border-right: 1px solid rgba(8,9,12,.15); flex: 1; justify-content: center; }
  .cta-tel-btn:last-child { border-right: none; }
  .footer-main { grid-template-columns: 1fr; gap: 36px; } 
  .about-band-inner { flex-wrap: wrap; }
  .about-band-item { min-width: 50%; padding: 16px 20px; border-bottom: 1px solid var(--fog); }
  .footer-btm{display:block; text-align: center; }
  .sec-title br{display: none;}
  .about-cert { padding-top: 0px; } 
  .hero-overlay { position: absolute; inset: 0; background: unset;}
  .vm-pair{margin-top: 30px;}
  .hero-content{padding: 0 30px 50px;}
  #hdr .container{justify-content: center;}
  .hero-photo {  display: none; }
  .about-content p, .products-hd-right p, .prod-body p, .video-text p, .why-hd-note, .why-card p, .vm-panel p{line-height: unset;}
  .cta-tel-btn{padding: 16px 20px;}
  .cta-tel-btn i{display: none;}
  .clients-hd {margin: 0 auto 30px; }
  .about-sec{padding-bottom: 40px;}
  
  
}
@media (max-width: 480px) {
  .certs-grid { grid-template-columns: 1fr; }
  .hero-cert-cell { min-width: 100%; } 
  .cta-tel-btn { border-right: none; border-bottom: 1px solid rgba(8,9,12,.15); }
} 


.mobile-call-strip{position:fixed;left:5px;right:5px;bottom:5px;display:none;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:#27397f;color:#fff;font-size:12px;font-weight:600;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.18);z-index:9999}
.mobile-call-strip a{color:#fff;text-decoration:none;white-space:nowrap}
.mobile-call-strip span{color:#fff}
@media(max-width:767px){.mobile-call-strip{display:flex}body{padding-bottom:60px}}

#backToTop{position:fixed;right:20px;bottom:20px;width:42px;height:42px;border:0;border-radius:50%;background:var(--blue-main);color:var(--text-color-white);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translateY(15px);transition:.3s;z-index:9999}
#backToTop.show{opacity:1;visibility:visible;transform:translateY(0)}
#backToTop:hover{transform:translateY(-3px)}
@media(max-width:768px){#backToTop{width:38px;height:38px;font-size:16px;right:15px;bottom:60px}}