:root{
    --ink:#0F1B24;
    --navy:#16324A;
    --navy-2:#1E4363;
    --steel:#DDE4E8;
    --paper:#F2F0EA;
    --copper:#B5651D;
    --copper-light:#D9822B;
    --pipe-grey:#8A97A0;
    --line:rgba(255,255,255,0.14);
  }

  *{ scroll-behavior:smooth; }

  body{
    font-family:'Inter', sans-serif;
    color:var(--ink);
    background:var(--paper);
  }

  h1,h2,h3,h4,.display-font{
    font-family:'Oswald', sans-serif;
    text-transform:uppercase;
    letter-spacing:0.02em;
  }

  .mono{
     
  }

  .eyebrow{
     
    letter-spacing:0.18em;
    text-transform:uppercase;
    font-size:0.78rem;
    font-weight:600;
  }

  /* ============ NAVBAR ============ */
  .navbar-brand-wrap{
    display:flex;
    align-items:center;
    gap:0.6rem;
  }
  .brand-mark{
    width:42px;height:42px;
    background:var(--copper);
    border-radius:6px;
    display:flex;align-items:center;justify-content:center;
    color:#fff;
    flex-shrink:0;
  }
  .brand-text{
    font-family:'Oswald', sans-serif;
    font-weight:600;
    line-height:1.05;
    text-transform:uppercase;
    font-size:1.02rem;
    color:var(--ink);
  }
  .brand-text small{
    display:block;
     
    font-size:0.62rem;
    letter-spacing:0.14em;
    color:var(--copper);
    font-weight:600;
    text-transform:uppercase;
  }
  .top-strip{
    background:var(--ink);
    color:#cfd6da;
     
    font-size:0.78rem;
  }
  .top-strip a{ color:#fff; text-decoration:none; }
  .navbar{ background:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.06); }
  .nav-link-custom{
     
    font-size:0.82rem;
    letter-spacing:0.03em;
    color:var(--ink) !important;
    font-weight:500;
  }
  .nav-item.dropdown .dropdown-toggle::after{
    vertical-align:0.15em;
  }
  .dropdown-menu{
    border:1px solid #e2ded3;
    border-top:3px solid var(--copper);
    border-radius:6px;
    box-shadow:0 14px 28px rgba(22,50,74,0.14);
    padding:0.5rem;
    min-width:270px;
  }
  .dropdown-item{ 
    font-size:0.8rem;
    letter-spacing:0.02em;
    color:var(--ink);
    padding:0.6rem 0.7rem;
    border-radius:5px;
    display:flex;
    align-items:center;
    gap:0.6rem;
  }
  .dropdown-item i{
    color:var(--copper);
    font-size:0.95rem;
    width:18px;
    text-align:center;
  }
  .dropdown-item:hover, .dropdown-item:focus{
    background:var(--paper);
    color:var(--ink);
  }
  .dropdown-item.emergency-item{
    color:var(--copper);
    font-weight:600;
  }
  .dropdown-item.emergency-item i{ color:var(--copper); }
  .dropdown-divider{ margin:0.4rem 0.2rem; }
  @media (min-width:992px){
    .navbar-nav .dropdown-menu{ margin-top:0.6rem; }
  }
  .btn-call{
    background:#f26013;
    color:#fff; 
    font-weight:600;
    letter-spacing:0.03em;
    border:none;
    padding:0.55rem 1.1rem;
    border-radius:6px;
  }
  .btn-call:hover{ background:var(--copper-light); color:#fff; }

  /* ============ HERO ============ */
  .hero{
    background:radial-gradient(1100px 500px at 85% -10%, #234f74 0%, var(--navy) 55%, var(--ink) 100%);
    color:#fff;
    position:relative;
    overflow:hidden;
    padding:5.5rem 0 4rem 0;
  }
  .hero .eyebrow{ color:var(--copper-light); }
  .hero h1{
    font-size:clamp(2.4rem, 5vw, 3.6rem);
    font-weight:700;
    line-height:1.05;
    margin-bottom:1.1rem;
  }
  .hero h1 span{ color:var(--copper-light); }
  .hero p.lead{
    color:#c9d4dc;
    font-size:1.08rem;
    max-width:520px;
  }
  .btn-copper{
    background:#f26013;
    border:none;
    color:#fff; 
    font-weight:600;
    padding:16px;
    border-radius:6px;
    letter-spacing:0.02em;
  }
  .btn-copper:hover{ background:var(--copper-light); color:#fff; }
  .btn-outline-steel{
    border:1.5px solid rgba(255,255,255,0.5);
    color:#fff; 
    font-weight:600;
    padding:0.8rem 1.5rem;
    border-radius:6px;
  }
  .btn-outline-steel:hover{ background:rgba(255,255,255,0.1); color:#fff; }

  .trust-strip{
    border-top:1px solid var(--line);
    margin-top:2.6rem;
    padding-top:1.3rem;
    display:flex;
    flex-wrap:wrap;
    gap:1.6rem 2.4rem;
  }
  .trust-strip .item{ 
    font-size:0.8rem;
    color:#cfd6da;
    display:flex;
    align-items:center;
    gap:0.5rem;
  }
  .trust-strip .item i{ color:var(--copper-light); }

  /* pipe illustration */
  .pipe-wrap{ position:relative; }
  .drip{
    animation: dripfall 2.6s ease-in infinite;
    transform-origin:center;
  }
  .drip2{ animation-delay:1.1s; }
  @keyframes dripfall{
    0%{ opacity:0; transform:translateY(0); }
    15%{ opacity:1; }
    75%{ opacity:1; transform:translateY(46px); }
    100%{ opacity:0; transform:translateY(56px); }
  }
  @media (prefers-reduced-motion: reduce){
    .drip{ animation:none; opacity:0.9; }
  }

  /* hero slider */
  .hero-carousel .carousel-item{
    transition:opacity 0.7s ease, transform 0.7s ease;
    min-height:330px;
  }
  .hero-caption{ 
    font-size:0.78rem;
    letter-spacing:0.04em;
    color:#9fb0ba;
    border-left:2px solid var(--copper);
    padding-left:0.8rem;
    margin-top:1.6rem;
    max-width:460px;
  }
  .hero-carousel .carousel-indicators{
    position:static;
    justify-content:flex-start;
    margin:2rem 0 0 0;
    gap:0.5rem;
  }
  .hero-carousel .carousel-indicators [data-bs-target]{
    width:34px; height:4px;
    border-radius:2px;
    background-color:rgba(255,255,255,0.3);
    border:none;
    opacity:1;
  }
  .hero-carousel .carousel-indicators .active{
    background-color:var(--copper-light);
  }
  .hero-carousel .carousel-control-prev,
  .hero-carousel .carousel-control-next{
    position:static;
    width:42px; height:42px;
    border-radius:50%;
    border:1.5px solid rgba(255,255,255,0.35);
    opacity:1;
    background:transparent;
  }
  .hero-carousel .carousel-control-prev:hover,
  .hero-carousel .carousel-control-next:hover{
    border-color:var(--copper-light);
    background:rgba(217,130,43,0.12);
  }
  .hero-carousel .carousel-control-prev-icon,
  .hero-carousel .carousel-control-next-icon{
    width:1rem; height:1rem;
  }
  .hero-nav-row{
    display:flex;
    align-items:center;
    gap:1rem;
  }

  /* ============ EMERGENCY STRIP ============ */
  .emergency-strip{
    background:#f26013;
    color:#fff;
    padding:1.4rem 0;
  }
  .stamp{
    border:2.5px solid #fff;
    border-radius:50%;
    width:78px;height:78px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    transform:rotate(-8deg);
    flex-shrink:0; 
    font-weight:700;
    font-size:0.62rem;
    letter-spacing:0.03em;
    line-height:1.15;
  }
  .emergency-strip .msg{ font-family:'Oswald',sans-serif; font-size:35px; text-transform:uppercase; letter-spacing:0.01em; }
  .emergency-strip .sub{  font-size: 18px; opacity:0.92; }
  .btn-on-copper{
    background:var(--ink);
    color:#fff; 
    font-weight:600;
    padding:0.7rem 1.3rem;
    border-radius:6px;
    border:none;
    white-space:nowrap;
  }
  .btn-on-copper:hover{ background:#000; color:#fff; }

  /* ============ SECTION HEADERS ============ */
  .section-pad{ padding:5rem 0; }
  .section-head .eyebrow{ color:var(--copper); }
  .section-head h2{
    font-size:clamp(1.8rem, 3vw, 2.5rem);
    font-weight:600;
    color:#f26013;
  }
  .section-head p{
    color:#5b6b74;
    max-width:560px;
  }

  /* ============ SERVICE TICKET CARDS ============ */
  .ticket{
    background:#fff;
    border:1px solid #e2ded3;
    border-radius:4px;
    position:relative;
    padding:1.9rem 1.6rem 1.7rem 1.6rem;
    height:100%;
    transition:transform 0.18s ease, box-shadow 0.18s ease;
  }
  .ticket:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 28px rgba(22,50,74,0.12);
  }
  /* perforated top edge */
  .ticket::before{
    content:"";
    position:absolute;
    top:-1px; left:0; right:0;
    height:10px;
    background-image:radial-gradient(circle, var(--paper) 3.2px, transparent 3.6px);
    background-size:16px 16px;
    background-position:8px -6px;
    background-repeat:repeat-x;
  }
  .ticket .job-no{ 
    font-size:0.72rem;
    letter-spacing:0.08em;
    color:var(--pipe-grey);
    margin-bottom:0.9rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  .ticket .job-no .dot{
    width:6px;height:6px;border-radius:50%;
    background:var(--copper);
    display:inline-block;
    margin-right:6px;
  }
  .ticket-icon{
    width:52px;height:52px;
    border-radius:8px;
    background:var(--navy);
    color:var(--copper-light);
    display:flex;align-items:center;justify-content:center;
    font-size:1.4rem;
    margin-bottom:1.1rem;
  }
  .ticket h4{
    font-size:1.08rem;
    font-weight:600;
    color:var(--ink);
    margin-bottom:0.5rem;
  }
  .ticket p{
    color:#5b6b74;
    font-size:0.92rem;
    margin-bottom:0;
  }

  /* ============ WHY US ============ */
  .why-section{
    background:var(--navy) !important;
    color:#fff;
  }

.why-section h2{
      color: #f26013 !important;
}
  .why-section .section-head p{ color:#c9d4dc; }
  .why-item{
    display:flex;
    gap:1rem;
    align-items:flex-start;
  }
  .why-icon{
    width:55px;height:55px;
    border:1.5px solid #f26013;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    color:#f26013;
    flex-shrink:0;
    font-size:30px;
  }
  .why-item h4{
    font-size:1rem;
    font-weight:600;
    margin-bottom:0.3rem;
    text-transform:none;
    font-family:'Inter',sans-serif;
  }
  .why-item p{ color:#c9d4dc; font-size:0.9rem; margin-bottom:0; }

.home-contact{
  background: var(--ink) !important;
}

#reviews h2{
      color: #f26013;
} 


  /* ============ TESTIMONIALS ============ */
  .quote-ticket{
    background:#fff;
    border:1px solid #e2ded3;
    border-left:4px solid var(--copper);
    border-radius:4px;
    padding:1.7rem 1.6rem;
    height:100%;
  }
  .quote-ticket i.bi-quote{ color:var(--copper); font-size:1.3rem; }
  .quote-ticket p.quote-text{
    font-size:0.95rem;
    color:#3a4750;
    margin:0.7rem 0 1rem 0;
  }
  .quote-name{ 
    font-size:0.78rem;
    color:var(--pipe-grey);
    letter-spacing:0.02em;
  }
  .stars{ color:var(--copper); font-size:0.85rem; letter-spacing:2px; }

  .testimonial-carousel{
    max-width:760px;
    margin:0 auto;
  }
  .testimonial-carousel .carousel-inner{ padding:0.5rem 0.2rem 1rem 0.2rem; }
  .quote-slide{
    background:#fff;
    border:1px solid #e2ded3;
    border-radius:8px;
    padding:2.6rem 2.4rem;
    text-align:center;
  }
  .quote-slide .quote-mark{
    width:52px;height:52px;
    border-radius:50%;
    background:var(--paper);
    color:var(--copper);
    font-size:1.4rem;
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 1.1rem auto;
  }
  .quote-slide p.quote-text{
    font-size:1.08rem;
    color:#33414a;
    max-width:560px;
    margin:0 auto 1.2rem auto;
  }
  .testimonial-carousel .carousel-indicators{
    position:static;
    margin:1.2rem 0 0 0;
    gap:0.5rem;
  }
  .testimonial-carousel .carousel-indicators [data-bs-target]{
    width:8px; height:8px;
    border-radius:50%;
    background-color:#d8d3c7;
    border:none;
    opacity:1;
  }
  .testimonial-carousel .carousel-indicators .active{ background-color:var(--copper); }
  .testimonial-carousel .carousel-control-prev,
  .testimonial-carousel .carousel-control-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:44px;height:44px;
    border-radius:50%;
    background:#fff;
    border:1px solid #e2ded3;
    opacity:1;
    box-shadow:0 8px 18px rgba(22,50,74,0.1);
  }
  .testimonial-carousel .carousel-control-prev{ left:-22px; }
  .testimonial-carousel .carousel-control-next{ right:-22px; }
  @media (max-width:768px){
    .testimonial-carousel .carousel-control-prev{ left:-8px; }
    .testimonial-carousel .carousel-control-next{ right:-8px; }
    .quote-slide{ padding:2.2rem 1.4rem; }
  }
  .testimonial-carousel .carousel-control-prev-icon,
  .testimonial-carousel .carousel-control-next-icon{
    width:1rem;height:1rem;
    filter:invert(0.2) sepia(1) saturate(3) hue-rotate(0deg);
  }

  /* ============ PROJECT GALLERY ============ */
  .gallery-section{ background:var(--paper); }
  .gallery-tile{
    position:relative;
    border-radius:8px;
    overflow:hidden;
    height:260px;
    display:block;
  }
  .gallery-tile img{
    width:100%;height:100%;
    object-fit:cover;
    transition:transform 0.5s ease;
  }
  .gallery-tile:hover img{ transform:scale(1.08); }
  .gallery-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(15,27,36,0) 40%, rgba(15,27,36,0.88) 100%);
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:1.1rem 1.2rem;
    color:#fff;
  }
  .gallery-tag{ 
    font-size:0.68rem;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:var(--copper-light);
    margin-bottom:0.25rem;
  }
  .gallery-overlay h5{
    font-family:'Oswald', sans-serif;
    text-transform:uppercase;
    font-size:1rem;
    margin:0;
  }

  /* ============ CONTACT / CTA ============ */
  .contact-section{
    background:var(--ink);
    color:#fff;
  }
  .contact-card{
    background:#fff;
    border-radius:10px;
    padding:2rem;
    color:var(--ink);
  }
  .form-control, .form-select{
    border-radius:6px;
    border:1px solid #d8d3c7;
    padding:0.65rem 0.85rem;
  }
  .form-control:focus, .form-select:focus{
    border-color:var(--copper);
    box-shadow:0 0 0 0.2rem rgba(181,101,29,0.18);
  }
  .contact-detail{
    display:flex;
    gap:0.9rem;
    align-items:flex-start;
    margin-bottom:1.5rem;
  }
  .contact-detail .icn{
    width:44px;height:44px;
    background:var(--navy-2);
    border-radius:8px;
    display:flex;align-items:center;justify-content:center;
    color:var(--copper-light);
    flex-shrink:0;
  }
  .contact-detail a{ color:#fff; text-decoration:none; }
  .contact-detail small{ color:#9fb0ba; font-size:0.72rem; letter-spacing:0.06em; }

  /* ============ FOOTER ============ */
  footer{
    background:#0B141B;
    color:#9fb0ba;
    padding:3.2rem 0 1.2rem 0;
    font-size:0.9rem;
  }
  footer h5{
    color: #f26013;
    font-size: 20px;
    margin-bottom:1.1rem;
  }
  footer a{ color:#9fb0ba; text-decoration:none; }
  footer a:hover{ color:var(--copper-light); }
  footer ul{ list-style:none; padding:0; }
  footer ul li{ margin-bottom:0.55rem; }
  .footer-bottom{
    border-top:1px solid rgba(255,255,255,0.08);
    margin-top:2rem;
    padding-top:1.2rem;
    font-size:0.78rem; 
    color:#6b7d87;
  }
  .social-ico{
    width:36px;height:36px;
    border:1px solid rgba(255,255,255,0.15);
    border-radius:50%;
    display:inline-flex;align-items:center;justify-content:center;
    margin-right:0.5rem;
  }

  a:focus-visible, button:focus-visible{
    outline:2px solid var(--copper-light);
    outline-offset:2px;
  }
.logo{
  width: 120px;
}

.navbar{
  --bs-navbar-padding-y:0
} 

.footer-logo img{
  width: 220px
}

.ticket img{
  margin-bottom: 30px;
}

.btn-know-more {
    background: #ff6b00;
    color: #fff;
    padding: 12px 28px;
    border-radius: 6px;
    font-weight: 600;
    border: 2px solid #ff6b00;
    transition: all 0.3s ease;
  margin-top: 15px;
}

.btn-know-more:hover {
    background: #fff;
    color: #ff6b00;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.how-we-work {
    background: #fff;
}

.section-label {
    color: #1769b0;
    font-size: 13px;
    font-weight: 700;
}

.how-we-work h2 {
    color: #071b3d;
    font-size: 28px;
    font-weight: 700;
    margin-top: 5px;
}

.process-row {
    position: relative;
}

.process-item {
    text-align: center;
    position: relative;
}

.process-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 25px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #e3eaf2;
    box-shadow: 0 5px 18px rgba(0, 40, 90, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.process-icon i {
    font-size: 28px;
    color: #1769b0;
}

.process-icon span {
    position: absolute;
    top: -8px;
    right: -5px;
    width: 23px;
    height: 23px;
    background: #f26013;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.process-item h5 {
    color: #071b3d;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 5px;
}

.process-item p {
    color: #555;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
}

/* Dotted connecting line */
.process-row .col-lg:not(:last-child) .process-item::after {
    content: "";
    position: absolute;
    top: 35px;
    left: 70%;
    width: 60%;
    border-top: 2px dashed #b7c8da;
    z-index: 0;
}

.process-icon {
    z-index: 1;
}



  .page-header{
    background:radial-gradient(1100px 500px at 85% -10%, #234f74 0%, var(--navy) 55%, var(--ink) 100%);
    color:#fff;
    padding:4.5rem 0 3.5rem 0;
    position:relative;
    overflow:hidden;
  }
  .page-header .eyebrow{ color:var(--copper-light); }
  .page-header h1{
    font-size:clamp(2.1rem, 4vw, 3rem);
    font-weight:700;
    margin-bottom:0.8rem;
  }
  .page-header p.lead{
    color:#c9d4dc;
    font-size:1.05rem;
    max-width:600px;
  }
  .breadcrumb-row{ 
    font-size:0.78rem;
    color:#9fb0ba;
    margin-top:1.4rem;
  }
  .breadcrumb-row a{ color:#cfd6da; text-decoration:none; }
  .breadcrumb-row a:hover{ color:var(--copper-light); }
  .breadcrumb-row .sep{ margin:0 0.5rem; color:var(--copper-light); }
  .page-header-pipes{
    position:absolute;
    right:-40px; top:-30px;
    opacity:0.35;
  }


  .detail-section{ padding:4rem 0 5rem 0; }
 
  .service-sidebar{
    position:sticky;
    top:96px;
  }
  .sidebar-panel{
    background:#fff;
    border:1px solid #e2ded3;
    border-radius:8px;
    padding:1.4rem;
    margin-bottom:1.5rem;
  }
  .sidebar-panel .sidebar-title{
        font-family: 'Oswald', sans-serif;
    font-size:32px; 
    color:#f26013;
    margin-bottom:1rem;
    padding:0 0.3rem;
  }
  .service-list{ list-style:none; padding:0; margin:0; }
  .service-list li{ margin-bottom:0.4rem; }
  .service-list a{
    display:flex;
    align-items:center;
    gap:0.7rem;
    padding:0.7rem 0.8rem;
    border-radius:6px;
    color:var(--ink);
    text-decoration:none;
    font-size:0.88rem;
    font-weight:500;
    border:1px solid transparent;
    transition:background 0.15s ease, border-color 0.15s ease;
  }
  .service-list a .ic{
    width:34px;height:34px;
    border-radius:6px;
    background:var(--paper);
    color:var(--copper);
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;
    font-size:1rem;
  }
  .service-list a:hover{ background:var(--paper); }
  .service-list a.active{
    background:var(--navy);
    color:#fff;
    border-color:var(--navy);
  }
  .service-list a.active .ic{ background:var(--copper); color:#fff; }
  .service-list a.active .arrow{ opacity:1; }
  .service-list a .arrow{
    margin-left:auto;
    opacity:0;
    color:var(--copper-light);
  }

  .sidebar-cta{
    background:#f26013;
    border-radius:8px;
    padding:1.6rem 1.4rem;
    color:#fff;
    text-align:center;
  }
  .sidebar-cta .stamp-sm{
    width:52px;height:52px;
    border:2px solid rgba(255,255,255,0.7);
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 0.8rem auto;
    font-size:1.2rem;
    transform:rotate(-6deg);
  }
  .sidebar-cta h4{ font-size:32px; margin-bottom:0.4rem; }
  .sidebar-cta p{ font-size:0.82rem; opacity:0.92; margin-bottom:1rem; }
  .sidebar-cta .btn-sidebar{
    background:var(--ink);
    color:#fff;
    font-family:;
    font-weight:600;
    font-size:0.85rem;
    padding:0.65rem 1rem;
    border-radius:6px;
    display:block;
    text-decoration:none;
    margin-bottom:0.6rem;
  }
  .sidebar-cta .btn-sidebar:hover{ background:#000; color:#fff; }
  .sidebar-cta .btn-sidebar-outline{
    border:1.5px solid rgba(255,255,255,0.7);
    color:#fff;
    font-family:;
    font-weight:600;
    font-size:0.85rem;
    padding:0.6rem 1rem;
    border-radius:6px;
    display:block;
    text-decoration:none;
  }
  .sidebar-cta .btn-sidebar-outline:hover{ background:rgba(255,255,255,0.15); color:#fff; }
 
  .detail-hero-media{
    position:relative;
    border-radius:10px;
    overflow:hidden;
    height:420px;
    margin-bottom:2rem;
  }
  .detail-hero-media img{ width:100%; height:100%; object-fit:cover; }
  .detail-hero-media .media-tag{
    position:absolute;
    top:16px; left:16px;
    background:rgba(15,27,36,0.78);
    color:#fff;
    font-family:;
    font-size:0.72rem;
    letter-spacing:0.06em;
    padding:0.4rem 0.85rem;
    border-radius:20px;
  }
  .detail-hero-media .media-badge{
    position:absolute;
    bottom:16px; right:16px;
    background:var(--copper);
    color:#fff;
    font-family:;
    font-size:0.72rem;
    padding:0.4rem 0.85rem;
    border-radius:20px;
  }

  .job-tag-lg{
    font-family:;
    font-size:0.78rem;
    letter-spacing:0.1em;
    color:var(--pipe-grey);
    display:flex;
    align-items:center;
    gap:0.5rem;
    margin-bottom:0.9rem;
  }
  .job-tag-lg .dot{ width:6px;height:6px;border-radius:50%; background:var(--copper); display:inline-block; }

  .detail-content h1.title{
    font-size:clamp(1.7rem, 3vw, 2.3rem);
    color:var(--ink);
    margin-bottom:1rem;
  }
  .detail-content p.intro{ color:#5b6b74; font-size:1rem; margin-bottom:2rem; }

  .detail-content h3.subhead{
    font-size:1.15rem;
    color:var(--ink);
    margin:2.2rem 0 1.1rem 0;
  }

  .check-list{ list-style:none; padding:0; margin:0 0 0.5rem 0; }
  .check-list li{
    display:flex;
    align-items:flex-start;
    gap:0.6rem;
    font-size:0.94rem;
    color:#3a4750;
    margin-bottom:0.7rem;
  }
  .check-list li i{ color:var(--copper); margin-top:0.15rem; }

  .process-mini{
    display:flex;
    gap:1rem;
    padding:1rem 0;
    border-bottom:1px solid #e2ded3;
  }
  .process-mini:last-child{ border-bottom:none; }
  .process-mini .num{
    font-family:;
    font-weight:700;
    font-size:1.3rem;
    color:var(--copper);
    flex-shrink:0;
    width:36px;
  }
  .process-mini h5{
    font-family:'Inter', sans-serif;
    text-transform:none;
    font-size:0.98rem;
    font-weight:600;
    color:var(--ink);
    margin-bottom:0.25rem;
  }
  .process-mini p{ color:#5b6b74; font-size:0.9rem; margin-bottom:0; }

  .secondary-media-row{ margin:2.2rem 0; }
  .secondary-media{
    border-radius:8px;
    overflow:hidden;
    height:170px;
  }
  .secondary-media img{ width:100%; height:100%; object-fit:cover; }

  .callout-box{
    background:var(--navy);
    color:#fff;
    border-radius:8px;
    padding:1.6rem 1.7rem;
    display:flex;
    align-items:center;
    gap:1.2rem;
    margin:2.2rem 0;
  }
  .callout-box .ic{
    width:48px;height:48px;
    border-radius:50%;
    border:1.5px solid var(--copper-light);
    color:var(--copper-light);
    display:flex;align-items:center;justify-content:center;
    font-size:1.2rem;
    flex-shrink:0;
  }
  .callout-box h5{ font-family:'Inter',sans-serif; text-transform:none; font-size:0.98rem; margin-bottom:0.2rem; }
  .callout-box p{ color:#c9d4dc; font-size:0.88rem; margin-bottom:0; }

  /* mini FAQ */
  .mini-faq .accordion-item{
    background:#fff;
    border:1px solid #e2ded3;
    border-radius:6px !important;
    margin-bottom:0.8rem;
    overflow:hidden;
  }
  .mini-faq .accordion-button{
    font-family:'Inter', sans-serif;
    font-weight:600;
    font-size:0.92rem;
    color:var(--ink);
    padding:0.95rem 1.15rem;
  }
  .mini-faq .accordion-button:not(.collapsed){ background:var(--paper); color:var(--copper); box-shadow:none; }
  .mini-faq .accordion-button:focus{ box-shadow:none; border-color:#e2ded3; }
  .mini-faq .accordion-button::after{ filter:sepia(1) saturate(4) hue-rotate(-10deg); }
  .mini-faq .accordion-body{ color:#5b6b74; font-size:0.88rem; padding:0 1.15rem 1.05rem 1.15rem; }

  .bottom-cta{
    background:#fff;
    border:1.5px dashed #d8d3c7;
    border-radius:8px;
    padding:1.8rem;
    text-align:center;
    margin-top:2.5rem;
  }
  .bottom-cta p{ color:#5b6b74; margin-bottom:1rem; }
 
.faq-section{
  margin-top: 30px;
}

.accordion {
      margin-top: 10px;
    background: #fff;
    padding: 16px;
    border-radius: 12px;
}


  .emergency-strip{
    background:#ff6b00;
    color:#fff;
    padding:1.4rem 0;
  }
  .stamp{
    border:2.5px solid #fff;
    border-radius:50%;
    width:78px;height:78px;
    display:flex;align-items:center;justify-content:center;
    text-align:center;
    transform:rotate(-8deg);
    flex-shrink:0;
    font-family:;
    font-weight:700;
    font-size:0.62rem;
    letter-spacing:0.03em;
    line-height:1.15;
  }
  .emergency-strip .msg{ font-family:'Oswald',sans-serif; font-size:1.15rem; text-transform:uppercase; letter-spacing:0.01em; }
  .emergency-strip .sub{ font-family:; font-size:0.8rem; opacity:0.92; }
  .btn-on-copper{
    background:var(--ink);
    color:#fff;
    font-family:;
    font-weight:600;
    padding:0.7rem 1.3rem;
    border-radius:6px;
    border:none;
    white-space:nowrap;
    text-decoration:none;
    display:inline-block;
  }
  .btn-on-copper:hover{ background:#000; color:#fff; }



  .info-card{
    background:#fff;
    border:1px solid #e2ded3;
    border-radius:6px;
    padding:1.8rem 1.5rem;
    height:100%;
    position:relative;
    transition:transform 0.18s ease, box-shadow 0.18s ease;
  }
  .info-card:hover{ transform:translateY(-4px); box-shadow:0 14px 28px rgba(22,50,74,0.1); }
  .info-card::before{
    content:"";
    position:absolute;
    top:-1px; left:0; right:0;
    height:10px;
    background-image:radial-gradient(circle, var(--paper) 3.2px, transparent 3.6px);
    background-size:16px 16px;
    background-position:8px -6px;
    background-repeat:repeat-x;
  }
  .info-card .icon-wrap{
    width:52px;height:52px;
    border-radius:8px;
    background:#f26013;
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    font-size:1.35rem;
    margin-bottom:1.1rem;
  }
  .info-card h4{
    font-size:1rem;
    font-weight:600;
    color:var(--ink);
    margin-bottom:0.5rem;
  }
  .info-card p{ color:#5b6b74; font-size:0.9rem; margin-bottom:0.3rem; }
  .info-card a{ color:var(--copper); text-decoration:none; font-weight:600; }
  .info-card a:hover{ color:var(--copper-light); }

.area-card{
  border: 1px solid #e5e5e5;
    padding: 10px;
    border-radius: 11px;
    background: #fff;
}

.pin{
 float: left;
     text-align: center;
    margin-right: 5px;
    color: #f26013;
}

.stats-strip {
  position: relative;
  background: #0d1b2a;
  padding: 28px 0;
  overflow: hidden;
}

.stats-strip::before {
  content: "";
  position: absolute;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.04);
  top: -220px;
  left: -100px;
}

.stats-strip::after {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.035);
  bottom: -220px;
  right: -80px;
}

.stats-strip .container {
  position: relative;
  z-index: 2;
}

.stat-item {
  position: relative;
  text-align: center;
  padding: 12px 20px;
  color: #fff;
}

.stat-item::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 55px;
  background: rgba(255, 255, 255, 0.15);
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.stats-strip .col-lg-3:last-child .stat-item::after {
  display: none;
}

.stat-item .num {
  font-size: 38px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -1px;
  margin-bottom: 8px;
  color: #ffffff;
}

.stat-item .num span {
  color: #f26013;
}

.stat-item .lbl {
  color: rgba(255, 255, 255, 0.68);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.3px;
}


/* =========================================
   TESTIMONIAL SECTION
========================================= */

.section-pad {
  padding: 90px 0;
  background: #f7f9fc;
}

.section-head {
  max-width: 700px;
}

.section-head .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #f26013;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.section-head .eyebrow::before {
  content: "";
  width: 28px;
  height: 2px;
  background:#f26013;
  display: inline-block;
}

.section-head h2 {
  margin: 0 0 14px;
  color: #102030;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: -1.5px;
}

.section-head p {
  margin: 0;
  color: #697586;
  font-size: 16px;
  line-height: 1.7;
}


/* =========================================
   QUOTE CARDS
========================================= */

.quote-card {
  height: 100%;
  position: relative;
  padding: 30px;
  background: #ffffff;
  border: 1px solid #e8edf2;
  border-radius: 18px;
  box-shadow: 0 8px 30px rgba(16, 32, 48, 0.06);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
  overflow: hidden;
}

.quote-card::before {
  content: "";
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(32, 201, 151, 0.07);
  top: -35px;
  right: -20px;
  transition: transform 0.35s ease;
}

.quote-card:hover {
  transform: translateY(-7px);
  border-color: rgba(32, 201, 151, 0.3);
  box-shadow: 0 18px 45px rgba(16, 32, 48, 0.11);
}

.quote-card:hover::before {
  transform: scale(1.5);
}


/* =========================================
   CARD TOP ROW
========================================= */

.top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.stars {
  color: #f5b301;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1;
}

.top-row i {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #eefaf6;
  color: #20a67a;
  font-size: 20px;
}


/* =========================================
   QUOTE TEXT
========================================= */

.quote-text {
  position: relative;
  color: #344454;
  font-size: 16px;
  line-height: 1.75;
  margin: 0 0 26px;
}


/* =========================================
   PERSON ROW
========================================= */

.person-row {
  display: flex;
  align-items: center;
  gap: 13px;
  padding-top: 20px;
  border-top: 1px solid #edf0f3;
}

.avatar {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #102030;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.person-row .name {
  color: #172635;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 3px;
}

.person-row .tag {
  color: #7b8794;
  font-size: 12px;
  line-height: 1.4;
}




@media (max-width: 991px) {

    .process-row .col-lg {
        margin-bottom: 35px;
    }

    .process-row .col-lg:not(:last-child) .process-item::after {
        display: none;
    }

    .process-icon {
        margin-bottom: 18px;
    }
}