:root{
  --navy:#0a1a33;
  --navy-2:#122A52;
  --navy-3:#071122;
  --orange:#f5a623;
  --orange-2:#ff8a00;
  --gold:#ffcf6b;
  --ink:#1c2433;
  --slate:#5c6779;
  --paper:#fbfaf7;
  --line:#e8e6df;
  --maxw:1180px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}

/* Hide the native scrollbar track/thumb across browsers. Scrolling itself
   (touch swipe, mouse wheel, keyboard, drag-select) keeps working exactly
   the same — only the visible bar is removed. */
html{
  scrollbar-width:none;       /* Firefox */
  -ms-overflow-style:none;    /* old Edge / IE */
}
html::-webkit-scrollbar{      /* Chrome, Safari, Android Chrome, new Edge */
  display:none;
  width:0;
  height:0;
}

body{
  font-family:'Poppins',sans-serif;
  color:var(--ink);
  background:var(--paper);
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit;}
img{display:block;max-width:100%;}
ul{list-style:none;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:11.5px;font-weight:700;letter-spacing:4px;text-transform:uppercase;
  color:var(--orange-2);
}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--orange-2);display:inline-block;}
h1,h2,h3,h4{font-family:'Poppins',sans-serif;color:var(--navy);}
.sec-title{
  font-size:clamp(28px,4vw,44px);
  font-weight:800;
  letter-spacing:-0.5px;
  line-height:1.1;
  margin:14px 0 18px;
}
.sec-title .accent{color:var(--orange-2);}
.sec-lede{font-size:15px;color:var(--slate);max-width:640px;line-height:1.8;font-weight:300;}
section{position:relative;}

/* ===== NAV ===== */
header.nav{
  position:sticky;top:0;z-index:50;
  background:rgba(10,26,51,0.94);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,0.08);
}
.nav-inner{
  max-width:var(--maxw);margin:0 auto;padding:16px 32px;
  display:flex;align-items:center;justify-content:space-between;
  position:relative;
}
.brand{display:flex;align-items:center;gap:12px;}
.brand img{width:47px;height:47px;border-radius:9px;}
.brand .btext{font-size:16px;font-weight:800;letter-spacing:1px;color:#fff;}
.brand .btext span{color:var(--orange);}
.brand{display:flex;align-items:center;max-width:fit-content;}
nav.links{display:flex;gap:26px;}
nav.links a{font-size:13px;font-weight:500;color:#cfd8e6;letter-spacing:0.3px;transition:color .2s;padding-bottom:4px;}
nav.links a:hover, nav.links a.active{color:var(--orange);border-bottom:2px solid var(--orange);}
.nav-cta{
  background:linear-gradient(135deg,var(--orange-2),var(--gold));
  color:var(--navy-3);font-weight:700;font-size:12.5px;
  padding:11px 22px;border-radius:30px;letter-spacing:0.3px;
}

.hamburger{
  display:none;
  flex-direction:column;
  gap:5px;
  background:none;
  border:none;
  cursor:pointer;
  padding:6px;
  z-index:60;
}
.hamburger span{
  width:24px;height:2px;background:#fff;border-radius:2px;transition:.3s;
}
.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.active span:nth-child(2){opacity:0;}
.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media(max-width:900px){
  nav.links{
    display:none;
    position:absolute;
    top:100%;left:0;right:0;
    background:var(--navy);
    flex-direction:column;
    padding:10px 32px 20px;
    gap:0;
    border-top:1px solid rgba(255,255,255,0.1);
  }
  nav.links.open{display:flex;}
  nav.links a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,0.08);}
  .nav-cta{display:none;}
  .hamburger{display:flex;}
}


/* ===== PAGE HERO (inner pages) ===== */
.page-hero{
  background:
    radial-gradient(ellipse 800px 420px at 85% -10%, rgba(245,166,35,0.22), transparent 60%),
    linear-gradient(160deg,#0a1a33 0%, #0d2044 55%, #071122 100%);
  color:#fff;padding:70px 0 58px;
}
.page-hero .eyebrow{color:var(--gold);}
.page-hero .eyebrow::before{background:var(--gold);}
.page-hero h1{color:#fff;font-size:clamp(30px,4.5vw,46px);font-weight:800;margin-top:12px;letter-spacing:-0.5px;}
.page-hero h1 span{color:var(--orange);}
.page-hero p{color:#c3ccdc;margin-top:14px;font-size:14.5px;max-width:600px;font-weight:300;line-height:1.7;}
.breadcrumb{font-size:11.5px;color:#9fb0c9;margin-bottom:6px;}
.breadcrumb a{color:#cfd8e6;}
.breadcrumb a:hover{color:var(--orange);}

/* ===== HOME HERO ===== */
.hero{
  background:
    radial-gradient(ellipse 900px 500px at 85% -10%, rgba(245,166,35,0.25), transparent 60%),
    radial-gradient(ellipse 700px 600px at 10% 110%, rgba(255,138,0,0.12), transparent 60%),
    linear-gradient(160deg,#0a1a33 0%, #0d2044 55%, #071122 100%);
  color:#fff;
  padding:110px 0 90px;
  overflow:hidden;
}
.hero .wrap{display:grid;grid-template-columns:1.1fr 0.9fr;gap:50px;align-items:center;}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  font-size:11px;letter-spacing:2.5px;text-transform:uppercase;font-weight:600;
  color:var(--gold);background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.15);
  padding:8px 16px;border-radius:30px;margin-bottom:26px;
}
.hero h1{
  font-size:clamp(34px,5vw,58px);font-weight:800;line-height:1.08;letter-spacing:-1px;color:#fff;
}
.hero h1 .grad{
  background:linear-gradient(100deg,var(--gold),var(--orange-2));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero p.lede{
  margin-top:22px;font-size:15.5px;color:#c3ccdc;line-height:1.85;max-width:480px;font-weight:300;
}
.hero-ctas{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap;}
.btn-primary{
  background:linear-gradient(135deg,var(--orange-2),var(--gold));
  color:var(--navy-3);font-weight:700;font-size:13.5px;
  padding:15px 28px;border-radius:10px;display:inline-flex;align-items:center;gap:8px;
  box-shadow:0 12px 30px rgba(245,166,35,0.25);border:none;cursor:pointer;
}
.btn-ghost{
  border:1px solid rgba(255,255,255,0.25);color:#fff;font-weight:600;font-size:13.5px;
  padding:15px 28px;border-radius:10px;
}
.btn-navy{
  background:var(--navy);color:#fff;font-weight:700;font-size:13.5px;
  padding:15px 28px;border-radius:10px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;
}
.hero-stats{display:flex;gap:28px;margin-top:52px;flex-wrap:wrap;}
.hero-stats div{border-left:2px solid rgba(255,255,255,0.15);padding-left:14px;}
.hero-stats .n{font-size:20px;font-weight:800;color:var(--orange);}
.hero-stats .l{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#9fb0c9;margin-top:3px;}

.hero-art{position:relative;}
.hero-art .frame{
  border-radius:20px;overflow:hidden;
  box-shadow:0 30px 70px rgba(0,0,0,0.45);
  border:1px solid rgba(255,255,255,0.12);
  transform:rotate(1.5deg);
}
.hero-art .frame img{width:100%;height:380px;object-fit:cover;}
.hero-art .float-card{
  position:absolute;bottom:-26px;left:-26px;
  background:#fff;color:var(--navy);
  border-radius:14px;padding:16px 20px;
  box-shadow:0 20px 40px rgba(0,0,0,0.25);
  display:flex;align-items:center;gap:12px;
  transform:rotate(-2deg);
}
.float-card .dot{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--orange-2),var(--gold));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px;}
.float-card .ft{font-size:12px;font-weight:700;}
.float-card .fs{font-size:10px;color:var(--slate);}

/* ===== STRIP ===== */
.strip{
  background:var(--navy);
  padding:16px 0;overflow:hidden;white-space:nowrap;
  border-top:1px solid rgba(255,255,255,0.08);
  border-bottom:3px solid var(--orange-2);
}
.strip .track{display:inline-block;animation:scroll 26s linear infinite;}
.strip span{
  display:inline-block;color:#cfd8e6;font-size:12.5px;letter-spacing:2px;
  text-transform:uppercase;font-weight:500;margin:0 26px;
}
.strip span b{color:var(--orange);}
@keyframes scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ===== GENERIC SECTION ===== */
.section{padding:90px 0;}
.section.dark{background:var(--navy);color:#fff;}
.section.dark .sec-lede{color:#aab6c9;}
.section.paper{background:var(--paper);}
.section.white{background:#fff;}

.achievements{
    background:#fff;
    padding:90px 0;
    text-align:center;
}
.achievement-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}
.achievement-card{
    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;
    padding:45px 20px;
    box-shadow:0 12px 30px rgba(10,26,51,.08);
    transition:.35s;
}
.achievement-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(10,26,51,.18);
    border-color:#ff8a00;
}
.achievement-card h3{
    font-size:64px;
    color:#ff8a00;   /* your orange */
    font-weight:800;
}
.achievement-card span{
    display:block;width:60px;height:3px;
    background:#0a1a33;   /* your navy underline */
    margin:0 auto 18px;
}
.achievement-card p{
    font-size:20px;font-weight:600;color:#0a1a33;
}
@media(max-width:991px){
  .achievement-grid{
    grid-template-columns:repeat(2,1fr);
    gap:25px;
  }
  .achievement-card h3{font-size:56px;}
  .achievement-card p{font-size:18px;}
}

@media(max-width:576px){
  .achievement-grid{
    grid-template-columns:1fr;
  }
  .achievement-card{padding:35px 20px;}
  .achievement-card h3{font-size:52px;}
}

/* ===== ABOUT ===== */
.about-preview-grid{
  display:grid;
  grid-template-columns:0.9fr 1.1fr;
  gap:60px;
  align-items:center;
}
.about-imgs{position:relative;height:420px;}
.about-imgs img{position:absolute;border-radius:16px;box-shadow:0 20px 45px rgba(10,26,51,0.18);object-fit:cover;}
.about-imgs .img-a{width:78%;height:300px;top:0;left:0;z-index:2;}
.about-imgs .img-b{width:56%;height:200px;bottom:0;right:0;z-index:3;border:6px solid var(--paper);}
.about-body p{font-size:14px;line-height:1.9;color:var(--slate);font-weight:300;margin-top:10px;}
.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;}
.mission-card{
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;
  border-top:3px solid var(--orange-2);
}
.mission-card h4{font-size:13px;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;}
.mission-card p{font-size:12.5px;margin:0;}

/* ===== SERVICES ===== */
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:46px;}
.svc-card{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.09);
  border-radius:16px;padding:26px 22px;
  transition:transform .25s, background .25s;
}
.svc-card:hover{background:rgba(255,255,255,0.08);transform:translateY(-4px);}
.svc-card .svc-num{font-size:12px;font-weight:800;color:var(--orange);letter-spacing:1px;margin-bottom:14px;}
.svc-card h4{color:#fff;font-size:15px;font-weight:600;margin-bottom:8px;letter-spacing:0.2px;}
.svc-card p{font-size:11.5px;color:#a9b4c6;line-height:1.7;font-weight:300;}
.svc-card ul{margin-top:12px;}
.svc-card li{font-size:10.5px;color:#c3ccdc;padding-left:16px;position:relative;margin-bottom:6px;}
.svc-card li::before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:700;}
.svc-card.light{background:#fff;border:1px solid var(--line);}
.svc-card.light h4{color:var(--navy);}
.svc-card.light p{color:var(--slate);}
.svc-card.light li{color:var(--ink);}
@media(max-width:980px){.svc-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.svc-grid{grid-template-columns:1fr;}}

/* ===== WHY US ===== */
.why-list{margin-top:8px;}
.why-row{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line);}
.why-row:first-child{padding-top:0;}
.why-mark{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:var(--orange);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;}
.why-row h4{font-size:14.5px;font-weight:600;margin-bottom:5px;}
.why-row p{font-size:12.5px;color:var(--slate);line-height:1.7;font-weight:300;}
/*=========================
     WHY FEATURE BOXES
==========================*/

.why-box-section{
    padding:90px 0;
    background:#fff;
}

.why-box-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.why-box{
    background:#fff;
    border-radius:22px;
    padding:45px 35px;
    text-align:center;
    border:1px solid #e8e8e8;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    transition:.35s;
}

.why-box:hover{
    transform:translateY(-8px);
    border-color:#ff8a00;
    box-shadow:0 18px 40px rgba(0,0,0,.18);
}

.why-icon{
    width:70px;
    height:70px;
    margin:0 auto 25px;
    border-radius:50%;
    background:#fff7ef;
    color:#ff8a00;
    font-size:34px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.why-box h3{
    color:#0a1a33;
    font-size:24px;
    font-weight:700;
    margin-bottom:18px;
}

.why-box p{
    color:#5c6779;
    font-size:16px;
    line-height:1.9;
}

@media(max-width:991px){
.why-box-grid{
grid-template-columns:1fr;
}
}

@media(max-width:576px){
.why-box{
padding:35px 25px;
}
.why-box h3{
font-size:20px;
}
.why-box p{
font-size:15px;
}
}

/* ===== TIMELINE / PROCESS ===== */
.timeline-h{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px;}
.t-card{position:relative;padding-left:0;}
.t-num{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--orange-2),var(--gold));color:var(--navy-3);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;margin-bottom:16px;}
.t-card h5{font-size:14px;font-weight:700;color:#fff;margin-bottom:6px;}
.t-card p{font-size:11.5px;color:#9fb0c9;line-height:1.7;font-weight:300;}
@media(max-width:900px){.timeline-h{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.timeline-h{grid-template-columns:1fr;}}

/* ===== GALLERY ===== */
.gal-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:44px;}
.gal-item{position:relative;border-radius:14px;overflow:hidden;height:220px;width:calc((100% - 32px)/3);}
.gal-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.gal-item:hover img{transform:scale(1.08);}
.gal-item .cap{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(to top, rgba(10,26,51,0.85), transparent);color:#fff;font-size:11px;letter-spacing:0.5px;font-weight:500;}
@media(max-width:900px){.gal-item{width:calc((100% - 16px)/2);}}
@media(max-width:560px){.gal-item{width:100%;}}

/* ===== INDUSTRIES ===== */
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px;}
.ind-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;}
.ind-ic{width:50px;height:50px;border-radius:12px;background:var(--navy);color:var(--orange);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px;}
.ind-card h4{font-size:14px;margin-bottom:8px;}
.ind-card p{font-size:12px;color:var(--slate);line-height:1.6;font-weight:300;}
@media(max-width:980px){.ind-grid{grid-template-columns:1fr 1fr;}}

/* ===== FAQ ===== */
.faq-list{margin-top:40px;max-width:820px;}
.faq-item{border-bottom:1px solid var(--line);}
.faq-q{
  width:100%;text-align:left;background:none;border:none;cursor:pointer;
  padding:20px 0;font-size:14.5px;font-weight:600;color:var(--navy);
  display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:'Poppins',sans-serif;
}
.faq-q .plus{font-size:20px;color:var(--orange-2);font-weight:300;transition:transform .25s;min-width:20px;text-align:center;}
.faq-item.open .plus{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.faq-item.open .faq-a{max-height:240px;}
.faq-a p{font-size:12.5px;color:var(--slate);line-height:1.8;padding-bottom:20px;font-weight:300;}

/* ===== AMC / CTA ===== */
.amc{
  margin:0 auto;max-width:var(--maxw);
  background:linear-gradient(120deg,var(--orange-2),var(--gold));
  border-radius:24px;padding:52px 56px;
  display:flex;align-items:center;justify-content:space-between;gap:30px;
  color:var(--navy-3);
}
.amc h3{font-size:26px;font-weight:800;max-width:520px;line-height:1.25;}
.amc p{font-size:13px;margin-top:10px;max-width:480px;font-weight:500;opacity:0.85;}
.amc a, .amc button{background:var(--navy-3);color:#fff;font-weight:700;font-size:13px;padding:16px 30px;border-radius:10px;white-space:nowrap;border:none;cursor:pointer;}
@media(max-width:820px){.amc{flex-direction:column;text-align:center;padding:40px 28px;} .amc a{margin-top:10px;}}

.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px;}
.plan-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 26px;position:relative;}
.plan-card.hi{background:var(--navy);color:#fff;border:none;}
.plan-card .badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--orange-2);color:var(--navy-3);font-size:10px;font-weight:800;letter-spacing:1px;padding:7px 16px;border-radius:20px;white-space:nowrap;}
.plan-card h3{font-size:19px;font-weight:800;letter-spacing:0.5px;}
.plan-card.hi h3{color:#fff;}
.plan-card .tag{font-size:11px;color:var(--slate);font-style:italic;margin-top:6px;}
.plan-card.hi .tag{color:#aab6c9;}
.plan-card ul{margin-top:22px;}
.plan-card li{font-size:12px;padding:8px 0;padding-left:24px;position:relative;border-bottom:1px solid var(--line);}
.plan-card.hi li{border-bottom:1px solid rgba(255,255,255,0.1);}
.plan-card li::before{content:"✓";position:absolute;left:0;color:var(--orange-2);font-weight:800;}
@media(max-width:980px){.plan-grid{grid-template-columns:1fr;}}

/* ===== CONTACT ===== */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:20px;}
.c-item{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);}
.c-item:first-child{padding-top:0;}
.c-ic{width:44px;height:44px;min-width:44px;border-radius:12px;background:var(--navy);color:var(--orange);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;}
.c-item .cl{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--slate);margin-bottom:3px;}
.c-item .cv{font-size:14.5px;font-weight:600;color:var(--navy);}

.form-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:0 20px 50px rgba(10,26,51,0.06);}
.form-card h3{font-size:19px;margin-bottom:6px;}
.form-card .sub{font-size:12px;color:var(--slate);margin-bottom:22px;}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
.f-group{margin-bottom:14px;}
.f-group label{display:block;font-size:11.5px;font-weight:600;color:var(--navy);margin-bottom:6px;}
.f-group input, .f-group select, .f-group textarea{
  width:100%;border:1px solid var(--line);border-radius:9px;padding:12px 14px;
  font-family:'Poppins',sans-serif;font-size:13px;color:var(--ink);background:var(--paper);
}
.f-group textarea{resize:vertical;min-height:100px;}
.f-group input:focus, .f-group select:focus, .f-group textarea:focus{outline:2px solid var(--orange-2);outline-offset:1px;background:#fff;}
.form-msg{padding:14px 16px;border-radius:10px;font-size:12.5px;margin-bottom:18px;}
.form-msg.success{background:#e8f7ee;color:#1a7f42;border:1px solid #b9e6c7;}
.form-msg.error{background:#fdecec;color:#b3271e;border:1px solid #f5c2bf;}
.map-note{margin-top:24px;font-size:11.5px;color:var(--slate);}

/* ===== FOOTER ===== */
footer.site-footer{background:var(--navy-3);color:#8b98ad;padding:60px 0 24px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,0.08);}
.footer-grid h5{color:#fff;font-size:13px;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;}
.footer-grid p{font-size:12px;line-height:1.8;color:#8b98ad;}
.footer-grid p a{color:#cfd8e6;text-decoration:underline;text-underline-offset:2px;transition:color .2s;}
.footer-grid p a:hover{color:var(--orange);}
.footer-grid ul li{margin-bottom:10px;}
.footer-grid ul a{font-size:12.5px;color:#aab6c9;transition:color .2s;}
.footer-grid ul a:hover{color:var(--orange);}
.fbrand{display:flex;align-items:center;gap:10px;color:#cfd8e6;font-weight:700;margin-bottom:14px;}
.fbrand img{width:35px;height:35px;border-radius:7px;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:22px;font-size:11px;flex-wrap:wrap;gap:10px;}
.footer-bottom a{text-decoration:underline;text-underline-offset:2px;transition:color .2s;}
.footer-bottom a:hover{color:var(--orange);}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;}}

/* Reserve room at the very bottom of the page so the fixed WhatsApp/chatbot
   buttons never sit on top of the copyright line once the user has
   scrolled all the way down (there's nothing below the footer for them to
   float over, so without this padding they visually overlap the text). */
footer.site-footer{
  padding-bottom:130px;
}
@media(max-width:576px){
  footer.site-footer{
    padding-bottom:100px;
  }
}
/*footer.site-footer{background:var(--navy-3);color:#8b98ad;padding:60px 0 24px;}*/
/*.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,0.08);}*/
/*.footer-grid h5{color:#fff;font-size:13px;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;}*/
/*.footer-grid p{font-size:12px;line-height:1.8;color:#8b98ad;}*/
/*.footer-grid ul li{margin-bottom:10px;}*/
/*.footer-grid ul a{font-size:12.5px;color:#aab6c9;transition:color .2s;}*/
/*.footer-grid ul a:hover{color:var(--orange);}*/
/*.fbrand{display:flex;align-items:center;gap:10px;color:#cfd8e6;font-weight:700;margin-bottom:14px;}*/
/*.fbrand img{width:30px;height:30px;border-radius:7px;}*/
/*.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:22px;font-size:11px;flex-wrap:wrap;gap:10px;}*/
/*@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;}}*/

/* ===== PAGE-LEVEL RESPONSIVE ===== */
@media(max-width:920px){
  .hero .wrap, .about-preview-grid, .contact-grid{grid-template-columns:1fr;}
  .about-imgs{height:320px;margin-bottom:20px;}
  .hero-art{margin-top:40px;}
  .f-row{grid-template-columns:1fr;}
}

/* WhatsApp button moved to the LEFT so it no longer stacks/overlaps with the
   chatbot widget, which sits at bottom-right (see screenshot). Scroll-top
   stays on the right since nothing else occupies that corner once WhatsApp
   moves away from it. */
.whatsapp-float{
  position:fixed;
  left:24px;
  bottom:94px;
  z-index:1000;
  width:58px;
  height:58px;
  background:#25D366;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 20px rgba(0,0,0,0.3);
  animation:pulse 2s infinite;
  transition:.25s;
}
.whatsapp-float:hover{
  background:#1da851;
  transform:scale(1.08);
}
@keyframes pulse{
  0%{box-shadow:0 8px 20px rgba(0,0,0,0.3),0 0 0 0 rgba(37,211,102,0.5);}
  70%{box-shadow:0 8px 20px rgba(0,0,0,0.3),0 0 0 14px rgba(37,211,102,0);}
  100%{box-shadow:0 8px 20px rgba(0,0,0,0.3),0 0 0 0 rgba(37,211,102,0);}
}

/*.scroll-top{*/
/*  position:fixed;*/
/*  right:24px;*/
/*  bottom:24px;*/
/*  z-index:999;*/
/*  width:50px;*/
/*  height:50px;*/
/*  background:var(--navy);*/
/*  border:2px solid rgba(255,166,35,0.4);*/
/*  border-radius:50%;*/
/*  display:flex;*/
/*  align-items:center;*/
/*  justify-content:center;*/
/*  cursor:pointer;*/
/*  opacity:0;*/
/*  visibility:hidden;*/
/*  transform:translateY(10px);*/
/*  transition:.3s;*/
/*  box-shadow:0 6px 16px rgba(0,0,0,0.25);*/
/*}*/
/*.scroll-top.show{*/
/*  opacity:1;*/
/*  visibility:visible;*/
/*  transform:translateY(0);*/
/*}*/
/*.scroll-top:hover{*/
/*  background:var(--orange-2);*/
/*  border-color:var(--orange-2);*/
/*}*/

/* Custom chat launcher — replaces Tawk's default bubble (which we hide via
   Tawk_API.hideWidget()) so we get a button that exactly matches the
   WhatsApp button's size and vertical position, just mirrored to the right
   side, with no ribbon/grabber graphic. */
.chat-float{
  position:fixed;
  right:24px;
  bottom:94px;
  z-index:1000;
  width:58px;
  height:58px;
  background:var(--navy);
  border:none;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 20px rgba(0,0,0,0.3);
  cursor:pointer;
  transition:.25s;
}
.chat-float:hover{
  background:var(--orange-2);
  transform:scale(1.08);
}
.chat-badge{
  position:absolute;
  top:-4px;
  right:-4px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#e63946;
  color:#fff;
  font-size:11px;
  font-weight:700;
  align-items:center;
  justify-content:center;
}
@media(max-width:576px){
  .chat-float{
    right:14px;
    bottom:70px;
    width:44px;
    height:44px;
  }
  .chat-float svg{
    width:20px;
    height:20px;
  }
}
@media(max-width:576px){
  .whatsapp-float{
    left:14px;
    bottom:70px;
    width:44px;
    height:44px;
  }
  .whatsapp-float svg{
    width:22px;
    height:22px;
  }
  /*.scroll-top{*/
  /*  right:14px;*/
  /*  bottom:16px;*/
  /*  width:40px;*/
  /*  height:40px;*/
  /*}*/
  /*.scroll-top svg{*/
  /*  width:18px;*/
  /*  height:18px;*/
  /*}*/
}