/* 
    Website CSS - Start N' Go PH
    Desktop
    Mindful Collabs, Start N' Go Marketing Corp.
*/

:root{
    --sng-candy-red: #BE0606;
    --sng-red: #B30F14;
    --sng-red-new: #B01718;
    --sng-midnight-black: #231F20;
    --sng-midnight-black-new: #2A2A2A;
    --sng-black: #000000;
    --sng-black-new: #1E1E1E;
    --sng-white: #FFFFFF;
    --sng-off-white: #F2F2F2;
    --sng-dark-grey: #E5E5E5;
    --sng-accent-grey: #231F20E6;
    --sng-grey: #8B8b8b;
    --sng-grey-2: #9B9B9B;
    --sng-form-select-icon-img:"";
    --sng-red-filter: brightness(0) saturate(100%) invert(10%) sepia(83%) saturate(6588%) hue-rotate(354deg) brightness(85%) contrast(94%);
    --sng-grey-2-filter: brightness(0) saturate(100%) invert(76%) sepia(0%) saturate(167%) hue-rotate(144deg) brightness(80%) contrast(94%);
}

/* Webfonts */
@font-face { font-family: 'Eurostile'; src: url('fonts/eurostile-webfont.woff2') format('woff2'),url('fonts/eurostile-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Eurostile Medium'; src: url('fonts/eurostile_medium-webfont.woff2') format('woff2'), url('eurostile_medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Eurostile Oblique'; src: url('fonts/eurostile_oblique-webfont.woff2') format('woff2'), url('eurostile_oblique-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Eurostile Bold'; src: url('fonts/eurostile_bold-webfont.woff2') format('woff2'),url('fonts/eurostile_bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Eurostile Black'; src: url('fonts/eurostile_black-webfont.woff2') format('woff2'),url('fonts/eurostile_black-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Eurostile Black Italic'; src: url('fonts/eurostile_black_italic-webfont.woff2') format('woff2'),url('fonts/eurostile_black_italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Eurostile Heavy'; src: url('fonts/eurostile_heavy-webfont.woff2') format('woff2'), url('eurostile_heavy-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Eurostile Heavy Italic'; src: url('fonts/eurostile_heavy_italic-webfont.woff2') format('woff2'), url('eurostile_heavy_italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Eurostile Condensed Regular'; src: url('fonts/eurostile_cond-webfont.woff2') format('woff2'),url('fonts/eurostile_cond-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Eurostile Extended Regular'; src: url('fonts/eurostile_extd-webfont.woff2') format('woff2'),url('fonts/eurostile_extd-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Eurostile Extended Bold'; src: url('fonts/EurostileExtended-Black.woff2') format('woff2'),url('fonts/EurostileExtended-Black.woff') format('woff');font-weight: bold;font-style: normal;font-display: swap;}
@font-face { font-family: 'Eurostile Extended Black'; src: url('fonts/eurostile_extd_black-webfont.woff2') format('woff2'),url('fonts/eurostile_extd_black-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Eurostile Extended Black Italic'; src: url('fonts/eurostile_extd_black_italic-webfont.woff2') format('woff2'),url('fonts/eurostile_extd_black_italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Eurostile Extended Medium'; src: url('fonts/eurostile_extd_medium-webfont.woff2') format('woff2'),url('fonts/eurostile_extd_medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Eurostile Extended Regular Italic'; src: url('fonts/eurostile_extd_regular_italic-webfont.woff2') format('woff2'),url('fonts/eurostile_extd_regular_italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

.mobile-only {display: none !important;}
.desktop-only {display: block !important;}
.font-eurostile-bold{font-family: 'Eurostile Extended Bold';}

/* Design System - Headings */
[class^="h0"] p {margin: 0}
/* .h01, .h01 *, h1 {font-family: 'Eurostile Extended Black'; font-size: 48px; font-weight: bold;}
.h02, .h02 *, h2 {font-family: 'Eurostile Extended Black'; font-size: 28.83px; font-weight: bold;}
.h03, .h03 *, h3 {font-family: 'Eurostile Extended Black'; font-size: 25.63px; font-weight: bold;}
.h04, .h04 *, h4 {font-family: 'Eurostile Extended Bold'; font-size: 22.78px; font-weight: bold;} */
.h01, .h01 *, h1 {font-family: 'Eurostile Extended Bold'; font-size: 36px;}
.h02, .h02 *, h2 {font-size: 32px;}
.h03, .h03 *, h3 {font-size: 30px; font-weight: bold;}
.h04, .h04 *, h4 {font-size: 24px; font-weight: bold;}
.h05, .h05 *, h5 {font-size: 20px; font-weight: bold;}
.h06, .h06 *, h6 {font-size: 18px; line-height: 22px;}

.h01.sub, .h01.sub *, h1.sub{font-size: 28px}

[class^="h0"].title{margin-bottom: 40px}

.p01v1, .p01v1 *{font-family: 'Eurostile'; font-size: 16px; }
.p01v2, .p01v2 *{font-family: 'Eurostile Oblique'; font-size: 16px; }
.p01v3, .p01v3 *{font-family: 'Eurostile Heavy'; font-size: 16px; }
.p01v4, .p01v4 *{font-family: 'Eurostile Heavy'; font-size: 16px; text-decoration: underline;}
.p02v1, .p02v1 *{font-family: 'Eurostile'; font-size: 14px; }
.p02v2, .p02v2 *{font-family: 'Eurostile Heavy'; font-size: 14px; }

.small-text {font-size: 14px;}

.icon-spacing {margin-right: 10px}
.icon {max-width: 16px;}
.icon.verified{max-width: 20px; filter: var(--sng-red-filter)}
.verified{color: var(--sng-red);}

/* Overrides */
.bg-light {background: #fff !important}
.hidden {display: none;}
img {height: auto; width: 100%;}
.dialog-off-canvas-main-canvas {font-family: 'Eurostile'; background-color: #F9FBFC;}
main { background-color: #F9FBFC; margin-top: 140px; }
header.fixed-top.theme-admin{top: 80px}
.region-content {padding: 0;}
/* .red-highlight {color: var(--sng-candy-red)} */
.viewsreference--view-title {display: none;}
input[type=text]:read-only {background: var(--sng-dark-grey);}

.region-nav-additional {display: flex;align-items: center;}

select.placeholder-selected {color: #9d9d9d!important;}
select option {color: #000;}

a.tabledrag-handle .handle {height: 1.7em !important;}

a.disabled{pointer-events: none;}
a.disabled:hover{cursor: not-allowed}

#toolbar-administration {z-index: 1050}

/* Breadcrumb */
.breadcrumb-item + .breadcrumb-item::before {content: ">"}
.breadcrumb li:last-of-type {font-family: 'Eurostile Bold';} 
.breadcrumb { font-family: 'Eurostile Bold'; font-size: 14px; } 
.breadcrumb li * { color: #000; /* text-decoration: none; */ } 
.breadcrumb li { font-family: 'Eurostile'; }

/* CTA */
.cta-wrapper a,.form-submit { background: var(--sng-midnight-black); padding: 14px 16px; border-radius: 25px; color: var( --sng-white); text-decoration: none; transition: 0.3s all ease; border:0; font-weight: bold; }
/* .cta-wrapper a svg {margin-left: 12px;} */
.cta-wrapper.sml-cta a svg {margin-left: 0;}
.cta-wrapper.white a {background: var(--sng-dark-grey); color: var(--sng-black)}
.cta-wrapper.red-border a {color:var(--sng-red-new); border: 1px solid var(--sng-red-new);}
.cta-wrapper a:hover,.btn.form-submit:hover,.btn.form-submit:active{ background: var(--sng-candy-red); color: var(--sng-white) }

.cta-wrapper.right-align {display: flex;justify-content: flex-end;align-items: center;}
.cta-wrapper.right-align a {margin-left: 24px;}

.cta-group{margin-bottom: 40px;}

.cta-wrapper.cta-group a { background: var(--sng-white); color: var(--sng-black); border: 0.5px solid var(--sng-midnight-black); margin-right: 24px; }
.cta-wrapper.cta-group a.active { background: var(--sng-midnight-black); color: var(--sng-white); }
.cta-wrapper.cta-group a:hover:not(.active) { background: var(--sng-dark-grey); }
.cta-wrapper.cta-group .highlight-cta {margin-left: auto;display: flex}
.cta-wrapper.cta-group .highlight-cta a {background: var(--sng-midnight-black);color: var( --sng-white);border: 0.5px transparent}
.cta-wrapper.cta-group .highlight-cta a:hover {background: var(--sng-candy-red);}

.cta-wrapper .cta-primary{background: var(--sng-red);}
.cta-wrapper .cta-tertiary {outline: 2px solid var(--sng-red);background: #fff;color: var(--sng-black-new)}

.card-link {text-decoration: none; color: #000}
.card-link:hover .card {box-shadow: 0px 8px 16px #00000029;}
.card-link .card {transition: 0.3s all ease;}

.cta-wrapper-car a {padding: 14px 16px;border-radius: 25px;color: var( --sng-white);text-decoration: none;transition: 0.3s all ease;font-family: 'Eurostile Bold';text-align: center;flex: 1 1 0px;}
.cta-wrapper-car {display: flex;justify-content: center;align-items: center;gap: 15px;}
.cta-wrapper-car a.cta-secondary {background: var(--sng-midnight-black);}
.cta-wrapper-car a.cta-primary {background: var(--sng-red);}

.share-btn.fb, .cta-wrapper a.messenger {background:#1877f2;}
.share-btn.fb:hover, .cta-wrapper a.messenger:hover {background: #006AFF;}
.share-btn.viber, .cta-wrapper a.viber {background:#7360f2;}
.share-btn.twt{background: #000}
.share-btn.fb-m {background: #006AFF;}
.share-btn.fb-m:hover {background: #00B2FF;}

.cta-wrapper-car a.cta-secondary:hover {background: var(--sng-red);}
.cta-wrapper-car a.cta-primary:hover {background: var(--sng-candy-red);}

.subcribe-block-wrapper .captcha legend, 
.subcribe-block-wrapper .captcha .description {display: none;}
.subscribe-block-content .form-submit,.paragraph-car-matching .form-submit{padding:10px 35.5px; background: var(--sng-red); font-size:20px;}
.subscribe-block-content .form-submit:hover{color:var(--sng-midnight-black); background: var(--sng-white);}
.paragraph-car-matching .form-submit:hover{opacity: 0.8;}

#block-b5startngo-mondaycsbtn svg {margin: 0;}

/* Navbar */
.navbar { box-shadow: 0px 4px 14px #00000014; /*border-radius: 0 0 16px 16px;*/ } 
.navbar .navbar-brand img { max-height: 50px; }
.navbar-nav .nav-item { padding: 0 15px; }
.navbar-nav .nav-item .nav-link { font-weight: bold; font-size: 16px; color: #000; } 

/* Navbar - Side Offcanvas */
.navbar .offcanvas {width: 80%}

.triangle-left {width: 0;height: 0;border-top: 8px solid transparent;border-right: 8px solid #555;border-bottom: 8px solid transparent;}
.triangle-right { width: 0; height: 0; border-top: 8px solid transparent; border-left: 8px solid #555; border-bottom: 8px solid transparent; }

.tbm {background: 0;font-family: 'Eurostile Heavy';font-size: 16px;}
.tbm-nav {background: 0;}
.tbm-submenu{width:145%; transform:translateX(-15%); padding: 0; box-shadow: 0px 4px 8px #00000014; border-radius: 0px 0px 8px 8px; border-top: 0;}
.tbm-submenu .views-col{border-radius: 8px; padding: 6px 10px; transition: 0.2s ease;}
.tbm-submenu .views-col:hover {background:var(--sng-grey);}
.tbm-submenu .views-col:hover p{color: var(--sng-red); transform: translateY(-4px);}
.tbm-submenu .views-col p{margin:0; transition: 0.2s ease;}
.tbm-item.level-1{border: 0}
.tbm-link {text-decoration: none; color: var(--sng-accent-grey);}
.tbm-link.level-1 {padding: 30px 50px;transition: 0.2s ease;border-top: 4px solid transparent;border-bottom: 4px solid transparent;white-space: nowrap;}
.tbm-link.level-1:hover, 
.tbm-link.level-1:focus,
.tbm-link.level-1.active-trail {background: 0;border-top: 4px solid #B30F14;}

.tbm-column{padding:30px 17px; border-right: 1px solid #E5E5E5;}
.tbm-link img{max-width:50px;}

/* Banner */
#banner {margin-bottom: 60px;}

.banner-image-wrapper {position: relative;}
.banner-image-text { position: absolute; top: 50%; transform: translateY(-50%); left: 15%; line-height: 40px; color: var(--sng-white); max-width: 450px; }
.banner-image-wrapper p { margin: 0; }
.owl-nav button { position: absolute; top: 40%; transition: 0.3s all ease}

.owl-nav .owl-prev div {border-right: 8px solid #ffffff2f;}
.owl-nav .owl-next div {border-left: 8px solid #ffffff2f;}
.owl-nav .owl-next {right: 20px;}
.owl-nav .owl-prev {left: 20px;}
.owl-nav .owl-next {right: 20px;}
.owl-nav .owl-prev:hover div {border-right: 8px solid #fff;}
.owl-nav .owl-next:hover div {border-left: 8px solid #fff;}

.banner-item-wrapper{position: relative}
.scroll-btn-car{display: none}

/* Notices */
#notices {background-color: var(--sng-red); text-align: center; padding: 5px; color: var(--sng-white)}
#notices p {margin: 0}

/* Sections */
.section{margin-bottom: 60px;}
.section.half{margin-bottom: 30px}
.landing-page-wrapper{margin-bottom:60px;}

.section.paragraph-views h3 {margin-bottom: 25px;}
.section.paragraph-views .p01 {margin-bottom: 40px;}
.landing-page-wrapper .section.paragraph-2-cards h3{margin-bottom:40px;}

.view-wrapper ul {list-style-type: none; padding: 0;}

.section-centered{display: flex; justify-content: center; align-items: flex-start; flex-direction: column;}

.section-image-wrapper img { border-radius: 40px; }

.paragraph-4-cards-wrapper .col {padding-right: calc(var(--bs-gutter-x)* 0.4);padding-left: calc(var(--bs-gutter-x)* 0.4);}
.landing-page-wrapper .paragraph-4-cards-wrapper .col{padding-right: calc(var(--bs-gutter-x)* 0.3);padding-left: calc(var(--bs-gutter-x)* 0.3);}
.paragraph-4-cards-wrapper .card {border: 0;}

.paragraph-2-cards-wrapper.paragraph-32 .col .row {height:100%; padding: 48px; background: #F8F8F8; border-radius: 16px;}
.paragraph-2-cards-wrapper.paragraph-35 .col .row {height:100%; padding: 32px; border: 1px solid #E5E5E5; border-radius: 24px;}

/* Homepage Products */
.service-card {
  transition: all .2s ease;
}

.service-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.15);
}

/* Homepage Partners */
.paragraph-partner{margin-bottom: 40px;}
.paragraph-partner .p01{font-size:20px; margin-bottom:20px;}
.paragraph-partner .img-list{display:flex; flex-direction: row; justify-content:center; align-items:center; gap: 16px;}
.paragraph-partner .img-list img{max-width:140px;}

.paragraph-partner-wrapper.financing .paragraph-partner .marquee-track {width: 100%;display: flex;justify-content: center;align-items: center;}
.paragraph-partner-wrapper.financing .paragraph-partner .img-list img {max-width: 200px;}
.paragraph-partner-wrapper.financing .paragraph-partner .img-list {overflow: hidden;position: relative;}
.paragraph-partner-wrapper.financing .paragraph-partner .marquee-track {display: flex;justify-content: center;align-items: center;width: max-content;animation: marquee-scroll 15s linear infinite;}
.paragraph-partner-wrapper.financing .paragraph-partner .marquee-track img {margin: 0 40px;flex-shrink: 0}
.paragraph-partner-wrapper.financing .paragraph-partner .marquee-track:hover {animation-play-state: paused;}

/* animation */
@keyframes marquee-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* Car Matching */
.paragraph-car-matching{border: 1px solid var(--sng-red-new);border-radius: 15px;padding: 40px;}
.paragraph-car-matching input[type=checkbox]:checked + label {background:rgba(0, 0, 0, 0.15);}
.paragraph-car-matching label{display: inline-flex;flex-direction: column;align-items: center;margin: 10px 15px 0 0;border-radius: 5px;transition: background 150ms ease;cursor:pointer;}
.paragraph-car-matching .brand-terms label{max-width:85px;box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);padding: 10px 25px;}
.paragraph-car-matching .body-type-terms label{max-width:131px;padding: 5px 15px;}
.paragraph-car-matching .body-type-terms label img{max-height:85px;}

/* Car Cards/Vehicle Cards */
.vehicle-card {font-family: 'Eurostile';border: 0;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.vehicle-card .card-title{font-size: 24px; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.vehicle-card .card-body,
.vehicle-card .card-footer {padding: 25px}
.view-cars .vehicle-card .card-img-top {object-fit: cover; min-height: 250px; max-height: 250px;}
.view-cars ul {list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap}
.vehicle-card .card {border-radius: 5px}
.vehicle-card .card-footer {background: inherit}

.vehicle-card .car-brand-img img { max-width: 65px; }
.vehicle-card .car-brand-img { display: flex; justify-content: right; }

.car-gallery1 .new-label {top: 0;}
.sync3 .car-gallery1 .new-label {display: none;}
.new-label { position: absolute; left: 0px; background: var(--sng-red); padding: 5px 35px 5px 10px; color: var(--sng-white); font-weight: bold; clip-path: polygon(0% 0%, 100% 0%, 90% 0%, 80% 100%, 0% 100%); border-radius: 5px 0 0 0; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }

.vehicle-card #car-seller {display: flex;align-items: center;gap: 5px;}
.vehicle-card  #car-seller svg {color: var(--sng-red)}

.view-cars .loadmore-btn {margin-top: 25px;}
.view-cars.view-display-id-block_12 .view-header .cta-wrapper {float: right; display: flex; justify-content: center; align-items:center}
.view-cars .pager {margin-top: 25px;}
.view-cars .pager ul li a {background: var(--sng-midnight-black);color: var(--sng-white);border: 1px solid var(--sng-off-white)}
.view-cars .pager ul li.active a, 
.view-cars .pager ul li a:hover {background: var(--sng-red-new);}

.view-back-office td .dropbutton-wrapper {padding-right: 5em;}
/* .view-back-office .bef-exposed-form .cshs-wrapper select {max-width: 200px;} */
.view-back-office .bef-exposed-form .cshs-wrapper .select-wrapper {margin-right: 0.5em;}
.view-back-office .bef-exposed-form .cshs-wrapper .select-wrapper:last-child {margin-right: 0;}
.view-back-office table img {width: 250px;max-height: 100px;min-height: 100px;object-fit: cover;display: block;border-radius: 0;}

.car-coding {font-size: 14px;border: 1px solid black;display: inline-flex;justify-content: start;align-items: start;padding: 2px 5px;border-radius: 5px;}
.car-details li {padding: 5px 0; display: flex;align-items: center;gap: 5px; flex: 1 1 50%;}
.car-details li span {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 100px;}
.car-details li svg {min-width: 16px;}
.car-details tr td {display: flex;align-items: center;gap: 5px;}

.car-price {font-family: 'Eurostile Bold'; display: flex;align-items: end;justify-content: start; gap: 5px;}
.car-price p{color: var(--sng-black); font-family: 'Eurostile Bold'; font-size: 28px;}
.car-price .strikethrough {text-decoration: line-through;color: var(--sng-grey-2);font-size: 20px;}
.car-price .price, .car-price .discount{font-size: 28px}

.car-tooltip {color: var(--sng-red); display: flex; align-items: center;}
.car-tooltip svg{max-width: 20px;}

/* Cars View (Staff) */
.view-cars.view-display-id-block_11 table tr td {vertical-align: middle;}

.view-cars.view-display-id-block_12 .views-exposed-form .form--inline {display: flex;}
.view-cars.view-display-id-block_12 .form-control, .view-cars.view-display-id-block_12 .form-select {padding: 10px 20px;}

/* Testimonials - Cards */
.testimonials-view .card {background: #F8F8F8; border: 0}
.testimonials-view .card-body {padding: 30px;}

.card-text.buyer-profile { display: flex; align-items: center; } 
.card-text.buyer-profile img { max-width: 32px; border-radius: 100%; margin-right: 16px; }

.cars-back-btn{display:none}

/* Socials */
.socials-wrapper{ position: fixed; top: 50%; right: 0; transform:translateY(-50%); z-index: 100; align-items: center; font-size:20px; color:#fff; background: var(--sng-red); border-radius: 16px 0 0 16px; overflow:hidden;}
.socials-item{height:100%; width:100%; transition: .2s ease;}
.socials-item:hover{background-color:var(--sng-midnight-black);}
.socials-item .nav-link{padding: .8em .915em;}
.socials-instagram{ position:relative;}
.socials-instagram::before{ content: ""; position:absolute; top:0; left:50%; transform: translateX(-50%); height:100%; width: 60%; border-width:1px 0 1px 0; border-style:solid; border-color: #fff; pointer-events:none;}

/* Subscription */
.subcribe-block-wrapper {margin: 80px 0; position:relative;}
.subscribe-block-content{ position:absolute; inset:0; width: 80%; margin: 0 auto; color: var(--sng-white); display:flex; flex-direction:column; justify-content:center;}
.subscribe-block-content .h03{ margin-bottom:10px;}
.subscribe-block-content .h03 span{color: var(--sng-red-new);}
.subscribe-block-content .h03{margin-bottom:10px;}
/* .subscribe-block-content .h03 p, .subscribe-block-content .h03 span {font-size: 26px;margin: 0;} */
.subscribe-block-content .webform-flexbox{margin:0 0 10px; gap: 15px; align-items: center}
.subscribe-block-content .webform-flex--container{margin:0}
.subscribe-block-content .form-control{padding:24px 20px; max-height:50px;}
.subscribe-block-content .form-actions{margin:0;}

.subscribe-block-content .endnote{margin-bottom:0;text-align: center;}
.subscribe-block-content .endnote a{color: var(--sng-red-new);}


/* Privacy Policy */
.privacy-policy a{color: var(--sng-red);}
.privacy-policy .p01v1 + h3{margin: 40px 0 32px 0;}
.privacy-policy .p01v1 + .p01v1{margin-top: 24px;}

.privacy-policy ol{padding-left: 2.5rem;}
.privacy-policy li{padding-left: 24px;}
.privacy-policy li + li{margin-top:8px;}

.privacy-policy .outer-list{counter-reset:outer;}
.privacy-policy .outer-list li{counter-increment:outer;}
.privacy-policy .outer-list li::marker{content: "(" counter(outer,lower-alpha) ")";}

.privacy-policy .inner-list{counter-reset:inner;}
.privacy-policy .inner-list li{counter-increment:inner;}
.privacy-policy .inner-list li::marker{content:  counter(outer,lower-alpha) "." counter(inner) ".";}

/* Webform */
.webform-flexbox{gap:24px;margin:0 0 24px;}
/* .webform-flex--container,.form-item,.form-actions{margin:0;} */
.webform-wrapper .form-item + .form-item, 
.webrform-wrapper .webform-submission-form .form-item{ margin-top:24px; }
.views-exposed-form .form-item {margin-top: unset;}
.form-item.form-item-terms-of-service, .form-actions{ margin-top:30px; }
.form-item.js-form-type-processed-text{margin-bottom:32px;}
.form-control, .form-select{padding:20px 30px;}
.form-control:focus, .form-select:focus{ border: 1px solid var(--sng-midnight-black); border-radius:8px; box-shadow:none;}
.webform-submission-form label {font-weight: bold;}

.webform-submission-form .form-item .tabledrag-toggle-weight-wrapper {display: none;}

textarea.form-control{ min-height:200px; }

.form-check-input{ margin: 0 16px 0 0; height: 24px; width: 24px; border: 1px solid var(--sng-dark-grey); border-radius: 8px;}
.form-check-input:checked{ background-color:var(--sng-midnight-black); }
.form-check-input:focus{ box-shadow:none; border-color: initial; }

/* .form-submit{ padding: 19px 119px; border-radius: 999999px;} */

#webform-submission-pre-qualifying-form-node-41-add-form .form-actions{display: flex;flex-direction: row-reverse;gap: 25px;}
#webform-submission-pre-qualifying-form-node-41-add-form .form-actions * {width: 100%; margin: 0}
#webform-submission-pre-qualifying-form-node-41-add-form .form-actions #edit-actions-submit {background: var(--sng-red);}
#webform-submission-pre-qualifying-form-node-41-add-form .form-actions #edit-actions-submit:hover {background: var(--sng-candy-red);}
#webform-submission-pre-qualifying-form-node-41-add-form #edit-processed-text {margin-top: 0}

.webform-wrapper form {background: var(--sng-white);padding: 20px;border-radius: 10px;box-shadow: 0px 8px 16px #00000029;}

/* Prequal Form - Monday */
#pqwf-monday iframe {width: 100%;height: 2610px;}
#spwf-monday iframe {width: 100%;height: 2000px;}

/* Node Add Forms */
.user-theme .node-form img,
.user-theme .user-form img {max-width: 100px;}
.user-theme .node-form #edit-field-image-wrapper .button,
.user-theme .user-form #edit-user-picture-wrapper .button {padding: 5px 10px;border-radius: 5px;}
.user-theme .node-form .tabledrag-toggle-weight-wrapper{display: none}
.user-theme .node-form #edit-delete {padding: 14px 16px;border-radius: 25px;color: var(--sng-white);text-decoration: none;transition: 0.3s all ease;border: 0;font-weight: bold;}

/* Car Form */
[class^="node-car-"].node-form .shs-field-container {display: flex;gap: 15px;}
[class^="node-car-"].node-form .shs-widget-container {display: flex;width: 50%; }

[class^="node-car-"].node-form .hts-container {display: flex; gap: 10px;}
[class^="node-car-"].node-form .hts-container .hts-select {width: 50%;}

[class^="node-car-"].node-form #edit-field-image-wrapper .image-widget input {padding: 70px 25px;}
[class^="node-car-"].node-form .field--type-image table .image-widget {display: flex;align-items: center;gap: 20px;}

[class^="node-car-"].node-form .image-widget .file--image {max-width: 200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

#edit-field-or-cr {margin-top: 0;}

/* User Fields */
#edit-user-picture-wrapper a {max-width: 150px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
/* #edit-user-picture-wrapper .image-widget-data {display: flex;justify-content: space-between;} */

/* Login */
/* #block-b5startngo-local-tasks{display:none;} */
.custom-user-form{ max-height:794px; box-shadow: 0px 8px 16px #00000029;border-radius: 36px; padding:0; overflow:hidden; background: #fff}
/* .custom-user-form label,.custom-user-form .description{display:none;} */
.custom-user-form .right-side{max-width: 474px; margin: auto;}
.custom-user-form .form-submit{width:100%;}

#field_socials {display: flex;justify-content: space-between;align-items: center; margin: 16px 0; gap: 15px}
/* #field_socials,.field_social + .field_social, .h06{margin: 16px 0 40px;} */
#field_socials .field_social{display:block; border: 1px solid var(--sng-dark-grey); background: var(--sng-grey); color:var(--sng-midnight-black); cursor:pointer;width: 100%;}
#field_socials .field_social:hover{background: var(--sng-candy-red);}
#field_socials .field_social:hover, #field_socials .field_social:hover svg{color:var(--sng-white);}
.field_social svg{margin-right:12px; color:var(--sng-midnight-black);}

#field_socials + .p01v1 a{color:var(--sng-red);}

/* Registration Form */
.user-register-form .form-submit {width: 100%;}

/* User Profile */
.user-profile {display: flex;align-items: center;gap: 15px;}
.user-img img {max-width: 180px;height: 100px; width: 100px;object-fit: cover;object-position: center; border-radius: 100%;border: 3px solid var(--sng-red);}
.user-details {display: flex;flex-direction: column;}
.user-page-wrapper .user-cta{display:flex; gap: 5px}

.user-page-wrapper .view-cars table th {white-space: nowrap;}

/* Contact */
.contact-details{ border-radius:16px; background-color: var(--sng-grey); padding:32px;}
.contact-details-section{ display:flex; justify-content:space-between; }
.contact-details-section + .contact-details-section{ margin-top: 24px; }
.contact-details-section > *{ width:50% }
.contact-details-section .cta-wrapper a{ width:190px; display:block; text-align:center; }
.contact-details-section .cta-wrapper a:first-child{ margin-bottom: 16px; }

/* Be our partner Modal */
#beourpartner-modal .right-side{ padding:76px 122px; }
#beourpartner-modal .modal-content{ border-radius:24px; }

/* Cars Listing Page */
.page-node-39 #banner,
.page-node-671 #banner,
.page-node-719 #banner,
.page-node-800 #banner {margin-bottom: 0;}
#cars-filter {margin-top: -30px; z-index: 2;position: relative;}

.block-views-exposed-filter-blockcars-block-2.form--inline.clearfix {display: flex;flex-direction: column;justify-content: center;}

.cars-filter-wrapper { background: #fff;border-radius: 16px; padding: 25px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-top: 5px solid var(--sng-red); }
.cars-filter-wrapper .form-item { border: 1px solid #777; border-radius: 4px; padding: 0 5px 5px; } 
.cars-filter-wrapper .form-item label { font-size: 10px; text-transform: uppercase; color: var(--sng-black); font-family: 'Eurostile Bold'; padding: 0px 5px; } 
.cars-filter-wrapper .form-control,
.cars-filter-wrapper .form-select { border: 0; width: 100%; }
.cars-filter-wrapper select {background-size: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23B30F14' d='M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E");}

/* Post update 2-7-26 */
.cars-filter-wrapper .form--inline .form-select {padding: 5px;margin-top: -5px;}

.cars-filter-title {font-family: 'Eurostile Bold';font-size: 20px;}
.cars-filter-title svg {color: var(--sng-red);}

.cars-filter-wrapper .form--inline {display: flex;flex-wrap: wrap;align-items: center;}
.cars-filter-wrapper .form--inline .form-control {padding: 5px;margin-top: -5px;}
.cars-filter-wrapper .form--inline .form-item {margin: 5px 10px; flex: 1 1 0px}
.cars-filter-wrapper .form-submit {padding: 10px 50px;}

.cars-filter-wrapper .form--inline .form-item:first-of-type:after {content: "";display: inline-block;height: 0.5em;vertical-align: bottom;width: 100%;border-top: 1px solid #5F5F5F;position: absolute;left: 0px;bottom: -30px;}
.cars-filter-wrapper .form--inline .form-item:first-of-type {flex: 1 1 100%; position: relative; margin-bottom: 45px; border: 0;display: flex;justify-content: center;align-items: center; padding: 0;}
.cars-filter-wrapper .form--inline .form-item:first-of-type label { font-size: 20px; font-family: 'Eurostile Bold'; text-transform: none; padding: 0; width: 25%; } 
.cars-filter-wrapper .form--inline .form-item:first-of-type input { border: 1px solid #777; padding: 15px; }

.cars-filter-wrapper .cshs-wrapper {display: flex;flex-direction: row;justify-content: flex-start;align-items: center;gap: 6px;margin: 0;}
.cars-filter-wrapper .cshs-wrapper select:focus{border: 0; box-shadow: none;}
.cars-filter-wrapper .cshs-wrapper select { border: 0; margin: -5px 0px 0px 0px; padding: 5px 20px 5px 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cars-filter-wrapper .cshs-wrapper .shs-widget-container {flex: 1 1 0;gap: 5px;}
.cars-filter-wrapper .cshs-wrapper .select-wrapper{margin: 0; width: 100%}

.cars-filter-wrapper .form-item-term-node-tid-depth {flex: 1 1 10%;}
.cars-filter-wrapper .form-item[class*='form-item-term-node-tid-depth'] {padding: 0 5px 5px;}

.cars-filter-wrapper .form-actions {display: flex;width: 100%;justify-content: center;align-items: center;margin-top: 10px;gap:5px}
.cars-filter-wrapper .form-actions input {width: 100%; margin: 0}

.cars-filter-wrapper .form-actions #edit-submit-cars--2 {background: var(--sng-red);}
.cars-filter-wrapper .form-actions #edit-submit-cars--2:hover {background: var(--sng-candy-red);}

/*  */
.view-cars.view-display-id-favorites .view-filters .cshs-wrapper {display: flex;flex-direction: row;justify-content: flex-start;align-items: center;gap: 6px;margin: 0;}
.view-cars.view-display-id-favorites .view-filters .cshs-wrapper select:focus{border: 0; box-shadow: none;}
.view-cars.view-display-id-favorites .view-filters .cshs-wrapper select { border: 0; margin: -5px 0px 0px 0px; padding: 5px 20px 5px 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.view-cars.view-display-id-favorites .view-filters .cshs-wrapper .select-wrapper{margin: 0; width: 100%}


/* Favorites - Floating in Card */
.view-cars .col,
.view-motorcycles .col {position: relative;}
.view-cars .col #bookmark,
.view-motorcycles .col #bookmark {position: absolute;top: 10px;right: 20px;background: white;z-index: 999;width: 30px;height: 30px;border-radius: 100%;display: flex;justify-content: center;align-items: center; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}
.view-cars .col #bookmark svg,
.view-motorcycles .col #bookmark svg {width: 12px;}
.view-cars .col #bookmark a,
.view-motorcycles .col #bookmark a {padding: 0px 8px;}


/* Favorites Search - Cars */
/* #buyer-favorites-tab-pane .views-exposed-form .form--inline { display: flex; flex-wrap: wrap; align-items: center; } 
#buyer-favorites-tab-pane .views-exposed-form .form--inline .form-control { padding: 5px; margin-top: -5px; } 
#buyer-favorites-tab-pane .views-exposed-form .form--inline .form-item { margin: 5px 10px; flex: 1 1 0px } 
#buyer-favorites-tab-pane .views-exposed-form .form-submit { padding: 10px 50px; } 
#buyer-favorites-tab-pane .views-exposed-form .shs-field-container { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 6px; margin: 0; } 
#buyer-favorites-tab-pane .views-exposed-form .form-item-term-node-tid-depth { flex: 1 1 10%; } 
#buyer-favorites-tab-pane .views-exposed-form .form-item.form-item-term-node-tid-depth { padding: 0 5px 5px; }
#buyer-favorites-tab-pane .views-exposed-form .shs-field-container select:focus { border: 0; box-shadow: none; }
#buyer-favorites-tab-pane .views-exposed-form .shs-field-container .shs-widget-container { flex: 1 1 0; gap: 5px; }
#buyer-favorites-tab-pane .views-exposed-form .shs-field-container select { border: 0; margin: -5px 0px 0px; padding: 5px; }
#buyer-favorites-tab-pane .views-exposed-form .form-actions { display: flex; width: 100%; justify-content: center; align-items: center; margin-top: 10px; gap: 5px }
#buyer-favorites-tab-pane .views-exposed-form .form-actions input { width: 100%; margin: 0 } 
#buyer-favorites-tab-pane .views-exposed-form .form-actions #edit-submit-cars-card--2 { background: var(--sng-red); } 
#buyer-favorites-tab-pane .views-exposed-form .form-actions #edit-submit-cars-card--2:hover { background: var(--sng-candy-red); } 
#buyer-favorites-tab-pane .views-exposed-form .form-item { border: 1px solid #777; border-radius: 4px; padding: 0 5px 5px; } 
#buyer-favorites-tab-pane .views-exposed-form .form-control { border: 0; width: 100%; } 
#buyer-favorites-tab-pane .views-exposed-form .form--inline .form-control { padding: 5px; margin-top: -5px; } 
#buyer-favorites-tab-pane .views-exposed-form .form-item label { font-size: 10px; text-transform: uppercase; color: var(--sng-black); font-family: 'Eurostile Bold'; padding: 0px 5px; } */

/* Admin Search */
#account-views-wrap .views-exposed-form .form--inline { display: flex; flex-wrap: wrap; align-items: center; } 
#account-views-wrap .views-exposed-form .form--inline .form-control { padding: 5px; margin-top: -5px; } 
#account-views-wrap .views-exposed-form .form--inline .form-item { margin: 5px 10px; flex: 1 1 0px } 
#account-views-wrap .views-exposed-form .form-submit { padding: 10px 50px; } 
#account-views-wrap .views-exposed-form .cshs-wrapper { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 6px; margin: 0; } 
#account-views-wrap .views-exposed-form .form-item-term-node-tid-depth { flex: 1 1 10%; } 
#account-views-wrap .views-exposed-form .form-item.form-item-term-node-tid-depth { padding: 0 5px 5px; }
#account-views-wrap .views-exposed-form .cshs-wrapper select:focus { border: 0; box-shadow: none; }
#account-views-wrap .views-exposed-form .cshs-wrapper .shs-widget-container { flex: 1 1 0; gap: 5px; }
#account-views-wrap .views-exposed-form .cshs-wrapper select { border: 0; margin: -5px 0px 0px; padding: 5px; }
#account-views-wrap .views-exposed-form .form-actions { display: flex; width: 100%; justify-content: center; align-items: center; margin-top: 10px; gap: 5px }
#account-views-wrap .views-exposed-form .form-actions input { width: 100%; margin: 0 } 
#account-views-wrap .views-exposed-form .form-actions #edit-submit-cars-card--2 { background: var(--sng-red); } 
#account-views-wrap .views-exposed-form .form-actions #edit-submit-cars-card--2:hover { background: var(--sng-candy-red); } 
#account-views-wrap .views-exposed-form .form-item { border: 1px solid #777; border-radius: 4px; padding: 0 5px 5px; } 
#account-views-wrap .views-exposed-form .form-control { border: 0; width: 100%; } 
#account-views-wrap .views-exposed-form .form--inline .form-control { padding: 5px; margin-top: -5px; } 
#account-views-wrap .views-exposed-form .form-item label { font-size: 10px; text-transform: uppercase; color: var(--sng-black); font-family: 'Eurostile Bold'; padding: 0px 5px; }

#account-views-wrap .views-exposed-form .fieldset-wrapper { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 6px; margin: 0; } 
#account-views-wrap .views-exposed-form .fieldset-wrapper .form-item {border: 0;margin: -5px 0px 0px;padding: 5px 5px 0px;display: flex;align-items: center;}

#account-views-wrap .views-exposed-form .form-item legend {margin: 0;}
#account-views-wrap .views-exposed-form .form-item legend .fieldset-legend {font-size: 10px;text-transform: uppercase;color: var(--sng-black);font-family: 'Eurostile Bold';padding: 0px 5px;margin: 0;padding: 0l}

#account-views-wrap .csv-feed{display:flex; align-items: center;}
#account-views-wrap .csv-feed:before {content: "Export:\00a0";font-weight: bold;font-size: 20px;}

#account-views-wrap .views-exposed-form .shs-field-container { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 6px; margin: 0; } 

#account-views-wrap .views-exposed-form .form--inline .form-select {border: 0;margin: -5px 0px 0px;padding: 5px;}

.car-listing-page-wrapper .car-listings-view .card-title {min-height: 50px;display: flex;align-items: center;}
/* .car-listing-page-wrapper .car-listings-view .card-img-top {max-height: 250px;} */
.car-listing-page-wrapper .car-guarantee-line {display: none;}

/* Cars Inner/Cars Listing Page */
.section .car-page-wrapper {margin-top: 40px;}

.car-details-wrapper {margin-left: 15px}

#bookmark {cursor:pointer;position: relative}
#bookmark .ajax-progress {position: absolute;left: -2px;}
#bookmark.action-unflag svg{fill:var(--sng-red-new);}
#bookmark.action-unflag path{stroke:var(--sng-red-new);}

.car-info .h01{color: var(--sng-red-new); font-size: 24px;}
.car-info-row{display:flex; align-items:center; gap: 6px; margin-bottom:6px; font-size:20px;}
.car-info .car-info-icon{width:20px;}
.car-info .car-info-label{font-weight:bold;}
.car-info .car-info-coding{padding:6px 12px; font-size:14px; border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.5);}
.car-info svg {min-width: 20px;}

/* .car-info .car-price{font-family: 'Eurostile Bold'; align-items:center; gap: 10px; margin: 0} */
.car-info .price-break{color: var(--sng-accent-grey);}

/* new car info table */
.primary-details {margin-bottom: 16px;}
.primary-details table th {display: flex;align-items: center; text-align: left;}
.primary-details table th img {max-height: 20px;width: auto;}
.primary-details table td { text-align: right; }

/* .vehicle-card .car-price{font-family: 'Eurostile Bold'; align-items:center; margin: 0} */
.vehicle-card .price-break{color: var(--sng-accent-grey);}
.vehicle-card .price.strikethrough {text-decoration: line-through;color: var(--sng-grey-2);font-size: 20px;}

.car-guarantee { background-color: var(--sng-white);padding:40px 0; box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05); display: flex; justify-content: center; align-items: center; gap: 54px; border-radius:10px; margin-bottom: 24px;}
.car-page-wrapper .car-guarantee{ background: none; box-shadow: none; margin:0}
.car-guarantee-line{border-top:1px solid rgba(132, 132, 132, 0.5); width:10%;}
.car-guarantee-item{display:flex; align-items:center; gap: 10px;}
.car-guarantee-item .image-wrapper{max-width:50px;}
.car-guarantee-item .image-wrapper svg {height: 50px;}
.car-guarantee h6{font-family: Arial, Helvetica, sans-serif; margin-bottom:0;}

.seller-info .seller-info-icon { max-width: 5px; width: 5px; }
.seller-info .seller-info-label{font-style: italic; color: var(--sng-accent-grey)}
.seller-info {padding: 40px; margin-bottom: 51px; border-radius: 10px; border-top: 5px solid var(--sng-red-new); box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05); background-color: var(--sng-white);}
.seller-info nav {margin-bottom:44px;}
.seller-info .nav-link {width:50%; color: var(--sng-black); border-bottom: 1px solid var(--sng-black); font-family: 'Eurostile Extended Bold'; border-radius: 0;}
.seller-info .nav-link.active {color: var(--sng-red-new); border-bottom: 3px solid var(--sng-red-new); background-color: var(--sng-white);}
.seller-info h4 {color: var(--sng-red-new); font-family: 'Eurostile Extended Bold'; border-bottom: 1px solid #848484; padding-bottom:13px; margin-bottom:12px;}
.seller-details h5 {display: flex;align-items: center;gap: 5px;}

#car-loan-calc{background-color: var(--sng-black-new);border-radius:25px; padding: 60px; color: var(--sng-white)}
#car-loan-calc .h02{font-family: 'Eurostile Extended Bold';}
#car-loan-calc .form{max-width:862px; margin: 0 auto;}
#car-loan-calc .h04{margin-bottom:21px;}
#car-loan-calc .row{margin-bottom:24px;}
#car-loan-calc .form-label{font-size:18px; font-weight:bold;}
#car-loan-calc .form-label .p02v1{font-size:12px; font-weight:normal;}
#car-loan-calc .d-flex{gap:10px;}
#car-loan-calc #form-monthly-payment-text {width: 100%;text-align: center; color: #ffff00}
#car-loan-calc .cta-wrapper {align-items: center;justify-content: center;display: flex;}
#car-loan-calc span {color: var(--sng-red); font-weight: bold;}
#car-loan-calc .monthly-payment {text-align: center;}
#car-loan-calc.clc-page .form-control {padding: 5px}
/* #car-loan-calc .form-control{padding: 15px 16px;} */

#car-loan-calc.standalone #form-price{max-width: 150px;}
#car-loan-calc.standalone #form-year{max-width: 90px;}

#sangla-form-year-bracket {max-width: 150px;}
#sangla-form-product,
#sangla-form-price {max-width: 200px;}

#sangla-form-monthly-payment-text {color: #ffff00}

.loan-calc-readonly {display: flex;justify-content: space-between;align-items: center;gap: 15px;height: 100%; margin-bottom: 12px;}
.loan-calc-readonly select {max-width: 25px;padding: 5px 37px 5px 5px}
.loan-calc-readonly h3, .loan-calc-readonly label {margin: 0;}

.monthly-payment .right{font-size:14px; align-content:end;}

#form-down-payment-value,#form-loan-tenure-range{flex:3;}
#form-down-payment-percent,#form-loan-tenure{flex:1;}
#form-loan-tenure-range {-webkit-appearance: none;width: 100%;height: 4px;background: #D9D9D9;outline: none;opacity: 1;-webkit-transition: .2s;transition: opacity .2s;border-radius:100px;}
#form-loan-tenure-range:hover {opacity: .8;}
#form-loan-tenure-range::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 22px;height: 22px;background: var(--sng-red-new);cursor: pointer;border-radius:100px;}
#form-loan-tenure-range::-moz-range-thumb {width: 22px;height: 22px;background: var(--sng-red-new);cursor: pointer;border-radius:100px;}
#form-monthly-payment{padding: 8px 19px; background-color: #848484; color: var(--sng-white); font-size: 28px; border-radius: 5px; margin:0; border:none;width: 100%}
#form-calc-reset{padding: 13.5px 50px; background-color: var(--sng-red-new); border-color: transparent; font-size:20px; border-radius: 30px; font-weight:bold; opacity:1; transition: opacity 150ms ease;}
#form-calc-reset:hover{opacity: .8;}

#other-cars .h03 {font-family: 'Eurostile Extended Bold'; margin: 0}

.car-purchase-process{padding: 40px; border-radius: 10px; border-top: 5px solid var(--sng-red-new); box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);margin-bottom:72px;}
.car-purchase-process .h03 { margin-bottom: 45px; font-family: 'Eurostile Extended Bold'; }
.car-purchase-process-items{display:flex; justify-content:space-between; align-items:center;}
.car-purchase-process-item .image-wrapper{max-width:52px;}
.car-purchase-process-item .h04{margin: 8px 0;}
.car-purchase-process h4 {text-transform: uppercase;}

.car-details-wrapper .cta-wrapper-car {display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 16px 0;}
.car-details-wrapper .cta-wrapper-car a{display: block; font-size:20px;}
.car-details-wrapper .cta-wrapper-car .red-highlight{grid-column:1/3;}
.car-details-wrapper .cta-wrapper-car .red-highlight a{background-color: transparent; color: var(--sng-red-new); border: 1px solid var(--sng-red-new);}
.car-details-wrapper .cta-wrapper-car .red-highlight a:hover{background-color: var(--sng-red-new); color: var(--sng-white);}

.car-details-wrapper .cta-info-text {grid-column: 1/3;}
.car-details-wrapper table th svg, 
.car-details-wrapper table th img {filter: var(--sng-grey-2-filter);}

.car-share-wrapper {display: flex;justify-content: flex-start;align-items: center; gap: 5px}
.car-share-wrapper .cta-wrapper a {padding: 10px 12px;border-radius: 7px;}

.loadmore-btn a {display: inline-flex;align-items: center;justify-content: center;width: 100%;font-family: 'Eurostile Bold';background: var(--sng-midnight-black);color: var(--sng-white);text-transform: uppercase;padding: 10px;border-radius: 10px;}
.loadmore-btn .pager__item {padding: 0;display: flex;}
.loadmore-btn a:hover {background: var(--sng-red);color: var(--sng-white);}

.sold-message {text-align: center;display: flex;justify-content: center;align-items: center;gap: 5px;flex-direction: column;}

/* Car Gallery */
.car-gallery1,
.car-gallery2 {list-style: none;padding: 0;margin: 0;}

/* ====== MAIN (sync1) ====== */
.car-gallery1.owl-theme { position: relative; }
.car-gallery1 .item {border-radius: 5px;overflow: hidden; background: var(--sng-accent-grey);}
.car-gallery1 .item img {width: 100%;max-height: 500px;min-height: 500px;object-fit: cover;display: block;border-radius: 0; /* handled by .item */}/* Nav arrows */.car-gallery1.owl-theme .owl-next,.car-gallery1.owl-theme .owl-prev {background: #ffffffb5 !important;width: 50px;height: 50px;margin-top: -25px;position: absolute;top: 50%;}
.car-gallery1.owl-theme .owl-next:hover,
.car-gallery1.owl-theme .owl-prev:hover {background: var(--sng-red) !important;}
.car-gallery1.owl-theme .owl-prev { left: 0; border-radius: 0 15px 15px 0; }
.car-gallery1.owl-theme .owl-next { right: 0; border-radius: 15px 0 0 15px; }
.sync1 .car-gallery1 { cursor: pointer; }
.sync1 .view { position: relative; }
.sync1 .view-footer {position: absolute;background: #FFFFFFB5;padding: 15px;right: 25px;bottom: 50px;z-index: 1;border-radius: 10px;cursor: pointer;pointer-events: none;}
.sync1 .view-footer .car-magnify {display: flex;justify-content: center;align-items: center;font-size: 25px;color: #000000B5;}/* Big gallery variant */.sync3 .view-footer .car-magnify { display: none; }
.sync3 .car-gallery1 .item img { max-height: 768px; min-height: 500px; }

/* ====== THUMBS (sync2) ====== */
.car-gallery2 .item {border-radius: 5px;overflow: hidden;border: 3px solid transparent;transition: 0.2s border-color ease, 0.2s transform ease;}
.car-gallery2 .item img {width: 100%;height: 100px;object-fit: cover;display: block;border-radius: 0; }
.car-gallery2 .owl-item.current .item,
.car-gallery2 .owl-item:hover .item {border-color: var(--sng-red);}
.car-gallery2 .owl-item:hover .item {transform: translateY(-1px);}

.car-gallery-login-slide {border-radius: 5px;overflow: hidden;background: var(--sng-accent-grey);}
.car-gallery-login-slide__link {display: block;width: 100%;height: 100%;text-decoration: none;}
.car-gallery-login-slide__inner {height:500px; display: flex;flex-direction: column;justify-content: center;align-items: center;border: 2px dashed #ddd;border-radius: 5px;background: rgba(255,255,255,.75);}
.car-gallery-login-thumb .car-gallery-login-thumb__inner {height: 100px;display: flex;justify-content: center;align-items: center;border-radius: 5px;border: 2px dashed #ddd;background: rgba(255,255,255,.75);font-weight: 800;font-size: 20px;}

.sync3 .car-gallery-login-slide__inner {height: 768px}

#carImageModal .btn-close {right: -50px}

/* Filter Bar Block */
.filter-bar-block{position:sticky; bottom:50px; left:0; width:100%; z-index:9;}
.filter-bar-block .form--inline{display: grid; grid-template-columns: repeat(3,1fr) 2fr; align-items:center; background: var(--sng-midnight-black); box-shadow: 0px 8px 16px #00000014; border-radius: 46px; padding: 12px 20px;}
.filter-bar-block .form-item-wrapper + .form-item-wrapper{border-left: 1px solid var(--sng-white); margin: 0; padding: .5em;}
.filter-bar-block .form-item{display:flex; border-radius:12px; padding: 0 12px; border:1px solid transparent;}
.filter-bar-block .form-item:hover{border:1px solid #ffffff1f;}
.filter-bar-block .form-actions {margin-top:0;}
.filter-bar-block .icon-wrapper{width:34px; height:auto; display:flex;}
.filter-bar-block .icon{width:100%; height:auto;}
.filter-bar-block .form-control{border:1px solid var(--sng-accent-grey); cursor:pointer; padding: 10px; color: var(--sng-white); background-color: var(--sng-accent-grey); background-size:12px; --bs-form-select-bg-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='white' d='M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z'/%3E%3C/svg%3E");}
.filter-bar-block .form-actions{justify-self:flex-end;}
.filter-bar-block .form-submit{background-color:var(--sng-white); color: var(--sng-accent-grey); padding: 19px 32px; font-family: 'Eurostile Heavy';}
.filter-bar-block .form-submit:hover{color: var(--sng-white);}

/* Cookie Consent/Klaro */
#klaro { z-index: 1080; }
#klaro .cm-btn {background: var(--sng-red);border: var(--sng-red); transition: 0.5s all ease}
#klaro .cm-link {background: var(--sng-black);border: var(--sng-black); transition: 0.5s all ease}
#klaro .cm-link:hover, #klaro .cm-btn:hover {color: var(--sng-white);background: var(--sng-candy-red);}
#klaro .slider {background-color: var(--sng-red);}

/* Footer */
footer{background:var(--sng-midnight-black-new); color:white;}
footer .col-md-4{max-width:324px;}
footer .site-logo-wrapper a img{max-width:240px; margin-bottom:17px;}
footer .h05{margin:10px 0;}
footer .p01v1{margin-bottom:5px;}
footer .p01v1 .nav-link{color: var(--sng-off-white);}
footer .icons{display:flex; gap: 5px;}
footer .row .right{display:flex; gap:38px; justify-content:flex-end;}

footer .copyright{padding:10px 0;margin-top:32px; border-top: 1px solid #848484;}
footer .copyright .notice-links {margin-left: auto;display: flex;justify-content: flex-end;width: 100%;gap: 50px;}
footer .copyright .notice-links a { color: var(--sng-white); font-weight: normal; text-decoration: none; }

/* Maintenance Page */
.maintenance-page {background: #F9FBFC !important;}
.maintenance-page .layout-container a {margin-bottom: 25px;}
.maintenance-page .layout-container a img {max-height: 80px;}

/* Auto Loans Page */
.sng-step-card{position: relative;display: flex;flex-direction: column;background: #fff;border: 2px solid var(--sng-border);border-radius: .5rem; padding: 1.5rem 1.5rem 1.25rem;box-shadow: 0 .5rem 1.25rem rgba(0,0,0,.08);min-height: 260px;}
.sng-step-badge{font-family: 'Eurostile Extended Bold'; position: absolute;top: 1rem;left: 1rem;width: 34px;height: 34px;border-radius: .25rem;background: var(--sng-red);color: #fff;font-weight: 800;font-size: 18px;display: grid;place-items: center;line-height: 1;}
.sng-step-title{margin: 2.4rem 0 .75rem; font-size: 22px !important;}
.sng-step-desc{font-size: .8rem;color: var(--sng-muted);line-height: 1.35;max-width: 260px;}
.sng-step-icon{display: flex;justify-content: center;align-items: flex-end;padding-top: .25rem;}
.sng-step-icon img{width: 100%;max-width: 190px;height: auto;display: block;}
.sng-req--gray{background: var(--sng-gray);}
.sng-req-title{text-align: center;font-weight: 900;text-transform: uppercase;letter-spacing: .4px;font-size: clamp(1.25rem, 2.5vw, 1.875rem);}
.sng-req-subtitle{font-family: 'Eurostile Extended Bold';margin: 0 0 .75rem;font-size: 1rem;font-weight: 900;text-transform: uppercase;}
.sng-req-list{margin: 0;padding-left: 1.1rem; font-size: 1rem;line-height: 1.8;}
.sng-req-note{font-size: .8rem;color: var(--sng-muted);}
.sng-req-link{color: var(--sng-red);font-weight: 700;text-decoration: none;}
.sng-req-link:hover{text-decoration: underline;}

/* Animations */
.bounce-arrow {animation: bounce 1.5s infinite;}

/* Floating Search */
.floating-search-btn {background-color: var(--sng-red);color: var(--sng-white);position: fixed;bottom: 1.5rem;right: 1.5rem;z-index: 5;width: 56px;height: 56px;display: flex;align-items: center;justify-content: center;box-shadow: 0 4px 10px rgba(0,0,0,0.25);transition: all 0.2s ease;}
.floating-search-btn:hover {background-color: var(--sng-candy-red);color: var(--sng-white);transform: scale(1.1);box-shadow: 0 6px 12px rgba(0,0,0,0.3);}
#carSearchModal .modal-content {border-radius: 0.75rem;}

#car-search-form button{background-color: var(--sng-red);color: var(--sng-white)}
#car-search-form button:hover{background-color: var(--sng-candy-red);color: var(--sng-white)}

/* Accordion Autoloan */
.sng-req-list--checks{list-style: none;padding-left: 0;margin: 0;}
.sng-req-list--checks li{position: relative;padding-left: 1.6rem; margin-bottom: .35rem;line-height: 1.85;}
.sng-req-list--checks li::before{content: "\f00c"; font-family: "Font Awesome 6 Free";font-weight: 900; position: absolute;left: 0;top: .2rem;color: var(--sng-red); font-size: .95rem;}

.service-card a {color: var(--sng-black);text-decoration: none;}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-1px);
  }
  50% {
    transform: translateY(4px);
  }
}

@media only screen and (min-width: 992px){
    /* Car Form - Desktop Only*/
    [class^="node-car-"].node-form .details-wrapper:not(
    [class^="node-car-"].node-form #edit-field-image-wrapper .details-wrapper, 
    [class^="node-car-"].node-form #edit-group-additional-information .details-wrapper,
    [class^="node-car-"].node-form #edit-field-or-cr-wrapper .details-wrapper) {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px 12px;align-items: start;}
    [class^="node-car-"].node-form .form-item-field-brand-0-target-id {margin: 0;display: none;}
    [class^="node-car-"].node-form .details-wrapper .form-item {margin: 0;}
    [class^="node-car-"].node-form .details-wrapper label, .details-wrapper .label {margin-bottom: 8px;font-weight: bold;}
    [class^="node-car-"].node-form details > .details-wrapper {padding: 1.25em;}
    [class^="node-car-"].node-form .details-wrapper .label {display: inline-block;}


    /* to center navbar in flex */
    .navbar-expand-lg .offcanvas .offcanvas-body{justify-content: space-between; align-items: center;}
    .navbar-expand-lg .navbar-collapse{ flex: 0 0 0; }

    footer .copyright .copy-1,
    footer .footer-1 { padding-left: 0; } 
    footer .copyright .copy-2,
    footer .footer-2 { padding-right: 0; }

    .menu--pilot-test-menu {display: none;}
}

@media only screen and (max-width:720px){
    /* Subscription */
    .subscribe-block-content-wrapper .h03 p{font-size:24px;}
    .subscribe-block-content-wrapper .subhead{margin-bottom:13px;}
    .subscribe-block-content-wrapper .subhead p{font-size:16px;}
    .subscribe-block-content-wrapper .webform-flexbox{margin-bottom: 13px; gap: 15px;}
    .subscribe-block-content-wrapper .form-control{padding:17.5px 16px; max-height:50px;}
    .subscribe-block-content-wrapper .form-actions{margin:0;}
    .subscribe-block-content-wrapper .endnote p{font-size:12px;}
}

@media only screen and (max-width:768px){
  .view-cars .vehicle-card .card-img-top {max-height: 150px;min-height: 150px}
}

/* Tablet Portrait */
@media only screen and (max-width: 1024px){
  .tbm-link.level-1 {padding: 20px 40px}

  #spwf-monday iframe {height: 2050px;}

  .node-form .form-actions {display: flex;flex-direction: row;gap: 5px;justify-content: center;}
  .node-form .form-actions * {margin: 0;width: 25%;}
}

@media only screen and (max-width: 720px){
  
}

/* Mobile only (Large) */
@media only screen and (max-width: 425px){
  header.fixed-top.theme-admin{top: 40px}

  [class^="node-car-"].node-form .hts-container {flex-direction: column;}
  [class^="node-car-"].node-form .hts-container .hts-select{width: 100%}
}
   
/* Mobile General */
@media only screen and (max-width: 992px){
    .mobile-only {display: block !important;}
    .desktop-only {display: none !important;}

    .block-tb-megamenu {display: none;}

    #banner {margin-bottom: 40px;}

    #notices {font-size: 14px;}

    .h01, .h01 *, h1 {font-size: 32px;}
    .h02, .h02 *, h2 {font-size: 28px;}
    .h03, .h03 *, h3 {font-size: 26px;}
    .h04, .h04 *, h4 {font-size: 20px;}
    .h05, .h05 *, h5 {font-size: 16px;}
    .h06, .h06 *, h6 {font-size: 14px; line-height: 18px;}

    .cta-wrapper a, .form-submit {padding: 10px 12px;}

    .section.paragraph-views .p01{margin-bottom: 20px;}

    [class^="h0"].title{margin-bottom: 20px}

    .h01.sub, .h01.sub *, h1.sub{font-size: 28px}

    /* .p01v1, .p01v1 *{font-size: 12px; }
    .p01v2, .p01v2 *{font-size: 12px; }
    .p01v3, .p01v3 *{font-size: 12px; }
    .p01v4, .p01v4 *{font-size: 12px; }
    .p02v1, .p02v1 *{font-size: 10px; }
    .p02v2, .p02v2 *{font-size: 10px; } */

    .banner-image-text .h01 *, 
    .banner-image-text .h01 {font-size: 18px;}

    .banner-image-text { left: 5%;top: 25%;transform: translateY(-45%);max-width: 260px; }

    .page-node-39 #car-banner-mobile.mobile-only,
    .page-node-671 #car-banner-mobile.mobile-only,
    .page-node-719 #car-banner-mobile.mobile-only {margin-bottom: 40px;}

    #car-banner-mobile.mobile-only {margin-bottom: 20px}
    #car-banner-mobile .banner-image-wrapper .mobile-only {min-height: 70px}
    #car-banner-mobile.mobile-only .banner-image-text { text-align: center; color: var(--sng-black); left: unset; top: 50%; max-width: 100%; width: 100%; }
    #car-banner-mobile.mobile-only .cta-wrapper a {display: flex;justify-content: center;align-items: center;}  
    #car-banner-mobile .cta-wrapper a:first-child {margin-bottom: 10px;}

    .navbar .offcanvas #navbarAdditional {display: none;}
    .navbar .offcanvas .navbar-nav .nav-item {padding: 0}
    
    .navbar-toggler {display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .navbar-toggler .navbar-label {text-transform: uppercase;font-size: 12px;}

    .navbar .mobile-notifications {margin-left: auto;}
    .mobile-notifications .sng-notif-dropdown {left: 50%;transform: translate(-72%, 0%);}
    .mobile-notifications .sng-notif-bell .btn:nth-child(1) {padding: 8px;}

    main { margin-top: 98px; }

    .form-control, .form-select {padding: 10px 20px;}
    .form-submit {padding: 15px}

    .section{margin-bottom: 40px}
    .section.half{margin-bottom:25px}

    /* .scroll-btn-car {width: 100%;position: absolute;bottom: 30px;display: flex;justify-content: center;align-items: center;color: var(--sng-white)}
    .scroll-btn-car svg {color: var(--sng-red);} */

    .cars-filter-wrapper .form--inline .form-item {width: 100%;}
    /* .cars-filter-wrapper .form--inline {flex-direction: column;flex-wrap: nowrap;} */
    .cars-filter-wrapper .form--inline .form-item:first-of-type {display: flex;flex-direction: column; margin-top: 0;margin-bottom: 25px;}
    .cars-filter-wrapper .form--inline .form-item:first-of-type:after{bottom: -20px}
    .cars-filter-wrapper .form--inline .form-item:first-of-type label {width: 100%; padding-bottom: 10px;}

    /* Related to filter being double */
    .cars-filter-wrapper .form--inline .form-item:nth-of-type(n + 3) {max-width: calc(50% - 1em);flex: 0 0 50%;margin: 5px 8px;}
    .cars-filter-wrapper .form--inline .form-control,
    .cars-filter-wrapper .shs-field-container select {font-size: 14px;}

    /* Car Cards */
    .vehicle-card .card-title {font-size: 18px;}
    .vehicle-card .car-price .price, .vehicle-card .car-price .discount {font-size: 20px;}
    .view-cars ul {font-size: 14px;}
    .car-details li {padding: 2px 0;}
    .vehicle-card .card-body, .vehicle-card .card-footer {padding: 12px;}
    .view-cars .vehicle-card .card-img-top {max-height: 250px;min-height: 250px;}
    .vehicle-card .car-price {flex-direction: column;align-items: flex-start;}

    #buyer-favorites-tab-pane .views-exposed-form .form--inline .form-item {width: 100%;}
    #buyer-favorites-tab-pane .views-exposed-form .form--inline .form-item:nth-of-type(n + 2) {max-width: calc(50% - 1em);flex: 0 0 50%;margin: 5px 8px;}
    #buyer-favorites-tab-pane .views-exposed-form .form--inline .form-control,
    #buyer-favorites-tab-pane .views-exposed-form .shs-field-container select {font-size: 14px;}

    /* Simple webform */
    /* .webform-wrapper .form-item + .form-item, .webform-submission-form .form-item {padding: 0} */

    #cars-filter{margin-bottom:20px;}

    .cars-back-btn{display: flex; text-align: center;}

    .car-guarantee {flex-wrap: wrap; flex: 1 1 0px; padding: 10px 0; gap: 5px; margin-bottom: 20px; justify-content: center}
    .car-guarantee-item{padding: 5px}
    .car-guarantee-item h6 {min-width: 80px;}
    .car-guarantee-line {display: none;}

    .car-page-wrapper .car-guarantee {padding: 0;margin-bottom: 0;}

    .seller-info{padding: 16px}
    .seller-info .nav-link * {font-size: 16px;}
    .seller-info .nav-link {padding: 0;}

    .car-details-wrapper{margin: 15px 0 0 0;}
    .car-details-wrapper .cta-wrapper-car {grid-template-columns: 1fr !important;gap: 16px;}
    .car-details-wrapper .cta-info-text {grid-column: 1;}

    .car-info-row{font-size: 16px; margin-bottom: 2px}
    .car-info-value {text-align: right;width: 60%;}
    .car-info .car-price{justify-content: center; margin: 8px 0}

    .car-info-label {text-align: left;width: 40%;}

    .car-gallery1 .item img, .car-gallery1 .item img, 
    .sync3 .car-gallery1 .item img {object-fit: cover;max-height: 250px;min-height: 250px;}

    .sync1 .view-footer{padding: 12px}
    .sync1 .view-footer .car-magnify{font-size: 20px;}

    .car-gallery-login-slide__inner {max-height: 250px;min-height: 250px;}

    .car-purchase-process{padding: 16px}
    .car-purchase-process-items {flex-wrap: wrap; align-items: flex-start;}
    .car-purchase-process-item {flex: 1 1 50%; padding: 0 5px}

    .view-cars.view-display-id-block_12 .views-exposed-form .form--inline {flex-wrap: wrap}

    #field_socials {flex-direction: column;justify-content: center;}
    #field_socials a {width: 100%;}

    .custom-user-form h1 {font-size: 28px;}
    .custom-user-form {padding: 25px;}
    .custom-user-form img {display: none}

    .node-form .form-actions {display: flex;flex-direction: column;gap: 5px;justify-content: center;}
    .node-form .form-actions * {margin: 0;width: 100%;}

    #car-loan-calc .row {margin-bottom: 0;}
    #car-loan-calc {padding: 25px;}

    #pqwf-monday iframe {height: 3250px;}
    #spwf-monday iframe {height: 2400px;}
    /* footer .site-logo-wrapper {display: flex;justify-content: center;}
    footer .site-desc {text-align: center;}
    footer .socials-footer {display: flex;align-items: center;flex-direction: column;}
    footer .copyright {text-align: center;} */
    footer .copyright .notice-links {justify-content: flex-start; gap: 20px; margin-top: 20px; margin-bottom: 0}
}