/* Metrix Builders: preserve the original theme, improve clarity, responsiveness and conversion UX. */
:root{
  --metrix-orange:#f58220;
  --metrix-orange-dark:#d96808;
  --metrix-navy:#0a2155;
  --metrix-navy-deep:#071a3f;
  --metrix-ink:#17212b;
  --metrix-muted:#66727e;
  --metrix-soft:#f5f7fa;
}
html{scroll-behavior:smooth}
body{font-family:"Segoe UI",Roboto,Arial,sans-serif;color:var(--metrix-ink);font-size:16px;line-height:1.65;background:#fff}
h1,h2,h3,h4,h5,h6,.site-title,.hero-title{font-family:"Segoe UI",Arial,sans-serif;letter-spacing:-.025em}
img{max-width:100%;height:auto}

/* Header: keep the original structure but never let navigation float unreadably over imagery. */
.header{position:relative;z-index:1000;background:#fff}
.header-top{background:var(--metrix-navy-deep)}
.header-top::before{background:var(--metrix-orange)}
.header-top a,.header-top-social span{color:#fff}
.main-navigation,.navbar{background:#fff}
.main-navigation{box-shadow:0 5px 18px rgba(7,26,63,.08)}
.navbar{min-height:82px}
.navbar.fixed-top{background:#fff!important;box-shadow:0 7px 24px rgba(7,26,63,.13)}
.navbar-brand img{width:180px;max-height:62px;object-fit:contain}
.navbar .nav-link{font-weight:700;color:var(--metrix-navy)!important;white-space:nowrap}
.navbar .nav-link.active,.navbar .nav-link:hover{color:var(--metrix-orange)!important}
.nav-right-link{color:var(--metrix-navy)!important}
.nav-right .theme-btn{padding:11px 17px;white-space:nowrap}
@media (min-width:992px){
  .navbar .nav-item .nav-link{font-size:15px;margin-right:16px;padding:28px 0}
  .nav-right{gap:16px;margin-left:20px}
}
@media (min-width:1200px){.navbar .nav-item .nav-link{font-size:16px;margin-right:20px}}

/* Hero: same image/composition, improved legibility and more controlled line length. */
.hero-single{padding-top:92px;padding-bottom:112px;min-height:610px;background-position:center center!important;overflow:hidden}
.home-3 .hero-single::before,.hero-single::before{
  background:linear-gradient(90deg,rgba(7,26,63,.94) 0%,rgba(7,26,63,.86) 42%,rgba(7,26,63,.42) 69%,rgba(7,26,63,.16) 100%)!important;
  opacity:1!important;
}
.hero-single .hero-content{position:relative;z-index:3;max-width:720px}
.hero-single .hero-content .hero-sub-title{
  color:#fff!important;font-size:15px;letter-spacing:2.2px;font-weight:800;line-height:1.45;
  text-transform:uppercase;margin-bottom:14px;padding-bottom:7px;
}
.hero-single .hero-content .hero-sub-title::before{height:5px;background:var(--metrix-orange);clip-path:none;width:72px;bottom:0}
.hero-single .hero-content .hero-title{color:#fff!important;font-size:54px;line-height:1.08;font-weight:800;margin:12px 0 22px;text-transform:none;max-width:720px}
.hero-single .hero-content .hero-title span{color:#ff9b39!important}
.hero-single .hero-content p{color:rgba(255,255,255,.92)!important;font-size:18px;line-height:1.65;max-width:640px;margin-bottom:0}
.hero-single .hero-content .hero-btn{margin-top:30px;gap:12px;flex-wrap:wrap}
.hero-single .hero-content .theme-btn,.hero-single .hero-content .theme-btn2{min-width:165px;padding:13px 20px;font-weight:700;border-radius:4px}
.home-3 .hero-single .hero-img img{z-index:2;max-height:560px;object-fit:contain}

/* Buttons: retain the template interaction, sharpen shape and contrast. */
.theme-btn,.theme-btn2{border-radius:4px;font-weight:700;letter-spacing:.01em}
.theme-btn{background:var(--metrix-orange)}
.theme-btn2{background:var(--metrix-navy)}
.theme-btn:focus,.theme-btn2:focus,a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:3px solid rgba(245,130,32,.28);outline-offset:2px}

/* Trust/service cards remain from the theme, just normalized. */
.trust-strip .counter-item{min-height:142px}
.trust-strip .counter-item .title{font-size:16px;line-height:1.35}
.trust-strip .metric-label{font-size:23px;font-weight:800;color:var(--metrix-navy);line-height:1.1}
.service-item,.process-item,.blog-item{height:100%}
.service-text{min-height:78px}

/* Estimate section: preserve original background and right-hand form card. */
.quote-area{background:#eef2f6}
.quote-wrap{padding:72px 0;background-position:center!important;position:relative;isolation:isolate}
.quote-wrap::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,26,63,.12) 0%,rgba(7,26,63,.08) 44%,rgba(7,26,63,.28) 100%);z-index:-1}
.quote-content{background:rgba(255,255,255,.985)!important;padding:38px 38px 34px!important;border-top:5px solid var(--metrix-orange)!important;border-bottom:0!important;box-shadow:0 18px 50px rgba(7,26,63,.24);border-radius:4px;position:relative;z-index:2}
.quote-head{margin-bottom:25px}
.quote-head h2,.quote-head h3{font-size:34px;line-height:1.18;color:var(--metrix-navy)!important;margin-bottom:10px;font-weight:800}
.quote-head p{color:#536170!important;line-height:1.65;margin:0;max-width:620px}
.quote-content .contact-form{background:transparent!important;padding:0!important;border-radius:0!important}
.quote-content .form-group{margin-bottom:16px}
.quote-content .form-control,.quote-content .form-select{
  min-height:54px;background:#fff!important;border:1px solid #d7dde5!important;color:var(--metrix-ink)!important;border-radius:5px!important;box-shadow:none!important
}
.quote-content textarea.form-control{min-height:132px;padding-top:15px}
.quote-content .form-control::placeholder{color:#718091;opacity:1}
.quote-content .form-icon i{color:var(--metrix-orange)!important;top:19px}
.quote-content .nice-select{width:100%;height:54px;line-height:52px;border:1px solid #d7dde5!important;border-radius:5px!important;background:#fff!important;color:var(--metrix-ink)!important;padding-left:50px}
.quote-content .nice-select:before{display:none}
.quote-content .nice-select .list{width:100%}
.quote-content .theme-btn{padding:13px 22px}
.quote-form .hp-field,.contact-form .hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* Contact page form. */
.contact-form{background:#f5f7fa;border-radius:6px;padding:32px;border-top:4px solid var(--metrix-orange)}
.contact-form-header{margin-bottom:24px}
.contact-form-header h3,.contact-form-header h2{font-size:28px;color:var(--metrix-navy);font-weight:800;margin-bottom:8px}
.contact-form .form-control,.contact-form .form-select{border-radius:5px;border:1px solid #d7dde5;min-height:54px;background:#fff}
.contact-form textarea.form-control{min-height:145px}
.contact-info{border-radius:6px;background:#f5f7fa;align-items:flex-start;text-align:left;padding:22px 24px;gap:10px}
.contact-info-icon{font-size:24px;color:var(--metrix-orange)}
.contact-info-content h5{color:var(--metrix-navy);margin-bottom:5px}

/* Commercial answer/UI additions. */
.answer-card{background:#fff;border-left:4px solid var(--metrix-orange);padding:28px;height:100%;box-shadow:0 8px 26px rgba(11,36,55,.08)}
.answer-card h3{font-size:21px;margin-bottom:10px}.answer-card p{color:var(--metrix-muted);margin-bottom:18px}.answer-card a{font-weight:800;color:var(--metrix-navy)}
.commercial-answer{font-size:18px}.commercial-answer h2{margin-top:32px;font-size:28px}.commercial-answer h3{margin-top:24px;font-size:21px}.commercial-answer ul{padding-left:20px}.commercial-answer li{margin-bottom:8px}
.content-panel{background:#fff;padding:34px;box-shadow:0 10px 30px rgba(11,36,55,.08)}
.sidebar-card{background:var(--metrix-soft);padding:28px;margin-bottom:24px;border-top:4px solid var(--metrix-orange)}.sidebar-card h3{font-size:21px}
.breadcrumb-area{min-height:300px}.breadcrumb-title{font-size:46px}
.cta-content h2{color:#fff;font-size:38px}
.form-status{padding:14px 18px;margin-bottom:20px;font-weight:700}.form-status.success{background:#e8f7ed;color:#126532}.form-status.error{background:#fff0f0;color:#8a1f1f}
.inline-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.inline-badges span{background:#fff;border:1px solid #e6e9ed;padding:8px 12px;font-size:14px;font-weight:700}
.project-note{font-size:14px;color:var(--metrix-muted);margin-top:12px}.footer-newsletter{display:none}.footer-widget-wrap{padding-top:70px;padding-bottom:55px}

/* Admin. */
.admin-shell{max-width:1180px;margin:40px auto;padding:0 20px}.admin-card{background:#fff;border:1px solid #e4e8ec;padding:28px;margin-bottom:22px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid #e6e9ed;text-align:left;vertical-align:top}.admin-table th{background:#f5f7f9}.admin-login{max-width:460px;margin:80px auto}.admin-login input,.admin-login select{width:100%;padding:12px;margin:8px 0 16px;border:1px solid #ccd3d9}.admin-btn{display:inline-block;background:#0b2437;color:#fff;border:0;padding:11px 18px;text-decoration:none;font-weight:700}.admin-btn.orange{background:#f58220}.admin-nav{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:20px}.admin-nav a{font-weight:700}.lead-message{white-space:pre-wrap;max-width:420px}
.mobile-contact-bar{display:none}

@media(max-width:1199px){
  .hero-single .hero-content .hero-title{font-size:48px}
  .home-3 .hero-single .hero-img img{width:46%;max-height:520px}
}
@media(max-width:991px){
  .header-top{display:none}.navbar{min-height:72px}.navbar-brand img{width:150px}
  .hero-single{padding-top:70px;padding-bottom:0;min-height:auto}.hero-content{padding:45px 0 12px}.hero-single .hero-content .hero-title{font-size:46px}.hero-single .hero-content p{font-size:17px}
  .home-3 .hero-single .hero-img img{position:relative;width:auto;max-height:430px;margin:30px auto 0;display:block}
  .quote-wrap{padding:55px 0}.quote-content{margin-left:0;padding:30px!important}
  .breadcrumb-title{font-size:36px}
  .mobile-contact-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9998;background:var(--metrix-navy)}.mobile-contact-bar a{flex:1;text-align:center;color:#fff;padding:13px 8px;font-weight:800;border-right:1px solid rgba(255,255,255,.15)}body{padding-bottom:49px}
}
@media(max-width:767px){
  .hero-single{background-position:58% center!important}.hero-single .hero-content{padding-top:30px}.hero-single .hero-content .hero-sub-title{font-size:12px;letter-spacing:1.4px}.hero-single .hero-content .hero-title{font-size:38px;line-height:1.12}.hero-single .hero-content .hero-btn{display:grid;grid-template-columns:1fr}.hero-single .hero-content .theme-btn,.hero-single .hero-content .theme-btn2{width:100%;min-width:0}
  .site-title{font-size:34px}.py-100,.py-120{padding-top:70px!important;padding-bottom:70px!important}.pb-120{padding-bottom:70px!important}.pt-100{padding-top:70px!important}.pb-100{padding-bottom:70px!important}.content-panel{padding:24px}.breadcrumb-area{min-height:250px}.breadcrumb-title{font-size:32px}.cta-content h2{font-size:30px}.service-text{min-height:0}.quote-wrap{padding:38px 0}.quote-content{padding:24px 20px!important}.quote-head h2,.quote-head h3{font-size:27px}
}

/* Accessible contact actions */
.sms-float{position:fixed;right:22px;bottom:88px;z-index:1000;display:flex;align-items:center;gap:9px;border-radius:32px;padding:14px 20px;background:#173c50;color:#fff;box-shadow:0 5px 20px #0003;font-weight:700}.sms-float:hover,.sms-float:focus{background:#e86628;color:#fff}.sms-float:focus-visible,.metrix-social a:focus-visible{outline:3px solid #e86628;outline-offset:4px}.metrix-social{display:flex;gap:16px;margin:20px 0}.metrix-social a{color:inherit;text-decoration:underline}.mobile-contact-bar a{flex:1}.mobile-contact-bar svg{width:18px;height:18px;vertical-align:middle}.answer-search{width:100%;padding:14px;border:1px solid #87939c;border-radius:6px;margin:12px 0 24px}[hidden]{display:none!important}@media(max-width:767px){.sms-float{bottom:132px;right:14px;padding:12px 16px}}

/* Social icons: self-contained SVGs, no brand-font dependency. */
.header-top-social{display:flex;align-items:center;gap:10px;flex-shrink:0}
.header-top-social span{margin-right:8px;white-space:nowrap}
.metrix-social{display:flex;align-items:center;gap:12px;margin:22px 0}
.header-top-social a.metrix-social-icon,.metrix-social a.metrix-social-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;padding:9px;margin:0;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:transparent;color:#fff;line-height:1;text-decoration:none;transition:background .2s,color .2s,transform .2s}
.header-top-social a.metrix-social-icon svg,.metrix-social a.metrix-social-icon svg{display:block;width:20px;height:20px;flex-shrink:0}
.header-top-social a.metrix-social-icon:hover,.metrix-social a.metrix-social-icon:hover{background:#fff;color:#153b45;transform:translateY(-2px)}
.header-top-social a.metrix-social-icon:focus-visible,.metrix-social a.metrix-social-icon:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:991px){.header-top-social{gap:8px}.header-top-social span{display:none}}

.contact-form .form-group>label{display:block;width:100%;font-size:14px;font-weight:600}.contact-form .form-group>label .form-control{margin-top:6px;padding:12px 15px;font-weight:400}