:root {
--sa-orange:       #F36609;
--sa-orange-hot:   #FF7A1A;
--sa-orange-deep:  #D95400;
--sa-ink:          #0E1217;
--sa-ink-soft:     #1A2129;
--sa-body:         #3D4654;
--sa-muted:        #76808F;
--sa-surface:      #F6F7F9;
--sa-line:         #E6E9EE;
--sa-radius:       18px;
--sa-radius-pill:  999px;
--sa-shadow-sm:    0 1px 2px rgba(14, 18, 23, .05), 0 4px 12px rgba(14, 18, 23, .06);
--sa-shadow-lg:    0 6px 16px rgba(14, 18, 23, .10), 0 24px 48px rgba(14, 18, 23, .12);
--sa-font-display: 'Clash Display', 'Archivo', sans-serif;
--sa-font-body:    'Archivo', 'Helvetica Neue', sans-serif;
} html {
scroll-behavior: smooth;
} html, body {
overflow-x: hidden;
overflow-x: clip;
}
body {
font-family: var(--sa-font-body) !important;
color: var(--sa-body);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
::selection {
background: var(--sa-orange);
color: #fff;
}
h1, h2, h3, h4, h5, h6,
.site-title,
.widecolumn h2,
.man-with-car-section h2,
.left-single-cont h1 {
font-family: var(--sa-font-display) !important;
font-weight: 600;
letter-spacing: -0.015em;
color: var(--sa-ink);
}
p {
line-height: 1.7;
} ::-webkit-scrollbar {
width: 11px;
}
::-webkit-scrollbar-track {
background: var(--sa-surface);
}
::-webkit-scrollbar-thumb {
background: #C3CAD4;
border-radius: 8px;
border: 3px solid var(--sa-surface);
}
::-webkit-scrollbar-thumb:hover {
background: var(--sa-orange);
} .site-header {
position: sticky;
top: 0;
z-index: 9990;
background: rgba(13, 16, 21, .82) !important;
-webkit-backdrop-filter: saturate(160%) blur(14px);
backdrop-filter: saturate(160%) blur(14px);
border-bottom: 1px solid rgba(255, 255, 255, .07);
box-shadow: 0 8px 30px rgba(0, 0, 0, .25);
}
.main-navigation li a,
#menu-main-menu li a {
font-family: var(--sa-font-body) !important;
font-weight: 600 !important;
font-size: 13.5px !important;
letter-spacing: .12em;
text-transform: uppercase;
position: relative;
transition: color .18s ease;
}
.main-navigation li a:hover,
#menu-main-menu li a:hover {
color: var(--sa-orange-hot) !important;
} #menu-main-menu > li > a::after {
content: "";
position: absolute;
left: 50%;
bottom: 2px;
width: 0;
height: 2px;
background: linear-gradient(90deg, var(--sa-orange-hot), var(--sa-orange-deep));
border-radius: 2px;
transition: width .22s ease, left .22s ease;
}
#menu-main-menu > li > a:hover::after,
#menu-main-menu > li.current-menu-item > a::after {
width: 60%;
left: 20%;
} #menu-main-menu > li.sa-nav-seo-only,
.main-navigation li.sa-nav-seo-only {
position: absolute !important;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
margin: -1px;
padding: 0;
border: 0;
} .main-navigation ul ul {
background: rgba(15, 19, 25, .96) !important;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, .08);
border-radius: 12px;
overflow: hidden;
box-shadow: var(--sa-shadow-lg);
} @media screen and (min-width: 910px) {
.main-navigation ul ul:before,
.main-navigation ul ul:after {
display: none !important;
}
.main-navigation .mh-make-menu > ul.sub-menu {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2px 6px;
width: 400px;
padding: 14px !important;
border-radius: 16px;
overflow: visible;
background: #1B222C !important;
border: 1px solid rgba(255, 255, 255, .14);
box-shadow: 0 30px 70px rgba(0, 0, 0, .55);
}
.main-navigation .mh-make-menu .sub-menu li {
background: transparent !important;
border: none !important;
margin: 0 !important;
}
.main-navigation .mh-make-menu .sub-menu li a,
.main-navigation .mh-make-menu .sub-menu li a:link,
.main-navigation .mh-make-menu .sub-menu li a:visited {
display: block;
width: auto !important;
padding: 11px 14px !important;
border-radius: 10px;
font-size: 13px !important;
font-weight: 700 !important;
color: #FFFFFF !important;
background: rgba(255, 255, 255, .08);
transition: background .15s ease, color .15s ease, transform .15s ease;
}
.main-navigation .mh-make-menu .sub-menu li a:hover {
background: rgba(243, 102, 9, .16);
color: #fff !important;
transform: translateX(2px);
}
.main-navigation .mh-make-menu .sub-menu li.mh-more-makes {
grid-column: 1 / -1;
margin-top: 10px !important;
padding-top: 12px;
border-top: 1px solid rgba(255, 255, 255, .09) !important;
}
.main-navigation .mh-make-menu .sub-menu li.mh-more-makes a {
text-align: center;
background: linear-gradient(135deg, var(--sa-orange-hot), var(--sa-orange-deep)) !important;
color: #fff !important;
border-radius: 999px;
font-weight: 700 !important;
letter-spacing: .1em;
box-shadow: 0 6px 18px rgba(243, 102, 9, .35);
}
.main-navigation .mh-make-menu .sub-menu li.mh-more-makes a:hover {
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(243, 102, 9, .5);
}
} #site-header-menu {
display: flex;
align-items: center;
}
.site-header-phone {
display: inline-flex;
align-items: center;
gap: 9px;
margin-left: 30px;
padding: 10px 18px;
border: 1px solid rgba(255, 255, 255, .18);
border-radius: var(--sa-radius-pill);
font: 700 14.5px/1 var(--sa-font-body) !important;
letter-spacing: .02em;
color: #fff !important;
white-space: nowrap;
transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
.site-header-phone i {
color: var(--sa-orange-hot);
font-size: 14px;
}
.site-header-phone:hover {
background: linear-gradient(135deg, var(--sa-orange-hot), var(--sa-orange-deep));
border-color: transparent;
color: #fff !important;
transform: translateY(-1px);
}
.site-header-phone:hover i {
color: #fff;
}
@media (max-width: 909px) {
.site-header-phone {
display: none;
}
} .mob-header .sel1 a {
font-weight: 700;
letter-spacing: .04em;
transition: color .18s ease;
}
.mob-header .sel1 a:hover {
color: var(--sa-orange-hot);
}
.mob-header .sel2 a,
.area-credit-btn a {
background: linear-gradient(135deg, var(--sa-orange-hot), var(--sa-orange-deep)) !important;
border-radius: var(--sa-radius-pill) !important;
font-weight: 700 !important;
letter-spacing: .08em;
box-shadow: 0 6px 18px rgba(243, 102, 9, .35);
transition: transform .18s ease, box-shadow .18s ease;
}
.mob-header .sel2 a:hover,
.area-credit-btn a:hover {
transform: translateY(-2px);
box-shadow: 0 10px 26px rgba(243, 102, 9, .5);
} #rev_slider_1_1_wrapper rs-module::after {
content: "";
position: absolute;
inset: 0;
z-index: 4;
pointer-events: none;
background:
linear-gradient(105deg, rgba(8, 10, 14, .72) 0%, rgba(8, 10, 14, .35) 45%, rgba(8, 10, 14, 0) 70%),
linear-gradient(0deg, rgba(8, 10, 14, .55) 0%, rgba(8, 10, 14, 0) 30%);
}
#slider-1-slide-1-layer-1 {
font-family: var(--sa-font-display) !important;
font-weight: 600 !important;
letter-spacing: -0.03em !important;
text-shadow: 0 10px 40px rgba(0, 0, 0, .45);
}
#slider-1-slide-1-layer-2 {
font-family: var(--sa-font-body) !important;
font-weight: 700 !important;
}
a.lease-btn {
font-family: var(--sa-font-body) !important;
font-weight: 700 !important;
letter-spacing: .1em;
text-transform: uppercase;
background: linear-gradient(135deg, var(--sa-orange-hot), var(--sa-orange-deep)) !important;
border: none !important;
border-radius: var(--sa-radius-pill) !important;
padding: 16px 38px !important;
box-shadow: 0 8px 24px rgba(243, 102, 9, .45);
transition: transform .18s ease, box-shadow .18s ease;
}
a.lease-btn:hover {
transform: translateY(-2px) scale(1.02);
box-shadow: 0 14px 34px rgba(243, 102, 9, .6);
color: #fff !important;
} .leas-button,
.deals-cta.row a,
.vc_btn3.vc_btn3-style-modern,
.vc_btn3.vc_btn3-style-classic,
button.vc_btn3,
.get-in-touch-form input[type="submit"],
.wpcf7 input[type="submit"],
.ctct-form-button {
background: linear-gradient(135deg, var(--sa-orange-hot), var(--sa-orange-deep)) !important;
color: #fff !important;
border: none !important;
border-radius: var(--sa-radius-pill) !important;
font-family: var(--sa-font-body) !important;
font-weight: 700 !important;
letter-spacing: .08em;
text-transform: uppercase;
box-shadow: 0 6px 18px rgba(243, 102, 9, .32);
transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.leas-button:hover,
.deals-cta.row a:hover,
.vc_btn3:hover,
.get-in-touch-form input[type="submit"]:hover,
.wpcf7 input[type="submit"]:hover {
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(243, 102, 9, .48);
color: #fff !important;
} #about_us,
#advantage_sec,
#faq_sec {
padding-top: 40px;
padding-bottom: 40px;
} .wpb_content_element h2,
#deals_sec h2,
#faq_sec h2,
#contact_us h2,
.deal-page h1 {
font-family: var(--sa-font-display) !important;
font-weight: 600 !important;
letter-spacing: -0.02em !important;
} @media (min-width: 992px) {
.wpb_content_element h2 {
font-size: 38px;
}
} .brands {
background: var(--sa-surface);
border-top: 1px solid var(--sa-line);
border-bottom: 1px solid var(--sa-line);
}
.brands_item img {
filter: grayscale(1) opacity(.55);
transition: filter .25s ease, transform .25s ease;
}
.brands_item:hover img {
filter: grayscale(0) opacity(1);
transform: scale(1.06);
}
.brands_nav {
border-radius: 50%;
background: #fff !important;
border: 1px solid var(--sa-line);
box-shadow: var(--sa-shadow-sm);
transition: transform .18s ease, box-shadow .18s ease;
}
.brands_nav:hover {
transform: scale(1.08);
box-shadow: var(--sa-shadow-lg);
} .deals-section,
.deal-page .deals-section {
background: #fff;
border: 1px solid var(--sa-line) !important;
border-radius: var(--sa-radius) !important;
overflow: hidden;
box-shadow: var(--sa-shadow-sm);
transition: transform .2s ease, box-shadow .2s ease;
}
.deals-section:hover {
transform: translateY(-5px);
box-shadow: var(--sa-shadow-lg);
} .owl-theme .owl-dots .owl-dot span {
width: 8px;
height: 8px;
background: #CBD2DB;
transition: width .2s ease, background .2s ease;
}
.owl-theme .owl-dots .owl-dot.active span {
width: 26px;
border-radius: 6px;
background: var(--sa-orange);
} .counter-section {
border-radius: var(--sa-radius);
} .vc_tta.vc_general .vc_tta-panel {
margin-bottom: 12px !important;
}
.vc_tta.vc_general .vc_tta-panel-heading {
background: #fff !important;
border: 1px solid var(--sa-line) !important;
border-radius: 14px !important;
box-shadow: var(--sa-shadow-sm);
transition: border-color .18s ease, box-shadow .18s ease;
}
.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta.vc_general .vc_tta-panel-heading:hover {
border-color: var(--sa-orange) !important;
}
.vc_tta.vc_general .vc_tta-panel-title > a {
font-family: var(--sa-font-body) !important;
font-weight: 600 !important;
color: var(--sa-ink) !important;
}
.vc_tta.vc_general .vc_tta-panel-body {
background: var(--sa-surface) !important;
border: 1px solid var(--sa-line) !important;
border-top: none !important;
border-radius: 0 0 14px 14px !important;
} .get-in-touch-form input:not([type="submit"]),
.get-in-touch-form textarea,
.get-in-touch-form select,
.wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.wpcf7 textarea,
.wpcf7 select {
background: #fff !important;
border: 1.5px solid var(--sa-line) !important;
border-radius: 12px !important;
padding: 12px 16px !important;
font-family: var(--sa-font-body) !important;
color: var(--sa-ink) !important;
transition: border-color .18s ease, box-shadow .18s ease;
}
.get-in-touch-form input:focus,
.get-in-touch-form textarea:focus,
.wpcf7 input:focus,
.wpcf7 textarea:focus {
outline: none !important;
border-color: var(--sa-orange) !important;
box-shadow: 0 0 0 4px rgba(243, 102, 9, .15) !important;
}  .page-id-259 .site-content {
background: #F6F7F9;
}
.page-id-259 form.wpcf7-form {
background: #fff;
max-width: 1040px;
margin: 10px auto 30px;
padding: 34px 36px 30px;
border: 1px solid var(--sa-line);
border-radius: 20px;
box-shadow: var(--sa-shadow-sm);
}
.credit-form label {
font: 700 11.5px/1.5 var(--sa-font-body) !important;
letter-spacing: .09em;
text-transform: uppercase;
color: #5A6473 !important;
} h4.credit-info {
font: 600 22px/1.2 var(--sa-font-display) !important;
color: var(--sa-ink) !important;
border-top: 1px solid var(--sa-line);
padding-top: 26px !important;
margin-top: 14px !important;
} .page-id-259 .currency-parent span.wpcf7-form-control-wrap {
position: relative !important;
display: block !important;
}
.page-id-259 .currency-parent span.wpcf7-form-control-wrap::before {
content: '$';
top: 0 !important;
bottom: 0 !important;
left: 16px !important;
transform: translateY(2px) !important;
display: flex !important;
align-items: center !important;
font-size: 15px !important;
line-height: 1 !important;
color: #76808F !important;
z-index: 2;
}
.page-id-259 form.wpcf7-form .currency-parent input.currency-class {
padding-left: 30px !important;
} .credit-form input[type="file"] {
width: 100%;
background: #F6F7F9 !important;
border: 1.5px dashed #CBD2DB !important;
border-radius: 12px !important;
padding: 14px 16px !important;
cursor: pointer;
color: #5A6473 !important;
}
.credit-form input[type="submit"] {
margin-top: 14px !important;
} .sd-card {
border-radius: var(--sa-radius);
border-color: var(--sa-line);
}
.sd-title {
font-family: var(--sa-font-body) !important;
letter-spacing: -0.005em;
} .sd-card { cursor: pointer; }
.sd-card-img img {
transition: transform .25s ease;
}
.sd-card:hover .sd-card-img img {
transform: scale(1.045);
}
.sd-cta {
align-self: stretch !important;
margin-top: auto !important;
text-align: center;
background: linear-gradient(135deg, var(--sa-orange-hot), var(--sa-orange-deep)) !important;
color: #fff !important;
padding: 13px 18px !important;
font-size: 14.5px !important;
letter-spacing: .01em;
box-shadow: 0 8px 20px rgba(243, 102, 9, .26);
transition: box-shadow .18s ease, transform .18s ease;
}
.sd-card:hover .sd-cta {
box-shadow: 0 12px 28px rgba(243, 102, 9, .45);
} .deal-page .sd-cta { display: none !important; } .mh-price-chip-cta {
display: block;
margin-top: 11px;
text-align: center;
background: linear-gradient(135deg, var(--sa-orange-hot), var(--sa-orange-deep));
color: #fff !important;
font: 700 13px/1 var(--sa-font-body);
letter-spacing: .02em;
padding: 11px 16px;
border-radius: 999px;
box-shadow: 0 8px 20px rgba(243, 102, 9, .3);
transition: box-shadow .18s ease, transform .18s ease;
}
.mh-hero-car:hover .mh-price-chip-cta {
box-shadow: 0 12px 26px rgba(243, 102, 9, .45);
} .sa-footer {
position: relative;
background: linear-gradient(180deg, #11161D 0%, #0B0E13 100%) !important;
color: #9AA4B2;
overflow: hidden;
border-top: 1px solid rgba(255, 255, 255, .06);
}
.sa-footer-glow {
position: absolute;
left: -180px;
top: -220px;
width: 620px;
height: 620px;
background: radial-gradient(circle, rgba(243, 102, 9, .12), transparent 62%);
pointer-events: none;
}
.sa-footer-inner {
position: relative;
max-width: 1180px;
margin: 0 auto;
padding: 56px 24px 26px;
}
.sa-footer-grid {
display: grid;
grid-template-columns: 1.6fr 1fr 1.2fr;
gap: 48px;
padding-bottom: 40px;
border-bottom: 1px solid rgba(255, 255, 255, .08);
} .sa-footer-logo img {
height: 46px;
width: auto;
margin-bottom: 18px;
}
.sa-footer-tagline {
font: 400 14.5px/1.7 var(--sa-font-body);
color: #8B95A5;
max-width: 340px;
margin: 0 0 22px;
}
.sa-footer-social {
display: flex;
gap: 10px;
}
.sa-footer-social a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 50%;
background: rgba(255, 255, 255, .06);
border: 1px solid rgba(255, 255, 255, .1);
color: #C7CEDA !important;
font-size: 15px;
transition: background .18s ease, transform .18s ease, border-color .18s ease, color .18s ease;
}
.sa-footer-social a:hover {
background: linear-gradient(135deg, var(--sa-orange-hot), var(--sa-orange-deep));
border-color: transparent;
color: #fff !important;
transform: translateY(-3px);
} .sa-footer-col h4 {
font: 700 12px/1 var(--sa-font-body) !important;
letter-spacing: .18em;
text-transform: uppercase;
color: #fff !important;
margin: 0 0 18px;
}
.sa-footer-col ul {
list-style: none;
margin: 0;
padding: 0;
}
.sa-footer-col li {
margin-bottom: 11px;
}
.sa-footer-col ul a {
font: 500 14.5px/1.3 var(--sa-font-body);
color: #9AA4B2 !important;
text-decoration: none !important;
transition: color .15s ease, padding-left .15s ease;
}
.sa-footer-col ul a:hover {
color: var(--sa-orange-hot) !important;
padding-left: 4px;
}
.sa-footer-line {
display: flex;
align-items: flex-start;
gap: 11px;
margin-bottom: 14px;
font: 500 14.5px/1.5 var(--sa-font-body);
color: #C7CEDA !important;
text-decoration: none !important;
transition: color .15s ease;
}
.sa-footer-line i {
color: var(--sa-orange);
font-size: 14px;
margin-top: 3px;
width: 16px;
text-align: center;
flex-shrink: 0;
}
.sa-footer-line:hover {
color: #fff !important;
}
.sa-footer-credit {
display: inline-block;
margin-top: 8px;
background: linear-gradient(135deg, var(--sa-orange-hot), var(--sa-orange-deep));
color: #fff !important;
font: 700 12.5px/1 var(--sa-font-body);
letter-spacing: .08em;
text-transform: uppercase;
text-decoration: none !important;
padding: 13px 22px;
border-radius: 999px;
box-shadow: 0 6px 18px rgba(243, 102, 9, .35);
transition: transform .18s ease, box-shadow .18s ease;
}
.sa-footer-credit:hover {
transform: translateY(-2px);
box-shadow: 0 10px 26px rgba(243, 102, 9, .5);
color: #fff !important;
} .sa-footer-bottom {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
padding-top: 22px;
font: 500 13px/1.4 var(--sa-font-body);
color: #6B7585;
}
.sa-footer-bottom-links {
display: flex;
gap: 22px;
}
.sa-footer-bottom-links a {
color: #6B7585 !important;
text-decoration: none !important;
transition: color .15s ease;
}
.sa-footer-bottom-links a:hover {
color: var(--sa-orange-hot) !important;
}
@media (max-width: 860px) {
.sa-footer-grid {
grid-template-columns: 1fr 1fr;
gap: 36px 28px;
}
.sa-footer-brand {
grid-column: 1 / -1;
}
}
@media (max-width: 540px) {
.sa-footer-grid {
grid-template-columns: 1fr;
gap: 32px;
}
.sa-footer-inner {
padding: 44px 22px 22px;
}
.sa-footer-bottom {
flex-direction: column;
align-items: flex-start;
}
} .entry-content img,
.wpb_single_image img,
.big-car-img img,
.product-single-img img {
border-radius: var(--sa-radius);
} #toTop, .to-top, .back-to-top {
border-radius: 50% !important;
background: var(--sa-ink) !important;
box-shadow: var(--sa-shadow-lg);
} a:focus-visible,
button:focus-visible {
outline: 3px solid rgba(243, 102, 9, .5);
outline-offset: 2px;
border-radius: 6px;
}  #mobmenuleft .sa-nav-seo-only,
.wp-mobile-menu .sa-nav-seo-only,
.mobmenu .sa-nav-seo-only {
display: none !important;
} .mob-menu-logo-holder {
display: flex !important;
align-items: center;
justify-content: center;
height: 50px;
}
img.mob-standard-logo {
content: url(//swiftautos.net/wp-content/uploads/2018/06/logo.png);
height: 28px !important;
width: auto !important;
} @media only screen and (max-width: 768px) {
.home div#page,
body.home #page.site {
margin-top: 0 !important;
}
} #menu-main-menu > li > a::after,
#menu-main-menu > li > a:hover::after,
#menu-main-menu > li.current-menu-item > a::after {
display: none !important;
} @media only screen and (max-width: 768px) {
body #page.site {
padding-top: 0 !important;
}
} @media (max-width: 768px) { .icon-bar { display: none !important; } #home_sec .mh-hero-stats strong {
font-size: 22px !important;
line-height: 1 !important;
} #dealsModal,
.modal-backdrop { display: none !important; }
body.modal-open { overflow: auto !important; padding-right: 0 !important; } .lease-a-honda a,
.lease-a-honda.by.the.way a,
.btn-get-honda-lease {
display: inline-block !important;
line-height: 1.4 !important;
}
}  .mh-hero-link { position: relative; } .mh-hero-slider { touch-action: pan-y; }
@media (max-width: 768px) { .mh-hero-arrow { display: none !important; }
.mh-hero-controls { margin-top: 16px; }
}  @media (max-width: 768px) {
.mobmenul-container {
display: flex !important;
align-items: center;
height: 50px;
}
} @media (max-width: 768px) { #home_sec .mh-hero-sub strong { font-size: inherit !important; } #home_sec { padding-top: 10px; }
#home_sec .mh-hero-grid { padding-top: 14px; }
} @media (max-width: 768px) { .mobmenu-panel,
.mobmenu-left-alignment {
background: rgba(13, 16, 21, .985) !important;
-webkit-backdrop-filter: saturate(160%) blur(16px);
backdrop-filter: saturate(160%) blur(16px);
border-right: 1px solid rgba(255, 255, 255, .08);
box-shadow: 26px 0 70px rgba(0, 0, 0, .55);
}
.mobmenu-content { padding-top: 8px; } #mobmenuleft.wp-mobile-menu::before {
content: "Menu";
display: block;
font: 700 11px/1 'Archivo', sans-serif;
letter-spacing: .26em;
text-transform: uppercase;
color: #F36609;
padding: 6px 28px 16px;
margin-bottom: 6px;
border-bottom: 1px solid rgba(255, 255, 255, .07);
} #mobmenuleft.wp-mobile-menu { padding: 4px 0 26px !important; }
#mobmenuleft > li { border-bottom: 1px solid rgba(255, 255, 255, .055); }
#mobmenuleft > li:last-child { border-bottom: none; }
#mobmenuleft > li > a {
color: #E6EAF0 !important;
font-family: 'Archivo', 'Helvetica Neue', sans-serif !important;
font-weight: 700 !important;
font-size: 15px !important;
letter-spacing: .15em;
text-transform: uppercase;
padding: 17px 28px !important;
position: relative;
transition: color .16s ease, background .16s ease, padding-left .16s ease;
} #mobmenuleft > li > a:hover,
#mobmenuleft > li > a:active {
color: #fff !important;
background: linear-gradient(90deg, rgba(243, 102, 9, .18), rgba(243, 102, 9, 0)) !important;
box-shadow: inset 4px 0 0 #FF7A1A;
padding-left: 32px !important;
} #mobmenuleft .sub-menu a,
#mobmenuleft ul ul a {
color: #AAB2BF !important;
font-size: 13px !important;
letter-spacing: .08em;
padding-left: 40px !important;
} .mob-icon-cancel-1,
.mob-cancel-button {
color: #FF7A1A !important;
font-size: 26px !important;
opacity: .95;
transition: transform .18s ease, opacity .18s ease;
}
.mob-icon-cancel-1:hover,
.mob-cancel-button:hover { transform: rotate(90deg); opacity: 1; }
} @media (max-width: 768px) {
.mobmenu-panel,
.mobmenu-left-alignment { box-shadow: none !important; }
.mobmenu-panel.show-panel,
.mobmenu-left-alignment.show-panel {
box-shadow: 26px 0 70px rgba(0, 0, 0, .45) !important;
}
} @media (hover: none) {
#mobmenuleft > li > a:hover {
color: #E6EAF0 !important;
background: transparent !important;
box-shadow: none !important;
padding-left: 28px !important;
}
}.mh-container {
max-width: 1180px;
margin: 0 auto;
padding: 0 24px;
}
.mh-eyebrow {
display: inline-block;
font: 700 12px/1 'Archivo', sans-serif;
letter-spacing: .22em;
text-transform: uppercase;
color: #F36609;
margin-bottom: 14px;
}
.mh-section-head {
text-align: center;
margin-bottom: 44px;
}
.mh-section-head h2,
.mh-adv-head h2,
.mh-about-copy h2 {
font: 600 clamp(30px, 4.2vw, 46px)/1.12 'Clash Display', sans-serif !important;
letter-spacing: -0.02em;
color: #0E1217;
margin: 0;
}
.mh-section-head h2 em,
.mh-adv-head h2 em,
.mh-about-copy h2 em,
.mh-hero h1 em,
.mh-reviews-title em {
font-style: normal;
color: #F36609;
}
.mh-section-head.mh-light h2 {
color: #fff;
} .mh-reveal {
opacity: 0;
transform: translateY(26px);
transition: opacity .65s ease, transform .65s cubic-bezier(.2, .7, .2, 1);
}
.mh-reveal.mh-in {
opacity: 1;
transform: none;
} .mh-btn {
display: inline-block;
font: 700 14px/1 'Archivo', sans-serif;
letter-spacing: .1em;
text-transform: uppercase;
border-radius: 999px;
padding: 17px 34px;
text-decoration: none !important;
transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}
.mh-btn-primary {
background: linear-gradient(135deg, #FF7A1A, #D95400);
color: #fff !important;
box-shadow: 0 8px 24px rgba(243, 102, 9, .4);
}
.mh-btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 14px 34px rgba(243, 102, 9, .55);
}
.mh-btn-ghost {
color: #fff !important;
border: 1.5px solid rgba(255, 255, 255, .35);
}
.mh-btn-ghost:hover {
border-color: #FF7A1A;
color: #FF7A1A !important;
transform: translateY(-2px);
} .mh-hero {
position: relative;
background:
radial-gradient(1100px 520px at 85% 20%, rgba(243, 102, 9, .16), transparent 60%),
linear-gradient(180deg, #0B0E13 0%, #11161D 100%);
overflow: hidden;
}
.mh-hero::before {
content: "";
position: absolute;
inset: 0;
background-image: radial-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px);
background-size: 26px 26px;
mask-image: linear-gradient(180deg, rgba(0,0,0,.9), transparent 75%);
-webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,.9), transparent 75%);
pointer-events: none;
}
.mh-hero-glow {
position: absolute;
right: -240px;
bottom: -340px;
width: 880px;
height: 880px;
background: radial-gradient(circle, rgba(243, 102, 9, .22), transparent 62%);
filter: blur(10px);
pointer-events: none;
}
.mh-hero-grid {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
gap: 40px;
align-items: center;
padding-top: 92px;
padding-bottom: 86px;
}
.mh-chip {
display: inline-block;
font: 600 12.5px/1 'Archivo', sans-serif;
letter-spacing: .08em;
color: #FFB37E;
background: rgba(243, 102, 9, .14);
border: 1px solid rgba(243, 102, 9, .35);
border-radius: 999px;
padding: 9px 16px;
margin-bottom: 26px;
}
.mh-hero h1 {
font: 600 clamp(52px, 7vw, 96px)/1.02 'Clash Display', sans-serif !important;
letter-spacing: -0.03em;
color: #fff;
margin: 0 0 22px;
}
.mh-hero-sub {
font: 400 18px/1.7 'Archivo', sans-serif;
color: #B8C0CC;
max-width: 520px;
margin: 0 0 32px;
}
.mh-hero-sub strong {
color: #FF7A1A;
}
.mh-hero-ctas {
display: flex;
gap: 14px;
flex-wrap: wrap;
margin-bottom: 44px;
}
.mh-hero-stats {
display: flex;
flex-wrap: wrap;
gap: 18px 44px;
list-style: none;
margin: 0;
padding: 26px 0 0;
border-top: 1px solid rgba(255, 255, 255, .1);
}
.mh-hero-stats li {
display: flex;
flex-direction: column;
gap: 4px;
}
.mh-hero-stats strong {
font: 600 30px/1 'Clash Display', sans-serif;
color: #fff;
}
.mh-hero-stats span {
font: 500 13px/1.3 'Archivo', sans-serif;
color: #76808F;
letter-spacing: .04em;
}
.mh-hero-car {
position: relative;
}
.mh-hero-car a {
display: block;
text-decoration: none !important;
}
.mh-hero-car img {
width: 100%;
height: auto;
filter: drop-shadow(0 40px 50px rgba(0, 0, 0, .55));
transition: opacity .18s ease, transform .4s cubic-bezier(.2, .7, .2, 1);
animation: mh-float 5.5s ease-in-out infinite;
}
.mh-hero-car:hover img {
transform: scale(1.03);
} .mh-hero-slider {
position: relative;
}
.mh-hero-link {
display: block;
text-decoration: none !important;
} .mh-hero-controls {
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
margin-top: 14px;
}
.mh-hero-arrow {
width: 40px;
height: 40px;
padding: 0;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, .18);
background: rgba(255, 255, 255, .06);
color: #fff;
font-size: 14px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
.mh-hero-arrow i {
line-height: 1;
}
.mh-hero-arrow:hover {
background: linear-gradient(135deg, var(--sa-orange-hot), var(--sa-orange-deep));
border-color: transparent;
transform: scale(1.08);
}
.mh-hero-dots {
display: flex;
align-items: center;
gap: 9px;
}
.mh-hero-dot {
width: 9px;
height: 9px;
padding: 0;
border: none;
border-radius: 50%;
background: rgba(255, 255, 255, .28);
cursor: pointer;
transition: background .2s ease, width .2s ease;
}
.mh-hero-dot.is-active {
width: 26px;
border-radius: 6px;
background: var(--sa-orange-hot);
}
@keyframes mh-float {
0%, 100% { translate: 0 0; }
50%      { translate: 0 -12px; }
}
.mh-price-chip {
position: absolute;
left: 1%;
bottom: 6%;
display: flex;
flex-direction: column;
gap: 2px;
background: rgba(255, 255, 255, .96);
border-radius: 16px;
padding: 14px 20px;
box-shadow: 0 18px 44px rgba(0, 0, 0, .4);
animation: mh-float 5.5s ease-in-out .35s infinite;
}
.mh-price-chip-label {
font: 700 10.5px/1 'Archivo', sans-serif;
letter-spacing: .16em;
text-transform: uppercase;
color: #F36609;
}
.mh-price-chip-car {
font: 600 14px/1.25 'Archivo', sans-serif;
color: #0E1217;
max-width: 200px;
}
.mh-price-chip-price {
font: 600 26px/1 'Clash Display', sans-serif;
color: #0E1217;
}
.mh-price-chip-price small {
font: 600 14px/1 'Archivo', sans-serif;
color: #76808F;
} .mh-brands {
background: #fff;
border-bottom: 1px solid #E6E9EE;
padding: 26px 0;
overflow: hidden;
}
.mh-marquee {
mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.mh-marquee-track {
display: flex;
align-items: center;
gap: 72px;
width: max-content;
animation: mh-marquee 36s linear infinite;
}
.mh-marquee:hover .mh-marquee-track {
animation-play-state: paused;
}
@keyframes mh-marquee {
from { transform: translateX(0); }
to   { transform: translateX(-50%); }
}
.mh-brand img {
height: 44px;
width: auto;
filter: grayscale(1) opacity(.5);
transition: filter .25s ease, transform .25s ease;
}
.mh-brand:hover img {
filter: grayscale(0) opacity(1);
transform: scale(1.08);
} .mh-about {
padding: 96px 0;
background: #fff;
}
.mh-about-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 64px;
align-items: center;
}
.mh-about-media {
position: relative;
}
.mh-about-media::before {
content: "";
position: absolute;
inset: 26px -26px -26px 26px;
border-radius: 24px;
background: linear-gradient(135deg, rgba(243, 102, 9, .16), rgba(243, 102, 9, .05));
z-index: 0;
}
.mh-about-media img {
position: relative;
z-index: 1;
width: 100%;
height: auto;
border-radius: 24px;
box-shadow: 0 24px 60px rgba(14, 18, 23, .18);
}
.mh-about-badge {
position: absolute;
z-index: 2;
right: -18px;
top: -22px;
display: flex;
flex-direction: column;
background: #0E1217;
color: #fff;
border-radius: 18px;
padding: 16px 20px;
box-shadow: 0 16px 40px rgba(14, 18, 23, .35);
}
.mh-about-badge strong {
font: 600 28px/1 'Clash Display', sans-serif;
color: #FF7A1A;
}
.mh-about-badge span {
font: 500 12px/1.35 'Archivo', sans-serif;
color: #B8C0CC;
margin-top: 4px;
}
.mh-about-copy h2 {
margin-bottom: 20px;
}
.mh-about-copy p {
font: 400 16.5px/1.75 'Archivo', sans-serif;
color: #3D4654;
margin: 0 0 16px;
}
.mh-checklist {
list-style: none;
margin: 26px 0 30px;
padding: 0;
}
.mh-checklist li {
position: relative;
padding-left: 34px;
margin-bottom: 12px;
font: 600 15.5px/1.5 'Archivo', sans-serif;
color: #0E1217;
}
.mh-checklist li::before {
content: "";
position: absolute;
left: 0;
top: 1px;
width: 22px;
height: 22px;
border-radius: 50%;
background: rgba(243, 102, 9, .14);
}
.mh-checklist li::after {
content: "";
position: absolute;
left: 7px;
top: 6px;
width: 7px;
height: 11px;
border: solid #F36609;
border-width: 0 2.5px 2.5px 0;
transform: rotate(42deg);
}
.mh-signature {
display: flex;
flex-direction: column;
gap: 6px;
margin-top: 34px;
padding-top: 24px;
border-top: 1px solid #E6E9EE;
}
.mh-signature img {
width: 190px;
height: auto;
}
.mh-signature span {
font: 700 12px/1 'Archivo', sans-serif;
letter-spacing: .2em;
text-transform: uppercase;
color: #76808F;
} .mh-deals {
padding: 96px 0;
background:
radial-gradient(900px 420px at 12% 0%, rgba(243, 102, 9, .07), transparent 60%),
#F6F7F9;
border-top: 1px solid #E6E9EE;
border-bottom: 1px solid #E6E9EE;
}
.mh-deals-more {
text-align: center;
margin: 40px 0 0;
} .mh-adv {
padding: 96px 0;
background: #fff;
}
.mh-adv-head {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 48px;
align-items: center;
margin-bottom: 52px;
}
.mh-adv-head p {
font: 400 17px/1.75 'Archivo', sans-serif;
color: #5A6473;
border-left: 3px solid #F36609;
padding-left: 22px;
margin: 0;
}
.mh-adv-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
}
.mh-adv-card {
background: #fff;
border: 1px solid #E6E9EE;
border-radius: 18px;
padding: 30px 26px;
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.mh-adv-card:hover {
transform: translateY(-5px);
border-color: rgba(243, 102, 9, .45);
box-shadow: 0 18px 44px rgba(14, 18, 23, .1);
}
.mh-adv-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
border-radius: 18px;
background: linear-gradient(135deg, rgba(243, 102, 9, .14), rgba(243, 102, 9, .05));
margin-bottom: 18px;
}
.mh-adv-icon img {
max-width: 36px;
max-height: 36px;
}
.mh-adv-card h4 {
font: 600 19px/1.3 'Clash Display', sans-serif !important;
color: #0E1217;
margin: 0 0 6px;
}
.mh-adv-card p {
font: 400 14.5px/1.6 'Archivo', sans-serif;
color: #76808F;
margin: 0;
} .mh-faq {
position: relative;
padding: 64px 0;
background:
radial-gradient(720px 380px at 92% 8%, rgba(243, 102, 9, .10), transparent 62%),
#FBF3EE;
overflow: hidden;
} .mh-faq::after {
content: "?";
position: absolute;
right: -10px;
bottom: -80px;
font: 600 300px/1 'Clash Display', sans-serif;
color: rgba(243, 102, 9, .06);
pointer-events: none;
}
.mh-faq-grid {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
gap: 44px;
align-items: start;
}
.mh-faq-intro {
position: sticky;
top: 90px;
}
.mh-faq-intro h2 {
font: 600 clamp(26px, 3.2vw, 38px)/1.08 'Clash Display', sans-serif !important;
letter-spacing: -0.02em;
color: #0E1217;
margin: 0 0 14px;
}
.mh-faq-intro h2 em {
font-style: normal;
color: #F36609;
}
.mh-faq-intro p {
font: 400 15px/1.65 'Archivo', sans-serif;
color: #5A6473;
max-width: 320px;
margin: 0 0 22px;
}
.mh-faq-cta {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
.mh-faq-phone {
font: 700 17px/1 'Archivo', sans-serif;
color: #0E1217 !important;
text-decoration: none !important;
border-bottom: 2px solid #F36609;
padding-bottom: 3px;
transition: color .18s ease;
}
.mh-faq-phone:hover {
color: #F36609 !important;
} .mh-faq-item {
background: #fff;
border: 1px solid #EADFD7;
border-radius: 13px;
margin-bottom: 8px;
overflow: hidden;
transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease;
}
.mh-faq-item:hover {
border-color: rgba(243, 102, 9, .4);
}
.mh-faq-item[open] {
border-color: rgba(243, 102, 9, .55);
box-shadow: 0 18px 44px rgba(140, 80, 30, .13);
transform: translateY(-2px);
}
.mh-faq-item summary {
display: flex;
align-items: center;
gap: 14px;
padding: 14px 18px;
cursor: pointer;
list-style: none;
user-select: none;
}
.mh-faq-item summary::-webkit-details-marker {
display: none;
}
.mh-faq-num {
font: 600 12.5px/1 'Clash Display', sans-serif;
color: #F36609;
background: rgba(243, 102, 9, .1);
border-radius: 8px;
padding: 7px 8px;
letter-spacing: .04em;
flex-shrink: 0;
transition: background .2s ease, color .2s ease;
}
.mh-faq-item[open] .mh-faq-num {
background: linear-gradient(135deg, #FF7A1A, #D95400);
color: #fff;
}
.mh-faq-q {
flex: 1;
font: 600 15px/1.35 'Archivo', sans-serif;
color: #0E1217;
} .mh-faq-toggle {
position: relative;
width: 28px;
height: 28px;
border-radius: 50%;
border: 1.5px solid #EADFD7;
flex-shrink: 0;
transition: background .22s ease, border-color .22s ease, transform .3s ease;
}
.mh-faq-toggle::before,
.mh-faq-toggle::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 11px;
height: 2px;
background: #0E1217;
translate: -50% -50%;
transition: background .22s ease, rotate .3s ease;
}
.mh-faq-toggle::after {
rotate: 90deg;
}
.mh-faq-item summary:hover .mh-faq-toggle {
border-color: #F36609;
}
.mh-faq-item[open] .mh-faq-toggle {
background: #0E1217;
border-color: #0E1217;
transform: rotate(45deg);
}
.mh-faq-item[open] .mh-faq-toggle::before,
.mh-faq-item[open] .mh-faq-toggle::after {
background: #fff;
} .mh-faq-a {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows .35s cubic-bezier(.2, .7, .2, 1);
}
.mh-faq-item[open] .mh-faq-a {
grid-template-rows: 1fr;
}
.mh-faq-a > div {
overflow: hidden;
}
.mh-faq-a p {
font: 400 14px/1.6 'Archivo', sans-serif;
color: #5A6473;
margin: 0;
padding: 0 56px 16px 18px;
}
.mh-faq-a p + p {
padding-top: 12px;
} .mh-reviews {
padding: 80px 0;
background: #fff;
text-align: center;
}
.mh-reviews-title {
font: 600 clamp(28px, 3.6vw, 40px)/1.15 'Clash Display', sans-serif !important;
letter-spacing: -0.02em;
color: #0E1217;
margin: 0 0 36px;
} .mh-contact {
position: relative;
padding: 100px 0 90px;
background:
radial-gradient(900px 460px at 15% 10%, rgba(243, 102, 9, .14), transparent 60%),
linear-gradient(180deg, #11161D 0%, #0B0E13 100%);
overflow: hidden;
}
.mh-contact-glow {
position: absolute;
right: -200px;
top: -260px;
width: 700px;
height: 700px;
background: radial-gradient(circle, rgba(243, 102, 9, .16), transparent 62%);
pointer-events: none;
}
.mh-contact .mh-container {
position: relative;
}
.mh-contact-form {
max-width: 880px;
margin: 0 auto;
background: rgba(255, 255, 255, .045);
border: 1px solid rgba(255, 255, 255, .1);
border-radius: 24px;
padding: 38px 40px 30px;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
box-shadow: 0 30px 70px rgba(0, 0, 0, .35);
} .mh-contact-form .wpcf7-form .row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 18px;
margin: 0;
} .mh-contact-form .wpcf7-form .row::before,
.mh-contact-form .wpcf7-form .row::after {
content: none !important;
display: none !important;
}
.mh-contact-form .wpcf7-form .row > [class*="col-"] {
width: 100%;
float: none;
padding: 0;
}
.mh-contact-form .wpcf7-form .row > .col-sm-12 {
grid-column: 1 / -1;
}
.mh-contact-form .wpcf7-form .row > [class*="col-"]:empty {
display: none;
}
.mh-contact-form .wpcf7-form p {
color: #B8C0CC;
margin: 0 0 16px;
padding: 0;
text-align: left;
}
.mh-contact-form .wpcf7-form-control-wrap {
display: block;
} .mh-contact .wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.mh-contact .wpcf7 textarea,
.mh-contact .wpcf7 select {
width: 100%;
background: rgba(255, 255, 255, .06) !important;
border: 1.5px solid rgba(255, 255, 255, .16) !important;
border-radius: 12px !important;
color: #fff !important;
padding: 14px 18px !important;
font: 400 15px/1.4 'Archivo', sans-serif !important;
box-shadow: none !important;
transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.mh-contact .wpcf7 textarea {
min-height: 150px;
resize: vertical;
}
.mh-contact .wpcf7 input::placeholder,
.mh-contact .wpcf7 textarea::placeholder {
color: #8B95A5 !important;
opacity: 1;
}
.mh-contact .wpcf7 input:focus,
.mh-contact .wpcf7 textarea:focus {
outline: none !important;
background: rgba(255, 255, 255, .09) !important;
border-color: #F36609 !important;
box-shadow: 0 0 0 4px rgba(243, 102, 9, .22) !important;
}
.mh-contact .wpcf7 input[type="submit"] {
display: block;
width: auto;
margin: 6px auto 0;
padding: 17px 44px !important;
font-size: 14px !important;
cursor: pointer;
} .mh-contact .wpcf7-response-output:empty,
.mh-contact .hidden-fields-container,
.mh-contact .wpcf7 .screen-reader-response {
display: none !important;
}
.mh-contact .wpcf7-response-output {
border: 1px solid rgba(243, 102, 9, .5) !important;
border-radius: 12px;
color: #FFB37E !important;
padding: 12px 16px !important;
margin: 14px 0 0 !important;
}
.mh-contact .wpcf7-not-valid-tip {
color: #FF9D66 !important;
font-size: 12.5px;
margin-top: 5px;
} .mh-stats {
list-style: none;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
max-width: 1020px;
margin: 64px auto 0;
padding: 0;
}
.mh-stat {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 10px;
background: rgba(255, 255, 255, .04);
border: 1px solid rgba(255, 255, 255, .09);
border-radius: 20px;
padding: 28px 18px 26px;
transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.mh-stat:hover {
transform: translateY(-4px);
border-color: rgba(243, 102, 9, .45);
background: rgba(243, 102, 9, .07);
}
.mh-stat-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border-radius: 16px;
background: linear-gradient(135deg, rgba(243, 102, 9, .22), rgba(243, 102, 9, .08));
border: 1px solid rgba(243, 102, 9, .35);
}
.mh-stat-icon i {
font-size: 22px;
color: #FF8B3D;
}
.mh-stat-num {
font: 600 40px/1 'Clash Display', sans-serif;
color: #fff;
letter-spacing: -0.01em;
font-variant-numeric: tabular-nums;
}
.mh-stat-affix {
color: #FF8B3D;
}
.mh-stat-label {
font: 700 11.5px/1.3 'Archivo', sans-serif;
letter-spacing: .18em;
text-transform: uppercase;
color: #8B95A5;
} @media (max-width: 991px) {
.mh-hero-grid,
.mh-about-grid,
.mh-adv-head,
.mh-faq-grid {
grid-template-columns: minmax(0, 1fr);
} .mh-about-media::before {
inset: 14px -10px -14px 10px;
}
.mh-faq-grid {
gap: 40px;
}
.mh-faq-intro {
position: static;
}
.mh-faq::after {
font-size: 300px;
}
.mh-faq-a p {
padding-right: 24px;
}
.mh-stats {
grid-template-columns: 1fr 1fr;
}
.mh-contact-form {
padding: 26px 22px 22px;
}
.mh-contact-form .wpcf7-form .row {
grid-template-columns: 1fr;
gap: 0;
}
.mh-hero-grid {
padding-top: 56px;
padding-bottom: 56px;
gap: 28px;
}
.mh-adv-grid {
grid-template-columns: 1fr 1fr;
}
.mh-about-badge {
right: 8px;
}
.mh-hero-stats {
gap: 28px;
}
}
@media (max-width: 600px) { .mh-about,
.mh-deals,
.mh-adv,
.mh-faq {
padding: 60px 0;
}
.mh-reviews {
padding: 56px 0;
}
.mh-contact {
padding: 64px 0 60px;
}
.mh-section-head {
margin-bottom: 32px;
}
.mh-adv-grid {
grid-template-columns: 1fr;
} .mh-hero-grid {
padding-top: 40px;
padding-bottom: 48px;
}
.mh-hero h1 {
font-size: 52px !important;
}
.mh-hero-sub {
font-size: 16px;
margin-bottom: 26px;
}
.mh-chip {
font-size: 11px;
padding: 8px 13px;
margin-bottom: 20px;
}
.mh-hero-ctas {
margin-bottom: 34px;
}
.mh-hero-ctas .mh-btn {
padding: 15px 26px;
font-size: 13px;
}
.mh-hero-stats {
gap: 0;
justify-content: space-between;
padding-top: 20px;
}
.mh-hero-stats strong {
font-size: 24px;
}
.mh-hero-stats span {
font-size: 11.5px;
}
.mh-price-chip {
left: 0;
bottom: 0;
padding: 10px 14px;
}
.mh-price-chip-price {
font-size: 21px;
} .mh-brands {
padding: 18px 0;
}
.mh-brand img {
height: 34px;
}
.mh-marquee-track {
gap: 48px;
} .mh-about-badge {
right: 4px;
top: -14px;
padding: 12px 16px;
}
.mh-about-badge strong {
font-size: 22px;
}
.mh-signature img {
width: 160px;
} .mh-faq-item summary {
padding: 17px 16px;
gap: 12px;
}
.mh-faq-q {
font-size: 15px;
}
.mh-faq-num {
font-size: 12px;
padding: 8px 8px;
}
.mh-faq-toggle {
width: 30px;
height: 30px;
}
.mh-faq-a p {
padding-left: 16px;
padding-right: 16px;
}
.mh-faq-cta {
gap: 16px;
} .mh-contact-form {
padding: 26px 18px 22px;
}
.mh-stats {
gap: 12px;
margin-top: 44px;
}
.mh-stat {
padding: 20px 12px 18px;
}
.mh-stat-num {
font-size: 30px;
}
.mh-stat-icon {
width: 44px;
height: 44px;
border-radius: 13px;
}
.mh-stat-icon i {
font-size: 18px;
}
}