@charset "utf-8";
/* CSS Document */
::selection {color: var(--bs-white); background: var(--bs-primary);}
/*---- Slick SLider ----*/
.slick-slider {position: relative; display: block; box-sizing: border-box; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before, .slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slick-loading .slick-list {background: var(--bs-white) url(../images/theme-img/ajax-loader.gif) center center no-repeat;}
.slick-prev, .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 40px; height: 40px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; z-index: 100; border: 1px solid #F5F5F5; background: var(--bs-white); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); color: #004165;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: var(--bs-white); outline: none; background: #004165; border-color: #004165;}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: 1;}
.slick-prev:before, .slick-next:before {font-family: var(--fa-family, var(--fa-style-family, "Font Awesome 7 Free")); font-weight: 900; font-size: 15px; line-height: 1; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 100;}
.slick-prev {left: -8px;}
[dir='rtl'] .slick-prev {right: 0px; left: auto;}
.slick-prev:before {content: '\f060';}
[dir='rtl'] .slick-prev:before {content: '\f061';}
.slick-next {right: -10px;}
[dir='rtl'] .slick-next {right: auto; left: 15px;}
.slick-next:before {content: '\f061';}
[dir='rtl'] .slick-next:before {content: '\f060';}
/* Dots */
.slick-dotted.slick-slider {margin-bottom: 0;}
.slick-dots {position: relative; margin-top: 30px; display: block; width: 100%; padding: 0; margin-bottom: 0; list-style: none; text-align: center; display: flex; align-items: center; justify-content: center;}
.slick-dots li {position: relative; display: inline-block; margin: 0; padding: 0; cursor: pointer; text-align: center;}
.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 100%; height: 8px; width: 8px; border-radius: 50px; margin: 0 9px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: var(--bs-primary); opacity: 0.2}
.slick-dots li button:hover, .slick-dots li button:focus {outline: none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {background: var(--bs-white);}
.slick-dots li.slick-active button {background: var(--bs-primary); height: 14px; width: 14px; opacity: 1}
/* Make Slick track use flex */
.slick-track {
display: flex !important;
}
/* Make every slide stretch */
.slick-slide {
height: inherit !important;
display: flex !important;
}
/* Your slide item */
.slick-slide > div {
display: flex;
width: 100%;
}
/* Card/content inside slider */
.slider-item {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
/*----Slick SLider ----*/
/*----Custom Accordion ----*/
.accordionjs .acc_section {position: relative; z-index: 10; margin-top: 0; overflow: hidden; padding: 0; background: var(--bs-white); padding: 24px; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.accordionjs .acc_section+.acc_section {margin-top: 24px;}
.accordionjs .acc_section .acc_head {cursor: pointer;}
.accordionjs .acc_section .acc_head span {display: flex; position: relative; text-transform: uppercase; font-weight: 700;padding-right: 30px;}
.accordionjs .acc_section .acc_content {padding: 24px 0 0 0; }
.accordionjs .acc_section .acc_head span:after {right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; background-image: url('data:image/svg+xml,'); height: 11px; width: 21px; content: '';}
.accordionjs .acc_section.acc_active > .acc_head span:after { background-image: url('data:image/svg+xml,'); height: 11px; width: 21px; content: '';}
.accordionjs .acc_section.acc_active {color: var(--bs-white); background: #004165;}
.js-loadmore .csa{ display: none;}
/*----Custom Accordion ----*/
.aligncenter, .gallery-item a {display: block}
.alignleft {float: left; margin-right: 15px; margin-bottom: 10px}
.alignright {float: right; margin-left: 15px; margin-bottom: 10px}
.aligncenter {margin-left: auto; margin-right: auto}
.wp-caption {max-width: 100%; padding: 4px}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text {font-style: italic; font-size: 12px; font-size: .857142857rem; line-height: 2;}
.full-img {position: relative;}
.full-img img {width: 100%; height: auto; position: relative; z-index: 2;}
#page {overflow: hidden; padding-top: 0;}
.ratio .full-img {min-width: initial; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; flex: 0 0 auto; display: flex;}
.ratio .full-img img {flex: 1 1 auto; align-self: center; justify-self: center; object-fit: cover; height: 100%; min-width: 100%; width: auto;}
.image-fit {min-width: initial; position: relative; overflow: hidden; flex: 0 0 auto; display: flex;}
.image-fit img {flex: 1 1 auto; align-self: center; justify-self: center; object-fit: cover; height: 100%; min-width: 100%; width: auto;}
.color-fff {color: var(--bs-white);}
.title-uppercase h1, .title-uppercase h2, .title-uppercase h3, .title-uppercase h4, .title-uppercase h5, .title-uppercase h6 {text-transform: uppercase;}
.title-primary h1, .title-primary h2, .title-primary h3, .title-primary h4, .title-primary h5, .title-primary h6 {color: var(--bs-primary);}
.title-secondary h1, .title-secondary h2, .title-secondary h3, .title-secondary h4, .title-secondary h5, .title-secondary h6 {color: var(--bs-secondary);}
.title-dark h1, .title-dark h2, .title-dark h3, .title-dark h4, .title-dark h5, .title-dark h6 {color: var(--bs-dark);}
h6:last-child, h5:last-child, h4:last-child, h3:last-child, h2:last-child, h1:last-child, p:last-child, ul:last-child, ol:last-child {margin-bottom: 0;}
/*----
Custom Site Style ----*/
/*h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {font-weight: 800;}*/
.heading-font {font-family: var(--bs-heading-font);}
.content-gap > * {margin-bottom: 0; margin-top: 0;}
.text-shadow {text-shadow: 0 4px 4px rgba(0, 0, 0, 0.70);}
.fw-400{ font-weight: 400;}
.fw-500{ font-weight: 500;}
.fw-600{ font-weight: 600;}
.fw-700{ font-weight: 700;}
.fw-800{ font-weight: 800;}
.font-14{ font-size: 14px;}
.tox .tox-collection__item-label {
font-size: 14px !important;
line-height: 1.4 !important;
}
.tox .tox-collection__item * {
font-size: inherit !important;
line-height: inherit !important;
}
.mce-menu-item * {
font-size: 14px !important;
line-height: 1.4 !important;
}
.header{ position: fixed; top: 0; right: 0; left: 0; z-index: 1000; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.header.fixed-header{background: #004165;}
.header .pre-header{ background: rgba(255, 255, 255, 0.10); padding: 0 3.3333%; height: 40px; display: flex; align-items: center;}
.header .pre-header .menu{ display: flex; align-items: center; margin-bottom: 0; padding: 0; list-style: none; gap: 24px;}
.pre-header .menu li a{ color: var(--bs-white); text-decoration: none; display: flex; gap: 5px; align-items: center;}
.header .pre-header .menu li a:hover{ color: var(--bs-primary);}
.header .pre-header .menu + .menu{ margin-left: auto;}
.header .post-header{ padding: 24px 3.3333%; display: flex; align-items: center;}
.header .post-header .logo { width: 9.72%; max-width: 140px;}
.header .post-header .header-menu{ margin-left: auto;}
.header .post-header .action-btn{ border-left: 2px solid rgba(255,255,255,0.2); padding-left: 32px; display: flex; align-items: center; gap: 6px; margin-left: auto;}
.header .post-header .action-btn a{ display: flex; align-items: center; justify-content: center; height: 32px; width: 32px;}
.header-search-bar{ padding: 0 3.33% 24px;}
.header .header-search{border-radius: 10px; border-top: 1px solid rgba(255, 255, 255, 0.20); border-bottom: 1px solid rgba(255, 255, 255, 0.20); background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #004165; backdrop-filter: blur(35px); padding: 24px; display: flex; gap: 24px; align-items: center;}
.header .header-search label{ font-weight: 700; text-transform: uppercase; margin: 0; display: flex; align-items: center; gap: 6px;}
.header .header-search label::before{ background-image: url(../images/theme-img/van.svg); background-position: center; background-repeat: no-repeat; border-radius: 36px; border: 2px solid #DCDCDC; height: 36px; width: 36px; display: flex; align-items: center; justify-content: center; gap: 3px; content: '';}
.header .header-search select{ height: 40px; padding-top: 0; padding-bottom: 0; font-size: 14px; border-left: none; font-weight: 600;}
.header .header-search .input-group-text{ padding-right: 0; border-right: none; background: none;}
.header .header-search .input-group-text img{ width: 18px; height: auto;}
.header .header-search input[type=submit]{border-radius: 6px; background-color: var(--bs-secondary); color: var(--bs-white); text-transform: uppercase; font-weight: 700; width: 150px; height: 40px; border: none; cursor: pointer; font-size: 14px; padding: 0 !important;}
.header .header-search input:hover[type=submit]{ background-color: var(--bs-primary);}
.header .header-search .form-body{ display: flex; gap: 24px;}
.top-nav .menu{ display: flex; align-items: center; margin-bottom: 0; padding: 0; list-style: none; flex-direction: column;}
.top-nav .menu li{ width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.20);}
.top-nav .menu li a{ color: var(--bs-white); text-decoration: none; padding: 14px 20px; text-transform: uppercase; display: block; text-align: left;}
/* =========================================================
MEGA MENU / FLYOUT MENU
Breakpoint: desktop >= 1199px, mobile <= 1198px
========================================================= */
/* ---- shared / reset ---- */
.header-menu ul{ list-style: none; margin: 0; padding: 0;}
.header-menu a{ text-decoration: none;}
.header-menu button{ background: none; border: none; padding: 0; cursor: pointer;}
.header-menu .menu-link{ display: flex; align-items: center; gap: 4px; color: var(--bs-white); cursor: pointer;}
.header-menu .menu-caret{ font-size: 20px; transition: transform .25s ease;}
.header-menu .menu-item.is-open > .menu-link .menu-caret{ transform: rotate(180deg);}
/* mobile trigger + close (hidden on desktop) */
.mobile-menu-toggle{ display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; color: var(--bs-white); border: none; background: none;}
.mobile-menu-toggle .material-symbols-sharp{ font-size: 28px;}
.mobile-menu-close, .mobile-menu-header{ display: none;}
.menu-overlay{ display: none;}
/* =========================================================
MOBILE (<=1198px) — off-canvas accordion menu
========================================================= */
@media (max-width: 1198.98px){
.menu-overlay{ display: block; position: fixed; inset: 0; background: rgba(0,0,0,.5); opacity: 0; visibility: hidden; transition: opacity .3s ease; z-index: 1040;}
.menu-overlay.is-visible{ opacity: 1; visibility: visible;}
.header-menu{ position: fixed; top: 0; right: -320px; width: 320px; max-width: 85vw; height: 100vh; background: #003a58; z-index: 1050; transition: right .3s ease; overflow-y: auto;}
.header-menu.is-open{ right: 0;}
.mobile-menu-header{ display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid rgba(255,255,255,.15);}
.mobile-menu-title{ color: var(--bs-white); font-weight: 700; text-transform: uppercase; font-size: 14px;}
.mobile-menu-close{ color: var(--bs-white); display: flex;}
.mobile-menu-close .material-symbols-sharp{ font-size: 24px;}
.main-menu > .menu-item{ border-bottom: 1px solid rgba(255,255,255,.12);}
.main-menu > .menu-item > .menu-link{ padding: 14px 20px; justify-content: space-between; font-weight: 700; font-size: 14px; text-transform: uppercase;}
/* mega + flyout panels collapse into inline accordion panes */
.mega-menu, .flyout-menu{ max-height: 0; overflow: hidden; transition: max-height .3s ease; background: rgba(255,255,255,1);}
.menu-item.is-open > .mega-menu, .menu-item.is-open > .flyout-menu{ max-height: 2000px;}
.mega-menu-inner{ padding: 0;}
.mega-menu-grid{ display: flex; flex-direction: column; gap: 0;}
.mega-menu-col > a{ display: flex; align-items: center; gap: 12px; padding: 10px 16px; border-bottom: 1px solid rgba(0,0,0,0.1); color: var(--bs-black);}
.mega-menu-thumb{ width: 60px; height: 60px; flex-shrink: 0; padding: 8px; overflow: hidden; background: rgba(0,0,0,0.1); margin-left: auto;}
.mega-menu-thumb img{ width: 100%; height: 100%; object-fit: contain;}
.mega-menu-label{ color: var(--bs-black); font-weight: 700; font-size: 14px; text-transform: uppercase;}
.mega-menu-brands{ padding: 16px; display: flex; flex-direction: column; gap: 12px;}
.mega-menu-brands-title{ color: var(--bs-black); font-weight: 700; font-size: 14px; text-transform: uppercase;}
.mega-menu-brands-list{ display: flex; flex-wrap: wrap; gap: 14px; align-items: center;}
.mega-menu-brands-list img{ width: auto; max-width: 110px; height: auto;}
.flyout-menu{ padding: 0 20px;}
.flyout-menu .menu-item > a{ display: block; padding: 10px 16px; border-bottom: 1px solid rgba(0,0,0,0.1); color: var(--bs-black); font-size: 14px;}
}
/* =========================================================
DESKTOP (>=1199px) — click-open mega menu / flyout menu
========================================================= */
@media (min-width: 1199px){
.mobile-menu-toggle{ display: none;}
.header-menu{ position: static; width: auto; height: auto; background: transparent;}
.main-menu{ display: flex; align-items: center; gap: 24px; font-size: 15px;}
.main-menu > .menu-item > .menu-link{ padding: 10px 0; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: .2px;}
.main-menu > .menu-item > .menu-link:hover{ color: var(--bs-primary, var(--bs-secondary));}
.main-menu > .menu-item{ position: relative;}
/* mega panel: full-bleed under the whole header */
.mega-menu{ position: fixed; left: 0; right: 0; top: var(--herd-header-h, 96px); background: var(--bs-white); box-shadow: 0 16px 32px rgba(0,0,0,.18); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .2s ease, transform .2s ease, visibility .2s; z-index: 1030;}
.menu-item.is-open > .mega-menu{ opacity: 1; visibility: visible; transform: translateY(0);}
.mega-menu-inner{ margin: 0 auto; padding: 32px 3.3333%;}
.mega-menu-grid{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px; justify-content: center;}
.mega-menu-grid .mega-menu-col{ display: flex; flex-direction: column;}
.mega-menu-col > a{ display: flex; flex-grow: 1; flex-direction: column; background: #f2f2f2; padding: 48px 30px; text-align: center; transition: background .2s ease;}
.mega-menu-col > a:hover{ background: #e7e7e7;}
.mega-menu-label{ display: flex; flex-grow: 1; justify-content: center; font-size: 24px; text-transform: uppercase; color: var(--bs-black); margin-bottom: 16px; font-weight: 700;font-family: var(--bs-heading-font);}
.mega-menu-thumb{ display: block; height: 130px; display: flex; align-items: center; justify-content: center;}
.mega-menu-thumb img{ max-width: 100%; max-height: 100%; object-fit: contain;}
.mega-menu-brands{ margin-top: 28px; border: 2px solid #EBEBEB; padding: 32px; display: flex; align-items: center; gap: 48px;}
.mega-menu-brands-title{ font-weight: 700; text-transform: uppercase; font-size: 24px; line-height: 1; flex-shrink: 0; font-family: var(--bs-heading-font);}
.mega-menu-brands-list{ display: flex; align-items: center; gap: 40px; flex-wrap: wrap; margin-left: auto !important;}
.mega-menu-brands-list img{ width: auto; max-width: 109px; height: auto;}
/* flyout panel: narrow dropdown anchored to its own menu item */
.flyout-menu{ position: absolute; top: 100%; left: 0; min-width: 240px; background: var(--bs-white); box-shadow: 0 12px 24px rgba(0,0,0,.18); padding: 10px 0; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .2s ease, transform .2s ease, visibility .2s; z-index: 1030;}
.menu-item.is-open > .flyout-menu{ opacity: 1; visibility: visible; transform: translateY(0);}
.flyout-menu .menu-item > a{ display: block; padding: 10px 20px; color: var(--bs-black); font-size: 14px; font-weight: 600;}
.flyout-menu .menu-item > a:hover{ background: #f2f2f2; color: var(--bs-primary, var(--bs-secondary));}
}
/* =========================================================
VEHICLE GARAGE PANEL (opens after "Find Your Fit")
========================================================= */
/* on mobile the form and the vehicle list share the same sheet
and swap visibility; on desktop the form stays visible and the
list opens as its own floating panel (see below) */
#vehicleForm.is-hidden{ display: none;}
.vehicle-panel{ background: var(--bs-white);}
.vehicle-panel-header{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-bottom: 20px;}
.vehicle-panel-header h3{ font-size: 18px; text-transform: uppercase; margin: 0; font-family: var(--bs-body-font);}
.vehicle-panel-header p{ margin: 0; font-size: 14px; color: var(--bs-black);}
.vehicle-panel-close{ margin-left: auto; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; color: var(--bs-black); background: none; border: none;;}
.vehicle-panel-close .material-symbols-sharp{ font-size: 24px;}
.vehicle-grid{ display: grid; grid-template-columns: 1fr; gap: 16px;}
.vehicle-card{ position: relative; background: #f5f5f5; border: 2px solid transparent; padding: 24px; display: flex; align-items: center; flex-wrap: wrap; gap: 12px; cursor: pointer;}
.vehicle-card.is-active{ border-color: #a7b91a; background: var(--bs-white);}
.vehicle-card-badge{ display: none; position: absolute; top: -14px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); width: 26px; height: 26px; background: #a7b91a; transform: rotate(45deg); align-items: center; justify-content: center;}
.vehicle-card-badge .material-symbols-sharp{ transform: rotate(-45deg); font-size: 15px; color: var(--bs-white); font-weight: 700;}
.vehicle-card.is-active .vehicle-card-badge{ display: flex;}
.vehicle-card-info{ flex: 1 1 0; min-width: 0;}
.vehicle-card-title{ font-size: 20px; font-family: var(--bs-heading-font);text-transform: uppercase; line-height: 1; margin: 0;}
.vehicle-card-subtitle{ color:rgba(0, 0, 0, 0.5); text-transform: uppercase;font-family: var(--bs-heading-font); margin: 0; font-weight: 400;}
.vehicle-card-note{ font-size: 14px; color: #222; margin: 0;}
.vehicle-card-actions{ display: flex; gap: 10px; flex-wrap: wrap; margin-left: auto;}
.vehicle-card-actions button{ font-size: 14px; font-weight: 700; text-transform: uppercase; border-radius: 0; height: 44px; padding: 0 24px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; white-space: nowrap;}
.btn-view-products{ background: var(--bs-secondary); color: var(--bs-white); border: none;}
.btn-view-products:hover{ background: #004165;}
.btn-remove{ background: var(--bs-white); color: var(--bs-secondary); border: 2px solid var(--bs-secondary);}
.btn-remove:hover{ background: #f2f2f2;}
.btn-remove .material-symbols-sharp{ font-size: 16px;}
/* ---- desktop: the vehicle list floats full-width under the header, exactly like the mega menu ---- */
@media (min-width: 1199px){
.vehicle-fab, .vehicle-sheet, .vehicle-sheet-overlay{ display: none;}
.vehicle-panel{
position: fixed; left: 0; right: 0; top: var(--herd-header-h, 96px);
box-shadow: 0 16px 32px rgba(0,0,0,.18);
opacity: 0; visibility: hidden; pointer-events: none;
transform: translateY(-8px);
transition: opacity .2s ease, transform .2s ease, visibility .2s;
z-index: 1030;
}
.vehicle-panel.is-open{ opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);}
.vehicle-panel-inner{ margin: 0 auto; padding: 32px 3.3333%;}
.vehicle-grid{ grid-template-columns: repeat(2, 1fr);}
}
/* ---- mobile: hide the inline search bar; the same widget lives in a floating button + bottom sheet instead ---- */
@media (max-width: 1198.98px){
.header-search-bar{ display: none;}
.vehicle-panel{ display: none;}
.vehicle-panel.is-open{ display: block;}
/*.vehicle-fab{ position: fixed; left: 10px; bottom: 10px; z-index: 999; display: flex; align-items: center; gap: 5px; background: var(--bs-secondary); color: var(--bs-white); border: none; border-radius: 0; padding: 10px 16px; box-shadow: 0 8px 20px rgba(0,0,0,.25); font-weight: 700; font-size: 13px; text-transform: uppercase;}*/
.vehicle-fab {
position: fixed;
right: 0;
top: 50%;
transform: translateY(-50%) rotate(180deg);
writing-mode: vertical-rl;
z-index: 999;
display: flex;
align-items: center;
gap: 5px;
background: var(--bs-secondary);
color: var(--bs-white);
border: none;
border-radius: 0;
padding: 16px 10px;
box-shadow: 0 8px 20px rgba(0,0,0,.25);
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
text-decoration: none;
}
.vehicle-fab .material-symbols-sharp{ font-size: 16px;}
.vehicle-sheet-overlay{ position: fixed; inset: 0; background: rgba(0,0,0,.7); z-index: 1060; opacity: 0; visibility: hidden; transition: opacity .3s ease;}
.vehicle-sheet-overlay.is-visible{ opacity: 1; visibility: visible;}
.vehicle-sheet{ position: fixed; left: 0; right: 0; bottom: 0; max-height: 85vh; overflow-y: auto; background: var(--bs-white); z-index: 1070; border-radius: 16px 16px 0 0; transform: translateY(100%); transition: transform .3s ease; padding: 8px 20px 24px;}
.vehicle-sheet.is-open{ transform: translateY(0);}
.vehicle-sheet-handle{ width: 40px; height: 4px; background: #ddd; border-radius: 4px; margin: 10px auto 16px;}
.vehicle-sheet .header-search{ flex-direction: column; align-items: stretch; background: none; border: none; padding: 0;}
.vehicle-sheet .header-search .form-body{ flex-direction: column;}
.vehicle-sheet .header-search .row > div{ margin-bottom: 12px;}
.vehicle-sheet .header-search input[type=submit]{ width: 100%;}
.vehicle-sheet .vehicle-panel-inner{ padding: 0;}
.vehicle-sheet .vehicle-card{ flex-direction: column; align-items: stretch;}
.vehicle-sheet .vehicle-card-actions{ margin-left: 0; width: 100%;}
.vehicle-sheet .vehicle-card-actions button{ flex: 1;}
}
.banner {position: relative; height: 810px; overflow: hidden;}
.banner::before {position: absolute; background: linear-gradient(180deg, var(--bs-black) 0%, rgba(0, 0, 0, 0.00) 100%); position: absolute; top: 0; left: 0; right: 0; content: ''; height: 39%; z-index: 2;}
.banner:after {position: absolute; background: linear-gradient(0deg, var(--bs-black) 0%, rgba(0, 0, 0, 0.00) 100%); position: absolute; bottom: 0; left: 0; right: 0; content: ''; height: 61%; z-index: 2;}
.video-bg {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.banner .container {position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); z-index: 100; color: var(--bs-white);}
.banner .container h1 {max-width: 590px; width: 100%;}
.banner .container .right-content ul {display: flex; padding: 0; list-style: none; gap: 10px; flex-direction: column;}
.banner .container .right-content ul li {background-color: rgba(255, 255, 255, 0.10); background-image: url('data:image/svg+xml, '); background-position: 16px 50%; background-repeat: no-repeat; padding: 16px 16px 16px 50px; text-transform: uppercase; font-weight: 700; font-size: 14px; text-transform: uppercase;}
.banner iframe.video-yt{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border:0; pointer-events:none; z-index:-1;}
/* Wider screens */
@media (min-aspect-ratio:16/9){
.banner iframe.video-yt{ width:100vw; height:56.25vw; /* 9/16 × 100 */}
}
/* Taller screens */
@media (max-aspect-ratio:16/9){
.banner iframe.video-yt{ width:177.78vh; /* 16/9 × 100 */height:100vh;}
}
.shape{position: absolute; z-index: 3; pointer-events: none; width: 50%; height: 40px; background: var(--bs-white); }
.shape::after{content: ""; position: absolute; width: 0; height: 0; }
/* Position */
.shape-top-left{top: 0; left: 0; }
.shape-bottom-left{bottom: 0; left: 0; }
.shape-top-right{top: 0; right: 0; }
.shape-bottom-right{bottom: 0; right: 0; }
/* Triangle Position */
.shape-top-left::after,.shape-bottom-left::after{left: 100%; }
.shape-top-right::after,.shape-bottom-right::after{right: 100%; }
/* Triangles */
.shape-top-left::after{border-top: 40px solid; border-right: 40px solid transparent; }
.shape-bottom-left::after{border-bottom: 40px solid; border-right: 40px solid transparent; }
.shape-top-right::after{border-top: 40px solid; border-left: 40px solid transparent; }
.shape-bottom-right::after{border-bottom: 40px solid; border-left: 40px solid transparent; }
/* White */
.shape-white{background: var(--bs-white); }
.shape-white.shape-top-left::after,.shape-white.shape-top-right::after{border-top-color: var(--bs-white); }
.shape-white.shape-bottom-left::after,.shape-white.shape-bottom-right::after{border-bottom-color: var(--bs-white); }
/* Dark */
.shape-dark{background: #1e1e1e; }
.shape-dark.shape-top-left::after,.shape-dark.shape-top-right::after{border-top-color: #1e1e1e; }
.shape-dark.shape-bottom-left::after,.shape-dark.shape-bottom-right::after{border-bottom-color: #1e1e1e; }
/* Gray */
.shape-gray{background: #f5f5f5; }
.shape-gray.shape-top-left::after,.shape-gray.shape-top-right::after{border-top-color: #f5f5f5; }
.shape-gray.shape-bottom-left::after,.shape-gray.shape-bottom-right::after{border-bottom-color: #f5f5f5; }
/* Teal */
.shape-teal{background: #468C98; }
.shape-teal.shape-top-left::after,.shape-gray.shape-top-right::after{border-top-color: #468C98; }
.shape-teal.shape-bottom-left::after,.shape-gray.shape-bottom-right::after{border-bottom-color: #468C98;}
/* Teal */
.shape-navy{background: #0f3042; }
.shape-navy.shape-top-left::after,.shape-gray.shape-top-right::after{border-top-color: #0f3042; }
.shape-navy.shape-bottom-left::after,.shape-gray.shape-bottom-right::after{border-bottom-color: #0f3042;}
.box-zoom{-moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.box-zoom:hover{transform: scale(1.08);}
.section {padding: 100px 0; z-index: 1; position: relative;}
.section-blue{background: linear-gradient(0deg, rgba(30, 30, 30, 0.50) 0%, rgba(30, 30, 30, 0.50) 100%), linear-gradient(0deg, #004165 0%, #004165 100%); color: #fff;}
.section-textured{ background: url(../images/theme-img/texture-bg-top.png) repeat-x top, url(../images/theme-img/texture-bg-bottom.png) repeat-x bottom, #ebebeb;}
.section-secondary{background: var(--bs-secondary); color: var(--bs-white);}
.section-light{background: #f5f5f5;}
.section-mt-100{ margin-top: 100px;}
.section-p-lg{padding-top: 165px; padding-bottom: 165px;}
.section-bg{ background-position: center center; background-repeat: no-repeat; background-size: cover;}
.section .container{ position: relative; z-index: 10;}
.section-pt-sm{ padding-top: 60px;}
.section-pb-sm{ padding-bottom: 60px;}
.solution-item::before, .solution-item:after {position: absolute; left: 0; right: 0; z-index: 1; content: ''; z-index: 11; background-repeat: no-repeat; -moz-transition: all 00.4s ease; -webkit-transition: all 00.4s ease; -o-transition: all 00.4s ease; transition: all 00.4s ease;}
.solution-item::before {background-image: url('data:image/svg+xml, '); top: -38px; background-position: right; height: 38px;}
.solution-item:after {background-image: url('data:image/svg+xml, '); bottom: -37px; background-position: left; height: 37px;}
.solution-item:hover::before {top: 0;}
.solution-item:hover::after {bottom: 0;}
.solution-item {position: relative; display: block; overflow: hidden; aspect-ratio: 4/5; color: var(--bs-white); font-size: 14px;}
.solution-item > img {width: 100%; height: 100%; object-fit: cover; transition: 00.4s; filter: grayscale(100%);}
.solution-item:hover > img {filter: grayscale(0%);}
.solution-item .content {position: absolute; left: 35px; right: 35px; bottom: 35px; z-index: 2; transition: 00.4s ease; z-index: 30;}
.solution-item h3 {margin: 0; text-transform: uppercase;}
.solution-item p {max-height: 0; overflow: hidden; opacity: 0; padding-right: 32px; font-weight: 700; margin: 0; transform: translateY(20px); transition:max-height 00.4s ease,opacity .35s ease,transform 00.4s ease,margin-top .35s ease;}
.solution-item .arrow {position: absolute; right: 24px; bottom: 24px; z-index: 2; font-size: 54px; opacity: 0; visibility: hidden; transform: translateY(30px); transition: all .4s ease; z-index: 30; line-height: 0; background-image: url('data:image/svg+xml, '); height: 48px;width: 48px;}
.solution-item:hover .arrow {opacity: 1; visibility: visible; transform: translateY(0);}
.solution-item:hover .content {transform: translateY(-40px);}
.solution-item:hover p {max-height: 120px; opacity: 1; margin-top: 10px; transform: translateY(0);}
.trusted-box{background: rgba(255, 255, 255, 0.10); display: flex; padding: 32px 24px; flex-direction: column; align-items: flex-start; gap: 4px; flex: 1 0 0; align-self: stretch; flex-grow: 1; color: var(--bs-white);}
.trusted-box p{ margin-bottom: 0;}
.trusted-box small{ opacity: 0.6; font-size: 14px;}
.trusted-box .title{ font-weight: 800; font-family: var(--bs-heading-font); line-height: 1;}
.why-box{border: 2px solid #F5F5F5; background: var(--bs-white); box-shadow: 0 60px 60px 0 rgba(0, 0, 0, 0.10); padding: 24px; font-weight: 700; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; flex: 1 0 0; align-self: stretch; flex-grow: 1;}
.why-box::before{ background-image: url('data:image/svg+xml,'); height: 24px; width: 24px; display: block; content: '';}
.view-product-intro{background: var(--bs-white); box-shadow: 0 60px 60px 0 rgba(0, 0, 0, 0.10); padding: 24px; font-size: 14px; display: flex; flex-direction: column; gap: 10px;}
.view-product-intro > *{ margin-bottom: 0;}
.view-product-intro a{ color: #004165; text-decoration: none; text-transform: uppercase; font-weight: 700; display: flex; width: fit-content; font-size: 16px; align-items: center; gap: 10px; line-height: 1;}
.view-product-intro a:after{ font-family: Material Symbols Sharp; content: '\f8ce'; font-size: 24px; font-weight: 400;}
.view-product-intro a:hover{ gap: 20px;}
.view-product-intro a:hover:after{ content: '\e5c8';}
.product-card{position:relative; height:380px; padding: 30px; overflow:hidden; display:block; background:var(--bs-white); color:var(--bs-black); text-decoration:none;}
/*.product-item::before, .product-item:after{content:'';height:30px; background-repeat:no-repeat; display: block;}
.product-item::before{background-image: url('data:image/svg+xml,'); background-position:left;}
.product-item::after{background-image:url('data:image/svg+xml,'); background-position: right;}*/
.product-item{ display: flex; flex-direction: column;}
.product-item::before{ background-image: url('data:image/svg+xml,'); background-position: left; background-repeat: no-repeat; display: flex; height: 30px; width: 100%; content: '';}
.product-item::after{ background-image: url('data:image/svg+xml,'); background-position: right; background-repeat: no-repeat; display: flex; height: 30px; width: 100%; content: '';}
.product-item .svg-shape{ line-height: 0; display: flex;}
.product-item .svg-shape:last-child{ justify-content: flex-end;}
/* Image */
.product-img{height:220px; display:flex; align-items:center; justify-content:center; }
.product-img img{max-width:100%; max-height:100%; object-fit:contain; transform:scale(1); transition:transform 0.4s cubic-bezier(.22,.61,.36,1); }
/* Content always at bottom */
.product-item .product-content{position:absolute; left:30px; right:30px; bottom:30px; transform:translateY(-0px); transition:transform 0.4s cubic-bezier(.22,.61,.36,1); }
.product-item .product-content h4{margin:0; text-transform:uppercase; }
.content-hidden{max-height:0; overflow:hidden; opacity:0; transition:max-height 0.4s cubic-bezier(.22,.61,.36,1),opacity 0.4s ease; }
.content-hidden p{margin:15px 0; }
.product-btn{display:flex; justify-content:flex-end; padding-right:30px; align-items:center; font-weight:700; opacity:0; transform:translateY(15px); transition:opacity 0.4s ease,transform 0.4s cubic-bezier(.22,.61,.36,1); position:absolute; right:0; left:0; bottom:-10px; color:#004165; gap:6px; z-index: 100;}
.product-btn:after{font-family:Material Symbols Sharp; content:'\f8ce'; font-size:24px; font-weight:400; }
/* Hover */
.product-card:hover .product-img img{transform:scale(.8); }
.product-card:hover .product-content{transform:translateY(-5px); }
.product-card:hover .content-hidden{max-height:100px; opacity:1; }
.product-card:hover .product-btn{opacity:1; transform:translateY(0); }
.product-card:hover .content-hidden p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.product-section-cta{ position: relative; padding: 40px 0;}
.product-section-cta .shape{ height: 40px; background-color: var(--bs-blue); position: absolute; width: 44%;}
.product-section-cta .shape:after{width: 0; height: 0; position: absolute; top: 0; content: '';}
.product-section-cta .shape-top{ top: 0; left: 0;}
.product-section-cta .shape-bottom{ bottom: 0; right: 0;}
.product-section-cta .shape-top::after{ border-bottom: 40px solid var(--bs-blue); border-right: 40px solid transparent; left: 100%;}
.product-section-cta .shape-bottom::after{ border-top: 40px solid var(--bs-blue); border-left: 40px solid transparent; right: 100%;}
.product-section-cta .content{ background-color: var(--bs-blue); color: var(--bs-white); padding: 24px;}
.talk-section-cta{ position: relative; padding: 40px 0;}
.talk-section-cta .shape{ height: 40px; background-color: var(--bs-secondary); position: absolute; width: 44%;}
.talk-section-cta .shape:after{width: 0; height: 0; position: absolute; top: 0; content: '';}
.talk-section-cta .shape-top{ top: 0; left: 0;}
.talk-section-cta .shape-bottom{ bottom: 0; right: 0;}
.talk-section-cta .shape-top::after{ border-bottom: 40px solid var(--bs-secondary); border-right: 40px solid transparent; left: 100%;}
.talk-section-cta .shape-bottom::after{ border-top: 40px solid var(--bs-secondary); border-left: 40px solid transparent; right: 100%;}
.talk-section-cta .content{ background-color: var(--bs-secondary); color: var(--bs-white); padding: 24px;}
.svg-shape{ line-height: 0;}
.feature-grid{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr;gap:24px;}
.feature-grid li{display:flex; align-items:center; border: 2px solid #F5F5F5; background-color: var(--bs-white); color: var(--bs-black); box-shadow: 0 60px 60px 0 rgba(0, 0, 0, 0.10); padding:24px 24px 24px 64px; background-image: url('data:image/svg+xml,'); background-position: 24px 50%; background-repeat: no-repeat; font-weight:700;
}
.protection-section::before, .protection-section:after{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.protection-section::before{ z-index: 2; opacity: 0.8; background: #004165; mix-blend-mode: multiply;}
.protection-section .content{border: 2px solid rgba(255, 255, 255, 0.20); background: #004165;}
.protection-section .content ul{ display: flex; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 24px;}
.protection-section .content ul li{ background-image: url('data:image/svg+xml,'); background-position: left top; background-repeat: no-repeat; padding-left: 36px; font-size: 14px; font-weight: 700;}
.protection-section .content ul li h4{ font-size: 18px; margin-bottom: 5px; font-family: var(--bs-body-font);}
.icon-list-title p{ max-width: 860px; width: 100%;}
.built-section::before{background: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 25.97%, rgba(0, 0, 0, 0.00) 69.13%); height: 82.68%; position: absolute; top: 0; left: 0; right: 0; z-index: 1; content: '';}
.built-section::after{opacity: 0.8; background: linear-gradient(180deg, var(--bs-black) 0%, rgba(0, 0, 0, 0.00) 100%); height: 36%; position: absolute; top: 0; left: 0; right: 0; z-index: 2; content: '';}
.built-section h2{ text-shadow: 0 4px 4px rgba(0, 0, 0, 0.70);}
.built-section .icon-items{ margin-top: 8px; display: flex; flex-direction: column; gap: 32px;}
.built-section .icon-items .item{ display: flex; gap: 16px; font-size: 14px; font-weight: 700;}
.built-section .icon-items .itemh3{ font-size: 18px; margin-bottom: 5px; font-family: var(--bs-body-font);}
.built-section .icon-items .item .icon{ width: 38px; display: flex; align-items: center; justify-content: center;}
.our-stroy-section{ text-align: center;}
.our-stroy-section p{ max-width: 824px; margin-left: auto; margin-right: auto;}
.our-stroy-section ul li{ text-align: left; color: #004165;}
.review-item{ padding: 0; position: relative; height: 100%; }
.review-item::before, .review-item::after{ position: absolute; content: ''; left: 0; right: 0; height: 28px; z-index: 2; background-repeat: no-repeat;}
.review-item::before{ top: 0; background-image: url('data:image/svg+xml,'); background-position: right;}
.review-item::after{ bottom: 0; background-position: left; background-image: url('data:image/svg+xml,');}
.review-item .content{display: flex; padding: 68px 40px; flex-direction: column; align-items: flex-start; gap: 24px; background-color: #f5f5f5; flex-grow: 1; height: 100%;}
.review-item .content > *{ width: 100% !important;}
.read-more{position:relative; }
.read-more.clamp{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; /*min-height: 72px;*/}
.read-toggle{display:inline-block; margin-top:8px; color:var(--bs-black); font-weight:700; cursor:pointer;}
.review-item .content .d-flex { font-weight: 700; margin-top: auto;}
.review-item .content .d-flex .initial{ color: var(--bs-white); text-transform: uppercase; display: flex; align-items: center; justify-content: center; height: 56px; width: 56px; background: #004165;}
.review-item .content .d-flex .initial img{ height: 100%; width: 100%; object-fit: cover;}
.review-item .content .title{ background-image: url(../images/theme-img/quote.svg); background-position: left top; background-repeat: no-repeat; padding-left: 56px; font-weight: 700; line-height: 110%;}
.slider-gap{ margin-left: -12px; margin-right: -12px;}
.slider-gap .item{ padding-left: 12px; padding-right: 12px;}
/*.ReviewSlider .slick-prev, .ReviewSlider .slick-next {top: 22%; -webkit-transform: translate(0, -22%); -ms-transform: translate(0, -22%); transform: translate(0, -22%);}*/
.catalog-content ul{list-style:none; padding:0; display:grid; grid-template-columns:1fr; gap:24px;}
.catalog-content ul li{ background-image: url('data:image/svg+xml,'); background-position:left; background-repeat: no-repeat; padding-left: 36px; font-weight: 700; line-height: 24px;}
.protect-section::before{ background-position: top center; background-repeat: no-repeat; background-size: cover; background-image: url(../images/theme-img/overlay-bg.svg); content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%;}
.protect-section::after{ display: none;}
.protect-section ul{ display: flex; flex-direction: column; gap: 16px; padding: 0; list-style: none;}
.protect-section ul li{ background-image: url('data:image/svg+xml,'); background-position: left; background-repeat: no-repeat; padding-left: 42px; text-transform: uppercase; font-style: 700;}
.built-section .icon-items .item-bordered { padding: 24px; border: 3px solid #A8B400; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;-moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; color: var(--bs-white); text-decoration: none;}
.built-section .icon-items .item-bordered:hover{ background-color: #A8B400;}
.built-section .icon-items .item-bordered h3{ font-size: 14px;}
.brand-section .shape:nth-child(1){ bottom: 100%;}
.logo-scroll{border: 2px solid #EBEBEB; background: var(--bs-white); padding: 20px;}
.logo-scroll .logos{ display:flex; align-items:center; width:max-content; will-change:transform;}
.logo-scroll .item{ flex:0 0 auto; padding:0 45px;}
.logo-scroll .item img{display:block; max-width:110px; width:auto; height:auto;}
.footer{ background-color: #1e1e1e; color: var(--bs-white);}
.footer strong.widget-title{ font-weight: 700;}
.footer-top{ padding: 60px 0 40px; font-size: 14px;}
.footer-top .social{ display: flex; flex-direction: column; gap: 6px;}
.footer-top .social .social-links{ display: flex; gap: 10px;}
.footer-top .social .social-links a{ display: flex; height: 32px; width: 32px; display: flex; align-items: center; justify-content: center; color: var(--bs-white); font-size: 16px; text-decoration: none;}
.footer-top .social .social-links a:hover{ background-color: #A8B400; color: var(--bs-white);}
.footer-top .menu{ margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px;}
.footer-top .menu li a{ text-decoration: none; color: #A5ACAF;}
.footer-top .menu li a:hover{ text-decoration: none; color: var(--bs-white);}
.contact-info{ display: flex; flex-direction: column; gap: 24px;}
.contact-info .d-flex{ align-items: center; color: #A5ACAF; text-decoration: none; gap: 8px;}
.contact-info .d-flex i{ display: flex; height: 32px; width: 32px; display: flex; align-items: center; justify-content: center; color: var(--bs-white); font-size: 16px; text-decoration: none; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;-moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.contact-info a.d-flex:hover i{ background-color: #A8B400; color: var(--bs-white);}
.find-cta{background: rgba(255, 255, 255, 0.10); padding: 24px; display: flex; align-items: center; gap: 32px; font-weight: 700; text-align: center; margin-top: 32px;}
.footer-bottom{ background: rgba(255, 255, 255, 0.10); color: rgba(255, 255, 255, 0.5); text-align: center; padding: 20px 0;}
.footer-widget .widget-title{ margin-bottom: 16px; display: block;}
.footer-top .menu li a{ position:relative; display: inline-flex;}
.footer-top .menu li a::before, .footer-top .menu li a::after{content:""; display:block; position:absolute; height:1px; width:0}
.footer-top .menu li a::before{transition:width 0s ease 0s,background .4s ease 0s; left:0; right:0; bottom:-.1rem;}
.footer-top .menu li a::after{right:2.2%; bottom:-.1rem; transition:width .4s ease 0s; background:var(--bs-white)}
.footer-top .menu li a:hover::after{width:100%; background:0px 0px; transition:all 0s ease 0s}
.footer-top .menu li a:hover::before{width:100%; transition:width .4s ease 0s; background:var(--bs-white)}
.back-to-top{position:fixed; right:15px; bottom:15px; width:40px; height:40px; background: var(--bs-primary); color:var(--bs-white); display:flex; align-items:center; justify-content:center; text-decoration:none; opacity:0; visibility:hidden; transform:translateY(20px); transition:all .3s ease; z-index:500; box-shadow:0 8px 20px rgba(0,0,0,.15);}
.back-to-top:hover{background: var(--bs-secondary); color:var(--bs-white); text-decoration: none; }
.back-to-top.show{opacity:1; visibility:visible; transform:translateY(0);}
.page-banner{ position: relative; color: var(--bs-white);}
.page-banner .image-fit{ z-index: 1;}
/*.page-banner .image-fit::before, .page-banner .image-fit::after{ right: 0; left: 0; z-index: 1; pointer-events: none; height: 50%; content: ''; position: absolute;}
.page-banner .image-fit::before{ top: 0; opacity: 0.8; background: linear-gradient(180deg, var(--bs-black) 0%, rgba(0, 0, 0, 0.00) 100%);}
.page-banner .image-fit::after{ bottom: 0; background: linear-gradient(0deg, var(--bs-black) 0%, rgba(0, 0, 0, 0.00) 100%);}*/
.page-banner .container {position: relative; z-index: 100; color: var(--bs-white); text-shadow: 0 4px 3px rgba(0, 0, 0, 0.80); padding-bottom: 70px; padding-top: 430px;}
.page-banner::after{ right: 0; left: 0; z-index: 1; pointer-events: none; height: 100%; content: ''; position: absolute; background-image: url(../images/theme-img/banner-overlay-bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 2; top: 0; right: 0; bottom: 0; left: 0;}
.page-banner h1{ text-transform: uppercase;}
.page-banner h1, .page-banner h2{ font-weight: 800;}
.page-banner .btn{ text-shadow: none;}
.breadcrum-items{ padding: 0; margin-bottom: 0; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; position: absolute; left: 0; right: 0; bottom: 0; z-index: 101;}
.breadcrum-items span{ display:flex; color:#004165; font-weight:700; line-height: 1}
.breadcrum-items span a{ display: flex; align-items: center; color: #004165; text-decoration: none; font-weight: 700;}
.breadcrum-items span a:after{ content: '\f105'; font-family: var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; margin: 0 10px 0 10px; vertical-align: middle; font-size: 100%;}
.breadcrum-items span:last-child a:after{ display: none; }
.breadcrum-items .current-item{ text-decoration: none; font-weight: 600; color: var(--bs-black);}
.breadcrum-items .container{ display: flex; align-items: center; flex-wrap: wrap;}
body.single-post .breadcrum-items .current-item{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 70%; display:inline-block;}
/*.page-banner-wrapper:has(+ .section-light) .breadcrum-items{background:#f5f5f5;}*/
.video-section-title p{ max-width: 1035px; width: 100%; margin-left: auto; margin-right: auto;}
.video-item{ background-color: var(--bs-white); color: var(--bs-black); text-decoration: none; display: flex; flex-direction: column; overflow: hidden; overflow: hidden; position: relative; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.video-item .title{ padding: 26px 30px;}
.video-item .play{ display: flex; justify-content: flex-end; color: var(--bs-white); font-weight: 700; align-items: center; gap: 5px;}
.video-item .play:after{ position: relative; top: 70px; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; font-family: 'Material Symbols Sharp'; content: '\f8ce'; font-weight: 400; display: block; font-size: 32px;}
.video-item:hover .play:after{ position: relative; top: 0;}
.video-item:hover{ color: var(--bs-white); background-color: var(--bs-blue);}
.video-item::before, .video-item::after{ height: 28px; width: 100%; position: absolute; left: 0; right: 0; z-index: 30; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; content: ''; background-repeat: no-repeat;}
.video-item::before{ background-image: url('data:image/svg+xml,'); background-position: right; top: -28px;}
.video-item::after{ background-image: url('data:image/svg+xml,'); background-position: left; bottom: -28px;}
.video-item:hover::after{ bottom: 0;}
.video-item:hover::before{ top: 0;}
.cetificate-item, .contact-info-box{border: 2px solid #F5F5F5; background: var(--bs-white); box-shadow: 0 60px 60px 0 rgba(0, 0, 0, 0.10); padding: 22px;}
.contact-info-box .info-item{ color: var(--bs-black); text-decoration: none; display: flex; align-items: center; gap: 10px;}
.contact-info-box .info-item i, .contact-info-box address i, .contact-info-box time i{ color: var(--bs-blue); font-size: 15px;}
.contact-info-box address, .contact-info-box time{ color: var(--bs-black); text-decoration: none; display: flex; gap: 10px; margin: 0;}
.contact-form{border: 2px solid #F5F5F5; background: var(--bs-white); box-shadow: 0 60px 60px 0 rgba(0, 0, 0, 0.10); padding: 22px;}
.contact-form hr{ border-width: 2px; border-color: #f5f5f5; opacity: 1;}
.process-step {counter-reset: step;}
.process-step .process-number{counter-increment: step; position: relative; border: 2px solid #F5F5F5; background: var(--bs-white); padding: 24px; font-weight: 700;}
.process-step .process-number::before{ content: counter(step, decimal-leading-zero); display: block; font-size: 40px; font-weight: 800; color: var(--bs-black); /* Change to your desired color */ line-height: 1; margin-bottom: 15px; font-family: var(--bs-heading-font);}
.process-box{ background-color: #f5f5f5; height: 505px; display: flex; padding: 48px; flex-direction: column; color: var(--bs-black); text-decoration: none; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; justify-content: center; position: relative;}
.process-box:hover{ background-color: var(--bs-blue); color: var(--bs-white);}
.process-box .icon{ display: block; width: fit-content;}
.process-box .icon img:nth-child(2), .process-box:hover .icon img:nth-child(1){ display: none;}
.process-box:hover .icon img:nth-child(2){ display: block;}
.process-box .title{ line-height: 1.2;}
.process-box .content{display:grid; grid-template-rows:0fr; transition:grid-template-rows .45s ease; font-size: 14px; font-weight: 600;}
.process-box .content > *{overflow:hidden;}
.process-box .content-inner{ transform:translateY(20px); opacity:0; transition:.45s;}
.process-box:hover .content{ grid-template-rows:1fr;}
.process-box:hover .content-inner{ transform:translateY(0); opacity:1;}
.process-box .icon, .process-box .title{transition:transform .45s ease; }
.process-box:hover .icon, .process-box:hover .title{ transform:translateY(-15px); }
.process-box::before, .process-box::after{ height: 30px; width: 100%; position: absolute; left: 0; right: 0; z-index: 30; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; content: ''; background-repeat: no-repeat;}
.process-box::before{ top: 0; background-image: url('data:image/svg+xml,'); background-position: right; top: 0;}
.process-box::after{ bottom: 0; background-image: url('data:image/svg+xml,'); background-position: left; bottom: 0;}
.filter-form{border: 2px solid #F5F5F5; background: var(--bs-white); box-shadow: 0 60px 60px 0 rgba(0, 0, 0, 0.10); position: relative; z-index: 2;}
.filter-form label{ display: block; margin-bottom: 5px;}
/*.filter-form .form-control{ background-image: url('data:image/svg+xml,'); background-position: right 1.5rem center; background-repeat: no-repeat;}*/
.faq-search-icon i, .faq-search-clear i{ color: #004165; font-size: 20px;}
.post-item{ position: relative; color: var(--bs-black); text-decoration: none; background-color: #f5f5f5; z-index: 1;}
.post-item .post-content{ padding: 24px 40px 70px;}
.post-item .post-content strong{ line-height: 1.2;}
.post-item .post-content time svg, .post-intro-content time svg{ width: 24px; height: auto;}
.post-img { position: relative; overflow: hidden; aspect-ratio: 153/95;}
.post-img > img {
-webkit-mask-image: url('data:image/svg+xml,'); -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top center;
mask-position: top center; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.post-item::before, .post-item::after{ height: 30px; width: 100%; position: absolute; left: 0; right: 0; z-index: 30; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; content: ''; background-repeat: no-repeat;}
.post-item::before{ top: 0; background-image: url('data:image/svg+xml,'); background-position: right; top: 0;}
.post-item::after{ bottom: 0; background-image: url('data:image/svg+xml,'); background-position: left; bottom: 0;}
.category-card{position:relative; overflow:hidden; display:flex; flex-direction:column; background:#f5f5f5; color:#000; text-decoration:none; transition:all .45s cubic-bezier(.22,.61,.36,1); height: 400px; padding-bottom: 96px; }
.category-card::before, .category-card::after{ content: ''; position: absolute; left: 0; right: 0; background-repeat: no-repeat; height: 38px; z-index: 10; pointer-events: none; flex-direction:column; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.category-card::before{ background-position: right; top: -38px; background-image: url('data:image/svg+xml,');}
.category-card::after{ background-position: left; bottom: -38px; background-image: url('data:image/svg+xml,');}
.category-card:hover::before{ top: 0;}
.category-card:hover:after{ bottom: 0;}
/*-------------------------IMAGE--------------------------*/
.category-img{aspect-ratio:4/3; display:flex; justify-content:center; align-items:center; overflow:hidden; padding:24px; margin-bottom:32px; }
.category-img img{height:auto; transition:transform .65s cubic-bezier(.22,.61,.36,1); transform-origin:center bottom; }
.category-card:hover .category-img img{transform:translateY(-18px) scale(.72); }
/*-------------------------CONTENT--------------------------*/
.category-info{ z-index:2; position: absolute; left: 0; right: 0; bottom: 0; padding:32px; padding-top:0; background:#f5f5f5; display:flex; flex-direction:column; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.cat-name{line-height:1; margin:0; transition:transform .45s cubic-bezier(.22,.61,.36,1); }
.category-card:hover .cat-name{transform:translateY(-6px); }
.category-card:hover .category-info{ padding-bottom: 60px;}
.category-info:after{ bottom: 24px; right: 32px; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; font-family: 'Material Symbols Sharp'; content: '\f8ce'; font-weight: 600; font-size: 36px; position: absolute; opacity: 0; line-height: 1;}
.category-card:hover .category-info:after{ opacity: 1;}
/*-------------------------DESCRIPTION--------------------------*/
.cat-expert{margin-top:0; overflow:hidden; }
.cat-expert .content{max-height:0; opacity:0; transform:translateY(20px); overflow:hidden; transition: max-height .45s cubic-bezier(.22,.61,.36,1),opacity .35s ease,transform .45s cubic-bezier(.22,.61,.36,1); font-size: 14px; }
.category-card:hover .cat-expert .content{max-height:80px; opacity:1; transform:translateY(0); }
/*==========================TABLE==========================*/
.comparison-table{width:100%; border-collapse:collapse; }
.comparison-table > thead > tr > th{ border-bottom: 1px solid rgba(255,255,255,0.3); padding:24px 16px;}
.comparison-table > thead > tr > th:nth-child(1), .comparison-table > tbody > tr > th:nth-child(1){ background: rgba(0, 0, 0, 0.40); text-transform: uppercase; font-weight: 800;}
.comparison-table > thead > tr > th:nth-child(2){ background: rgba(0, 0, 0, 0.45);}
.comparison-table > thead > tr > th:nth-child(3){ background: rgba(0, 0, 0, 0.55);}
.comparison-table > thead > tr > th:nth-child(4){ background: rgba(0, 0, 0, 0.60);}
.comparison-table > thead > tr > th:nth-child(5){ background: rgba(0, 0, 0, 0.65);}
.comparison-table > thead > tr > th:nth-child(6){ background: rgba(0, 0, 0, 0.75);}
.comparison-table > thead > tr > th:nth-child(7){ background: rgba(0, 0, 0, 0.80);}
.comparison-table > tbody > tr > td, .comparison-table > tbody > tr > th{padding:24px 16px; font-size: 14px;}
.comparison-table > tbody > tr > td{ text-align:left; vertical-align:top; line-height:1.4; font-weight:700; border-bottom: 1px solid rgba(0,0,0,0.3);}
.comparison-table > tbody > tr > td:nth-child(2){ background: rgba(0, 0, 0, 0.25);}
.comparison-table > tbody > tr > td:nth-child(3){ background: rgba(0, 0, 0, 0.35);}
.comparison-table > tbody > tr > td:nth-child(4){ background: rgba(0, 0, 0, 0.45);}
.comparison-table > tbody > tr > td:nth-child(5){ background: rgba(0, 0, 0, 0.55);}
.comparison-table > tbody > tr > td:nth-child(6){ background: rgba(0, 0, 0, 0.65);}
.comparison-table > tbody > tr > td:nth-child(7){ background: rgba(0, 0, 0, 0.75);}
.product-card-item{position:relative; display:flex; flex-direction:column; height:500px; overflow:hidden; background:#f5f5f5; text-decoration:none; color:#000; }
.product-card-item::before, .product-card-item::after{ content: ''; position: absolute; left: 0; right: 0; background-repeat: no-repeat; height: 30px; z-index: 10; pointer-events: none; flex-direction:column; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.product-card-item::before{ background-position: right; top: 0; background-image: url('data:image/svg+xml,');}
.product-card-item::after{ background-position: left; bottom: 0; background-image: url('data:image/svg+xml,');}
/*-------------------------IMAGE--------------------------*/
.product-card-item .product-image{display:flex; align-items:center; justify-content:center; padding:24px; aspect-ratio: 4/3; }
.product-card-item .product-image img{max-width:100%; height:auto; transition:transform .6s cubic-bezier(.22,.61,.36,1); transform-origin:center bottom; }
.product-card-item:hover .product-image img{transform:translateY(-25px) scale(.72); }
/*-------------------------CONTENT--------------------------*/
.product-card-item .product-content{padding:0 24px 54px; position:absolute; left:0; right:0; bottom:0; transform:translateY(-0px); transition:transform 0.4s cubic-bezier(.22,.61,.36,1); }
.product-card-item .product-title{display:block; line-height:1; margin:0; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
/*-------------------------HOVER CONTENT--------------------------*/
.product-card-item .product-hover{max-height:0; overflow:hidden; opacity:0; transform:translateY(40px); transition:max-height .55s ease,opacity .35s ease,transform .45s ease; will-change:max-height,transform; }
.product-card-item:hover .product-hover{max-height:220px; opacity:1; transform:translateY(0); }
.product-card-item .sku{display:block; padding: 5px 0 10px; }
.product-card-item .price{padding-top:10px; border-top:1px solid rgba(0,0,0,.2); display:flex; flex-direction:column; line-height: 1; }
.product-card-item .price small{font-size:14px; font-weight:700; }
.product-card-item .price strong{font-size:40px; font-family: var(--bs-heading-font); line-height:1; color:#004165; margin-top:6px; }
.product-card-item .view-btn{display:flex; justify-content:flex-end; align-items:center; gap:5px; margin-top:10px; color:#004165; font-weight:700; }
.product-card-item .view-btn .material-symbols-sharp{transition:transform .3s; }
.product-list-form{ padding: 0 3.33% 24px;}
.product-list-form .product-search-form{border-radius: 10px; background: #004165; box-shadow: 0 40px 40px 0 rgba(0, 0, 0, 0.10); backdrop-filter: blur(35px); padding: 24px; display: flex; gap: 24px; align-items: center; color: #fff;}
.product-list-form .product-search-form label{ font-weight: 700; text-transform: uppercase; margin: 0; display: flex; align-items: center; gap: 6px;}
.product-list-form .product-search-form label::before{ background-image: url('data:image/svg+xml,'); background-position: center; background-repeat: no-repeat; border-radius: 36px; border: 2px solid #DCDCDC; height: 36px; width: 36px; display: flex; align-items: center; justify-content: center; gap: 3px; content: '';}
.product-list-form .product-search-form select{ height: 40px; padding-top: 0; padding-bottom: 0; font-size: 14px; border-left: none; font-weight: 600; background-color: #004165; color: #fff; border-color: #fff; --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.product-list-form .product-search-form .input-group-text{ padding-right: 0; border-right: none; background: none;}
.product-list-form .product-search-form .input-group-text img{ width: 18px; height: auto;}
.product-list-form .product-search-form input[type=submit]{border-radius: 6px; background-color: var(--bs-secondary); color: var(--bs-white); text-transform: uppercase; font-weight: 700; width: 150px; height: 40px; border: none; cursor: pointer; font-size: 14px;}
.product-list-form .product-search-form input:hover[type=submit]{ background-color: var(--bs-primary);}
.product-list-form .product-search-form .form-body{ display: flex; gap: 24px;}
.list-brand{ display: flex; gap: 24px; border: 2px solid #EBEBEB; align-items: center;}
.list-brand-title{ text-transform: uppercase; line-height: 1;}
.list-brands{ display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin: 0; padding: 0; list-style: none; flex-grow: 1;}
.list-brands li + li{ margin-left: auto;}
.list-brands img{ width: auto; max-width: 110px; height: auto;}
.header:has(+ .woo-page-wrapper) .pre-header, .header:has(+ .checkout-page-wrapper) .pre-header{ background-color: #1a5474; }
.header:has(+ .woo-page-wrapper) .post-header, .header:has(+ .checkout-page-wrapper) .post-header{ background-color: #004165; }
.header:has(+ .woo-page-wrapper) .header-search-bar{ padding-top: 24px; padding-bottom: 24px; background-color: #f5f5f5;}
.woo-page-wrapper{ padding-top: 267px;}
.checkout-page-wrapper{ padding-top: 129px;}
.header:has(+ .checkout-page-wrapper) .header-search-bar{ display: none;}
.page-banner-wrapper:has(+ .section-light) .shape-white{ background-color: #f5f5f5;}
.page-banner-wrapper:has(+ .section-light) .shape-bottom-left::after { border-bottom-color: #f5f5f5;}
.youCover, .youCover.active-iframe iframe{display:block}
.youCover{position:relative; padding-bottom:56.25%;}
.youCover:before, .video-item .full-img:before{ content:" "; position:absolute; width:120px; height:120px; background-image:url(../images/theme-img/play-button.svg); background-repeat:no-repeat; background-size:100%; top:50%; left:50%; transform: translate(-50%, -50%); z-index:20}
.youCover.active-iframe img{-moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; opacity:0; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter:alpha(opacity=0)}
.youCover.active-iframe:before{-moz-opacity:0!important; -khtml-opacity:0!important; -webkit-opacity:0!important; opacity:0!important; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)!important; filter:alpha(opacity=0)!important; -webkit-transform:scale(3); -ms-transform:scale(3); -moz-transform:scale(3); transform:scale(3)}
.youCover iframe, .youCover img{position:absolute; top:0; left:0; width:100%; height:100%; object-position: center; object-fit: cover; z-index:2; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear}
.youCover:hover:before{-moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; opacity:1; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter:alpha(opacity=100)}
.youCover.fancybox-active img{border:5px solid #663399}
.field-wrap button, .field-wrap input[type="button"], .field-wrap input[type="submit"]{ width: 100% !important;}
.field-wrap > div input[type="checkbox"]{ width: 24px !important; height: 24px !important; }
.nf-field-container.checkbox-container.label-right label{ font-size: 14px; font-weight: 400;}
.nf-form-fields-required{ margin-bottom: 20px;}
.nf-row{ margin-left: -5px; margin-right: -5px;}
.post-block-content{ padding: 22px; background-color: #f5f5f5;}
/*---18-09-2026---*/
.accordion-container .accordionjs .acc_section{ padding: 20px; border: 2px solid #f5f5f5;}
.accordion-container .accordionjs .acc_section.acc_active{ border-color: #004165;}
.accordion-container .accordionjs .acc_section .accordion_links{ margin: 0; padding: 0; list-style: none; display: flex; align-items: start; gap: 10px; flex-direction: column;}
.accordion-container .accordionjs .acc_section .accordion_links li a{ display: flex; gap: 6px; color: #fff; text-decoration: none;}
.accordion-container .accordionjs .acc_section .accordion_links li a:before{ font-family: var(--fa-family, var(--fa-style-family, "Font Awesome 7 Free")); font-weight: 900; content: '\f05a'; color: #a8b400;}
/*---18-09-2026---*/
/*----
Custom Site Style ----*/
@media (min-width: 320px) {
h1, .font-48 { font-size: calc(2.1875rem + ((1vw - 3.2px) * 0.8125)); }
h2, .font-40, .woo-price-value { font-size: calc(1.875rem + ((1vw - 3.2px) * 0.625)); }
h3, .font-32 { font-size: calc(1.5rem + ((1vw - 3.2px) * 0.5)); }
h4 { font-size: calc(1.1875rem + ((1vw - 3.2px) * 0.3125)); }
h5 { font-size: calc(1.0625rem + ((1vw - 3.2px) * 0.1875)); }
.font-18, .protect-section ul li, .woo-list-name { font-size: calc(1rem + ((1vw - 3.2px) * 0.125)); }
.font-20 { font-size: calc(1rem + ((1vw - 3.2px) * 0.25)); }
.font-24, .vehicle-card-title { font-size: calc(1rem + ((1vw - 3.2px) * 0.5)); }
.font-70, .page-banner .container h1 { font-size: clamp(2.1875rem, 1.75rem + 2.1875vw, 4.375rem); }
.font-60 { font-size: clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem); }
.font-36 { font-size: clamp(1.5rem, 1.35rem + 0.75vw, 2.25rem);}
.font-30 { font-size: clamp(1.375rem, 1.275rem + 0.5vw, 1.875rem);}
}
@media (min-width: 1400px) {
h1, .font-48 { font-size: 48px; }
h2, .font-40, .woo-price-value { font-size: 40px; }
h3, .font-32 { font-size: 32px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
.font-18, .protect-section ul li, .woo-list-name { font-size: 18px; }
.font-20 { font-size: 20px; }
.font-24, .vehicle-card-title { font-size: 24px; }
.font-70, .page-banner .container h1{ font-size: 4.375rem; }
.font-60 { font-size: 3.75rem; }
.font-36{font-size: 2.25rem;}
.font-30{font-size: 1.875rem;}
}
@media (min-width: 576px) {
.why-box, .view-product-intro, .benefit-item, .contact-info-box{padding: 32px;}
.catalog-content ul{grid-template-columns:repeat(2, minmax(0,1fr));}
.feature-grid, .feature-grid-4{grid-template-columns:repeat(2, minmax(0,1fr));}
.feature-grid-1{ grid-template-columns:1fr;}
}
@media (min-width: 768px) {
.product-section-cta .content, .talk-section-cta .content{padding: 32px;}
.accordionjs .acc_section { padding: 36px;}
.logo-scroll{ padding: 38px 85px;}
.woo-panel, .post-block-content{ padding: 32px;}
.accordion-container .accordionjs .acc_section{ padding: 24px}
}
@media (min-width: 992px) {
.product-section-cta .content, .talk-section-cta .content{padding: 48px;}
.feature-grid-4{grid-template-columns:repeat(4, minmax(0,1fr));}
}
@media (min-width: 1200px) {
.product-section-cta .content, .talk-section-cta .content{padding: 60px;}
}
@media (min-width: 1400px) {}