:root {
    --color-primary: #D3222A;
    --color-cream: #F7F2E8;
    --color-black: #111111;
    --color-gray: #BFC3C7;
    --color-cyan: #23C7D9;
    --color-teal: #1F7A82;
    --color-teal-dark: #033034;
    --color-yellow: #FFD338;
    --color-green: #2FBF71;
    --color-orange: #FF7B00;
    --color-white: #ffffff;
    --color-cream-light: #F5EEE0;
    --color-cream-dark: #F4E9D0;
    --color-dark: #000;
    --color-light-gray: #C8C8C8;
    --color-light-text: #FFF8E8;
    --color-dark-green: #014C4C;
}

* {
    box-sizing: border-box;
}
html {
    overflow-x: hidden;
}
body {
    margin: 0;
    padding: 0;
    background-color: var(--color-black);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100vw;
    overflow-x: hidden;
}

body:not(.fs-12):not(.fs-24):not(.fs-18) {
    font-size: 14px;
    line-height: 18px;
}

body header,
body main,
body footer {
    width: 100%;
    max-width: 1770px;
    margin: 0px auto;
    background: #FFF8E8;
}

body.popup-active {
    overflow: hidden;
    height: 100vh;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.list-style-1 li::before,
.list-style-3 li::before {
    content: "\e829";
    font-family: fontello;
    position: absolute;
    left: 0
}

ul.list-style-1,
ul.list-style-2,
ul.list-style-3 {
    margin: 0;
    padding: 0;
    list-style: none
}

.list-style-3 li,
ul.list-style-1 li,
ul.list-style-2 li {
    margin: 0 0 12px;
    padding: 0 0 0 20px;
    list-style: none;
    position: relative;
    font-weight: 600;
    font-size: 14px;
    z-index: 1
}

.list-style-1 li::before {
    color: var(--color-primary);
    top: 0
}

.list-style-3 li::before {
    border-radius: 100%;
    font-size: 12px;
    margin-left: 2px;
    margin-top: 1px
}

.list-style-3 li::after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    background: var(--color-teal);
    left: 0;
    z-index: -1;
    top: 6px;
    border-radius: 12px
}

.site-header {
    position: relative;
    z-index: 2
}

ul.list-style-1 li:last-child,
ul.list-style-2 li:last-child {
    margin-bottom: 0px;
}

/** Fonts Family **/
h1:not(.cursive-font),
h2:not(.cursive-font),
h3:not(.cursive-font),
h4:not(.cursive-font),
h5:not(.cursive-font),
h6:not(.cursive-font),
.btn {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
}

*:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.btn) {
    font-family: "Montserrat", sans-serif;
}

h1.cursive-font,
h2.cursive-font,
h3.cursive-font,
h4.cursive-font,
h5.cursive-font,
h6.cursive-font,
.cursive-font span.cursive-font {
    font-family: "Kaushan Script", cursive;
    font-weight: 400;
    font-style: normal;
}

.btn {
    padding: 8px 25px 7px;
    border-radius: 10px;
    border: 0px;
    display: inline-block;
    cursor: pointer;
    transition: 0.3s all;
}

.transparent-btn {
    border: 2px solid var(--color-dark);
    ;
}

.transparent-btn:hover {
    background-color: var(--color-dark);
    color: var(--color-cream);
}

.transparent-btn-2:hover,
.gradient-border-light-bg.transparent-btn-2:hover {
    color: #fff;
    background: linear-gradient(90deg, rgba(168, 18, 20, 1) 0%, rgba(232, 49, 57, 1) 100%) padding-box, repeating-linear-gradient(90deg, #5B5A55 0, #DDD9D3 80px, #5B5A55 160px) border-box;
}

.primary-btn {
    color: var(--color-white);
    letter-spacing: 1px;
    font-weight: normal;
    border: 1px solid #FD5353;
    box-shadow: inset 0 0 29px 0px rgba(0, 0, 0, 0.6);
    background: #A81214;
    background: linear-gradient(90deg, rgba(168, 18, 20, 1) 0%, rgba(232, 49, 57, 1) 100%)padding-box, linear-gradient(180deg, #f8f8f8, #868686, #f8f8f8) border-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, .35), inset 0 -10px 14px rgba(0, 0, 0, .35), 0 4px 10px rgba(0, 0, 0, .35);
}

.primary-btn:hover {
    border: 1px solid #09424c;
    color: #fff;
    background: linear-gradient(180deg, #0d5b66 0%, #0b4c56 45%, #062d34 100%) padding-box, linear-gradient(180deg, #f8f8f8, #868686, #f8f8f8) border-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, .35), inset 0 -10px 14px rgba(0, 0, 0, .35), 0 4px 10px rgba(0, 0, 0, .35);
}

.green-btn:hover {
    background: #A81214;
    background: linear-gradient(90deg, rgba(168, 18, 20, 1) 0%, rgba(232, 49, 57, 1) 100%);
}

button.btn.transparent-btn-2.gradient-border {
    border: 2px solid transparent;
}

.test-drive-form .primary-btn {
    border: 2px solid transparent;
}

.card {
    padding: 15px;
    border-radius: 4px;
}

p {
    margin-top: 0px;
    margin-bottom: 10px;
}

p.fs-16 {
    margin-bottom: 20px;
}

p:last-child,
p.fs-16:last-child {
    margin-bottom: 0px;
}

ul.list-style {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

ul.list-style li {
    padding-left: 20px;
    margin-bottom: 10px;
    position: relative;
}

ul.list-style li:last-child {
    margin-bottom: 0px;
}

.text-center {
    text-align: center;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.bordered-btn {
    background: linear-gradient(var(--color-cream-dark), var(--color-cream-dark)) padding-box, repeating-linear-gradient(90deg, #5B5A55 0, #DDD9D3 80px, #5B5A55 160px) border-box;
    border: 1px solid transparent;
    border-radius: 10px;
    overflow: hidden;
}

.bordered-btn .btn {
    padding: 13px 30px 11px;
    border-radius: 10px;
    transition: 0.3s all;
}

.bordered-btn span.svg-icon.right-icon {
    background: var(--color-white);
}

.bordered-btn span.svg-icon {
    margin-top: -2px;
}

.text-shadow {
    text-shadow: 1px 1px 9px rgba(0, 0, 0, 0.6);
}

.row {
    width: 100%;
}

.col-100 {
    width: 100%;
}

.input label {
    font-size: 13px;
    font-weight: 600;
}

.input-with-left-icon input {
    padding-left: 30px !important;
}

.input-with-left-icon span.input-icon {
    position: absolute;
    left: 0;
    bottom: 0;
}

.pos-rel {
    position: relative;
}

.input-with-left-icon span.input-icon {
    position: absolute;
    left: 10px;
    top: 0;
    font-size: 13px;
    font-weight: 600;
    bottom: 0;
    margin: auto;
    height: max-content;
}

.custom-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
}

.custom-checkbox input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.checkmark {
    width: 22px;
    height: 22px;
    min-width: 22px;
    border: 2px solid #E0D8C8;
    border-radius: 4px;
    background: #fffaf1;
    position: relative;
    transition: .25s;
}

.checkbox-text {
    font-size: 14px;
    line-height: 1.35;
    color: #222;
}

.custom-checkbox input:checked+.checkmark {
    background: #0d7d88;
    border-color: #0d7d88;
}

.custom-checkbox input:checked+.checkmark::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 0px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

table {
    border-collapse: separate;
    border-spacing: 0 0px;
}

tbody td {
    border-top: 1px solid #E0D8C8;
    border-left: 1px solid #E0D8C8;
    padding: 10px;
    background: #FAF4EB;
    line-height: 1;
    font-weight: 600;
}

tbody td:last-child {
    border-right: 1px solid #E0D8C8;
}

tbody tr:last-child td {
    border-bottom: 1px solid #E0D8C8;
}

.circle-icon.w-68 {
    width: 68px;
    height: 68px;
}

.circle-icon.w-68 span.circle-svg-icon {
    width: 36px;
    height: 28px;
    mask-size: 34px;
}

.w32 {
    width: 32px;
    height: 22px;
    mask-size: 22px;
    display: flex;
    justify-content: flex-start;
    mask-position: left top;
}

span.svg-icon.w42 {
    width: 42px;
    height: 42px;
}

.contact-info .col:not(:last-child) {
    padding-right: 14px;
    border-right: 1px dashed #595959;
}

/***  Text Colors ***/
.text-primary {
    color: var(--color-primary);
}

.text-black {
    color: var(--color-black);
}

.text-cream {
    color: var(--color-cream);
}

.text-gray {
    color: var(--color-gray);
}

.text-cyan {
    color: var(--color-cyan);
}

.text-teal {
    color: var(--color-teal);
}

.text-yellow {
    color: var(--color-yellow);
}

.text-green {
    color: var(--color-green);
}

.text-orange {
    color: var(--color-orange);
}

.text-white {
    color: var(--color-white);
}

.text-dark {
    color: #000
}

.text-yellow {
    color: #FFD338
}

.text-light {
    color: var(--color-light-text)
}

.text-teal-dark {
    color: var(--color-teal-dark)
}

.primary-gradient-text {
    background: #A41817;
    background: linear-gradient(90deg, rgba(164, 24, 23, 1) 0%, rgba(229, 50, 53, 1) 52%, rgba(164, 24, 23, 1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.hover-text-primary:hover {
    color: var(--color-primary);
}

.hover-text-black:hover {
    color: var(--color-black);
}

.hover-text-cream:hover {
    color: var(--color-cream);
}

.hover-text-gray:hover {
    color: var(--color-gray);
}

.hover-text-cyan:hover {
    color: var(--color-cyan);
}

.hover-text-teal:hover {
    color: var(--color-teal);
}

.hover-text-yellow:hover {
    color: var(--color-yellow);
}

.hover-text-green:hover {
    color: var(--color-green);
}

.hover-text-orange:hover {
    color: var(--color-orange);
}

.hover-text-white:hover {
    color: var(--color-white);
}

.bg-primary {
    background-color: var(--color-primary);
}

.bg-black {
    background-color: var(--color-black);
}

.bg-cream {
    background-color: var(--color-cream);
}

.bg-gray {
    background-color: var(--color-gray);
}

.bg-cyan {
    background-color: var(--color-cyan);
}

.bg-teal {
    background-color: var(--color-teal);
}

.bg-teal-dark {
    background-color: var(--color-teal-dark);
}

.bg-yellow {
    background-color: var(--color-yellow);
}

.bg-green {
    background-color: var(--color-green);
}

.bg-orange {
    background-color: var(--color-orange);
}

.bg-white {
    background-color: var(--color-white);
}

.bg-cream-light {
    background-color: var(--color-cream-light);
}

.bg-cream-dark {
    background-color: var(--color-cream-dark);
}

.bg-dark {
    background-color: var(--color-dark)
}

.bg-light-gray {
    background-color: var(--color-light-gray);
}

.bg-light {
    background-color: var(--color-light-text);
}

.bg-dark-green {
    background-color: var(--color-dark-green);
}

.bg-green-gradient {
    background-image: linear-gradient(90deg, #004547 0, #005657 100%);
}

.bg-7B7B7B {
    background: #7B7B7B
}

.hover-bg-primary:hover {
    background-color: var(--color-primary);
}

.hover-bg-black:hover {
    background-color: var(--color-black);
}

.hover-bg-cream:hover {
    background-color: var(--color-cream);
}

.hover-bg-gray:hover {
    background-color: var(--color-gray);
}

.hover-bg-cyan:hover {
    background-color: var(--color-cyan);
}

.hover-bg-teal:hover {
    background-color: var(--color-teal);
}

.hover-bg-yellow:hover {
    background-color: var(--color-yellow);
}

.hover-bg-green:hover {
    background-color: var(--color-green);
}

.hover-bg-orange:hover {
    background-color: var(--color-orange);
}

.hover-bg-white:hover {
    background-color: var(--color-white);
}

.hover-bg-cream-light:hover {
    background-color: var(--color-cream-light);
}

.hover-bg-cream-dark {
    background-color: var(--color-cream-dark);
}

.br-8 {
    border-radius: 8px;
}

.br-10 {
    border-radius: 10px;
}

.br-20 {
    border-radius: 20px;
}

.br-30,
.triple-border.br-30 {
    border-radius: 30px
}

.p-15 {
    padding: 15px
}

.p-20 {
    padding: 20px;
}

.ls-1 {
    letter-spacing: 1px;
}

.heading-bg {
    position: relative;
    padding: 14px 16px 11px;
    background-image: url(../assets/images/midd-strip.png);
    line-height: 1;
    max-width: max-content;
}

.heading-bg.text-center {
    margin: 0px auto;
}

.heading-bg::before,
.heading-bg::after {
    content: "";
    width: 39px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0px;
    background-repeat: no-repeat;
}

.heading-bg::before {
    background-image: url('../assets/images/left-curv.png');
    left: -39px;
}

.heading-bg::after {
    background-image: url('../assets/images/right-curv.png');
    right: -39px;
}

.title-row-3 {
    padding: 12px 10px 8px;
    line-height: 0;
}

.heading-style-3 {
    padding: 0px 50px;
    width: max-content;
    margin: 0px auto;
    letter-spacing: 1px;
    position: relative;
    z-index: 1;
}

.heading-style-3::before {
    content: "";
    background-image: url(../assets/images/heading-style-3-before.png);
    position: absolute;
    left: 0;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center left;
    top: 1px;
}

.heading-style-3::after {
    content: "";
    background-image: url(../assets/images/heading-style-3-bg-after.png);
    position: absolute;
    right: 0;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center right;
    top: 1px;
}


.heading-style-4 {
    position: relative;
    padding: 0px 40px;
}

.heading-style-4::before,
.heading-style-4::after {
    content: "";
    width: 23px;
    height: 100%;
    position: absolute;
    top: 5px;
    background-repeat: no-repeat;
    background-position: center;
}

.heading-style-4:before {
    background-image: url(../assets/images/heading-style-4-bg-left.png);
    left: 0;
}

.heading-style-4:after {
    background-image: url(../assets/images/heading-style-4-bg-right.png);
    right: 0;
}

.heading-style-5 {
    background: #fff8e8;
    width: max-content;
    margin: 0px auto;
    padding: 12px 20px 7px;
    line-height: 1;
}

a {
    text-decoration: none;
}

.container {
    max-width: 1280px;
    margin: 0px auto;
    position: relative;
}

.flex,
.flex-container {
    display: flex
}

.flex-col {
    flex-direction: column
}

.wrap {
    flex-wrap: wrap
}

.gap-5 {
    gap: 5px
}

.gap-10 {
    gap: 10px
}

.gap-15 {
    gap: 15px
}

.gap-20,
.gap-small {
    gap: 20px
}

.gap-30 {
    gap: 30px
}

.col-gap-40 {
    column-gap: 40px
}

.row-gap-40 {
    row-gap: 40px
}

.gap {
    gap: 40px
}

.gap-large {
    gap: 70px
}

.justify-center {
    justify-content: center
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-space {
    justify-content: space-between
}

.align-center {
    align-items: center
}

.align-start {
    align-items: flex-start
}

.align-end {
    align-items: flex-end
}

.text-white {
    color: var(--color-white)
}

.fw-bold {
    font-weight: 700
}

.fw-600 {
    font-weight: 600
}

.fw-500 {
    font-weight: 500
}

.fw-normal {
    font-weight: 400
}

.circle-icon {
    width: 22px;
    height: 22px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-1 {
    flex: 1
}

.plr-20 {
    padding: 0px 20px;
}

.p-0 {
    padding: 0px;
}

.p20 {
    padding: 20px;
}

.pr-20 {
    padding-right: 20px;
}

.pl-20 {
    padding-left: 20px;
}

.m-0 {
    margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0px;
}

.mtb-0 {
    margin-top: 0;
    margin-bottom: 0px;
}

.mb-0 {
    margin-bottom: 0px;
}

.badge {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.teel-badge {
    background-image: url(../assets/images/teel-badge-bg.svg);
}

.red-badge {
    background-image: url(../assets/images/red-badge-bg.svg);
}

.dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    background: radial-gradient(circle at 50% 25%, #d9d9d9 0%, #b8b8b8 30%, #8a8a8a 60%, #5f5f5f 100%);
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.28), 0 1px 1px rgba(255, 255, 255, 0.3) inset;
}

.dot-1 {
    top: 5px;
    left: 5px;
}

.dot-2 {
    top: 5px;
    right: 5px;
}

.dot-3 {
    bottom: 5px;
    left: 5px;
}

.dot-4 {
    bottom: 5px;
    right: 5px;
}

.overflow-hidden {
    overflow: hidden;
}

span.thin-gradient-border.red-title {
    border: 1px solid transparent;
    border-radius: 8px;
    background: linear-gradient(#981110, var(--color-primary), #B11F1E) padding-box, repeating-linear-gradient(90deg, #5B5A55 0, #DDD9D3 80px, #5B5A55 160px) border-box;
    padding: 3px 5px 0px;
}

span.thin-gradient-border.teal-title {
    border: 1px solid transparent;
    border-radius: 8px;
    background: linear-gradient(#005558, #1A8C86, #005558) padding-box, repeating-linear-gradient(90deg, #5B5A55 0, #DDD9D3 80px, #5B5A55 160px) border-box;
    padding: 3px 5px 0px;
}

.triple-border {
    border-radius: 20px;
    border: 2px solid #000;
    box-shadow: 0 0 0 -1px #000, 0 0 0 2px #d7d7d7, 0 0 0 4.5px #222, 0 0 0 8px #d7d7d7;
}

.img-frame {
    position: relative;
    display: inline-block;
    padding: 5px;
    background: #111;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .5);
    line-height: 1;
}

.img-frame::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    box-shadow: inset 0 0 0 1px #111, inset 0 0 0 3px #d51917, inset 0 0 0 4px #111;
}

.img-frame img {
    width: 100%;
    height: 100%;
    box-shadow: inset 0px 0px 10px red;
}

.gradient-border.gradient-border-light-bg {
    background: linear-gradient(#fff8e8, #fff8e8) padding-box, repeating-linear-gradient(90deg, #5B5A55 0, #DDD9D3 80px, #5B5A55 160px) border-box;
}

button,
a {
    cursor: pointer;
}

h1,
h1 span.cursive-font {
    font-size: clamp(44px, 4vw, 60px);
    line-height: 1;
}

h2 {
    font-size: clamp(30px, 2.4vw, 40px);
    line-height: 1;
}

.fs-10 {
    font-size: 10px;
    line-height: 1;
}

.fs-12 {
    font-size: 12px;
    line-height: 1.2;
}

.fs-14 {
    font-size: 14px;
    line-height: 1.4;
}

.fs-16 {
    font-size: 16px;
    line-height: 1.5;
}

.fs-18 {
    font-size: 18px;
    line-height: 1.4;
}

.fs-20 {
    font-size: 20px;
    line-height: 1.4;
}

.fs-24 {
    font-size: 24px;
    line-height: 1.2;
}

.fs-26 {
    font-size: 26px;
    line-height: 1.2;
}

.fs-32 {
    font-size: clamp(24px, 2.4vw, 32px);
    line-height: 1.2;
}

.fs-30 {
    font-size: clamp(22px, 2.2vw, 30px);
    line-height: 1.3;
}

.fs-36 {
    font-size: 36px;
    line-height: 1.1;
}

.fs-38 {
    font-size: 38px;
    line-height: 1.1;
}

.fs-40 {
    font-size: 40px;
    line-height: 1;
}

.fs-48 {
    font-size: 48px;
    line-height: 1.3;
}

.fs-52 {
    font-size: 52px;
    line-height: 1;
}

.fs-62 {
    font-size: 62px;
    line-height: 1;
}

.fs-100 {
    font-size: clamp(50px, 6vw, 100px)
}

.price sup,
.price sub {
    display: inline-block;
}

.uppercase {
    text-transform: uppercase;
}

.gradient-border {
    border: 3px solid transparent;
    border-radius: 8px;
    background: linear-gradient(var(--color-cream-dark), var(--color-cream-dark)) padding-box, repeating-linear-gradient(90deg, #5B5A55 0, #DDD9D3 80px, #5B5A55 160px) border-box;
}

.bg-gradient-style-2 {
    border: 6px solid transparent;
    background: linear-gradient(var(--color-cream-dark), var(--color-cream-dark)) padding-box, repeating-linear-gradient(90deg, #C0B192 0, #F0E3CA 50%, #C0B192 100%) border-box;
}

.gradient-line-3 {
    width: 100%;
}

.gradient-border-3-1 {
    height: 7px;
    width: 100%;
    background: #FFF;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 50%, rgba(0, 0, 0, 1) 50%);
    background-size: 14px auto;
    background-repeat: repeat;
}

.gradient-border-3-2 {
    height: 7px;
    width: 100%;
    background: #000;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 1) 50%);
    background-size: 14px auto;
    background-repeat: repeat;
}

section.top-bar a {
    border: 0;
}

section.top-bar {
    padding: 10px 20px;
    background: var(--color-black);
}

.main-header {
    padding: 10px 20px;
    background: linear-gradient(var(--color-cream), var(--color-cream)) padding-box, repeating-linear-gradient(90deg, #5B5A55 0, #DDD9D3 80px, #5B5A55 160px) border-box;
    border-bottom: 3px solid transparent;
    border-top: 3px solid transparent;
}

.logo {
    margin-top: -50px;
    margin-bottom: -34px;
}

.logo a {
    display: block;
    min-width: 247px;
}

.main-header .logo img {
    width: 100%;
}

ul.navigation {
    list-style: none;
}

li.list-item:not(:last-child) {
    padding-right:23px;
    margin-right:23px;
    position: relative;
}

li.list-item:not(:last-child)::after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    background: var(--color-black);
    transform: translateX(50%);
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    -webkit-mask: url(../assets/icons/svg/star.svg) no-repeat center;
    mask: url(../assets/icons/svg/star.svg) no-repeat center;
}

li.list-item a.nav-item {
    font-size: 13px;
}

.banner-style-1 {
    position: relative;
    z-index: 1;
    padding: 80px 20px;
    background-position: center right;
    background-color: #000;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.banner-style-1::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    z-index: -1;
    background: #000;
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 26%, rgba(0, 0, 0, 0.95) 42%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%);
}

.financing-banner::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 150px;
    pointer-events: none;
    background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 35%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0) 100%);
}

section.home-banner {
    padding: 80px 20px;
    background-position: center right;
    background-color: #000;
    background-repeat: no-repeat;
    background-size: 80% auto;
}

.rotate-text {
    margin: 0px;
    transform: rotate(-10deg);
}

.rotate-text-5 {
    margin: 0px;
    transform: rotate(-5deg);
}

.banner-text {
    max-width: 427px;
    width: 100%;
}

.banner-text h1 span+span {
    margin-left: 10px;
}

.banner-para {
    text-align: center;
    margin-top: 20px;
    padding-bottom: 10px;
    position: relative;
}

.star {
    -webkit-mask: url(../assets/icons/svg/star-2.svg) no-repeat center;
    mask: url(../assets/icons/svg/star-2.svg) no-repeat center;
    width: 12px;
    height: 12px;
    background-size: cover !important;
    margin: 0px;
}

.banner-text .stars {
    margin-top: 30px;
}

.test-drive-arrow {
    margin-top: 20px;
    text-align: center;
}

.home-banner .banner-para::after {
    content: "";
    position: absolute;
    width: 140px;
    height: 16px;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../assets/icons/gradient-line.svg);
    z-index: 1;
    background-position: center;
    transform: rotate(5deg);
}

section.banner-form {
    padding: 0px 20px;
    background: #262626;
    background: linear-gradient(0deg, rgba(38, 38, 38, 1) 50%, rgba(56, 158, 157, 1) 50%);
    background-size: 100% 4px;
    background-repeat: repeat-y;
}

.bannerform-container {
    padding: 10px 20px;
    border-radius: 10px;
    position: relative;
    z-index: 1;
}

section:not(.financing-section) .bannerform-container {
    background: #23C7D9;
    background: radial-gradient(circle, rgba(35, 199, 217, 1) 0%, rgba(45, 141, 142, 1) 100%);
    box-shadow: inset 0 0 43px 8px rgba(0, 0, 0, 0.5);
}

img.form-img {
    position: absolute;
    z-index: 1;
}

.top-left {
    top: -2px;
    left: -2px;
}

.top-right {
    top: -2px;
    right: -2px;
}

.bottom-left {
    bottom: -2px;
    left: -2px;
}

.bottom-right {
    right: -2px;
    bottom: -2px;
}

.gradient-vertical-line.left {
    left: 0px;
}

.gradient-vertical-line.right {
    right: 0px;
}

.top {
    top: 0
}

.bottom {
    bottom: 0
}

.gradient-line-2 {
    width: calc(100% - 24px);
    height: 4px;
    position: absolute;
    background: #DDD9D3;
    background: linear-gradient(90deg, rgba(221, 217, 211, 1) 0%, rgba(112, 110, 105, 1) 20%, rgba(91, 90, 85, 1) 25%, rgba(91, 90, 85, 1) 74%, rgba(105, 104, 99, 1) 78%, rgba(221, 217, 211, 1) 100%);
    background-size: 20% 100%;
    margin: auto;
    right: 0;
    left: 0;
}

.gradient-vertical-line {
    width: 4px;
    height: calc(100% - 20px);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #DDD9D3;
    background: linear-gradient(0deg, rgba(221, 217, 211, 1) 0%, rgba(112, 110, 105, 1) 25%, rgba(91, 90, 85, 1) 45%, rgba(91, 90, 85, 1) 70%, rgba(105, 104, 99, 1) 70%, rgba(221, 217, 211, 1) 100%);
    background-size: 100% 49%;
}

.form label {
    text-transform: uppercase;
}

section.banner-form .input.bg-input {
    padding: 15px;
    border-radius: 4px;
}

section.banner-form select,
section.banner-form input {
    border: 1px solid #E0D8C8;
    height: 32px;
    border-radius: 10px;
    background: var(--color-cream-light);
    font-weight: 600;
    padding: 5px 8px;
}

.family-owned-row h4 {
    margin: 0px 0px 10px;
    font-size: 22px;
    line-height: 1;
}

.family-owned-row p {
    margin: 0px;
}

.text-dark.border-heading {
    position: relative;
    padding-bottom: 5px;
}

.border-heading::after {
    content: "";
    width: 40px;
    height: 3px;
    background: var(--color-primary);
    position: absolute;
    left: 0;
    bottom: 0;
}

.family-owned-row {
    padding: 20px 15px 15px;
    margin-top: -5px;
}

.family-owned-row .col:not(:last-child) {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 2px dashed var(--color-black);
}

section.inventory-section {
    padding: 0px 20px 50px;
}

section.inventory-section .heading-col {
    position: relative;
    z-index: -1;
}
.inventory-section .features .flex {
	flex: 1;
	min-width: 120px;
}
section.inventory-section {
    margin-top: -5px;
    position: relative;
    z-index: 2;
}

.line-pattren-2 {
    padding: 16px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: max-content;
    background: #1F7A82;
    background: linear-gradient(0deg, rgba(31, 122, 130, 1) 50%, rgba(0, 0, 0, 1) 50%);
    background-size: 100% 6px;
    background-repeat: repeat-y;
}

.line-pattren-2::before {
    content: "";
    width: 30px;
    height: 100%;
    background: #111111;
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

.line-pattren-2::after {
    content: "";
    width: 30px;
    height: 100%;
    background: #111111;
    position: absolute;
    top: 0;
    right: 0;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

section.inventory-section .heading-col .heading {
    background: url(../assets/images/inventory-text-bg.svg);
    z-index: 1;
    position: relative;
    max-width: 245px;
    height: 100px;
    margin-left: 50px;
    text-align: center;
    align-items: center;
    background-size: contain;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.heading-col .heading p,
.heading-col .heading h2 {
    margin: 0px;
}

.heading-col h2 {
    margin-top: 5px !important;
}

.inventory-card {
    max-width: 316px;
    padding: 0px;
    border-radius: 10px;
}

.ic-image-wrapper {
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

img.offer-image {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
}

.card-content {
    padding: 15px;
}

.card-content p {
    margin: 0px
}

.features {
    margin: 14px 0px;
    row-gap: 5px;
}

.price {
    line-height: 0.5;
    padding: 10px 20px 2px;
    background: #01707f;
    border-radius: 10px;
    border: 2px solid #9A988E;
    margin: 0px;
}

.price sub {
    transform: translate(0px, -8px);
}

.inventory-card-row {
    margin-top: -10px;
}

.inventory-title-row {
    position: relative;
    z-index: 1;
}

.testimonial-heading-col .heading {
    width: 306px;
    height: 206px;
    background-size: cover;
    text-align: center;
    background-position: center 14px;
    margin: -20px 0 -20px -20px;
}

.testimonial-card {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.testimonial-heading-col h2,
.testimonial-heading-col p {
    margin: 0px
}

.testimonial-heading-col p:last-child {
    margin-top: -5px;
}

.testimonial-image {
    max-width: 95px;
}

.testimonial-section {
    padding: 20px;
}

.financing-section {
    margin-top: 20px;
}

.financing-heading-col .heading {
    width: 296px;
    height: 149px;
    margin-top: auto;
    margin-bottom: -32px;
}

.financing-heading-col h3 {
    margin: 0;
    transform: translateY(-4px) rotate(-1deg);
}

.financing-heading-col h2 {
    color: #F6E4C0;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
    transform: rotate(-2deg) translateY(-11px);
    letter-spacing: 2px;
}

ul.list-style li::before {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    background: #379E9D;
    left: 0;
    top: 4px;
    border-radius: 10px;
}

ul.list-style li::after {
    content: "";
    -webkit-mask: url(../assets/icons/right-tick.svg) no-repeat center;
    mask: url(../assets/icons/right-tick.svg) no-repeat center;
    width: 12px;
    height: 12px;
    background: var(--color-dark);
    position: absolute;
    left: 1px;
    width: 12px;
    height: 12px;
    top: 2px;
    background-repeat: no-repeat;
    z-index: 1;
    background-position: bottom left;
    background-size: contain;
}

.ft-form .col-50 {
    width: calc(100% / 2 - 5px);
}

.col-25 {
    width: calc(100% / 4 - 8px);
}

.col-half {
    width: 50%;
}

.col-40 {
    width: 40%;
}

.col-50 {
    width: calc(100% / 2 - 5px);
}

.col-60 {
    width: 60%;
}

.col-33 {
    width: calc(100% / 3 - 7px);
}

.col-70 {
    width: 70%;
}

.col-30 {
    width: calc(30% -20px);
    flex:1;
}

.step-form-wrapper .col-25 {
    min-width: calc(100% / 4 - 8px);
}

.step-form-wrapper .col-50 {
    min-width: calc(100% / 2 - 5px);
}

.step-form-wrapper .col-33 {
    min-width: calc(100% / 3 - 7px);
}

.step-form-wrapper .col-100 {
    min-width: 100%;
}

.step-form-wrapper .input {
    flex: 1;
}

.ft-form .form-btn,
.ft-form .form-btn .btn {
    width: 100%;
}

.form.ft-form {
    max-width: 400px;
    background: #FFFFFF;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.40) 0%, rgba(219, 203, 168, 0.40) 100%);
    padding: 8px 12px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-bottom: -17px;
}

.col.financing-image-col img {
    margin: -10px 0px;
}

.financing-list-col {
    padding-left: 30px;
    border-left: 1px dashed #000;
}

.financing-section .container.gap {
    gap: 30px;
}

section.images-section {
    background: #0c0c0c;
    padding: 0px 20px;
}

footer.site-footer {
    padding: 45px 20px 20px;
}

.quick-links a {
    display: block;
    margin-bottom: 4px;
}

.quick-links a:last-child {
    margin-bottom: 0px;
}

.logo-col .justify-space {
    align-items: flex-start;
    justify-content: flex-start;
}

.site-footer .circle-svg-icon {
    width: 22px;
    height: 22px;
}

.family-owned-row .card {
    padding: 0px;
}

.main-image {
    width: 100%;
}

footer.site-footer {
    background-color: var(--color-dark);
}

.about-banner .banner-text {
    max-width: 600px;
    width: 100%;
}

.about-banner {
    padding: 50px 20px 70px;
    background-position: center right;
    background-repeat: no-repeat;
    background-color: var(--color-dark);
}

.about-banner p.rotate-text {
    margin-top: 20px;
    margin-left: 3px;
}

.plr-20.about-page-top-section {
    position: relative;
    z-index: 2;
}

.fs-16.banner-para {
    color: var(--color-light-gray);
    text-align: left;
    max-width: 430px;
    margin-top: 75px;
    padding-bottom: 0px;
    margin-left: 8px;
    line-height: 1.4;
}

.about-banner .banner-text h1 span+span {
    margin-left: -13px;
}

.banner-btns {
    margin-left: 7px;
}

.about-page-top-section .container {
    border-radius: 20px;
    padding: 20px;
    margin-top: -40px;
    background-color: var(--color-light-text);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.bordered-image {
    overflow: hidden;
    line-height: 0;
}

.ourstory-text {
    width: 249px;
    height: 108px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -25px;
    left: -23px;
}

.ourstory-text h2 {
    margin: 0px;
    transform: rotate(-12deg) translate(0px, 5px);
    color: var(--color-light-text);
    letter-spacing: 1px;
}

.col.ab-500 {
    max-width: 500px;
    position: relative;
    width: 100%;
}

.about-page-top-section h2.cursive-font {
    margin-bottom: 35px;
}

.badge-wrapper {
    padding: 20px 0px 0px 0px;
    width: calc(100% + 110px);
    margin-left: -110px;
    z-index: 1;
    position: relative;
}

.badge-wrapper::after {
    content: "";
    position: absolute;
    width: calc(100% + 50px);
    background: var(--color-light-text);
    height: 120px;
    z-index: -1;
    bottom: 0;
    right: 0;
    border-radius: 80px 0px 0px;
}

.badge-col {
    position: relative;
    z-index: 1;
}

.badge-col:not(:last-child)::after {
    content: "";
    height: 3px;
    width: 100%;
    border-top: 2px dashed var(--color-dark);
    top: 43px;
    position: absolute;
    left: 100px;
    z-index: -1;
}

.badge-col:not(:last-child)::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #000;
    border-radius: 10px;
    top: 39px;
    right: -25px;
}

.fun-card-row {
    padding: 20px 30px;
}

.fun-text-col h2:first-child {
    transform: rotate(-7deg);
    margin: 0px;
}

.fun-text-col h2.cursive-font {
    margin-bottom: 35px;
    transform: rotate(-12deg);
    margin-top: 6px;
}

.fun-col {
    position: relative;
}

.fun-bg-text {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
    width: 217px;
    height: 60px;
    text-align: center;
    background-image: url(../assets/images/fun-text-bg.png);
    display: flex;
    justify-content: center;
    align-items: center;
}

.fun-bg-text h4 {
    transform: rotate(-6deg) translateY(4px);
}

.fun-col .bordered-image,
.fun-col .bordered-image img {
    height: 100%;
    object-fit: cover;
}

.col.fun-text-col {
    min-width: 400px;
}

.flex-1.fun-col {
    min-width: 258px;
}

.fun-bg-text .text-shadow {
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}

.fun-section .gradient-line-2 {
    width: 100%;
    height: 6px;
    margin-top: -6px;
    border-radius: 30px;
}

.why-choose-section .col {
    position: relative;
}

.why-choose-section .col:not(:last-child)::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    border-right: 1px dashed #000;
    top: 0;
    bottom: 0;
    right: -39px;
}

.why-choose-section .container {
    padding: 10px 15px 15px 15px;
    margin: -6px auto;
    position: relative;
}

.team-card h4 {
    letter-spacing: 1px;
}

.team-card {
    padding: 6px;
    border-radius: 10px;
    background: linear-gradient(90deg, #f3d18a 0%, #d3a95a 15%, #f7e8b8 30%, #b27b3a 50%, #f7e8b8 70%, #d3a95a 85%, #f3d18a 100%);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    width: calc(100% / 6 - 10px);
}

.team-card-content {
    background: #f7ead4;
    border-radius: 8px;
    padding-bottom: 10px;
    height: 100%;
}

.image-wrapper {
    position: relative;
    z-index: 1;
}

.team-card-content span.star-image {
    position: absolute;
    top: -4px;
}

.team-card-content .image-wrapper>img {
    border-radius: 6px 6px 0px 0px;
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.team-card span.thin-gradient-border {
    margin: -20px auto 6px;
    position: relative;
    z-index: 1;
    max-width: 90%;
}

.team-card .subtitle {
    margin-bottom: 5px;
    display: block;
}
.team-description span.thin-gradient-border {
    display: block;
    width:100%;
}
.contact-info .ci-info.active a {
    display: block;
}
.payment-preset-btns  button.payment-preset-btn {
    flex: 1 1 0;
    background: #fcf5ed;
    color: #000;
    border: 2px solid #A81214;
    padding: 8px 5px;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
}

.payment-preset-btns button.payment-preset-btn:hover,
.payment-preset-btns button.payment-preset-btn.active {
    background: #A81214;
    color: #fff;
}

.payment-preset-btns.flex.gap-10 {
    margin-top: 5px;
}
.ci-info a.pl-15 {
    margin-top: 4px;
    display: none;
    font-size: 12px;
    font-weight: 600;
}
.tfr-center img {
    max-width: 25px;
}
.team-card-content {
    display: flex;
    flex-direction: column;
}

.team-description {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.team-card  .contact-info {
    display: flex;
    flex: 1;
    justify-content: flex-end;
}
.team-card .tfr-center h4 {
    line-height: 1;
    letter-spacing: 0;
}
.team-section .container {
    padding: 20px 0px;
}
.team-ft-row {
    border-top: 1px solid #E0D8C8;
    padding-top: 10px;
    margin-top: 10px;
}
.team-description {
    padding: 0px 10px;
}

.why-choose-section {
    position: relative;
    z-index: 1;
}


.container.our-value-wrapper {
    padding-left: 60px;
    padding-right: 60px;
}

.our-value-wrapper::before,
.our-value-wrapper::after {
    content: "";
    position: absolute;
    width: 32px;
    height: 100%;
    background-image: url(../assets/images/our-value-pattren.png);
    right: 0;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
}

.our-value-wrapper::before {
    left: 20px;
}

.our-value-wrapper::after {
    right: 20px;
}

.why-choose-section .our-value-wrapper .col:not(:last-child)::after {
    right: -19px;
}

.then-and-now-section .container {
    padding: 15px 0px 15px 20px;
}

.tn-col-1 {
    position: relative;
}

.tn-col-1 .heading-bg {
    margin: 0px;
    position: absolute;
    transform: rotate(-5deg);
    left: 15px;
    top: -8px;
}

.tn-col-3 {
    margin-top: -18px;
    margin-bottom: -18px;
    margin-right: -6px;
}

section.then-and-now-section {
    position: relative;
    z-index: 2;
}

.ab-testimonials .swiper-slide {
    padding: 10px;
}

.ab-testimonials .testimonial-card {
    background-color: #E7D7B7;
    border: 1px solid #F3E2C7;
    position: relative;
    z-index: 1;
    height: 100%;
}

.ab-testimonials .testimonial-card::after {
    content: "";
    background-image: url(../assets/images/testimonial-pattern.png);
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    z-index: -1;
    opacity: 0.8;
}

.ab-testimonials .title-row {
    transform: rotate(-1deg);
    margin-left: 11px;
    margin-top: -16px;
    margin-bottom: -7px;
    position: relative;
    z-index: 2;
}

.ab-testimonials .container {
    padding: 5px 20px 15px;
}

section.ab-testimonials {
    position: relative;
    margin: -6px 0px;
    z-index: 2;
}

section.ab-testimonials .gradient-border {
    background: linear-gradient(#F7E5CB, #F7E5CB) padding-box, repeating-linear-gradient(90deg, #5B5A55 0, #DDD9D3 80px, #5B5A55 160px) border-box;
}

section.ab-testimonials .testimonial-image {
    max-width: 189px;
}

.testimonial-card .content {
    display: flex;
    flex-direction: column;
}

.testimonial-card .testimonial-image img.square-stamp {
    margin-left: auto;
}

.testimonial-image span.image-wrapper {
    flex: 1;
    display: flex;
    align-items: flex-end;
}

section.contact-banner {
    padding: 0px 20px;
    background: #000;
    overflow: hidden;
}

.contact-banner .banner-text {
    max-width: 880px;
    width: 100%;
    padding: 40px 0px;
    position: relative;
    z-index: 2;
}

.contact-banner .image-wrapper {
    width: calc(43vw);
    margin-right: calc(50vw - 0px);
    height: 100%;
}

.contact-banner.inventory-banner {
    overflow: hidden;
}

.contact-banner .banner-text::after {
    content: "";
    width: calc(100% + 170px);
    height: 100%;
    z-index: 1;
    inset: 0;
    background: linear-gradient(to right, #000 0%, rgba(0, 0, 0, 0.95) 10%, rgba(0, 0, 0, 0.75) 20%, rgba(0, 0, 0, 0.35) 35%, rgba(0, 0, 0, 0) 50%);
    position: absolute;
    left: 100%;
}

.banner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-info .hours {
    min-width: 240px;
}

.contact-info .phone.col {
    min-width: 124px;
}

.contact-info .address.col {
    min-width: 200px;
}

.contact-info .mail.col {
    min-width: 178px;
}

img.hear-from-you-logo {
    width: 100%;
    max-width: 432px;
    display: block;
    margin-top: 50px;
}

section.contact-banner .banner-para {
    margin-top: 15px;
}

section.form-section:not(.about-vehicle-section) {
    padding: 40px 20px;
}

section.showroom-section {
    padding: 50px 20px;
}

.showroom-section .heading-col {
    width: max-content;
    margin: 0px auto 10px;
}

.showroom-section .heading-col {
    width: max-content;
    margin: 0px auto 10px;
    position: relative;
    padding: 0px 80px;
    z-index: 1;
}

.showroom-section .line-pattren-2 {
    position: absolute;
    left: 0px;
    right: 0px;
    top: -29px;
    height: max-content;
    padding: 16px;
    margin: auto;
    background: linear-gradient(0deg, var(--color-primary) 50%, var(--color-light-text) 50%) 0% 0% / 100% 9px repeat-y;
}

.showroom-section .line-pattren-2::before,
.showroom-section .line-pattren-2::after {
    background: #fff8e8;
}

section.showroom-section .heading {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 0px 40px;
}

section.showroom-section .heading::before {
    content: "";
    background: #fff8e8;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}

section.showroom-section h2.text-primary {
    margin-top: 0px !important;
    margin-bottom: 20px;
}

.showroom-card {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.showroom-card .title {
    padding: 10px;
    text-align: center;
    background: var(--color-dark);
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
}

.showroom-row {
    margin-top: 30px
}

.showroom-card .title h3 {
    margin: 0px;
    letter-spacing: 1px;
}

.col.ft-col-dog {
    margin-top: -120px;
    z-index: 1;
}

.contact-ft {
    margin-top: 20px;
}

.form-section .form.ft-form {
    max-width: 100%;
    padding: 50px 40px 40px;
    background: #F8ECDA;
}

.form-section .title-row {
    margin-bottom: -20px;
    position: relative;
    z-index: 2;
}

.form-section input[type="tel"],
.form-section input[type="email"],
.form-section input[type="date"],
.form-section input[type="time"],
.form-section input[type="text"],
.form-section input[type="number"],
.form-section select,
.form-section textarea {
    height: 42px;
    background: #F5EEE0;
    padding: 5px 10px;
    font-weight: bold;
    color: #000;
    border-radius: 10px;
    border: 1px solid #E0D8C8;
    width: 100%
}
.form-section select {
    color: #7A7A7A;
}

.form-section select:valid, .form-section select:selected {
    color: #000;
}

.map iframe {
    width: 100%;
    height: 391px;
}

.map-wrapper {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.easy-find-row {
    padding: 20px;
    align-items: center;
}

.easy-to-find {
    width: 142px;
    height: 84px;
    background-image: url(../assets/icons/easy-find-bg.png);
    display: flex;
    align-items: center;
    background-size: contain;
}

.easy-to-find span {
    margin-left: 14px;
}

.car-toy-icon {
    position: relative;
}

span.dotted-bottom {
    height: 1px;
    width: 98%;
    background: linear-gradient(90deg, #000000 50%, #00A4B2 50%);
    position: absolute;
    bottom: 3px;
    right: -2px;
    background-size: 10px auto;
    background-repeat: repeat-x;
}

.form-section textarea {
    height: 104px;
    font-size: 12px;
}

span.dotted-bottom::before,
span.dotted-bottom::after {
    content: "";
    width: 10px;
    height: 10px;
    background: #00a4b2;
    position: absolute;
    border-radius: 10px;
    right: 0;
    bottom: -4px;
}

span.dotted-bottom::after {
    right: 100px
}

.car-toy-icon img {
    margin-right: 15px;
}

.map-address {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0px;
    background: url('../assets/icons/address-bg.png');
    left: 0;
    right: 0;
    margin: auto;
    width: 185px;
    height: 120px;
    display: flex;
    align-items: center;
    padding: 9px;
    background-size: 100% 100%;
}

div#map {
    position: relative;
}

section.form-section .form-btn button.btn {
    border-radius: 10px;
}

.inventory-banner p.fs-16.banner-para {
    margin-top: 80px;
}

.filter-form-wrapper {
    background: #FAEFE3;
    margin-top: 15px;
}

form.filter-form {
    padding-top: 20px;
}

.sidebar>.title-row {
    background-color: #e6e6e6;
    padding: 10px;
}

section.product-section {
    padding: 60px 20px;
}

.sidebar {
    min-width: 340px;
    max-width: 340px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.let-us-help-card {
    padding: 20px;
}

.range-filter .slider {
    width: 100%;
    appearance: none;
    height: 6px;
    border-radius: 10px;
    outline: none;
    background: #000;
}

.range-filter .slider::-webkit-slider-thumb {
    appearance: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #d40000;
    cursor: pointer;
}

.range-filter .slider::-moz-range-thumb {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #d40000;
    cursor: pointer;
}

.range-filter .range-filter .values {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    font-weight: bold;
}

.range-filter .range-slider {
    position: relative;
    width: 100%;
    height: 30px;
}

.range-filter .track {
    position: absolute;
    width: 100%;
    height: 6px;
    background: #000;
    top: 11px;
    border-radius: 10px;
}

.range-filter .range {
    position: absolute;
    height: 6px;
    background: #d40000;
    top: 11px;
    border-radius: 10px;
}

.range-filter .range-slider input {
    position: absolute;
    width: 100%;
    appearance: none;
    background: none;
    pointer-events: none;
    top: 4px;
}

.range-filter .range-slider input::-webkit-slider-thumb {
    appearance: none;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #d40000;
    pointer-events: auto;
    cursor: pointer;
}

.range-filter .range-slider input::-moz-range-thumb {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #d40000;
    pointer-events: auto;
}

.search {
    border: 2px solid #D2CEC8;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}

.search input[type="text"] {
    padding-left: 40px;
    border: 0px;
    outline: 0px;
    border-radius: 0px;
}

.search .search-icon {
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.search button.btn {
    border-radius: 0px 6px 6px 0px;
}

.top-search-bar h6 {
    min-width: 50px;
}

.views .btn {
    background: #000;
    background: linear-gradient(var(--color-light-text), var(--color-light-text)) padding-box, repeating-linear-gradient(90deg, #000 0, #DDD9D3 80px, #000 160px) border-box;
    border: 2px solid transparent;
}

.views .btn.active,
.views .btn:hover {
    background: #000;
    background: linear-gradient(var(--color-dark), var(--color-dark)) padding-box, repeating-linear-gradient(90deg, #000 0, #DDD9D3 80px, #000 160px) border-box;
    color: #fff
}

.views .btn span.svg-icon {
    background: #000;
}

.views .btn.active span.svg-icon,
.views .btn:hover span.svg-icon {
    background: var(--color-white);
}

.product-section .inventory-card-row {
    margin: 20px 0px 0px;
}

.product-section .inventory-card-row .inventory-card {
    min-width: 294px;
    max-width: calc(100% / 2 - 5px);
    display: flex;
    flex-direction: column;
}

.product-section .card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.vehicle-condition-tags span {
    background-size: 100% 100%;
    padding: 6px 10px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 9px;
}

.owner-bg {
    background: url('../assets/images/owner-bg.png')
}

.accident-free-bg {
    background: url('../assets/images/accident-free-bg.png')
}

.carfax-bg {
    background: url('../assets/images/carfax-bg.png')
}

.vehicle-condition-tags {
    margin-bottom: 10px;
}

.product-section small.small-info {
    display: block;
    font-size: 9px;
    line-height: 1;
    margin-top: 5px;
}

.product-section .price {
    padding: 10px 10px 5px;
    max-width: 120px;
    text-align: center;
}

.product-card-btns .btn {
    padding: 6px 10px 4px;
    flex: 1;
    min-width: 180px
}

.product-section .inventory-card-row .card-ft {
    flex-direction: row;
    align-items: flex-end;
    margin-top: 10px;
    justify-content: space-between;
    gap: 20px;
    flex: 1
}

.product-section .list-view-cards .inventory-card {
    flex: unset;
    width: auto;
    min-width: 100%;
    max-width: unset;
    flex-direction: row;
    display: flex;
    gap: 30px;
}

.product-section .inventory-card-row .card-ft .biweekly-note {
    font-size: 22px;
    line-height: 1.2;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400 !important;
}

.product-section .list-view-cards .card-content {
    flex: 1;
}

.product-section .list-view-cards img.main-image {
    height: 100%;
    object-fit: cover;
}

.product-section .list-view-cards .ic-image-wrapper {
    max-width: 370px;
}

.product-section .list-view-cards .product-card-btns .btn {
    flex: 1;
}

.product-section .list-view-cards .vehicle-condition-tags span,
.product-section .list-view-cards .vehicle-condition-tags a {
    text-align: center;
    font-size: 13px;
    padding: 10px;
}

.product-section .list-view-cards .features {
    gap: 20px;
}

.product-section .list-view-cards .features .svg-icon {
    width: 32px;
    mask-size: 24px;
}

.product-section .list-view-cards .features span.fs-10 {
    font-size: 14px;
}

.product-section .list-view-cards .card-ft .fs-20 {
    font-size: 28px;
}

.product-section .list-view-cards .card-ft .price {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 10px;
    font-size: 22px;
    flex-direction: column;
}

.product-section .list-view-cards .card-ft .price small.small-info {
    font-size: 14px;
    margin-top: 0px;
    font-weight: 500;
}

ul.pagination {
    list-style: none;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    gap: 4px;
    margin-bottom: 0px;
}

ul.pagination .page-item {
    border: 1px solid #C7B99B;
    display: block;
    font-size: 16px;
    line-height: 1;
    padding: 10px 15px 8px;
    border-radius: 4px;
    font-family: "Bebas Neue", sans-serif;
    letter-spacing: 1px;
    color: #C7B99B;
    cursor: pointer;
    transition: 0.3s all;
}

ul.pagination .page-item:hover,
ul.pagination .page-item.current {
    color: #fff;
    background: #A81214;
    background: linear-gradient(90deg, rgba(168, 18, 20, 1) 0%, rgba(232, 49, 57, 1) 100%);
    text-shadow: 0px 0px 4px #000;
    border: 1px solid #FD5353;
    box-shadow: inset 0 0 29px 0px rgba(0, 0, 0, 0.6);
}

.inventory-banner .banner-text {
    max-width: unset;
    min-width: 710px;
}

.inventory-banner+.gradient-line-3 {
    margin-top: -14px;
    position: relative;
    z-index: 9;
}

.inventory-banner+.gradient-line-3 .gradient-border-3-1 {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #FFF8E8 50%) 0% 0% / 14px repeat;
}

.inventory-banner+.gradient-line-3 .gradient-border-3-2 {
    background: linear-gradient(90deg, #FFF8E8 50%, rgb(255, 255, 255, 0) 50%) 0% 0% / 14px repeat;
}

img.hot-deal {
    position: absolute;
    top: 5px;
    left: 5px;
    height: 30px;
    width: auto;
}

span.like-btn {
    display: flex;
    width: 26px;
    height: 26px;
    background: rgba(255, 255, 255, 0.3);
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 100%;
    cursor: pointer;
}

.liked .bg-dark {
    background: var(--color-primary);
}

section.comparison-banner {
    padding: 80px 20px;
}

section.compare-section {
    padding: 45px 20px;
}

.compare-banner-text {
    display: flex;
    flex-direction: column;
    background-size: 100% 100%;
    text-align: center;
}

.compare-banner-text-left {
    padding: 40px 40px 40px 60px;
}

.compare-banner-text-right {
    padding: 20px 66px;
    margin-bottom: -60px;
}

section.comparison-banner {
    padding: 80px 20px;
    position: relative;
    background-size: auto 100%;
    background-position: center right;
    background-repeat: no-repeat;
}

img.vs-logo {
    max-width: 120px;
    margin: 0px auto;
}

.compare-table .gradient-border {
    max-width: 250px;
}

.compare-table tbody tr td:first-child {
    font-size: 16px;
    font-family: "Bebas Neue", sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 1;
}

.compare-table thead th {
    width: 250px;
    min-width: 250px;
}

.compare-table .ic-image-wrapper {
    max-width: calc(100% - 10px);
    margin: 0px auto;
}

.compare-table .ic-image-wrapper .main-image {
    height: 120px;
    object-fit: cover;
}

.compare-table small.small-info {
    font-size: 9px;
    display: block;
    line-height: 1;
    margin-top: 5px;
}

.compare-table .btn {
    padding: 4px;
    flex: 1;
}

.compare-table .let-us-help-card {
    padding: 35px 20px;
}

.card-ft span {
    font-size: 24px;
}

.compare-table h3.price {
    padding: 9px 9px 5px;
    flex: unset;
    width: auto;
}

.compare-table .card-content {
    padding: 10px 10px 10px;
}

.compare-table .mt-20 {
    margin-top: 10px;
}

.compare-table .ic-image-wrapper {
    line-height: 1;
}

.compare-table .inventory-card h4 {
    margin: 8px 0px 8px;
    line-height: 1;
}

span.af_yes {
    color: var(--color-green);
}

span.af_no {
    color: var(--color-primary);
    text-transform: uppercase;
}

span.exterior-color {
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 20px;
    border: 2px solid #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    margin: 0px auto;
}

.compare-table tr td:not(:first-child) {
    text-align: center;
}

span.exterior-color.red {
    background-color: var(--color-primary)
}

span.exterior-color.black {
    background-color: var(--color-dark)
}

span.exterior-color.white {
    background-color: var(--color-white)
}

span.exterior-color.gray {
    background-color: var(--color-gray)
}

table.compare-table.table {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

section.book-now-banner {
    padding: 80px 20px;
    background-size: 100% 100%;
}

.book-now-banner h1 {
    font-size: clamp(50px, 5vw, 130px);
    line-height: 1;
    margin-bottom: 10px;
}

.book-banner-text p {
    max-width: 450px;
    margin: 0px auto;
}

.banner-info {
    text-align: left;
    overflow: hidden;
    max-width: 740px;
    margin: 0px auto;
}

.banner-info h4 {
    margin-bottom: 0px;
    line-height: 1;
    margin-left: 10px;
    letter-spacing: 1px;
}

.book-banner-text {
    position: relative;
    z-index: 2;
}

.book-banner-text::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 120%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: -1;
    background: radial-gradient(circle, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.6) 25%, rgba(0, 0, 0, 0.3) 45%, rgba(0, 0, 0, 0.08) 70%, transparent 100%);
    filter: blur(60px);
}

.step-form-section {
    padding: 0px 20px 40px;
}

.step-naviagtion-wrapper img.route-logo-badge {
    width: 124px;
}

.step-naviagtion-wrapper {
    background: #F9E5C7 !important;
    padding: 20px 0px;
}

.step-naviagtion-wrapper .image-wrapper {
    padding: 0px 60px;
    position: relative;
    z-index: 1;
}

.step-navigation {
    flex-wrap: wrap;
    margin-top: 0px;
    padding: 0px 10px;
    justify-content: center;
}

.step-navigation::after {
    display: none;
}

.step-naviagtion-wrapper span.line {
    position: absolute;
    height: 4px;
    width: 100%;
    background: var(--color-primary);
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}

.step-navigation h6 {
    width: 100%;
    text-align: center;
}

.step-naviagtion-wrapper span.line::before,
.step-naviagtion-wrapper span.line::after {
    content: "";
    position: absolute;
    height: 4px;
    background: var(--color-primary);
    top: -10px;
    width: calc(100% - 20px);
}

.steps:not(.active) .form-input-wrapper {
    transition: 0.3s all;
    height: 0px;
    overflow: hidden;
    display: none;
}

.step-navigation span.icon {
    width: 74px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    padding: 23px;
    min-width: 60px;
    background-image: url(../assets/images/green-bg-icon.png);
    background-size: 100%;
}

.icon-card.active .icon-inner .icon {
    background-image: url(../assets/images/red-icon-bg.png);
}

.step-navigation span.icon img {
    width: 100%;
}

.left-lines {
    margin-left: 10px;
    margin-right: -30px;
    position: relative;
    width: 70px;
    z-index: 1;
}

.steps {
    cursor: pointer;
}

.left-lines span.line::before,
.left-lines span.line::after {
    left: unset;
    right: 0;
}

.step-naviagtion-wrapper span.line::after {
    top: unset;
    bottom: -10px;
}

.step-navigation {
    flex: 1;
    justify-content: space-around;
    position: relative;
    z-index: 1;
    margin-top: 30px;
}

.step-navigation::after {
    content: "";
    position: absolute;
    width: calc(100% - 80px);
    height: 10px;
    background: #000;
    z-index: -1;
    top: 36px;
}

.form-input-wrapper {
    padding: 60px 20px 20px;
    border-radius: 30px;
    border: 3px solid transparent;
    row-gap: 20px;
    margin-top: -30px;
}

.step-form-wrapper {
    padding: 30px 20px;
    background: #F9E5C7;
    border-radius: 20px;
}

.step-number {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.step {
    padding: 5px;
    border-radius: 70px;
    max-width: calc(100% - 0px);
    margin: 0px auto 0px;
    width: 100%;
    position: relative;
}

.step-navigation .icon-card {
    cursor: pointer;
}

.steps.active .step {
    max-width: calc(100% - 30px);
}

.primary-gradient-border {
    border: 2px solid transparent;
}
.step-wrapper {
    width: 100%;
}

.steps.active .step,
.steps.active .step-number {
    background: linear-gradient(90deg, rgba(168, 18, 20, 1) 0%, rgba(232, 49, 57, 1) 100%) padding-box, repeating-linear-gradient(90deg, #5B5A55 0, #fff 25%, #5B5A55 50%) border-box !important;
}

.steps .step,
.steps .step .step-number {
    background: linear-gradient(90deg, #033134 0%, #18646B 100%) padding-box, repeating-linear-gradient(90deg, #5B5A55 0, #fff 25%, #5B5A55 50%) border-box;
}


.step-form-wrapper label {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #000;
    line-height: 1;
}

.why-us-card ul li {
    padding-left: 25px;
}

.why-us-card li::before {
    content: "\e829";
    font-family: 'fontello';
    color: var(--color-white);
    background: var(--color-primary);
    padding: 2px;
    font-size: 9px;
    width: 14px;
    position: absolute;
    text-align: center;
    border-radius: 100%;
    height: 14px;
    left: 0;
    top: 0px;
    line-height: 14px;
}

.step-form-section .form-section {
    margin: 40px auto 20px;
}

.need-help,
.why-us-card {
    background: #F9E5C7;
}

.step-forms-btns {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-top: 20px;
}

.step-forms-btns button .icon {
    color: #FFD338
}

.step-forms-btns .bordered-btn .btn {
    font-size: clamp(20px, 2vw, 24px);
    border: 0px;
    border-radius: 0px;
}

#prev-step span.icon {
    transform: rotate(-180deg);
    display: inline-block;
    margin-left: 0;
    margin-right: 10px;
}

.step-forms-btns button {
    padding: 0px;
    border: 2px solid transparent;
}

.book-now-image-section .ft-image.ft-image-1 {
    width: 100%;
    max-width: 100%;
}

.step-form-section .col-30 .card {
    padding: 10px;
    border-radius: 15px 15px 0px 0px;
    width: 100%;
    gap: 10px;
    background: #f9e5c7;;
}
.bn-vehicle-image img {
    width: auto;
    height: 120px;
}

.step-form-section .col-30 .card .image-box img {
    max-width: 45px;
}
.step-family-logo img {
    width: 100%;
    max-width: 140px;
    margin: 20px auto 0;
    display: block;
}

.step-form-section .card-info {
    padding: 20px;
}

.step-form-section .card-info .location {
    text-align: left;
}

.form-input-wrapper .bg-gray.p10 {
    background: #E4D2B7;
    padding: 11px 15px 8px !important;
}

.invert img {
    filter: invert(1);
}

li.current.list-item a.nav-item {
    color: var(--color-primary);
}

.home-testimonial .testimonial-image img {
    max-width: 100%;
    width: 100%;
}

.home-testimonial .testimonial-image {
    min-width: 80px;
}

.home-testimonial .swiper-slide {
    height: auto !important;
}

.home-testimonial .swiper-slide .testimonial-card {
    height: 100%;
}

.home-family-owned-row .col {
    flex: 1;
}

.home-family-owned-row .col .card {
    gap: 10px;
}

.site-footer .social-media .circle-icon {
    width: 32px;
    height: 32px;
}

section.financing-process-section .bannerform-container {
    background: #F7F2E8;
    box-shadow: inset 0 0 13px 5px rgba(0, 0, 0, 0.5) !important;
    padding: 20px 20px 40px;
    background: linear-gradient(var(--color-cream-dark), var(--color-cream-dark)) padding-box, repeating-linear-gradient(90deg, #5B5A55 0, #DDD9D3 80px, #5B5A55 160px) border-box;
}

section.financing-process-section .row.title-row {
    margin-top: -54px;
}

.financing-banner {
    background-repeat: no-repeat;
    background-position: center right;
    background-size: auto 100%;
    padding: 60px 20px;
}

.we-can-help-bg {
    background-size: 100% 100%;
    padding: 20px;
    text-align: center;
    margin-top: 30px;
}

h4.we-can-help-text {
    transform: rotate(-5deg) translate(0px, 3px);
    padding: 10px 0px;
}

.financing-banner .banner-text {
    max-width: 496px;
    width: 100%;
}

.approved-text h4 {
    background-repeat: no-repeat;
    width: max-content;
    margin: 0px auto;
    padding: 0px 20px;
}

.approved-text h4:first-child {
    background-position: left center;
}

.approved-text h4:last-child {
    background-position: center right;
    margin-bottom: 20px;
}

.financing-banner a.btn {
    border-radius: 10px;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

.yellow-icon {
    color: #FFD338;
}

.financing-process-section {
    padding: 30px 20px 20px;
}

.financing-process-section.pt-0 {
    padding-top: 0px;
}

span.number {
    width: 34px;
    height: 34px;
    background: url(../assets/images/number-bg.png);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin: 0px auto 10px;
    background-size: 100% 100%;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
}

span.number.red-bg {
    background: url(../assets/images/red-icon-bg.png);
    background-size: 100% 100%;
}

span.finacing-icon {
    width: auto;
    height: 64px;
}

span.finacing-icon img {
    width: auto;
    height: 100%;
    object-fit: contain;
    max-width: 100px;
}

.finacing-col {
    flex: 1;
    min-width: 170px;
    /*! gap: 0; */
}

.payment-wrapper span.fs-48 {
    line-height: 1;
}

.financing-process-section.form-section .bannerform-container {
    padding: 0px 20px  20px;
}

.financing-process-section.form-section .bannerform-container .row.title-row {
    margin-top: -3px;
    margin-bottom: 10px;
}

.payment-image {
    margin-top: -40px;
}

.why-finace-section .container {
    margin: 0px auto 0px;
}

.why-choose-section.why-finace-section .gradient-border {
    border: 3px solid transparent;
    border-radius: 8px;
    background: linear-gradient(#033034, #033034) padding-box, repeating-linear-gradient(90deg, #5B5A55 0, #DDD9D3 80px, #5B5A55 160px) border-box;
    box-shadow: inset 0 0 33px 2px rgba(243, 232, 207, 0.5) !important;
}

section.why-finace-section {
    padding-top: 40px;
}

.why-finace-section .title-row {
    margin-top: -37px;
    margin-bottom: 20px;
}

section.approved-ft-section {
    position: relative;
    z-index: 2;
    overflow: hidden;
    padding-top: 40px;
    background: transparent;
    margin-top: -20px;
}

section.approved-ft-section::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    background: #000;
    top: 20px;
    left: 0;
}

section.approved-ft-section .image-wrapper,
.ft-image-wrapper-2 {
    line-height: 0;
    margin-top: -40px;
    position: relative;
    z-index: 1;
}

.approved-ft-section .text-wrapper {
    position: relative;
}

.approved-ft-section .ft-text-wrapper-2 {
    padding-left: 60px;
    position: relative;
}

span.ap-star {
    color: #036869;
    position: absolute;
}

span.ap-star-1,
span.ap-star-2 {
    font-size: 34px;
}

span.ap-star.sp-star-3,
span.ap-star.sp-star-4 {
    font-size: 22px;
}

span.ap-star-5 {
    font-size: 41px;
}

.approved-ft-section .text-wrapper {
    position: relative;
    padding-right: 20px;
    padding-left: 20px;
}

.sp-star-1 {
    top: 20px;
    left: -20px;
}

.sp-star-2 {
    right: -20px;
    top: -20px;
}

.sp-star-3 {
    bottom: -40px;
    left: 30px;
}

.sp-star-4 {
    right: -10px;
    bottom: 10px;
}

span.ap-star-5 {
    font-size: 41px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: max-content;
}

.approved-ft-left {
    position: relative;
    z-index: 1;
    padding-right: 40px;
}

.approved-ft-left::after {
    content: "";
    position: absolute;
    width: 50vw;
    height: 100%;
    background: url('../assets/images/approve-ft-bg.png');
    z-index: -1;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: 100% 100%;
}

.approved-ft-right {
    position: relative;
    z-index: 1;
    padding: 4px 0px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    padding-left: 10px;
    gap: 16px;
}

.approved-ft-right::after {
    content: "";
    position: absolute;
    width: 80vw;
    background: #f5eee0;
    left: 100%;
    height: calc(100% + 2px);
    top: 0px;
    bottom: 0;
    z-index: 1;
}

.why-choose-section.why-finace-section .col:not(:last-child)::after {
    border-right: 1px dashed rgba(255, 255, 255, 0.3);
}

.top-lender-logo:not(:last-child) {
    flex: 1;
}

.top-lender-logo img {
    width: 100%;
    max-width: 140px;
}

.approved-image img,
.key {
    width: 100%;
}

.sell-car-banner-text h2.cursive-font {
    max-width: 372px;
    text-align: right;
    margin-top: -14px;
}

.how-it-work-row .finacing-col span.number {
    margin: 0px;
}

.how-it-work-row .finacing-col:not(:last-child) {
    padding-right: 20px;
    border-right: 1px dashed #000;
}

.how-it-work-row.pb-20 {
    padding-bottom: 20px;
    padding-right: 20px;
}

.form-col {
    position: relative;
    z-index: 1;
    margin: 10px 0px;
}

.form-row {
    padding: 20px 40px;
}

.background-image-wrapper {
    height: 100%;
    background-size: cover;
    width: calc(100% + 70px);
    background-position: center right;
    margin-left: -29px;
}

section.financing-process-section.credit-situations {
    padding-bottom: 0px;
}

.form-ft {
    max-width: 500px;
    margin: 10px auto 0px;
    text-align: left;
    justify-content: flex-start;
}

.why-finace-section .why-sell .row.title-row {
    margin-top: -13px;
}

.why-finace-section .why-sell {
    padding-bottom: 30px;
}

.why-choose-section .why-sell .col:not(:last-child)::after {
    display: none;
}

.upgrade-your-ride-section {
    padding-top: 15px;
}

.upgrade-your-ride-section img {
    width: 100%;
}

.trade-in-banner-text h4.we-can-help-text {
    transform: rotate(-3.5deg) translate(0px, 3px);
}

.trade-in-banner-text>div.rotate-text {
    transform: rotate(-8deg);
    margin-left: 30px;
}

.trade-in-banner-text .we-can-help-bg {
    margin-top: -10px;
    transform: rotate(-5deg);
    margin-bottom: 40px;
}

.trade-in-form-col {
    position: relative;
    background: var(--color-cream-dark);
    background: linear-gradient(var(--color-cream-dark), var(--color-cream-dark)) padding-box, repeating-linear-gradient(90deg, #5B5A55 0, #DDD9D3 80px, #5B5A55 160px) border-box;
}

/* Sell Your Car - left mascot/callout column */
.sell-car-callout-col {
    display: flex;
    flex-direction: column;
}

.sell-car-callout {
    margin-top: 15px;
    padding: 20px;
}

.sell-car-callout h4 {
    font-size: 22px;
    line-height: 1.25;
}

/* Sell Your Car - vehicle form + photo upload row */
.vehicle-form-row {
    align-items: stretch;
}

.upload-photos-col {
    width: 230px;
    flex: none;
}

.upload-photos-panel {
    height: 100%;
    padding: 15px;
    text-align: center;
    align-content: center;
    justify-content: center;
}

.upload-dropzone {
    display: flex;
    border: 2px dashed rgba(255, 255, 255, 0.4);
    border-radius: 10px;
    padding: 20px 10px;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.upload-dropzone:hover,
.upload-dropzone.is-dragover {
    border-color: var(--color-primary);
    background-color: rgba(255, 255, 255, 0.05);
}

.upload-cloud-icon svg {
    width: 40px;
    height: 40px;
    color: var(--color-cream);
}

.photo-preview-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
}

.photo-preview-list .photo-preview {
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: 6px;
    overflow: hidden;
}

.photo-preview-list .photo-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.photo-preview-list .photo-preview button {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    line-height: 14px;
    font-size: 11px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    border: none;
    border-radius: 0 0 0 6px;
    cursor: pointer;
    padding: 0;
}

/* Sell Your Car - what to include in your photos strip */
.what-to-include-strip {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 15px 20px;
}

.wti-item {
  min-width: 90px;
  flex: 1;
}

.wti-photo {
    display: block;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid var(--color-teal);
}

.wti-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.wti-camera-icon {
    max-width: 110px;
    object-fit: contain;
}


.finacing-icon {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}


.image-wrapper img {
    width: 100%;
}

.trade-in-value-right-col {
  max-width: 500px;
}

.save-hst-col .image-wrapper {
  max-width: 200px;
  margin: 0px auto;
}



.trade-in-form .form-row {
    padding: 35px 20px 20px;
}

.credit-situations-col .title-row {
    margin-top: -24px;
    position: relative;
}

.cs-text-wrapper {
    background: url(../assets/images/star-bg.png);
    background-size: 100% 100%;
    padding: 20px 0px 0px;
}

.trade-in-form .heading-bg.fs-32 {
    padding: 13.5px 12px 12px;
}

.col.flex-1.more-value-col {
    min-width: 270px;
}

.upgrade-text-wrapper-inner {
    width: calc(100% + 120px);
    margin-right: -120px;
    padding: 20px;
    position: relative;
    color: #fff8e8;
    background: linear-gradient(to right, #fff8e8 0%, #fff8e8 70%, rgba(255, 248, 232, 0.99) 82%, rgba(255, 248, 232, 0.7) 90%, rgba(255, 248, 232, 0.35) 96%, rgba(255, 248, 232, 0) 100%);
    height: 100%;
}

.upgrade-text-wrapper h2 {
    line-height: 1.2;
}

.col.ready-to-trade-img {
    line-height: 0;
}

.upgrade-section .approved-image {
    min-width: 260px;
}

img.rtt-img {
    position: absolute;
    right: -90px;
    max-width: 200px;
    top: 0;
    bottom: 0;
    margin: auto;
}


.warranty-tetx {
    width: max-content;
    text-align: right;
}

img.better-card-wadge {
    position: absolute;
    right: 10px;
    bottom: 30px;
}

section.lubrico-section {
    padding: 30px 20px;
}

section.lubrico-section .row.title-row {
    margin-top: -56px;
    margin-bottom: 20px;
}

.lubrico-logo {
    width: 100%;
    max-width: 336px;
}

.lubrico-logo img {
    width: 100%;
}

.coverage-card {
    flex: 1;
    min-width: 123px;
    max-width: 220px;
}

.coverage-card h6 {
    margin-bottom: 0;
}

.coverage-section .title-row {
    margin-top: -50px;
    margin-bottom: 20px;
}

.coverage-card h6 {
    line-height: 1;
}

.options-section {
    padding: 30px 20px;
}

.option-heading {
    padding: 24px 20px 29px;
    background-size: 100% 100%;
}

.option-card .list-style-1 li {
    font-size: 16px;
    font-weight: normal;
}

.option-card ul.list-style-1 {
    padding-left: 120px;
}

.option-card {
    background: linear-gradient(#fff8e8, #fff8e8) padding-box, repeating-linear-gradient(90deg, #5B5A55 0, #DDD9D3 80px, #5B5A55 160px, #000 200px) border-box;
    position: relative;
    overflow: hidden;
    max-width: 410px;
    min-width: 410px;
    flex: 1;
}

img.girl-with-cup {
    position: absolute;
    bottom: 0;
    left: -17px;
    max-width: 210px;
}

.option-image-wrapper {
    flex: 1;
    align-items: flex-end;
    display: flex;
}

img.option-better-car {
    width: calc(100% + 40px);
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -10px;
}

img.option-highway-motors-building {
    width: calc(100% + 80px);
    margin-bottom: -20px;
    margin-left: -36px;
}

.option-card-2 .option-image-wrapper {
    width: calc(100% + 32px);
    margin-top: 0px;
}

.warranty-ft-section-1 {
    padding: 20px;
}

.wfs-col-1,
.wfs-col-2 {
    flex: 1;
}

.wfs-col-3 {
    flex: 2
}

.wfs-col-3 p {
    max-width: 390px;
    margin: 0px auto;
}

.wfs-col img {
    width: 100%;
}

section.warranty-ft-section-2 {
    padding: 40px 20px;
}

.financing-banner .banner-text.td-banner-text-wrapper {
    max-width: 600px;
}

.td-banner-text-wrapper {
    position: relative;
    padding: 60px 0px;
}

.td-banner-text-wrapper::before {
    content: "";
    background: url('../assets/images/test-drive-text-bg.png');
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    max-width: 520px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.carfax-col {
    max-width: 300px;
}

.wfs-logos {
    gap: 20px;
    display: flex;
    justify-content: space-between;
}

.row.title-row.title-top-negtive {
    margin-top: -56px;
    margin-bottom: 20px;
}

.test-drive-form .step-title h4 {
    flex: 1;
}

.vehicle-card .list-style-1 li {
    font-weight: normal;
    margin-bottom: 10px;
}

.vehicle-card .list-style-1 li::before {
    color: var(--color-teal);
}

.color-item {
    cursor: pointer;
}

.color-item input {
    display: none;
}

.color-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: block;
    border: 2px solid transparent;
    position: relative;
    transition: .3s;
}

.color-item input:checked+.color-circle {
    border-color: #E0DFDB;
}

.white {
    background: #fff;
}

.grey {
    background: #949494;
}

.black {
    background: #252525;
}

.red {
    background: #850B06;
}

.tdf-form-col {
    padding: 20px;
}

.form-col-1 {
    border-bottom: 1px solid #E0D8C8;
}

.form-col-1,
.form-col-4 {
    max-width: 490px;
    min-width: 490px;
}

.form-col-2 {
    max-width: 540px;
    border-bottom: 1px solid #E0D8C8;
    border-right: 1px solid #E0D8C8;
    border-left: 1px solid #E0D8C8;
}

.time-wrapper {
    max-width: 138px;
}

.flatpickr-calendar {
    max-width: 100%;
    width: 100%;
    background: transparent;
    box-shadow: unset;
}

.flatpickr-day {
    font-size: 12px;
    font-weight: bold;
}

span.flatpickr-day.today {
    border-color: #1F7A82;
}

span.flatpickr-day.selected {
    background: #1F7A82 !important;
    border-color: #1F7A82 !important;
}

select.flatpickr-monthDropdown-months {
    font-weight: 600 !important;
    font-size: 15px !important;
}

input.numInput.cur-year {
    font-size: 16px;
    height: unset;
    font-weight: 600;
}

.flatpickr-current-month {
    margin: 0px !important;
    padding: 0px;
}

.flatpickr-months {
    background: #f5eee0;
    padding: 5px;
    margin-top: -2px;
    border-radius: 6px 6px 0px 0px;
}

.flatpickr-current-month {
    display: flex;
    gap: 10px;
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
input.numInput.cur-year {
    background: transparent;
    padding: 4px;
    border-radius: 5px !important;
    overflow: hidden;
    border: 1px solid #e0d8c8;
    margin: 2px 0px;
}

ul.time-slot-list li:not(:last-child) {
    margin-bottom: 7px;
}

ul.time-slot-list li.time-slot {
    border: 2px solid transparent;
    padding: 7px;
    font-weight: 600;
    border-radius: 7px;
    cursor: pointer;
    transition: 0.3s all;
    ;
}

ul.time-slot-list li.time-slot.selected,
ul.time-slot-list li.time-slot:hover {
    background: #1F7A82;
    background: linear-gradient(#1F7A82, #1F7A82) padding-box padding-box, repeating-linear-gradient(90deg, rgb(91, 90, 85) 0px, rgb(221, 217, 211) 80px, rgb(91, 90, 85) 160px) border-box border-box;
    color: #fff;
}

#testDriveForm .form-col-3 input,
form#testDriveForm .form-col-3 textarea,
form#testDriveForm .form-col-3 select {
    background: #fff8e8;
}

.form-col-4 {
    display: flex;
    align-items: flex-end;
}

ul.time-slot-list {
    list-style: none;
    padding: 0px;
    text-align: center;
}

.form-col-3 {
    min-width: 253px;
    flex: 1;
    border-bottom: 1px solid #E0D8C8;
}

.test-drive-form .btn {
    padding-left: 10px;
    padding-right: 10px;
    flex: 1;
    width: 100%;
}

.change-vehicle {
    width: max-content;
    margin: 20px auto 0;
}

.form-col-5 {
    flex: 1;
    border-left: 1px solid #E0D8C8;
}



.form-col-5 .prefferred-sale-advisor {
    flex: 1;
}

.advisor-wrapper {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.advisor-card {
    cursor: pointer;
}

.advisor-card input {
    display: none;
}

.advisor-content {
    position: relative;
    min-width: 110px;
    min-height: 130px;
    height: 100%;
    padding: 8px;
    border: 1px solid #7B7B7B;
    border-radius: 12px;
    background: #f8f0de;
    text-align: center;
    transition: .3s;
    flex:1;
}

.advisor-content img,
.avatar {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto 10px;
    display: block;
}

.placeholder {
    background: #d9d9d9;
}

.advisor-content h4 {
    font-size: 17px;
    margin: 6px 0 3px;
}

.advisor-content p {
    font-size: 12px;
    color: #666;
}

.check {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #bbb;
    background: #fff;
}

.advisor-card input:checked+.advisor-content {
    border-color: #0d7d88;
    box-shadow: 0 0 0 2px rgba(13, 125, 136, .15);
}

.advisor-card input:checked+.advisor-content .check {
    background: #0d7d88;
    border-color: #0d7d88;
}

.test-drive-form span.number {
    margin-bottom: 0px;
}

.test-drive-form .step-title {
    margin-bottom: 20px;
}

.test-drive-form .container {
    padding-left: 0;
    padding-right: 0px;
    padding-bottom: 0px;
}

.step-image {
    margin-bottom: -25px;
}

.test-drive-form h4 small {
    color: #7B7B7B;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 600;
}

.test-drive-img img {
    border: 2px solid #fff;
    border-radius: 20px;
}

section.promotional-banner {
    padding: 30px 15px 20px;
    position: relative;
    background: #FCE6C3;
    z-index: 1;
}

section.promotional-banner::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 8px;
    background: #1F7A82;
    bottom: 20px;
    left: 0;
    z-index: -1;
}

.pb-middle-text h1,
.price-text {
    font-size: clamp(40px, 6vw, 86px);
    line-height: 1;
    text-shadow: 3px 3px 2px #000;
}

.promotional-banner .banner-card {
    width: 100%;
    max-width: 283px;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 357px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    border-radius: 20px;
}

.pb-top-text,
.pb-middle-text {
    transform: rotate(-7deg);
}

.promotional-banner .banner-card img {
    position: absolute;
}

.promotional-banner .banner-card p {
    padding: 0px 22px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.3;
}

img.you-get-img {
    bottom: 10px;
    z-index: 2;
    right: -76px;
}

img.promo-key-img {
    left: 0;
    right: 0;
    margin: auto;
    bottom: 16px;
}

.banner-title {
    background-size: 100% 100%;
    max-width: calc(100% - 18px);
    margin-left: 9px;
    margin-top: 11px;
    padding: 4px 0px 0px;
}

.download-coupon-text {
    max-width: 360px;
    margin: 0px auto;
}

.download-coupon-text p span {
    display: block;
}

.download-coupon-text p {
    font-style: italic;
}

.promotional-col-left,
.promotional-col-right {
    min-width: calc(374px + 100px);
}

.banner-cards {
    transform: rotate(-7deg);
}

.promotional-col-left {
    margin-top: -31px;
    margin-bottom: 36px;
}

.promonition-banner-image {
    margin-left: -100px;
    margin-right: -100px;
    position: relative;
    z-index: 2;
}

img.promotional-car {
    display: block;
    margin-left: auto;
    margin-top: unset;
    margin-bottom: 0;
    margin-right: 22px;
}

section.promo-works-section {
    background: #FCE6C3;
    padding: 0px 15px 10px;
    position: relative;
    z-index: 2;
}

section.promo-works-section .title-row h2 {
    margin-top: -19px;
    transform: translate(0, -56px);
    margin-bottom: -54px;
}

.promo-card span.number.red-bg {
    margin: 0 0px 10px;
}

.promo-card:not(:last-child) {
    border-right: 1px dashed #000;
    padding-right: 10px;
    margin-right: 10px;
}

.row.mt-20.flex.promo-cards {
    padding-bottom: 30px;
}

.promo-card {
    flex: 1;
}

.promo-card-4 .promo-content {
    min-width: 190px;
}

.promo-card-4 .promo-content p.mb-0 {
    padding-right: 40px;
}

.promo-card-4 img.promo-reward-img {
    margin-left: -40px;
}

.promo-image {
    display: flex;
    align-items: flex-end;
}

.conditions-row p {
    position: relative;
    padding-left: 30px;
}

.conditions-row p span.number-icon {
    background: var(--color-primary);
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 600;
    left: 0;
    top: 0;
}

.conditions-row .col {
    flex: 1;
}

.col.cond-img-col {
    display: flex;
    align-items: flex-end;
    max-width: 261px;
}

.conditions-row .col:not(.cond-img-col) {
    min-width: 305px
}

.conditions-row p:not(:last-child) {
    margin-bottom: 20px;
}

.col.cond-img-col {
    display: flex;
    align-items: flex-end;
}

.promo-works-section .conditions-row .title-row h2 {
    margin-top: -22px;
    margin-bottom: 20px;
    transform: unset;
    margin-left: 12px;
    padding-top: 15px;
}

.conditions-row {
    background: #F9E5C7;
}

section.promo-ft-section {
    padding: 10px 15px;
}

.promo-ft-buttons {
    flex: 1;
}

section.promo-ft-section {
    position: relative;
    z-index: 3;
}

.pf-logo-col {
    margin-top: -30px;
}

.pf-logo-col img {
    width: 100%;
}

footer .social-media .icon {
    color: #fff;
}

.features .icon {
    font-size: 12px;
    margin-right: 4px;
    margin-top: -2px;
    width: auto;
}

a.card {
    color: #000;
}


input#rateSelect {
    accent-color: #207b7f;
}

a.transparent-btn {
    color: #000;
}

.vehicle-image img {
    width: 100%;
}

.vehicle-image img.vehicle-photo-no-bg {
    background: transparent;
    filter: drop-shadow(0 10px 12px rgba(0, 0, 0, 0.35));
}

img.carfax-badge-img {
    width: auto;
}

.vehicle-condition-tags.justify-space {
    justify-content: flex-start;
    align-items: center;
}

.vehicle-condition-tags a {
    display: flex;
    align-items: center;
}

.card-ft span.hst-note {
    font-size: 14px;
}

.was-price {
    text-decoration: line-through;
    opacity: 0.7;
}

.product-section .price sub {
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1
}

.contact-info.flex.gap-20 {
    column-gap: 0;
}

.inventory-section .price {
    max-width: 140px;
    min-width: 140px
}

.features span.svg-icon.bg-dark {
    position: relative;
    background: transparent;
}

.features span.svg-icon.bg-dark::before {
    font-family: 'fontello';
    background: transparent !important;
    color: #000;
    font-size: 11px;
    margin-top: -1px;
}

.features span.svg-icon.bg-dark.engine::before {
    content: "\e82b";
}

.features span.svg-icon.bg-dark.transmission::before {
    content: "\e81e";
}

.features span.svg-icon.bg-dark.dashboard::before {
    content: "\e816";
}

.inventory-section .card-ft {
    flex-wrap: wrap;
    gap: 10px;
    align-items: flex-end;
}


.inventory-section .inventory-card-row {
    flex-wrap: wrap;
}

section.inventory-section a.inventory-card {
    display: flex;
    flex-direction: column;
}

section.inventory-section a.inventory-card .card-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.single-product-price {
    margin-bottom: 20px;
}

button#next-step {
    margin-left: auto;
}

.step-forms-btns button,
.step-forms-btns button .btn {
    letter-spacing: 0px !important;
}

.step-forms-btns button#next-step {
    margin-left: auto;
}

.vehicle-condition-tags img {
    height: auto !important;
}

.logo-col>.col a.mb-10 {
    margin-bottom: 0;
    margin-top: 10px;
}

.product-col .features.flex.gap-20 {
    column-gap: 50px;
    row-gap: 10px;
}

.contact-banner .contact-info.flex.gap-20 {
    column-gap: 15px;
}

.product-card-btns .btn.transparent-btn:not(:hover) {
    color: #37107f;
}

.inventory-section .vehicle-condition-tags img {
    height: 30px !important;
    width: auto;
    object-fit: contain;
}

.inventory-section .features .icon {
    font-size: 10px;
    margin-right: 3px;
    margin-top: -1px;
}

.inventory-section .card-ft span.hst-note {
    font-size: 10px;
    line-height: 1;
}

.inventory-section .price {
    padding: 7px 8px 0px;
    text-align: center;
    min-width: 90px;
}

.inventory-section .product-card-btns .btn {
    padding: 6px 9px 4px;
    flex: 1;
    min-width: 100px;
    border-radius: 8px;
}

.inventory-section .biweekly-note.text-white {
    font-size: 18px;
    display: block;
    line-height: 1.5;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400 !important;
    margin-bottom: 3px;
}

.inventory-section .price sub {
    line-height: 1;
    display: block;
    font-size: 10px;
    color: #fff;
    margin-top: 2px;
    font-weight: 600;
    text-transform: uppercase;
}

.promo-card .btn {
    padding: 4px 12px;
    margin-bottom: 10px;
}

.payment-row.total {
    align-items: center;
}

.payment-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin: 4px 0px;
   line-height: 1.2;
}
.cash-buyer-pill {
    display: inline-block;
    background-color: var(--color-teal);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 8px 24px;
    border-radius: 30px;
    margin-bottom: 15px;
}
.cash-buyer-hero-image {
    max-width: 100%;
    height: auto;
}
.cash-price-assurance {
    border: 1px dashed #9999;
    border-radius: 8px;
    padding: 10px 15px;
    margin: 10px 0;
}
.cash-price-assurance img,
.cash-price-assurance .cash-shield-icon {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
}

.cash-details-grid .input label {
    font-size: 14px;
}

.cash-details-grid input[type="text"] {
    height: 54px;
    font-size: 17px;
    padding: 5px 14px;
}

.cash-details-grid .input-with-left-icon input {
    padding-left: 34px !important;
}

.cash-details-grid .input-with-left-icon span.input-icon {
    font-size: 15px;
}

.payment-apply-btn-full {
    width: 100%;
    justify-content: space-between;
    padding: 16px 28px;
    font-size: 18px;
}

.loan-summary {
  display: flex;
  gap: 5px;
  margin: 10px 0px;
  border: 1px dashed #9999;
  padding: 10px;
  border-radius: 4px;
}
.summary-item {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  flex: 1;
   font-size: 10px;
}
.summary-item:not(:last-child) {
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px dashed #9999;
 
}
.summary-item span {
  text-transform: uppercase;
  line-height: 1;
}
input[name="paymentFrequency"] {
    accent-color: #d3222a;
    margin: 0px;
    line-height: 1;
}
.col.payment-wrapper .gradient-border {
    border: 8px solid transparent;
    background: linear-gradient(var(--color-cream-dark), var(--color-cream-dark)) padding-box, repeating-linear-gradient(90deg, #836142, #8361428f 80px, #836142 160px) border-box;
}
#calc-form > .gap-10 {
    row-gap: 20px;
}
.calculate-payment-heading {
    position: relative;
    z-index: 2;
    margin-top: -30px;
}
.cp-image .estimate-payment-image {
    margin-bottom: -60px;
    width: 100%;
    max-height: 160px;
    object-fit: contain;
}
.cp-star {
  position: absolute;
}
.cp-star-1 {
  left: 0;
  bottom: 20px;
  font-size: clamp(60px, 3vw, 30px);
}
.cp-star-2 {
  font-size: clamp(50px, 2.8vw, 24px);
  top: 0px;
  left: 60px;
}
.cp-star-3 {
  right: 10px;
  bottom: 20px;
  font-size: clamp(50px, 2.8vw, 24px);
}
.cp-star-4 {
  right: 60px;
  top: 0px;
  font-size: clamp(40px, 2.4vw, 20px);
}
.financing-process-section .gradient-border-3-1 {
    background: linear-gradient(90deg,rgb(244, 233, 208) 50%, rgb(211, 34, 42) 50%);
    width: calc(100% + 40px);
    margin-left: -20px;
    background-size: 14px auto;
}
.financing-process-section .gradient-border-3-2 {
    background: linear-gradient(90deg,rgb(211, 34, 42) 50%, rgb(244, 233, 208) 50%);
    width: calc(100% + 40px);
    margin-left: -20px;
    background-size: 14px auto;

}
.important-notes-row img {
    max-width: 45px;
    height: auto;
    object-fit: contain;
}
.important-notes-row .col {
    min-width: 262px;
}
.col.payment-wrapper .btn.primary-btn {
    display: flex;
}
.omvic-logo {
    max-width: 90px;
}
.omvic-wrapper {
    width: 100%;
    max-width: max-content;
}
#customTimeSlot {
    height: auto;
    padding: 7px 11px;
    background: linear-gradient(#fff8e8, #fff8e8) padding-box, repeating-linear-gradient(90deg, #5B5A55 0, #DDD9D3 80px, #5B5A55 160px) border-box;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    outline: 0px !important;
}
.hide{display:none}
.prefferred-sale-advisor .form-ft {
    margin-top: 0;
}
.why-sell .icon-image img {
    width: auto;
    height: 90px;
    max-width: unset !important;
}
.ab-badge-wrapper .badge {
    background-image: url('../assets/images/golden-shild.png');
}
.badge-wrapper .badge-col:last-child .badge {
  background: url('../assets/images/glow-badge.png');
  background-position: center;
  width: 110px;
  height: 110px;
  margin-top: -10px;
}
.ab-badge-wrapper .badge .text-light {
    text-shadow: 1px 1px 3px #000;
}
section.main-header .gap-large {
    gap: 20px;
}
nav.navigation-wrapper {
    flex: 1;
}
body main{position: relative;z-index: 1}
.testimonial-card .content p em {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}
.home-banner.banner-style-1 {
    background-size: auto 100%;
}
.home-banner.banner-style-1::after {
    width: 100vw;
}
.family-owned-row.p-0 {
    padding: 0px;
    margin-top: 20px;
}
.family-owned-row.p-0 span.finacing-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}
.vehicle-condition-tags img {
    width: auto;
    max-height: 40px;
}
.vehicle-condition-tags img.carfax-badge-img {
    max-height: 22px;
}

.inventory-section .vehicle-condition-tags img.carfax-badge-img {
    max-height: 18px;
}
.inventory-section a.card-ft.flex {
    flex: 1;
}

.inventory-section .card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.inventory-section .inventory-card {
    display: flex;
    flex-direction: column;
}

.ob-image-wrapper img {
    width: 100%;
}

img.ob-img-1 {
    max-width: 240px;
    margin-top: -160px;
    margin-left: -52px;
}
.option-card .list-style-1 li {
    margin-bottom: 6px;
}
img.ob-img-2 {
    max-width: 150px;
}
.ob-image-wrapper {
    margin-bottom: -20px;
}
.option-text-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.option-card .list-style-1 li {
    margin-bottom: 6px;
}
.option-card-1 {
    display: flex;
    flex-direction: column;
}

.option-card-1 ul.list-style-1 {
    flex: 1;
}
.center-star img {
    width: 100%;
    max-width: 280px;
}

img.underline {
    width: 100%;
    max-width: 310px;
    display: block;
}

.team-heading-col  .meet-the-team::after{display:none}
.ts-bottom-row {
    min-width: 100%;
    display: flex;
    justify-content: space-around;
    position: relative;
    padding-bottom: 20px;
    align-items: center;
    flex-wrap: wrap;
}
img.ts-left-img, img.ts-right-img {
    width: 100%;
    max-width: 140px;
}
img.ts-center-img {
    width: 100%;
    max-width: 160px;
    padding: 0px 20px;
}
.rcr-left-col {
    border: 2px solid #d3222a;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-left: 320px;
    max-width: 720px;
    align-items: flex-start;
    flex-direction: column;
}

img.rcr-girl-with-key {
    width: 100%;
    max-width: 300px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.rcr-left-col {}

.rcr-left-col p {
    line-height: 1;
}

.rebuilding-item .icon img {
    width: 100%;
    height: auto;
    object-fit: contain;
    max-width: 70px;
    min-width: 70px;
}

.credit-rbulding-row {
    background: #000;
    flex: 1;
}

.rcr-right-col {
    display: flex;
}

span.rcr-divider {
    display: flex;
    justify-content: center;
    margin: 20px 0px;
    position: relative;
    z-index: 1;
}

span.rcr-divider::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #207b7f;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}

span.rcr-divider .icon-8-corner-star-icon {
    font-size: 30px;
    background: #000;
}

.rcr-heading {
    position: relative;
    padding: 0px 30px;
    width:100%;
    max-width: max-content;
    margin:0px auto;
}
.rcr-heading h2 {
    background: #000;
    position: relative;
    z-index: 11;
    padding:0px 10px;
}

span.rcr-line-pattren {
    width: 95%;
    height: 2px;
    background: #d3222a;
    position: absolute;
    left: 0;
    z-index: 1;
    right: 0;
    margin: auto;
}

span.rcr-line-pattren.rcr-line-pattren-2 {
    bottom: 0;
    top: 0;
    width: 100%;
}

span.rcr-line-pattren.rcr-line-pattren-3 {
    top: unset;
    bottom: 8px;
}

span.rcr-line-pattren.rcr-line-pattren-1 {
    top: 8px;
}
.rebuild-section .container {
    flex-wrap: wrap;
}
.rebuild-center-row.flex.gap {
    width: 100%;
    flex-wrap: wrap;
}

.star-today-logo img {
    display: block;
    width: 100%;
    max-width: 330px;
    margin-top: 20px;
}
.cp-star-2.right-star {
    left: unset;
    right: 60px;
}
.cp-star-1.right-star {
    left: unset;
    right: 0;
}
.ci-info {
    cursor: pointer;
}
.team-heading-col {
    margin-bottom: -50px;
    position: relative;
    z-index: 22;
}

/***  Car Finder Page ***/
.cf-right {max-width: 580px;}
.cf-left.p-20 {display: flex;flex-direction: column;}
.cf-right .gradient-border {margin-top: -50px;display: flex;border: 5px solid transparent;}
.cf-left .card-content {padding: 0px;flex: 1;margin-top: 30px;}
.cf-left{padding-right:0px;}
.cf-left .gradient-border .p-20 {padding: 30px;}
.cf-right-inner {height: 100%;flex: 1;padding: 20px;border: 5px solid #d3222a;border-radius: 3px;box-shadow: inset 0 0 10px black;}
.cfr-heading {position: relative;margin-bottom: 20px;text-align: center;display: flex;justify-content: center;z-index: 1;}
.cfr-heading h4 {line-height: 1;padding: 0px 20px;background: #f4e9d0;}
.cfr-heading::before, .cfr-heading::after {content: "";position: absolute;width: 100%;height: 2px;background: #d3222a;top: 0;bottom: 0;margin: auto;z-index: -1;}
.cfr-heading::before {transform: translate(0px, 3px);}
.cfr-heading::after {transform: translate(0px, -3px);}
.form-inner-heading .form-section-title {margin: 0;padding: 0px 20px;line-height: 1;background: #f4e9d0;}
.form-inner-heading {margin: 40px 0px 0px;display: flex;justify-content: center;position: relative;z-index: 1;}
.form-inner-heading::before {content: "";position: absolute;width: 100%;height: 2px;background: #d3222a;top: 0;bottom: 0;margin: auto;z-index: -1;transform: translate(0px, -2px);}
.cfr-card {margin-bottom: 20px;padding-bottom: 20px;}
.cfr-card {border-bottom: 2px solid #d5222a;}
.cfr-card.last-child {border-bottom: 0px;}
.cf-left h2 span {font-family: "Bebas Neue", sans-serif !important;}
.cfr-card img {max-width: 80px;}
.cff-right .cursive-font span {font-family: "Kaushan Script", cursive !important;}
.process-step {flex: 1;}
.process-step:not(:last-child) {padding-right: 20px;margin-right: 20px;position: relative;z-index: 1;}
.process-step img {width: 100%;max-width: 40px;min-width: 40px;}
.process-step:not(:last-child)::after {content: "";position: absolute;width: 12px;height: 30px;background: red;right: 0;top: 0;bottom: 0;margin: auto;background: linear-gradient(90deg, rgba(168, 18, 20, 1) 0%, rgba(232, 49, 57, 1) 100%)padding-box, linear-gradient(180deg, #f8f8f8, #868686, #f8f8f8) border-box;clip-path: polygon(0 0, 0% 100%, 100% 50%);}
.cff-left img {width: 100%;max-width: 440px;margin: -30px 0;}
section.carfinder-section {padding-top: 0px !important;padding-bottom: 0px !important;position: relative;z-index: 2;}
.cf-ft-section{position: relative;z-index: 3;}
section.carfinder-banner{padding: 30px 20px 0;}
.carfinder-main-wrapper .container {max-width: 1100px;}
.cfr-card h4 {line-height: 1;margin-bottom: 4px;}
.cff-right {padding: 10px 0px;}
.nextride-logo img {width: 100%;max-width: 230px;}
.car-finder-logo img {width: 100%;max-width: 220px;}
.banner-form .gap-large {gap: 20px;}
.banner-form .gap-small {gap: 10px;}
.inventory-car-finder-logo img {
    width: 100%;
    max-width: 340px;
    margin-top: 20px;
}
.product-card-btns {
    flex-wrap: wrap;
}
.no-results-carfinder {
    margin-top: 20px;
}
.no-results-carfinder img {
    width: 100%;
    max-width: 320px;
}
.banner-wrapper {
    display: flex;
    align-items: flex-end;
    position: relative;
}
img.anime-girl {
    width: 100%;
    max-width: 450px;
    position: absolute;
    left: 0;
    bottom: 0;
}
img.cf-banner-image {
    width: 100%;
    max-width: 860px;
    margin-left: auto;
    margin-bottom: 28px;
}
.finacing-icon {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}
.select-vehicle-form .row.title-row {
    margin: -40px auto -20px;
}
.select-vehicle-img img {
    width: auto !important;
    height: 135px;
    object-fit: contain;
    max-width:200px;
}
.select-vehicle-form + .financing-process-section,
.financing-process-section + .select-vehicle-form {
    padding-top: 50px;
}
.errors-and-omissions {
    cursor: pointer;
}
.product-section .features .flex {
  flex: 1;
  min-width: 150px;
  align-items: flex-start;
}
.copyright {
  text-align: center;
  margin-top: 45px;
  color: #ffffff82;
}
.product-section .features .flex .fs-14 {
    font-size: 11px;
}
.heading-bg .number {
    margin-bottom: 0px;
    margin-top: -4px;
}
/*****  Media Query ******/
@media(min-width:768px) {
    .center-star {
    margin-left: -70px;
    margin-bottom: 0px;
}
    .hide-on-desktop {
        display: none;
    }
    .col.safe-col {
        padding: 0px 10px;
        border-right: 1px dashed #999;
        border-left: 1px dashed #999;
        max-width: 290px;
    } 
    .home-banner.banner-style-1::after {
    background: linear-gradient(
        to right,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 1) 18%,
        rgba(0, 0, 0, 0.95) 28%,
        rgba(0, 0, 0, 0.70) 36%,
        rgba(0, 0, 0, 1) 43%,
        rgba(0, 0, 0, 0) 50%
    );
    width:50vw;
}   
}

@media (max-width:1500px) {
    .contact-banner .banner-text {
        max-width: 780px;
    }

    .contact-banner .image-wrapper img {
        object-position: center right;
    }
}

@media (max-width:1320px) {
    section.select-vehicle-form.banner-form .input.bg-input {
        padding: 5px;
    }
    .car-col{flex:1; max-width: 140px}
    .cf-right {max-width: 480px;}
    .select-vehicle-form .btn {
        padding: 8px 10px 5px;
        min-width: 151px;
    }
    .select-vehicle-form .row.title-row .heading-bg {
        min-height: 63px;
        padding-top: 18px;
    }
    .process-step img {max-width: 30px;min-width: 30px;}
    .process-step p {line-height: 1;}
    .cff-left img {max-width: 340px;}    
    .fs-62 {
        font-size: 48px;
        line-height: 1;
    }
    .trade-in-value-right-col {
        max-width: 370px;
    }    
    img.ts-center-img {
        max-width: 120px;
        padding: 0px 10px;
    }

    .fs-40 {
        font-size: 30px;
        line-height: 1;
    }

    .gap-large {
        gap: 40px;
    }

    .container {
        max-width: 1024px;
    }
    .team-card {
        width: calc(100% / 4 - 10px);
    }

    .main-header .logo a {
        min-width: 160px;
        max-width: 160px;
    }

    li.list-item:not(:last-child) {
        padding-right: 19px;
        margin-right: 19px;
    }

    li.list-item a.nav-item {
        font-size: 10px;
    }

    .navigation {
        margin: 0px;
    }

    .nextride-logo {
        max-width: 210px;
    }

    .nextride-logo img {
        width: 100%;
    }

    .family-owned-row .col {
        width: calc(100% / 2 - 10px);
        margin-right: 0px !important;
        min-width: calc(100% / 2 - 30px)
    }

    .family-owned-row .col:nth-child(2n+2) {
        padding-right: 0px;
        border: 0px;
        padding-left: 20px;
    }

    .family-owned-row {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .inventory-card {
        flex: 1;
        min-width: 240px;
        max-width: calc(100% / 3 - 4px);
    }

    .inventory-card .fs-32 {
        font-size: 26px;
    }

    .price sub {
        transform: translate(2px, -7px);
    }

    .price {
        padding: 4px 14px 2px;
    }

    .features div {
        line-height: 1;
    }

    .features.gap-10 {
        gap: 5px;
    }

    .fs-18 {
        font-size: 16px;
    }

    .testimonial-heading-col .heading {
        width: 256px;
        height: 171px;
    }

    .testimonial-image {
        max-width: 55px;
    }

    .testimonial-card {
        flex-direction: column-reverse;
    }

    .testimonial-image {
        max-width: 100%;
        flex-direction: row;
        max-width: 160px;
    }

    .testimonial-image img {
        width: auto;
        height: 45px;
    }

    .financing-heading-col .heading {
        width: 246px;
        height: 125px;
        background-size: contain;
    }

    .financing-list-col {
        padding-left: 20px;
        min-width: 240px;
    }

    .col.form-col {
        min-width: 200px;
    }

    .financing-section .bannerform-container {
        gap: 10px !important;
    }

    .images-section img.ft-image {
        width: 100%;
    }

    section.images-section .container {
        align-items: center;
    }

    section.images-section a {
        min-width: 220px;
    }

    section.images-section .container {
        align-items: center;
        flex-wrap: wrap;
    }

    section.images-section .ft-image-1,
    section.images-section .ft-image-2,
    section.images-section .ft-image-3,
    section.images-section a {
        flex: 1;
        max-width: calc(100% / 4);
    }

    .form.ft-form p {
        font-size: 12px;
        line-height: normal;
        margin-bottom: 5px;
    }

    .site-footer .logo-col {
        max-width: 450px;
    }

    .hours-col {
        min-width: 240px;
    }

    .navigation .nav-item {
        font-size: 11px;
    }

    .table-wrapper {
        width: 100%;
        overflow: auto
    }

    .compare-section .table-wrapper td:first-child,
    .compare-section .table-wrapper th:first-child {
        position: sticky;
        left: 0;
        z-index: 2
    }

    .step-navigation span.icon {
        width: 60px;
        height: 61px;
        padding: 18px
    }

    .step-form-section .col-30 .card .image-box img {
        max-width: 60px
    }

    .step-form-section .col-30 .card .fs-48 {
        font-size: 38px
    }

    section.home-banner {
        padding: 30px 20px;
        background-size: 90% auto
    }

    .test-drive-arrow img {
        max-width: 150px
    }

    .col-50.tab-full,
    .col.cond-img-col img,
    .flex-1.as-logo img,
    .step-image img {
        width: 100%
    }

    .form-btn.col-50.tab-full .btn {
        width: 100%;
        margin-bottom: 10px
    }

    .why-choose-section .left-image-card {
        flex-direction: column;
        align-items: flex-start
    }

    .why-choose-section .left-image-card img {
        max-width: 80px
    }

    .why-choose-section .title-row+.flex {
        gap: 40px;
        align-items: unset
    }

    .why-choose-section .col:not(:last-child)::after {
        right: -19px
    }

    .approved-ft-left {
        padding-right: 20px
    }

    .approved-ft-left .fs-32,
    .approved-ft-right .fs-32 {
        font-size: 24px
    }

    .approved-ft-left .fs-48,
    .approved-ft-right .fs-40 {
        font-size: 36px;
        min-width: 140px
    }

    .approved-ft-section .text-wrapper {
        padding-right: 10px;
        padding-left: 0
    }

    .approved-ft-section .ft-text-wrapper-2 {
        padding-left: 40px;
        min-width: 310px
    }

    span.ap-star-5 {
        font-size: 31px;
        left: -7px
    }

    .approved-ft-section .ft-btn-wrapper .btn {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 20px;
        min-width: 141px
    }

    .upgrade-text-wrapper-inner {
        width: calc(100% + 290px)
    }

    .upgrade-text-wrapper-inner h2:first-child {
        max-width: 460px
    }

    img.rtt-img {
        right: -60px;
        max-width: 170px
    }

    .lubrico-logo {
        max-width: 216px
    }

    .option-card {
        max-width: 330px;
        min-width: 321px;
        flex: 1;
        padding: 10px
    }

    .option-card ul.list-style-1 {
        padding-left: 80px
    }

    .option-card .list-style-1 li,
    .option-card p {
        font-size: 14px;
        line-height: 1.4
    }

    .options-section .container {
        gap: 10px
    }

    .list-style-1 li:not(:last-child) {
        margin-bottom: 5px
    }

    img.girl-with-cup {
        max-width: 180px
    }

    img.option-better-car {
        width: calc(100% + 20px);
        margin-left: -6px;
        margin-right: -6px;
        margin-bottom: -8px
    }

    .option-card-2 .option-image-wrapper {
        width: calc(100% + 18px);
        margin-top: 0
    }

    img.option-highway-motors-building {
        margin-bottom: -9px;
        margin-left: -21px
    }

    .wfs-col.wfs-col-1 {
        min-width: 200px
    }

    .wfs-col-4 .wfs-carfax {
        max-width: 50px
    }

    .wfs-logos {
        align-items: center
    }

    .form-col-3 .col-100:not(:last-child) {
        width: calc(100% / 2 - 8px)
    }

    .wfs-logos img {
        height: 100px;
        width: auto
    }

    .form-col-2 {
        min-width: 458px;
        flex: 1;
        border-right: 0px
    }

    .form-col-3 {
        min-width: 100%;
        flex: 1;
        border-bottom: 1px solid #e0d8c8;
        border-right: 1px solid #e0d8c8;
        max-width: 491px
    }

    .tdf-form-col.form-col-4 {
        min-width: unset;
        max-width: 380px
    }

    .form-col-5 .prefferred-sale-advisor {
        flex: 1;
        min-width: 100%
    }

    .form-section textarea {
        height: 94px
    }

    .col.ab-500,
    .promonition-banner-image {
        max-width: 440px
    }

    section.promo-works-section .title-row.promo-work h2 {
        padding-bottom: 14px;
        padding-top: 19px
    }

    .conditions-row .col:not(.cond-img-col) {
        min-width: 215px
    }

    .col.cond-img-col {
        max-width: 220px;
        margin-right: -30px
    }

    .list-view-cards .card-ft,
    .list-view-cards .vehicle-condition-tags,
    .promo-cards,
    .then-and-now-section .container {
        flex-wrap: wrap
    }

    .promo-card {
        min-width: calc(100% / 2 - 11px);
        padding: 20px
    }

    .promo-card:not(:last-child) {
        padding-right: 20px;
        margin-right: 0
    }

    .promo-card.flex.gap-10.promo-card-2 {
        border-right: 0px;
        margin-right: 0;
        border-bottom: 1px dashed #000
    }

    .promo-card.flex.gap-10.promo-card-1 {
        border-bottom: 1px dashed
    }

    .promo-image {
        min-width: 80px;
        max-width: 80px
    }

    .promo-image img {
        width: 100%;
        object-fit: contain
    }

    .promo-ft-buttons .btn {
        padding-left: 10px;
        padding-right: 10px
    }

    .promo-ft-section .fs-48 {
        font-size: 30px
    }

    .contact-info .col:not(.hours) {
        flex: 1
    }

    .contact-info {
        flex-wrap: wrap;
        min-width: 600px
    }

    .contact-info .hours {
        width: 100%;
        border-bottom: 1px dashed #595959;
        padding-bottom: 20px;
        border-right: 0px !important
    }

    span.dotted-bottom::after {
        right: 30%
    }

    .col.ft-col-dog {
        margin-top: -50px
    }

    .let-get-you-col img {
        width: 100%;
        max-width: 230px
    }

    .col.ab-500 img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .fun-card-row {
        flex-wrap: wrap;
        text-align: center
    }

    .fun-col .bordered-image,
    .fun-col .bordered-image img {
        height: 100%;
        object-fit: cover;
        width: 100%;
        border-radius: 10px
    }

    .team-section .container {
        flex-wrap: wrap;
        padding-left: 0;
        padding-right: 0
    }

    .team-heading-col {
        min-width: 100%;
        display: flex;
        align-items: center;
        gap: 20px;
        justify-content: space-between;
        margin-bottom: -30px;
        margin-top: 30px
    }

    .team-heading-col .ic-image-wrapper.mb-20,
    .tn-col-3 {
        margin-bottom: 0
    }

    .team-heading-col p {
        flex: 1;
        text-align: left
    }

    .then-and-now-section .tn-col-1 {
        order: 1
    }

    .then-and-now-section .tn-col-3 {
        order: 2
    }

    .then-and-now-section .tn-col-2 {
        order: 3;
        min-width: 100%
    }

    .tn-col-2 .content-wrapper {
        max-width: 550px;
        margin: 30px auto
    }

    .then-and-now-section .bordered-image img {
        height: 300px;
        width: 100%;
        object-fit: cover
    }

    .tn-col-3 {
        margin-top: 0;
        margin-right: 20px
    }

    .ic-image-wrapper img {
        width: auto;
        max-height: 80px
    }

    .col.ab-500 .bordered-image {
        height: 100%
    }

    .flex-1.as-logo {
        max-width: 70px;
        min-width: 70px
    }

    .sidebar-col .heading-bg {
        padding: 18px 10px 12px
    }

    .inventory-card .ic-image-wrapper .main-image {
        height: auto;
        max-height: unset;
        width: 100%
    }

    .product-section .inventory-card-row .inventory-card {
        min-width: 223px;
        flex: 1;
        max-width: calc(100% / 2 - 5px)
    }

    .product-section .inventory-card-row.list-view-cards .inventory-card {
        max-width: 100%;
        min-width: 100%
    }

    .product-section .list-view-cards .inventory-card {
        gap: 0
    }

    .product-section .list-view-cards .ic-image-wrapper {
        max-width: 370px;
        height: max-content
    }

    .list-view-cards .card-ft .small-info {
        max-width: 90px;
        font-size: 11px !important
    }

    .product-section .list-view-cards .vehicle-condition-tags span,
    .product-section .list-view-cards .vehicle-condition-tags a {
        text-align: center;
        padding: 10px;
        min-width: 100px;
        max-width: 150px
    }

    .promonition-banner-image img {
        width: 100%;
    }

    .promonition-banner-image {
        max-width: 460px;
        min-width: 230px;
    }

    section.inventory-section .inventory-card {
        flex: 1;
        min-width: calc(100% / 2 - 4px);
        max-width: calc(100% / 2 - 4px);
    }

    .sell-car-banner-text h2.cursive-font {
        max-width: max-content;
        margin-top: 20px;
        width: 100%;
    }
    img.ob-img-1 {
        max-width: 210px;
    }  
    img.ob-img-2 {
        max-width: 130px;
    }
     img.cf-banner-image {
        max-width: 770px;
        margin-bottom: 30px;
    }         
}

@media (min-width:1025px) and (max-width:1320px) {
    .promotional-col-left {
        margin-top: -91px;
        margin-bottom: 106px;
        margin-left: 20px;
    }

    .promotional-col-left .fs-52 {
        font-size: 32px;
    }

    .promotional-col-left .pb-middle-text h1,
    .price-text {
        font-size: 50px;
    }

    .promotional-banner .banner-card p {
        font-size: 12px;
        line-height: 1.3;
    }

    .promotional-col-left .fs-62 {
        font-size: 28px;
    }

    .promotional-banner .banner-card {
        max-width: 183px;
        height: 247px;
        border-radius: 20px;
    }

    img.you-get-img {
        right: -40px;
        max-width: 100px;
    }

    .banner-title {
        max-width: calc(100% - 14px);
        margin-left: 7px;
        margin-top: 9px;
    }

    .promo-key-img {
        max-width: 90px;
    }

    .promotional-col-right .fs-26 {
        font-size: 18px;
        line-height: 1.3;
    }

    .promonition-banner-image {
        max-width: unset;
        width: 100%;
        min-width: 400px;
        margin-left: -150px;
        margin-right: -250px;
    }

    .promotional-dollar {
        width: calc(100% + 10vw);
        margin-right: -10vw;
        margin-left: 10vw;
        margin-top: -50px;
    }

    .promonition-banner-image {
        max-width: unset;
        width: 100%;
        min-width: 230px;
        margin-left: -150px;
        margin-right: -200px;
    }

    .promotional-col-left .banner-title .fs-32 {
        font-size: 18px;
    }

}

@media (max-width:1024px) {
    .heading-bg.fs-40 {
        min-height: 62px;
        padding-top: 17px;
    }
    .heading-bg::before {
        left: -37px;
    }
    .heading-bg::after {
        right: -37px;
    }
    img.ts-left-img, img.ts-right-img {
        display: none;
    }
     .car-finder-logo {
        min-width: 100%;
        text-align: center;
    }   
    .heading-bg.fs-32 {
        height: 64px;
        padding-top: 19px;
    }

    .container {
        max-width: 748px
    }

    header .gap-large {
        gap: 20px
    }

    .navigation,
    section.contact-banner {
        padding: 0
    }

    .main-header .logo a {
        min-width: 130px;
        max-width: 130px
    }

    .logo {
        margin-bottom: -40px;
        margin-top: 0
    }

    .about-page-top-section .container,
    .banner-form .bannerform-container,
    .card-ft,
    .flex-1.team-card-wrapper,
    .promo-ft-section .container,
    .promotional-banner .container,
    .showroom-row,
    .site-footer .container,
    .step-form-section .form-section,
    .testimonial-section .container {
        flex-wrap: wrap
    }

    .approved-ft-left::after,
    .banner-form .col,
    .col.testimonial-heading-col,
    .let-us-help-image,
    .promo-ft-section .justify-center,
    .promonition-banner-image img,
    .rtt-image-wrapper img,
    .sidebar-col.flex-col,
    .top-search-bar .search {
        width: 100%
    }

    .nextride-logo {
        margin: -50px auto 0;
        z-index: 1;
        position: relative;
        max-width: 302px;
    }

    .banner-form form>.flex {
        flex-wrap: wrap;
        gap: 8px
    }

    section.banner-form .input.bg-input {
        padding: 15px;
        border-radius: 4px;
        min-width: 30%;
        max-width: 335px
    }

    .form-btn {
        flex: 1;
        display: flex;
        justify-content: center
    }

    .family-owned-row {
        padding: 20px 15px 15px;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .inventory-card-row {
        flex-wrap: wrap;
        flex-wrap: wrap
    }

    .testimonial-heading-col .heading {
        margin: -90px auto 0
    }

    .col.testimonial-heading-col~.col {
        width: calc(100% / 3 - 7px)
    }

    .financing-heading-col .heading {
        width: 296px;
        height: 149px;
        background-size: contain;
        margin: -30px auto 0;
        position: relative;
        z-index: 1
    }

    .col.financing-list-col {
        width: calc(100% / 2);
        padding-left: 0;
        border: 0;
        order: 2
    }

    .col.financing-heading-col {
        order: 1
    }

    .col.form-col {
        order: 4
    }

    .col.financing-image-col {
        order: 3;
        width: 40%;
        display: flex;
        justify-content: flex-end;
        flex: 1;
        overflow: hidden;
        margin-right: -20px
    }

    .col.financing-image-col img {
        margin: 0 -40px 0 0
    }

    .form.ft-form {
        max-width: 100%;
        border-radius: 10px;
        margin-bottom: 20px;
        padding: 30px;
        margin-top: -10px
    }

    .banner-form.financing-section {
        padding-bottom: 20px;
        position: relative
    }

    .banner-form.financing-section::after {
        content: "";
        position: absolute;
        height: 80%;
        width: 100%;
        background: #000;
        bottom: 0;
        left: 0
    }

    .site-footer .logo-col {
        max-width: 100%;
        min-width: 100%
    }

    section.inventory-section {
        padding: 0 15px 50px
    }

    .plr-20 {
        padding: 0 15px
    }

    .compare-btns .btn {
        padding: 8px 20px 7px
    }

    li.list-item:not(:last-child) {
        padding-right: 0;
        margin-right: 14px
    }

    li.list-item::after {
        display: none
    }

    li.list-item .nav-item {
        font-size: 10px
    }

    section.book-now-banner {
        padding: 40px 20px;
        background-size: cover;
        background-position: center;
    }

    .book-banner-text::after {
        content: "";
        position: absolute;
        top: 60%;
        left: 50%;
        width: 100%;
        height: 90%;
        transform: translate(-50%, -50%);
        pointer-events: none;
        z-index: -1;
        background: radial-gradient(circle, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, .6) 25%, rgba(0, 0, 0, .3) 45%, rgba(0, 0, 0, .08) 70%, transparent 100%);
        filter: blur(0px)
    }

    .step-form-section .col-70.pr-20 {
        width: 100%;
        padding: 0
    }

    .step-form-section .col-30 {
        width: 100%;
        display: flex;
        margin-top: 40px;
        padding-left: 0;
        flex-direction: revert;
        gap: 25px
    }

    .step-family-logo img {
        max-width: 110px
    }

    .step-naviagtion-wrapper img.route-logo-badge {
        width: 64px
    }

    .step-naviagtion-wrapper .image-wrapper {
        padding: 0 30px;
        position: relative;
        z-index: 1
    }

    .step-form-section .family-owned-row {
        padding: 20px 15px 15px 0
    }

    .step-navigation span.icon {
        width: 45px;
        height: 46px;
        padding: 11px;
        background-size: 100% 100%;
        min-width: unset
    }

    .approved-ft-right::after,
    .badge-wrapper::after,
    .left-lines {
        display: none
    }

    .main-header {
        padding: 10px
    }

    .home-family-owned-row .col {
        min-width: 240px
    }

    .finacing-col {
        flex: 1;
        min-width: 210px
    }

    .top-lender-logo-img {
        max-width: 150px
    }

    .why-choose-section .col.flex-1 .left-image-card {
        flex-direction: column;
        align-items: flex-start
    }

    .why-choose-section .left-image-card img {
        max-width: 60px
    }

    .why-choose-section .title-row+.flex {
        gap: 20px;
        align-items: unset
    }

    .why-choose-section .col:not(:last-child)::after,
    .why-choose-section .our-value-wrapper .col:not(:last-child)::after {
        right: -9px
    }

    .heading-bg {
        padding: 18px 16px 14px
    }

    .approved-ft-section .container,
    .contact-banner .container {
        flex-direction: column
    }

    .approved-ft-left {
        width: 100%;
        display: flex;
        justify-content: space-evenly
    }

    .approved-ft-right {
        padding: 20px;
        width: 100%;
        margin-bottom: 20px
    }

    .financing-process-section.form-section .bannerform-container {
        padding: 0 20px 20px
    }

    .how-it-work-row .finacing-col:not(:last-child),
    .views .btn {
        padding-right: 10px
    }

    .estimated-payment-col {
        width: 100%;
        justify-content: space-between
    }

    .estimated-payment-col .image-wrapper {
        margin-right: -16px
    }

    .how-it-works-icon .finacing-icon,
    .how-it-works-icon .finacing-icon img {
        height: 44px
    }

    .how-it-work-row .finacing-col {
        min-width: 160px;
        flex-direction: column
    }

    .gap-20.how-it-works-icon,
    .how-it-work-row {
        gap: 10px
    }

    .credit-situations .how-it-work-row .finacing-col {
        min-width: 126px;
        flex-direction: column
    }

    .background-image-wrapper {
        width: calc(100% + 30px);
        background-position: center center;
        background: cover
    }

    .form-row {
        padding: 20px
    }

    .credit-situations-col {
        max-width: 100%;
        width: 100%
    }

    .cs-text-wrapper.text-center {
        max-width: 430px;
        margin: 0 auto
    }

    .trade-in-form .heading-bg.fs-32 {
        padding: 20.5px 11px 14px
    }

    .col.flex-1.more-value-col {
        min-width: 190px
    }

    .upgrade-text-wrapper-inner {
        width: 100%;
        margin: 0
    }

    .lubrico-logo {
        max-width: 96px
    }

    .option-card,
    section.contact-banner .container {
        max-width: 100%
    }

    .coverage-card img {
        max-width: 80px
    }

    .option-card {
        min-width: 321px
    }

    .col.ab-500,
    .conditions-row .col:not(.cond-img-col),
    .form-col-1,
    .form-col-2,
    .form-col-3,
    .form-col-4,
    .form-col-5,
    .form-col-5 .form-ft,
    .option-card.option-card-3 {
        min-width: 100%
    }

    .option-card .option-heading,
    .option-card .option-text-wrapper {
        max-width: 410px;
        margin: 0 auto;
        width: 100%
    }
    .option-card .option-text-wrapper {
        max-width: 100%;
    }

    .option-card-3 .option-image-wrapper {
        max-width: 320px;
        margin: 40px auto 0
    }

    .carfax-col {
        max-width: 270px
    }

    .wfs-logos img {
        height: 70px
    }

    .form-col-5 .form-btn {
        min-width: 100%;
        gap: 10px;
        align-items: center;
        flex-wrap: wrap
    }

    .time-wrapper .time-slot-list {
        max-width: 190px;
        margin: 0 auto
    }

    .time-wrapper {
        flex: 1;
        max-width: 190px;
        margin: auto
    }

    .tdf-form-col.form-col-4 {
        order: 5
    }

    .promo-ft-buttons {
        min-width: 61%;
        flex: 1
    }

    .promo-ft-section .promo-ft-buttons {
        justify-content: center;
        margin-bottom: 20px
    }

    .pf-logo-col img {
        width: 100%;
        max-width: 80px;
        margin: 0 auto
    }

    .pf-logo-col {
        margin-top: -30px;
        min-width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: flex
    }

    .fs-52 {
        font-size: 42px
    }

    section.contact-banner .banner-text {
        max-width: 748px;
        margin: 0 auto;
        padding: 0 15px
    }

    .contact-banner .image-wrapper {
        width: 100%;
        margin-right: 0;
        height: 100%;
        padding-top: 30px
    }

    .contact-banner .banner-text::after {
        width: calc(100% + 30px);
        height: 440px;
        background: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, .95) 10%, rgba(0, 0, 0, .75) 20%, rgba(0, 0, 0, .35) 35%, rgba(0, 0, 0, 0) 50%);
        left: -15px;
        top: 100%
    }

    .contact-page-form .container {
        flex-direction: column-reverse
    }

    .showroom-card {
        min-width: 300px;
        flex: 1
    }

    section.showroom-section .heading {
        padding: 0 10px
    }

    .badge-wrapper {
        width: 100%;
        margin-left: 0
    }

    .flex-1.fun-col {
        min-width: 208px
    }

    .team-card {
        min-width: unset;
        width: calc(100% / 3 - 10px)
    }

    .then-and-now-section .bordered-image img {
        height: 200px
    }

    .sidebar {
        max-width: 280px;
        min-width: 100%;
        max-width: unset
    }

    .top-search-bar {
        flex-direction: column;
        align-items: first baseline;
        gap: 10px
    }

    .views .btn {
        padding-left: 10px
    }

    .product-section .inventory-card-row .inventory-card {
        min-width: 250px
    }

    .vehicle-condition-tags {
        justify-content: flex-start
    }

    .product-card-btns {
        flex-wrap: wrap;
        justify-content: center
    }

    .product-section .container {
        gap: 20px;
        flex-wrap: wrap
    }

    .sidebar-col .heading-bg {
        padding: 18px 10px
    }

    .let-us-help-card {
        max-width: 100%;
        justify-content: center;
        text-align: center
    }

    .let-us-help-card img {
        max-width: 250px;
        margin: 0 auto
    }

    .inventory-card-row {
        flex-wrap: wrap;
        max-width: 100%
    }

    #filter-btn {
        cursor: pointer;
        font-size: 24px;
        display: inline-block
    }

    .product-sidebar {
        max-height: 0;
        overflow: hidden;
        transition: .3s;
        margin-top: 10px
    }

    .product-sidebar.active {
        max-height: unset
    }

    .form-col-1 .vehicle-card {
        justify-content: center;
        gap: 30px;
    }

    .vehicle-card .vehicle-image.flex-1 {
        flex: unset;
    }

    .product-card-btns {
        flex-wrap: wrap;
    }

    .product-card-btns .btn {
        flex: 1;
        padding: 10px;
        font-size: 16px;
        line-height: 1;
    }

    .lubrico-heading {
        margin-right: auto;
        margin-left: 30px;
        text-align: left;
    }

    .we-can-help-bg.we-can-help-bg-2 {
        width: 100%;
        max-width: max-content;
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 20px !important;
    }

    .trade-in-banner-text>div.rotate-text {
        transform: rotate(-8deg);
        margin-left: 30px;
    }

    .trade-in-banner-text .we-can-help-bg-2 h4.we-can-help-text {
        transform: rotate(-5.5deg) translate(0px, 1px);
    }

    .trade-in-banner-text>div.rotate-text {
        transform: rotate(-8deg);
        margin-left: -10px;
    }
    .cp-image .estimate-payment-image {
        margin-bottom: -70px;
        max-width: 250px;
    }
    .cp-star {
    position: absolute;
    display: none;
    }
    img.rcr-girl-with-key {
        max-width: 230px;
    } 
    .rcr-left-col {padding-left: 240px;max-width: 100%;width: 100%;}
    .rcr-right-col {width: 100%;}
    .cf-right {max-width: 410px;}
    .cfr-card img {max-width: 50px;}
    .cfr-card {align-items: flex-start;gap: 10px;}
    .cf-left p {font-size: 14px;line-height: 1.3;}
    .carfinder-section .container.gap {gap: 20px;}  
    .cf-left .gradient-border .p-20 {padding: 20px 13px;border-radius: 4px;}
    img.anime-girl {max-width: 300px;}
    .banner-wrapper {
        max-width: 728px;
        margin: auto;
    }
    img.cf-banner-image {
        max-width: 560px;
        margin-bottom:-8px;
    }
    .trade-in-process .finacing-col {
        min-width: 180px;
        max-width: calc(100% / 3 - 10px);
    }
    .trade-in-value-right-col {
        min-width: 100%;
    }


}

@media (min-width:768px) and (max-width:1024px) {
    .trade-in-value-right-col {
        min-width: 100%;
        flex-direction: row;
    }
    .on-road-row {
        position: relative;
        padding-right: 450px;
        flex-direction: column;
        align-items: flex-start
    }

    form[action="inventory"] {
      padding-bottom: 20px;
    }
    .bannerform-container.gap-large {
        gap: 20px;
    }
    .col.ft-col-dog {
        position: absolute;
        right: 220px
    }

    .contact-ft-text-col {
        text-align: left
    }

    .col.ft-col-woof {
        position: absolute;
        right: 20px
    }

    .financing-banner .banner-text {
        min-width: 600px
    }

    .inventory-banner .contact-info .col {
        min-width: 160px
    }

    .promotional-col-right {
        display: flex;
        width: 100%;
        max-width: 100%;
        padding-bottom: 133px;
    }

    .download-coupon-text {
        max-width: 360px;
        min-width: 360px;
    }

    img.promotional-car {
        position: absolute;
        bottom: 0px;
        left: 0;
        right: 0;
        z-index: 1;
        width: 133px;
        margin-bottom: 0 !important;
    }

    .financing-banner-2 .banner-text {
        min-width: unset;
    }

    .promotional-banner .container {
        max-width: 100%;
    }

    .promotional-col-left {
        max-width: 310px;
        margin: 0;
        min-width: unset;
        padding-left: 20px;
    }

    .promotional-col-left .fs-52 {
        font-size: 24px;
    }

    .pb-middle-text h1,
    .price-text {
        font-size: 34px;
    }

    .promotional-col-left .fs-62 {
        font-size: 28px;
        line-height: 1;
    }

    .promotional-banner .banner-card p {
        padding: 0px 10px;
        font-size: 12px;
    }

    .promotional-banner .banner-card {
        height: 227px;
        border-radius: 20px;
        min-width: 160px;
    }

    img.you-get-img {
        bottom: 10px;
        z-index: 2;
        right: -46px;
        max-width: 90px;
    }

    .promo-key-img {
        max-width: 70px;
    }

    .banner-title {
        max-width: calc(100% - 12px);
        margin-left: 6px;
        margin-top: 8px;
    }

    .promonition-banner-image {
        max-width: 100%;
        margin: 0px auto 0 auto;
        width: 40vw;
    }

    .promotional-dollar {
        width: 100%;
        margin-right: -70px;
        margin-top: -10vw;
        position: relative;
        z-index: 2;
        max-width: 56vw;
    }

    .sell-your-car-banner .banner-text {
        min-width: unset;
    }
    .inventory-banner h4.fs-24 {font-size: 16px;}
    .inventory-banner .contact-info .col {min-width: 150px;}
    .inventory-banner.banner-style-1::after {width: 60vw;}
}


@media(max-width:767px) {
    .family-owned-row.work-proceesing-row .col {
        min-width: 240px;
    }
    .ts-bottom-row {
        flex-direction: column;
        gap: 10px;
    }
    img.cf-banner-image {
        max-width: 80%;
    }
    img.anime-girl {
        max-width: 40%;
    }
    .carfinder-section .container.gap {flex-direction: column;}
    .cf-right {max-width: 100%;padding: 0px 20px 20px;}
    .cf-right .gradient-border {margin-top: 0;}
    .cf-left {padding-right: 20px;}
    .cf-ft-section .container {flex-direction: column;padding: 0px 20px;}
    .process-step {flex: unset;width: calc(100% / 2 - 5px);padding: 10px !important;margin: 0px !important;border: 1px solid #99999969;}
    .process-step:not(:last-child)::after {display: none;}
    .flex.wrap.process-steps {gap: 10px;justify-content: center;}
    .team-card {
        width: calc(100% / 2 - 10px);
    }
    .home-banner .mobile-banner {
        padding: 1px 0px 0px;
    }
    .family-owned-row.p-0 {
        margin-top: 0px;
    }
    .financing-process-section-2 .bannerform-container {
        background: transparent !important;
        padding-bottom: 0px !important;
    }
    .financing-process-section-2 span.finacing-icon {height: auto;}
    li.list-item a.nav-item {
        font-size: 16px;
    }
    .home-financing-image-col img {
        width: 100%;
        margin-right: 10px !important;
        display: block;
    }
    .omvic-wrapper {
        justify-content: flex-start !important;
    }
    .omvic-logo {
        max-width: 80px;
        margin-bottom: 0;
    }
    .calculate-payment-heading {
        flex-direction: column;
    }

    .comparison-banner.banner-style-1 {
        padding-bottom: 240px;
        background-color: #000;
    }

    .hide-on-mobile {
        display: none;
    }

    .banner-btns,
    .inventory-banner .contact-info {
        flex-wrap: wrap
    }

    .inventory-banner .contact-info .col {
        min-width: 160px
    }

    .financing-banner .banner-text {
        max-width: 100%;
        width: 100%;
        min-width: 100%
    }

    .fs-52 {
        font-size: 32px
    }

    .fs-38 {
        font-size: 24px;
        line-height: 1.3
    }

    .banner-style-1.sell-your-car-banner.about-banner {
        background: #000 !important;
        padding-bottom: 0
    }

    .about-banner .banner-text {
        padding: 0
    }

    .promotional-banner .banner-card p {
        padding: 0 12px;
        font-size: 13px
    }

    .promotional-banner .banner-card {
        height: 297px
    }

    section.promotional-banner {
        padding: 70px 15px 20px
    }

    .download-coupon-text {
        margin: 20px auto 0
    }

    .fs-26 {
        font-size: 22px;
        line-height: 1.2
    }

    .on-road-row {
        flex-wrap: wrap;
        justify-content: center
    }

    .col.ft-col-dog img {
        width: auto;
        height: 190px
    }

    section.p-20,
    section.showroom-section {
        padding: 20px 15px
    }

    .showroom-section .heading-col {
        padding: 0 30px
    }

    section.showroom-section h2.text-primary {
        font-size: 22px;
        line-height: 1;
        margin: 0
    }

    .showroom-section .line-pattren-2 {
        top: -45px
    }

    section.showroom-section .heading p {
        font-size: 14px;
        font-weight: 500;
        margin-top: 5px
    }

    .easy-find-row {
        padding: 10px;
        align-items: center
    }

    .col.ft-col-woof img {
        width: 100%;
        max-width: 130px
    }

    .on-road-row .col.let-get-you-col {
        width: 100%;
        justify-content: center;
        display: flex
    }

    .mobile-banner img,
    .on-road-row .contact-ft-text-col {
        width: 100%
    }

    .col.ft-col-dog {
        margin-top: 0
    }

    .contact-page-form .form-btn {
        min-width: 100%
    }

    .top-bar {
        display: none
    }

    .home-banner.banner-style-1 {
        padding: 40px 0 0;
        background: #000 !important;
        text-align: center;
    }

    .banner-text {
        max-width: 427px;
        width: 100%;
        margin: 0 auto;
        padding: 20px 10px 30px
    }

    .mobile-banner.hide-on-desktop {
        position: relative;
        z-index: -1;
        margin-top: -50px
    }

    section.home-banner.banner-style-1::after {
        background: linear-gradient(to bottom, #000 0, #000 calc(100% - 45vw), rgba(0, 0, 0, 0) 100%)
    }

    .site-header .navigation {
        position: fixed;
        background: var(--color-cream-dark);
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        width: 100vw;
        height: 100vh;
        overflow: auto;
        z-index: 999;
        padding: 60px 20px 20px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        transition: 0.3s all;
        transform: translateX(-100vw);
        opacity: 0;
    }

    li.list-item .nav-item {
        padding: 10px 0px;
        display: block;
        font-size: 16px;
        font-weight: 600;
    }

    li.list-item {
        padding-left: 20px;
        padding-right: 0px;
        width: 100%;
        border-bottom: 1px solid var(--color-cream);
        position: relative;
    }

    .navigation li.list-item::after {
        content: "";
        width: 14px;
        height: 14px;
        position: absolute;
        background: var(--color-black);
        transform: translateX(50%);
        top: 12px;
        bottom: 0;
        right: 0;
        margin: auto;
        -webkit-mask: url(../assets/icons/svg/star.svg) no-repeat center;
        mask: url(../assets/icons/svg/star.svg) no-repeat center;
        left: -7px;
        right: unset;
        bottom: unset;
    }

    .main-header {
        padding: 14px 15px;
        background: var(--color-dark);
        position: relative;
    }

    .logo {
        flex: 1;
        justify-content: center;
        display: flex;
        position: relative;
        z-index: 9;
    }

    .hamburger-menu span {
        width: 22px;
        height: 2px;
    }

    .hamburger:hover span {
        background: var(--color-primary)
    }

    .navigation-wrapper {
        display: none;
    }

    body.active .hamburger-menu {
        position: fixed;
        z-index: 999999;
        right: -10px;
        top: 10px;
    }

    body.active .hamburger-menu .hamburger {
        background-color: var(--color-white);
        background-image: url('../assets/icons/close.svg');
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-content: center;
        background-repeat: no-repeat;
        background-position: center;
    }

    body.active .hamburger-menu span {
        display: none;
    }

    .main-header::before {
        content: "";
        width: 100%;
        height: 6px;
        background: var(--color-cream);
        left: 0;
        top: 100%;
        right: 0;
        position: absolute;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
    }

    .main-header::after {
        content: "";
        position: absolute;
        height: 20px;
        width: 100%;
        background: #9DD0CD;
        top: calc(100% + 6px);
        left: 0;
        right: 0;
        z-index: 1;
    }

    .hamburger-menu {
        cursor: pointer;
        min-width: 55px;
    }

    .hamburger {
        width: max-content;
    }

    .navigation-wrapper.active {
        display: block;
        position: relative;
        z-index: 9999;
    }

    .navigation-wrapper.active .navigation {
        opacity: 1;
        transform: unset !important;
    }

    section.banner-form {
        padding: 0px 15px;
        background: var(--color-black) !important;
    }

    section.banner-form .input.bg-input {
        min-width: 100%;
        max-width: 335px;
        border-radius: 10px;
    }

    .inventory-section .button-col {
        display: flex;
        width: 100%;
        justify-content: center;
    }

    .inventory-section .button-col .btn {
        width: 100%;
        justify-content: center;
    }

    .col.testimonial-heading-col~.col {
        width: 100%;
    }

    .logo-col img {
        width: 100%;
    }

    .family-owned-row {
        gap: 10px;
        background: transparent;
        padding: 0px;
        margin: 20px 0px;
        max-width: 100%;
    }

    .family-owned-row .col {
        border: 3px solid transparent !important;
        border-radius: 8px;
        background: linear-gradient(var(--color-cream-dark), var(--color-cream-dark)) padding-box, repeating-linear-gradient(90deg, #5B5A55 0, #DDD9D3 80px, #5B5A55 160px) border-box;
        padding: 15px !important;
        width: calc(100% / 2 - 5px);
    }

    section.inventory-section .heading-col .heading {
        width: 100%;
        margin: 20px auto 30px;
    }

    .testimonial-section {
        padding-bottom: 50px;
    }

    .banner-form.financing-section {
        margin-top: 70px;
    }

    .image-box {
        min-width: 60px;
    }

    .image-box img {
        width: 100%
    }

    .family-owned-row .align-center {
        align-items: flex-start;
    }

    .family-owned-row .col {
        width: 100%;
        /* min-width: 100%; */
    }

    .gradient-vertical-line {
        top: 5px;
    }

    .site-footer .logo-col .flex-1 {
        flex: unset !important;
        width: 100% !important;
    }

    .site-footer .logo-col {
        flex-direction: column;
        gap: 30px;
    }

    .logo-col img {
        max-width: 130px;
    }

    .hours-col {
        min-width: 100%;
    }

    .circle-icon {
        width: 40px;
        height: 40px;
    }

    footer.site-footer {
        padding: 45px 15px 20px;
    }

    .ft-navigation {
        display: flex;
        background: var(--color-cream-light);
        width: calc(100% + 30px);
        margin-left: -15px;
        margin-top: 40px;
        border-radius: 15px 15px 0px 0px;
    }

    .ft-navigation a {
        padding: 15px;
        display: flex;
        flex-direction: column;
        align-content: center;
        text-align: center;
        border-right: 1px solid #FDF4E8;
        flex: 1;
        gap: 5px;
    }

    .ft-navigation a {
        color: var(--color-dark);
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        font-size: 10px;
        line-height: 1;
    }

    .form.ft-form {
        padding: 15px 10px;
    }

    .images-section img.ft-image.ft-image-4 {
        margin: 20px auto 30px;
        max-width: 294px;
        display: block;
    }

    .images-section a {
        min-width: 100% !important;
    }

    .col.financing-heading-col .uppercase.text-white.m-0 {
        font-size: 40px;
        line-height: 1;
        margin-top: -5px;
        margin-bottom: 5px;
    }

    .home-family-owned-row .col .image-box {
        max-width: 60px
    }

    .compare-table thead th {
        width: 180px;
        min-width: 180px
    }

    .compare-table .inventory-card {
        min-width: 180px
    }

    .compare-table .card-ft {
        flex-direction: column;
        gap: 10px
    }

    .compare-table .ic-image-wrapper .main-image {
        height: 80px
    }

    .compare-table img.hot-deal {
        top: 1px;
        left: 3px;
        height: 20px;
        width: auto
    }

    .compare-table .let-us-help-card {
        padding: 25px 10px
    }

    .compare-table .let-us-help-card h4 {
        font-size: 20px;
        line-height: 1
    }

    .compare-table .inventory-card h4 {
        font-size: 12px
    }

    .compare-table .let-us-help-card .fs-16 {
        font-size: 14px;
        line-height: 1.3
    }

    .banner-style-1 .container {
        flex-direction: column;
        justify-content: center;
        align-content: flex-end;
        gap: 10px
    }

    section.banner-style-1 {
        padding: 50px 15px 180px;
        background-position: center bottom;
        background-size: auto 210px
    }

    .fs-62 {
        font-size: 38px;
        line-height: 1
    }

    .fs-40 {
        font-size: 24px;
        line-height: 1
    }

    .fs-48 {
        font-size: 32px;
        line-height: 1.3
    }

    .compare-banner-text-left {
        padding: 40px 40px 40px 60px;
        max-width: 380px;
        margin: 0 auto
    }

    .compare-banner-text-right {
        padding: 20px 66px;
        margin: 0 auto
    }

    .banner-style-1::after {
        width: 100vw;
        background: linear-gradient(to bottom, #000 0, #000 calc(100% - 200px), rgba(0, 0, 0, 0) 100%)
    }

    .book-now-banner .banner-info>.bg-dark {
        padding: 10px;
        flex-wrap: wrap;
        gap: 5px 30px;
    }

    .image-box {
        min-width: 30px;
    }

    .step-form-section .family-owned-row {
        margin: 0px 0px;
        padding: 20px 0px;
    }

    .step-form-section {
        padding: 40px 20px;
    }

    .step-naviagtion-wrapper {
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-content: center;
    }

    .step-naviagtion-wrapper .col-left {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        align-content: center;
    }

    .step-naviagtion-wrapper span.line {
        right: 0;
    }

    .step-naviagtion-wrapper span.line::before,
    .step-naviagtion-wrapper span.line::after {
        left: 0;
        right: 0;
        margin: auto
    }

    .step-naviagtion-wrapper img.route-logo-badge {
        width: 74px;
    }

    .step-naviagtion-wrapper .col-left h2 {
        width: 100%;
    }

    .left-lines {
        display: none;
    }

    .step-form-section .family-owned-row .align-center {
        align-items: center;
        gap: 1px 16px;
        margin: 8px 0;
        justify-content: center
    }

    .step-form-section .col-30 {
        flex-direction: column
    }

    .step-form-section .col-30 .card {
        justify-content: center
    }

    .col-25,
    .col-33 {
        width: calc(100% / 2 - 5px)
    }

    .col-50,
    .financing-banner .col-left,
    .financing-banner .col-right {
        width: 100%
    }

    .step-number {
        width: 26px;
        height: 26px;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        border: 2px solid transparent;
        line-height: 0
    }

    .step-wrapper {
        gap: 10px
    }

    .step-wrapper .fs-24 {
        font-size: 16px;
        letter-spacing: 1px
    }

    .step-form-wrapper .col-25 {
        min-width: calc(100% / 2 - 5px)
    }

    .step-form-wrapper .col-33,
    .step-form-wrapper .col-50 {
        min-width: 100%
    }

    section.banner-style-1.financing-banner {
        padding: 50px 15px 230px;
        background-size: auto 320px
    }

    .financing-banner .col-right .gradient-border {
        max-width: 480px;
        margin: 0 auto
    }

    .financing-process-section {
        padding: 30px 15px
    }

    .why-choose-section .title-row+.flex {
        flex-wrap: wrap;
        justify-content: center;
    }

    .why-choose-section .col:not(:last-child)::after {
        display: none;
    }

    .heading-bg {
        padding: 21px 16px 20px;
    }

    .approved-ft-right {
        margin-bottom: 0;
    }

    .approved-ft-right {
        flex-wrap: wrap;
        padding-right: 120px;
    }

    .ft-image-wrapper-2 {
        position: absolute;
        right: 0;
        max-width: 100px;
    }

    .ft-image-wrapper-2 .key {
        width: 100%;
    }

    .approved-ft-section .ft-btn-wrapper {
        margin-left: 40px;
    }

    .fs-24 {
        font-size: 20px;
    }

    span.ap-star-5 {
        font-size: 28px;
    }

    .approved-ft-section .ft-text-wrapper-2 {
        padding-left: 40px;
        position: relative;
    }

    .approved-ft-left {
        padding: 0px 15px;
    }

    .approved-image img {
        width: 100%;
    }

    .sp-star-3 {
        bottom: -20px;
        left: 20px;
    }

    .estimate-payment-image {
        width: 100%;
    }

    .payment-wrapper .fs-18 {
        font-size: 13px;
        line-height: normal;
        margin-lefT: 5px;
    }

    .col.payment-wrapper .p-20 {
        padding: 10px;
    }

    .col.payment-wrapper {
        min-width: 230px;
    }

    .financing-process-section.form-section .bannerform-container {
        padding: 0px 20px 20px;
    }

    section.form-section {
        padding-left: 15px;
        padding-right: 15px;
    }

    .estimated-payment-col .image-wrapper {
        margin-right: -11px;
    }

    .payment-image {
        margin-top: 0;
        display: flex;
        align-content: flex-end;
    }

    .top-lender-section .container {
        flex-direction: column;
        text-align: center;
    }

    .top-lender-section .col-100.flex {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
    }

    .top-lender-logo {
        min-width: 180px;
        max-width: 180px;
        text-align: center;
    }

    .why-choose-section .title-row+.flex .col.flex-1 {
        min-width: 180px;
        border: 1px dashed rgba(255, 255, 255, 0.2);
        padding: 15px;
        max-width: 211px;
    }

    .how-it-work-row .finacing-col {
        min-width: 230px;
        flex-direction: column;
        border: 1px dashed #000;
        padding: 20px !important;
    }

    .how-it-works-icon {
        flex-direction: row;
        align-items: center;
    }

    .how-it-work-row .finacing-col h4 br {
        display: none
    }

    .credit-situations .how-it-work-row .finacing-col {
        min-width: 180px;
    }

    .how-it-work-row.pb-20 {
        padding-bottom: 0px;
        padding-right: 0;
    }

    .col-40,
    .col-60 {
        width: 100%;
    }

    .background-image-wrapper {
        height: 70vw;
        margin-top: 20px;
    }

    .sell-car-banner-text h2.cursive-font {
        text-align: left;
        margin-top: 0px;
        margin-bottom: 50px;
    }

    .financing-banner::before {
        display: none;
    }

    section.banner-style-1.financing-banner {
        padding: 50px 15px 0px;
        background-size: unset;
        background: #000 !important;
    }

    .banner-style-1 .mobile-banner-style-2 {
        width: calc(100% + 30px);
        margin-left: -15px;
        margin-right: -15px;
    }

    .mobile-banner-image {
        width: 100%;
    }

    .banner-style-1::after {
        display: none;
    }

    .mobile-banner-style-2 {
        position: relative;
        z-index: 1;
    }

    .hide-on-desktop.mobile-banner-style-2::after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 100px;
        pointer-events: none;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 35%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0) 100%);
        top: 0;
    }

    .trade-in-form-col {
        width: 100%;
        flex: unset;
    }

    .save-hst-col {
        max-width: 100%;
        flex: 1;
    }

    .save-hst-col img {
        max-width: 220px;
    }

    img.better-card-wadge {
        right: unset;
        bottom: 40px;
        z-index: 2;
        max-width: 130px;
        left: 20px;
    }

    .lubrico-text-wrapper.flex-1 {
        flex: unset;
    }

    .lubrico-section .gap-large {
        gap: 20px;
    }

    section.lubrico-section {
        padding: 30px 15px;
    }

    .fs-32.heading-bg-red {
        padding: 17px 16px 18px;
    }

    .fs-16 {
        font-size: 15px;
        line-height: 1.5;
    }

    .coverage-card img {
        max-width: 70px;
    }

    .options-section {
        padding: 30px 15px;
    }

    .option-card ul.list-style-1 {
        padding-left: 100px;
        margin-bottom: 75px;
    }

    .warranty-ft-section-1 {
        padding: 15px;
    }

    .warranty-ft-section-1 .wfs-col-1,
    .warranty-ft-section-1 .wfs-col-2 {
        flex: unset;
        width: calc(100% / 2 - 10px);
    }

    .warranty-ft-section-1 .wfs-col.wfs-col-3 {
        min-width: 66%;
    }

    .wfs-col.wfs-col-4 {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .wfs-col-4 .wfs-carfax {
        max-width: 90px;
    }

    section.warranty-ft-section-2 {
        padding: 20px 15px;
    }

    .warranty-ft-section-2 .container {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }

    .readytodrive-section .container {
        flex-wrap: wrap;
    }

    .readytodrive-section .test-drive-logo {
        width: 40%;
    }

    .readytodrive-section .text-wrapper {
        width: calc(60% - 20px);
    }

    .readytodrive-section .test-drive-img {
        width: 100%;
    }

    .carfax-col {
        max-width: 100%;
        text-align: center;
        width: 100%;
    }

    .carfax-col .wfs-carfax {
        max-width: 240px;
        margin: 0px auto 10px;
    }

    .wfs-logos {
        max-width: 450px;
        margin: 0px auto;
    }

    section.form-section:not(.about-vehicle-section) {
        padding: 40px 15px;
    }

    .promotional-col-left {
        margin: 0px auto;
    }

    .promotional-col-right {
        max-width: 100%;
        margin: 0px auto;
    }

    .promonition-banner-image {
        margin: 0px auto;
    }

    .contact-info {
        min-width: 100%;
    }

    .contact-info .col:not(:last-child) {
        padding-right: 0;
        border-right: 0;
        border-bottom: 0px;
        padding-bottom: 0px;
    }

    section.contact-banner .banner-text {
        padding: 50px 15px 0
    }

    img.hear-from-you-logo {
        max-width: 242px;
        margin-top: 30px
    }

    .flex-1.fun-col {
        min-width: 208px;
        max-width: calc(100% / 2 - 7px);
        flex: 1;
        height: 300px
    }

    .col.fun-text-col,
    .promo-card {
        min-width: 100%
    }

    .about-why-choose .col.flex-1 {
        border: 1px dashed #000 !important;
        min-width: 230px !important
    }

    .badge-wrapper {
        flex-wrap: wrap
    }

    .badge-col::after,
    .badge-col::before {
        display: none
    }

    .badge-col {
        justify-content: flex-start
    }

    .badge-wrapper.ab-badge-wrapper {
        gap: 8px
    }

    .fun-card-row {
        padding: 20px 15px
    }

    .product-section .inventory-card-row .inventory-card {
        min-width: 260px;
        flex: 1;
        max-width: 100%
    }

    .nextride-logo {
        margin: -50px auto -30px;
        text-align: center;

    }
    .banner-form .bannerform-container {
        padding: 5px 15px 30px
    }

    section.compare-section {
        padding: 25px 5px
    }

    .btn.fs-20 {
        font-size: 16px;
        line-height: 1.4
    }

    .compare-btns {
        flex-wrap: wrap;
        gap: 9px
    }

    .heading-bg {
        padding: 21px 2px 20px
    }

    .option-card-3 .option-image-wrapper {
        max-width: 160px;
        margin: 20px auto 0
    }

    .warranty-ft-section-1 .wfs-col.wfs-col-2 {
        width: unset;
        flex: 1;
        max-width: 90px
    }

    .warranty-ft-section-1 .wfs-col.wfs-col-1 {
        flex: 1
    }

    .promo-card {
        padding: 20px;
        border-bottom: 1px dashed #000;
        border-right: 0px !important
    }

    .promo-card:last-child {
        border-bottom: 0
    }

    .promo-card-1 .promo-content,
    .promo-card-3 .promo-content {
        order: 1
    }

    .promo-card-1 .promo-image,
    .promo-card-3 .promo-image {
        order: 2
    }

    .list-view-cards .inventory-card {
        flex-wrap: wrap;
        flex-direction: column !important
    }

    .product-section .list-view-cards .ic-image-wrapper {
        max-width: 100%;
        height: max-content
    }

    .promotional-banner .banner-card {
        height: 247px;
        max-width: 160px;
    }

    .banner-title {
        max-width: calc(100% - 12px);
        margin-left: 6px;
        margin-top: 8px;
        padding: 4px 0px 0px;
    }

    img.you-get-img {
        max-width: 80px;
        right: -40px;
    }

    img.promo-key-img {
        max-width: 70px;
    }

    .download-coupon-text .fs-26 {
        font-size: 16px;
        line-height: 1.3;
        margin-top: 30px;
    }

    .promotional-col-left,
    .promotional-col-right {
        min-width: 100%;
    }

    .banner-cards.flex.gap-10 {
        justify-content: center;
    }

    .download-coupon-text {
        margin: 0px;
        width: 100%;
        max-width: max-content;
        margin-top: 20px;
    }

    .promonition-banner-image {
        max-width: 100%;
        min-width: unset;
        width: 60vw;
        margin: -30vw 0 0px auto !important;
    }

    .promotional-dollar {
        width: 120vw;
        margin-top: -90px;
        position: relative;
        z-index: 11;
    }

    section.promo-works-section .title-row h2 {
        margin: 0px 0px 0px 20px;
        padding-bottom: 18px !important;
    }

    img.promotional-car {
        margin-left: auto;
        margin-top: -80px;
        margin-bottom: 0;
        margin-right: 22px;
        position: relative;
        z-index: 99;
    }

    .row.mt-20.flex.promo-cards {
        padding-bottom: 30px;
        margin-top: -50px;
    }

    .inventory-card {
        max-width: unset;
    }

    .inventory-banner .contact-info .col {
        min-width: calc(100% / 2 - 19px);
    }

    .badge-col {
        position: relative;
        z-index: 1;
        min-width: calc(100% / 2 - 10px);
        border: 1px dashed;
        padding: 20px;
    }

    .our-value-wrapper {
        z-index: 1;
    }

    .our-value-wrapper::before,
    .our-value-wrapper::after {
        z-index: -1;
    }

    .form-section .form.ft-form {
        padding: 50px 15px 15px;
    }

    .contact-page-form .form-btn+div>p {
        text-align: left;
    }

    .contact-banner .banner-text h1 {
        width: max-content;
        margin-bottom: -20px;
    }

    .lubrico-section .heading-bg {
        padding-left: 10px;
        padding-right: 10px;
    }

    .financing-banner-2 .we-can-help-bg {
        width: max-content;
        margin-top: 40px;
    }

    .financing-banner-2 h4.we-can-help-text {
        transform: rotate(-7deg) translate(0px, 3px);
        padding: 7px 10px 10px;
    }

    .home-banner .mobile-banner,
    .comparison-banner .mobile-banner {
        position: relative;
        z-index: 1;
        margin-top: 0;
    }

    .home-banner .mobile-banner::after,
    .comparison-banner .mobile-banner::after {
        content: "";
        position: absolute;
        height: 140px;
        width: 100%;
        top: 0;
        left: 0;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 35%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0) 100%);
    }

    .main-header .logo a {
        min-width: 170px;
        max-width: 170px;
    }

    .svg-icon.phone-icon::before {
        content: "\0xe80c";
        content: "\e80c";
        font-family: fontello;
        color: var(--color-primary);
        font-size: 15px;
    }

    .step-family-logo {
        text-align: center;
    }

    .step-family-logo img {
        max-width: 100%;
    }

    .why-choose-section .why-sell .title-row+.flex .col.flex-1 {
        min-width: 210px;
    }

    .sell-your-car-banner .banner-text.sell-car-banner-text {
        max-width: 410px;
        min-width: unset;
        width: 100%;
    }

    .sell-car-banner-text h2.cursive-font {
        margin-top: 20px;
        margin-bottom: 30px;
    }
     .rcr-left-col {
        padding-left: 20px;
    }  
    img.rcr-girl-with-key {
        position: relative;
        bottom: -20px;
    } 
   .rebuild-bottom-row {
        flex-direction: column;
    }
    .sell-car-callout-col {
        margin-top: 0;
    }

    .vehicle-form-row {
        flex-direction: column;
    }

    .upload-photos-col {
        width: 100%;
    }

    .what-to-include-strip {
        justify-content: center;
    }

    .wti-camera {
        width: 100%;
    }

    .wti-camera-icon {
        width: 56px;
        height: 56px;
    }
    .trade-in-process.how-it-work-row .finacing-col h4 br {
        display: block;
    } 
    .trade-in-process.how-it-works-icon {
        align-items: flex-start;
         justify-content: center;
    } 

    .trade-in-process .finacing-col {
        min-width: 180px;
        max-width: unset;
    }  
    .trade-in-process .content {
        text-align: center;
    }

    .wti-item .fs-14 {
      font-size: 12px;
      line-height: 1;
    } 
    .wti-item {
        min-width: 50px;
    } 
    .trade-in-process .how-it-works-icon {
        justify-content: center;
        align-items: flex-start;
    }
    section.select-vehicle-form.banner-form .input.bg-input {
        min-width: unset;
        max-width: unset;
        border-radius: 10px;
        width: calc(100% / 2 - 4px);
        flex: unset;
        padding: 10px;
    } 
    .select-vehicle-form .row.title-row {
        margin: -40px auto -5px;
    }   
    .banner-form.select-vehicle-form .bannerform-container {
        align-items: flex-start;
    }    

}

@media (max-width:600px) {
    section.inventory-section .inventory-card {
        min-width: 100%;
    }

    .flex-1.fun-col {
        min-width: 270px;
        max-width: 100%;
    }
    .col.car-col {
        min-width: 100%;
        order: 3;
        justify-content: center;
        display: flex;
    }

    .product-section .inventory-card-row .inventory-card {
        min-width: 100%;
        flex: 1;
        max-width: 100%;
    }



    .banner-form .bannerform-container {
        padding: 5px 15px 30px;
    }

    section.compare-section {
        padding: 25px 5px;
    }

    .btn.fs-20 {
        font-size: 16px;
        line-height: 1.4;
    }

    .compare-btns {
        flex-wrap: wrap;
        gap: 9px;
    }

    .heading-bg {
        padding: 18px 2px 17px;
        min-height: 63px !important;
    }

    .option-card-3 .option-image-wrapper {
        max-width: 160px;
        margin: 20px auto 0px;
    }

    .warranty-ft-section-1 .wfs-col.wfs-col-2 {
        width: unset;
        flex: 1;
        max-width: 90px;
    }

    .warranty-ft-section-1 .wfs-col.wfs-col-1 {
        flex: 1
    }

    .promo-card {
        min-width: 100%;
        padding: 20px;
        border-bottom: 1px dashed #000;
        border-right: 0px !important;
    }

    .promo-card:last-child {
        border-bottom: 0px;
    }

    .promo-card-1 .promo-content,
    .promo-card-3 .promo-content {
        order: 1;
    }

    .promo-card-1 .promo-image,
    .promo-card-3 .promo-image {
        order: 2;
    }

    .list-view-cards .inventory-card {
        flex-wrap: wrap;
        flex-direction: column !important;
    }

    .product-section .list-view-cards .ic-image-wrapper {
        max-width: 100%;
        height: max-content;
    }

    .download-coupon-text .fs-26 {
        font-size: 14px;
    }

    .book-your-testdrive {
        padding-right: 30px !important;
    }

    .inventory-banner p.fs-16.banner-para {
        margin-top: 50px;
    }

    .home-family-owned-row .col .card br {
        display: none;
    }

    .why-choose-section .why-sell .title-row+.flex .col.flex-1 {
        min-width: 190px;
    }
    .form-row .col-30, .form-row .col-70{min-width:100%}
    #calc-form .col-33 {
    min-width: 100%;
}
}

@media (max-width:480px) {
    .download-coupon-text .fs-26 {
        font-size: 12px;
    }
    section.select-vehicle-form.banner-form .input:nth-child(5) {
        min-width: 100%;
    }
    .wti-item {
        min-width: calc(100% / 3 - 4px);
        max-width: calc(100% / 3 - 4px);
    }
    .products-view-bar {
        flex-wrap: wrap;
    }    
    .why-sell .icon-image img {
        height: 60px;
    }
    .flatpickr-rContainer, .flatpickr-weekdays, .flatpickr-days {
        width: 100% !important;
    }
    span.rcr-line-pattren {
        display: none;
    }  
    .rcr-heading {
        padding: 0px 0px;
    } 
    .rebuilding-item .icon img {
        max-width: 50px;
        min-width: 50px;
    } 
    .dayContainer {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
    .flatpickr-current-month {
        font-size: 10px !important;
        height: 24px !important;
    }
    select.flatpickr-monthDropdown-months {
        font-size: 10px !important;
    }
    .flatpickr-months .flatpickr-month {
        height: 25px !important;
    }
    .product-section .list-view-cards .vehicle-condition-tags span,
    .product-section .list-view-cards .vehicle-condition-tags a {
        padding: 10px 8px;
        font-size: 10px;
        line-height: 1;
    }

    .wfs-logos img {
        height: 40px;
    }

    .wfs-logos {
        max-width: 280px;
    }

    .readytodrive-section .test-drive-logo,
    .readytodrive-section .text-wrapper {
        width: 100%;
    }

    .approved-ft-right {
        padding-right: 70px;
    }

    .ft-image-wrapper-2 {
        right: 10px;
        max-width: 60px;
        margin-top: -88px;
    }

    .top-lender-logo {
        min-width: 140px;
        max-width: 140px;
        text-align: center;
    }

    .why-choose-section .title-row+.flex .col.flex-1 {
        min-width: 145px;
        max-width: 100%;
        padding: 8px;
    }

    .why-choose-section .container {
        padding: 10px 3px 15px 2px;
    }

    .why-choose-section .title-row+.flex {
        gap: 10px;
        align-items: unset;
    }

    .calender-wrapper,
    .easy-find-row .right-col,
    .then-and-now-section .tn-col-1 {
        min-width: 100%
    }

    .about-text,
    .easy-find-row,
    .form-col-1 .compare-btns {
        flex-wrap: wrap
    }

    .calender-wrapper .gradient-border {
        max-width: max-content;
        margin: 0 auto 10px
    }

    .calender-wrapper .flex.align-center.fs-10.gap-5 {
        text-align: center;
        display: flex;
        justify-content: center
    }

    .advisor-card {
        flex: 1
    }

    .advisor-content {
        width: 100%;
        min-height: 130px;
        min-width: 120px
    }

    .form-col-3 .col-100:not(:last-child) {
        width: 100%
    }

    .form-col-1 .btn {
        min-width: 180px
    }

    .color-options {
        justify-content: flex-start
    }

    .color-circle {
        width: 20px;
        height: 20px
    }

    .about-why-choose .whychoose-heading {
        font-size: 20px;
        padding: 25px 0 15px
    }

    .about-why-choose.why-choose-section .title-row+.flex .col.flex-1 {
        max-width: 90%
    }

    .team-card {
        width: calc(100% / 2 - 10px)
    }

    .then-and-now-section {
        padding: 20px 15px
    }

    .then-and-now-section .container {
        width: 100%;
        padding: 15px
    }

    .tn-col-3 {
        margin-right: 0
    }

    .step-form-wrapper .col-25 {
        min-width: 100%;
    }

    .compare-table thead th {
        width: 150px;
        min-width: 150px;
    }

    .compare-table .gradient-border {
        max-width: 150px;
    }

    .let-us-help-card img {
        max-width: 70px;
        margin: 0 auto;
    }

    .compare-table tbody tr td:first-child {
        font-size: 13px;
    }

    .badge-col {
        padding: 10px;
    }

    .fun-bg-text h4 {
        transform: rotate(-6deg) translateY(3px);
    }

    .why-choose-section .why-sell .title-row+.flex .col.flex-1 {
        min-width: 180px;
        max-width: 90%;
    }
    .why-sell .icon-image {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .why-sell .content {
        width: 100%;
        text-align: center;
    }

    .team-card {
        width: 100%;
        max-width: 280px;
        margin: 0px auto;
    }       
}

@media (max-width:380px) {
    section.financing-process-section .row.title-row h2 {
        font-size: 18px;
        line-height: .8;
        padding: 26px 0 20px
    }

    .financing-process-section {
        padding: 30px 10px
    }

    h4.we-can-help-text {
        transform: rotate(-8deg) translate(0, 1px);
        padding: 10px 0;
        letter-spacing: 0;
        font-size: 23px
    }
}

#sellCarUploadingMsg {
    color: var(--color-teal-dark);
}