/* =========================================================
   STUTY CONTRACTORS LLP — MASTER STYLESHEET
   Navy: #00045F | Orange: #E83A15
   ========================================================= */

:root{
  --navy:#00045F;
  --orange:#E83A15;
  --ink:#07143F;
  --muted:#5D6882;
  --pale:#F4F8FD;
  --line:#D8E0EC;
  --white:#fff;
  --radius:22px;
  --container:1380px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.5}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.container{width:min(calc(100% - 56px),var(--container));margin-inline:auto}
.eyebrow{margin:0 0 14px;color:var(--orange);font-size:15px;letter-spacing:2px;font-weight:700}
.section{padding:100px 0}
.section-heading{max-width:760px;margin-bottom:52px}
.section-heading.centered{text-align:center;margin-inline:auto}
.section-heading h2,.section-heading h3{margin:0 0 15px;font-size:52px;line-height:1.06;letter-spacing:-1.5px}
.section-heading>p:last-child{margin:0;color:var(--muted);font-size:18px}
/* =========================================================
   GLOBAL MOBILE CONTAINER
   ========================================================= */

@media (max-width: 600px){

    .container{
        width:100%;
        max-width:100%;
        margin-left:0;
        margin-right:0;
        padding-left:1rem;
        padding-right:1rem;
        box-sizing:border-box;
    }

}


/* Header */
.site-header{height:100px;background:#fff;border-bottom:1px solid #eef1f6;position:relative;z-index:20}
.header-inner{height:100%;display:flex;align-items:center;gap:32px}
.brand{width:265px;flex:0 0 265px}
.brand img{width:265px;height:auto}
.main-nav{display:flex;align-items:center;justify-content:center;gap:30px;flex:1;font-size:17px}
.main-nav a{height:100px;display:flex;align-items:center;position:relative;white-space:nowrap}
.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:25px;height:4px;background:var(--orange)}
.header-call{background:var(--orange);color:#fff;padding:17px 28px;border-radius:12px;font-weight:700;font-size:17px;white-space:nowrap}
.menu-toggle{display:none;border:0;background:none;font-size:28px;color:var(--navy)}

/* =========================================================
   SECTION 1 — HERO
   Desktop target: header + hero + service strip ≈ one viewport.
   ========================================================= */
.section-hero{
  padding:0;
  position:relative;
}


/* =========================================================
   HERO MAIN
   ========================================================= */

.hero-main{
  height:calc(100vh - 100px - 88px);
  min-height:480px;
  max-height:650px;

  position:relative;
  overflow:hidden;

  background:
    linear-gradient(
      105deg,
      #ffffff 0%,
      #f9fbfe 48%,
      #edf3fa 100%
    );
}

.hero-grid{
  height:100%;

  display:grid;
  grid-template-columns:48% 52%;

  position:relative;
  z-index:2;
}


/* =========================================================
   BACKGROUND GEOMETRY
   ========================================================= */

.hero-geometry{
  position:absolute;
  inset:0;

  pointer-events:none;
  z-index:1;
}

.hero-geometry:before{
  content:"";

  position:absolute;

  width:320px;
  height:455px;

  right:42%;
  top:38px;

  background:#e8eef7;

  opacity:.68;

  transform:skewX(-20deg);

  border-radius:30px;
}

.hero-geometry:after{
  content:"";

  position:absolute;

  width:185px;
  height:280px;

  right:39%;
  top:205px;

  border:8px solid var(--orange);
  border-left:0;

  opacity:.85;

  transform:skewX(-20deg);

  border-radius:18px;
}


/* =========================================================
   HERO COPY
   ========================================================= */

.hero-copy{
  align-self:center;

  padding:12px 20px 20px 0;

  position:relative;
  z-index:5;
}

.hero-copy .eyebrow{
  display:flex;
  align-items:center;
  gap:9px;

  margin:0 0 12px;

  color:var(--orange);

  font-size:14px;
  letter-spacing:2px;
  font-weight:700;
}

.eyebrow-mark{
  font-size:9px;
  line-height:1;

  color:var(--orange);
}

.hero-copy h1{
  margin:0 0 18px;

  font-size:clamp(62px,5.2vw,94px);

  line-height:.93;

  letter-spacing:-2.8px;

  font-weight:700;

  max-width:610px;
}

.hero-copy h1 span{
  display:block;
  color:var(--orange);
}

.hero-lead{
  font-size:19px;

  line-height:1.48;

  max-width:620px;

  margin:0 0 26px;
}


/* =========================================================
   STATS
   ========================================================= */

.hero-stats{
  display:flex;
  align-items:center;

  gap:25px;

  margin-bottom:25px;
}

.hero-stat{
  display:flex;
  align-items:center;

  gap:11px;
}

.stat-icon{
  width:43px;
  height:43px;

  flex:0 0 43px;

  display:flex;
  align-items:center;
  justify-content:center;
}

.stat-icon svg{
  width:40px;
  height:40px;

  fill:none;

  stroke:var(--navy);

  stroke-width:2;

  stroke-linecap:round;
  stroke-linejoin:round;
}

.hero-stat strong{
  display:block;

  font-size:36px;

  line-height:1;

  font-weight:800;
}

.hero-stat small{
  display:block;

  font-size:15px;

  margin-top:6px;

  white-space:nowrap;
}

.hero-divider{
  width:1px;
  height:54px;

  background:#ccd6e4;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.hero-actions{
  display:flex;

  gap:18px;

  margin-bottom:20px;
}

.hero-btn{
  min-width:220px;
  min-height:56px;
  padding:15px 25px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  gap:9px;

  border-radius:13px;

  font-size:17px;
  font-weight:700;
  line-height:1;
  text-align:center;

  box-sizing:border-box;

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background-color .22s ease,
    border-color .22s ease,
    color .22s ease;
}

.hero-btn svg{
  width:21px;
  height:21px;

  flex:0 0 21px;

  display:block;

  margin:0;

  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;

  transition:transform .22s ease;
}

.hero-btn span{
  display:block;
  margin:0;
  line-height:1;
}
/* NORMAL CALL BUTTON */

.hero-actions .btn-primary.hero-btn{
  background:var(--navy);
  border:2px solid var(--navy);
  color:#fff;
}


/* NORMAL WHATSAPP BUTTON */

.hero-actions .btn-outline.hero-btn{
  background:#fff;
  border:2px solid var(--orange);
  color:var(--orange);
}

/* HOVER */

.hero-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 25px rgba(0,4,95,.18);
}

.hero-btn:hover svg{
  transform:translateX(3px);
}



/* WHATSAPP HOVER */

.hero-actions .btn-outline.hero-btn:hover{
  background:var(--orange);
  border-color:var(--orange);
  color:#fff;
  box-shadow:0 12px 25px rgba(232,58,21,.20);
}

/* =========================================================
   SERVING
   ========================================================= */

.serving{
  display:flex;
  align-items:center;

  gap:10px;

  font-size:16px;
}

.serving svg{
  width:22px;
  height:22px;

  flex:0 0 22px;

  fill:none;

  stroke:var(--orange);

  stroke-width:2.3;

  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================================
   HERO IMAGE
   ========================================================= */

.hero-visual{
  position:relative;

  height:100%;

  min-width:0;
}

.hero-photo-wrap{
  position:absolute;

  inset:0 0 0 1%;

  overflow:hidden;

  clip-path:
    polygon(
      18% 0,
      100% 0,
      100% 100%,
      31% 100%,
      0 60%
    );
}

.hero-photo-wrap img{
  width:100%;
  height:100%;

  object-fit:cover;

  /*
   * Slightly reduced visual zoom compared
   * with the previous version.
   */
  object-position:52% 62%;

  transform:scale(1.01);
}


/* =========================================================
   GOOGLE REVIEW CARD
   ========================================================= */

.review-card{
  position:absolute;

  left:1%;

  bottom:25%;

  width:315px;

  padding:20px 24px;

  background:#fff;

  border-radius:18px;

  box-shadow:
    0 18px 42px rgba(0,4,95,.16);

  display:grid;

  grid-template-columns:43px 1fr;

  gap:2px 12px;

  z-index:8;
}

.google-mark{
  display:flex;
  align-items:flex-start;
  justify-content:center;

  grid-row:span 2;
}

.google-mark span{
  font-size:40px;

  line-height:1;

  font-weight:800;

  color:#4285f4;
}

.review-info{
  padding-top:1px;
}

.stars{
  display:flex;
  align-items:center;

  height:22px;

  color:#f9a825;

  font-size:20px;

  letter-spacing:1px;

  line-height:1;
}

.half-star{
  position:relative;

  display:inline-block;

  width:18px;

  overflow:hidden;

  color:#dfe4ec;
}

.half-star:before{
  content:"★";

  position:absolute;

  left:0;
  top:0;

  width:50%;

  overflow:hidden;

  color:#f9a825;
}

.rating-line{
  display:flex;
  align-items:center;

  gap:7px;

  margin-top:5px;
}

.rating-line strong{
  font-size:16px;
}

.rating-line span{
  font-size:14px;
}

.review-card p{
  grid-column:1/-1;

  margin:10px 0 0;

  font-size:15px;

  line-height:1.45;
}


/* =========================================================
   NAVY MESSAGE CARD
   ========================================================= */

.hero-message{
  position:absolute;

  right:-1px;
  bottom:0;

  width:385px;

  min-height:145px;

  background:var(--navy);

  color:#fff;

  clip-path:
    polygon(
      23% 0,
      100% 0,
      100% 100%,
      0 100%
    );

  display:flex;
  align-items:center;

  gap:17px;

  padding:
    30px
    25px
    25px
    88px;

  z-index:9;
}

.message-icon{
  flex:0 0 45px;
}

.message-icon svg{
  width:45px;
  height:45px;

  fill:none;

  stroke:#fff;

  stroke-width:1.8;

  stroke-linecap:round;
  stroke-linejoin:round;
}

.message-content strong{
  display:block;

  font-size:17px;

  line-height:1.35;
}

.message-content i{
  display:block;

  width:52px;
  height:4px;

  margin-top:12px;

  background:var(--orange);
}


/* =========================================================
   SERVICE STRIP
   ========================================================= */

.service-strip{
  height:88px;

  background:#f7faff;

  border-top:1px solid #e2e8f0;
}

.service-strip-grid{
  height:100%;

  display:grid;

  grid-template-columns:repeat(4,1fr);
}

.service-pill{
  display:flex;

  align-items:center;
  justify-content:center;

  gap:17px;

  border-right:1px solid #d4ddea;

  font-size:17px;

  line-height:1.25;
}

.service-pill:last-child{
  border-right:0;
}

.service-icon{
  width:39px;
  height:39px;

  flex:0 0 39px;

  fill:none;

  stroke:var(--navy);

  stroke-width:1.8;

  stroke-linecap:round;
  stroke-linejoin:round;
}

.service-pill strong{
  font-size:17px;

  line-height:1.3;
}


/* =========================================================
   SHORT DESKTOP VIEWPORT
   Keep the one-fold requirement.
   ========================================================= */

@media (max-height:800px) and (min-width:901px){

  .hero-main{
    height:calc(100vh - 100px - 82px);

    min-height:455px;
  }

  .service-strip{
    height:82px;
  }

  .hero-copy .eyebrow{
    margin-bottom:9px;
  }

  .hero-copy h1{
    font-size:68px;

    margin-bottom:14px;
  }

  .hero-lead{
    font-size:17px;

    margin-bottom:20px;
  }

  .hero-stats{
    margin-bottom:19px;
  }

  .hero-actions{
    margin-bottom:15px;
  }

  .hero-btn{
    min-height:52px;

    padding:13px 24px;
  }

  .serving{
    font-size:15px;
  }

  .review-card{
    bottom:24%;

    width:290px;
  }

  .hero-message{
    min-height:125px;
  }
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:900px){

  .hero-main{
    height:auto;

    min-height:0;
    max-height:none;

    padding:45px 0 30px;
  }

  .hero-grid{
    height:auto;

    grid-template-columns:1fr;
  }

  .hero-copy{
    padding:0;
  }

  .hero-copy h1{
    font-size:72px;
  }

  .hero-lead{
    font-size:18px;
  }

  .hero-visual{
    height:480px;

    margin-top:30px;
  }

  .hero-photo-wrap{
    inset:0;

    clip-path:
      polygon(
        14% 0,
        100% 0,
        100% 100%,
        25% 100%,
        0 55%
      );
  }

  .review-card{
    left:3%;

    bottom:23%;
  }

  .hero-message{
    width:340px;
  }

  .service-strip{
    height:auto;
  }

  .service-strip-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .service-pill{
    min-height:88px;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:600px){

  .hero-main{
    padding-top:35px;
  }

  .hero-copy h1{
    font-size:56px;

    letter-spacing:-2px;
  }

  .hero-lead{
    font-size:17px;
  }

  .hero-stats{
    gap:13px;
  }

  .hero-stat strong{
    font-size:30px;
  }

  .hero-stat small{
    font-size:13px;
  }

  .hero-divider{
    height:48px;
  }

  .hero-actions{
    flex-direction:column;

    gap:10px;
  }

  .hero-btn{
    width:100%;
  }

  .hero-visual{
    height:420px;
  }

  .review-card{
    width:270px;

    padding:17px 19px;

    bottom:24%;
  }

  .hero-message{
    width:290px;

    min-height:125px;

    padding:
      25px
      18px
      22px
      70px;
  }

  .service-strip-grid{
    grid-template-columns:1fr;
  }

  .service-pill{
    justify-content:flex-start;

    min-height:82px;

    padding-left:20px;

    border-right:0;

    border-bottom:1px solid var(--line);
  }
}

/* =========================================================
   HERO — MOBILE RESPONSIVE
   ========================================================= */

@media (max-width: 600px) {

    /* -----------------------------------------------------
       MOBILE CONTAINER
       Prevent desktop container from overflowing viewport
       ----------------------------------------------------- */

    .section-hero .container {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 1rem;
        padding-right: 1rem;
        box-sizing: border-box;
    }


    /* -----------------------------------------------------
       HERO MAIN
       ----------------------------------------------------- */

    .section-hero .hero-main {
        height: auto;
        min-height: 0;
        max-height: none;
        padding-top: 2rem;
        padding-bottom: 1.5rem;
    }


    /* -----------------------------------------------------
       HERO GRID
       ----------------------------------------------------- */

    .section-hero .hero-grid {
        width: 100%;
        max-width: 100%;
        height: auto;

        display: grid;
        grid-template-columns: 1fr;

        gap: 1.5rem;
    }


    /* -----------------------------------------------------
       HERO COPY
       ----------------------------------------------------- */

    .section-hero .hero-copy {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }


    /* EYEBROW */

    .section-hero .hero-copy .eyebrow {
        margin-bottom: 0.75rem;
        font-size: clamp(0.55rem, 2vw, 0.7rem);
        letter-spacing: 0.12em;
        gap: 0.4rem;
    }


    /* H1 */

    .section-hero .hero-copy h1 {
        max-width: 100%;
        margin-bottom: 1rem;

        font-size: clamp(2.25rem, 10vw, 3rem);
        line-height: 0.95;
        letter-spacing: -0.04em;
    }


    /* LEAD */

    .section-hero .hero-lead {
        max-width: 100%;
        margin-bottom: 1.25rem;

        font-size: clamp(0.75rem, 3vw, 1rem);
        line-height: 1.45;
    }


    /* -----------------------------------------------------
       STATS
       ----------------------------------------------------- */

    .section-hero .hero-stats {
        width: 100%;
        gap: clamp(0.75rem, 4vw, 1.25rem);
        margin-bottom: 1.25rem;
    }

    .section-hero .hero-stat {
        min-width: 0;
        gap: 0.4rem;
    }

    .section-hero .stat-icon {
        width: 2rem;
        height: 2rem;
        flex: 0 0 2rem;
    }

    .section-hero .stat-icon svg {
        width: 1.9rem;
        height: 1.9rem;
    }

    .section-hero .hero-stat strong {
        font-size: clamp(1.15rem, 5vw, 1.5rem);
    }

    .section-hero .hero-stat small {
        font-size: clamp(0.5rem, 2vw, 0.65rem);
        margin-top: 0.25rem;
        white-space: nowrap;
    }

    .section-hero .hero-divider {
        height: 2.75rem;
    }


    /* -----------------------------------------------------
       CTA BUTTONS
       ----------------------------------------------------- */

    .section-hero .hero-actions {
        width: 100%;
        display: flex;
        flex-direction: column;

        gap: 0.5rem;
        margin-bottom: 0.9rem;
    }

    .section-hero .hero-btn {
        width: 100%;
        min-width: 0;
        min-height: 2.75rem;
        height: 2.75rem;

        padding: 0.75rem 1rem;

        font-size: 0.75rem;
    }


    /* -----------------------------------------------------
       SERVING
       ----------------------------------------------------- */

    .section-hero .serving {
        width: 100%;
        max-width: 100%;

        gap: 0.4rem;

        font-size: clamp(0.55rem, 2.2vw, 0.7rem);
    }

    .section-hero .serving svg {
        width: 1rem;
        height: 1rem;
        flex: 0 0 1rem;
    }


    /* -----------------------------------------------------
       HERO VISUAL
       ----------------------------------------------------- */

    .section-hero .hero-visual {
        width: 100%;
        max-width: 100%;
        height: 26rem;

        margin-top: 0;
    }

    .section-hero .hero-photo-wrap {
        inset: 0;
    }

    .section-hero .hero-photo-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


    /* REVIEW CARD */

    .section-hero .review-card {
        width: min(17rem, 78%);
        left: 3%;
        bottom: 24%;

        padding: 1rem 1.1rem;
        box-sizing: border-box;
    }


    /* NAVY MESSAGE */

    .section-hero .hero-message {
        width: min(18rem, 72%);
        min-height: 7.5rem;

        right: 0;
        bottom: 0;

        padding: 1.25rem 1rem 1.25rem 4.4rem;

        gap: 0.75rem;
    }

    .section-hero .message-icon {
        flex: 0 0 2rem;
    }

    .section-hero .message-icon svg {
        width: 2rem;
        height: 2rem;
    }

    .section-hero .message-content strong {
        font-size: 0.9rem;
    }


    /* -----------------------------------------------------
       SERVICE STRIP
       FOUR ITEMS IN ONE ROW
       ----------------------------------------------------- */

    .section-hero .service-strip {
        height: auto;
        width: 100%;
        max-width: 100%;
    }

    .section-hero .service-strip-grid {
        width: 100%;
        max-width: 100%;
        height: auto;

        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));

        padding-left: 0;
        padding-right: 0;
    }

    .section-hero .service-pill {
        min-width: 0;
        min-height: 5.25rem;

        padding: 0.75rem 0.2rem;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        gap: 0.4rem;

        text-align: center;

        border-right: 1px solid #d4ddea;
        border-bottom: 0;

        font-size: 0.6rem;
    }

    .section-hero .service-pill:last-child {
        border-right: 0;
    }

    .section-hero .service-icon {
        width: 1.5rem;
        height: 1.5rem;
        flex: 0 0 1.5rem;
    }

    .section-hero .service-pill strong {
        font-size: clamp(0.5rem, 2vw, 0.65rem);
        line-height: 1.15;
    }
}


/* =========================================================
   VERY SMALL PHONES
   ========================================================= */

@media (max-width: 360px) {

    .section-hero .container {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .section-hero .hero-copy h1 {
        font-size: clamp(2rem, 10vw, 2.3rem);
    }

    .section-hero .service-pill {
        padding-left: 0.1rem;
        padding-right: 0.1rem;
    }

    .section-hero .service-icon {
        width: 1.3rem;
        height: 1.3rem;
    }

    .section-hero .service-pill strong {
        font-size: 0.48rem;
    }
}
@media (max-width: 600px) {

    /* MOBILE HERO HEADING */
    .section-hero .hero-copy h1 {
        width: 100%;
        max-width: 100%;
        margin-bottom: 1.25rem;

        text-align: center;

        font-size: clamp(3rem, 13vw, 4rem);
        line-height: 0.92;
        letter-spacing: -0.04em;
    }

    .section-hero .hero-copy h1 span {
        display: block;
    }

}
@media (max-width: 600px) {

    /* HERO HEADING */
    .section-hero .hero-copy h1 {
        width: 100%;
        max-width: 100%;
        font-size: clamp(3.5rem, 10vw, 3.5rem);
        line-height: 1;
        letter-spacing: 0.04em;
        font-weight: 900;
    }


    /* FULL-WIDTH STATS */
    .section-hero .hero-stats {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
    }

    .section-hero .hero-stat {
        flex: 1 1 0;
        min-width: 0;
    }

    .section-hero .hero-stat:first-child {
        justify-content: flex-start;
    }

    .section-hero .hero-stat:last-child {
        justify-content: flex-end;
    }

    .section-hero .hero-divider {
        flex: 0 0 1px;
    }
}
/* Section 2 */
/* =========================================================
   SECTION 2 — BUSINESS AT A GLANCE
   ========================================================= */

.section-business{
  position:relative;
  background:#fff;
  overflow:hidden;
}


/* =========================================================
   MAIN SECTION
   ========================================================= */

.section-business .business-main{
  display:grid;
  grid-template-columns:50% 50%;

  align-items:center;

  min-height:770px;

  padding-top:75px;
  padding-bottom:70px;
}


/* =========================================================
   LEFT — CONTENT
   ========================================================= */




/* EYEBROW */

.section-business .business-eyebrow{
  display:flex;
  align-items:center;
  gap:8px;

  margin:0 0 22px;

  color:var(--orange);

  font-size:14px;
  font-weight:700;

  letter-spacing:1.7px;
  text-transform:uppercase;
}

.section-business .business-eyebrow-line{
  width:64px;
  height:4px;

  background:var(--orange);

  display:block;

  flex:0 0 auto;
}

.section-business .business-eyebrow-dot{
  color:var(--navy);
}


/* =========================================================
   HEADING
   ========================================================= */

.section-business .business-title{
  margin:0 0 20px;

  color:var(--navy);

  font-size:clamp(54px,4.4vw,76px);

  line-height:.98;

  letter-spacing:-2.5px;

  font-weight:700;
}

.section-business .business-title span{
  display:block;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.section-business .business-description{
  max-width:650px;

  margin:0 0 38px;

  color:#18264a;

  font-size:18px;

  line-height:1.55;
}


/* =========================================================
   BUSINESS STATS
   ========================================================= */

.section-business .business-stats{
  display:grid;

  grid-template-columns:repeat(3,1fr);

  margin-bottom:36px;
}

.section-business .business-stat{
  min-height:160px;

  padding:0 25px;

  border-right:1px solid #d6deea;
}

.section-business .business-stat:first-child{
  padding-left:5px;
}

.section-business .business-stat:last-child{
  border-right:0;
}


/* STAT ICON */



.section-business .business-stat-icon svg{
  width:100%;
  height:100%;

  fill:none;

  stroke:var(--navy);

  stroke-width:2;

  stroke-linecap:round;
  stroke-linejoin:round;
}


/* STAT NUMBER */

.section-business .business-stat > strong{
  display:block;

  margin-bottom:0;

  color:var(--orange);

  font-size:38px;

  line-height:1;

  font-weight:800;

  letter-spacing:-1px;
}


/* STAT TITLE */

.section-business .business-stat h3{
  margin:3px 0 8px;

  color:var(--navy);

  font-size:16px;

  line-height:1.15;

  font-weight:700;
}


/* STAT DESCRIPTION */

.section-business .business-stat p{
  max-width:175px;

  margin:0;

  color:#263451;

  font-size:14px;

  line-height:1.4;
}


/* =========================================================
   TRUST FEATURES
   ========================================================= */

.section-business .business-features{
  display:grid;

  grid-template-columns:repeat(3,1fr);

  border-top:1px solid #d6deea;

  padding-top:28px;
}

.section-business .business-feature{
  display:flex;

  gap:14px;

  padding:0 24px;

  border-right:1px solid #d6deea;
}

.section-business .business-feature:first-child{
  padding-left:5px;
}

.section-business .business-feature:last-child{
  border-right:0;
}


/* FEATURE ICON */



.section-business .business-feature-icon svg{
  width:100%;
  height:100%;

  fill:none;

  stroke:var(--navy);

  stroke-width:2;

  stroke-linecap:round;
  stroke-linejoin:round;
}


/* FEATURE HEADING */

.section-business .business-feature h3{
  margin:0 0 7px;

  color:var(--navy);

  font-size:17px;

  line-height:1.15;

  font-weight:700;
}

.section-business .business-feature h3 span{
  color:var(--orange);
}


/* FEATURE DESCRIPTION */

.section-business .business-feature p{
  margin:0;

  color:#263451;

  font-size:13px;

  line-height:1.4;
}


/* =========================================================
   RIGHT — BOKARO VISUAL
   ========================================================= */

.section-business .business-visual{
  position:relative;

  min-height:585px;

  margin-left:5px;
}


/* IMAGE */

.section-business .business-image-wrap{
  position:absolute;

  top:35px;
  right:0;

  width:92%;
  height:585px;

  overflow:hidden;

  border-radius:25px;
}

.section-business .business-image{
  width:100%;
  height:100%;

  display:block;

  object-fit:cover;

  object-position:center;
}


/* =========================================================
   BOKARO FLOATING CARD
   ========================================================= */

.section-business .bokaro-card{
  position:absolute;

  top:0;
  right:-10px;

  width:335px;

  padding:30px 34px 28px;

  background:var(--navy);

  color:#fff;

  border-radius:18px;

  box-shadow:
    0 18px 45px rgba(0,4,95,.20);

  z-index:5;
}


/* CARD HEADER */

.section-business .bokaro-card-header{
  display:flex;

  align-items:center;

  gap:17px;
}

.section-business .bokaro-location-icon{
  width:40px;
  height:50px;

  flex:0 0 40px;
}

.section-business .bokaro-location-icon svg{
  width:100%;
  height:100%;

  fill:var(--orange);

  stroke:var(--orange);

  stroke-width:1.5;

  stroke-linecap:round;
  stroke-linejoin:round;
}

.section-business .bokaro-card-header h3{
  margin:0 0 3px;

  color:#fff;

  font-size:19px;

  line-height:1.2;

  font-weight:700;
}

.section-business .bokaro-card-header span{
  color:#fff;

  font-size:16px;

  line-height:1.2;
}


/* CARD ORANGE DIVIDER */

.section-business .bokaro-card-divider{
  width:55px;
  height:4px;

  margin:22px 0 18px;

  background:var(--orange);
}


/* CARD TEXT */

.section-business .bokaro-card > p{
  margin:0 0 22px;

  color:#fff;

  font-size:14px;

  line-height:1.5;
}


/* CARD LINK */

.section-business .bokaro-card-link{
  display:inline-flex;

  align-items:center;

  gap:7px;

  color:#fff;

  font-size:15px;

  font-weight:700;

  text-decoration:none;

  transition:
    color .2s ease,
    gap .2s ease;
}

.section-business .bokaro-card-link:hover{
  color:var(--orange);

  gap:11px;
}


/* =========================================================
   TRUST STRIP
   ========================================================= */



.section-business .business-trust-inner{
  min-height:125px;

  display:flex;

  align-items:center;

  gap:0;
}


/* LOGO */






/* DIVIDERS */




/* TRUST STATS */

.section-business .business-trust-stat{
  width:150px;

  padding-left:35px;
}

.section-business .business-trust-stat strong{
  display:block;

  color:var(--navy);

  font-size:34px;

  line-height:1;

  font-weight:800;
}

.section-business .business-trust-stat span{
  display:block;

  margin-top:5px;

  color:#1b2948;

  font-size:14px;

  font-weight:600;
}


/* TRUST MESSAGE */








/* =========================================================
   SUBTLE CITY SILHOUETTE
   ========================================================= */

.section-business .business-trust-strip:after{
  content:"";

  position:absolute;

  right:-20px;
  bottom:-35px;

  width:210px;
  height:105px;

  opacity:.08;

  background:
    linear-gradient(
      to top,
      var(--navy) 0 100%
    );

  clip-path:polygon(
    0 100%,
    0 75%,
    8% 75%,
    8% 52%,
    16% 52%,
    16% 68%,
    25% 68%,
    25% 30%,
    34% 30%,
    34% 60%,
    43% 60%,
    43% 15%,
    51% 15%,
    51% 52%,
    60% 52%,
    60% 25%,
    68% 25%,
    68% 70%,
    76% 70%,
    76% 8%,
    84% 8%,
    84% 55%,
    92% 55%,
    92% 0,
    100% 0,
    100% 100%
  );

  pointer-events:none;
}


/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media(min-width:1400px){

  .section-business .business-main{
    min-height:795px;

    padding-top:85px;
    padding-bottom:75px;
  }

  .section-business .business-content{
    padding-right:70px;
  }

  .section-business .business-title{
    font-size:78px;
  }

  .section-business .business-description{
    font-size:19px;
  }

  .section-business .business-visual{
    min-height:600px;
  }

  .section-business .business-image-wrap{
    width:91%;
    height:600px;
  }
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1100px){

  .section-business .business-main{
    grid-template-columns:1fr;

    min-height:auto;

    padding-top:65px;
    padding-bottom:60px;
  }

  .section-business .business-content{
    padding-right:0;

    margin-bottom:50px;
  }

  .section-business .business-title{
    font-size:64px;
  }

  .section-business .business-description{
    max-width:800px;
  }

  .section-business .business-visual{
    min-height:540px;

    margin-left:0;
  }

  .section-business .business-image-wrap{
    width:90%;

    height:540px;
  }

  .section-business .bokaro-card{
    right:0;
  }

  .section-business .business-trust-logo{
    width:230px;
  }

  .section-business .business-trust-logo img{
    width:195px;
  }

  .section-business .business-trust-stat{
    width:125px;

    padding-left:25px;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px){

  .section-business .business-main{
    padding-top:50px;
    padding-bottom:45px;
  }

  .section-business .business-eyebrow{
    font-size:12px;

    letter-spacing:1.2px;
  }

  .section-business .business-eyebrow-line{
    width:42px;
    height:3px;
  }

  .section-business .business-title{
    font-size:49px;

    letter-spacing:-1.8px;
  }

  .section-business .business-description{
    font-size:16px;

    margin-bottom:30px;
  }


  /* STATS */

  .section-business .business-stats{
    grid-template-columns:1fr;

    gap:25px;
  }

  .section-business .business-stat{
    min-height:auto;

    padding:0 0 22px;

    border-right:0;

    border-bottom:1px solid #d6deea;
  }

  .section-business .business-stat:first-child{
    padding-left:0;
  }

  .section-business .business-stat:last-child{
    border-bottom:0;
  }


  /* FEATURES */

  .section-business .business-features{
    grid-template-columns:1fr;

    gap:24px;
  }

  .section-business .business-feature{
    padding:0 0 24px;

    border-right:0;

    border-bottom:1px solid #d6deea;
  }

  .section-business .business-feature:first-child{
    padding-left:0;
  }

  .section-business .business-feature:last-child{
    border-bottom:0;
  }


  /* VISUAL */

  .section-business .business-visual{
    min-height:430px;
  }

  .section-business .business-image-wrap{
    top:40px;

    width:100%;
    height:390px;

    border-radius:20px;
  }

  .section-business .bokaro-card{
    top:0;
    right:10px;

    width:290px;

    padding:23px 24px;
  }

  .section-business .bokaro-card-header h3{
    font-size:17px;
  }

  .section-business .bokaro-card > p{
    font-size:13px;
  }


  /* TRUST STRIP */

  .section-business .business-trust-strip{
    padding:30px 0;
  }

  .section-business .business-trust-inner{
    min-height:auto;

    flex-wrap:wrap;

    gap:20px;
  }

  .section-business .business-trust-logo{
    width:100%;

    justify-content:center;
  }

  .section-business .business-trust-logo img{
    width:210px;
  }

  .section-business .business-trust-divider{
    display:none;
  }

  .section-business .business-trust-stat{
    width:auto;

    flex:1;

    padding:0;

    text-align:center;
  }

  .section-business .business-trust-stat strong{
    font-size:27px;
  }

  .section-business .business-trust-message{
    width:100%;

    margin-left:0;

    justify-content:center;

    padding:10px 0 0;
  }

  .section-business .business-trust-message p{
    font-size:14px;
  }
}
.section-business .business-main{
  min-height:auto;
  padding-top:58px;
  padding-bottom:52px;

  align-items:start;
}


/* LEFT CONTENT */

.section-business .business-content{
  padding-right:45px;
}


/* HEADING */

.section-business .business-title{
  margin-bottom:17px;
}


/* DESCRIPTION */

.section-business .business-description{
  margin-bottom:28px;
  line-height:1.48;
}


/* =========================================================
   BUSINESS STATS — MORE COMPACT
   ========================================================= */

.section-business .business-stats{
  margin-bottom:28px;
}

.section-business .business-stat{
  min-height:145px;
}

.section-business .business-stat-icon{
  width:46px;
  height:46px;
  margin-bottom:5px;
}

.section-business .business-stat > strong{
  font-size:36px;
}

.section-business .business-stat h3{
  margin-top:3px;
  margin-bottom:5px;
}

.section-business .business-stat p{
  line-height:1.3;
}


/* =========================================================
   TRUST FEATURES — COMPACT
   ========================================================= */

.section-business .business-features{
  padding-top:22px;
}

.section-business .business-feature{
  gap:11px;
}

.section-business .business-feature-icon{
  width:43px;
  height:43px;
  flex:0 0 43px;
}

.section-business .business-feature h3{
  margin-bottom:5px;
}

.section-business .business-feature p{
  line-height:1.3;
}


/* =========================================================
   RIGHT VISUAL
   ========================================================= */

.section-business .business-visual{
  min-height:560px;
}

.section-business .business-image-wrap{
  top:28px;
  height:560px;
}


/* =========================================================
   BOKARO CARD
   ========================================================= */

.section-business .bokaro-card{
  top:0;
  right:-5px;

  padding:27px 30px 25px;
}

.section-business .bokaro-card-divider{
  margin-top:18px;
  margin-bottom:15px;
}

.section-business .bokaro-card > p{
  margin-bottom:18px;
  line-height:1.42;
}


/* =========================================================
   TRUST STRIP
   ========================================================= */





/* =========================================================
   SECTION 2 — TRUST STRIP
   REFERENCE MATCH
   ========================================================= */

.section-business .business-trust-strip {
    position: relative;
    width: 100%;
    height: 148px;
    min-height: 148px;
    padding: 0;
    background: #f1f6fc;
    border-top: 1px solid #e3eaf3;
    overflow: hidden;
}

.section-business .business-trust-inner {
    width: min(1380px, calc(100% - 140px));
    height: 148px;
    min-height: 148px;

    margin: 0 auto;
    padding: 0;

    display: flex;
    align-items: center;
}


/* =========================================================
   LOGO
   ========================================================= */

.section-business .business-trust-logo {
    width: 315px;
    height: 100%;

    flex: 0 0 315px;

    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.section-business .business-trust-logo img {
    width: 235px;
    height: auto;
    display: block;
}


/* =========================================================
   VERTICAL DIVIDERS
   ========================================================= */

.section-business .business-trust-divider {
    width: 1px;
    height: 58px;

    flex: 0 0 1px;

    background: #aebbd0;
}


/* =========================================================
   TRUST STAT BLOCKS
   ========================================================= */

.section-business .business-trust-stat {
    width: 160px;
    height: 100%;

    flex: 0 0 160px;

    padding: 0 0 0 38px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.section-business .business-trust-stat strong {
    margin: 0;

    color: var(--navy);

    font-size: 34px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.8px;
}

.section-business .business-trust-stat span {
    margin-top: 6px;

    color: #18264a;

    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
}


/* =========================================================
   RIGHT MESSAGE
   ========================================================= */

.section-business .business-trust-message {
    margin-left: auto;

    height: 100%;

    padding: 0 35px 0 0;

    display: flex;
    align-items: center;
    gap: 27px;

    position: relative;
    z-index: 2;
}

.section-business .business-trust-accent {
    width: 4px;
    height: 50px;

    flex: 0 0 4px;

    background: var(--orange);
}

.section-business .business-trust-message p {
    margin: 0;

    color: var(--navy);

    font-size: 17px;
    line-height: 1.35;
    font-weight: 700;
}


/* =========================================================
   CITY SILHOUETTE
   ========================================================= */

.section-business .business-trust-strip::after {
    content: "";

    position: absolute;

    right: 0;
    bottom: 0;

    width: 205px;
    height: 105px;

    opacity: 0.065;

    background: var(--navy);

    clip-path: polygon(
        0 100%,
        0 72%,
        8% 72%,
        8% 52%,
        15% 52%,
        15% 80%,
        23% 80%,
        23% 42%,
        30% 42%,
        30% 63%,
        37% 63%,
        37% 25%,
        44% 25%,
        44% 70%,
        52% 70%,
        52% 45%,
        59% 45%,
        59% 15%,
        66% 15%,
        66% 68%,
        73% 68%,
        73% 32%,
        80% 32%,
        80% 58%,
        87% 58%,
        87% 5%,
        94% 5%,
        94% 48%,
        100% 48%,
        100% 100%
    );

    pointer-events: none;
}


/* =========================================================
   LARGE SCREENS
   ========================================================= */

@media (min-width: 1500px) {

    .section-business .business-trust-inner {
        width: min(1420px, calc(100% - 140px));
    }

    .section-business .business-trust-logo {
        width: 325px;
        flex-basis: 325px;
    }

    .section-business .business-trust-stat {
        width: 165px;
        flex-basis: 165px;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .section-business .business-trust-inner {
        width: calc(100% - 70px);
    }

    .section-business .business-trust-logo {
        width: 235px;
        flex-basis: 235px;
    }

    .section-business .business-trust-logo img {
        width: 190px;
    }

    .section-business .business-trust-stat {
        width: 125px;
        flex-basis: 125px;
        padding-left: 25px;
    }

    .section-business .business-trust-stat strong {
        font-size: 29px;
    }

    .section-business .business-trust-message {
        padding-right: 15px;
        gap: 17px;
    }

    .section-business .business-trust-message p {
        font-size: 14px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .section-business .business-trust-strip {
        height: auto;
        min-height: 0;
        padding: 30px 0;
    }

    .section-business .business-trust-inner {
        width: calc(100% - 40px);
        height: auto;
        min-height: 0;

        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 25px 0;
    }

    .section-business .business-trust-logo {
        width: 100%;
        height: auto;

        grid-column: 1 / -1;

        justify-content: center;
    }

    .section-business .business-trust-logo img {
        width: 205px;
    }

    .section-business .business-trust-divider {
        display: none;
    }

    .section-business .business-trust-stat {
        width: 100%;
        height: auto;

        padding: 0;

        align-items: center;
        text-align: center;
    }

    .section-business .business-trust-stat strong {
        font-size: 28px;
    }

    .section-business .business-trust-stat span {
        font-size: 13px;
    }

    .section-business .business-trust-message {
        grid-column: 1 / -1;

        height: auto;

        margin: 5px 0 0;
        padding: 10px 0 0;

        justify-content: center;
    }

    .section-business .business-trust-message p {
        font-size: 14px;
    }

    .section-business .business-trust-strip::after {
        width: 130px;
        height: 70px;
    }
}
/* =========================================================
   TRUST STRIP — FINAL POSITION TWEAK
   ========================================================= */

.section-business .business-trust-message{
    margin-left:auto;
    margin-right:auto;
    padding-right:0;
}

.section-business .business-trust-strip::after{
    opacity:0.045;
}

@media (max-width: 600px) {

    /* =========================================
       SECTION 2 — MOBILE
       ========================================= */

    .section-business .section-heading {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2rem;
    }

    .section-business .section-heading h2 {
        font-size: clamp(2.2rem, 9vw, 3rem);
        line-height: 0.98;
        letter-spacing: -0.04em;
    }

    .section-business .section-heading > p:last-child {
        font-size: 0.95rem;
        line-height: 1.5;
        text-align: center;
    }


    /* =========================================
       BUSINESS STATS
       ========================================= */

    .section-business .big-stats {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.5rem 1rem;
    }

    .section-business .big-stat {
        min-width: 0;
    }

    .section-business .big-stat:last-child {
        grid-column: 1 / -1;
        justify-self: center;
        width: 50%;
    }

}

/* =========================================================
   SECTION 2 — BUSINESS AT A GLANCE
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    /* -----------------------------------------
       SECTION HEADING
       ----------------------------------------- */

    .section-business .business-content {
        width: 100%;
        max-width: 100%;
    }

    .section-business .business-eyebrow {
        justify-content: center;
        text-align: center;
    }

    .section-business .business-title {
        text-align: center;
        font-size: clamp(2.5rem, 10vw, 3.5rem);
        line-height: .95;
        letter-spacing: -0.04em;
    }

    .section-business .business-description {
        text-align: center;
        font-size: clamp(.875rem, 3.5vw, 1rem);
        line-height: 1.5;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }


    /* -----------------------------------------
       BUSINESS STATS
       ----------------------------------------- */

    .section-business .business-stats {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2rem 1rem;
        margin-top: 2rem;
    }

    .section-business .business-stat {
        min-width: 0;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .section-business .business-stat:nth-child(3) {
        grid-column: 1 / -1;
    }

    .section-business .business-stat-icon {
        margin-bottom: .5rem;
    }

    .section-business .business-stat strong {
        font-size: clamp(2rem, 8vw, 2.75rem);
        line-height: 1;
    }

    .section-business .business-stat h3 {
        font-size: 1rem;
        line-height: 1.2;
        margin-top: .35rem;
    }

    .section-business .business-stat p {
        font-size: .8rem;
        line-height: 1.4;
        max-width: 12rem;
        margin-left: auto;
        margin-right: auto;
    }


    /* -----------------------------------------
       TRUST FEATURES
       ----------------------------------------- */

    .section-business .business-features {
        margin-top: 2rem;
    }

    .section-business .business-feature {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 1.1rem 0;
    }

    .section-business .business-feature-content {
        min-width: 0;
    }

    .section-business .business-feature-content h3 {
        font-size: .95rem;
        line-height: 1.2;
    }

    .section-business .business-feature-content p {
        font-size: .75rem;
        line-height: 1.4;
    }

}
/* =========================================================
   SECTION 2 — BUSINESS STATS
   MOBILE — COMPACT
   ========================================================= */

@media (max-width: 600px) {

    .section-business .business-stats {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 1rem;
        row-gap: 1.5rem;
        align-items: start;
    }

    .section-business .business-stat {
        width: 100%;
        min-width: 0;

        display: flex;
        flex-direction: column;
        align-items: center;

        text-align: center;
    }

    /* Third stat */
    .section-business .business-stat:nth-child(3) {
        grid-column: 1 / -1;
        width: 50%;
        justify-self: center;
    }

    /* Icons */
    .section-business .business-stat-icon {
        width: 2.5rem;
        height: 2.5rem;
        margin-bottom: .3rem;
    }

    .section-business .business-stat-icon svg {
        width: 2.15rem;
        height: 2.15rem;
    }

    /* Numbers */
    .section-business .business-stat > strong {
        font-size: clamp(1.75rem, 7vw, 2.2rem);
        line-height: 1;
    }

    /* Titles — smaller */
    .section-business .business-stat > h3 {
        width: 100%;
        margin: .25rem 0 0;

        font-size: .8rem;
        line-height: 1.15;
    }

    /* Descriptions — smaller */
    .section-business .business-stat > p {
        width: 100%;
        max-width: 10rem;
        margin: .25rem auto 0;

        font-size: .68rem;
        line-height: 1.3;
    }

}
/* =========================================================
   SECTION 2 — BUSINESS STATS
   MOBILE — FINAL COMPACT VERSION
   ========================================================= */

@media (max-width: 600px) {

    .section-business .business-stats {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 1rem;
        row-gap: 1rem;
        margin-top: 1.5rem;
    }

    .section-business .business-stat {
        width: 100%;
        min-width: 0;

        display: flex;
        flex-direction: column;
        align-items: center;

        text-align: center;
        padding: 0 0.25rem;
    }


    /* -------------------------
       THIRD STAT
       ------------------------- */

    .section-business .business-stat:nth-child(3) {
        grid-column: 1 / -1;
        width: 50%;
        justify-self: center;

        margin-top: 0.25rem;
    }


    /* -------------------------
       ICON
       ------------------------- */

    .section-business .business-stat-icon {
        width: 2.25rem;
        height: 2.25rem;
        margin-bottom: 0.25rem;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section-business .business-stat-icon svg {
        width: 2rem;
        height: 2rem;
    }


    /* -------------------------
       NUMBER
       ------------------------- */

    .section-business .business-stat > strong {
        margin: 0;

        font-size: clamp(1.65rem, 7vw, 2rem);
        line-height: 1;
    }


    /* -------------------------
       TITLE
       ------------------------- */

    .section-business .business-stat > h3 {
        width: 100%;

        margin: 0.2rem 0 0;

        font-size: 0.75rem;
        line-height: 1.15;
    }


    /* -------------------------
       DESCRIPTION
       ------------------------- */

    .section-business .business-stat > p {
        width: 100%;
        max-width: 10rem;

        margin: 0.2rem auto 0;

        font-size: 0.62rem;
        line-height: 1.25;
    }

}
/* =========================================================
   SECTION 2 — BUSINESS STATS
   MOBILE — THREE COLUMNS
   ========================================================= */

@media (max-width: 600px) {

    .section-business .business-stats {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.5rem;
        align-items: start;
    }

    .section-business .business-stat {
        width: 100%;
        min-width: 0;
        padding: 0 0.15rem;

        display: flex;
        flex-direction: column;
        align-items: center;

        text-align: center;
    }


    /* ICONS */

    .section-business .business-stat-icon {
        width: 2.2rem;
        height: 2.2rem;
        margin-bottom: 0.3rem;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section-business .business-stat-icon svg {
        width: 2rem;
        height: 2rem;
    }


    /* NUMBERS */

    .section-business .business-stat > strong {
        margin: 0;

        font-size: clamp(1.5rem, 6vw, 1.9rem);
        line-height: 1;
    }


    /* TITLES */

    .section-business .business-stat > h3 {
        width: 100%;
        margin: 0.25rem 0 0;

        font-size: clamp(0.62rem, 2.5vw, 0.75rem);
        line-height: 1.15;
    }


    /* DESCRIPTIONS */

    .section-business .business-stat > p {
        width: 100%;
        max-width: 7.5rem;

        margin: 0.2rem auto 0;

        font-size: clamp(0.52rem, 2vw, 0.62rem);
        line-height: 1.25;
    }


    /* REMOVE OLD THIRD-STAT BEHAVIOUR */

    .section-business .business-stat:nth-child(3) {
        grid-column: auto;
        width: 100%;
        justify-self: auto;
        margin-top: 0;
    }

}
@media (max-width: 600px) {

    .section-business .business-stats {
        width: 100%;
        max-width: 22rem;
        margin-left: 1rem;
        margin-right: auto;
    }

    .section-business .business-stat {
        justify-content: center;
        align-items: center;
        text-align: center;
    }

}
@media (max-width: 600px) {

    .section-business .business-features {
        width: 100%;
        max-width: 22rem;
        margin-left: auto;
        margin-right: auto;
    }

}
@media (max-width: 600px) {

    .section-business .business-main {
        width: 100%;
        max-width: 100%;

        display: grid;
        grid-template-columns: 1fr;

        gap: 2rem;
    }

    .section-business .business-content {
        width: 100%;
        max-width: 100%;
    }

    .section-business .business-visual {
        width: 100%;
        max-width: 100%;
    }

}
@media (max-width: 600px) {

    .section-business .business-stat:nth-child(1),
    .section-business .business-stat:nth-child(2) {
        border-bottom: none !important;
    }

}
@media (max-width: 600px) {

    /* Hide logo */
    .section-business .business-trust-logo {
        display: none;
    }

    /* Three stats in one row */
    .section-business .business-trust-stat {
        width: 33.333%;
        flex: 0 0 33.333%;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        text-align: center;

        padding: 0 .5rem;
    }

    /* Vertical dividers between columns */
    .section-business .business-trust-stat + .business-trust-divider {
        display: none;
    }

    .section-business .business-trust-stat {
        position: relative;
    }

    .section-business .business-trust-stat:not(:last-of-type)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 10%;
        width: 1px;
        height: 80%;
        background: var(--line);
    }

    /* Numbers */
    .section-business .business-trust-stat strong {
        font-size: 1.6rem;
        line-height: 1;
    }

    /* Labels */
    .section-business .business-trust-stat span {
        margin-top: .25rem;
        font-size: .7rem;
        line-height: 1.2;
    }

    /* Trust message below */
    .section-business .business-trust-message {
        width: 100%;
        margin-top: 1.5rem;

        display: flex;
        justify-content: center;
        align-items: center;
    }

    .section-business .business-trust-message p {
        font-size: .75rem;
        line-height: 1.3;
        text-align: left;
    }

}

/* =========================================================
   SECTION 2 — TRUST STRIP
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .section-business .business-trust-inner {
        display: grid;
        grid-template-columns: 1fr auto 1fr auto 1fr;
        align-items: center;
        width: 100%;
        gap: 0;
    }


    /* REMOVE LOGO */
    .section-business .business-trust-logo {
        display: none;
    }


    /* FIRST DIVIDER — REMOVE */
    .section-business .business-trust-inner > .business-trust-divider:nth-child(2) {
        display: none;
    }


    /* STATS */
    .section-business .business-trust-stat {
        width: 100%;
        min-width: 0;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        text-align: center;
        padding: 0 .35rem;
    }


    /* DIVIDERS BETWEEN STATS */
    .section-business .business-trust-inner > .business-trust-divider:nth-child(4),
    .section-business .business-trust-inner > .business-trust-divider:nth-child(6) {
        display: block;

        width: 1px;
        height: 42px;

        background: var(--line);
    }


    /* NUMBERS */
    .section-business .business-trust-stat strong {
        font-size: 1.55rem;
        line-height: 1;
    }


    /* LABELS */
    .section-business .business-trust-stat span {
        margin-top: .25rem;

        font-size: .68rem;
        line-height: 1.2;
        text-align: center;
    }


    /* TRUST MESSAGE BELOW */
    .section-business .business-trust-message {
        grid-column: 1 / -1;

        width: 100%;
        margin-top: 1.25rem;

        display: flex;
        justify-content: center;
        align-items: center;
    }

    .section-business .business-trust-message p {
        font-size: 1.4rem;
        line-height: 1.3;
        text-align: left;
    }

}
/* =========================================================
   SECTION 3 — COMPREHENSIVE PLUMBING SERVICES
   ========================================================= */

.section-services{
    position:relative;
    background:#f4f8fd;
    overflow:hidden;
}


/* =========================================================
   INTRO AREA
   ========================================================= */

.section-services .services-intro{
    display:grid;
    grid-template-columns:58% 42%;
    align-items:start;

    min-height:365px;

    padding-top:60px;
}


/* =========================================================
   LEFT HEADING
   ========================================================= */

.section-services .services-heading{
    padding-right:45px;
}

.section-services .services-eyebrow{
    display:flex;
    align-items:center;
    gap:12px;

    margin:0 0 17px;

    color:var(--orange);

    font-size:14px;
    font-weight:700;

    letter-spacing:1.3px;
    text-transform:uppercase;
}

.section-services .services-eyebrow-line{
    width:48px;
    height:4px;

    background:var(--orange);

    flex:0 0 auto;
}


.section-services .services-title{
    margin:0 0 18px;

    color:var(--navy);

    font-size:clamp(47px,4vw,65px);
    line-height:1.02;

    letter-spacing:-2.2px;

    font-weight:750;
}

.section-services .services-title span{
    display:block;
    color:var(--orange);
}


.section-services .services-description{
    max-width:790px;

    margin:0;

    color:#17264b;

    font-size:18px;
    line-height:1.48;
}


/* =========================================================
   RIGHT VISUAL
   ========================================================= */

.section-services .services-visual{
    position:relative;

    height:280px;

    margin-left:10px;
}


/* IMAGE */

.section-services .services-hero-image{
    position:absolute;

    top:-60px;
    right:-100px;

    width:530px;
    height:340px;

    overflow:hidden;

    border-radius:0 0 0 22px;

    z-index:1;
}

.section-services .services-hero-image img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;
}


/* =========================================================
   FLOATING CALLOUT
   ========================================================= */

.section-services .services-callout{
    position:absolute;

    top:47px;
    left:-20px;

    width:260px;

    min-height:170px;

    padding:22px 25px;

    background:#eef5fd;

    border-radius:12px;

    box-shadow:0 12px 30px rgba(0,4,95,.08);

    z-index:4;
}

.section-services .services-callout-icon{
    width:30px;
    height:30px;

    margin-bottom:5px;
}

.section-services .services-callout-icon svg{
    width:100%;
    height:100%;

    fill:none;

    stroke:var(--orange);

    stroke-width:2;

    stroke-linecap:round;
    stroke-linejoin:round;
}

.section-services .services-callout h3{
    margin:0;

    color:var(--navy);

    font-size:20px;
    line-height:1.05;

    font-weight:800;
}

.section-services .services-callout-line{
    display:block;

    width:35px;
    height:3px;

    margin:12px 0 9px;

    background:var(--orange);
}

.section-services .services-callout p{
    margin:0;

    color:#17264b;

    font-size:13px;
    line-height:1.35;
}


/* =========================================================
   NAVY CATEGORY PANEL
   ========================================================= */

.section-services .services-category-panel{
    position:absolute;

    top:-60px;
    right:-100px;

    width:230px;
    height:340px;

    padding:42px 25px 30px 38px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    gap:25px;

    background:var(--navy);

    clip-path:polygon(
        20% 0,
        100% 0,
        100% 100%,
        0 100%
    );

    z-index:3;
}

.section-services .services-category-item{
    display:flex;
    align-items:center;

    gap:16px;

    color:#fff;
}

.section-services .services-category-icon{
    width:42px;
    height:42px;

    flex:0 0 42px;
}

.section-services .services-category-icon svg{
    width:100%;
    height:100%;

    fill:none;

    stroke:#fff;

    stroke-width:1.8;

    stroke-linecap:round;
    stroke-linejoin:round;
}

.section-services .services-category-item span{
    font-size:15px;
    line-height:1.25;

    font-weight:500;
}


/* =========================================================
   ORANGE DIAGONAL ACCENT
   ========================================================= */

.section-services .services-category-panel::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:9px;
    height:100%;

    background:var(--orange);

    transform:skewX(-22deg);
    transform-origin:top;
}


/* =========================================================
   SERVICE GRID
   ========================================================= */

.section-services .services-grid{
    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:18px;

    padding-top:5px;
    padding-bottom:22px;
}


/* =========================================================
   SERVICE CARD
   ========================================================= */

.section-services .service-card{
    min-width:0;

    background:#fff;

    border-radius:11px;

    overflow:hidden;

    border:1px solid #e0e7f0;

    box-shadow:0 5px 15px rgba(0,4,95,.045);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.section-services .service-card:hover{
    transform:translateY(-6px);

    box-shadow:
        0 16px 30px rgba(0,4,95,.12);
}


/* IMAGE */

.section-services .service-card-image{
    width:100%;
    height:122px;

    overflow:hidden;

    background:#e9eff7;
}

.section-services .service-card-image img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:transform .45s ease;
}

.section-services .service-card:hover .service-card-image img{
    transform:scale(1.06);
}


/* CARD CONTENT */

.section-services .service-card-content{
    min-height:157px;

    padding:12px 15px 15px;
}


/* ICON */

.section-services .service-card-icon{
    width:28px;
    height:28px;

    display:flex;
    align-items:center;

    margin-bottom:7px;

    color:var(--navy);

    font-size:24px;
    line-height:1;
}


/* TITLE */

.section-services .service-card h3{
    margin:0 0 7px;

    color:var(--navy);

    font-size:16px;
    line-height:1.18;

    font-weight:750;
}


/* DESCRIPTION */

.section-services .service-card p{
    margin:0 0 8px;

    color:#1e2d4e;

    font-size:13px;
    line-height:1.35;
}


/* LEARN MORE */

.section-services .service-card a{
    display:inline-flex;
    align-items:center;
    gap:5px;

    color:var(--orange);

    font-size:13px;
    font-weight:700;

    text-decoration:none;

    transition:gap .2s ease;
}

.section-services .service-card a:hover{
    gap:9px;
}


/* =========================================================
   TRUST / CTA BAR
   ========================================================= */

.section-services .services-trust-bar{
    min-height:120px;

    margin-bottom:35px;

    padding:20px 30px;

    display:flex;
    align-items:center;

    gap:0;

    background:#eaf3fd;

    border-radius:13px;
}


/* LOGO */

.section-services .services-trust-logo{
    width:285px;

    display:flex;
    align-items:center;
}

.section-services .services-trust-logo img{
    width:225px;
    height:auto;

    display:block;
}


/* DIVIDER */

.section-services .services-trust-divider{
    width:1px;
    height:52px;

    background:#aebbd0;

    flex:0 0 auto;
}


/* TRUST ITEM */

.section-services .services-trust-item{
    min-width:185px;

    padding:0 28px;

    display:flex;
    align-items:center;
    gap:14px;
}

.section-services .services-trust-icon{
    width:38px;
    height:38px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:var(--navy);

    font-size:27px;
    font-weight:600;
}

.section-services .services-trust-item span{
    color:var(--navy);

    font-size:15px;
    line-height:1.2;

    font-weight:700;
}


/* CONSULTATION BUTTON */

.section-services .services-consultation-btn{
    margin-left:auto;

    min-height:61px;

    padding:0 27px;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:10px;

    background:var(--orange);

    color:#fff;

    border:2px solid var(--orange);
    border-radius:11px;

    font-size:15px;
    font-weight:700;

    text-decoration:none;

    transition:
        transform .22s ease,
        background .22s ease,
        box-shadow .22s ease;
}

.section-services .services-consultation-btn:hover{
    transform:translateY(-3px);

    background:#d93212;

    box-shadow:
        0 12px 25px rgba(232,58,21,.22);
}

.section-services .services-consultation-btn strong{
    font-size:18px;

    transition:transform .2s ease;
}

.section-services .services-consultation-btn:hover strong{
    transform:translateX(4px);
}


/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media(min-width:1400px){

    .section-services .services-intro{
        min-height:380px;

        padding-top:70px;
    }

    .section-services .services-title{
        font-size:68px;
    }

    .section-services .services-description{
        font-size:19px;
    }

    .section-services .services-hero-image{
        width:580px;
        height:365px;

        right:-90px;
    }

    .section-services .services-category-panel{
        right:-90px;

        height:365px;
    }

    .section-services .services-callout{
        left:-15px;
    }

    .section-services .service-card-image{
        height:130px;
    }

    .section-services .service-card-content{
        min-height:160px;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1100px){

    .section-services .services-intro{
        grid-template-columns:1fr;

        min-height:auto;

        padding-top:55px;
        padding-bottom:35px;
    }

    .section-services .services-heading{
        padding-right:0;
    }

    .section-services .services-visual{
        height:390px;

        margin-top:35px;
        margin-left:0;
    }

    .section-services .services-hero-image{
        top:0;
        right:0;

        width:75%;
        height:390px;
    }

    .section-services .services-category-panel{
        top:0;
        right:0;

        height:390px;
    }

    .section-services .services-callout{
        top:70px;
        left:30px;
    }

    .section-services .services-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .section-services .services-trust-bar{
        flex-wrap:wrap;

        gap:20px;
    }

    .section-services .services-trust-logo{
        width:100%;
    }

    .section-services .services-consultation-btn{
        margin-left:0;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px){

    .section-services .services-intro{
        padding-top:45px;
    }

    .section-services .services-eyebrow{
        font-size:12px;
    }

    .section-services .services-eyebrow-line{
        width:38px;
        height:3px;
    }

    .section-services .services-title{
        font-size:43px;

        letter-spacing:-1.5px;
    }

    .section-services .services-description{
        font-size:16px;
    }

    .section-services .services-visual{
        height:360px;
    }

    .section-services .services-hero-image{
        width:100%;
        height:330px;
    }

    .section-services .services-category-panel{
        width:185px;
        height:330px;

        padding-left:30px;

        gap:18px;
    }

    .section-services .services-callout{
        width:230px;

        top:35px;
        left:15px;

        padding:19px;
    }

    .section-services .services-grid{
        grid-template-columns:1fr;

        gap:15px;
    }

    .section-services .service-card-image{
        height:190px;
    }

    .section-services .service-card-content{
        min-height:auto;

        padding:15px 17px 18px;
    }

    .section-services .services-trust-bar{
        padding:25px 20px;

        flex-direction:column;

        align-items:stretch;
    }

    .section-services .services-trust-logo{
        justify-content:center;
    }

    .section-services .services-trust-divider{
        display:none;
    }

    .section-services .services-trust-item{
        justify-content:center;

        padding:10px;
    }

    .section-services .services-consultation-btn{
        width:100%;

        margin:10px 0 0;
    }
}
/* Section 3 — Trust / Consultation Bar */
.section-services .services-trust-bar {
    background: #e3edf9;
}
/* =========================================================
   SECTION 3 — TABLET VISUAL FIX
   ========================================================= */

@media (min-width:701px) and (max-width:1100px){

    .section-services .services-visual{
        height:390px;
        position:relative;
        margin-top:35px;
        margin-left:0;
    }

    .section-services .services-hero-image{
        top:0;
        left:0;
        right:auto;
        width:72%;
        height:390px;
        border-radius:0 0 0 22px;
    }

    .section-services .services-category-panel{
        top:0;
        right:0;
        width:38%;
        height:390px;
        padding:42px 22px 30px 45px;
    }

    .section-services .services-callout{
        top:70px;
        left:0;
        width:250px;
        min-height:195px;
        padding:22px 24px;
        z-index:5;
    }
}
/* =========================================================
   SECTION 3 — TABLET TRUST BAR
   ========================================================= */

@media (min-width:701px) and (max-width:1100px){

    .section-services .services-trust-bar{
        display:grid;
        grid-template-columns:1fr 1px 1fr 1px 1fr;
        align-items:center;
        column-gap:0;
        row-gap:22px;
        padding:25px 30px;
    }

    .section-services .services-trust-logo{
        display:none;
    }

    .section-services .services-trust-divider{
        display:block;
        width:1px;
        height:52px;
        background:#aebbd0;
    }

    .section-services .services-trust-item{
        min-width:0;
        width:100%;
        padding:0 15px;
        justify-content:center;
    }

    .section-services .services-consultation-btn{
        grid-column:1 / -1;
        width:auto;
        margin:0 auto;
    }
}
/* =========================================================
   SECTION 3 — FINAL RESPONSIVE OVERRIDES
   ========================================================= */

/* ---------- TABLET ---------- */

@media (min-width:701px) and (max-width:1100px){

    /* VISUAL AREA */

    .section-services .services-visual{
        position:relative !important;
        height:390px !important;
        margin:35px 0 0 !important;
    }

    .section-services .services-hero-image{
        position:absolute !important;
        top:0 !important;
        left:0 !important;
        right:auto !important;
        width:72% !important;
        height:390px !important;
    }

    .section-services .services-category-panel{
        position:absolute !important;
        top:0 !important;
        right:0 !important;
        width:38% !important;
        height:390px !important;
    }

    .section-services .services-callout{
        position:absolute !important;
        top:70px !important;
        left:0 !important;
        width:250px !important;
        min-height:195px !important;
        z-index:10 !important;
    }


    /* TRUST BAR */

    .section-services .services-trust-bar{
        display:grid !important;
        grid-template-columns:
            minmax(0,1fr)
            1px
            minmax(0,1fr)
            1px
            minmax(0,1fr) !important;

        align-items:center !important;
        column-gap:0 !important;
        row-gap:22px !important;
        padding:25px 30px !important;
    }

    .section-services .services-trust-logo{
        display:none !important;
    }

    .section-services .services-trust-divider{
        display:block !important;
        width:1px !important;
        height:52px !important;
    }

    .section-services .services-trust-item{
        min-width:0 !important;
        width:100% !important;
        padding:0 15px !important;
        justify-content:center !important;
    }

    .section-services .services-consultation-btn{
        grid-column:1 / -1 !important;
        width:auto !important;
        margin:0 auto !important;
    }
}

@media (max-width:700px){
    .section-services .services-callout{
        display:none !important;
    }
}

/* =========================================================
   SECTION 3 — MOBILE TRUST BAR
   ========================================================= */

@media (max-width:700px){

    .section-services .services-trust-bar{
        display:grid !important;

        grid-template-columns:
            minmax(0,1fr)
            1px
            minmax(0,1fr)
            1px
            minmax(0,1fr) !important;

        align-items:center !important;

        column-gap:0 !important;
        row-gap:22px !important;

        padding:25px 20px !important;

        flex-direction:unset !important;
    }

    /* REMOVE LOGO */
    .section-services .services-trust-logo{
        display:none !important;
    }

    /* REMOVE FIRST DIVIDER — the one belonging to the logo */
    .section-services .services-trust-divider:nth-child(2){
        display:none !important;
    }

    /* KEEP THE TWO DIVIDERS BETWEEN THE 3 ITEMS */
    .section-services .services-trust-divider:nth-child(4),
    .section-services .services-trust-divider:nth-child(6){
        display:block !important;

        width:1px !important;
        height:48px !important;

        background:#aebbd0 !important;
    }

    /* THREE ITEMS IN ONE ROW */
    .section-services .services-trust-item{
        min-width:0 !important;
        width:100% !important;

        padding:0 8px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        gap:10px !important;
    }

    .section-services .services-trust-icon{
        width:30px !important;
        height:30px !important;

        flex:0 0 30px !important;

        font-size:24px !important;
    }

    .section-services .services-trust-item span{
        font-size:13px !important;
        line-height:1.15 !important;
    }

    /* BUTTON — KEEP ITS EXISTING SIZE */
    .section-services .services-consultation-btn{
        grid-column:1 / -1 !important;

        width:100% !important;

        margin:10px 0 0 !important;
    }
}
/* =========================================================
   SECTION 4 — PROJECTS
   ========================================================= */

.section-projects{
    position:relative;
    background:#f7faff;
    overflow:hidden;
}


/* =========================================================
   INTRO
   ========================================================= */

.section-projects .projects-intro{
    display:grid;
    grid-template-columns:55% 45%;
    gap:30px;

    padding-top:60px;
    padding-bottom:30px;

    align-items:start;
}


.section-projects .projects-eyebrow{
    display:flex;
    align-items:center;
    gap:12px;

    margin:0 0 15px;

    color:var(--orange);

    font-size:14px;
    font-weight:700;

    letter-spacing:1.4px;
    text-transform:uppercase;
}

.section-projects .projects-eyebrow-line{
    width:48px;
    height:4px;

    background:var(--orange);
}


.section-projects .projects-title{
    margin:0 0 15px;

    color:var(--navy);

    font-size:clamp(48px,4.3vw,65px);
    line-height:1.03;

    letter-spacing:-2.2px;
    font-weight:750;
}

.section-projects .projects-title span{
    color:var(--orange);
}


.section-projects .projects-description{
    max-width:800px;

    margin:0;

    color:#17264b;

    font-size:18px;
    line-height:1.45;
}


/* =========================================================
   STATS
   ========================================================= */

.section-projects .projects-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);

    height:145px;
}

.section-projects .project-stat{
    padding:0 25px;

    border-left:1px solid #ccd7e6;
}

.section-projects .project-stat:first-child{
    border-left:0;
}

.section-projects .project-stat-icon{
    height:38px;

    color:var(--navy);

    font-size:31px;
    line-height:1;
}

.section-projects .project-stat strong{
    display:block;

    margin-top:4px;

    color:var(--orange);

    font-size:30px;
    line-height:1;

    font-weight:800;
}

.section-projects .project-stat h3{
    margin:5px 0 5px;

    color:var(--navy);

    font-size:14px;
    line-height:1.2;
}

.section-projects .project-stat p{
    max-width:155px;

    margin:0;

    color:#243454;

    font-size:12px;
    line-height:1.35;
}


/* =========================================================
   FILTERS
   ========================================================= */

.section-projects .projects-filter-row{
    display:flex;
    align-items:center;
    justify-content:space-between;

    margin-bottom:17px;
}

.section-projects .projects-filters{
    display:flex;
    gap:9px;
}

.section-projects .projects-filters button{
    min-width:130px;
    height:47px;

    padding:0 20px;

    border:1px solid #cfdbeb;
    border-radius:7px;

    background:#fff;

    color:var(--navy);

    font-size:14px;
    font-weight:700;

    cursor:pointer;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.section-projects .projects-filters button:hover{
    transform:translateY(-2px);

    box-shadow:0 7px 16px rgba(0,4,95,.08);
}

.section-projects .projects-filters button.active{
    background:var(--navy);
    color:#fff;
    border-color:var(--navy);
}


.section-projects .projects-view-all{
    color:var(--navy);

    font-size:15px;
    font-weight:700;

    text-decoration:none;

    border-bottom:2px solid var(--orange);

    padding-bottom:3px;
}

.section-projects .projects-view-all span{
    margin-left:7px;

    color:var(--orange);

    font-size:21px;
}


/* =========================================================
   MAIN PROJECT LAYOUT
   ========================================================= */

.section-projects .projects-main{
    display:grid;
    grid-template-columns:minmax(0,3fr) minmax(280px,1fr);

    gap:18px;

    align-items:stretch;
}


/* =========================================================
   PROJECT GRID
   ========================================================= */

.section-projects .projects-grid{
    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:16px;
}


/* =========================================================
   PROJECT CARD
   ========================================================= */

.section-projects .project-card{
    background:#fff;

    border:1px solid #dce5f0;
    border-radius:9px;

    overflow:hidden;

    box-shadow:0 5px 15px rgba(0,4,95,.045);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.section-projects .project-card:hover{
    transform:translateY(-5px);

    box-shadow:
        0 15px 28px rgba(0,4,95,.11);
}


.section-projects .project-image{
    height:188px;

    overflow:hidden;

    background:#e7eef7;
}

.section-projects .project-image img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:transform .45s ease;
}

.section-projects .project-card:hover .project-image img{
    transform:scale(1.05);
}


/* PROJECT CONTENT */

.section-projects .project-content{
    position:relative;

    min-height:84px;

    padding:12px 42px 12px 17px;
}

.section-projects .project-category{
    display:inline-block;

    padding:4px 7px;

    margin-bottom:5px;

    background:#edf4fd;

    color:var(--navy);

    border-radius:4px;

    font-size:10px;
    font-weight:700;
}

.section-projects .project-content h3{
    margin:0 0 2px;

    color:var(--navy);

    font-size:16px;
    line-height:1.2;
}

.section-projects .project-location{
    color:#233454;

    font-size:13px;
}

.section-projects .project-content > a{
    position:absolute;

    right:16px;
    bottom:18px;

    color:var(--orange);

    font-size:25px;
    line-height:1;

    text-decoration:none;

    transition:transform .2s ease;
}

.section-projects .project-card:hover .project-content > a{
    transform:translateX(4px);
}


/* =========================================================
   FEATURE PANEL
   ========================================================= */

.section-projects .projects-feature{
    position:relative;

    min-height:456px;

    padding:34px 38px;

    overflow:hidden;

    border-radius:10px;

    background:var(--navy);

    color:#fff;
}


.section-projects .projects-feature-eyebrow{
    position:relative;
    z-index:3;

    display:flex;
    align-items:center;
    gap:10px;

    margin:0 0 14px;

    font-size:12px;
    font-weight:700;

    letter-spacing:1px;
}

.section-projects .projects-feature-eyebrow span{
    width:32px;
    height:3px;

    background:var(--orange);
}


.section-projects .projects-feature h3{
    position:relative;
    z-index:3;

    margin:0;

    font-size:35px;
    line-height:1.02;

    letter-spacing:-1px;
}

.section-projects .projects-feature h3 span{
    color:var(--orange);
}


.section-projects .projects-feature-text{
    position:relative;
    z-index:3;

    max-width:310px;

    margin:24px 0;

    font-size:15px;
    line-height:1.5;
}


.section-projects .projects-feature-btn{
    position:relative;
    z-index:4;

    display:inline-flex;
    align-items:center;
    gap:9px;

    min-height:48px;

    padding:0 21px;

    background:var(--orange);

    color:#fff;

    border-radius:8px;

    font-size:14px;
    font-weight:700;

    text-decoration:none;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.section-projects .projects-feature-btn:hover{
    transform:translateY(-3px);

    box-shadow:0 10px 22px rgba(232,58,21,.25);
}

.section-projects .projects-feature-btn span{
    font-size:18px;
}


.section-projects .projects-feature-image{
    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:45%;

    opacity:.75;

    z-index:1;
}

.section-projects .projects-feature-image::after{
    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            to bottom,
            var(--navy) 0%,
            rgba(0,4,95,.72) 25%,
            rgba(0,4,95,.15) 100%
        );

    z-index:2;
}

.section-projects .projects-feature-image img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;
}


/* ORANGE DIAGONAL */

.section-projects .projects-feature::after{
    content:"";

    position:absolute;

    right:28px;
    top:0;

    width:13px;
    height:100%;

    background:var(--orange);

    transform:skewX(-20deg);

    z-index:3;
}


/* =========================================================
   TRUST BAR
   ========================================================= */

.section-projects .projects-trust-bar{
    min-height:125px;

    margin-top:20px;
    margin-bottom:40px;

    padding:18px 30px;

    display:flex;
    align-items:center;

    background:#e5f0fc;

    border-radius:13px;
}


.section-projects .projects-trust-logo{
    width:275px;

    display:flex;
    align-items:center;
}

.section-projects .projects-trust-logo img{
    width:220px;
    height:auto;
}


.section-projects .projects-trust-divider{
    width:1px;
    height:54px;

    background:#aebbd0;
}


.section-projects .projects-trust-item{
    min-width:150px;

    padding:0 24px;

    display:flex;
    align-items:center;
    gap:12px;
}


.section-projects .projects-trust-icon{
    width:38px;
    height:38px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:var(--navy);

    font-size:25px;
}


.section-projects .projects-trust-item span{
    color:var(--navy);

    font-size:14px;
    line-height:1.2;

    font-weight:700;
}


.section-projects .projects-quote-btn{
    margin-left:auto;

    min-height:60px;

    padding:0 27px;

    display:flex;
    align-items:center;
    gap:10px;

    background:var(--orange);

    color:#fff;

    border:2px solid var(--orange);
    border-radius:10px;

    text-decoration:none;

    font-size:15px;
    font-weight:700;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.section-projects .projects-quote-btn:hover{
    transform:translateY(-3px);

    box-shadow:0 11px 24px rgba(232,58,21,.23);
}

.section-projects .projects-quote-btn strong{
    font-size:19px;

    transition:transform .2s ease;
}

.section-projects .projects-quote-btn:hover strong{
    transform:translateX(4px);
}


/* =========================================================
   HIDDEN PROJECTS
   ========================================================= */

.section-projects .project-card.project-hidden{
    display:none;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1200px){

    .section-projects .projects-intro{
        grid-template-columns:1fr;
    }

    .section-projects .projects-stats{
        max-width:800px;
    }

    .section-projects .projects-main{
        grid-template-columns:1fr;
    }

    .section-projects .projects-feature{
        min-height:400px;
    }
}


@media(max-width:900px){

    .section-projects .projects-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .section-projects .projects-filter-row{
        flex-direction:column;
        align-items:flex-start;
        gap:18px;
    }

    .section-projects .projects-filters{
        flex-wrap:wrap;
    }

    .section-projects .projects-trust-bar{
        flex-wrap:wrap;
        gap:18px;
    }

    .section-projects .projects-trust-logo{
        width:100%;
    }

    .section-projects .projects-quote-btn{
        margin-left:0;
    }
}


@media(max-width:600px){

    .section-projects .projects-intro{
        padding-top:45px;
    }

    .section-projects .projects-title{
        font-size:43px;
    }

    .section-projects .projects-description{
        font-size:16px;
    }

    .section-projects .projects-stats{
        height:auto;

        grid-template-columns:1fr;

        gap:22px;
    }

    .section-projects .project-stat{
        border-left:0;

        border-top:1px solid #ccd7e6;

        padding:18px 0 0;
    }

    .section-projects .project-stat:first-child{
        border-top:0;
    }

    .section-projects .projects-grid{
        grid-template-columns:1fr;
    }

    .section-projects .projects-feature{
        min-height:470px;

        padding:30px 25px;
    }

    .section-projects .projects-feature h3{
        font-size:32px;
    }

    .section-projects .projects-trust-bar{
        flex-direction:column;
        align-items:stretch;

        padding:25px 20px;
    }

    .section-projects .projects-trust-divider{
        display:none;
    }

    .section-projects .projects-trust-item{
        justify-content:center;
    }

    .section-projects .projects-quote-btn{
        justify-content:center;

        width:100%;
    }
}

@media (max-width:600px){

    /* =====================================================
       SECTION 4 — PROJECT STATS
       ===================================================== */

    .section-projects .projects-stats{
        display:grid !important;
        grid-template-columns:1fr !important;
        height:auto !important;
        gap:0 !important;
    }

    .section-projects .project-stat{
        width:100% !important;
        border-left:0 !important;
        border-top:1px solid #ccd7e6 !important;
        padding:18px 0 !important;
    }

    .section-projects .project-stat:first-child{
        border-top:0 !important;
    }


    /* =====================================================
       SECTION 4 — PROJECT FILTERS
       ===================================================== */

    .section-projects .projects-filters{
        width:100% !important;
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:10px !important;
    }

    .section-projects .projects-filters button{
        width:100% !important;
        min-width:0 !important;
        height:47px !important;
        padding:0 8px !important;
    }


    /* =====================================================
       SECTION 4 — TRUST BAR
       ===================================================== */

    .section-projects .projects-trust-bar{
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:0 !important;
        padding:25px 20px !important;
    }

    .section-projects .projects-trust-logo{
        width:100% !important;
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
        margin-bottom:18px !important;
    }

    .section-projects .projects-trust-logo img{
        width:220px !important;
        height:auto !important;
    }

    .section-projects .projects-trust-divider{
        display:none !important;
    }

    .section-projects .projects-trust-item{
        width:100% !important;
        min-width:0 !important;
        padding:10px 0 !important;
        justify-content:center !important;
    }

    .section-projects .projects-quote-btn{
        width:100% !important;
        margin:12px 0 0 !important;
        justify-content:center !important;
    }
}

@media (max-width:600px){

    /* PROJECT STATS — 3 IN ONE ROW */

    .section-projects .projects-stats{
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        height:auto !important;
        gap:0 !important;
    }

    .section-projects .project-stat{
        min-width:0 !important;
        padding:0 8px !important;
        border-left:1px solid #ccd7e6 !important;
        border-top:0 !important;
    }

    .section-projects .project-stat:first-child{
        border-left:0 !important;
    }

    .section-projects .project-stat-icon{
        height:32px !important;
        font-size:26px !important;
    }

    .section-projects .project-stat strong{
        font-size:26px !important;
    }

    .section-projects .project-stat h3{
        font-size:12px !important;
        line-height:1.15 !important;
    }

    .section-projects .project-stat p{
        font-size:10px !important;
        line-height:1.25 !important;
        max-width:100% !important;
    }


    /* TRUST BAR — NO LOGO / 2 × 2 */

    .section-projects .projects-trust-bar{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:0 !important;
        padding:20px 12px !important;
    }

    .section-projects .projects-trust-logo,
    .section-projects .projects-trust-divider{
        display:none !important;
    }

    .section-projects .projects-trust-item{
        min-width:0 !important;
        padding:12px 6px !important;
        justify-content:center !important;
    }

    .section-projects .projects-quote-btn{
        grid-column:1 / -1 !important;
        width:100% !important;
        margin:12px 0 0 !important;
        justify-content:center !important;
    }
}
/* =========================================================
   SECTION 5 — WHY CHOOSE STUTY
========================================================= */

.section-why {
    
  
    position: relative;
    background: #ffffff;
    padding: 0 0 34px;
    overflow: hidden;
}


/* ---------------------------------------------------------
   MAIN THREE-COLUMN LAYOUT
--------------------------------------------------------- */

.section-why .why-main {
    width: min(1480px, calc(100% - 56px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: 31% 1fr 24%;
    min-height: 700px;
}


/* ---------------------------------------------------------
   LEFT IMAGE
--------------------------------------------------------- */

.section-why .why-image-wrap {
    position: relative;
    min-height: 700px;
    overflow: hidden;
    background: #e9eef5;
}

.section-why .why-main-image {
    width: 100%;
    height: 100%;
    min-height: 700px;
    display: block;
    object-fit: cover;
}


/* Orange diagonal treatment */

.section-why .why-image-accent {
    position: absolute;
    top: 0;
    right: -1px;
    width: 100px;
    height: 100%;
    background: #E83A15;
    clip-path: polygon(72% 0, 100% 0, 28% 100%, 0 100%);
    z-index: 2;
    pointer-events: none;
}


/* Small white cutout */

.section-why .why-image-accent::after {
    content: "";
    position: absolute;
    inset: 0 25px 0 25px;
    background: rgba(255,255,255,0.92);
    clip-path: polygon(80% 0, 100% 0, 20% 100%, 0 100%);
}


/* Quote over image */

.section-why .why-image-quote {
    position: absolute;
    left: 38px;
    bottom: 62px;
    z-index: 4;
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    font-size: 25px;
    line-height: 1.28;
    text-shadow: 0 2px 8px rgba(0,0,0,0.28);
}

.section-why .why-image-quote span {
    display: block;
}


/* ---------------------------------------------------------
   CENTER CONTENT
--------------------------------------------------------- */

.section-why .why-content {
    padding: 64px 42px 42px;
    background: #ffffff;
}


/* Eyebrow */

.section-why .why-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;

    color: #E83A15;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.section-why .why-eyebrow span {
    width: 46px;
    height: 3px;
    background: #E83A15;
    display: inline-block;
}


/* Heading */

.section-why .why-content h2 {
    margin: 0;
    color: #00045F;
    font-size: clamp(38px, 3.2vw, 54px);
    line-height: 1.02;
    font-weight: 760;
    letter-spacing: -1.8px;
}


/* Intro */

.section-why .why-intro {
    max-width: 720px;
    margin: 24px 0 34px;

    color: #16295d;
    font-size: 18px;
    line-height: 1.5;
}


/* ---------------------------------------------------------
   BENEFIT CARDS
--------------------------------------------------------- */

.section-why .why-benefits {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}


/* Individual card */

.section-why .why-card {
    min-height: 188px;
    padding: 20px 18px;

    border: 1px solid #dce5f1;
    border-radius: 9px;
    background: #ffffff;

    box-shadow: 0 6px 18px rgba(0, 4, 95, 0.035);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.section-why .why-card:hover {
    transform: translateY(-5px);
    border-color: rgba(232,58,21,0.25);
    box-shadow: 0 14px 30px rgba(0, 4, 95, 0.09);
}


/* Temporary icon */

.section-why .why-icon {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 12px;

    color: #00045F;
    font-size: 28px;
}


/* Card heading */

.section-why .why-card h3 {
    margin: 0 0 8px;

    color: #00045F;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 750;
}


/* Card text */

.section-why .why-card p {
    margin: 0;

    color: #405174;
    font-size: 14px;
    line-height: 1.45;
}


/* ---------------------------------------------------------
   RIGHT TRUST PANEL
--------------------------------------------------------- */

.section-why .why-trust-panel {
    position: relative;

    margin: 38px 0 38px 18px;
    padding: 46px 32px 30px;

    display: flex;
    flex-direction: column;

    border-radius: 15px;
    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #061b58 0%,
            #00045F 55%,
            #00104b 100%
        );

    color: #ffffff;
}


/* subtle architectural pattern */

.section-why .why-trust-panel::after {
    content: "";
    position: absolute;
    inset: 0;

    opacity: 0.045;

    background-image:
        linear-gradient(
            90deg,
            transparent 49%,
            #ffffff 50%,
            transparent 51%
        ),
        linear-gradient(
            0deg,
            transparent 49%,
            #ffffff 50%,
            transparent 51%
        );

    background-size: 54px 54px;

    pointer-events: none;
}


/* Panel content stays above pattern */

.section-why .trust-panel-top,
.section-why .trust-list,
.section-why .trust-panel-bottom {
    position: relative;
    z-index: 2;
}


/* Trust eyebrow */

.section-why .trust-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 22px;

    color: #ff633e;
    font-size: 14px;
    font-weight: 800;
}

.section-why .trust-eyebrow span {
    width: 44px;
    height: 3px;
    background: #E83A15;
}


/* Trust heading */

.section-why .trust-panel-top h3 {
    margin: 0 0 24px;

    color: #ffffff;
    font-size: 34px;
    line-height: 1.02;
    font-weight: 760;
    letter-spacing: -1px;
}


/* Trust description */

.section-why .trust-panel-top p {
    margin: 0;

    color: rgba(255,255,255,0.88);
    font-size: 16px;
    line-height: 1.5;
}


/* Trust list */

.section-why .trust-list {
    margin-top: 38px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}


/* Trust item */

.section-why .trust-item {
    display: flex;
    align-items: center;
    gap: 18px;

    color: #ffffff;
    font-size: 16px;
    line-height: 1.3;
}


/* Trust icon */

.section-why .trust-item-icon {
    width: 38px;
    flex: 0 0 38px;

    color: #E83A15;
    font-size: 25px;
    text-align: center;
}


/* Bottom quote */

.section-why .trust-panel-bottom {
    margin-top: auto;
}

.section-why .trust-divider {
    height: 1px;
    width: 100%;
    margin-bottom: 24px;
    background: rgba(255,255,255,0.35);
}

.section-why .trust-panel-bottom p {
    margin: 0;

    color: rgba(255,255,255,0.92);

    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    font-style: italic;
    line-height: 1.4;
}

.section-why .trust-orange-line {
    display: block;

    width: 45px;
    height: 3px;

    margin-top: 12px;

    background: #E83A15;
}


/* ---------------------------------------------------------
   BOTTOM STAT BAR
--------------------------------------------------------- */

.section-why .why-stats-bar {
    width: min(1480px, calc(100% - 56px));
    min-height: 142px;

    margin: 10px auto 0;
    padding: 22px 28px;

    display: flex;
    align-items: center;

    border-radius: 12px;

    background: #f1f6fc;
}


/* Individual stats */

.section-why .why-stat {
    display: flex;
    align-items: center;
    gap: 15px;

    min-width: 225px;
}


/* Stat icon */

.section-why .why-stat-icon {
    width: 50px;

    color: #00045F;
    font-size: 37px;
    text-align: center;
}


/* Stat numbers */

.section-why .why-stat strong {
    display: block;

    color: #00045F;
    font-size: 31px;
    line-height: 1;
    font-weight: 780;
}


/* Stat labels */

.section-why .why-stat span {
    display: block;

    margin-top: 6px;

    color: #16295d;
    font-size: 14px;
}


/* Dividers */

.section-why .why-stat-divider {
    width: 1px;
    height: 62px;

    margin: 0 24px;

    background: #9eafd0;
}

.section-why .why-stat-divider-large {
    margin-left: 10px;
    margin-right: 30px;
}


/* CTA text */

.section-why .why-cta-text {
    margin-right: auto;

    color: #00045F;
    font-size: 17px;
    line-height: 1.25;
    font-weight: 700;
}


/* CTA button */

.section-why .why-cta-button {
    min-width: 220px;
    height: 62px;

    padding: 0 22px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;

    border-radius: 8px;

    background: #E83A15;
    color: #ffffff;

    text-decoration: none;

    font-size: 16px;
    font-weight: 700;

    box-shadow: 0 8px 20px rgba(232,58,21,0.18);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}

.section-why .why-cta-button:hover {
    transform: translateY(-3px);
    background: #d92f0d;
    box-shadow: 0 14px 28px rgba(232,58,21,0.28);
}

.section-why .why-cta-button span {
    font-size: 20px;
}

.section-why .why-cta-button b {
    margin-left: 5px;
    font-size: 20px;
}


/* ---------------------------------------------------------
   RESPONSIVE
--------------------------------------------------------- */

@media (max-width: 1200px) {

    .section-why .why-main {
        grid-template-columns: 29% 1fr 25%;
    }

    .section-why .why-content {
        padding: 50px 28px 35px;
    }

    .section-why .why-content h2 {
        font-size: 42px;
    }

    .section-why .why-benefits {
        gap: 12px;
    }

    .section-why .why-card {
        min-height: 175px;
        padding: 17px;
    }

    .section-why .why-trust-panel {
        padding: 38px 25px 28px;
    }

    .section-why .why-stat {
        min-width: 190px;
    }

    .section-why .why-stat-divider {
        margin: 0 14px;
    }
}


@media (max-width: 980px) {

    .section-why .why-main {
        width: min(100% - 32px, 760px);
        grid-template-columns: 1fr;
    }

    .section-why .why-image-wrap {
        min-height: 430px;
    }

    .section-why .why-main-image {
        min-height: 430px;
    }

    .section-why .why-content {
        padding: 45px 10px;
    }

    .section-why .why-benefits {
        grid-template-columns: repeat(2, 1fr);
    }

    .section-why .why-trust-panel {
        margin: 0;
        min-height: 500px;
    }

    .section-why .why-stats-bar {
        width: min(100% - 32px, 760px);
        flex-wrap: wrap;
        gap: 20px;
    }

    .section-why .why-stat-divider {
        display: none;
    }

    .section-why .why-cta-text {
        margin-left: auto;
    }
}


@media (max-width: 600px) {

    .section-why .why-main {
        width: calc(100% - 24px);
    }

    .section-why .why-image-wrap {
        min-height: 360px;
    }

    .section-why .why-main-image {
        min-height: 360px;
    }

    .section-why .why-image-quote {
        left: 22px;
        bottom: 35px;
        font-size: 21px;
    }

    .section-why .why-content {
        padding: 40px 5px;
    }

    .section-why .why-content h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .section-why .why-intro {
        font-size: 16px;
    }

    .section-why .why-benefits {
        grid-template-columns: 1fr;
    }

    .section-why .why-card {
        min-height: auto;
    }

    .section-why .why-trust-panel {
        min-height: 520px;
    }

    .section-why .why-stats-bar {
        width: calc(100% - 24px);
        padding: 25px 20px;
        flex-direction: column;
        align-items: flex-start;
    }

    .section-why .why-stat {
        min-width: 0;
    }

    .section-why .why-cta-text {
        margin: 5px 0;
    }

    .section-why .why-cta-button {
        width: 100%;
    }
}
@media (max-width:600px){

    .section-why .why-stats-bar{
        width:calc(100% - 24px);
        padding:25px 20px;
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:0;
        align-items:center;
    }

    .section-why .why-stat{
        min-width:0;
        width:100%;
        text-align:center;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
    }

    .section-why .why-cta-text{
        grid-column:1 / -1;
        width:100%;
        margin:20px 0 0;
        text-align:center;
    }

    .section-why .why-cta-button{
        width:100%;
    }

}

@media (max-width:600px){

    .section-why .why-stats-bar{
        width:calc(100% - 24px);
        padding:25px 14px;
        display:grid;
        grid-template-columns:repeat(3, minmax(0, 1fr));
        gap:0;
        align-items:start;
    }

    .section-why .why-stat{
        min-width:0;
        width:100%;
        padding:0 6px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
        text-align:center;
    }

    .section-why .why-stat strong{
        text-align:center;
        white-space:nowrap;
    }

    .section-why .why-stat span{
        text-align:center;
        line-height:1.25;
    }

    .section-why .why-cta-text{
        grid-column:1 / -1;
        width:100%;
        margin:22px 0 0;
        text-align:center;
    }

    .section-why .why-cta-button{
        grid-column:1 / -1;
        width:100%;
        margin-top:0;
    }

}
/* =========================================================
   SECTION 6 — BUILDER & CONSTRUCTION EXPERIENCE
========================================================= */

.section-builders {
    position: relative;
    background: #ffffff;
    padding: 58px 0 34px;
    overflow: hidden;
}


/* ---------------------------------------------------------
   TOP AREA
--------------------------------------------------------- */




/* ---------------------------------------------------------
   EYEBROW
--------------------------------------------------------- */

.section-builders .builders-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 17px;

    color: #E83A15;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.8px;
}

.section-builders .builders-eyebrow span {
    width: 46px;
    height: 3px;
    display: inline-block;

    background: #E83A15;
}


/* ---------------------------------------------------------
   MAIN HEADING
--------------------------------------------------------- */

.section-builders .builders-intro h2 {
    margin: 0;

    color: #00045F;

    font-size: clamp(40px, 3.4vw, 56px);
    line-height: 1.02;

    font-weight: 760;
    letter-spacing: -1.8px;
}

.section-builders .builders-intro h2 span {
    color: #E83A15;
}


/* ---------------------------------------------------------
   DESCRIPTION
--------------------------------------------------------- */

.section-builders .builders-intro > p {
    max-width: 720px;

    margin: 18px 0 0;

    color: #172b5e;

    font-size: 17px;
    line-height: 1.45;
}


/* ---------------------------------------------------------
   BUILDER PARTNERS
--------------------------------------------------------- */




.section-builders .builder-partner {
    min-width: 0;
}


.section-builders .builder-logo-box {
    height: 126px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 14px;

    border: 1px solid #dce6f3;
    border-radius: 8px;

    background: #ffffff;

    box-shadow: 0 5px 18px rgba(0,4,95,0.035);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.section-builders .builder-logo-box:hover {
    transform: translateY(-3px);

    box-shadow: 0 12px 25px rgba(0,4,95,0.09);
}


.section-builders .builder-logo-box img {
    max-width: 100%;
    max-height: 100%;

    object-fit: contain;
}


.section-builders .builder-partner h3 {
    margin: 10px 0 2px;

    color: #00045F;

    font-size: 16px;
    line-height: 1.2;
    font-weight: 750;
}


.section-builders .builder-partner p {
    margin: 0;

    color: #31456f;

    font-size: 13px;
}


/* ---------------------------------------------------------
   STATS
--------------------------------------------------------- */




.section-builders .builder-stat {
    display: flex;
    align-items: center;
    gap: 14px;

    padding: 0 0 16px;
    margin-bottom: 16px;

    border-bottom: 1px solid #dce5f1;
}




.section-builders .builder-stat-icon {
    width: 42px;
    flex: 0 0 42px;

    color: #00045F;

    font-size: 28px;
    text-align: center;
}


.section-builders .builder-stat strong {
    display: block;

    color: #E83A15;

    font-size: 29px;
    line-height: 1;
    font-weight: 800;
}


.section-builders .builder-stat span {
    display: block;

    margin-top: 4px;

    color: #00045F;

    font-size: 13px;
    line-height: 1.2;
}


/* ---------------------------------------------------------
   PROJECT GALLERY
--------------------------------------------------------- */




.section-builders .builder-project-card {
    position: relative;

    height: 184px;

    overflow: hidden;

    border-radius: 10px;

    background: #e8eef6;
}


.section-builders .builder-project-card img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform .4s ease;
}


.section-builders .builder-project-card:hover img {
    transform: scale(1.045);
}


/* ---------------------------------------------------------
   PROJECT LABEL
--------------------------------------------------------- */

.section-builders .builder-project-label {
    position: absolute;

    left: 0;
    bottom: 0;

    min-width: 72%;

    padding: 9px 14px 10px;

    color: #ffffff;

    background: rgba(0, 4, 95, 0.94);

    font-size: 13px;
    font-weight: 700;
    line-height: 1.15;
}


.section-builders .builder-project-label span {
    position: absolute;

    left: 0;
    bottom: 0;

    width: 35px;
    height: 4px;

    background: #E83A15;
}


/* ---------------------------------------------------------
   BOTTOM BAR
--------------------------------------------------------- */

.section-builders .builder-bottom-bar {
    width: min(1425px, calc(100% - 110px));

    min-height: 64px;

    margin: 26px auto 0;
    padding: 0 24px;

    display: flex;
    align-items: center;

    border-radius: 12px;

    background: #00045F;

    color: #ffffff;

    font-size: 16px;
    font-weight: 700;
}


/* ---------------------------------------------------------
   RESPONSIVE
--------------------------------------------------------- */

@media (max-width: 1200px) {

    .section-builders .builders-top,
    .section-builders .builder-projects,
    .section-builders .builder-bottom-bar {
        width: min(100% - 60px, 1100px);
    }

    .section-builders .builders-top {
        grid-template-columns: 1.5fr 1.2fr 0.7fr;
        gap: 24px;
    }

    .section-builders .builder-stats {
        padding-left: 20px;
    }

    .section-builders .builder-stat {
        gap: 8px;
    }

    .section-builders .builder-stat-icon {
        width: 34px;
        flex-basis: 34px;
    }

    .section-builders .builder-projects {
        gap: 10px;
    }
}


@media (max-width: 950px) {

    .section-builders {
        padding-top: 45px;
    }

    .section-builders .builders-top {
        grid-template-columns: 1fr 1fr;
    }

    .section-builders .builders-intro {
        grid-column: 1 / -1;
    }

    .section-builders .builder-stats {
        border-left: none;
        border-top: 1px solid #d8e1ee;

        padding: 20px 0 0;
    }

    .section-builders .builder-projects {
        grid-template-columns: repeat(3, 1fr);
    }

    .section-builders .builder-project-card {
        height: 175px;
    }
}


@media (max-width: 650px) {

    .section-builders .builders-top,
    .section-builders .builder-projects,
    .section-builders .builder-bottom-bar {
        width: calc(100% - 28px);
    }

    .section-builders .builders-top {
        grid-template-columns: 1fr;
    }

    .section-builders .builders-intro {
        grid-column: auto;
    }

    .section-builders .builders-intro h2 {
        font-size: 36px;
    }

    .section-builders .builders-intro > p {
        font-size: 16px;
    }

    .section-builders .builder-partners {
        gap: 12px;
    }

    .section-builders .builder-stats {
        width: 100%;
    }

    .section-builders .builder-projects {
        grid-template-columns: 1fr 1fr;
    }

    .section-builders .builder-project-card {
        height: 160px;
    }
}
/* =========================================================
   SECTION 6 — FINAL DESKTOP LAYOUT FIX
   Add this at the VERY BOTTOM of CSS
========================================================= */

.section-builders .builders-top {
    width: min(1425px, calc(100% - 110px)) !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1.65fr) minmax(260px, 1.1fr) minmax(220px, 0.75fr) !important;

    gap: 38px !important;
    align-items: start !important;
}


/* Builder logos side by side */

.section-builders .builder-partners {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;

    padding-top: 4px !important;
}


/* Stats column */

.section-builders .builder-stats {
    display: flex !important;
    flex-direction: column !important;

    border-left: 1px solid #d8e1ee !important;
    padding-left: 30px !important;
}


/* Stats themselves */

.section-builders .builder-stat {
    display: flex !important;
    align-items: center !important;

    gap: 12px !important;

    padding: 0 0 16px !important;
    margin: 0 0 16px !important;

    border-bottom: 1px solid #dce5f1 !important;
}

.section-builders .builder-stat:last-child {
    margin-bottom: 0 !important;
    border-bottom: none !important;
}


/* Keep project gallery as 5 columns */

.section-builders .builder-projects {
    width: min(1425px, calc(100% - 110px)) !important;
    margin: 30px auto 0 !important;

    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 14px !important;
}


/* Project cards */

.section-builders .builder-project-card {
    width: 100% !important;
    height: 184px !important;
}


/* Bottom bar */

.section-builders .builder-bottom-bar {
    width: min(1425px, calc(100% - 110px)) !important;
    margin: 26px auto 0 !important;
}


/* ---------------------------------------------------------
   DESKTOP HEADING
--------------------------------------------------------- */

.section-builders .builders-intro h2 {
    font-size: clamp(40px, 3.2vw, 54px) !important;
    line-height: 1.03 !important;
}


/* Description */

.section-builders .builders-intro > p {
    max-width: 720px !important;
}


/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media (max-width: 1100px) {

    .section-builders .builders-top {
        width: calc(100% - 60px) !important;

        grid-template-columns:
            minmax(0, 1.4fr)
            minmax(240px, 1fr) !important;

        gap: 28px !important;
    }

    .section-builders .builder-stats {
        grid-column: 1 / -1;

        border-left: none !important;
        border-top: 1px solid #d8e1ee;

        padding: 22px 0 0 !important;

        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
    }

    .section-builders .builder-stat {
        margin: 0 !important;
        padding: 0 !important;

        border-bottom: none !important;
    }

    .section-builders .builder-projects {
        width: calc(100% - 60px) !important;
        grid-template-columns: repeat(3, 1fr) !important;
    }
}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 700px) {

    .section-builders .builders-top {
        width: calc(100% - 28px) !important;

        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    .section-builders .builder-partners {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .section-builders .builder-stats {
        grid-column: auto !important;

        display: flex !important;
        flex-direction: column !important;

        gap: 16px !important;
    }

    .section-builders .builder-stat {
        border-bottom: 1px solid #dce5f1 !important;
        padding-bottom: 14px !important;
    }

    .section-builders .builder-projects {
        width: calc(100% - 28px) !important;

        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width:700px) {

    .section-builders .builder-stats {
        display:grid !important;
        grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
        gap:0 !important;
        width:100% !important;
        padding:18px 0 0 !important;
    }

    .section-builders .builder-stat {
        min-width:0 !important;
        width:100% !important;
        padding:0 6px !important;
        margin:0 !important;
        border-bottom:none !important;
        border-right:1px solid #dce5f1 !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:flex-start !important;
        text-align:center !important;
    }

    .section-builders .builder-stat:last-child {
        border-right:none !important;
    }

    .section-builders .builder-stat-icon {
        width:auto !important;
        flex:0 0 auto !important;
        font-size:25px !important;
        margin-bottom:5px !important;
    }

    .section-builders .builder-stat strong {
        font-size:25px !important;
        line-height:1 !important;
        text-align:center !important;
    }

    .section-builders .builder-stat span {
        margin-top:5px !important;
        font-size:11px !important;
        line-height:1.2 !important;
        text-align:center !important;
    }

}
/* =========================================================
   FAQ SECTION
========================================================= */

.section-faq {
    position: relative;
    background: #f4f8fd;
    padding: 72px 0;
    overflow: hidden;
}


/* ---------------------------------------------------------
   MAIN LAYOUT
--------------------------------------------------------- */

.section-faq .faq-inner {
    width: min(1425px, calc(100% - 110px));
    margin: 0 auto;

    display: grid;
    grid-template-columns: 0.82fr 1.18fr;
    gap: 85px;

    align-items: start;
}


/* ---------------------------------------------------------
   LEFT INTRO
--------------------------------------------------------- */

.section-faq .faq-intro {
    padding-top: 8px;
}


.section-faq .faq-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 19px;

    color: #E83A15;

    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.7px;
}


.section-faq .faq-eyebrow span {
    width: 46px;
    height: 3px;

    background: #E83A15;
}


.section-faq .faq-intro h2 {
    margin: 0;

    color: #00045F;

    font-size: clamp(40px, 3.5vw, 55px);
    line-height: 1.03;

    font-weight: 760;
    letter-spacing: -1.8px;
}


.section-faq .faq-intro h2 span {
    color: #E83A15;
}


.section-faq .faq-intro > p {
    max-width: 500px;

    margin: 24px 0 0;

    color: #344b76;

    font-size: 17px;
    line-height: 1.55;
}


/* Small note */

.section-faq .faq-note {
    margin-top: 42px;

    padding: 21px 23px;

    border-left: 4px solid #E83A15;
    border-radius: 0 9px 9px 0;

    background: #ffffff;

    box-shadow: 0 7px 22px rgba(0,4,95,0.045);
}


.section-faq .faq-note strong {
    display: block;

    color: #00045F;

    font-size: 16px;
}


.section-faq .faq-note span {
    display: block;

    margin-top: 5px;

    color: #526585;

    font-size: 14px;
}


/* ---------------------------------------------------------
   FAQ LIST
--------------------------------------------------------- */

.section-faq .faq-list {
    display: flex;
    flex-direction: column;
    gap: 11px;
}


/* Individual item */

.section-faq .faq-item {
    border: 1px solid #dce5f1;
    border-radius: 9px;

    background: #ffffff;

    overflow: hidden;

    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}


.section-faq .faq-item:hover {
    border-color: rgba(0,4,95,0.18);
}


.section-faq .faq-item.active {
    border-color: rgba(0,4,95,0.18);

    box-shadow: 0 8px 24px rgba(0,4,95,0.055);
}


/* ---------------------------------------------------------
   QUESTION BUTTON
--------------------------------------------------------- */

.section-faq .faq-question {
    width: 100%;

    min-height: 70px;

    padding: 18px 22px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    border: none;
    outline: none;

    background: transparent;

    color: #00045F;

    font-family: inherit;
    font-size: 16px;
    font-weight: 720;

    text-align: left;

    cursor: pointer;
}


.section-faq .faq-toggle {
    width: 30px;
    height: 30px;

    flex: 0 0 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #eef3fa;

    color: #E83A15;

    font-size: 21px;
    font-weight: 500;

    transition:
        transform .25s ease,
        background .25s ease;
}


.section-faq .faq-item.active .faq-toggle {
    transform: rotate(45deg);

    background: #E83A15;
    color: #ffffff;
}


/* ---------------------------------------------------------
   ANSWER
--------------------------------------------------------- */

.section-faq .faq-answer {
    display: grid;
    grid-template-rows: 0fr;

    transition: grid-template-rows .3s ease;
}


.section-faq .faq-answer p {
    min-height: 0;
    overflow: hidden;

    margin: 0;
    padding: 0 22px;

    color: #506181;

    font-size: 15px;
    line-height: 1.55;

    transition:
        padding .3s ease;
}


.section-faq .faq-item.active .faq-answer {
    grid-template-rows: 1fr;
}


.section-faq .faq-item.active .faq-answer p {
    padding: 0 22px 21px;
}


/* ---------------------------------------------------------
   RESPONSIVE
--------------------------------------------------------- */

@media (max-width: 1100px) {

    .section-faq .faq-inner {
        width: calc(100% - 60px);
        gap: 45px;
    }

    .section-faq .faq-intro h2 {
        font-size: 43px;
    }
}


@media (max-width: 850px) {

    .section-faq {
        padding: 55px 0;
    }

    .section-faq .faq-inner {
        width: calc(100% - 40px);

        grid-template-columns: 1fr;
        gap: 40px;
    }

    .section-faq .faq-intro > p {
        max-width: 650px;
    }

    .section-faq .faq-note {
        max-width: 450px;
    }
}


@media (max-width: 600px) {

    .section-faq {
        padding: 45px 0;
    }

    .section-faq .faq-inner {
        width: calc(100% - 28px);
    }

    .section-faq .faq-intro h2 {
        font-size: 35px;
        letter-spacing: -1px;
    }

    .section-faq .faq-intro > p {
        font-size: 16px;
    }

    .section-faq .faq-question {
        min-height: 64px;
        padding: 16px 17px;

        font-size: 15px;
    }

    .section-faq .faq-toggle {
        width: 27px;
        height: 27px;
        flex-basis: 27px;
    }

    .section-faq .faq-answer p {
        padding-left: 17px;
        padding-right: 17px;
        font-size: 14px;
    }

    .section-faq .faq-item.active .faq-answer p {
        padding-left: 17px;
        padding-right: 17px;
        padding-bottom: 18px;
    }
}
.section-faq .faq-help-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    margin-top: 18px;
    padding: 12px 20px;

    border-radius: 6px;

    background: #E83A15;
    color: #ffffff;

    text-decoration: none;

    font-size: 14px;
    font-weight: 750;

    box-shadow: 0 6px 16px rgba(232,58,21,0.16);

    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}

.section-faq .faq-help-button:hover {
    transform: translateY(-2px);
    background: #d92f0d;
    box-shadow: 0 10px 22px rgba(232,58,21,0.25);
}

.section-faq .faq-help-button b {
    font-size: 18px;
    line-height: 1;
}
/* =========================================================
   SECTION 8 — CLIENT REVIEWS
========================================================= */

.section-reviews {
    position: relative;

    padding: 68px 0;

    background: #ffffff;

    overflow: hidden;
}


/* =========================================================
   MAIN CONTAINER
========================================================= */




/* =========================================================
   EYEBROW
========================================================= */

.section-reviews .reviews-eyebrow {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 14px;

    color: #E83A15;

    font-size: 14px;
    font-weight: 800;

    letter-spacing: .8px;
}


.section-reviews .reviews-eyebrow span {
    width: 46px;
    height: 3px;

    background: #E83A15;
}


/* =========================================================
   HEADING ROW
========================================================= */

.section-reviews .reviews-heading-row {
    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 30px;

    margin-bottom: 28px;
}


.section-reviews .reviews-heading-row h2 {
    margin: 0;

    color: #00045F;

    font-size: clamp(42px, 3.7vw, 56px);

    line-height: 1.02;

    font-weight: 760;

    letter-spacing: -1.8px;
}


.section-reviews .reviews-heading-row h2 span {
    color: #E83A15;
}


.section-reviews .reviews-heading-row p {
    max-width: 670px;

    margin: 15px 0 0;

    color: #526684;

    font-size: 16px;

    line-height: 1.45;
}


/* =========================================================
   RATING
========================================================= */

.section-reviews .reviews-rating {
    min-width: 145px;

    padding: 12px 15px;

    border-left: 1px solid #d9e3ef;

    text-align: right;
}


.section-reviews .reviews-rating strong {
    display: block;

    color: #00045F;

    font-size: 34px;

    line-height: 1;

    font-weight: 800;
}


.section-reviews .reviews-stars {
    margin-top: 6px;

    color: #F5A623;

    font-size: 17px;

    letter-spacing: 1px;
}


.section-reviews .reviews-rating > span {
    display: block;

    margin-top: 3px;

    color: #647594;

    font-size: 12px;
}


/* =========================================================
   REVIEW GRID
========================================================= */




/* =========================================================
   REVIEW CARD
========================================================= */

.section-reviews .review-card {
    min-height: 250px;

    padding: 21px;

    border: 1px solid #dce5f1;

    border-radius: 11px;

    background: #ffffff;

    box-shadow: 0 7px 22px rgba(0,4,95,.035);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.section-reviews .review-card:hover {
    transform: translateY(-3px);

    border-color: rgba(0,4,95,.15);

    box-shadow: 0 12px 28px rgba(0,4,95,.08);
}


/* =========================================================
   CARD HEADER
========================================================= */

.section-reviews .review-card-top {
    display: flex;

    align-items: center;

    gap: 10px;
}


.section-reviews .review-avatar {
    width: 39px;
    height: 39px;

    flex: 0 0 39px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #eef3fa;

    color: #00045F;

    font-size: 15px;

    font-weight: 800;
}





.section-reviews .review-author strong {
    display: block;

    color: #00045F;

    font-size: 14px;

    line-height: 1.2;
}


.section-reviews .review-author span {
    display: block;

    margin-top: 3px;

    color: #71809a;

    font-size: 11px;
}


.section-reviews .review-google {
    color: #4285F4;

    font-size: 20px;

    font-weight: 800;
}


/* =========================================================
   CARD STARS
========================================================= */

.section-reviews .review-card .review-stars {
    margin-top: 15px;

    color: #F5A623;

    font-size: 15px;

    letter-spacing: 1px;
}


/* =========================================================
   REVIEW TEXT
========================================================= */

.section-reviews .review-card > p {
    margin: 14px 0 18px;

    color: #526684;

    font-size: 14px;

    line-height: 1.5;
}


/* =========================================================
   SERVICE LABEL
========================================================= */

.section-reviews .review-service {
    display: inline-flex;

    padding: 6px 10px;

    border-radius: 5px;

    background: #eef4fb;

    color: #00045F;

    font-size: 11px;

    font-weight: 700;
}


/* =========================================================
   REVIEW CONTROLS
========================================================= */

.section-reviews .reviews-controls {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 18px;

    margin-top: 22px;
}


.section-reviews .reviews-controls button {
    width: 34px;
    height: 34px;

    border: 1px solid #d8e2ef;

    border-radius: 50%;

    background: #ffffff;

    color: #00045F;

    font-size: 16px;

    cursor: pointer;

    transition:
        background .25s ease,
        color .25s ease;
}


.section-reviews .reviews-controls button:hover {
    background: #00045F;

    color: #ffffff;
}


.section-reviews .reviews-dots {
    display: flex;

    align-items: center;

    gap: 7px;
}


.section-reviews .reviews-dots span {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #d4deeb;
}


.section-reviews .reviews-dots span.active {
    width: 21px;

    border-radius: 5px;

    background: #E83A15;
}


/* =========================================================
   RIGHT TRUST PANEL
========================================================= */

.section-reviews .reviews-trust-panel {
    position: relative;

    min-height: 100%;

    padding: 31px;

    overflow: hidden;

    border-radius: 13px;

    background: #00045F;

    color: #ffffff;
}


.section-reviews .reviews-trust-panel::after {
    content: "";

    position: absolute;

    right: -80px;
    bottom: -80px;

    width: 250px;
    height: 250px;

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 50%;

    box-shadow:
        0 0 0 30px rgba(255,255,255,.025),
        0 0 0 60px rgba(255,255,255,.018);
}


.section-reviews .reviews-trust-eyebrow {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;

    gap: 11px;

    color: #E83A15;

    font-size: 12px;

    font-weight: 800;
}


.section-reviews .reviews-trust-eyebrow span {
    width: 42px;
    height: 3px;

    background: #E83A15;
}


.section-reviews .reviews-google-large {
    position: relative;
    z-index: 2;

    margin-top: 30px;

    color: #ffffff;

    font-size: 65px;

    line-height: 1;

    font-weight: 500;
}


.section-reviews .reviews-trust-panel h3 {
    position: relative;
    z-index: 2;

    margin: 19px 0 0;

    color: #ffffff;

    font-size: 34px;

    line-height: 1.02;

    font-weight: 760;
}


.section-reviews .reviews-trust-panel h3 span {
    color: #E83A15;
}


.section-reviews .reviews-trust-panel > p {
    position: relative;
    z-index: 2;

    margin: 22px 0 22px;

    color: #ffffff;

    font-size: 15px;

    line-height: 1.48;
}


.section-reviews .reviews-trust-points {
    position: relative;
    z-index: 2;

    display: flex;

    flex-direction: column;

    gap: 13px;
}


.section-reviews .reviews-trust-points div {
    display: flex;

    align-items: center;

    gap: 10px;

    color: #ffffff;

    font-size: 14px;
}


.section-reviews .reviews-trust-points span {
    color: #E83A15;

    font-size: 17px;

    font-weight: 900;
}


/* =========================================================
   READ ALL REVIEWS BUTTON
========================================================= */

.section-reviews .reviews-read-button {
    position: relative;
    z-index: 3;

    display: flex;

    align-items: center;
    justify-content: space-between;

    margin-top: 28px;

    padding: 13px 16px;

    border: 1px solid #E83A15;

    border-radius: 7px;

    background: #E83A15;

    color: #ffffff;

    text-decoration: none;

    font-size: 14px;

    font-weight: 750;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.section-reviews .reviews-read-button:hover {
    transform: translateY(-2px);

    box-shadow: 0 9px 22px rgba(232,58,21,.28);
}


.section-reviews .reviews-read-button span {
    font-size: 18px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    .section-reviews .reviews-inner {
        width: calc(100% - 60px);

        grid-template-columns: 1fr;
    }

    .section-reviews .reviews-trust-panel {
        min-height: 350px;
    }
}


@media (max-width: 700px) {

    .section-reviews {
        padding: 48px 0;
    }

    .section-reviews .reviews-inner {
        width: calc(100% - 28px);
    }

    .section-reviews .reviews-heading-row {
        align-items: flex-start;

        flex-direction: column;
    }

    .section-reviews .reviews-rating {
        border-left: none;
        border-top: 1px solid #d9e3ef;

        padding: 13px 0 0;

        text-align: left;
    }

    .section-reviews .reviews-grid {
        grid-template-columns: 1fr;
    }

    .section-reviews .review-card {
        min-height: auto;
    }

    .section-reviews .reviews-trust-panel {
        min-height: 400px;

        padding: 26px;
    }
}
/* =========================================================
   SECTION 8 — FINAL REVIEW LAYOUT OVERRIDE
   ========================================================= */

.section-reviews {
    width: 100%;
    box-sizing: border-box;
}

.section-reviews .reviews-inner {
    width: min(1425px, calc(100% - 110px)) !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 330px !important;
    gap: 28px !important;

    align-items: stretch !important;
}


/* MAIN REVIEWS AREA */

.section-reviews .reviews-main {
    width: 100% !important;
    min-width: 0 !important;
    position: relative !important;
}


/* HEADING */

.section-reviews .reviews-heading-row {
    width: 100% !important;
    box-sizing: border-box;
}


/* REVIEW GRID */

.section-reviews .reviews-grid {
    width: 100% !important;
    max-width: none !important;

    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    gap: 16px !important;

    position: relative !important;
}


/* EACH CARD */

.section-reviews .review-card {
    position: relative !important;

    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;

    display: block !important;

    box-sizing: border-box !important;

    transform: none;
}


/* CARD HEADER */

.section-reviews .review-card-top {
    width: 100% !important;

    display: flex !important;
    align-items: center !important;

    box-sizing: border-box;
}


/* AUTHOR */

.section-reviews .review-author {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}


/* REVIEW TEXT */

.section-reviews .review-card > p {
    width: auto !important;
    max-width: none !important;
}


/* CONTROLS */

.section-reviews .reviews-controls {
    position: relative !important;

    width: 100% !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 20px 0 0 !important;
}


/* TRUST PANEL */

.section-reviews .reviews-trust-panel {
    width: auto !important;
    min-width: 0 !important;

    position: relative !important;

    box-sizing: border-box !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    .section-reviews .reviews-inner {
        width: calc(100% - 60px) !important;

        grid-template-columns: 1fr !important;
    }

    .section-reviews .reviews-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .section-reviews .reviews-inner {
        width: calc(100% - 28px) !important;
    }

    .section-reviews .reviews-grid {
        grid-template-columns: 1fr !important;
    }

}
.section-reviews .review-google img {
    width: 24px !important;
    height: 24px !important;
    object-fit: contain;
}


/* =========================================================
   SECTION 9 — LOCATION + SERVICE AREAS
========================================================= */

.section-location {
    position: relative;
    width: 100%;

    padding: 70px 0 0;

    background: #ffffff;

    overflow: hidden;
}


/* =========================================================
   LOCATION TOP
========================================================= */

.section-location .location-top {
    width: min(1425px, calc(100% - 110px));

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(330px, .95fr)
        minmax(480px, 1.45fr)
        minmax(285px, .72fr);

    gap: 20px;

    align-items: stretch;
}


/* =========================================================
   EYEBROW
========================================================= */

.section-location .location-eyebrow {
    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 15px;

    color: #E83A15;

    font-size: 14px;

    font-weight: 800;

    letter-spacing: .7px;
}


.section-location .location-eyebrow span {
    width: 47px;
    height: 3px;

    flex-shrink: 0;

    background: #E83A15;
}


/* =========================================================
   LOCATION INFORMATION
========================================================= */

.section-location .location-info {
    padding-top: 3px;
}


.section-location .location-info h2 {
    margin: 0;

    color: #00045F;

    font-size: clamp(42px, 4vw, 58px);

    line-height: .98;

    font-weight: 760;

    letter-spacing: -2px;
}


.section-location .location-info h2 span {
    color: #E83A15;
}


.section-location .location-intro {
    max-width: 470px;

    margin: 18px 0 25px;

    color: #162d62;

    font-size: 16px;

    line-height: 1.48;
}


/* =========================================================
   LOCATION DETAILS
========================================================= */

.section-location .location-details {
    display: flex;

    flex-direction: column;

    gap: 17px;
}


.section-location .location-detail {
    display: flex;

    align-items: center;

    gap: 14px;
}


.section-location .location-detail-icon {
    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #E83A15;

    font-size: 25px;

    font-weight: 800;
}


.section-location .location-detail strong {
    display: block;

    color: #00045F;

    font-size: 16px;

    line-height: 1.2;
}


.section-location .location-detail span {
    display: block;

    margin-top: 4px;

    color: #172e62;

    font-size: 14px;

    line-height: 1.3;
}


/* =========================================================
   MAP
========================================================= */

.section-location .location-map {
    min-height: 500px;

    overflow: hidden;

    border-radius: 11px;

    background: #e8eef6;

    box-shadow:
        0 8px 28px rgba(0,4,95,.08);
}


.section-location .location-map iframe {
    width: 100%;
    height: 100%;

    min-height: 500px;

    display: block;

    border: 0;
}


/* =========================================================
   RIGHT NAVY CARD
========================================================= */

.section-location .location-side-card {
    position: relative;

    min-height: 500px;

    padding: 31px;

    overflow: hidden;

    border-radius: 12px;

    background: #00045F;

    color: #ffffff;

    display: flex;

    flex-direction: column;
}


.section-location .location-side-card::after {
    content: "";

    position: absolute;

    right: -60px;
    bottom: -70px;

    width: 250px;
    height: 250px;

    border-radius: 50%;

    border: 1px solid rgba(255,255,255,.08);

    box-shadow:
        0 0 0 28px rgba(255,255,255,.025),
        0 0 0 56px rgba(255,255,255,.018);
}


.section-location .location-side-eyebrow {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 11px;

    margin-bottom: 17px;

    color: #E83A15;

    font-size: 13px;

    font-weight: 800;
}


.section-location .location-side-eyebrow span {
    width: 43px;
    height: 3px;

    background: #E83A15;
}


.section-location .location-side-card h3 {
    position: relative;

    z-index: 2;

    margin: 0;

    color: #ffffff;

    font-size: clamp(31px, 2.5vw, 39px);

    line-height: 1.02;

    font-weight: 760;

    letter-spacing: -1px;
}


.section-location .location-side-card h3 span {
    color: #E83A15;
}


.section-location .location-side-card > p {
    position: relative;

    z-index: 2;

    margin: 19px 0 20px;

    color: #ffffff;

    font-size: 16px;

    line-height: 1.45;
}


/* =========================================================
   DIRECTIONS BUTTON
========================================================= */

.section-location .location-direction-btn {
    position: relative;

    z-index: 3;

    width: fit-content;

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 13px 17px;

    border-radius: 7px;

    background: #E83A15;

    color: #ffffff;

    text-decoration: none;

    font-size: 14px;

    font-weight: 750;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.section-location .location-direction-btn:hover {
    transform: translateY(-2px);

    box-shadow:
        0 9px 22px rgba(232,58,21,.28);
}


.section-location .location-direction-btn b {
    font-size: 18px;
}


/* =========================================================
   SIDE QUOTE
========================================================= */

.section-location .location-side-quote {
    position: relative;

    z-index: 2;

    margin-top: auto;

    padding-top: 24px;

    color: #ffffff;

    font-family: Georgia, serif;

    font-style: italic;

    font-size: 22px;

    line-height: 1.15;
}


/* =========================================================
   SERVICE AREA ROW
========================================================= */

.section-location .service-area-row {
    width: min(1425px, calc(100% - 110px));

    margin: 22px auto 0;

    padding-top: 22px;

    border-top: 1px solid #e1e8f1;

    display: grid;

    grid-template-columns:
        minmax(330px, 1fr)
        minmax(570px, 1.65fr)
        minmax(220px, .65fr);

    gap: 18px;

    align-items: stretch;
}


/* =========================================================
   SERVICE AREA INTRO
========================================================= */

.section-location .service-area-intro {
    padding-top: 4px;
}


.section-location .service-area-intro h3 {
    margin: 0;

    color: #00045F;

    font-size: clamp(34px, 3vw, 43px);

    line-height: 1.03;

    font-weight: 760;

    letter-spacing: -1.4px;
}


.section-location .service-area-intro h3 span {
    color: #E83A15;
}


.section-location .service-area-intro p {
    max-width: 480px;

    margin: 14px 0 0;

    color: #172e62;

    font-size: 15px;

    line-height: 1.45;
}


/* =========================================================
   SERVICE AREA LIST
========================================================= */

.section-location .service-area-list {
    padding: 22px 26px;

    border-radius: 11px;

    background: #eef4fb;
}


.section-location .service-area-heading {
    display: flex;

    align-items: center;

    gap: 11px;

    margin-bottom: 14px;

    color: #00045F;

    font-size: 20px;

    font-weight: 760;
}


.section-location .service-area-heading span {
    font-size: 22px;
}


.section-location .area-columns {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 0;
}


.section-location .area-columns > div {
    padding: 0 17px;

    border-right: 1px solid #d5dfed;

    display: flex;

    flex-direction: column;

    gap: 8px;

    color: #132b60;

    font-size: 14px;

    line-height: 1.3;
}


.section-location .area-columns > div:first-child {
    padding-left: 0;
}


.section-location .area-columns > div:last-child {
    padding-right: 0;

    border-right: none;
}


.section-location .area-columns span {
    color: #E83A15;

    font-weight: 900;

    margin-right: 5px;
}


/* =========================================================
   AREA CONTACT CARD
========================================================= */

.section-location .area-contact-card {
    padding: 20px 18px;

    border-radius: 11px;

    background: #eef4fb;

    text-align: center;
}


.section-location .area-contact-icon {
    margin-bottom: 7px;

    color: #00045F;

    font-size: 34px;
}


.section-location .area-contact-card h4 {
    margin: 0;

    color: #00045F;

    font-size: 16px;

    font-weight: 800;
}


.section-location .area-contact-card p {
    max-width: 175px;

    margin: 9px auto 13px;

    color: #243b6c;

    font-size: 14px;

    line-height: 1.35;
}


.section-location .area-contact-card a {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    padding: 10px 12px;

    border: 1px solid #E83A15;

    border-radius: 6px;

    background: #ffffff;

    color: #E83A15;

    text-decoration: none;

    font-size: 14px;

    font-weight: 750;

    transition:
        background .25s ease,
        color .25s ease;
}


.section-location .area-contact-card a:hover {
    background: #E83A15;

    color: #ffffff;
}


/* =========================================================
   FINAL STUTY CTA
========================================================= */

.section-location .location-final-cta {
    width: min(1425px, calc(100% - 110px));

    min-height: 145px;

    margin: 22px auto 0;

    padding: 20px 28px;

    box-sizing: border-box;

    display: flex;

    align-items: center;

    gap: 32px;

    border-radius: 0;

    background:
        linear-gradient(
            90deg,
            #00045F 0%,
            #00175d 55%,
            #05236b 100%
        );

    color: #ffffff;

    overflow: hidden;
}


.section-location .location-final-logo {
    width: 280px;

    flex: 0 0 280px;
}


.section-location .location-final-logo img {
    width: 235px;

    height: auto;

    display: block;

    object-fit: contain;
}


.section-location .location-final-divider {
    width: 1px;

    height: 65px;

    flex: 0 0 1px;

    background: rgba(255,255,255,.55);
}


.section-location .location-final-message {
    display: flex;

    flex-direction: column;

    gap: 2px;

    flex: 1;
}


.section-location .location-final-message strong {
    color: #ffffff;

    font-size: 25px;

    line-height: 1.1;

    font-weight: 700;
}


.section-location .location-final-message span {
    color: #ffffff;

    font-size: 25px;

    line-height: 1.1;
}


.section-location .location-final-message b {
    color: #E83A15;
}


.section-location .location-final-button {
    min-width: 270px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    padding: 16px 22px;

    border-radius: 7px;

    background: #E83A15;

    color: #ffffff;

    text-decoration: none;

    font-size: 16px;

    font-weight: 750;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.section-location .location-final-button:hover {
    transform: translateY(-2px);

    box-shadow:
        0 10px 24px rgba(232,58,21,.30);
}


.section-location .location-final-button b {
    font-size: 20px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .section-location .location-top,
    .section-location .service-area-row,
    .section-location .location-final-cta {
        width: calc(100% - 60px);
    }


    .section-location .location-top {
        grid-template-columns: 1fr 1.35fr;
    }


    .section-location .location-side-card {
        grid-column: 1 / -1;

        min-height: 330px;
    }


    .section-location .service-area-row {
        grid-template-columns: 1fr 1.5fr;
    }


    .section-location .area-contact-card {
        grid-column: 1 / -1;
    }


    .section-location .location-final-cta {
        gap: 20px;
    }


    .section-location .location-final-logo {
        width: 220px;

        flex-basis: 220px;
    }


    .section-location .location-final-logo img {
        width: 190px;
    }


    .section-location .location-final-message strong,
    .section-location .location-final-message span {
        font-size: 20px;
    }


    .section-location .location-final-button {
        min-width: 220px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .section-location {
        padding-top: 45px;
    }


    .section-location .location-top,
    .section-location .service-area-row,
    .section-location .location-final-cta {
        width: calc(100% - 28px);
    }


    .section-location .location-top {
        grid-template-columns: 1fr;

        gap: 24px;
    }


    .section-location .location-info h2 {
        font-size: 40px;
    }


    .section-location .location-map,
    .section-location .location-map iframe {
        min-height: 380px;
    }


    .section-location .location-side-card {
        grid-column: auto;

        min-height: 430px;
    }


    .section-location .service-area-row {
        grid-template-columns: 1fr;

        gap: 18px;
    }


    .section-location .area-contact-card {
        grid-column: auto;
    }


    .section-location .area-columns {
        grid-template-columns: 1fr 1fr;

        gap: 15px 0;
    }


    .section-location .area-columns > div {
        padding: 0 12px;

        border-right: 1px solid #d5dfed;
    }


    .section-location .area-columns > div:nth-child(2) {
        border-right: none;
    }


    .section-location .area-columns > div:first-child {
        padding-left: 0;
    }


    .section-location .area-columns > div:last-child {
        padding-right: 12px;
    }


    .section-location .location-final-cta {
        flex-direction: column;

        align-items: flex-start;

        padding: 28px 22px;

        gap: 20px;
    }


    .section-location .location-final-logo {
        width: auto;

        flex-basis: auto;
    }


    .section-location .location-final-divider {
        display: none;
    }


    .section-location .location-final-message strong,
    .section-location .location-final-message span {
        font-size: 21px;
    }


    .section-location .location-final-button {
        width: 100%;

        min-width: 0;
    }

}
/* Footer */
.site-footer{background:#fff;border-top:1px solid var(--line);padding:30px 0}.site-footer .container{display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer img{width:190px}.site-footer span{color:var(--muted);font-size:13px}

/* Responsive */
@media(max-width:1200px){
  .main-nav{gap:18px;font-size:15px}.brand{width:225px;flex-basis:225px}.brand img{width:225px}
  .hero-copy h1{font-size:76px}.hero-lead{font-size:18px}.review-card{left:0}.hero-message{width:340px}
  .service-cards{grid-template-columns:repeat(3,1fr)}.why-grid{grid-template-columns:1fr 1.3fr}.why-panel{grid-column:1/-1;min-height:220px}
}
@media(max-width:900px){
  .site-header{height:82px}.header-inner{height:82px}.brand{width:200px;flex-basis:200px}.brand img{width:200px}.main-nav,.header-call{display:none}.menu-toggle{display:block;margin-left:auto}
  .hero-main{height:auto;min-height:0;max-height:none;padding:55px 0 35px}.hero-grid{height:auto;grid-template-columns:1fr}.hero-copy{padding:0}.hero-copy h1{font-size:72px}.hero-visual{height:500px;margin-top:35px}.hero-photo-wrap{inset:0;clip-path:polygon(14% 0,100% 0,100% 100%,25% 100%,0 55%)}.hero-message{width:350px}.review-card{left:4%;bottom:25%}.service-strip{height:auto}.service-strip-grid{grid-template-columns:repeat(2,1fr)}.service-pill{min-height:100px}
  .business-grid,.project-layout,.faq-grid,.reviews-grid,.location-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr}.why-image{min-height:380px}.builder-head{display:block}.builder-logos{margin-top:25px}.builder-gallery{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:600px){
  .container{width:min(calc(100% - 32px),var(--container))}.section{padding:70px 0}.section-heading h2,.why-copy h2,.builder-head h2,.faq-grid h2,.reviews-grid h2{font-size:38px}
  .hero-main{padding-top:38px}.hero-copy h1{font-size:58px;letter-spacing:-2px}.hero-lead{font-size:17px}.hero-stats{gap:12px}.hero-stat strong{font-size:31px}.hero-divider{height:52px}.hero-actions{flex-direction:column;gap:10px}.btn{width:100%}.hero-visual{height:430px}.review-card{width:270px;padding:17px 19px;bottom:25%}.hero-message{width:290px;min-height:135px;padding:28px 20px 25px 70px}.service-strip-grid{grid-template-columns:1fr}.service-pill{justify-content:flex-start;padding-left:20px;border-right:0;border-bottom:1px solid var(--line)}
  .big-stats,.project-grid,.service-cards,.why-list,.review-placeholders{grid-template-columns:1fr}.trust-strip{flex-wrap:wrap;padding:18px 0}.trust-strip em{width:100%;margin:8px 0 0}.builder-gallery{grid-template-columns:1fr 1fr}.builder-stats{gap:25px;flex-wrap:wrap}.location-actions{flex-direction:column}.final-cta{flex-direction:column;align-items:flex-start}.site-footer .container{flex-direction:column;align-items:flex-start}
}

@media(max-width:900px){
  .main-nav.mobile-open{
    display:flex;position:absolute;left:16px;right:16px;top:82px;height:auto;
    background:#fff;border:1px solid var(--line);border-radius:0 0 16px 16px;
    flex-direction:column;align-items:stretch;gap:0;padding:8px;box-shadow:0 18px 35px rgba(0,4,95,.12)
  }
  .main-nav.mobile-open a{height:auto;padding:13px 15px}
  .main-nav.mobile-open a.active:after{display:none}
}