/* ==========================================================================
   TOKENS
   ========================================================================== */
:root{
  --navy:#0A2440;
  --navy-2:#0F3663;
  --navy-3:#123B72;
  --blue:#1E4FA3;
  --blue-2:#2E63C4;
  --blue-soft:#E7EFFC;

  --bg:#F4F7FB;
  --surface:#FFFFFF;
  --ink:#152238;
  --muted:#5B6B84;
  --line:#E3E9F2;
  --glass-bg:rgba(255,255,255,0.10);
  --glass-brd:rgba(255,255,255,0.24);
  --radius:18px;
  --ease:cubic-bezier(.22,.9,.25,1);


  --hero-accent:#0049afd1;

  --gold:#000;

    --gold-2:#0000;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter',sans-serif;
  color:var(--ink);
  background:var(--bg);
  overflow-x:hidden;
  line-height:1.7;
  width: 100%;
}
h1,h2,h3,h4,.font-head{
  font-family:'Poppins',sans-serif;
  font-weight:700;
  color:var(--navy);
  letter-spacing:-0.01em;
}
.font-sub, .eyebrow, .nav-link, .navbar-brand small, .badge-pill, .stat-label, .btn, .footer-h{
  font-family:'Barlow Condensed',sans-serif;
}
p, li, .font-body{font-family:'Inter',sans-serif;}


/* ==========================================================================
   PRELOADER
   ========================================================================== */
#preloader{
  position:fixed;inset:0;z-index:9999;
  background:radial-gradient(circle at 50% 40%,var(--navy-3),var(--navy) 70%);
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;
  transition:opacity .6s ease, visibility .6s ease;
}
#preloader.hide{opacity:0;visibility:hidden;pointer-events:none;}
.pre-ring-wrap{position:relative;width:14rem;height:14rem;display:flex;align-items:center;justify-content:center;}
.pre-ring{position:absolute;inset:0;border-radius:50%;border:3px solid rgba(92, 90, 90, 0.14);border-top-color:#fff;animation:spin 1.1s linear infinite;}
.pre-ring.r2{inset:14px;border-top-color:#fff;opacity:.6;animation-duration:1.6s;animation-direction:reverse;}
.pre-logo{width:56px;height:auto;position:relative;z-index:2;animation:pulseLogo 1.6s ease-in-out infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
@keyframes pulseLogo{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(.92);opacity:.75;}}
.pre-text{font-family:'Barlow Condensed',sans-serif;color:#fff;letter-spacing:.3em;font-size:.78rem;text-transform:uppercase;opacity:.8;}


/* ==========================================================================
   FIXED SIDE UI: WHATSAPP + BROCHURE (LEFT EDGE) / GO TO TOP
   ========================================================================== */
.side-fab-stack{
  position:fixed;top:130px;left:-10px;z-index:1200;
  display:flex;flex-direction:column;gap:10px;
}
.fab{
  width:52px;height:52px;border-radius:0 16px 16px 0;
  display:flex;align-items:center;justify-content:center;
  color:#fff;text-decoration:none;position:relative;
  box-shadow:4px 6px 18px -4px rgba(0,0,0,.25);
  transition:width .35s var(--ease), transform .3s var(--ease);
  overflow:hidden;white-space:nowrap;
}
.fab svg{width:24px;height:24px;flex:none;margin-left:14px;}
.fab .fab-label{
  font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:.86rem;
  letter-spacing:.03em;opacity:0;max-width:0;overflow:hidden;transition:all .35s var(--ease);margin-left:0;
}
.fab:hover{width:172px;transform:translateX(2px);transition: all 0.2s linear;}
.fab:hover .fab-label{opacity:1;max-width:140px;margin-left:10px;padding-right:14px;}
.fab-whatsapp{background:#199547;}
.fab-brochure{background:linear-gradient(135deg,var(--navy-3),var(--navy));border: 1px solid #ffffff5c;}

#goTopBtn{
  position:fixed;bottom:26px;right:26px;z-index:1200;
  width:50px;height:50px;border-radius:50%;
  background:var(--navy);color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 24px -6px rgba(10,36,64,.45);
  opacity:0;visibility:hidden;transform:translateY(16px);
  transition:all .4s var(--ease);
}
#goTopBtn.show{opacity:1;visibility:visible;transform:translateY(0);}
#goTopBtn:hover{background:var(--gold);color:#1a1200;transform:translateY(-4px);}
#goTopBtn svg{width:20px;height:20px;}

.wa-float-fixed{
  position:fixed;bottom:26px;left:26px;z-index:1150;display:none;
}
@media (max-width:576px){
  .side-fab-stack{top:96px;}
  .fab{width:46px;height:46px;}
  .fab svg{width:20px;height:20px;margin-left:12px;}
  .fab:hover{width:150px;}
}

/* ==========================================================================
   SCROLL REVEAL ANIMATIONS (no GSAP)
   ========================================================================== */
[data-reveal]{opacity:0;transform:translateY(38px);transition:opacity .8s var(--ease), transform .8s var(--ease);}
[data-reveal].in-view{opacity:1;transform:translateY(0);}
[data-reveal="fade"]{transform:none;}
[data-reveal="left"]{transform:translateX(-46px);}
[data-reveal="left"].in-view{transform:translateX(0);}
[data-reveal="right"]{transform:translateX(46px);}
[data-reveal="right"].in-view{transform:translateX(0);}
[data-reveal="scale"]{transform:scale(.88);}
[data-reveal="scale"].in-view{transform:scale(1);}
[data-reveal-delay="1"]{transition-delay:.1s;}
[data-reveal-delay="2"]{transition-delay:.22s;}
[data-reveal-delay="3"]{transition-delay:.34s;}
[data-reveal-delay="4"]{transition-delay:.46s;}
[data-reveal-delay="5"]{transition-delay:.58s;}

::selection{background:var(--blue);color:#fff;}


.section_heading_accent{
  color: var(--blue);
}