/* CCWraps custom theme parity layer. Original CSS loads before this file. */
/* Bootstrap 4 compatibility on top of bundled Bootstrap 5 layout utilities. */
.ml-auto {margin-left:auto!important}.mr-auto {margin-right:auto!important}
.pl-0 {padding-left:0!important}.pr-0 {padding-right:0!important}
.no-gutters{margin-left:0;margin-right:0}.no-gutters>[class*=col]{padding-left:0;padding-right:0}
.text-lg-left{text-align:left!important}
img{max-width:100%;height:auto} .navbar-brand img{max-width:190px;height:auto}
body{overflow-x:hidden}
.navigation .navbar{min-height:60px}.navigation .navbar-nav{align-items:center}
.navigation .navbar .navbar-nav>li>a{white-space:normal}
.navigation .dropdown-menu{display:none;position:absolute;z-index:1200;top:100%;left:0;min-width:195px;background:#fff;margin:0;box-shadow:0 12px 25px rgba(0,0,0,.15);padding:8px 0}
.navigation .dropdown:hover>.dropdown-menu,.navigation .dropdown.show>.dropdown-menu{display:block}
.navigation .dropdown-menu .dropdown-item{display:block;text-align:left}
.navigation .navbar-toggler{border:0;color:#36a893;font-size:28px;cursor:pointer}
.navigation .navbar-toggler:before{content:'☰'}
.navigation .navbar-toggler .ion-android-menu{display:none}
.navigation .navbar-collapse:not(.show){display:flex}
@media(min-width:992px){.navigation .navbar-collapse{display:flex!important}}
@media(max-width:991.98px){
  .navigation .navbar-collapse:not(.show){display:none}
  .navigation .navbar-collapse.show{display:block;flex-basis:100%;width:100%}
  .navigation .navbar-nav{align-items:stretch}
  .navigation .dropdown-menu{position:static!important;box-shadow:none;background:#fafafa}
  .navigation .dropdown:not(.show)>.dropdown-menu{display:none}
  .navigation .navbar .navbar-nav>li>a{padding:10px 12px}
}
/* Recreates custom layout of the original November 2026 video homepage. */
.top-contact-bar{background:#051e29;color:#fff;padding:9px 0;font-size:14px}
.top-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.top-contact-bar a{color:#fff}.top-contact-bar a:hover,.top-contact-phone{color:#f92891!important}
.slider:has(.slider-video){position:relative;overflow:hidden;isolation:isolate;min-height:650px;display:flex;align-items:center;justify-content:center;padding:92px 0;background:#081b27}
.slider:has(.slider-video):before{content:'';display:block;position:absolute;inset:0;background:rgba(0,12,24,.52);z-index:0}
.slider-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none}
.slider .hero-content{position:relative;z-index:1;color:#fff;text-align:center}
.slider .hero-logo{display:block;max-width:min(480px,90%);width:90%;height:auto;margin:0 auto 22px}
.slider .hero-content h1{font-family:'Roboto',sans-serif;font-size:clamp(27px,3.6vw,54px);font-weight:800;letter-spacing:.015em;line-height:1.16;text-transform:none;color:#fff;max-width:980px;margin:0 auto 24px}
.slider .hero-content p{max-width:850px;margin:0 auto 32px;color:#fff;font-size:clamp(16px,1.8vw,20px);font-weight:400}
.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}
.hero-actions .btn{color:#fff;font-family:Roboto,sans-serif;font-weight:600}
.hero-actions .btn-hero-secondary{background:#f92891;color:#fff}.hero-actions .btn-hero-secondary:hover{background:#d91a75}
.section{padding:84px 0}
.home-section-heading{max-width:790px;margin:0 auto 48px}.home-section-heading h2{font-size:clamp(28px,3vw,42px);line-height:1.2;margin:10px 0 18px}.home-section-heading p{color:#7b7b7b;font-size:17px}
.eyebrow{display:block;text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:700;color:#36a893}
.home-services{background:#f7f9fa}.home-services .row>*{margin-bottom:24px}
.service-card{display:flex;flex-direction:column;min-height:100%;padding:36px 30px;background:#fff;border:1px solid #e8edef;box-shadow:0 8px 20px rgba(10,26,37,.04);transition:transform .2s,box-shadow .2s}
.service-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(10,26,37,.12);color:#142b38}
.service-number{display:block;color:#36a893;font-size:15px;letter-spacing:1px;font-weight:800;margin-bottom:20px}
.service-card h3{font-size:24px;line-height:1.2;margin:0 0 16px;color:#1e2831}
.service-card p{flex:1;color:#6b7179;font-size:16px}.service-link{font-weight:700;color:#f92891}
.financing-strip{background:#073244;color:#fff;padding:50px 0}
.financing-strip h2{color:#fff}.financing-strip p{color:#e5eef0}
.financing-strip a{color:#fff}
/* Manufacturer logo strip: explicitly lay out each image in a non-overlapping grid.
   This section in the supplied November 2026 homepage uses .brand-grid,
   not .row. Keep eight in a row on wide screens, then reflow responsively. */
.brand-strip{padding:48px 0 54px;background:#fff;overflow:hidden}
.brand-strip .brand-strip-title{margin:0 0 26px;text-align:center;text-transform:uppercase;
  font-size:11px;font-weight:700;letter-spacing:.14em;line-height:1.5;color:#75818b}
.brand-strip .brand-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));
  align-items:center;justify-items:center;gap:16px;width:100%;max-width:100%;margin:0 auto}
.brand-strip .brand-grid>img{display:block;box-sizing:border-box;min-width:0;
  width:100%;max-width:140px;height:76px;max-height:76px;object-fit:contain;
  object-position:center;margin:0 auto;vertical-align:middle}
@media(max-width:1199.98px){
  .brand-strip .brand-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 26px}
  .brand-strip .brand-grid>img{max-width:170px;height:70px;max-height:70px}
}
@media(max-width:575.98px){
  .brand-strip{padding:34px 0 40px}
  .brand-strip .brand-strip-title{margin-bottom:18px;font-size:10px}
  .brand-strip .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
  .brand-strip .brand-grid>img{max-width:160px;height:66px;max-height:66px}
}
.home-about h2{line-height:1.2;font-size:clamp(28px,3vw,42px)}.home-about img{max-width:100%;height:auto}
.home-cta h2{line-height:1.2}
.footer{background:#061f28;color:#fff}.footer p{color:#fff}
/* Original source's disabled service-section marker was inside a comment and is intentionally absent. */
@media(max-width:991.98px){.navigation .navbar{flex-wrap:wrap}.navigation .navbar-brand img{max-width:170px}.slider:has(.slider-video){min-height:530px;padding:60px 0}.section{padding:62px 0}}
@media(max-width:575px){.top-contact-inner{justify-content:center;text-align:center;gap:5px}.slider:has(.slider-video){min-height:500px}.slider .hero-logo{width:85%}.service-card{padding:26px}}