:root{
      --brand: #990000;
      --dark-900: #0d0d0f;
      --dark-700: #1b1b1d;
      --muted: #adb1b6;
      --max-width: 1200px;
    }

    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      font-family: 'Barlow', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
      color: #fff;
      margin:0;
      background: #0a0a0a;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
    }

    /* HEADER */
    .site-header{
      width:100%;
      transition: all .28s ease;
      z-index:1030;
      background: transparent;
    }
    .site-header .navbar{
      padding: 1rem 0;
      transition: padding .25s ease, background .25s ease, box-shadow .25s ease;
    }

    .site-header.sticky{
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      background: rgba(8,8,9,0.95);
      box-shadow: 0 6px 20px rgba(2,2,2,0.45);
      padding: .5rem 0;
      backdrop-filter: blur(4px);
    }

    .brand-logo img{height:55px; width:auto; display:block;}

    .nav-link{
      color: rgba(255,255,255,0.92);
      font-weight:600;
      padding: .5rem 0.8rem;
      transition: color .15s ease, transform .12s ease;
      font-size: .95rem;
    }
    .nav-link:hover{color: var(--brand); transform:translateY(-1px);}

    /* CTA in header (desktop) */
    .nav-cta{
      background: var(--brand);
      color: #fff;
      padding: .55rem .9rem;
      border: 0;
      font-weight:700;
      text-transform:uppercase;
      border-radius:0; /* sharp edges */
      box-shadow: 0 6px 18px rgba(153,0,0,0.14);
    }
    .nav-cta:hover{background:#b20000; color:#fff}

    /* custom mobile toggler */
    .mobile-toggler{
      display:flex;
      align-items:center;
      gap:.6rem;
      border:0;
      background:transparent;
      color:#fff;
      font-weight:700;
      padding: .35rem .5rem;
    }

    .mobile-toggler .icon{
      width:40px;
      height:40px;
      display:inline-grid;
      place-items:center;
      border:2px solid rgba(255,255,255,0.12);
      border-radius:4px;
      transition: all .2s ease;
      background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
    }

    /* full width mobile menu panel */
    .mobile-panel{
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      background: linear-gradient(180deg, rgba(8,8,8,0.98), rgba(2,2,2,0.96));
      transform: translateY(-100%);
      transition: transform .36s cubic-bezier(.2,.95,.25,1);
      z-index: 1050;
      padding: 3.5rem 1.5rem;
      display:flex;
      flex-direction:column;
    }
    .mobile-panel.show{
      transform: translateY(0);
    }
    .mobile-panel .close-btn{
      margin-left:auto;
      font-size:1.1rem;
      color: #fff;
      border:0;
      background:transparent;
    }

    .mobile-panel nav a{
      display:block;
      padding: .9rem 0;
      font-size:1.25rem;
      color: #fff;
      font-weight:600;
      border-bottom: 1px solid rgba(255,255,255,0.03);
    }
    .mobile-panel .mobile-cta{
      margin-top: 1.6rem;
      align-self:stretch;
      padding: .9rem 1rem;
      background: var(--brand);
      color:#fff;
      border-radius:0;
      border:0;
      font-weight:700;
    }

    /* HERO */
    .hero{
      min-height: calc(100vh - 84px);
      display:flex;
      align-items:center;
      justify-content:center;
      position:relative;
      overflow:hidden;
    }

    .hero__bg{
      position:absolute;
      inset:0;
      background-image: url('/assets/img/hero-bg.jpg?1a');
      background-size:cover;
      background-position:center;
      z-index:0;
      transform: scale(1.02);
    }

    /* dark overlay */
    .hero__overlay{
      position:absolute;
      inset:0;
      background: linear-gradient(180deg, rgba(6,6,6,0.55), rgba(3,3,3,0.75));
      z-index:1;
    }

    .hero-content{
      position:relative;
      z-index:2;
      text-align:center;
      padding: 3rem 1.1rem;
      width:100%;
      max-width: var(--max-width);
    }

    .hero h1{
      font-family: 'Philosopher', serif;
      font-size: clamp(2.6rem, 6.5vw, 4rem);
      line-height:1.02;
      margin:0 0 .6rem 0;
      color: #fff;
      letter-spacing: -0.6px;
      font-weight:700;
      text-transform: none;
    }

    .hero .tagline{
      color: #f4f4f4;
      font-weight:600;
      font-size: clamp(1.05rem,2.2vw,1.25rem);
      margin-bottom:1rem;
      opacity:0.95;
    }

    .hero p.lead{
      color: #e8e8e8;
      max-width: 820px;
      margin: 0 auto 1.6rem auto;
      font-size:1rem;
      line-height:1.65;
      font-weight:400;
      opacity:0.95;
    }

    .hero .cta{
      display:inline-block;
      padding: .85rem 1.25rem;
      background: var(--brand);
      color: #fff;
      border:0;
      font-weight:700;
      text-transform:uppercase;
      border-radius:0; /* sharp */
      box-shadow: 0 10px 30px rgba(153,0,0,0.16);
      transition: transform .12s ease, box-shadow .12s ease;
      letter-spacing: .6px;
    }
    .hero .cta:hover{ transform:translateY(-3px); box-shadow: 0 14px 36px rgba(153,0,0,0.22);}

    /* subtle accent line */
    .hero .accent{
      display:block;
      height:3px;
      width:78px;
      background: linear-gradient(90deg, var(--brand), rgba(255,255,255,0.06));
      margin: 1.6rem auto 0;
      opacity:.98;
    }

    /* FOOTER */
    footer.site-footer{
      background: linear-gradient(180deg, #070707, #0f0f10);
      color: rgba(255,255,255,0.86);
      padding: 3.5rem 0;
      margin-top:0;
    }
    footer a{color:rgba(255,255,255,0.88); text-decoration:none}
    footer a:hover{color:var(--brand)}
    .footer-brand img{height:66px}
    .small-muted{color:var(--muted); font-size:.95rem}

    /* Responsive tweaks */
    @media (max-width:991.98px){
      .hero{min-height:calc(100vh - 74px)}
      .brand-logo img{height:55px}
      .nav-link{display:none}
    }
    @media (max-width:575.98px){
      .hero p.lead{font-size:.98rem; padding:0 8px}
      .mobile-toggler .icon{width:38px;height:38px}
    }
  



  /* Overview section (scoped) */
  .overview-section {
    padding: 5.2rem 0;
    background: #ffffff;
    color: #0b0b0b;
    font-family: 'Barlow', sans-serif;
  }

  .overview-section .container { max-width: 1200px; }

  .overview-inner {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 2.4rem;
    align-items: center;
  }

  .pbp__title {
    font-family: 'Philosopher', serif;
    font-size: 2rem;
    color: #0b0b0b;
    margin: 0 0 .6rem 0;
    font-weight: 700;
  }

  .overview-section .intro {
    color: rgba(11,11,11,0.9);
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 1rem;
  }

  .subhead {
    font-family: 'Philosopher', serif;
    font-size: 1.05rem;
    margin: 1.1rem 0 .5rem 0;
    color: #222;
  }

  .subhead-img {
    display: block;
    max-width: 220px;
    width: 100%;
    height: auto;
    margin: 0 0 1rem 0;
    border-radius: 4px;
    box-shadow: 0 8px 30px rgba(9,9,10,0.06);
  }

  /* pbp list styles (match your design system) */
  .pbp__list {
    list-style: none;
    padding-left: 0;
    margin: 0 0 1.2rem 0;
  }

  .pbp__list--check li {
    position: relative;
    padding-left: 36px;
    margin-bottom: .9rem;
    color: rgba(10,10,10,0.9);
    line-height: 1.6;
  }

  .pbp__list--check li:before {
    content: "\2713";
    position: absolute;
    left: 0;
    top: 0.12rem;
    background: #990000;
    color: #fff;
    width: 28px;
    height: 28px;
    display: inline-grid;
    place-items: center;
    font-size: 14px;
    border-radius: 3px;
    box-shadow: 0 6px 16px rgba(153,0,0,0.12);
  }

  .overview-cta {
    display: inline-block;
    margin-top: 1.25rem;
    padding: .72rem 1.05rem;
    background: #990000;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: .4px;
    box-shadow: 0 10px 26px rgba(153,0,0,0.12);
  }

  .overview-cta:hover { background: #b20000; color: #fff; }

  /* visual card */
  .overview-visual .card-visual {
    background: linear-gradient(180deg, #fafafa, #fff);
    border: 1px solid rgba(11,11,11,0.04);
    padding: 0;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 18px 40px rgba(10,10,10,0.06);
  }

  .overview-visual img {
    display: block;
    width: 100%;
    height: 320px;
    object-fit: cover;
  }

  .card-caption {
    padding: 1rem;
    background: #fff;
  }

  .card-caption strong {
    display: block;
    color: #0b0b0b;
    font-family: 'Philosopher', serif;
    margin-bottom: .3rem;
  }

  .card-caption p {
    margin: 0;
    color: rgba(11,11,11,0.75);
    font-size: .95rem;
  }

  /* Responsive */
  @media (max-width: 991.98px) {
    .overview-inner { grid-template-columns: 1fr; gap: 1.6rem; }
    .overview-visual .card-visual img { height: 220px; }
    .subhead-img { max-width: 180px; }
  }

  /* Dark-mode safe fallback if user prefers dark */
  @media (prefers-color-scheme: dark) {
    .overview-section { background: #0f0f10; color: #e9e9e9; }
    .pbp__title, .subhead, .card-caption strong { color: #fff; }
    .pbp__list--check li { color: #e6e6e6; }
    .pbp__list--check li:before { background: #990000; }
    .overview-visual .card-visual { background: linear-gradient(180deg,#0b0b0c,#0d0d0d); border-color: rgba(255,255,255,0.03); }
    .overview-visual img { filter: brightness(.78) contrast(.98); }
    .card-caption p { color: rgba(255,255,255,0.72); }
  }




  /* WHY CHOOSE US - LIGHT GREY SECTION */
.why-section {
  background: #f4f4f6;
  padding: 5rem 0;
  font-family: 'Barlow', sans-serif;
  color: #0f0f0f;
}

.why-intro {
  max-width: 720px;
  margin: 0 auto;
  font-size: 1rem;
  opacity: 0.9;
  line-height: 1.6;
}

/* Individual Feature Boxes */
.why-box {
  background: #ffffff;
  border-radius: 6px;
  padding: 2rem 1.4rem;
  text-align: center;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  height: 100%;
}

.why-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.12);
}

/* Icons */
.icon-wrap {
  width: 64px;
  height: 64px;
  margin: 0 auto 1rem;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #990000;
  color: #fff;
  font-size: 1.8rem;
  box-shadow: 0 6px 20px rgba(153, 0, 0, 0.22);
}

.why-title {
  font-family: 'Philosopher', serif;
  font-size: 1.2rem;
  margin-bottom: .6rem;
  color: #0b0b0b;
  font-weight: 700;
}

.why-box p {
  font-size: .95rem;
  color: rgba(0, 0, 0, 0.75);
  line-height: 1.55;
}

/* CTA */
.why-cta {
  background: #990000;
  color: #fff;
  text-decoration: none;
  padding: .8rem 1.4rem;
  text-transform: uppercase;
  border-radius: 0;
  font-weight: 700;
  letter-spacing: .5px;
  box-shadow: 0 10px 26px rgba(153, 0, 0, 0.18);
}

.why-cta:hover {
  background: #b20000;
  color: #fff;
}

/* Responsive */
@media (max-width: 991.98px) {
  .why-box {
    padding: 2rem 1.2rem;
  }
}




  /* Installation section (white background) - reversed layout with single large image */
  .installation-section{
    background:#ffffff;
    color:#0b0b0b;
    padding:4.4rem 0;
    font-family:'Barlow',sans-serif;
  }

  .installation-section .container{max-width:1200px;}

  .installation-inner{
    display:grid;
    grid-template-columns: 1fr 560px; /* text left / image right by default */
    gap:2.4rem;
    align-items:start;
  }

  /* reverse modifier: image left, text right */
  .installation-inner.reverse{
    grid-template-columns: 560px 1fr;
  }

  /* Visual card full-bleed like large image */
  .installation-visual .schematic-card{
    width:100%;
    height:100%;
    border-radius:8px;
    overflow:hidden;
    border:1px solid rgba(11,11,11,0.04);
    box-shadow:0 18px 36px rgba(10,10,10,0.06);
    display:flex;
    flex-direction:column;
  }

  .installation-visual img{
    width:100%;
    height:100%; /* large single image */
    object-fit:cover;
    display:block;
  }

  .schematic-caption{
    padding:1rem 1.15rem;
    background:#fff;
  }
  .schematic-caption strong{
    display:block;
    font-family:'Philosopher',serif;
    color:#0b0b0b;
    margin-bottom:.35rem;
  }
  .schematic-caption p{margin:0;color:rgba(11,11,11,0.7);font-size:.95rem;}

  /* Text column */
  .pbp__title{
    font-family:'Philosopher',serif;
    font-size:2rem;
    margin:0 0 .6rem 0;
    color:#0b0b0b;
    font-weight:700;
  }
  .installation-section .intro{
    color:rgba(11,11,11,0.92);
    font-size:1rem;
    line-height:1.7;
    margin-bottom:1rem;
  }

  .subhead{font-family:'Philosopher',serif; font-size:1.05rem; margin:1rem 0 .5rem 0; color:#222;}

  .inst-steps{
    padding-left:1.05rem;
    margin:0 0 1rem 0;
    color:rgba(11,11,11,0.95);
  }
  .inst-steps li{margin-bottom:.85rem; line-height:1.6;}
  .inst-steps li strong{font-weight:700; color:#0a0a0a;}

  /* pbp list check style using bootstrap icons */
  .pbp__list{list-style:none; padding-left:0; margin:0 0 1rem 0;}
  .pbp__list--check.key-highlights li{
    display:flex;
    gap:.6rem;
    align-items:flex-start;
    margin-bottom:.75rem;
    color:rgba(11,11,11,0.9);
    line-height:1.5;
  }
  .pbp__list--check.key-highlights li i.bi{
    color:#990000;
    font-size:1.05rem;
    margin-top:.12rem;
    flex:0 0 22px;
  }

  /* CTA */
  .overview-cta{
    display:inline-block;
    margin-top:.6rem;
    padding:.72rem 1.05rem;
    background:#990000;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    border-radius:0;
    text-transform:uppercase;
    letter-spacing:.35px;
    box-shadow:0 10px 26px rgba(153,0,0,0.12);
  }
  .overview-cta:hover{background:#b20000; color:#fff;}

  /* Responsive behavior: stack, image full width and smaller height on mobile */
  @media (max-width:991.98px){
    .installation-inner, .installation-inner.reverse{grid-template-columns:1fr; gap:1.6rem;}
    .installation-visual img{height:360px;}
    .installation-section{padding:3rem 0;}
  }

  @media (max-width:575.98px){
    .installation-visual img{height:260px;}
    .pbp__title{font-size:1.6rem;}
    .inst-steps li{font-size:.98rem;}
  }

  /* Accessible focus states */
  .overview-cta:focus{outline:3px solid rgba(153,0,0,0.14); outline-offset:3px;}




  /* CTA Section Dark */
  .cta-section-dark{
    background:#0a0a0a;
    padding:4rem 0;
    color:#fff;
    font-family:'Barlow',sans-serif;
  }

  .cta-section-dark .cta-subtext{
    max-width:680px;
    margin:0 auto 2rem;
    opacity:0.9;
    line-height:1.6;
  }

  .cta-btn-wrap{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:1rem;
  }

  .cta-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:.85rem 1.4rem;
    background:#990000;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    border-radius:0;
    text-transform:uppercase;
    letter-spacing:.5px;
    box-shadow:0 10px 26px rgba(153,0,0,0.22);
    transition:all .2s ease;
  }
  .cta-btn:hover{
    background:#b20000;
    color:#fff;
    transform:translateY(-3px);
  }

  /* WhatsApp green */
  .cta-btn.whatsapp{
    background:#25D366;
    box-shadow:0 10px 26px rgba(37,211,102,0.25);
  }
  .cta-btn.whatsapp:hover{
    background:#1ebe5a;
  }

  /* Form button - grey tone */
  .cta-btn.formbtn{
    background:#222;
    box-shadow:0 10px 26px rgba(0,0,0,0.25);
  }
  .cta-btn.formbtn:hover{
    background:#333;
  }

  @media (max-width:575.98px){
    .cta-btn{
      width:100%;
      justify-content:center;
      font-size:.95rem;
    }
  }



  
    /* HOW IT WORKS – WHITE BG */
.how-section{
  background:#ffffff;
  padding:5rem 0;
  font-family:'Barlow',sans-serif;
  color:#0f0f0f;
}

.how-intro{
  max-width:760px;
  margin:0 auto;
  line-height:1.65;
  font-size:1rem;
  opacity:0.9;
}

/* Grid boxes */
.how-box{
  background:#fff;
  border-radius:6px;
  padding:2rem 1.4rem;
  text-align:center;
  box-shadow:0 10px 28px rgba(0,0,0,0.06);
  height:100%;
  transition:all .25s ease;
}
.how-box:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 36px rgba(0,0,0,0.12);
}

/* Icons */
.how-box .icon-wrap{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  margin:0 auto 1rem;
  border-radius:50%;
  background:#990000;
  color:#fff;
  font-size:1.7rem;
  box-shadow:0 6px 20px rgba(153,0,0,0.22);
}

/* Headings */
.how-title{
  font-family:'Philosopher',serif;
  font-size:1.2rem;
  font-weight:700;
  color:#0b0b0b;
  margin-bottom:.6rem;
}

.how-box p{
  font-size:.95rem;
  color:rgba(0,0,0,0.75);
  line-height:1.55;
}

/* Responsive */
@media (max-width:575.98px){
  .how-box{
    padding:1.8rem 1.2rem;
  }
  .how-title{
    font-size:1.1rem;
  }
}




    /* KEY BENEFITS – RED BACKGROUND (#990000) */
.benefits-section{
  background:#990000;
  padding:5rem 0;
  color:#fff;
  font-family:'Barlow',sans-serif;
}

.benefits-intro{
  max-width:720px;
  margin:0 auto;
  line-height:1.65;
  opacity:0.95;
  color:#fbecec;
}

/* Benefit Box */
.benefit-box{
  background:rgba(255,255,255,0.06);
  padding:2rem 1.4rem;
  border-radius:6px;
  text-align:center;
  height:100%;
  transition:all .25s ease;
  box-shadow:0 12px 28px rgba(0,0,0,0.18);
  backdrop-filter:blur(2px);
}
.benefit-box:hover{
  transform:translateY(-6px);
  background:rgba(255,255,255,0.1);
  box-shadow:0 16px 36px rgba(0,0,0,0.26);
}

/* Icon */
.benefit-box i{
  font-size:2rem;
  margin-bottom:1rem;
  display:inline-block;
  color:#fff;
}

/* Title */
.benefit-title{
  font-family:'Philosopher',serif;
  font-size:1.25rem;
  font-weight:700;
  color:#fff;
  margin-bottom:.6rem;
}

/* Text */
.benefit-box p{
  font-size:.95rem;
  color:#f3f3f3;
  line-height:1.55;
}

/* Responsive */
@media (max-width:575.98px){
  .benefit-box{padding:1.8rem 1.1rem;}
  .benefit-title{font-size:1.15rem;}
}




/* APPLICATIONS – LIGHT GREY BG */
.apps-section{
  background:#f4f4f6;
  padding:5rem 0;
  font-family:'Barlow',sans-serif;
  color:#0f0f0f;
}

.apps-intro{
  max-width:760px;
  margin:0 auto;
  line-height:1.65;
  opacity:0.9;
  font-size:1rem;
}

/* Application Boxes */
.app-box{
  background:#ffffff;
  border-radius:6px;
  padding:2rem 1.4rem;
  text-align:center;
  height:100%;
  box-shadow:0 10px 26px rgba(0,0,0,0.06);
  transition:all .25s ease;
}
.app-box:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 36px rgba(0,0,0,0.12);
}

/* Icons */
.app-box i{
  font-size:2rem;
  color:#990000;
  margin-bottom:1rem;
  display:inline-block;
}

/* Titles */
.app-title{
  font-family:'Philosopher',serif;
  font-size:1.2rem;
  font-weight:700;
  margin-bottom:.6rem;
  color:#0b0b0b;
}

/* Text */
.app-box p{
  font-size:.95rem;
  color:rgba(0,0,0,0.75);
  line-height:1.55;
}

/* Responsive */
@media (max-width:575.98px){
  .app-box{
    padding:1.8rem 1.2rem;
  }
  .app-title{
    font-size:1.15rem;
  }
}




   /* CERTIFICATION SECTION */
.cert-section{
  background:#ffffff;
  padding:5rem 0;
  font-family:'Barlow',sans-serif;
  color:#0b0b0b;
}

.cert-inner{
  display:grid;
  grid-template-columns:1fr 420px;
  gap:2.4rem;
  align-items:start;
  max-width:1200px;
  margin:auto;
}

.cert-subtitle{
  font-family:'Philosopher',serif;
  font-size:1.25rem;
  font-weight:700;
  margin-bottom:1rem;
  color:#990000;
}

.cert-desc{
  line-height:1.65;
  color:rgba(0,0,0,0.85);
  margin-bottom:1.2rem;
}

/* CHECK LIST WITH ICONS */
.cert-list li{
  display:flex;
  gap:.6rem;
  align-items:flex-start;
  margin-bottom:.75rem;
  line-height:1.55;
}

.cert-list li i.bi{
  color:#990000;
  font-size:1.05rem;
  margin-top:.15rem;
  flex:0 0 22px;
}

/* IMAGE CARD */
.cert-visual .cert-card{
  background:#fff;
  border-radius:8px;
  overflow:hidden;
  border:1px solid rgba(10,10,10,0.06);
  box-shadow:0 14px 36px rgba(0,0,0,0.08);
}

.cert-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* RESPONSIVE */
@media(max-width:991.98px){
  .cert-inner{
    grid-template-columns:1fr;
    gap:2rem;
  }
  .cert-img{height:320px;}
}

@media(max-width:575.98px){
  .cert-img{height:240px;}
}
 




    /* CONTACT FORM SECTION */
.leadform-section{
  background:#f4f4f6;
  padding:5rem 0;
  font-family:'Barlow',sans-serif;
  color:#0b0b0b;
}

.leadform-inner{
  display:grid;
  grid-template-columns: 1fr 480px;
  gap:2.6rem;
  max-width:1200px;
  margin:auto;
  align-items:start;
}

/* LEFT TEXT */
.leadform-desc{
  font-size:1rem;
  line-height:1.65;
  max-width:500px;
  opacity:0.95;
  margin-bottom:1.2rem;
}

.contact-info{
  list-style:none;
  padding:0;
  margin:0;
}

.contact-info li{
  display:flex;
  align-items:center;
  gap:.6rem;
  font-size:1rem;
  margin-bottom:.8rem;
  color:#333;
}

.contact-info li i{
  color:#990000;
  font-size:1.25rem;
}

/* FORM BOX */
.leadform-box{
  background:#f8f8f8;
  padding:2rem;
  border-radius:6px;
  box-shadow:0 8px 26px rgba(0,0,0,0.06);
}

.leadform-box .form-label{
  font-weight:600;
  color:#111;
  margin-bottom:.3rem;
}

.leadform-box .form-control{
  border-radius:0;
  border:1px solid #ccc;
  box-shadow:none;
  padding:.75rem 1rem;
}

.leadform-box .form-control:focus{
  border-color:#990000;
  box-shadow:0 0 0 2px rgba(153,0,0,0.15);
}

/* BUTTON */
.leadform-btn{
  background:#990000;
  color:#fff;
  border:0;
  padding:.9rem 1.6rem;
  font-weight:700;
  text-transform:uppercase;
  border-radius:0;
  letter-spacing:.4px;
  box-shadow:0 10px 28px rgba(153,0,0,0.25);
}

.leadform-btn:hover{
  background:#b20000;
  color:#fff;
}

/* Responsive */
@media(max-width:991.98px){
  .leadform-inner{
    grid-template-columns:1fr;
  }
}

@media(max-width:575.98px){
  .leadform-box{
    padding:1.5rem;
  }
}





    /* FIXED BUTTONS - Bottom Right */
.fixed-buttons{
  position:fixed;
  bottom:20px;
  right:20px;
  display:flex;
  flex-direction:column;
  gap:.75rem;
  z-index:9999;
}

/* Base button */
.fab-btn{
  width:52px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.4rem;
  color:#fff;
  border-radius:50%;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,0.22);
  transition:all .25s ease;
}

/* Call */
.call-btn{
  background:#990000;
}
.call-btn:hover{
  background:#b20000;
}

/* WhatsApp */
.whatsapp-btn{
  background:#25D366;
}
.whatsapp-btn:hover{
  background:#1ebe5a;
}

/* Back to Top Button */
.top-btn{
  background:#222;
  border:0;
}
.top-btn:hover{
  background:#333;
  transform:translateY(-3px);
}

/* Hide top button initially */
.top-btn{
  opacity:0;
  visibility:hidden;
}
.top-btn.show{
  opacity:1;
  visibility:visible;
}

/* STATS SECTION – DARK BG */
.stats-section{
  background:#0a0a0a;
  padding:4.5rem 0;
  color:#ffffff;
  font-family:'Barlow', sans-serif;
}

.stat-box{
  padding:1rem;
}

.stat-number{
  font-family:'Philosopher', serif;
  font-size:3rem;
  font-weight:700;
  color:#ffffff;
  line-height:1;
  margin-bottom:.5rem;
}

.stat-number span{
  font-size:1.8rem;
  opacity:0.85;
  margin-left:2px;
}

.stat-label{
  font-size:1rem;
  color:#dcdcdc;
  opacity:0.95;
  line-height:1.4;
}

/* Responsive */
@media(max-width:575.98px){
  .stat-number{
    font-size:2.2rem;
  }
  .stat-number span{
    font-size:1.3rem;
  }
}
/* LOGO SLIDER SECTION */
.logo-section{
  background:#ffffff;
  padding:4rem 0;
  font-family:'Barlow',sans-serif;
}

.logo-slider{
  overflow:hidden;
  width:100%;
  position:relative;
  padding:1rem 0;
}

.logos-track{
  display:flex;
  align-items:center;
  gap:3rem;
  animation: scrollLogos 12s linear infinite;
}

.logos-track img{
  height:80px;
  width:auto;
  transition:all .3s ease;
}

.logos-track img:hover{
  filter:grayscale(0%);
  opacity:1;
  transform:scale(1.05);
}

@keyframes scrollLogos{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-50%); }
}

/* Responsive */
@media(max-width:575.98px){
  .logos-track img{ height:48px; }
}