/* =================google-fonts ================== */
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Farro:wght@300;400;500;700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jost:ital,wght@0,100..900;1,100..900&family=Montagu+Slab:opsz,wght@16..144,100..700&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Farro:wght@300;400;500;700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jost:ital,wght@0,100..900;1,100..900&family=Montagu+Slab:opsz,wght@16..144,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
/* ================ css ====================*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Barlow", sans-serif;
    font-size: 17px;
    font-weight: 400;
}

:root {
    --main-color: #d72121;
    --main-color2: #c20202;
    --white-color: #ffffff;
    --black-color: #000000;
    --dark-color: #131313;
    --heading-color: #212529;
    --border-color: #c1c1c1;
    --text-color: #8f8f8f;
    --bg-clor: #f4f4f4;
    --text-color-gray: #aaaaaa;
    --text-color-gray-dark: #555555;
    --text-color-gray-dark: #303133;
    --text-color-red: #bd0303;
    --font-family: "Barlow", sans-serif;
    --font-family2: "Barlow Condensed", sans-serif;
    --font-family3: "Montserrat", sans-serif;
    --font-family4: "Roboto", sans-serif;
    --font-family5: "Raleway", sans-serif;
    --font-family6: "Open Sans", sans-serif;
}

a {
    text-decoration: none !important;
    color: inherit !important;
    display: inline-block !important;
}

ul,
ol,
dl {
    list-style-type: none;
}

section {
    max-width: 100%;
    overflow: hidden;
}

img {
    max-width: 100%;
}

/* ============main-nav===================== */
.container.header-container {
    max-width: 1510px;
}

.navbar-wrapper-parent {
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-header-focus {
    background-color: #000 !important;
    background-image: linear-gradient(180deg, #000000 41%, #ffffff00 100%);
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    padding: 15px 0px 15px 0px;
    /*position: absolute;*/
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
}

.main-header-focus nav {
    display: flex;
    align-items: center;
}

.main-header-focus nav .nav-links-sec {
    width: 80%;
}

.main-header-focus nav .nav-links-sec ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    margin-bottom: 0px;
    position: relative;
    z-index: 999;
}

.main-header-focus nav .nav-links-sec ul li {
    color: var(--white-color);
    font-size: clamp(14px, 1vw, 18px);
    font-weight: 600;
    text-transform: uppercase;
    padding-right: 18px;
    margin-left: 18px;
    /* margin-right: 18px; */
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    position: relative;
    z-index: 9999;
    font-family: var(--font-family3);
    position: relative;
    border-right: none !important;
    text-wrap: nowrap;
}

.main-header-focus nav .nav-links-sec ul li::after {
    content: "";
    position: absolute;
    bottom: 7px;
    width: 1px;
    height: 51%;
    background-color: #ddd;
    transition: width 0.3s ease-in-out;
    right: -6px;
}

.main-header-focus nav .nav-links-sec ul li a .svg-inline--fa {
    height: 16px;
}

.main-header-focus nav .nav-links-sec ul li a span {
    font-weight: 700;
}

.main-header-focus nav .nav-links-sec ul li:nth-last-child(2)::after {
    display: none;
}

.main-header-focus nav .nav-links-sec ul li:last-child::after {
    display: none;
}

.main-header-focus nav .nav-links-sec ul li:nth-last-of-type(2) a .fa-tag {
    margin-right: 8px;
}

.main-header-focus nav .main-logo {
    width: 20%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-header-focus nav .main-logo .aside-mob-menu {
    color: #fff;
    display: none;
}

.main-header-focus nav .main-logo a img {
    width: 83%;
}

/* ============side-nav===================== */
.mobile-navbar-section .btn-close {
    --bs-btn-close-bg: none !important;
}

.mobile-navbar-section .btn-close p {
    font-size: 16px;
    font-weight: 700;
    font-family: var(--font-family);
    color: #211e1e;
    text-transform: uppercase;
    height: 20px;
    width: 20px;
    border: 2px solid #211e1e;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

#offcanvasWithBothOptions {
    --bs-offcanvas-width: fit-content;
}

.side-nav-items {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
    max-width: 650px;
    padding-left: 20px;
    padding-right: 20px;
}

.offcanvas-body {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.offcanvas-body::-webkit-scrollbar {
    display: none;
}

.side-nav-items ul {
    padding-top: 50px;
    /* display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start; */

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    text-wrap: nowrap;
    padding: 0;
}

.side-nav-items.grid-one ul {
    grid-template-columns: repeat(1, 1fr);
}

.side-nav-items ul li {
    font-size: clamp(15px, 3vw, 20px);
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.1px;
    font-family: var(--font-family3);
    color: #ffffff;
    text-transform: capitalize;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
    font-family: Barlow, arial;
}

.side-nav-items ul li a {
    display: flex !important;
    align-items: center;
    gap: 1.2rem;
}

.side-nav-items ul li a img {
    width: clamp(32px, 3vw, 40px);
    height: clamp(28px, 2.7vw, 36px);
    object-fit: contain;
}

.side-nav-items ul li span {
    opacity: 0.7;
}

.aside-close-icon {
    font-size: clamp(20px, 3vw, 30px) !important;
    line-height: 36px !important;
    color: #ffffff !important;
}

.side-nav-items .contact-details .item-heading {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.side-nav-items .contact-details .item-links {
    font-size: clamp(15px, 3vw, 20px);
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.1px;
    font-family: var(--font-family3);
    color: #ffffff;
    text-transform: capitalize;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
    font-family: Barlow, arial;

    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.side-nav-items .contact-details .item-links .link-item,
.side-nav-items .contact-details .item-links .link-item * {
    margin: 0 !important;
    padding: 0 !important;
}

.side-nav-items .contact-details .item-links .link-item {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.side-nav-items .contact-details .item-links img {
    width: clamp(32px, 3vw, 40px);
    height: clamp(28px, 2.7vw, 36px);
    object-fit: contain;
}

.side-nav-items .contact-details {
    display: flex;
    flex-direction: column;
    gap: 1.85rem;
    opacity: 0.75;
}

.side-nav-items .contact-details .item-heading h3 {
    font-size: clamp(18px, 3vw, 25px);
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: #ffffff;
    font-family: var(--font-family2);
    margin: 0;
}

.side-nav-items .contact-details .item-heading h4 {
    font-size: clamp(20px, 3vw, 35px);
    -webkit-text-stroke-width: 1px;
    stroke-width: 1px;
    -webkit-text-stroke-color: #ffffff;
    stroke: #000000;
    font-family: var(--font-family2);
    font-weight: 700;
    font-style: normal;
    letter-spacing: 2px;
    -webkit-text-stroke-width: 1px;
    stroke-width: 1px;
    margin: 0;
}

.side-nav-items .contact-details .item-heading h6 {
    font-size: 18px;
    color: #fafafaec;
    font-family: var(--font-family3);
    font-weight: 400;
}

/* ============main-body-banner===================== */
/*=============== main-banner-starts ==============*/
.main-banner {
    height: 100vh;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

.hero-img {
    position: relative;
    cursor: grab;
    height: 100vh;
}

.hero-img img {
    height: 100%;
}

.hero-img:before {
    background: rgba(0, 0, 0, 0.5);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.delay-1 {
    animation-delay: 0.5s;
}

.delay-2 {
    animation-delay: 0.5s;
}

.delay-3 {
    animation-delay: 0.5s;
}

.delay-4 {
    animation-delay: 0.5s;
}

@media (max-width: 767px) {
    .slider-counter {
        font-size: 80px;
        font-weight: 600;
        bottom: 0;
    }
}

@media (max-width: 576px) {
    .slider-counter {
        font-size: 30px;
        font-weight: 500;
        bottom: 0;
    }
}

.carousal-content-sec {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    height: 100%;
    width: 100%;
    /* max-width: 1555px; */
    display: flex;
    justify-content: start;
    align-items: center;
    margin: 0 auto;
}

.carousal-content-sec .carsousal-content-details h1 {
    font-family: "Barlow Condensed";
    color: #ffffff;
    font-size: 562.5%;
    text-shadow: none;
    line-height: 1.2;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: inherit;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: uppercase;
    font-weight: 500;
}

.carousal-content-sec .carsousal-content-details h5 {
    font-family: "Montserrat";
    color: #bcbcbc;
    font-size: 137.5%;
    text-shadow: none;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: inherit;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    font-weight: 400;
}

.carousal-content-sec .carsousal-content-details .banner-buttons {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 15px;
}

.carousal-content-sec .carsousal-content-details .banner-buttons a {
    font-family: "Montserrat";
    color: #ffffff !important;
    font-size: 106.25%;
    text-shadow: none;
    line-height: 1.5;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: uppercase;
    font-weight: 400;
    background: #d72121;
    opacity: 1;
    padding: 25px 50px 25px 50px;
    box-shadow: none;
    border: 0px solid RGBA(0, 0, 0, 1);
    border-radius: 10px;
    margin-top: 20px;
}

.carousal-content-sec .carsousal-content-details .banner-buttons a:hover {
    border: 1px solid #fff;
    background: transparent;
}

/*=============== main-banner-ends ==============*/
/*=============== cash-your-car-starts ==============*/
.main-section-paddng {
    padding: 100px 0px 100px 0px;
}

.inner-section-padding {
    padding: 50px;
}

.cash-your-car .cash-your-car-left h2 {
    font-size: 55px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #232628;
    font-family: var(--font-family2);
    line-height: 71px;
}

.cash-your-car .cash-your-car-left h2 span {
    color: #ffffff;
    font-size: 55px;
    -webkit-text-stroke-width: 1px;
    stroke-width: 1px;
    -webkit-text-stroke-color: #000000;
    stroke: #000000;
    font-family: var(--font-family2);
    font-weight: 700;
    font-style: normal;
    letter-spacing: 2px;
}

.cash-your-car .cash-your-car-right img {
    border-radius: 25px;
    width: 100%;
}

.cash-your-car .car-features-container {
    padding-top: 40px;
}

.cash-your-car .car-features-container .car-features {
    padding: 25px 25px 25px 0px;
    margin: 10px;
    display: flex;
    gap: 10px;
    margin-left: 0px;
    width: 215px;
}

.cash-your-car .car-features-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    justify-content: start;
    align-items: center;
}

.cash-your-car .car-features-container .car-features .feature-content h3 {
    margin-bottom: 2px;
    color: #555555;
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
    text-wrap: nowrap;
    font-family: var(--font-family2);
}

.cash-your-car .car-features-container .car-features .feature-content h3 span {
    color: #000000;
    font-weight: 700;
    letter-spacing: 0.9px;
}

.cash-your-car .car-features-container .car-features .feature-img {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    width: 50px;
    height: 50px;
}

.cash-your-car .car-features-container .car-features .feature-img img {
    height: 100%;
    width: 100%;
}

.cash-your-car-button {
    background-color: #c20202;
    font-family: "Montserrat", Sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 1.1px;
    fill: #ffffff;
    color: #ffffff;
    border-radius: 5px 5px 5px 5px;
    padding: 25px 50px 25px 50px;
    width: fit-content;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.cash-your-car-button:hover {
    background-color: #800000;
    color: #ffffff;
}

.cash-your-car-button a {
    display: inline-flex !important;
    align-items: center;
    gap: 50px;
    width: 100%;
}

.container-our-new {
    width: 1514px;
}

.container-our-new .row-section {
    display: flex;
    gap: 60px;
}

.cash-your-car {
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-our-new .row-section.row-2 {
    gap: 0px;
}

.container-our-new .row-section.row-2 .column-sec-4 {
    width: 62%;
}

.container-our-new .row-section.row-2 .column-sec-3 .inner-section-padding {
    padding-right: 0px;
}

.container-our-new .row-section.row-2 .column-sec-4 .inner-section-padding {
    padding-left: 100px;
}

/*=============== cash-your-car-ends ==============*/
/*===============explore-your-service-starts ==============*/
.with-dark-bg {
    background: #000;
}

.cash-your-car .cash-your-car-left.dark-bg-sec .car-features-container .car-features {
    padding: 0px 0px 0px 0px;
    margin: 0px;
    display: flex;
    gap: 10px;
    margin-left: 0px;
    align-items: center;
    width: 100%;
}

.cash-your-car .cash-your-car-left.dark-bg-sec h2 {
    color: #fff;
}

.cash-your-car .cash-your-car-left.dark-bg-sec .car-features-container .car-features .feature-content h3 {
    color: #e2dcdc;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
}

.cash-your-car .cash-your-car-left.dark-bg-sec .cash-your-car-button {
    margin-top: 20px;
}

.cash-your-car .cash-your-car-left.dark-bg-sec .car-features-container .car-features .feature-img {
    width: 70px;
    height: 70px;
}

.cash-your-car .cash-your-car-left.dark-bg-sec .car-features-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: auto;
    justify-content: space-between;
    align-items: center;
}

/*===============explore-your-service-ends ==============*/
/*===============auto-detailing-service ==============*/
.new-auto-detailing h2 {
    color: #ffffff;
    font-size: 55px;
    font-weight: 500;
    line-height: 71px;
    text-transform: uppercase;
    font-family: var(--font-family2);
    text-align: center;
    margin-bottom: 15px;
}

.new-auto-detailing p {
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 14px;
}

.new-auto-detailing .detailing-step {
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.new-auto-detailing .detailing-step .detailing-card-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.new-auto-detailing .detailing-step .detailing-card-1 h6 {
    margin-bottom: 11px;
    color: #a0a0a0;
    font-size: 23px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    font-family: var(--font-family2);
}

.new-auto-detailing .detailing-step .detailing-card-1 p {
    color: #ffffff;
    font-family: "Barlow Condensed", Sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    text-align: center;
}

/*===============auto-detailing-service ==============*/
/* ==============latest-blog-n-insights============== */
.latest-insights.without-overlay h2 {
    font-size: 55px;
    font-weight: 500;
    color: #232628;
    line-height: 42px;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0px;
    word-spacing: 0px;
    margin-bottom: 30px;
}

.latest-insights.without-overlay p {
    text-align: left;
    color: #020202;
    font-size: 18px;
    margin-bottom: 40px;
}

.latest-insights.without-overlay .latest-insights-sec {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0px 5px;
}

.latest-insights.without-overlay .latest-insights-sec .insight-image {
    position: relative;
}

.latest-insights.without-overlay .latest-insights-sec .insight-image .image-overlay-2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #00000057;
    opacity: 0;
}

.latest-insights.without-overlay .latest-insights-sec .insight-image:hover .image-overlay-2 {
    opacity: 1;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.latest-insights.without-overlay .latest-insights-sec .insight-content {
    padding: 15px;
}

.latest-insights.without-overlay .latest-insights-sec .insight-content h3 {
    font-size: 25px;
    font-weight: 500;
    line-height: 36px;
    color: #303133;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-family: var(--font-family2);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.latest-insights.without-overlay .latest-insights-sec .insight-content h3:hover {
    color: #bd0303;
}

.latest-insights.without-overlay .latest-insights-sec .insight-content p {
    color: #020202;
    font-weight: 400;
    margin-bottom: 20px;
    font-size: 15px;
    font-family: var(--font-family3);
    height: 90px;
}

.latest-insights.without-overlay .latest-insights-sec .insight-content h6 {
    text-align: left;
    color: #bd0303 !important;
    display: block;
    font-weight: 500;
    font-size: 12px;
    font-family: var(--font-family3);
}

/* ==============latest-blog-n-insights============== */
/* ==============below-latest-blog-n-insights============== */

.latest-insights.with-overlay .insight-image {
    position: relative;
    height: 100%;
    width: 100%;
}

.latest-insights.with-overlay .latest-insights-sec {
    border: none;
    position: relative;
}

.latest-insights.with-overlay .insight-image img {
    border-radius: 15px;
    height: 100%;
    width: 100%;
    background-size: cover;
}

.latest-insights.with-overlay .insight-image .image-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0.6;
    border-radius: 15px;
}

.latest-insights.with-overlay .overlay-text {
    position: absolute;
    bottom: 50px;
    left: 40px;
    color: #fff;
    position: relative;
    z-index: 111;
    text-transform: uppercase;
}

.latest-insights.with-overlay .overlay-text h5 {
    font-size: 30px;
    font-weight: 500;
    font-family: var(--font-family2);
}

/* ==============below-latest-blog-n-insights============== */
/* ============above-footer======================== */
.above-footer {
    padding-top: 50px;
    padding-bottom: 50px;
    background: var(--dark-color);
}

.above-footer-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.left-part-new {
    display: flex;
    align-items: center;
    gap: 20px;
}

.left-part-new h5 {
    color: var(--white-color);
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: var(--font-family);
    letter-spacing: 2px;
}

.social-icons-items {
    display: flex;
    gap: 20px;
    align-items: center;
}

.social-icons-items li a {
    display: block;
    color: #5f5a5c !important;
    font-size: 22px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.social-icons-items li a:hover {
    color: var(--white-color) !important;
}

.right-part-new-one {
    width: 450px;
}

.right-part-new-one form input {
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 2px;
    font-family: var(--font-family);
}

.right-part-new-one form {
    padding: 10px 10px;
    background: var(--white-color);
    border-radius: 10px;
}

.right-part-new-one form button {
    text-transform: uppercase;
    font-family: var(--font-family);
    letter-spacing: 1px;
    font-size: 16px;
}

.footer {
    padding-top: 50px;
    /* padding-bottom: 20px; */
    background: var(--black-color);
}

.fooer-head h3 {
    color: var(--white-color);
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: var(--font-family2);
    letter-spacing: 2px;
    padding-bottom: 20px;
    position: relative;
    border-bottom: none !important;
}

.footer-upper {
    border-bottom: 1px solid #303030;
    padding-left: 100px;
    padding-right: 100px;
}

.footer-upper h3::after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    height: 1px;
    background: #585858;
    width: 50%;
}

.footer-links {
    padding-top: 20px;
}

.footer-links ul {
    padding-left: 0px;
}

.footer-links ul li {
    font-size: 14px;
    font-family: var(--font-family3);
    font-weight: 400;
    text-transform: capitalize;
    color: #838383;
    padding-bottom: 10px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.footer-links ul li:hover {
    color: var(--white-color);
}

.footer-links ul li:hover .fa-circle {
    color: var(--white-color);
}

.footer-links ul li a .fa-circle {
    color: #aaaaaa;
    margin-right: 5px;
    font-size: 6px;
}

.footer-paragraph p {
    font-size: 14px;
    font-family: var(--font-family3);
    font-weight: 400;
    text-transform: capitalize;
    color: #aaaaaa;
}

.footer-mid {
    padding-top: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #303030;
    padding-left: 100px;
    padding-right: 100px;
}

.row-footer {
    display: flex;
    justify-content: space-between;
    align-items: start;
    width: 100%;
}

.column {
    width: 25%;
    padding: 0px 20px;
}

.column-8 {
    width: 70%;
    padding: 0px 30px;
}

.column-4 {
    width: 30%;
    padding: 0px 30px;
}

.footer-bottom {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 25px;
    padding-bottom: 25px;
    display: flex;
    align-items: center;
    width: 100%;
}

.footer-bottom-links {
    display: flex;
    gap: 30px;
}

.footer-bottom-links ul {
    display: flex;
    gap: 20px;
    padding-left: 0px;
    margin-bottom: 0px;
}

.footer-bottom-links ul li {
    padding-right: 10px;
    /* border-right: 1px solid #ddd; */
    font-size: 13px;
    font-family: var(--font-family3);
    font-weight: 500;
    color: #b1b1b1;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.footer-bottom-links ul li::after {
    content: "";
    position: absolute;
    bottom: 5px;
    width: 1px;
    height: 43%;
    right: -3px;
    background-color: #ddd;
}

.footer-bottom-links ul li:last-child::after {
    display: none;
}

.footer-bottom-links ul li:hover {
    color: var(--white-color);
}

.footer-bottom p {
    font-size: 13px;
    font-family: var(--font-family3);
    font-weight: 500;
    color: #bdbdbd;
    margin-bottom: 0px;
}

.footer-bottom p span,
.footer-bottom p a {
    color: #fff !important;
    font-weight: 600;
}

/* =======================mobile-footer================= */
.footer-upper.mobile {
    display: none;
}

.footer-upper.mobile .accordion-button {
    text-align: left;
    background-color: var(--black-color) !important;
    border: 0;
    color: var(--white-color) !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    font-family: var(--font-family) !important;
    letter-spacing: 2px !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.footer-upper.mobile .accordion-item {
    color: var(--white-color) !important;
    background-color: transparent !important;
    border: none !important;
    padding: 5px 0px !important;
}

.footer-upper.mobile .accordion-button::after {
    background-image: url(../images/home/footer/down.png) !important;
}

.footer-upper.mobile ul li a .fa-circle {
    color: #aaaaaa;
    margin-right: 5px;
    font-size: 7px;
}

.footer-upper.mobile ul li {
    font-size: 16px;
    font-family: var(--font-family);
    font-weight: 300;
    text-transform: capitalize;
    color: #aaaaaa;
    padding-bottom: 10px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.footer-upper.mobile ul li:hover {
    color: var(--white-color);
}

.footer-upper.mobile p {
    font-size: 16px;
    font-family: var(--font-family);
    font-weight: 300;
    text-transform: capitalize;
    color: #aaaaaa;
}

ul.result-features {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

ul.result-features li {
    cursor: pointer;
    line-height: 20px;
    font-size: 12px;
    padding: 3px 0;
    margin-right: 10px;
    flex: 0 0 calc(100% / 7 - 10px);

    text-align: center;
}

ul.result-features img {
    fill: #a5a5a5;
    height: 24px;
    width: 24px;
    vertical-align: top;
    margin: 2px;
    transition: all 0.2s ease-in-out;
}

ul.result-features img:hover {
    opacity: 0.8;
}

ul.result-features li span {
    display: block;
    font-size: 12px;
    text-align: center;
    color: #a5a5a5;
    font-weight: 400;
    font-family: var(--font-family);
    text-transform: capitalize;
}

.key-features-title {
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

/* ===================== about-us-page ===========================*/
.main-bannear-about {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    padding: 268px 0px 50px 0px;
    background-size: cover;
}

.main-bannear-about.with-overlay {
    position: relative;
}

.background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0.67;
}

.main-bannear-about .main-banner-text-upper {
    position: relative;
    z-index: 11;
    padding: 15px 100px;
    color: #fff;
}

.main-bannear-about .main-banner-text-upper h5 {
    font-size: 23px !important;
    padding: 10px 0px 10px 0px;
    font-weight: 400 !important;
    text-transform: uppercase;
    font-family: var(--font-family2);
}

.main-bannear-about .main-banner-text-upper h2 {
    color: #fff;
    font-size: 50px;
    line-height: 56px;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0px;
    word-spacing: 0px;
    font-family: var(--font-family2);
}

.latest-insights-sec.car {
    margin: 30px 8px;
    border: none;
}

.latest-insights-sec.car img {
    border-radius: 36px;
    max-width: 100%;
}

.latest-insights h2 {
    color: #232628;
    font-size: 55px;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0px;
    word-spacing: 1px;
    font-family: var(--font-family2);
}

.latest-insights p {
    color: 000;
    text-align: left;
    font-size: 18px;
    line-height: 25px;
    word-spacing: 1px;
    margin-bottom: 50px;
    font-weight: 300;
    font-family: var(--font-family4);
}

.latest-insights .our-insights-heading h3 {
    color: #232628;
    font-size: 26px;
    line-height: 32px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0px;
    word-spacing: 0px;
    font-family: var(--font-family2);
    margin-bottom: 18px;
    text-transform: capitalize;
    margin-top: 30px;
}

.latest-insights.with-overlay.main-section-paddng.our-partners {
    padding-top: 0px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 20px;
}

.latest-insights.with-overlay.main-section-paddng.our-partners .partner-image-1 {
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ====================contact-us ===================================*/
.cash-your-car.in-contact.main-section-paddng {
    padding: 100px 0px 50px 0px;
}

.cash-your-car.in-contact.two.main-section-paddng {
    padding: 50px 0px 80px 0px;
}

.cash-your-car.in-contact .car-features-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
    justify-content: start;
    align-items: center;
}

.cash-your-car.in-contact .cash-your-car-left h2 {
    line-height: 53px;
}

.cash-your-car.in-contact .cash-your-car-left h2 span {
    color: #ffffff;
    font-size: 40px;
    -webkit-text-stroke-width: 1px;
    stroke-width: 1px;
    -webkit-text-stroke-color: #000000;
    stroke: #000000;
    font-family: var(--font-family2);
    font-weight: 700;
    font-style: normal;
    letter-spacing: 2px;
    display: inline-block;
    margin-bottom: 10px;
}

.cash-your-car.in-contact .cash-your-car-left h5 {
    font-size: 18px;
    color: #000000ec;
    font-family: var(--font-family3);
    font-weight: 400;
}

.cash-your-car.in-contact .car-features-container {
    padding-top: 0px;
    gap: 0px;
}

.cash-your-car.in-contact .car-features-container .car-features {
    padding: 0px;
    margin: 0px;
    margin-bottom: 25px;
    width: 100%;
    gap: 0px;
}

.cash-your-car.in-contact .car-features-container .car-features .feature-img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 31px;
    width: 60px;
    height: auto;
}

.cash-your-car.in-contact .car-features-container .car-features .feature-img img {
    width: 100%;
    height: 100%;
}

.cash-your-car.in-contact .car-features-container .car-features .feature-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cash-your-car.in-contact .car-features-container .car-features .feature-content h3 {
    margin-bottom: 0px;
    color: #555555;
    font-size: 22px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: var(--font-family2);
}

.cash-your-car.in-contact .container-our-new .row-section {
    display: flex;
    gap: 20px;
}

.cash-your-car.in-contact .cash-your-car-right {
    height: 100%;
}

.cash-your-car.in-contact .cash-your-car-right img {
    border-radius: 25px;
    width: 100%;
    /* height: 100%; */
}

.cash-your-car.in-contact .container-our-new .row-section .column-sec-2 {
    width: 70%;
}

.cash-your-car.in-contact .container-our-new .row-section .column-sec-1 {
    padding-left: 50px;
}

.cash-your-car.in-contact.two form .form-group {
    margin-bottom: 20px;
}

.cash-your-car.in-contact.two form input,
.cash-your-car.in-contact.two form select,
.cash-your-car.in-contact.two form textarea {
    border-color: #777771;
    background-color: #ffffff;
    color: #000;
    font-size: 16px;
    padding: 9px;
    width: 100%;
    border-radius: 15px;
    /* margin-bottom: 20px; */
    font-family: var(--font-family5);
    position: relative;
}

.cash-your-car.in-contact.two form input::placeholder,
.cash-your-car.in-contact.two form textarea::placeholder {
    font-family: var(--font-family5);
    color: #aaaaaa;
    font-size: 16px;
}

.cash-your-car.in-contact.two form input:focus,
.cash-your-car.in-contact.two form textarea:focus {
    box-shadow: none;
    background-color: #e6e6e6;
    position: relative;
}

.cash-your-car.in-contact.two form .word-count {
    text-align: right;
    font-size: 15px;
    color: #777771;
    font-family: var(--font-family5);
}

.cash-your-car.in-contact.two form select:focus {
    border: 1px solid #ed4957;
}

.cash-your-car.in-contact.two form select:focus option {
    border: 1px solid #ed4957;
}

.cash-your-car.in-contact.two form select option :hover {
    background-color: #ed4957 !important;
    color: #fff;
}

.error-message {
    width: 100%;
    padding: 5px;
    background-color: #f9e4e8;
    color: red;
    font-weight: 500;
    font-size: 15px;
    margin-top: 0px;
    display: none;
    font-family: var(--font-family5);
}

.cash-your-car.in-contact.two form button {
    background-color: #c20202;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--font-family6);
    border: none;
    outline: none;
    padding: 10px 25px;
    border-radius: 0px;
    text-transform: uppercase;
}

.cash-your-car.in-contact.two form button:hover,
.cash-your-car.in-contact.two form button:focus {
    background-color: #000;
    color: #fff;
}

/* ============================ sell-your-car ==============================*/
.cash-your-car.in-contact.main-section-paddng.sell-yor-car {
    /*padding: 150px 0px 100px 0px;*/
    padding: 100px 0px 100px 0px;
}

.cash-your-car.in-contact.main-section-paddng.sell-yor-car .container-our-new .row-section .column-sec-2 {
    width: auto;
}

.cash-your-car.in-contact.main-section-paddng.sell-yor-car .sell-yor-car-buttons {
    display: flex;
    gap: 10px;
}

.cash-your-car-button.btn-4 {
    background-color: #11883d;
    font-family: "Montserrat", Sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1.1px;
    fill: #ffffff;
    color: #ffffff;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #11883d;
    border-radius: 5px 5px 5px 5px;
    padding: 25px 15px 25px 15px;
    width: 250px;
    text-align: center;
}

.cash-your-car-button.btn-4 a {
    display: inline-flex !important;
    align-items: center;
    gap: 9px;
    width: 100%;
    justify-content: center;
}

.cash-your-car-button.btn-3 {
    background-color: #000000;
    font-family: "Montserrat", Sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1.1px;
    fill: #ffffff;
    color: #ffffff;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #000000;
    border-radius: 5px 5px 5px 5px;
    padding: 25px 15px 25px 15px;
    width: 250px;
    text-align: center;
}

.cash-your-car-button.btn-3 a {
    display: inline-flex !important;
    align-items: center;
    gap: 9px;
    width: 100%;
    justify-content: center;
}

.cash-your-car.in-contact.main-section-paddng.sell-yor-car .inner-section-padding {
    padding: 15px;
}

.cash-your-car.in-contact.main-section-paddng.sell-yor-car .cash-your-car-right img {
    border-radius: 25px;
    width: 100%;
    height: auto;
}

.cash-your-car.in-contact.main-section-paddng.sell-yor-car .cash-your-car-left h2 span {
    font-size: 55px;
}

.cash-your-car.in-contact.main-section-paddng.sell-yor-car .car-features-container .car-features .feature-content h3 {
    color: #000000;
}

.cash-your-car.in-contact.main-section-paddng.sell-yor-car .car-features-container .car-features .feature-img {
    width: 13%;
    margin-right: 14px;
}

.cash-your-car.in-contact.main-section-paddng.sell-yor-car .car-features-container {
    padding-top: 30px;
}

/* ============================ approved buyers in barrie ==============================*/
.approved-buyers {
    display: flex;
    justify-content: center;
}

.column-sec-2 {
    width: 60%;
    padding: 25px 55px 25px 5px;
}

.column-sec-2.sell-car {
    width: 100%;
}

.approved-buyers {
    background: #ebebeb;
}

.full-width-column {
    width: 100%;
    position: relative;
}

.main-heading-banner {
    width: 100%;
}

.main-heading-banner h2 {
    font-size: 55px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #232628;
    font-family: var(--font-family2);
    line-height: 71px;
    text-align: center;
}

.main-heading-banner h2 span {
    color: #ffffff;
    font-size: 55px;
    -webkit-text-stroke-width: 1px;
    stroke-width: 1px;
    -webkit-text-stroke-color: #000000;
    stroke: #000000;
    font-family: var(--font-family2);
    font-weight: 700;
    font-style: normal;
    letter-spacing: 2px;
    display: inline-block;
    margin-bottom: 10px;
    text-align: center;
}

.approved-buyers .specification-items-list ul li {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}

.approved-buyers .specification-items-list ul li span i {
    font-size: 25px;
    font-weight: 900;
    color: #ff0000;
    margin-right: 4px;
}

.approved-buyers .specification-items-list ul li span:nth-child(2) {
    font-family: "Barlow Condensed", Sans-serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: 0.9px;
}

.approved-buyers .specification-items-list ul li span:nth-child(2) b {
    color: red;
    font-weight: 300;
}

.approved-buyers .column-sec-1 {
    width: 100%;
    max-width: 550px;
}

.approved-buyers .column-sec-1 .cash-your-car-left {
    background-color: #eeeeee;
    box-shadow: 0px 0px 10px 0px rgba(181.89999999999998, 181.89999999999998, 181.89999999999998, 0.5);
    transition: background 0.3s, border 0.3s, border-radius 0.3s,
        box-shadow 0.3s;
    padding: 25px 25px 35px 25px;
    border-radius: 15px;
}

.approved-buyers .column-sec-1 .cash-your-car-left h5 {
    color: #232628;
    font-size: 23px;
    line-height: 68px;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0px;
    word-spacing: 0px;
    font-family: var(--font-family2);
}

.approved-buyers .column-sec-1 .cash-your-car-left .our-form-section .form-group input,
.approved-buyers .column-sec-1 .cash-your-car-left .our-form-section .form-group select {
    border-color: #777771;
    background-color: #ffffff;
    color: #000000;
    font-family: var(--font-family5);
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 20px;
    padding: 9px;
    border-radius: 15px;
    text-transform: uppercase;
    width: 100%;
}

.approved-buyers .column-sec-1 .cash-your-car-left .our-form-section .form-group select {
    padding: 9px 12px;
}

.approved-buyers .column-sec-1 .cash-your-car-left .our-form-section .form-group input:focus,
.approved-buyers .column-sec-1 .cash-your-car-left .our-form-section .form-group input:hover,
.approved-buyers .column-sec-1 .cash-your-car-left .our-form-section .form-group textarea:focus,
.approved-buyers .column-sec-1 .cash-your-car-left .our-form-section .form-group textarea:hover,
.approved-buyers .column-sec-1 .cash-your-car-left .our-form-section .form-group select:focus,
.approved-buyers .column-sec-1 .cash-your-car-left .our-form-section .form-group select:hover {
    border-color: #aaaaaa;
    background-color: #e6e6e6;
    box-shadow: none;
}

.approved-buyers .column-sec-1 .cash-your-car-left .our-form-section .form-group textarea {
    border-color: #777771;
    background-color: #ffffff;
    color: #000000;
    font-family: var(--font-family5);
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 20px;
    padding: 9px;
    border-radius: 15px;
    width: 100%;
}

.approved-buyers .column-sec-1 .cash-your-car-left .our-form-section .form-group input::placeholder,
.approved-buyers .column-sec-1 .cash-your-car-left .our-form-section .form-group textarea::placeholder,
.approved-buyers .column-sec-1 .cash-your-car-left .our-form-section .form-group select::placeholder {
    text-transform: uppercase;
    font-family: var(--font-family5);
    font-size: 13px;
}

.approved-buyers .column-sec-1 .cash-your-car-left .our-form-section .word-count {
    text-align: right;
    font-size: 15px;
    font-weight: 400;
    font-family: var(--font-family5);
    color: #777771;
}

.approved-buyers .column-sec-1 .cash-your-car-left .our-form-section button {
    background-color: #c20202;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--font-family6);
    border-radius: 2px;
    border: none;
    outline: none;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease-in;
    padding: 10px 25px;
    margin: 0px 10px 20px 0;
}

.approved-buyers .column-sec-1 .cash-your-car-left .our-form-section button:hover,
.approved-buyers .column-sec-1 .cash-your-car-left .our-form-section button:focus {
    background-color: #000;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.6);
}

.approved-buyers.with-partners {
    background-color: #f3f3f3;
}

.approved-buyers.with-partners .our-partners-images {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    row-gap: 20px;
    column-gap: 10px;
    padding-top: 40px;
}

.approved-buyers.with-partners .our-partners-images .our-partner-car {
    padding: 30px 0 30px 0;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    height: 200px;
    width: 200px;
}

.approved-buyers.with-partners .our-partners-images .our-partner-car img {
    height: 100%;
    width: auto;
    background-size: contain;
    padding: 5px;
}

.approved-buyers.with-partners .our-partners-images .our-partner-car p {
    margin-bottom: 0px;
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: var(--font-family2);
    text-align: center;
}

.approved-buyers.with-partners.second {
    background-color: #fff;
}

.approved-buyers.with-partners.second .our-partners-images {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 30px;
    column-gap: 30px;
    padding-top: 40px;
}

.approved-buyers.with-partners.second .our-partners-images .our-partner-car {
    width: auto;
}

.approved-buyers.with-partners.second .our-partners-images .our-partner-car {
    border: 1px solid #d3d3d3;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border-radius: 0px;
}

.approved-buyers.with-partners.second .our-partners-images .our-partner-car:hover {
    border-color: red;
    border-radius: 25px;
}

.approved-buyers.with-partners.second .sell-yor-car-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 50px;
}

.approved-buyers.with-partners.second .sell-yor-car-buttons .cash-your-car-button {
    width: 350px;
}

.cash-your-car.in-contact.review {
    background: #f5f5f5;
}

.cash-your-car.in-contact.review .column-sec-1 {
    width: 50%;
    padding: 50px;
}

.cash-your-car.in-contact.review .column-sec-1 h2 {
    color: #232628;
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    font-family: var(--font-family2);
    text-transform: uppercase;
    margin-bottom: 20px;
}

.cash-your-car.in-contact.review .column-sec-1 h4 {
    margin-bottom: 0px;
    color: #242424;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: var(--font-family2);
}

.cash-your-car.in-contact.review .column-sec-1 h4 span {
    color: #6d6d6d;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    font-family: var(--font-family2);
}

.cash-your-car.in-contact.review .column-sec-1 .cash-your-car-left {
    position: relative;
}

.cash-your-car.in-contact.review .column-sec-1 .cash-your-car-left::before {
    position: absolute;
    top: -31px;
    left: 3px;
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 80px;
    color: #00000024;
    z-index: -1;
}

.cash-your-car.in-contact.review .column-sec-1 .cash-your-car-left::after {
    position: absolute;
    bottom: -13px;
    right: 49px;
    content: "\f10e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 80px;
    color: #00000024;
    z-index: -1;
}

.cash-your-car.how-to-sell .detailing-card-1 .detailing-content {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.cash-your-car.how-to-sell .detailing-card-1 .detailing-content h6 {
    color: #c5c5c5;
    font-size: 23px;
    font-weight: 500;
}

.cash-your-car.how-to-sell .detailing-card-1 .detailing-content p {
    color: #c5c5c5;
    font-size: 23px;
    font-weight: 500;
}

.approved-buyers.inspection-guidelines {
    background: #fff;
}

.approved-buyers.inspection-guidelines h4 {
    font-size: 35px;
    font-weight: 500;
    color: #232628;
    font-family: var(--font-family2);
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
}

.approved-buyers.inspection-guidelines .column-sec-1 .cash-your-car-left {
    background-color: #fff;
    box-shadow: none;
}

.approved-buyers.inspection-guidelines .column-sec-1 .cash-your-car-left .our-form-section .form-group input::placeholder,
.approved-buyers.inspection-guidelines .column-sec-1 .cash-your-car-left .our-form-section .form-group textarea::placeholder,
.approved-buyers.inspection-guidelines .column-sec-1 .cash-your-car-left .our-form-section .form-group select {
    text-transform: lowercase;
    font-size: 15px;
}

.approved-buyers.inspection-guidelines .column-sec-1 .cash-your-car-left .our-form-section .form-group input::placeholder,
.approved-buyers.inspection-guidelines .column-sec-1 .cash-your-car-left .our-form-section .form-group textarea::placeholder {
    color: #777771;
}

.sell-your-car-at-best-price .card-for-sale {
    display: flex;
    padding: 25px 100px 25px 15px;
    align-items: start;
    justify-content: start;
    width: 100%;
}

.sell-your-car-at-best-price .card-for-sale .card-img {
    width: 23%;
    margin-right: 17px;
}

.sell-your-car-at-best-price .card-for-sale .card-img img {
    height: auto;
    width: auto;
}

.sell-your-car-at-best-price .card-for-sale .sell-car-content {
    width: 77%;
}

.sell-your-car-at-best-price .card-for-sale h5 {
    margin-bottom: 4px;
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--font-family2);
    text-align: left;
}

.sell-your-car-at-best-price .card-for-sale p {
    color: #5c5c5c;
    font-family: var(--font-family2);
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.9px;
    text-align: left;
}

/*============== drop-zone============== */
.upload__TipIcon {
    position: relative;
}

.upload__Tooltip {
    display: none;
    position: absolute;
    top: 27px;
    right: -152px;
    padding: 16px;
    color: #767676;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    text-align: left;
    white-space: normal;
    z-index: 999999;
    background: #fff;
    box-shadow: 0 4px 12px rgb(0 0 0 / 12%);
    border-radius: 8px;
    width: 275px;
}

.upload__TipIcon:hover .upload__Tooltip {
    display: block;
}

.margin--top-16 {
    margin-top: 16px;
}

.error__msg {
    visibility: visible;
    color: #ed0101 !important;
    font-size: 13px;
    font-weight: 550;
    margin: 15px 0;
    line-height: 15px;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.dropzone-image-uploader button {
    width: 100%;
    height: 150px;
    border: 1px dashed #777771 !important;
    background: #ededed !important;
    color: #777771 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    margin-bottom: 0px !important;
}

.dropzone-image-uploader button svg {
    height: 30px !important;
}

.dropzone-image-uploader button p {
    font-size: 14px !important;
    color: #666666 !important;
    font-family: var(--font-family3);
    text-transform: capitalize;
    display: inline-flex;
    gap: 3px;
}

.dropzone-image-uploader button p span:nth-child(2) {
    text-decoration: underline;
    color: #17a8e3 !important;
    font-weight: 700;
}

.dropzone-image-uploader button:hover,
.dropzone-image-uploader button:focus {
    border-color: #17a8e3 !important;
    box-shadow: none !important;
}

.dropzone-image-uploader .upload__TipIcon {
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 15px;
    color: #777771 !important;
    font-family: var(--font-family5);
}

.dropzone-image-uploader .upload__thumbnails span {
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 15px;
    color: #777771 !important;
    font-family: var(--font-family5);
}

.dropzone-image-uploader .upload__thumbnails .item__wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.dropzone-image-uploader .upload__thumbnails .item__wrapper .remove__icon {
    height: 30px !important;
    width: 30px !important;
    display: flex;
    background-color: transparent !important;
    justify-content: center;
    align-items: center;
    border-top: 2px solid transparent !important;
    border-left: 2px solid transparent !important;
    border-right: 2px solid transparent !important;
    border-bottom: 2px solid #6c98e1 !important;
    border-radius: 15px !important;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.dropzone-image-uploader .upload__thumbnails .item__wrapper .remove__icon svg {
    height: 10px !important;
    width: 10px !important;
    background-color: var(--main-color2);
    border-radius: 50% !important;
    padding: 5px !important;
    color: #fff !important;
    margin-bottom: 5px;
    margin-top: 5px;
}

.dropzone-image-uploader .upload__thumbnails .item__wrapper .remove__icon:hover {
    background: rgba(238, 132, 132, 0.493) !important;
    border-radius: 0px !important;
}

/* ===========================why-us ===========================================*/
.main-bannear-about.with-overlay.light .background-overlay {
    background-color: #000000;
    opacity: 0.12 !important;
}

.cash-your-car.in-contact.driven-by-passion .container-our-new .row-section .column-sec-1 {
    width: 70%;
}

.cash-your-car.in-contact.driven-by-passion .container-our-new .row-section .column-sec-2 {
    width: 30%;
}

.cash-your-car.in-contact.driven-by-passion .container-our-new .row-section .column-sec-2 img {
    border-radius: 0px !important;
}

.cash-your-car.in-contact.driven-by-passion .container-our-new .row-section .column-sec-1 h1 {
    font-size: 175px;
    font-weight: 600;
    color: #f0f0f0;
    font-family: var(--font-family2);
    text-transform: uppercase;
}

.cash-your-car.in-contact.driven-by-passion .container-our-new .row-section .column-sec-1 h2,
.cash-your-car.in-contact.driven-by-passion .container-our-new .row-section .column-sec-1 h2 span {
    font-size: 50px;
    font-weight: 500;
    margin-top: -73px;
    position: relative;
    z-index: 11;
}

.cash-your-car.in-contact.driven-by-passion .container-our-new .row-section .column-sec-1 h2 span {
    font-weight: 700;
}

.cash-your-car.in-contact.driven-by-passion .container-our-new .row-section .column-sec-1 p {
    font-size: 18px;
    font-family: var(--font-family3);
    color: #000;
}

.cash-your-car.in-contact.driven-by-passion .container-our-new .row-section .column-sec-1 .car-features-container {
    padding-top: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.cash-your-car.in-contact.driven-by-passion .container-our-new .row-section .column-sec-1 .car-features-container .feature-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.cash-your-car.in-contact.driven-by-passion .car-features-container .car-features .feature-img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 31px;
    width: 34%;
    height: auto;
}

.cash-your-car.in-contact.driven-by-passion .car-features-container .car-features .feature-img img {
    height: auto !important;
    width: auto !important;
}

.cash-your-car.in-contact.two.bark-bg {
    background: #e9e9e9;
    padding: 100px 0px 100px 0px;
}

.cash-your-car.in-contact.two.bark-bg .column-sec-1 {
    width: 70%;
    display: flex;
    justify-content: start;
    padding: 15px 150px 15px 15px;
}

.cash-your-car.in-contact.two.bark-bg .column-sec-2 {
    width: 30%;
    display: flex;
    justify-content: end;
    position: relative;
}

.cash-your-car.in-contact.two.bark-bg .column-sec-1 .our-form-section {
    padding: 55px;
    border-radius: 55px;
    background: #fff;
}

.cash-your-car.in-contact.two.bark-bg .column-sec-1 .our-form-section form input::placeholder,
.cash-your-car.in-contact.two.bark-bg .column-sec-1 .our-form-section form textarea::placeholder {
    text-transform: uppercase;
    color: #777771;
    font-size: 13px;
    font-family: var(--font-family5);
}

.cash-your-car.in-contact.two.bark-bg .column-sec-1 .our-form-section form input:hover,
.cash-your-car.in-contact.two.bark-bg .column-sec-1 .our-form-section form textarea:hover {
    background: #e9e9e9;
}

.cash-your-car.in-contact.two.bark-bg .column-sec-2 .cash-your-car-right .img-container {
    position: relative;
}

.browse-collection-link {
    background-color: #ffffff00;
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    fill: #ffffff;
    color: #ffffff !important;
    padding: 0px 0px 0px 0px;
    display: flex !important;
    gap: 7px;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 14%;
    right: 0;
    left: 0;
    text-align: center;
}

.colaboration-overlay-1 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(#00000000, #0000008c);
}

.cash-your-car.in-contact.driven-by-passion.collaboration {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.cash-your-car.in-contact.driven-by-passion.collaboration.main-section-paddng {
    padding: 50px 0px 50px 0px;
    position: relative;
}

.colaboration-overlay-1 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(#00000000, #000000ab);
}

.cash-your-car.in-contact.driven-by-passion.collaboration .container-our-new .row-section .column-sec-1 {
    width: 100%;
}

.cash-your-car.in-contact.driven-by-passion.collaboration .container-our-new .row-section .column-sec-1 .cash-your-car-left.first h2 {
    margin: 0 auto;
    max-width: 1000px;
    font-size: 80px;
    font-weight: 600;
    letter-spacing: 1.1px;
    color: #232628;
    font-family: var(--font-family2);
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
}

.space-height {
    height: 560px;
}

.cash-your-car.in-contact.driven-by-passion.collaboration .container-our-new .row-section .column-sec-1 .cash-your-car-left.second h2 {
    margin-top: 0px;
}

.cash-your-car.in-contact.driven-by-passion.collaboration .container-our-new .row-section .column-sec-1 .cash-your-car-left.second h2 span {
    color: #ffffff00;
    font-size: 50px;
    -webkit-text-stroke-width: 1px;
    stroke-width: 1px;
    /*-webkit-text-stroke-color: #000000;*/
    -webkit-text-stroke-color: #ffffff;
    /*stroke: #000000;*/
    stroke: #ffffff;
    font-weight: 700;
    font-family: var(--font-family2);
    text-transform: uppercase;
    margin-top: 0px;
}

.cash-your-car.in-contact.driven-by-passion.collaboration .container-our-new .row-section .column-sec-1 .cash-your-car-left.second {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 100px;
    margin: 0 auto;
    margin-top: 20px;
}

.cash-your-car.in-contact.driven-by-passion.collaboration.main-section-paddng .know-more-new-btn {
    position: relative;
    z-index: 11;
    fill: #fff;
    color: #fff !important;
    border-color: #fff;
}

.know-more-new-btn {
    background-color: #ffffff00;
    font-family: "Montserrat", Sans-serif;
    font-size: 17px;
    font-weight: 500;
    fill: #000000;
    color: #000000;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #000000;
    border-radius: 5px 5px 5px 5px;
    padding: 15px 15px 15px 15px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 200px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.know-more-new-btn:hover {
    background: #000;
    color: #fff !important;
}

.cash-your-car.in-contact.driven-by-passion.exclusive .container-our-new .row-section .column-sec-1 h2,
.cash-your-car.in-contact.driven-by-passion.exclusive .container-our-new .row-section .column-sec-1 h2 span {
    font-size: 50px;
    font-weight: 500;
    margin-top: 0px;
    position: relative;
    z-index: 11;
}

.cash-your-car.in-contact.driven-by-passion.exclusive .container-our-new .row-section .column-sec-1 {
    width: 50%;
    padding: 15px 120px 120px 120px;
}

.cash-your-car.in-contact.driven-by-passion.exclusive .container-our-new .row-section .column-sec-2 {
    width: 50%;
}

.cash-your-car.in-contact.driven-by-passion.exclusive .container-our-new .row-section .column-sec-1 h2 span {
    color: #ffffff;
    font-size: 50px;
    -webkit-text-stroke-width: 1px;
    stroke-width: 1px;
    -webkit-text-stroke-color: #727272;
    stroke: #727272;
    font-weight: 700;
    line-height: 1;
    margin-top: 20px;
}

.cash-your-car.in-contact.driven-by-passion.exclusive .container-our-new .row-section .column-sec-1 p {
    padding: 25px 0 25px 0;
}

.cash-your-car.in-contact.driven-by-passion.exclusive .container-our-new .row-section .column-sec-2 img {
    border-radius: 25px !important;
}

.approved-buyers.inspection-guidelines.prices .row-section {
    display: flex;
    justify-content: center;
}

.approved-buyers.inspection-guidelines.prices .column-sec-2 {
    width: 60%;
}

.approved-buyers.inspection-guidelines.prices h2 span {
    color: #ffffff;
    font-size: 50px;
    -webkit-text-stroke-width: 1px;
    stroke-width: 1px;
    -webkit-text-stroke-color: #727272;
    stroke: #727272;
}

.approved-buyers.inspection-guidelines.prices .sell-your-car-at-best-price .card-for-sale .card-img {
    width: 18%;
    margin-right: 0px;
}

.approved-buyers.inspection-guidelines.prices .sell-your-car-at-best-price h5 {
    margin-bottom: 14px;
    color: #0c0c0c;
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.3px;
}

.approved-buyers.inspection-guidelines.prices .sell-your-car-at-best-price p {
    color: #757575;
    font-family: var(--font-family2);
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.9px;
}

.cash-your-car.in-contact.review.in-why-us {
    background-color: rgb(245, 245, 245);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    transition: background 0.3s, border 0.3s, border-radius 0.3s,
        box-shadow 0.3s;
    padding: 100px 0px 100px 0px;
    background-attachment: fixed;
    height: 100%;
    width: 100%;
    position: relative;
}

.cash-your-car.in-contact.review.in-why-us .bg-overlay-1 {
    background-color: #000000;
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.cash-your-car.in-contact.review.in-why-us .column-sec-1 h2 {
    color: #fff;
    font-size: 55px;
    font-weight: 600;
    line-height: 74px;
}

.cash-your-car.in-contact.review.in-why-us .column-sec-1 h4 {
    margin-bottom: 4px;
    color: #d8d8d8;
    font-size: 28px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: var(--font-family2);
}

.cash-your-car.in-contact.review .column-sec-1 h4 span {
    color: #9c9b9b;
    font-family: var(--font-family2);
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.9px;
}

.cash-your-car.in-contact.review.in-why-us .column-sec-1 .cash-your-car-left::before {
    position: absolute;
    top: -30px;
    left: -84px;
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 80px;
    color: #fff;
    z-index: 3;
}

.cash-your-car.in-contact.review.in-why-us .column-sec-1 .cash-your-car-left::after {
    position: absolute;
    bottom: -14px;
    right: 2px;
    content: "\f10e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 80px;
    color: #fff;
    z-index: 3;
}

.ratings-customer {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    gap: 1px;
    margin-top: 10px;
    color: #d5ab55;
}

/* ===============================faq-section==================================== */
.cash-your-car.in-contact.faqs {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.cash-your-car.in-contact.faqs .full-width-column {
    width: 70%;
}

.cash-your-car.in-contact.faqs .row-section {
    display: flex;
    justify-content: center;
}

.full-width-faqs-section {
    width: 100%;
    border: 1px solid #d5d8dc !important;
}

.full-width-faqs-section .accordion-item {
    background-color: #fff !important;
    border: none !important;
}

.full-width-faqs-section .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px 35px !important;
    padding-left: 65px !important;
    font-size: 15px !important;
    color: #424242 !important;
    font-family: var(--font-family3) !important;
    text-align: left;
    font-weight: 700 !important;
    line-height: 1;
    cursor: pointer;
    outline: none;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    border: 1px solid #d5d8dc !important;
    position: relative;
}

.full-width-faqs-section .accordion-body {
    border: 1px solid #d5d8dc !important;
    padding: 25px 25px 25px 25px !important;
}

.full-width-faqs-section .accordion-body .accordian-description p {
    background-color: #ffffff;
    color: #000000;
    font-family: var(--font-family3) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    margin-bottom: 0px !important;
}

/*.full-width-faqs-section .accordion-button:not(.collapsed)::after,*/
/*.full-width-faqs-section*/
/*    .accordion-item*/
/*    .accordion-collapse:is(.show)*/
/*    + .accordion-header*/
/*    .accordion-button:not(.collapsed)::after {*/
/*    color: #424242 !important;*/
/*    background-color: #fff;*/
/*    box-shadow: none;*/
/*    position: absolute;*/
/*    top: 15px;*/
/*    left: 20px;*/
/*    font-family: "Font Awesome 5 Free";*/
/*    content: "\f068";*/
/*    font-size: 18px !important;*/
/*    color: #c20202 !important;*/
/*    font-weight: 900;*/
/*    background-image: none !important;*/
/*    transition: none !important;*/
/*}*/

/*.full-width-faqs-section .accordion-button::after,*/
/*.full-width-faqs-section .accordion-item .accordion-collapse:not(.show) + .accordion-header .accordion-button::after {*/
/*    position: absolute;*/
/*    top: 15px;*/
/*    left: 20px;*/
/*    content: "\f067";*/
/*    font-family: "Font Awesome 5 Free";*/
/*    font-size: 18px !important;*/
/*    font-weight: 900;*/
/*    color: #424242 !important;*/
/*    background-image: none !important;*/
/*    transition: none !important;*/
/*}*/

/* Default state for collapsed accordion items (show plus icon) */
.full-width-faqs-section .accordion-button::after {
    content: "\f067";
    /* Font Awesome Plus icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px !important;
    color: #424242 !important;
    position: absolute;
    top: 15px;
    left: 20px;
    background-image: none !important;
    background-size: contain;
    background-repeat: no-repeat;
    transition: none !important;
}

/* State when the first accordion is expanded (show minus icon) */
.full-width-faqs-section .accordion-button[aria-expanded="true"]:first-of-type::after {
    content: "\f068";
    /* Font Awesome Minus icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px !important;
    color: #c20202 !important;
    position: absolute;
    top: 15px;
    left: 20px;
    transform: rotate(180deg);
    /* Rotate the minus icon when expanded */
    background-image: none !important;
    transition: none !important;
}

/* When any accordion is expanded, show minus icon */
.full-width-faqs-section .accordion-button[aria-expanded="true"]::after {
    content: "\f068";
    /* Font Awesome Minus icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px !important;
    color: #c20202 !important;
    position: absolute;
    top: 15px;
    left: 20px;
    transform: rotate(180deg);
    /* Rotate the minus icon when expanded */
    background-image: none !important;
    transition: none !important;
}

/* When an accordion is collapsed (show plus icon) */
.full-width-faqs-section .accordion-button:not([aria-expanded="true"])::after {
    content: "\f067";
    /* Font Awesome Plus icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px !important;
    color: #424242 !important;
    position: absolute;
    top: 15px;
    left: 20px;
    background-image: none !important;
    background-size: contain;
    background-repeat: no-repeat;
    transition: none !important;
}

.full-width-faqs-section .accordion {
    --bs-accordion-border-color: transparent !important;
    --bs-accordion-btn-focus-box-shadow: none !important;
    --bs-accordion-active-color: #c20202 !important;
    --bs-accordion-active-bg: transparent !important;
}

/* Apply when accordion item is open (expanded) */
.full-width-faqs-section .accordion-button[aria-expanded="true"] {
    color: #c20202 !important;
    /* Text color when expanded */
    background-color: transparent !important;
    /* Transparent background when expanded */
    box-shadow: none !important;
    /* No box-shadow when expanded */
}

/* Apply when accordion item is collapsed (closed) */
.full-width-faqs-section .accordion-button[aria-expanded="false"] {
    color: #424242 !important;
    /* Default text color when collapsed */
    background-color: transparent !important;
    /* Transparent background when collapsed */
    box-shadow: none !important;
    /* No box-shadow when collapsed */
}

/*.full-width-faqs-section .accordion-button:not(.collapsed) {*/
/*    color: #c20202 !important;*/
/*    background-color: transparent !important;*/
/*    box-shadow: none !important;*/
/*}*/

.cash-your-car.in-contact.faqs.dark-bg {
    background: #000000 !important;
}

.cash-your-car.in-contact.faqs.dark-bg .full-width-faqs-section {
    background: transparent !important;
    border: none !important;
}

.cash-your-car.in-contact.faqs.dark-bg .full-width-faqs-section .main-heading-banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.cash-your-car.in-contact.faqs.dark-bg .full-width-faqs-section .main-heading-banner h2 {
    color: #ffffff;
    font-size: 45px;
    font-weight: 500;
    line-height: 71px;
}

.cash-your-car.in-contact.faqs.dark-bg .full-width-faqs-section .main-heading-banner p {
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    font-family: var(--font-family3);
}

.cash-your-car.in-contact.faqs.dark-bg .full-width-faqs-section .main-heading-banner p a {
    display: inline-block;
    font-size: 21px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: var(--font-family2);
}

.cash-your-car.in-contact.faqs.dark-bg .full-width-faqs-section .main-heading-banner p.email {
    margin-bottom: 0px !important;
}

.cash-your-car.in-contact.faqs.dark-bg .full-width-faqs-section .main-heading-banner h6 {
    color: #d5d5d5;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    font-family: var(--font-family3);
}

/*================================== blog-details-section ==========================*/
.cash-your-car.in-contact.faqs.bg-details {
    padding: 150px 0px 0px 0px !important;
}

.our-blog-details-section .blog-details-heading h2,
.our-blog-details-section h2 {
    color: #232628;
    font-size: 30px;
    line-height: 42px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0px;
    word-spacing: 0px;
    margin-bottom: 35px;
    line-height: 50px;
    text-transform: uppercase;
    font-family: var(--font-family2);
    text-align: left;
}

.our-blog-details-section .blog-details-image {
    position: relative;
    margin-bottom: 40px;
}

.our-blog-details-section .bootom-line-part {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 18px 0;
    background-color: #232628;
}

.our-blog-details-section .bootom-line-part .left-part {
    display: flex;
    gap: 35px;
}

.our-blog-details-section .bootom-line-part p span:nth-child(2) {
    position: relative;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    font-family: var(--font-family2);
    text-transform: uppercase;
}

.our-blog-details-section .bootom-line-part p span:nth-child(1) {
    color: #e23434;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
}

.our-blog-details-section .bootom-line-part p {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
}

.our-blog-details-section .bootom-line-part .right-part p span:nth-child(2) {
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.our-blog-details-section .bootom-line-part .right-part p span:nth-child(2):hover {
    color: #6c98e1;
}

.our-blog-details-section h3 {
    color: #232628;
    font-size: 26px;
    line-height: 32px;
    font-weight: 300;
    font-style: normal;
    text-transform: normal;
    letter-spacing: 0px;
    word-spacing: 0px;
    font-family: var(--font-family2);
    text-transform: uppercase;
}

.our-blog-details-section h2.h2-main {
    margin-bottom: 10px;
}

.our-blog-details-section p {
    font-size: 15px;
    font-family: var(--font-family3);
    margin-bottom: 14px;
}

.our-blog-details-section h5 {
    font-size: 20px;
    font-weight: 300;
    font-family: var(--font-family2);
    text-transform: uppercase;
    color: #232628;
}

.our-blog-details-section h3 {
    color: #232628;
    font-size: 26px;
    line-height: 32px;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0px;
    word-spacing: 0px;
    font-weight: 700;
    font-family: var(--font-family2);
    margin-bottom: 15px;
}

.our-blog-details-section h3 span {
    font-weight: 300;
}

.our-blog-details-section h4 {
    color: #232628;
    font-size: 23px;
    line-height: 32px;
    font-weight: 700;
    font-family: var(--font-family2);
    text-transform: uppercase;
}

.post-content-section {
    padding-top: 35px;
    margin-top: 38px;
    padding-bottom: 35px;
    margin-bottom: 38px;
    border-top: 1px solid #ddd;
}

.post-content-section .post-upper {
    display: flex;
    justify-content: space-between;
}

.post-content-section .post-upper p span:nth-child(1) {
    color: #232628;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0px;
    word-spacing: 0px;
    font-family: var(--font-family2);
}

.post-content-section .post-upper p span:nth-child(2) {
    color: #888;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0px;
    word-spacing: 0px;
    margin-left: 5px;
    font-family: var(--font-family3);
}

.post-content-section .post-upper a {
    position: relative;
    display: block !important;
    padding: 0px 15px 0 17px;
    font-size: 12px !important;
    text-transform: uppercase;
    color: #888 !important;
    border: 1px solid #dddddd;
    line-height: 35px;
    border-radius: 40px;
    text-decoration: none !important;
    background: #fff;
    font-family: var(--font-family3);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.post-content-section .post-upper a svg {
    color: #e23434;
    font-size: 13px !important;
    margin-right: 10px;
}

.post-content-section .post-upper a:hover {
    border-color: #6c98e1;
    color: #6c98e1 !important;
}

.post-comment-form input,
.post-comment-form textarea {
    margin: 10px;
    width: 100%;
    background: #eceff3 !important;
    border: none;
    outline: none;
    height: 44px;
    padding: 0 21px;
    font-weight: 300;
    color: #888888;
    border: 2px solid #eceff3;
    font-size: 14px;
    outline: none !important;
    background-color: #eceff3;
    font-family: var(--font-family4);
}

.post-comment-form textarea {
    height: 175px;
    padding: 21px;
}

.post-comment-form input::placeholder,
.post-comment-form textarea::placeholder {
    font-weight: 300;
    color: #888888;
    font-size: 14px;
    font-family: var(--font-family4);
}

.post-comment-form input:focus,
.post-comment-form input:hover,
.post-comment-form textarea:focus,
.post-comment-form textarea:hover {
    background-color: #fff !important;
    border-color: #6c98e1;
    color: #232628;
}

.post-comment-form .submit-form {
    background-color: #e23434;
    font-family: var(--font-family2);
    text-transform: uppercase;
    display: block;
    text-align: center;
    padding: 17px 28px 15px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: 0.3px;
    color: #fff;
    border-radius: 3px;
    text-decoration: none !important;
    outline: none !important;
    visibility: visible;
    border: none;
    white-space: normal;
    box-shadow: 0 2px 0 #567ab4;
    transition: opacity 0.2s ease-in !important;
    transform: translateZ(0);
    opacity: 1;
    margin: 20px 10px;
}

.post-comment-form .submit-form:hover {
    opacity: 0.8;
}

/*========================= live-css=======================*/
/* ============main-body-banner===================== */
.home-banner {
    padding: 1.1rem 0;
}

.home-breadcrumb nav ol li {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--font-family);
    color: var(--text-color);
    padding-right: 8px;
    padding-left: 8px;
}

.home-breadcrumb nav ol li.active {
    color: var(--main-color);
}

.breadcrumb-item+.breadcrumb-item::before {
    color: var(--black-color) !important;
}

.banner-heading-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d9d9d9;
    padding-top: 30px;
    padding-bottom: 30px;
}

.main-page-heading h2 span {
    font-size: 28px;
    font-family: var(--font-family2);
    font-weight: 500;
    line-height: 30.8px;
    text-transform: uppercase;
    word-spacing: 0px;
    color: #000;
}

.main-page-heading h2 span.below-767 {
    display: none;
}

.side-list-options {
    display: flex;
    align-items: center;
    gap: 30px;
}

.side-list-options .filter-options,
.side-list-options .sort-options {
    display: flex;
    align-items: center;
    gap: 20px;
}

.side-list-options .filter-options h3,
.side-list-options .sort-options label {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: var(--font-family2);
    color: rgba(0, 0, 0, 0.8);
    letter-spacing: 1.5px;
    line-height: 19.2px;
}

.side-list-options .sort-options label {
    width: 100px;
}

.btn.btn-primary.filter-btn {
    width: 49px;
    height: 51px;
    cursor: pointer;
    padding: 12px;
    margin: 0 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(https://4spinz.com/front_html/images/home/car/filters-icon-black.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center center;
    background-color: #fff;
}

.btn.btn-primary.filter-btn:hover,
.btn.btn-primary.filter-btn:focus {
    /*background: transparent;*/
    border: 1px solid #ccc;
}

.btn.btn-primary.filter-btn .fa-sliders {
    transform: rotate(90deg);
    color: var(--heading-color);
    font-size: 16px;
    cursor: pointer;
    font-family: "Barlow Condensed";
    font-weight: 500;
    letter-spacing: 1.5px;
    line-height: 19.2px;
    word-spacing: 0px;
    color: rgba(0, 0, 0, 0.8);
}

.sort-options select {
    box-shadow: none;
    outline: none;
    color: #000;
    font-family: Barlow, arial;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: 0;
    padding: 15px 25px;
    padding-right: 85px;
    border-radius: 10px;
    margin: 0 0 0 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(https://4spinz.com/front_html/images/home/car/selectinput-arrow.png);
    background-repeat: no-repeat;
    background-position: 87% center;
    background-size: 14px 6px;
    border: 1px solid #ccc;
    outline: 0 !important;
}

.sort-options select.form-select {
    --bs-form-select-bg-img: none !important;
}

.sort-options select:hover,
.sort-options select:focus {
    border: 1px solid #ccc;
    box-shadow: none;
}

.vehicle-card {
    padding-top: 0px;
}

.our-car-items {
    background: var(--bg-clor);
    border-radius: 0px 0px 20px 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    /*margin-top: 30px;*/
}

/*.our-car-items .car-image img {*/
/*    border-radius: 0px 0px 20px 20px;*/
/*    height: 300px !important;*/
/*    object-fit: fill;*/
/*}*/

.our-car-items .car-details {
    /*padding: 20px 30px 40px 30px;*/
    padding: 10px 30px 40px 30px;
}

.our-car-items .car-details h5 {
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: var(--font-family2);
}

.our-car-items .car-details h3 {
    font-size: 25px;
    font-weight: 500;
    color: black;
    margin: 10px 0px;
    text-transform: uppercase;
    font-family: var(--font-family2);
    line-height: 1.3;
    letter-spacing: 1px;
    width: 100%;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
}

.our-car-items .car-details p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #8a8a8a;
    text-transform: uppercase;
    font-family: var(--font-family2);
    letter-spacing: 1.5px;
}

.our-car-items .car-details p span {
    text-decoration: underline;
}

/*.our-car-items .car-details .side-details ul {*/
/*    display: flex;*/
/*    align-items: start;*/
/*    padding-left: 0px;*/
/*    justify-content: space-between;*/
/*}*/

/*.our-car-items .car-details .side-details ul li {*/
/*    padding: 0px 20px;*/
/*    border-right: 3px solid #e6e6e6;*/
/*    display:flex;*/
/*    flex-direction:column;*/
/*    gap:10px;*/
/*}*/

.our-car-items .car-details .side-details ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    padding-left: 0;
}

.our-car-items .car-details .side-details ul li {
    padding: 0 10px;
    border-right: 3px solid #e6e6e6;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Remove right border on the last item in each row */
.our-car-items .car-details .side-details ul li:nth-child(3n) {
    border-right: none;
}

.custom_container {
    max-width: 1510px !important;
}

.container {
    max-width: 1510px !important;
}

/*.our-car-items .car-image {*/
/*    height: auto !important;*/
/*}*/

.card_123 {
    padding: 5px 26px !important;
    margin-top: 30px !important;
}

.our-car-items .car-details .side-details ul li:last-child {
    border-right: none;
}

.our-car-items .car-details .side-details ul li span {
    font-size: 14px;
    font-weight: 600;
    color: #565655;
    text-transform: uppercase;
    font-family: var(--font-family);
}

.our-car-items .car-details .side-details ul li span:first-child {
    display: block;
}

.our-car-items .car-details .side-details ul li span:last-child {
    color: var(--heading-color);
}

.car-image {
    position: relative;
}

/*.badge.text-bg-danger.badge-1 {*/
/*    position: absolute;*/
/*    top: 26px;*/
/*    width: 200px;*/
/*    right: -26px;*/
/*    z-index: 1;*/
/*    border-radius: 0px 0px 0px 0px;*/
/*    padding: 6px 40px;*/
/*    font-size: 12px;*/
/*    font-weight: 500;*/
/*    text-transform: uppercase;*/
/*    letter-spacing: 2px;*/
/*    font-family: var(--font-family);*/
/*    transform: rotate(31deg);*/
/*}*/
.badge.text-bg-danger.badge-1 {
    position: absolute;
    top: 26px;
    width: 200px;
    right: -26px;
    z-index: 1;
    border-radius: 0px 0px 0px 0px;
    padding: 6px 40px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: var(--font-family);
    transform: rotate(31deg);
}

.full-cover-block {
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 60px;
    border-radius: 20px 20px 0px 0px;
    padding: 15px;
    text-transform: uppercase;
    font-family: var(--font-family);
    background: #f4f4f4;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.full-cover-block .left-container-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: start;
}

.full-cover-block .right-container-text .img-logos {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.full-cover-block .right-container-text .new-img {
    /*height:20px !important;*/
    height: auto !important;
    width: 50px !important;
    position: relative;
    padding: 0px 5px;
}

.full-cover-block .right-container-text img {
    height: 100% !important;
    width: 100%;
    object-fit: fill;
}

.full-cover-block .left-container-text p {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: var(--font-family);
    letter-spacing: 2px;
    margin-bottom: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.full-cover-block .left-container-text small {
    color: #000000;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--font-family);
    letter-spacing: 1px;
    word-spacing: 3px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.badge.text-bg-danger.badge-2 {
    position: absolute;
    top: 0;
    right: 30px;
    display: block;
    padding: 10px 10px;
    text-align: center;
    border-radius: 0px 0px 20px 20px;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: var(--font-family);
    border: 3px solid var(--white-color);
    border-top: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.badge.text-bg-danger.badge-2 .fa-star {
    color: #ffc800;
}

.badge.text-bg-danger.badge-3 {
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 1;
    border-radius: 20px 0px 0px 20px;
    padding: 10px 25px;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: var(--font-family);
    border: 3px solid var(--white-color);
    border-right: none;
}

.booked-star {
    background-image: url(../images/home/car/carlisting-newtag-star.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: block;
}

.show-more-btn {
    border: none;
    outline: none;
    background: var(--black-color);
    height: 60px;
    width: 230px;
    text-align: center;
    text-transform: uppercase;
    font-family: var(--font-family);
    letter-spacing: 2px;
    color: var(--white-color);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border-radius: 10px;
    margin: 60px auto;
    font-size: 17px;
    font-weight: 400;
}

.show-more-main {
    text-align: center;
}

.show-more-btn:hover {
    background: transparent;
    border: 1px solid var(--black-color);
    color: var(--black-color);
}

/* ============above-footer======================== */
.above-footer {
    padding-top: 50px;
    padding-bottom: 50px;
    background: var(--dark-color);
}

.above-footer-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.left-part-new {
    display: flex;
    align-items: center;
    gap: 20px;
}

.left-part-new h5 {
    color: var(--white-color);
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: var(--font-family);
    letter-spacing: 2px;
}

.social-icons-items {
    display: flex;
    gap: 20px;
    align-items: center;
}

.social-icons-items li a {
    display: block;
    color: #5f5a5c !important;
    font-size: 22px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.social-icons-items li a:hover {
    color: var(--white-color) !important;
}

.right-part-new-one {
    width: 450px;
}

.right-part-new-one form input {
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 2px;
    font-family: var(--font-family);
}

.right-part-new-one form {
    padding: 10px 10px;
    background: var(--white-color);
    border-radius: 10px;
}

.right-part-new-one form button {
    text-transform: uppercase;
    font-family: var(--font-family);
    letter-spacing: 1px;
    font-size: 16px;
}

/* -----------------------------------------------------============modal-section========================----------------------------------------------------------------------------- */
.filter-modal .btn-close {
    --bs-btn-close-bg: none !important;
    height: auto !important;
    width: auto !important;
    --bs-btn-close-opacity: 0.7;
    --bs-btn-close-hover-opacity: 1;
    --bs-btn-close-focus-shadow: none;
    padding: 6px 10px !important;
    margin: 5px !important;
    text-align: center;
}

.filter-modal .btn-close .fa-xmark {
    color: #000;
    font-size: 25px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    text-align: center;
}

.filter-modal .btn-close .fa-xmark:hover {
    transform: scale(1.2);
}

.reset-btn-modal {
    background: #f4f4f4;
    border: none;
    outline: none;
    padding: 6px 10px;
    text-transform: uppercase;
    font-family: var(--font-family);
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.reset-btn-modal .fa-arrow-rotate-right {
    margin-left: 5px;
    transform: scaleX(-1);
    color: #8f8f8f;
}

.reset-btn-modal:hover {
    background: var(--black-color);
    color: var(--white-color);
}

.reset-btn-modal:hover .fa-arrow-rotate-right {
    color: #c1c1c1;
}

.filter-modal .modal-header {
    display: flex;
    justify-content: end;
    align-items: center;
    border-bottom: none;
}

.filter-modal .modal-footer {
    border-top: none;
}

.modal-header-btns {
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-filter-body {
    padding: 0px 20px;
}

.modal-filter-body h3 {
    font-size: 23px;
    font-weight: 500;
    font-family: var(--font-family);
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.modal-filter-body .modal-btn-group {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.modal-filter-body .modal-btn-group .radio-input {
    display: none;
}

.modal-filter-body .modal-btn-group .radio-label {
    padding: 10px 15px;

    background: #f4f4f4;
    border: none;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 1px;
    font-family: var(--font-family);
    border-radius: 10px;
}

.modal-filter-body .modal-btn-group .radio-input:checked+.radio-label {
    background: var(--black-color);
    color: var(--white-color);
}

.modal-filter-body .modal-btn-group.last-one .radio-label {
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.modal-filter-body select {
    width: 100%;
    height: 60px;
    box-shadow: none;
    outline: none;
    border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 20px !important;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: var(--font-family);
    padding-left: 20px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.modal-filter-body select:hover,
.modal-filter-body select:focus {
    border: 1px solid var(--black-color);
    box-shadow: none;
}

.btn.btn-dark.apply-filter {
    height: 60px;
    width: 100%;
    box-shadow: none;
    margin-top: 30px;
    margin-bottom: 40px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: var(--font-family);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.btn.btn-dark.apply-filter:hover {
    background: transparent;
    border: 1px solid var(--black-color);
    color: var(--black-color);
}

/*.our-car-items .car-image {*/
/*height: 300px;*/
/*    height: 278px;*/
/*    width: 100%;*/
/*    overflow: hidden;*/
/*    cursor: pointer;*/
/*    position: relative;*/
/*    border-radius: 0px 0px 20px 20px;*/
/*}*/

.our-car-items .car-image {
    /* height: 300px; */
    /* height: 278px; */
    /* width: 100%; */
    overflow: hidden;
    cursor: pointer;
    position: relative;
    border-radius: 0px 0px 20px 20px;
}

.our-car-items .new_i {
    position: relative;
    padding-top: 66.67%;
}

/*.car-image img {*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    object-fit: cover;*/
/*    transition-duration: 2s;*/
/*    margin: 0 auto;*/
/*    display: block;*/

/*}*/

.our-car-items .car-image img {
    border-radius: 0px 0px 20px 20px;
    /* height: 300px !important; */
    /* object-fit: fill; */
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

/*.car-image:hover img {*/
/*  transform: scale(1);*/
/*    -webkit-transform: scale(1);*/
/*    -moz-transform: scale(1);*/
/*    z-index: 0;*/
/*}*/

.main-logo {
    width: fit-content;
}

.main-header-focus nav .main-logo img {
    width: 230px;
}

.main-header-focus nav {
    justify-content: space-around;
}

/* ============================================================details-page ==========================================================================*/
.upper-description-part {
    position: relative;
    transition: top 0.3s ease-in-out;
}

.upper-description-part.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background: #f4f4f4;
}

.details-left {
    display: flex;
    gap: 20px;
    align-items: center;
}

.payment-option-container-banner {
    display: flex;
    justify-content: space-between;
    align-items: start;
    height: 200px;
}

.details-left h2 {
    max-width: 435px;
    font-weight: 600;
    font-family: var(--font-family2);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    color: #000;
    line-height: 30px;
    font-size: clamp(22px, 2vw, 27px);
}

.details-left h5 {
    font-weight: 600;
    color: #000;
    font-family: var(--font-family2);
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 10px;
    line-height: 30px;
    font-size: clamp(22px, 2vw, 27px);
}

.details-left h5 sapn {
    color: #6f6f6f;
}

.details-left h6 {
    color: rgb(138, 138, 138);
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Barlow Condensed";
    letter-spacing: 1px;
    line-height: 2.133;
    font-weight: 500;
    /* opacity: 0.5; */
}

.padding-top-bottom {
    padding-bottom: 30px;
}

.right-division table {
    margin-bottom: 0px;
    background: transparent;
}

.right-division table tr td {
    padding-bottom: 0px;
    padding-top: 0px;
    font-size: clamp(12px, 0.5vw, 14px);
    text-transform: uppercase;
    font-family: var(--font-family2);
    font-weight: 500;
    letter-spacing: 1.6px;
    color: #565655;
    background: transparent;
    line-height: 21px;
}

.right-division table tr th {
    padding-bottom: 0px;
    padding-top: 0px;
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
    font-family: var(--font-family2);
    font-weight: 500;
    letter-spacing: 1.6px;
    background: transparent;
    line-height: 21px;
}

.division-section-detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.details-right {
    display: flex;
    gap: 20px;
    align-items: center;
}

.calculation-btn {
    display: flex;
    gap: 10px;
    align-items: center;
}

.calculation-btn .btn-outline-secondary {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3px;
    padding: clamp(7px, 0.5vw, 14px);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border: 1px solid #c3c3c3;
}

.calculation-btn .btn-outline-secondary:hover {
    background: transparent;
}

.calculation-btn .btn-outline-secondary span {
    font-size: clamp(7px, 0.7vw, 15px);
    font-family: var(--font-family);
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--black-color);
    text-wrap: nowrap;
}

.btn-dark.custom-dark {
    height: 60px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border: 1px solid var(--black-color);
    font-size: clamp(12px, 0.85vw, 18px);
    font-family: var(--font-family2);
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--white-color);
    padding: clamp(6px, 1vh, 12px) clamp(15px, 1vw, 30px);
    border-radius: 15px;
    margin-bottom: 0px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    text-wrap: nowrap;
}

.btn-dark.custom-dark:hover {
    background: transparent;
    color: var(--black-color);
    border: 1px solid var(--black-color);
}

.car-image-full {
    width: 100%;
    overflow-y: hidden;
}

.car-image-full .owl-carousel-two .banner-full-image {
    height: 440px;
    width: 100%;
}

.car-image-full .owl-carousel-two .banner-full-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.car-image-full .owl-carousel .owl-nav button.owl-next,
.car-image-full .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    height: 60px;
    width: 60px;
    background-color: var(--black-color);
    color: var(--white-color);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 19px;
    transition: all 0.3s ease-in-out;
}

.car-image-full .owl-carousel .owl-nav button.owl-next:hover,
.car-image-full .owl-carousel .owl-nav button.owl-prev:hover {
    background: var(--main-color);
}

.car-image-full .owl-carousel .owl-nav button.owl-next {
    right: 0;
    left: auto;
}

.car-description-n-details {
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #dfdfdf;
}

.car-description-n-details h3 {
    text-transform: uppercase;
    font-size: 23px;
    font-weight: 600;
    font-family: var(--font-family);
    letter-spacing: 1px;
    margin-bottom: 30px;
}

.specifications-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
}

.specifications-container .card-spec {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 40px;
    width: 100%;
    align-items: center;
}

.specifications-container .card-spec .image-border {
    padding: 20px 0px;
    border: 1px solid rgb(0 0 0 / 20%);
    border-radius: 8px;
    text-align: center;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.specifications-container .card-spec h5 {
    color: #2e2e2e;
    text-transform: uppercase;
    font-family: var(--font-family2);
    font-weight: 400;
    letter-spacing: 1px;
    width: 150px;
    font-size: 16.5px;
    text-align: center;
}

.specifications-container .card-spec h5 b {
    color: var(--black-color);
    text-align: center;
}

/* faq-details-section */
.faq-details-section {
    padding-top: 60px;
    padding-bottom: 60px;
}

.faq-details-section h3 {
    text-transform: uppercase;
    font-family: var(--font-family);
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 32px;
    margin-bottom: 30px;
}

.faq-details-section .accordion-button::after {
    background-image: url(https://4spinz.com/plus.png);
    background-repeat: no-repeat;
}

.faq-details-section .accordion-item {
    background: transparent;
    box-shadow: none;
}

.faq-details-section .accordion-button:not(.collapsed)::after {
    background-image: url(https://4spinz.com/minus.png);
    transform: none;
    background-color: transparent !important;
    box-shadow: none;
    border: none;
}

.faq-details-section .accordion-button {
    font-size: 18px;
    font-weight: 400;
    font-family: var(--font-family);
    letter-spacing: 1px;
}

.faq-details-section .accordion-button:not(.collapsed) {
    color: var(--black-color);
    font-weight: 700;
    background-color: transparent;
    box-shadow: none;
}

.faq-details-section .accordion-button:focus {
    box-shadow: none;
}

.faq-details-section .accordion-body {
    font-size: 18px;
    font-weight: 400;
    font-family: var(--font-family);
    letter-spacing: 1px;
}

.faq-details-section .accordion-body table tr td {
    font-family: var(--font-family);
    letter-spacing: 1px;
}

.faq-details-section .accordion-body table tr th {
    font-family: var(--font-family);
    letter-spacing: 1px;
    text-align: end;
    font-weight: 400;
    color: var(--black-color);
}

.faq-details-section .accordion-body .table {
    --bs-table-striped-bg: rgb(0 0 0 / 3%);
    --bs-table-border-color: transparent;
}

.faq-details-section .accordion-body .table> :not(caption)>*>* {
    padding: 1rem 0.5rem;
}

/*.vehicle-card.inner-page .car-details {*/
/*    height:475px;*/
/*height: 240px;*/
/*}*/

.vehicle-card.inner-page .our-car-items .car-details .side-details ul li {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0px 10px;
    height: 100%;
}

.vehicle-card.inner-page .our-car-items .car-details .side-details ul li .reg-year {
    flex: 1;
    display: block;
}

/* ============================================================EMI Calculator & Slider ==========================================================================*/
.filter-modal.emi_calci .modal-header {
    justify-content: space-between;
}

.filter-modal.emi_calci .modal-header h1 {
    font-size: 25px;
    font-weight: 600;
    font-family: var(--font-family);
    color: var(--black-color);
    letter-spacing: 1px;
    text-transform: uppercase;
}

.filter-modal.emi_calci .calulator-body {
    padding: 0px 20px 0px 20px;
}

.filter-modal.emi_calci .calulator-body .card-calci {
    display: flex;
    gap: 20px;
    padding: 40px 40px;
    background: #f8f8f8;
    border-radius: 12px;
    width: fit-content;
    height: 100%;
    width: 45%;
}

.filter-modal.emi_calci .calulator-body .card-calci .car-image-bg {
    height: 100px;
    width: auto;
}

.filter-modal.emi_calci .calulator-body .card-calci .car-image-bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.filter-modal.emi_calci .calulator-body .card-calci .calci-body h2 {
    font-size: 18px;
    font-weight: 500;
    font-family: var(--font-family);
    color: var(--black-color);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
    max-width: 270px;
}

.filter-modal.emi_calci .calulator-body .card-calci .calci-body h3 {
    font-size: 18px;
    font-weight: 400;
    font-family: var(--font-family);
    color: #6f6f6f;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 20px;
    max-width: 270px;
}

.filter-modal.emi_calci .calulator-body .payment-range {
    padding: 20px 0;
    /*margin-top: 30px;*/
}

.emi-cal-container .select-items-wrapper .card {
    padding: 1rem;
}

.filter-modal.emi_calci .card h4,
.emi-cal-container .select-items-wrapper .card h4 {
    font-size: 17px;
    font-weight: 600;
}

.filter-modal.emi_calci .card p,
.emi-cal-container .select-items-wrapper .card p {
    font-size: 14px;
}

.emi-cal-container .select-items-wrapper .card p {
    font-weight: 500;
    color: #000000;
}

.filter-modal.emi_calci .calulator-body p.text-danger {
    font-size: 13px;
    font-weight: 600;
}

.filter-modal.emi_calci .calulator-body .payment-range .range-slider-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    margin-bottom: 15px;
}

.filter-modal.emi_calci .calulator-body .payment-range .range-slider-body h3 {
    font-size: 14px;
    font-size: 18px;
    font-weight: 600;
    font-family: var(--font-family);
    color: var(--black-color);
    letter-spacing: 1px;
}

.emi-cal-container .select-items-wrapper .range-slider-body label {
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: #000;
    display: block;
    margin: 0 0 4px;
}

.emi-cal-container .select-items-wrapper .range-slider-body {
    position: relative;
    width: 100%;
}

.emi-cal-container .select-items-wrapper .range-slider-body input[type="range"] {
    width: 100%;
    height: 5px;
    margin: 15px 0;
    -webkit-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0.08);
    border: none;
    border-radius: 20px;
    outline: none;
    padding: 0;
    cursor: pointer;
}

.emi-cal-container .select-items-wrapper .range-slider-body input[type="range"]::-webkit-slider-runnable-track {
    height: 100%;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.08);
}

.emi-cal-container .select-items-wrapper .range-slider-body input[type="range"]::-webkit-slider-thumb {
    cursor: ew-resize;
    width: 20px;
    height: 20px;
    background: #000;
    border-radius: 100%;
    margin-top: -7px;
    -webkit-appearance: none;
}

.emi-cal-container .select-items-wrapper .range-slider-body input[type="range"]::-moz-range-thumb {
    cursor: ew-resize;
    width: 20px;
    height: 20px;
    background: #000;
    border-radius: 100%;
}

.emi-cal-container .select-items-wrapper .range-slider-body input[type="range"]::-moz-range-track {
    height: 100%;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.08);
}

.emi-cal-container .select-items-wrapper .range-slider-body input[type="range"]::-moz-range-progress {
    background-color: #000;
}

.emi-cal-container .select-items-wrapper .range-slider-body input[type="range"]::-ms-fill-lower {
    background-color: #000;
}

.emi-cal-container .select-items-wrapper .range-slider-body input[type="range"]::-ms-fill-upper {
    background-color: rgba(0, 0, 0, 0.08);
}

.emi-cal-container .select-items-wrapper .range-slider-body .range-value {
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    font-family: "Barlow", Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    font-size: 15px;
    line-height: 1;
    padding-left: 10px;
}

.emi-cal-container .select-items-wrapper .emi-value-table table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
}

.emi-cal-container .select-items-wrapper .emi-value-table table tr {
    border: 1px solid rgba(0, 0, 0, 0.3);
}

.emi-cal-container .select-items-wrapper .emi-value-table table tr:last-child {
    border-top-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.emi-cal-container .select-items-wrapper .emi-value-table table td {
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    padding: 8px 25px;
}

.emi-cal-container .select-items-wrapper .emi-value-table table td:last-child {
    border-right: transparent;
}

.emi-cal-container .select-items-wrapper .emi-value-table table td.payment-label,
.emi-cal-container .select-items-wrapper .emi-value-table table td.payment-value {
    font-size: 18px;
    font-family: Barlow, arial;
    font-weight: 500;
    line-height: 1.2;
}

.emi-cal-container .select-items-wrapper .emi-value-table table td.payment-label {
    text-transform: uppercase;
}

.emi-cal-container .select-items-wrapper .emi-value-table table td.payment-value {
    opacity: 0.85;
    font-size: 20px;
}

.filter-modal.emi_calci .calulator-body .payment-range .range-slider-body label {
    font-size: 14px;
    font-weight: 600;
    font-family: var(--font-family);
    color: var(--black-color);
    letter-spacing: 1px;
}

.filter-modal.emi_calci .calulator-body .payment-range .range-slider-body input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--black-color);
    border-radius: 50%;
    cursor: pointer;
    border: 10px solid var(--black-color);
}

.filter-modal.emi_calci .payment-detail-list {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 50%;
}

.filter-modal.emi_calci .payment-detail-list table tr td {
    font-size: 18px;
    font-weight: 500;
    font-family: var(--font-family);
    letter-spacing: 1px;
    text-align: end;
    padding: 15px 20px;
    border-right: 1px solid var(--border-color);
    text-transform: uppercase;
}

.filter-modal.emi_calci .payment-detail-list table {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
        rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    width: 100%;
    margin-top: 0px;
    height: 100%;
    margin-bottom: 0px;
}

.filter-modal.emi_calci .payment-detail-list table tr th {
    font-size: 18px;
    font-weight: 500;
    font-family: var(--font-family);
    color: var(--black-color);
    letter-spacing: 1px;
    padding: 20px 30px;
}

.filter-modal.emi_calci .payment-detail-list table tr td p,
.filter-modal.emi_calci .payment-detail-list table tr th p {
    display: flex;
    flex-direction: column;
    /* text-align: center; */
}

.filter-modal.emi_calci .payment-detail-list table tr td p span,
.filter-modal.emi_calci .payment-detail-list table tr th p span {
    /*font-size: 24px;*/
    font-size: 18px;
}

.filter-modal.emi_calci .payment-detail-list table tr td p small {
    font-size: 18px;
}

.sidebar {
    position: fixed;
    left: 0;
    bottom: 100px;
    right: 0;
    /*height: 120px;*/
    height: 109px;
    width: 100%;
    background: #f1f1f1;
    padding: 6px 14px;
    z-index: 99;
    transition: all 0.5s ease;
    border-radius: 30px 30px 0 0;
}

.sidebar.open {
    height: 90%;
    bottom: 0;
}

.main-page-icon {
    position: relative;
}

.main-page-icon .icon-wrapper {
    position: absolute;
    top: -27px;
    left: 45%;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: var(--main-color);
    margin: 0 auto;
    text-align: center;
    font-size: 25px;
    cursor: pointer;
    color: var(--white-color);
    transition: color 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sidebar .page-list-item ul {
    padding: 20px 10px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.sidebar .page-list-item ul li {
    /flex: 1;/ display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-size: clamp(12px, 2vw, 15px);
    font-family: var(--font-family);
    text-transform: uppercase;
    cursor: pointer;
    color: var(--black-color);
    transition: color 0.3s ease;
    letter-spacing: 1px;
    /border-right: 1px solid var(--border-color);/ position: relative;
}

.certified {
    border: none !important;
}

.certified a {
    padding: clamp(4px, 1.2vw, 7px) clamp(4px, 1.2vw, 7px);
    border: 1px solid var(--border-color);
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 12px;
}

.certified span {
    font-size: clamp(10px, 1.2vw, 12px);
    font-weight: 500;
}

.certified img {
    width: clamp(18px, 1.2vw, 24px);
    aspect-ratio: 1/1;
    height: auto;
}

.sidebar .page-list-item ul>li:nth-last-child(1)::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    top: 0px;
    right: -50px;
    background: transparent;
}

/*.sidebar .page-list-item ul li:nth-child(1),*/
.sidebar .page-list-item ul li:nth-last-child(1) {
    border-right: none;
}

.sidebar .page-list-item ul li:nth-child(1) div {
    border: 1px solid var(--border-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 10px 15px;
    border-radius: 12px;
}

.sidebar.open~.home-section {
    bottom: 90%;
    height: calc(100% - 90%);
}

.home-section .text {
    display: inline-block;
    color: #11101d;
    font-size: 25px;
    font-weight: 500;
    margin: 18px;
}

@media (max-width: 420px) {
    .sidebar li .tooltip {
        display: none;
    }
}

.bottm-btn-sec {
    position: fixed;
    bottom: 0%;
    left: 0;
    right: 0;
    height: 100px;
    width: 100%;
    z-index: 99;
    background: #f1f1f1;
    border-top: 1px solid var(--border-color);
}

.bottm-btn-sec .bottom-button-container {
    padding: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.bottm-btn-sec .bottom-button-container .first-btn {
    background: var(--black-color);
    color: var(--white-color) !important;
    padding: 15px 30px;
    border-radius: 10px;
    font-size: 22px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 80%;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.bottm-btn-sec .bottom-button-container .first-btn:hover {
    background-color: transparent;
    border: 1px solid var(--black-color);
    color: var(--black-color) !important;
}

.bottm-btn-sec .bottom-button-container .second-btn {
    background: var(--main-color);
    padding: 15px 30px;
    border-radius: 10px;
    cursor: pointer;
    width: 10%;
    text-align: center;
    transition: all 0.3s ease-in-out;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.bottm-btn-sec .bottom-button-container .second-btn:hover i {
    transform: scale(1.1);
}

.bottm-btn-sec .bottom-button-container .second-btn i {
    font-size: 28px;
    color: #ffffffcf;
    margin: 0 auto;
}

.overflow-body-section {
    height: 100%;
    width: 100%;
    overflow-y: auto;
    padding-bottom: 150px;
}

.overflow-body-section .owl-theme .owl-nav {
    display: flex;
    justify-content: center;
    align-items: center;
}

.overflow-body-section .owl-carousel .owl-nav button.owl-next,
.overflow-body-section .owl-carousel .owl-nav button.owl-prev {
    height: 40px;
    width: 40px;
    background-color: var(--main-color);
    color: var(--white-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    transition: all 0.3s ease-in-out;
}

.overflow-body-section .owl-carousel .owl-nav button.owl-next:hover,
.overflow-body-section .owl-carousel .owl-nav button.owl-prev:hover {
    background-color: var(--black-color);
}

.no-mobile-display .owl-theme .owl-nav {
    display: flex;
    justify-content: center;
    align-items: center;
}

.no-mobile-display .owl-carousel .owl-nav button.owl-next,
.no-mobile-display .owl-carousel .owl-nav button.owl-prev {
    height: 40px;
    width: 40px;
    background-color: var(--main-color);
    color: var(--white-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    transition: all 0.3s ease-in-out;
}

.no-mobile-display .owl-carousel .owl-nav button.owl-next:hover,
.no-mobile-display .owl-carousel .owl-nav button.owl-prev:hover {
    background-color: var(--black-color);
}

.mobile-view-section {
    display: none;
}

/* ============================================================Reserve Your Car ==========================================================================*/
.home-banner.bg-non-white {
    background: #f4f4f4;
}

.reserve-your-car {
    padding-top: 50px;
    padding-bottom: 50px;
}

.reserve-your-car .reservation-car-card {
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    background: var(--white-color);
    border-radius: 20px;
}

.reserve-your-car .reservation-car-card .upper-details-in-card h3 {
    font-size: 35px;
    font-weight: 500;
    color: var(--black-color);
    font-family: var(--font-family);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.reserve-your-car .reservation-car-card .upper-details-in-card h4 {
    font-size: 25px;
    font-weight: 500;
    color: var(--black-color);
    font-family: var(--font-family);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.reserve-your-car .reservation-car-card .upper-details-in-card .inner-list {
    display: flex;
    justify-content: space-between;
}

.reserve-your-car .reservation-car-card .upper-details-in-card .inner-list ul {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-left: 0px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border-color);
    margin: 10px 15px 10px 0px;
}

.reserve-your-car .reservation-car-card .upper-details-in-card .inner-list ul li {
    font-size: 15px;
    font-weight: 500;
    color: var(--text-color);
    font-family: var(--font-family);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.reserve-your-car .reservation-car-card .upper-details-in-card .inner-list ul li:nth-child(2) {
    color: var(--black-color);
}

.reserve-your-car .reservation-car-card .reserve-car-image {
    margin-top: 30px;
    height: 150px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.reserve-your-car .reservation-car-card .reserve-car-image img {
    height: 100%;
    /* width: 100%; */
    border-radius: 5px;
}

.reservation-details-page .page-heading-new {
    padding: 20px 40px;
}

.reservation-details-page .page-heading-new h2 {
    font-size: 40px;
    font-weight: 600;
    color: var(--black-color);
    font-family: var(--font-family);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.reservation-details-page .page-heading-new h3 {
    font-size: 30px;
    font-weight: 400;
    color: var(--text-color);
    font-family: var(--font-family);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.reservation-details-page .page-heading-new h4 {
    font-size: 28px;
    font-weight: 400;
    color: var(--main-color);
    font-family: var(--font-family);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.reservation-details-page .page-heading-new h6 {
    font-size: 20px;
    font-weight: 400;
    color: var(--text-color);
    font-family: var(--font-family);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 30px;
}

.reservation-details-page .page-heading-new .customer-card-container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.reservation-details-page .page-heading-new .customer-card-container .customer-single-card {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.reservation-details-page .page-heading-new .customer-card-container .customer-single-card .customer-image {
    height: 50px;
    width: 50px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--border-color);
    border-radius: 10px;
}

.reservation-details-page .page-heading-new .customer-card-container .customer-single-card ul {
    padding-left: 0px;
    margin-bottom: 40px;
}

.reservation-details-page .page-heading-new .customer-card-container .customer-single-card ul li {
    font-size: 15px;
    font-weight: 400;
    font-family: var(--font-family);
    letter-spacing: 1px;
}

.reservation-details-page .page-heading-new .customer-check-points p {
    font-size: 18px;
    font-weight: 300;
    font-family: var(--font-family);
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.reservation-details-page .page-heading-new .check-1 {
    display: flex;
    padding: 20px 20px;
    background: var(--white-color);
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.reservation-details-page .page-heading-new .check-1 .overlay-image {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px 15px;
    background-color: #ededed;
    border-top-left-radius: 20px;
    z-index: 11 !important;
    cursor: pointer;
}

.reservation-details-page .page-heading-new .check-container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.reservation-details-page .page-heading-new .check-1 .radio-container {
    display: flex;
    gap: 10px;
    padding: 15px;
}

.reservation-details-page .page-heading-new .check-1 .radio-container .form-check-input {
    flex-shrink: 0;
    width: 2em;
    height: 2em;
    background-color: #f4f4f4;
    border: none;
    border-radius: 50%;
    box-shadow: none;
}

.reservation-details-page .page-heading-new .check-1 .radio-container .form-check-input:checked {
    background-image: url("https://4spinz.com/front_html/icons/check.png") !important;
}

.checked-background {
    background-color: var(--black-color) !important;
    color: #fff !important;
}

.checked-background .radio-container label {
    color: white !important;
}

.checked-background .overlay-image {
    background-color: #b4b4b4 !important;
}

.reservation-details-page .page-heading-new .check-1 label {
    font-size: 15px;
    font-weight: 600;
    font-family: var(--font-family);
    letter-spacing: 1px;
    color: var(--black-color);
}

/* .reservation-details-page .page-heading-new .check-1:focus,.reservation-details-page .page-heading-new .check-1:hover {
    background: var(--black-color);
} */
/* .reservation-details-page .page-heading-new .check-1:focus,
.reservation-details-page .page-heading-new .check-1:hover label {
    color: var(--white-color);
} */
/* .reservation-details-page .page-heading-new .check-1:focus,
.reservation-details-page .page-heading-new .check-1:hover .overlay-image {
    background-color: #b4b4b4;
} */

.full-width-button-container-btn {
    width: 100%;
    margin-top: 50px;
    background: var(--black-color);
    height: 60px;
    border-radius: 10px;
    color: var(--white-color);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: var(--font-family);
    border: none;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.full-width-button-container-btn:hover {
    background: var(--white-color);
    color: var(--black-color);
    border: 1px solid var(--black-color);
}

.owl-carousel .owl-nav.disabled {
    display: flex !important;
}

/* ============================================================Compare the vehicle ==========================================================================*/
.compare-section {
    padding: 50px 0px;
}

.compare-the-vehicle .vehicle-heading h2 {
    font-size: 30px;
    font-weight: 600;
    color: var(--black-color);
    font-family: var(--font-family);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.colored-separator .first-long {
    margin-right: 3px;
}

.colored-separator .first-long,
.colored-separator .last-short {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 5px;
    transform: skew(-40deg, 0deg);
    border-radius: 2px;
    background: var(--main-color);
}

.compare-the-vehicle .compare-card {
    padding: 10px;
    margin: 10px;
    height: 340px;
}

.compare-the-vehicle .compare-card.compare-card-1 {
    display: flex;
    justify-content: start;
    align-items: center;
    padding-left: 0px;
    margin-left: 0px;
}

.compare-the-vehicle .compare-card .vehicle-image img {
    width: auto;
    height: 200px;
    object-fit: cover;
}

.compare-the-vehicle .compare-card .vehicle-image {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.compare-the-vehicle .compare-card .vehicle-image .vehicle-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.493);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.compare-the-vehicle .compare-card .vehicle-image .remove-btn {
    position: absolute;
    /* bottom: -15px; */
    left: 20%;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    padding: 10px 20px;
    background: #337ab7;
    font-size: 16px;
    font-weight: 600;
    color: var(--white-color);
    font-family: var(--font-family);
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 20px;
    top: 130px;
}

.compare-the-vehicle .compare-card .vehicle-image .remove-btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
}

.compare-the-vehicle .compare-card .vehicle-image:hover .remove-btn {
    opacity: 1;
    top: 170px;
}

.compare-the-vehicle .compare-card .vehicle-image:hover .vehicle-overlay {
    opacity: 1;
}

.compare-the-vehicle .compare-card .vehicle-image .vehicle-overlay:hover {
    opacity: 1;
}

.compare-the-vehicle .compare-table {
    padding-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 10px;
    flex-direction: column;
}

.compare-the-vehicle .compare-table tr td {
    background: transparent;
    padding: 10px 0px;
    font-size: 18px;
    font-weight: 400;
    color: var(--text-color);
    font-family: var(--font-family);
    letter-spacing: 1px;
    text-transform: uppercase;
    height: 50px;
}

.compare-the-vehicle .compare-table table tr:hover td,
.compare-the-vehicle .compare-table table tr:hover th {
    color: var(--main-color);
}

.compare-the-vehicle .compare-table tr th {
    background: transparent;
    padding: 10px 0px;
    font-size: 16px;
    font-weight: 700;
    color: var(--dark-color);
    font-family: var(--font-family);
    letter-spacing: 1px;
    text-transform: uppercase;
    height: 50px;
}

.compare-the-vehicle .features-tables {
    padding-top: 30px;
}

.compare-the-vehicle .features-tables h3 {
    font-size: 23px;
    font-weight: 400;
    color: var(--black-color);
    font-family: var(--font-family);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.compare-the-vehicle .features-tables ul {
    padding-left: 0px;
}

.compare-the-vehicle .features-tables ul li {
    list-style: none;
    font-size: 16px;
    font-weight: 500;
    color: var(--black-color);
    font-family: var(--font-family);
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-bottom: 10px;
    display: flex;
    gap: 6px;
    height: 60px;
}

.compare-the-vehicle .features-tables ul li span:nth-child(2) {
    flex: 1;
}

.compare-the-vehicle .features-tables ul li .icon {
    /*height: 20px;*/
    /*width: 20px;*/
    height: 30px;
    width: 30px;

    background: #34b233;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.compare-the-vehicle .features-tables ul li .icon .fa-check {
    color: var(--white-color);
    font-size: 12px;
}

.compare-the-vehicle .features-tables ul li .icon .fa-xmark {
    color: var(--white-color);
    font-size: 12px;
}

.compare-the-vehicle .features-tables ul li .icon.icon-2 {
    background: var(--main-color);
}

.compare-the-vehicle .vehicle-heading .heading-new-1 {
    padding-top: 10px;
    justify-content: center;
    align-items: start;
}

.compare-the-vehicle .vehicle-heading .heading-new-1 h3 {
    font-size: 22px;
    font-weight: 600;
    color: var(--black-color);
    font-family: var(--font-family);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.compare-the-vehicle .vehicle-heading .heading-new-1 h3 span {
    font-weight: 400;
    color: var(--text-color);
    font-size: 25px;
}

.compare-the-vehicle .vehicle-heading .heading-new-1 .old-new-price {
    position: relative;
}

.compare-the-vehicle .vehicle-heading .heading-new-1 .old-new-price .text-background {
    position: absolute;
    width: 122px;
    height: 56px;
    transform: skew(-40deg, 0deg);
    border-radius: 2px;
    background: var(--main-color);
    top: 2px;
    left: -26px;
    z-index: 1;
}

.compare-the-vehicle .vehicle-heading .heading-new-1 .old-new-price h4 {
    font-size: 22px;
    font-weight: 700;
    color: var(--white-color);
    font-family: var(--font-family);
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    z-index: 2;
    opacity: 1;
    transition: all 0.3s ease-in-out;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
}

.compare-the-vehicle .vehicle-heading .heading-new-1 .old-new-price h4 del {
    font-size: 14px;
    font-weight: 500;
    font-family: var(--font-family);
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    z-index: 2;
    opacity: 1;
    transition: all 0.3s ease-in-out;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.compare-the-vehicle .vehicle-heading .heading-new-1 .old-new-price .text-background1 {
    position: absolute;
    width: 160px;
    height: 65px;
    background: var(--main-color);
    top: -2px;
    left: -53px;
    z-index: 1;
    clip-path: polygon(30px 0, 100% 0, 100% 100%, 10px 100%);
}

.add-new-page-btn {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.add-new-page-btn button {
    border: none;
    outline: none;
    background: transparent;
}

.add-new-page-btn button img {
    height: auto !important;
    width: auto !important;
}

.compare-table .ct-heading {
    display: none;
}

.compare-the-vehicle .compare-table tr th span {
    display: none;
}

.compare-the-vehicle .btn.btn-primary {
    margin: 0 30px;
    font-size: 16px;
    font-weight: 400;
    color: var(--white-color);
    font-family: var(--font-family);
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 7px 20px;
    margin-bottom: 20px;
}

.custom-dark {
    color: #fff !important;
}

.custom-dark:hover {
    color: var(--black-color) !important;
}

.form_div {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 20px;
    border-radius: 10px;
}

/* ============================================================Our-services-page ==========================================================================*/
.our-services-page {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 200px 0px;
    background-position: 50% 100%;
    position: relative;
    overflow: visible;
}

.our-services-overlay {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.our-services-page .banner-heading {
    position: relative;
    z-index: 2;
}

.our-services-page .banner-heading h1 {
    color: var(--white-color);
    font-size: 60px !important;
    font-weight: 700;
    font-family: var(--font-family);
    text-transform: capitalize;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 0px;
}

.our-services-page::after {
    position: absolute;
    content: "";
    bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    height: 400px;
    width: 400px;
    background-color: var(--white-color);
    border-radius: 75px 75px 0 0;
    clip-path: ellipse(75px 50px at 50% 100%);
}

.services-parent-class {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.our-services.compare-section {
    padding: 100px 0px;
}

.our-services.compare-section .orange-bottom-border {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -104px;
    height: 10px;
    width: 100%;
    background-color: var(--main-color);
    border-radius: 10px;
    z-index: 2;
}

.our-services.compare-section .our-services-card {
    margin: 15px 5px;
    position: relative;
    width: 100% !important;
    /*height: 240px;*/
}

.our-services.compare-section .our-services-card .services-car-image {
    height: 250px;
    /*height: 100%;*/
    width: 100%;
}

.our-services.compare-section .our-services-card .services-car-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.our-services.compare-section .our-services-card .service-overlay-orange {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #0000008f;
}

.our-services.compare-section .our-services-card .service-text-part {
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
}

.our-services.compare-section .our-services-card .service-text-part h2 {
    color: var(--white-color);
    font-size: 40px;
    font-weight: 600;
    font-family: var(--font-family);
    text-transform: capitalize;
    letter-spacing: 1px;
    position: relative;
    z-index: 3;
    text-align: center;
}

/* ==================service-details-page======================================= */

.our-services-details-page {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px;
    background-position: center;
    position: relative;
}

.our-services-details-page .banner-heading {
    position: relative;
    z-index: 2;
}

.our-services-details-page .banner-heading h1 {
    color: var(--white-color);
    font-size: 100px !important;
    font-weight: 700;
    font-family: var(--font-family);
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.our-services-details-page .banner-heading p {
    color: var(--white-color);
    font-size: 18px;
    font-weight: 400;
    font-family: var(--font-family);
    letter-spacing: 1px;
    text-align: center;
    margin: 15px 0px;
}

.our-services-details-page .banner-heading .book-now-btn,
.call-to-action-in-services .book-now-btn {
    text-align: center;
    margin: 30px auto;
    height: 60px;
    width: 200px;
    color: var(--white-color) !important;
    font-size: 20px;
    font-weight: 400;
    font-family: var(--font-family);
    letter-spacing: 1px;
    text-align: center;
    padding: 15px 35px;
    background: var(--main-color);
    border-radius: 42px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.call-to-action-in-services .book-now-btn {
    background: #fff;
    color: var(--black-color) !important;
}

.our-services-details-page .banner-heading .book-now-btn a,
.call-to-action-in-services .book-now-btn a {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.our-services-details-page .banner-heading .book-now-btn a span,
.call-to-action-in-services .book-now-btn a span {
    position: relative;
    z-index: 3;
}

.our-services-details-page .banner-heading .book-now-btn .fa-chevron-right,
.call-to-action-in-services .book-now-btn .fa-chevron-right {
    height: 10px;
    width: 10px;
    padding: 5px;
    border: 1px solid var(--white-color);
    border-radius: 50%;
    position: relative;
    z-index: 3;
}

.call-to-action-in-services .book-now-btn .fa-chevron-right {
    border: 1px solid var(--black-color);
}

#slide {
    width: 100%;
    height: 100%;
    left: -200px;
    background: var(--black-color);
    position: absolute;
    z-index: 2;
    transition: all 0.35s ease-Out;
    bottom: 0;
}

.our-services-details-page .banner-heading .book-now-btn:hover #slide,
.call-to-action-in-services .book-now-btn:hover #slide {
    left: 0;
    z-index: 1;
}

.our-services-details-page .banner-heading .book-now-btn:hover a,
.our-services-details-page .banner-heading .book-now-btn:hover .fa-chevron-right,
.call-to-action-in-services .book-now-btn:hover a,
.call-to-action-in-services .book-now-btn:hover .fa-chevron-right {
    color: var(--white-color) !important;
}

.call-to-action-in-services .book-now-btn:hover .fa-chevron-right {
    border: 1px solid var(--white-color);
}

.our-services.compare-section.with-details h2 {
    font-size: 45px;
    font-weight: 700;
    font-family: var(--font-family);
    text-transform: capitalize;
    letter-spacing: 1px;
    color: var(--black-color);
    margin-bottom: 30px;
    margin-top: 30px;
}

.our-services.compare-section.with-details .image-service {
    margin-top: 50px;
}

.our-services.compare-section.with-details .pattern-1 {
    align-items: center;
}

.our-services.compare-section.with-details .pattern-2 {
    align-items: center;
    flex-direction: row-reverse;
}

.faq-details-section.in-services .accordion-button {
    background-color: #f2f2f2;
    border-radius: 6px !important;
}

.faq-details-section.in-services {
    padding: 0px 20px;
}

.faq-details-section.in-services .accordion-flush>.faq-details-section.in-services .accordion-item>.faq-details-section.in-services .accordion-header .accordion-button,
.faq-details-section.in-services .accordion-flush>.faq-details-section.in-services .accordion-item>.faq-details-section.in-services .accordion-header .accordion-button.collapsed {
    border-radius: 6px !important;
}

.faq-details-section.in-services .accordion-item {
    border: none !important;
}

.faq-details-section.in-services .accordion-button {
    font-size: 18px;
    font-weight: 700;
    font-family: var(--font-family);
    letter-spacing: 1px;
}

.faq-details-section.in-services .list-details ul {
    padding-left: 0px;
}

.faq-details-section.in-services .list-details ul li {
    display: flex;
    gap: 10px;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--font-family);
    letter-spacing: 1px;
    color: var(--text-color);
}

.faq-details-section.in-services .list-details ul li .fa-check {
    color: var(--text-color);
}

.faq-details-section.in-services .list-details .text-new-button {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-top: 40px;
}

.faq-details-section.in-services .list-details .text-new-button h3 {
    font-size: 25px;
    font-weight: 700;
    font-family: var(--font-family);
    letter-spacing: 1px;
    color: var(--black-color);
    margin-bottom: 5px;
}

.faq-details-section.in-services .list-details .text-new-button .accord-btn {
    font-size: 18px;
    font-weight: 500;
    font-family: var(--font-family);
    letter-spacing: 1px;
    color: #666 !important;
    text-transform: capitalize;
    background: var(--bg-clor);
    padding: 10px 25px;
    border-radius: 5px;
    display: inline-block;
    margin-top: 20px;
}

.faq-details-section.in-services .list-details .text-new-button .accord-btn:hover {
    background: #c1c1c161;
    color: #666 !important;
}

.our-services.compare-section.call-to-action-in-services {
    background: var(--main-color);
    padding: 60px 0px;
}

.call-to-action-in-services .get-disscount {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.call-to-action-in-services .get-disscount h3 {
    font-size: 35px;
    font-weight: 700;
    font-family: var(--font-family);
    letter-spacing: 1px;
    margin-bottom: 0px;
}

.call-to-action-in-services .get-disscount h3 span {
    color: #fff;
}

.our-services.compare-section.with-details.different-services h3 {
    font-size: 45px;
    font-weight: 700;
    font-family: var(--font-family);
    letter-spacing: 1px;
    margin-bottom: 20px;
    color: var(--black-color);
    text-align: center;
}

.our-services.compare-section.with-details.different-services p {
    font-size: 18px;
    font-weight: 400;
    font-family: var(--font-family);
    letter-spacing: 1px;
    color: var(--black-color);
    text-align: center;
}

.our-services.compare-section.with-details.different-services .different-service-list {
    display: flex;
    gap: 30px;
    align-items: start;
    justify-content: center;
    margin-top: 40px;
}

.our-services.compare-section.with-details.different-services .different-service-list ul {
    list-style-type: disc;
}

.our-services.compare-section.with-details.different-services .different-service-list ul li {
    font-size: 17px;
    font-weight: 400;
    color: var(--black-color);
    font-family: var(--font-family);
    letter-spacing: 1px;
}

.our-services-details-page.inner-page {
    height: 600px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 50px;
}

.our-services-details-page.inner-page .slider-heading-text {
    text-align: center;
    color: var(--white-color);
    font-family: var(--font-family);
    letter-spacing: 1px;
}

.our-services-details-page.inner-page .slider-heading-text h5 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    color: var(--main-color);
}

.our-services-details-page.inner-page .slider-heading-text h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 60px;
    color: var(--white-color);
}

.our-services-details-page.inner-page .img-car1 {
    height: 600px;
    width: 100%;
    max-width: 1200px;
}

.our-services-details-page.inner-page .img-car1 img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.our-services-details-page.inner-page .item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.our-services-details-page.inner-page .owl-carousel .owl-nav button.owl-next,
.our-services-details-page.inner-page .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 10%;
    height: 60px;
    width: 60px;
    border: 1px solid var(--white-color);
    border-radius: 50%;
    background-color: transparent;
    color: var(--white-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

.our-services-details-page.inner-page .owl-carousel .owl-nav button.owl-next:hover,
.our-services-details-page.inner-page .owl-carousel .owl-nav button.owl-next:focus,
.our-services-details-page.inner-page .owl-carousel .owl-nav button.owl-next:active,
.our-services-details-page.inner-page .owl-carousel .owl-nav button.owl-prev:hover,
.our-services-details-page.inner-page .owl-carousel .owl-nav button.owl-prev:focus,
.our-services-details-page.inner-page .owl-carousel .owl-nav button.owl-prev:active {}

.our-services-details-page.inner-page .owl-carousel .owl-nav button.owl-prev {
    left: 0;
}

.our-services-details-page.inner-page .owl-carousel .owl-nav button.owl-next {
    right: 0;
}

.our-services-details-page.inner-page .owl-theme .owl-dots {
    position: absolute;
    top: 0%;
    left: 0;
    right: 0;
}

.our-services-details-page.inner-page .owl-theme .owl-dots .owl-dot span {
    height: 60px;
    width: 200px;
    background: #19191b;
}

/* =========================services-inner-details===================================================*/
.main-container {
    position: relative;
}

.our-services-details-page.new-details-page {
    padding: 0px 0px;
    height: 100vh;
    height: 100%;
    width: 100%;
}

.tabs--container {
    margin: 0 auto;
}

.tabs {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tabs--scrollable {
    display: flex;
    position: relative;
    top: 1px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-direction: row;
    /* justify-content: ; */
}

.tabs__scroller {
    background: var(--heading-color);
    border: none;
    color: #fff;
    font-size: 1em;
    padding: 0 0.75em;
}

.tabs__scroller .fa {
    position: relative;
}

.tabs__scroller--left .fa {
    left: -1px;
}

.tabs__scroller--right .fa {
    right: -2px;
}

.tabs__scroller[disabled] {
    opacity: 0.5;
}

.tabs__scroller:focus {
    outline: none;
}

.tabs__toggle-group {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 1;
    position: relative;
    /* top: 1px; */
    z-index: 1;
    overflow-x: hidden;
    /* border-bottom: 1px solid #00c; */
}

.tabs__toggle {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-grow: 1;
    flex-shrink: 1;
    white-space: nowrap;
}

.tabs__toggle {
    /* margin: 0 2px; */
    padding: 10px 24px;
    color: var(--dark-color);
    font-family: var(--font-family);
    font-size: 18px;
    text-transform: Uppercase;
    font-weight: 700;
    text-align: center;
    background: #fff;
    border-right: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

.tabs__toggle:first-child {
    margin-left: 0;
}

.tabs__toggle:hover {
    color: #58595b;
}

.tabs__toggle--active {
    color: #58595b;
    background: #d9251c;
    border-right: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    border-bottom-color: transparent;
    color: #fff !important;
}

.tabs__toggle--active::before {
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    left: -1px;
    height: 4px;
    background-color: #131313;
}

.tabs__tabs-group::-webkit-scrollbar {
    height: 8px !important;
}

.tabs__tabs-group::-webkit-scrollbar {
    width: 8px !important;
}

.tabs__tabs-group::-webkit-scrollbar-thumb {
    background-color: var(--black-color);
    border-radius: 10px;
}

.tabs__tabs-group::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.tabs__tab {
    width: 100%;
    padding: 50px;
}

.tabs__left {
    position: absolute;
    left: 0;
    opacity: 0.5;
}

.tabs__left::before {
    content: "<";
    background: #131313;
    color: #fff;
    width: 30px;
    display: inline-block;
}

.tabs__left--active {
    opacity: 1;
}

.tabs__right {
    position: absolute;
    right: 0;
    opacity: 0.5;
}

.tabs__right::after {
    content: ">";
    background: #131313;
    color: #fff;
    width: 30px;
    display: inline-block;
}

.tabs__right--active {
    opacity: 1;
}

.fixed-tab {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 99;
}

.details-tab-parent {
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: start;
    align-items: start;
}

.details-tab-card {
    /* padding: 30px; */
    display: flex;
    gap: 10px;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
        rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    border-radius: 8px;
    /*width: -webkit-fill-available;*/
    width: inherit;
    height: 280px;
}

.details-tab-card .details-tab-img {
    /* height: 135px; */
    width: 200px;
    flex: 1;
    height: auto;
}

.details-tab-card .details-tab-img img {
    height: 100%;
    width: 100%;
    border-radius: 5px;
    object-fit: fill;
    padding-left: 10px;
    max-width: 350px;
    max-height: 180px;
}

.details-tab-card .details-tab-content {
    flex: 1;
    padding: 0px 10px;
}

.details-tab-card .details-tab-content h2 {
    font-size: 20px;
    font-weight: 600;
    font-family: var(--font-family);
    color: var(--black-color);
    letter-spacing: 1px;
    text-transform: uppercase;
}

.details-tab-card .details-tab-content p {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--font-family);
    color: var(--black-color);
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
}

.details-tab-card .details-tab-content h5 {
    font-size: 19px;
    font-weight: 400;
    font-family: var(--font-family);
    color: var(--black-color);
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
}

.details-tab-card .details-tab-content .details-tab-btn {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 10px;
    padding: 8px 20px;
    border: 2px solid var(--main-color);
    color: var(--main-color) !important;
}

.details-tab-card .details-tab-content .details-tab-btn:hover {
    background: var(--main-color);
    color: var(--white-color) !important;
}

.details-tab-card .details-tab-content .details-tab-btn span:nth-child(1) {
    font-size: 18px;
    font-weight: 800 !important;
}

.our-services-details-page.new-details-page {
    /*padding-top:100px;*/
    overflow: hidden;
    height: 100vh;
}

.our-services-details-page.new-details-page .tabs-section {
    position: relative;
}

.tabs--container .js-tabs {
    position: relative;
    overflow: hidden;
    height: 100vh;
    width: 100%;
}

.tabs-parent-container-for-scroll {
    position: relative;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    display: flex;
    /*gap: 50px;*/
    align-items: start;
}

.exterior-and-interior-details .details-box {
    padding: 30px;
}

.exterior-and-interior-details .vehicle-details h2 {
    font-size: 28px;
    font-weight: 600;
    font-family: var(--font-family);
    color: var(--dark-color);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.exterior-and-interior-details .vehicle-details h3 {
    font-size: 20px;
    font-weight: 600;
    font-family: var(--font-family);
    color: var(--dark-color);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.exterior-and-interior-details .vehicle-details ul li {
    font-size: 18px;
    font-weight: 400;
    font-family: var(--font-family);
    color: var(--dark-color);
    letter-spacing: 1px;
    text-transform: capitalize;
    display: flex;
    gap: 5px;
    justify-content: start;
    align-items: center;
    margin-bottom: 5px;
}

.exterior-and-interior-details .vehicle-details ul li span:nth-child(1) {
    color: #34b233;
}

.exterior-and-interior-details .vehicle-details .vehicle-card-1 {
    padding-bottom: 30px;
}

.exterior-and-interior-details .vehicle-details .vehicle-card-1 .vehicle-card-1-list-card {
    display: flex;
    gap: 30px;
    align-items: start;
}

.exterior-and-interior-details .vehicle-details .vehicle-card-1 .vehicle-card-1-list-card ul {
    padding-left: 0px;
    margin-bottom: 0rem;
}

.exterior-and-interior-details .details-box .checkout-box .checkout-card {
    /*display: flex;*/
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-image {
    height: 100px;
    width: auto;
    object-fit: contain;
    margin-bottom: 15px;
}

.exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-image img {
    height: 100%;
    width: auto;
    margin: auto;
    display: block;
}

.exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table .card {
    width: fit-content !important;
    box-shadow: none !important;
    border: none;
    display: flex;
    flex-direction: column;
    gap: 1px;
    align-items: start;
    background: transparent !important;
}

.exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table .card-1 {
    display: flex;
    gap: 20px;
    align-items: center;
}

.exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table .card-1 p {
    margin: 0px !important;
}

.exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table h3 {
    font-size: 21px;
    font-weight: 600;
    font-family: var(--font-family);
    color: var(--dark-color);
    letter-spacing: 1px;
    text-transform: uppercase;
}

.exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table h3 sup {
    color: var(--text-color);
    font-size: 18px;
}

.exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table a {
    display: inline-block;
    font-size: 18px;
}

.exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table tr th:nth-child(2) {
    color: var(--main-color);
    font-size: 18px;
    font-weight: 400;
    font-family: var(--font-family);
    letter-spacing: 1px;
    text-transform: uppercase;
}

.exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table tbody tr:nth-child(1) {
    border: 1px solid var(--border-color);
}

.exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table .card-inner {
    display: flex;
    gap: 5px;
    align-items: start;
}

.exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table button {
    border: none;
    overflow: none;
    padding: 3px 8px;
    border-radius: 50%;
    background: #afa5a57d;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table button:hover {
    background: var(--dark-color);
    color: #fff;
}

.exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table h2 {
    font-size: 19px;
    font-weight: 500;
    font-family: var(--font-family);
    color: var(--dark-color);
    letter-spacing: 1px;
    text-transform: uppercase;
}

.exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table h4 {
    font-size: 15px;
    font-weight: 400;
    font-family: var(--font-family);
    color: var(--text-color);
    letter-spacing: 1px;
    text-transform: uppercase;
}

.exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table h5 {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--font-family);
    color: var(--dark-color);
    letter-spacing: 1px;
    text-transform: uppercase;
}

.exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table tbody tr:nth-last-of-type(1) {
    background-color: var(--main-color) !important;
}

/*.exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table tbody tr:nth-last-of-type(1) td {*/
/*    background-color: var(--main-color) !important;*/
/* padding: 10px 5px !important; */
/*    color: var(--white-color) !important;*/
/*}*/
.exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table tfoot tr:nth-last-of-type(1) td {
    background-color: var(--main-color) !important;
    /* padding: 10px 5px !important; */
    color: var(--white-color) !important;
}

/*.exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table tbody tr:nth-last-of-type(1) td h3,*/
/*.exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table tbody tr:nth-last-of-type(1) td h2 {*/
/*    color: var(--white-color) !important;*/
/*    font-weight: 400;*/
/*}*/

.exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table tfoot tr:nth-last-of-type(1) td h3,
.exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table tfoot tr:nth-last-of-type(1) td h2 {
    color: var(--white-color) !important;
    font-weight: 400;
}

.exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table tr td {
    padding: 10px 10px !important;
}

.vehicle-selection-box {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-around;
    padding: 40px;
}

.vehicle-selection-box .vehicle-selection-card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-color);
    padding: 20px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
        rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.vehicle-selection-box .vehicle-selection-card h3 {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--font-family);
    color: var(--dark-color);
    letter-spacing: 1px;
    text-transform: uppercase;
}

.vehicle-selection-box .vehicle-selection-card .selection-img img {
    height: 30px;
    width: 80px;
    margin-bottom: 30px;
}

.vehicle-selection-box .modal-btn-group .radio-input {
    display: none;
}

.vehicle-selection-box .modal-btn-group .radio-label {
    padding: 10px 15px;
    background: #f4f4f4;
    border: none;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 1px;
    font-family: var(--font-family);
    border-radius: 10px;
}

.vehicle-selection-box .modal-btn-group .radio-input:checked+.radio-label {
    background: var(--black-color);
    color: var(--white-color);
}

.vehicle-selection-box .modal-btn-group .radio-label:hover,
.vehicle-selection-box .modal-btn-group .radio-label:focus {
    background: var(--black-color);
    color: var(--white-color);
}

/*light-box-css*/
.lightboxpreview {
    transition: all 0.3s linear;
    padding-top: 60%;
    cursor: pointer;
    background-size: cover;
}

.lightbox-content {
    max-height: 75vh;
    height: 75vh;
    width: 100%;
    max-width: 1000px;
}

.lightbox-close {
    cursor: pointer;
    margin-left: auto;
    position: absolute;
    right: -30px;
    top: -30px;
    color: white;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

.modal_inner_image {
    min-height: 400px;
    z-index: 1000;
}

.modal-content {
    width: 100%;
}

.modalscale {
    transform: scale(0);
    opacity: 0;
}

.lightbox-container,
.lightbox-btn,
.lightbox-image-wrapper,
.lightbox-enabled {
    transition: all 0.4s ease-in-out;
}

.lightbox_img_wrap {
    padding-top: 65%;
    position: relative;
    overflow: hidden;
}

.lightbox-enabled:hover {
    transform: scale(1.1);
}

.lightbox-enabled {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    object-fit: cover;
    cursor: pointer;
}

.lightbox-container {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
}

.lightbox-container.active {
    opacity: 1;
    pointer-events: all;
}

.lightbox-image-wrapper {
    display: flex;
    transform: scale(0);
    align-items: center;
    justify-content: center;
    max-width: 90vw;
    max-height: 90vh;
    position: relative;
}

.lightbox-container.active .lightbox-image-wrapper {
    transform: scale(1);
}

.lightbox-btn,
#close {
    color: white;
    z-index: 9999999;
    cursor: pointer;
    position: absolute;

    font-size: 50px;
}

.lightbox-btn:focus {
    outline: none;
}

.left {
    left: 50px;
}

.right {
    right: 50px;
}

#close {
    top: 50px;
    right: 50px;
}

.lightbox-image {
    width: 100%;
    -webkit-box-shadow: 5px 5px 20px 2px rgba(0, 0, 0, 0.19);
    box-shadow: 5px 5px 20px 2px rgba(0, 0, 0, 0.19);
    max-height: 95vh;
    object-fit: cover;
}

@keyframes slideleft {
    33% {
        transform: translateX(-300px);
        opacity: 0;
    }

    66% {
        transform: translateX(300px);
        opacity: 0;
    }
}

.slideleft {
    animation-name: slideleft;
    animation-duration: 0.5s;
    animation-timing-function: ease;
}

@keyframes slideright {
    33% {
        transform: translateX(300px);
        opacity: 0;
    }

    66% {
        transform: translateX(-300px);
        opacity: 0;
    }
}

.slideright {
    animation-name: slideright;
    animation-duration: 0.5s;
    animation-timing-function: ease;
}

.reservation-form-modal form {
    padding: 20px 30px;
    background: #fff;
}

.reservation-form-modal .modal-header .btn-close {
    box-shadow: none !important;
}

.reservation-form-modal form input {
    /* border: none !important; */
    outline: none !important;
    box-shadow: none !important;
}

.reservation-form-modal form label {
    font-size: 15px;
    font-weight: 400;
    font-family: var(--font-family);
    color: var(--text-color);
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.reservation-form-modal form label sup {
    color: red;
}


.reservation-form-modal form input {
    color: var(--text-color) !important;
    font-size: 15px !important;
}

.reservation-form-modal form select {
    font-size: 15px;
    font-weight: 400;
    font-family: var(--font-family);
    color: var(--text-color);
    letter-spacing: 1px;
    text-transform: capitalize;
    border-radius: 0px !important;
    padding: 10px 8px;
    box-shadow: none !important;
}

.reservation-form-modal form .form-check .required {
    color: red;
    margin-right: 10px;
}

.reservation-form-modal form .form-check input {
    border: 1px solid #dfdfdf !important;
}

.reservation-form-modal h1 {
    font-size: 20px;
    font-weight: 300;
    font-family: var(--font-family);
    color: var(--dark-color);
    letter-spacing: 1px;
    text-transform: capitalize;
}

.reservation-form-modal .schedule-btn {
    background: #004679 !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 1px;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 10px 15px !important;
    color: var(--white-color) !important;
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important;
}

.reservation-form-modal .schedule-btn:hover {
    background: #000 !important;
}

.car-buy-btn {
    width: 100%;
    margin-top: 30px;
}

.buy-online-button-new {
    border: 1px solid #000;
    outline: none;
    background: #000;
    color: #fff !important;
    padding: 10px 25px;
    font-size: 17px;
    font-weight: 300;
    text-transform: uppercase;
    font-family: "Barlow Condensed";
    letter-spacing: 1.5px;
    width: 100%;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease-in;
    border-radius: 4px;
    display: block !important;
}

.buy-online-button-new:hover {
    background: transparent;
    color: #000 !important;
    font-weight: 300;
}

/* ============================search-bar-section ===================*/
.main-page-heading {
    display: flex;
    gap: 30px;
    align-items: center;
}

.main-page-heading .smart-searchbar form input {
    border: none;
    outline: none;
    box-shadow: none;
}

.main-page-heading .smart-searchbar form button {
    border: none;
    outline: none;
    box-shadow: none;
    background: var(--white-color) !important;
    border-radius: 0px 25px 25px 0px;
    padding: 10px 25px;
    color: var(--dark-color) !important;
}

.main-page-heading .smart-searchbar form {
    border: 1px solid #ccc;
    height: 50px;
    width: 100%;
    border-radius: 25px;
}

.main-page-heading .smart-searchbar form input {
    border-radius: 25px 0px 0px 25px;
    color: var(--text-color);
}

.our-search-bar-options {
    margin-top: 20px;
    padding: 0px 10px;
    /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
        rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; */
}
.srach-an-image img{
    border-radius:10px;
}

.our-search-bar-options .search-bar-container .search-bar-card {
    /* margin: 7px; */
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    justify-content: center;
    /* padding: 15px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
        rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; */
    border-radius: 5px;
}

.our-search-bar-options .search-bar-container .search-bar-card h3 {
    font-size: 14px;
    font-weight: 600;
    font-family: var(--font-family);
    color: var(--dark-color);
    letter-spacing: 1px;
    text-transform: uppercase;
    /* text-align: center; */
}

.our-search-bar-options .search-bar-container .search-bar-card h5 {
    font-size: 14px;
    font-weight: 400;
    font-family: var(--font-family);
    color: var(--text-color);
    letter-spacing: 1px;
    text-transform: uppercase;
    /* text-align: center; */
    height: 50px;
}

.reservation-form-modal form {
    padding: 20px 30px;
    background: #fff;
}

.reservation-form-modal .modal-header .btn-close {
    box-shadow: none !important;
}

.reservation-form-modal form input {
    /* border: none !important; */
    outline: none !important;
    box-shadow: none !important;
}

.reservation-form-modal form label {
    font-size: 15px;
    font-weight: 400;
    font-family: var(--font-family);
    color: #0c0b0b;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.reservation-form-modal form label sup {
    color: red;
}

.reservation-form-modal form .sec-1 {
    padding: 0px 5px;

}

.reservation-form-modal form input {
    color: var(--text-color) !important;
    font-size: 15px !important;
    border: 1px solid #444;
}

.reservation-form-modal form input:focus {
    background-color: #fff;
    border-color: #e32626;
    color: #fff;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) !important;
}


.reservation-form-modal form select {
    font-size: 15px;
    font-weight: 400;
    font-family: var(--font-family);
    color: var(--text-color);
    letter-spacing: 1px;
    text-transform: capitalize;
    border-radius: 10px !important;
    padding: 10px 8px;
    box-shadow: none !important;
    border: 1px solid #444;
}

.reservation-form-modal form select:focus {
    background-color: #fff;
    border-color: #e32626;
    color: #fff;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) !important;
}

.reservation-form-modal form .form-check .required {
    color: red;
    margin-right: 10px;
}

.reservation-form-modal form .form-check input {
    border: 1px solid #dfdfdf !important;
}

.reservation-form-modal h1 {
    /* font-size: 20px;
    font-weight: 300; */
    /* color: var(--dark-color); */
    font-family: var(--font-family);
    letter-spacing: 1px;
    text-transform: capitalize;
    color: #444;
    font-weight: 700;
    font-size: 20px;
}

.reservation-form-modal .schedule-btn {
    background: #004679 !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 1px;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 10px 15px !important;
    color: var(--white-color) !important;
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important;
}

.reservation-form-modal .schedule-btn:hover {
    background: #000 !important;
}

/*======================== new-cpmpare-page ==============================*/
.home-banner.compare-the-cars-new-page {
    background-image: linear-gradient(rgb(0 0 0 / 58%), rgb(0 0 0 / 65%)),
        url(../images/home/car/GMC-Sierra-1500-2021.jpg);
    height: 60vh;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-start;
    align-items: end;
    padding: 40px;
}

.home-banner.compare-the-cars-new-page .compare-heading {
    padding: 20px 30px;
}

.home-banner.compare-the-cars-new-page .compare-heading h6 {
    display: block;
    color: inherit;
    font-family: var(--font-family2);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--white-color);
}

.home-banner.compare-the-cars-new-page .compare-heading h2 {
    font-size: 60px;
    font-family: inherit;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    font-family: var(--font-family);
    color: var(--white-color);
}

.our-compare-section {
    padding: 100px 0;
    padding-top: 55px;
}

.our-compare-section .our-compare-card-heading h5 {
    opacity: 0.6;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 15px;
    font-family: var(--font-family);
    line-height: 1.2;
}

.our-compare-section .select2-container--default .select2-selection--single,
.emi-cal-container .select2-container--default .select2-selection--single {
    height: 60px;
    display: block;
    color: #000;
    font-family: "Barlow Condensed", arial;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: 1px solid #ccc;
    border-radius: 12px;
    padding: 15.5px 25px;
    margin: 10px 0 0;
    width: 100%;
    max-width: 100%;
    padding-right: 50px;
    position: relative;
}

#select2-country-select3-results .select2-results__option {
    text-align: center !important;
}

.emi-cal-container .select-items-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
    padding: 2rem 0.85rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none !important;
}

.select2-container--default .select2-selection--single::after {
    position: absolute;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-size: 22px;
    font-weight: 600;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #000;
    opacity: 0.7;
}

.our-compare-section .compare-page-card {
    padding-top: 20px;
}

.our-compare-section .compare-page-card label {
    color: #000;
    font-family: var(--font-family2);
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 20px;
    padding-right: 40px;
    font-size: 26px;
    line-height: 1.1;
}

.our-compare-section .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    line-height: 28px;
    font-size: 18px;
    font-family: var(--font-family);
}

.our-compare-section .compare-page-card form .compare-now-btn {
    margin-top: 50px;
    text-align: center;
}

.our-compare-section .compare-page-card form .compare-now-btn button {
    font-weight: 600;
    letter-spacing: 4px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 49%;
    max-width: 718px;
    margin: 20px auto 0;
    cursor: pointer;
    color: #fff;
    font-family: "Barlow Condensed", arial;
    font-size: 18px;
    line-height: 1.4;
    text-transform: uppercase;
    text-align: center;
    transition: all 0.3s ease-in-out;
    background-color: #000;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 18px 35px;
    display: inline-block;
    vertical-align: top;
    min-width: 200px;
}

.our-compare-section .compare-page-card form .compare-now-btn button:hover {
    background-color: #fff;
    color: #000;
}

.our-compare-section .compare-page-card form .select-tag-options .remove-button {
    background: #f1f1f1;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 8px 10px;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.our-compare-section .compare-page-card form .select-tag-options .remove-button .fa-trash-can {
    color: #000;
    font-size: 20px;
}

.our-compare-section .compare-page-card form .select-tag-options .remove-button:hover {
    background: #000;
}

.our-compare-section .compare-page-card form .select-tag-options .remove-button:hover .fa-trash-can {
    color: #fff;
}

.our-compare-section .compare-page-card form .select-tag-options .select-car-label.label-2 {
    display: flex;
    align-items: start;
    justify-content: space-between;
    width: 100%;
}

.our-compare-section .compare-page-card form .select-tag-options .car-selected {
    padding: 10px 5px;
}

.our-compare-section .compare-page-card form .select-tag-options .car-selected img {
    border-radius: 20px;
}

.our-compare-section .compare-page-card form .select-tag-options .car-selected h4 {
    margin-top: 15px;
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0;
    font-size: 22px;
    font-family: var(--font-family);
}

.our-compare-section .compare-page-card form .select-tag-options .car-selected h5 {
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0;
    font-size: 20px;
    font-family: var(--font-family);
}

.faq-details-section.compare-page-faq {
    padding-top: 50px;
    padding-bottom: 80px;
    background: #f2f2f2;
}

.faq-details-section.compare-page-faq .accordion-button {
    font-family: Barlow, arial !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: #000 !important;
    font-weight: 500 !important;
    padding: 16px 32px !important;
    background: #f2f2f2 !important;
    border-radius: 15px !important;
}

.faq-details-section.compare-page-faq .accordion-flush>.accordion-item {
    border: 1px solid #dfdfdf;
    border-radius: 15px;
    margin: 8px 0 0 0 !important;
}

.faq-details-section.compare-page-faq .accordion-body table tr th {
    color: rgba(0, 0, 0, 0.4);
    font-size: 18px;
    font-weight: 600;
    padding: 15px 10px;
    text-align: left;
    font-family: var(--font-family);
}

.faq-details-section.compare-page-faq .accordion-body table tr td {
    color: #000;
    font-size: 16;
    font-weight: 500;
    padding: 15px 10px;
    text-align: left;
    font-family: var(--font-family);
}

.faq-details-section.compare-page-faq .accordion-body .accord-table {
    border: 1px solid #c6c6c6;
}

.faq-details-section.compare-page-faq .switch-option {
    display: flex;
    justify-content: end;
    align-items: end;
}

.faq-details-section.compare-page-faq .switch-option label {
    color: #000;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    font-family: var(--font-family);
    margin-right: 10px;
}

.faq-details-section.compare-page-faq input.switch {
    position: relative;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 35px !important;
    height: 7px;
    border-radius: 30px;
    cursor: pointer;
    background: #ccc;
    transition: box-shadow 0.3s ease-in-out, padding 0.25s ease-in-out;
    transition-delay: 0.1s, 0s;
}

.faq-details-section.compare-page-faq input.switch:focus {
    border: 0;
    outline: 0;
}

.faq-details-section.compare-page-faq input.switch:checked {
    transition-delay: 0s, 0s;
    box-shadow: inset 0 0 0 2.62857em transparent !important;
    padding-left: 35px !important;
}

.faq-details-section.compare-page-faq input.switch:before {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin: -4px;
    background-color: #000;
    border-radius: 2.1em;
    transition: all 0.1s ease 0.1s;
}

.faq-details-section.compare-page-faq input.switch:before,
.faq-details-section.compare-page-faq input.switch:after {
    content: "";
    display: block;
}

.faq-details-section.compare-page-faq input.switch:active::before {
    transition: all 0.1s ease 0.05s;
}

.faq-details-section.compare-page-faq.bg-white h6 {
    font-size: 26px;
    font-weight: 600;
    font-family: var(--font-family2);
    text-transform: uppercase;
    line-height: 1.1;
    margin: 15px 0;
}

.faq-details-section.compare-page-faq.bg-white .comparison-carousal {
    margin-top: 4px;
}

.faq-details-section.compare-page-faq.bg-white .comparison-carousal .item {
    border: 1px solid #ccc;
    border-radius: 25px;
    padding: 35px;
}

.faq-details-section.compare-page-faq.bg-white .comparison-carousal .item .comare-the-cars {
    display: flex;
}

.faq-details-section.compare-page-faq.bg-white .comparison-carousal .item .comare-the-cars img {
    border-radius: 15px;
    margin-bottom: 15px;
}

.faq-details-section.compare-page-faq.bg-white .comparison-carousal .item .comare-the-cars h5 {
    font-family: Barlow, arial;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    padding: 0 10px;
}

.faq-details-section.compare-page-faq.bg-white .comparison-carousal .item .compare-sticker {
    color: #fff;
    font-family: Barlow, arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    text-transform: uppercase;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    border: 1px solid #fff;
    border-radius: 100%;
    position: absolute;
    top: 25%;
    left: 157px;
    right: auto;
    z-index: 2;
    transform: translateY(-25%);
}

.faq-details-section.compare-page-faq.bg-white .comparison-carousal .owl-theme .owl-nav {
    margin-top: 10px;
    position: absolute;
    top: -60px;
    right: 32px;
}

.faq-details-section.compare-page-faq.bg-white .comparison-carousal .owl-theme .owl-nav [class*="owl-"] {
    margin: 0px !important;
}

.faq-details-section.compare-page-faq.bg-white .comparison-carousal .owl-carousel .owl-nav button.owl-next,
.faq-details-section.compare-page-faq.bg-white .comparison-carousal .owl-carousel .owl-nav button.owl-prev {
    height: 35px;
    width: 35px;
    background: rgb(26 26 26 / 95%) !important;
    color: #fff !important;
    font-size: 13px !important;
}

.faq-details-section.compare-page-faq.bg-white .comparison-carousal .owl-carousel .owl-nav button.owl-next {
    border-radius: 0px 10px 10px 0px;
}

.faq-details-section.compare-page-faq.bg-white .comparison-carousal .owl-carousel .owl-nav button.owl-prev {
    border-radius: 10px 0px 0px 10px;
    background: rgb(26 26 26 / 85%) !important;
}

/*new-changes*/
.tabs__tabs-group {
    /*width: 800px;*/
    width: 40%;
    background: #fff;
    height: 100%;
    overflow-y: auto;
}

.exterior-and-interior-details {
    position: sticky;
    top: 30px;
    background: var(--white-color);
    right: 0;
    z-index: 11;
    width: 60%;
}

.exterior-and-interior-details .details-box {
    display: flex;
    gap: 30px;
    width: 100%;
}

.exterior-and-interior-details .details-box .vehicle-details {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 30px;
    width: 70%;
}

.exterior-and-interior-details .details-box .checkout-box {
    padding: 30px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    width: 30%;
}

.mobile-view-btn-collection {
    margin: 20px 10px;
    display: none;
}

.schedule-button-mobile-view .btn-dark.custom-dark.mb {
    display: none !important;
}

.mobile-view-btn-collection a {
    font-size: 15px;
    /* padding: 10px 25px; */
    background: #e23434;
    display: inline-block;
    /* height: 50px; */
    border-radius: 10px;
    /* color: #fff; */
    color: #fff !important;
    text-transform: capitalize;
    font-weight: 600;
    font-family: "Barlow";
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.3s ease;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    display: flex !important;
}

.mobile-view-btn-collection a:hover {
    background: #000000c4;
}

/*new-changes*/

/* =======================mobile-footer================= */
.footer-upper.mobile {
    display: none;
}

.footer-upper.mobile .accordion-button {
    text-align: left;
    background-color: var(--black-color) !important;
    border: 0;
    color: #9b9b9b !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    font-family: var(--font-family) !important;
    letter-spacing: 2px !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.footer-upper.mobile .accordion-button:not(.collapsed) {
    color: #fff !important;
}

.footer-upper.mobile .accordion-item {
    color: var(--white-color) !important;
    background-color: transparent !important;
    border: none !important;
    padding: 5px 0px !important;
}

.footer-upper.mobile .accordion-button::after {
    background-image: url(https://4spinz.com/front_html/images/home/down.png) !important;
}

.footer-upper.mobile ul li a .fa-circle {
    color: #fff;
    margin-right: 5px;
    font-size: 5px;
}

.footer-upper.mobile ul li {
    font-size: 14px;
    font-family: var(--font-family);
    font-weight: 300;
    text-transform: capitalize;
    color: #fff;
    padding-bottom: 10px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.footer-upper.mobile ul li:hover {
    color: var(--white-color);
}

.footer-upper.mobile p {
    font-size: 14px;
    font-family: var(--font-family);
    font-weight: 300;
    text-transform: capitalize;
    color: #ffff;
}

ul.result-features {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

ul.result-features li {
    cursor: pointer;
    line-height: 20px;
    font-size: 12px;
    padding: 3px 0;
    margin-right: 10px;
    flex: 0 0 calc(100% / 7 - 10px);

    text-align: center;
}

ul.result-features img {
    fill: #a5a5a5;
    height: 24px;
    width: 24px !important;
    vertical-align: top;
    margin: 2px;
    transition: all 0.2s ease-in-out;
}

ul.result-features img:hover {
    opacity: 0.8;
}

ul.result-features li span {
    display: block;
    font-size: 12px;
    text-align: center;
    color: #a5a5a5;
    font-weight: 400;
    font-family: var(--font-family);
    text-transform: capitalize;
}

.key-features-title {
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

/*************************/
.modal_content img {
    margin: 20px;
}

.modal_content {
    font-size: 125%;
    text-align: center;
    width: 100%;
    padding: 60px;
    margin: 0 auto;

    line-height: 1.6;
}

.modal_content h4 {
    font-family: "Barlow Condensed", arial;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0;
    text-transform: uppercase;
    padding: 2px 0;
    font-size: 36px;
    color: black;
}

.modal_content h6 {
    opacity: 0.9;
    color: #1a1a1a;
    font-family: Barlow, arial;
    letter-spacing: 0.4px;
    padding: 2px 0;
    font-size: 26px;
    font-weight: 400;
}

.modal_content p {
    width: 90%;
    margin-left: auto;
    font-size: 20px;
    margin-right: auto;
    color: black;
    font-weight: 300;
    font-family: "Barlow Condensed", arial;
}

.reservation-form-modal {
    border-radius: 25px !important;
}

.modal-content.reservation-form-modal {
    max-width: 900px !important;
    /* margin: 0 auto; */
}

.reservation-form-modal .btn-close {
    position: absolute;
    right: 20px;
    font-size: 20px;
}

.reservation-form-modal .first-btn {
    font-family: "Barlow Condensed", arial;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.second_model .modal_content {
    text-align: start;
}

.second_model .modal_content p {
    width: 100%;
    margin-left: auto;
    font-size: 20px;
    margin-right: auto;
    color: black;
    font-weight: 300;
    font-family: "Barlow Condensed", arial;
}

.second_model .modal_content h6 {
    opacity: 0.9;
    color: #e11717;
}

.second_model .form-control {
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #0000006e;
    border-radius: 10px;
    color: #000;
    font-weight: 300;
    font-family: "Barlow Condensed", arial;
}

.second_model .form-control::placeholder {
    color: #000;
}

.second_model .form-control:active,
.second_model .form-control:focus {
    border: 1px solid #000;
    color: #000;
    box-shadow: none;
}

.second_model .frm-title {
    opacity: 0.8;
    color: rgba(0, 0, 0, 0.9);
    font-family: "Barlow Condensed", arial;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 2px;
}

.tooltip_cs {
    /* margin: 60px auto; */
    display: block;
    /* padding: 20px; */
    font-size: 25px;
    border: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.tooltiptext {
    position: absolute;
    color: white;
    background-color: black;
    width: 120px;
    font-size: 18px;
    padding: 5px;
    transition: 0.3s;
    opacity: 0;
}

.tooltip_cs:hover {
    overflow: visible;
}

.tooltip_cs:hover .tooltiptext {
    opacity: 1;
}

.tooltiptext::after {
    content: "";
    position: absolute;
    border: 10px solid transparent;
}

.tooltip_cs[data-position="top"] .tooltiptext {
    top: -40px;
    left: -45px;
}

.tooltip_cs[data-position="top"] .tooltiptext::after {
    border-top-color: black;
    left: 50px;
    bottom: -20px;
}

.tooltip_cs[data-position="left"] .tooltiptext {
    top: 10px;
    left: -150px;
}

.tooltip_cs[data-position="left"] .tooltiptext::after {
    border-left-color: black;
    right: -20px;
    bottom: 5px;
}

.tooltip_cs[data-position="bottom"] .tooltiptext {
    bottom: -45px;
    left: -10px;
}

.tooltip_cs[data-position="bottom"] .tooltiptext::after {
    border-bottom-color: black;
    left: 50px;
    top: -20px;
}

.tooltip_cs[data-position="right"] .tooltiptext {
    top: 10px;
    right: -150px;
}

.tooltip_cs[data-position="right"] .tooltiptext::after {
    border-right-color: black;
    left: -20px;
    bottom: 5px;
}

/*latest changes*/
.card_123 .fea {
    height: 160px;
}

.our-services.compare-section .our-services-card .our-services-overlay-two {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #7b797924;
}

.hst-licensing {
    font-size: 11px !important;
    color: #8a8a8a !important;
    line-height: 13px !important;
}

.our-accordian-item .accordion-item {
    background-color: transparent;
    border: none;
}

.our-accordian-item .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    border-bottom: none;
}

.our-accordian-item .accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-border-color: none;
    --bs-accordion-btn-bg: transparent;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-active-color: #000;
    --bs-accordion-active-bg: transparent;
}

.our-accordian-item h2 .accordion-button {
    color: #444;
    font-family: "Barlow Condensed";
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-bottom: 1px solid rgba(68, 68, 68, 0.5);
}

.our-accordian-item table tr td {
    color: #2b2b2b;
    font-family: "Barlow Condensed";
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
}

.our-accordian-item table tr th {
    color: #2b2b2b;
    font-family: "Barlow Condensed";
    font-size: 18px;
    font-weight: 600;
    border-top: 1px solid rgba(68, 68, 68, 0.5);
    line-height: normal;
    font-style: normal;
}

/* new-details */
.exterior-and-interior-details.new {
    position: relative !important;
    width: 100% !important;
    top: 0px !important;
}

.exterior-and-interior-details.new h2 {
    text-align: center;
    margin-bottom: 0px;
}

.vehicle-section-button {
    height: 100%;
    display: flex;
    gap: 30px;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.vehicle-section-button .vehicle-card-selection-new button {
    padding: 20px;
    border: none;
    outline: none;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.vehicle-section-button .vehicle-card-selection-new button {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--font-family);
}

.vehicle-section-button .vehicle-card-selection-new button img {
    width: 300px;
    max-width: 100%;
}

.vehicle-section-button .vehicle-card-selection-new button:hover,
.vehicle-section-button .vehicle-card-selection-new button:focus {
    background-color: #000;
}

.vehicle-section-button .vehicle-card-selection-new button:hover p,
.vehicle-section-button .vehicle-card-selection-new button:focus p {
    color: #fff;
}

.select-vehicle-packages h1 {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--font-family);
    text-align: center;
    width: 100%;
}

.select-vehicle-packages .our-package-selection {
    padding: 20px 30px;
}

.select-vehicle-packages .our-package-selection .our-packages-card-container {
    display: flex;
    gap: 30px;
    justify-content: center;
    align-items: center;
}

.select-vehicle-packages .our-package-selection .our-packages-card-container .ourpackages-card .form-check {
    position: relative;
    display: flex;
    align-items: center;
    width: 300px;
    padding: 10px 20px;
    max-width: 100%;
}

.select-vehicle-packages .our-package-selection .our-packages-card-container .ourpackages-card .form-check .form-check-input {
    position: absolute;
    inset: 0;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}

.select-vehicle-packages .our-package-selection .our-packages-card-container .ourpackages-card .form-check .form-check-label {
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px;
    text-align: center;
    background: #fff;
    color: #000;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--font-family);
    border: 1px solid #ccc;
    border-radius: 6px;
    transition: all 0.3s ease;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
        rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.select-vehicle-packages .our-package-selection .our-packages-card-container .ourpackages-card .form-check .form-check-input:checked+.form-check-label {
    background: #000;
    color: #fff;
}

.our-custom-package-selection h2 {
    font-size: 35px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px;
    text-transform: capitalize;
    font-family: var(--font-family);
}

.our-custom-package-selection .accordion-item {
    color: #000 !important;
    background-color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.our-custom-package-selection .accordion {
    --bs-accordion-border-color: none !important;
    --bs-accordion-btn-icon: none;
    --bs-accordion-active-bg: #fff !important;
    --bs-accordion-btn-focus-box-shadow: none !important;
}

.our-custom-package-selection h2.accordion-header {
    background: #f2f2f2 !important;
    margin-left: 0px !important;
    border-radius: 8px !important;
    margin-bottom: 12px;
}

.our-custom-package-selection h2.accordion-header .accordion-button {
    background: transparent !important;
    font-size: 18px !important;
    padding-left: 30px !important;
    padding-top: 22px !important;
    padding-bottom: 22px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-family: var(--font-family) !important;
}

.our-custom-package-selection .accordion-item.upper:hover,
.our-custom-package-selection .accordion-item.upper:focus {
    transform: translateY(5px);
}

.our-custom-package-selection .accordion-item.bottom:hover,
.our-custom-package-selection .accordion-item.bottom:focus {
    transform: translateY(-5px);
}

.our-custom-package-selection h2.accordion-header .accordion-button:hover {
    color: #000 !important;
    font-weight: 600;
}

.our-custom-package-selection h2.accordion-header .accordion-button:not(.collapsed) {
    color: #000 !important;
    box-shadow: none !important;
}

/*.our-custom-package-selection .accordion-button::after {*/
/*     background-image: url(https://4spinz.com/plus.png) !important;*/
/*    transition: none;*/
/*}*/

/*.our-custom-package-selection h2.accordion-header .accordion-button:not(.collapsed)::after {*/
/*   background-image: url(https://4spinz.com/minus.png) !important;*/
/*   transition: none;*/
/*}*/

/*.our-custom-package-selection .accordion-button::after {*/
/*  background-image: url(https://4spinz.com/plus.png);*/
/*  background-size: contain;*/
/*  background-repeat: no-repeat;*/
/*  content: "";*/
/*  transition: background-image 0.3s ease-in-out; */
/*}*/

/*.our-custom-package-selection .accordion-button:not(.collapsed)::after {*/
/*  background-image: url(https://4spinz.com/minus.png);*/
/*  background-size: contain;*/
/*  background-repeat: no-repeat;*/
/*  content: "";*/
/*  transition: background-image 0.3s ease-in-out;*/
/*}*/

.our-custom-package-selection .accordion-button::after {
    content: "";
    background-image: url("https://4spinz.com/plus.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    float: right;
    transition: transform 0.3s ease-in-out;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.our-custom-package-selection .accordion-button[aria-expanded="true"]::after {
    content: "";
    background-image: url("https://4spinz.com/minus.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    float: right;
    transform: rotate(180deg);
    transition: transform 0.3s ease-in-out;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
}

.our-custom-package-selection .accordion-button[aria-expanded="false"]::after {
    content: "";
    background-image: url("https://4spinz.com/plus.png");
    /* URL for the Plus icon image */
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    /* Adjust the width of the icon */
    height: 18px;
    /* Adjust the height of the icon */
    float: right;
    transition: transform 0.3s ease-in-out;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.our-custom-package-selection .quality-check-list {
    padding: 0px 25px;
}

.our-custom-package-selection .quality-check-list ul {
    padding-left: 0px;
}

.our-custom-package-selection .quality-check-list ul li {
    display: flex;
    margin: 7px 0px;
    align-items: center;
    gap: 7px;
    justify-content: start;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    font-family: var(--font-family);
    text-transform: capitalize;
}

.our-custom-package-selection .quality-check-list ul li b {
    font-weight: 700;
    font-style: italic;
}

.our-custom-package-selection .quality-check-list h6 {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.our-custom-package-selection .quality-check-list .select-plan-buttons button {
    font-size: 16px;
    border-radius: 32px;
    background-clip: border-box;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 600;
    border: none;
    outline: none;
    text-transform: capitalize;
}

.our-custom-package-selection .quality-check-list .select-plan-buttons button span.icon-parent {
    display: inline-flex;
    height: 20px;
    width: 20px;
    font-size: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    margin-left: 10px;
    justify-content: center;
    align-items: center;
}

.our-custom-package-selection .quality-check-list .select-plan-buttons button::before,
.our-custom-package-selection .quality-check-list .select-plan-buttons button::after {
    position: absolute;
    content: "";
}

.our-custom-package-selection .quality-check-list .select-plan-buttons button.btn {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin: 30px auto;
    min-width: 150px;
    border-radius: 32px;
    font-size: 16px;
    overflow: hidden;
    height: 100%;
}

.our-custom-package-selection .quality-check-list .select-plan-buttons button.btn span.par1 {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: capitalize;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 15px 20px;
    transition: 0.3s;
    border-radius: 32px;
}

.our-custom-package-selection .quality-check-list .select-plan-buttons button.btn.btn-1::before {
    background-color: rgb(28, 31, 30);
    border-radius: 32px;
    transition: 0.2s ease-out;
    height: 100%;
    width: 100%;
}

.our-custom-package-selection .quality-check-list .select-plan-buttons button.btn.btn-1.selected_btn::before {
    background-color: #39b972 !important;
    border-radius: 32px;
    transition: 0.2s ease-out;
    height: 100%;
    width: 100%;
}

.our-custom-package-selection .quality-check-list .select-plan-buttons button.btn.btn-1 span.par1 {
    color: rgb(255, 255, 255);
    border: none;
    border-radius: 32px;
    transition: 0.2s ease-out;
    display: inline-block;
    height: 100%;
    width: 100%;
}

.our-custom-package-selection .quality-check-list .select-plan-buttons button.btn.btn-1 span.par1:hover {
    color: rgb(28, 31, 30) !important;
    transition: 0.2s ease-out;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px,
        rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    height: 100%;
    width: 100%;
}

.our-custom-package-selection .quality-check-list .select-plan-buttons button.btn.btn-1 span.par1:hover span.icon-parent {
    border: 2px solid #000;
}

.our-custom-package-selection .quality-check-list .select-plan-buttons button.btn.hover-filled-slide-right::before {
    top: 0px;
    bottom: 0px;
    right: 0;
    height: 100%;
    width: 100%;
    border-radius: 0px;
}

.our-custom-package-selection .quality-check-list .select-plan-buttons button.btn.hover-filled-slide-right:hover::before {
    width: 0%;
}

.our-custom-package-selection .accordion-body {
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
    margin-bottom: 20px;
    border-radius: 12px;
    /* height: 450px; */
    overflow: auto;
}

.our-custom-package-selection .accordion-body::-webkit-scrollbar {
    height: 8px !important;
}

.our-custom-package-selection .accordion-body::-webkit-scrollbar {
    width: 8px !important;
}

.our-custom-package-selection .accordion-body::-webkit-scrollbar-thumb {
    background-color: var(--black-color);
    border-radius: 10px;
}

.our-custom-package-selection .accordion-body::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.upper-parent-new-1 {
    width: 70%;
    padding: 0px 20px;
}

.upper-parent-new-1 .our-custom-package-selection {
    width: 100%;
    max-width: 100%;
}

.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details {
    position: sticky;
    top: 10px;
    background: var(--white-color);
    right: 0;
    z-index: 11;
    width: 30%;
}

.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table h3 {
    font-size: 20px;
    font-family: var(--font-family2);
    letter-spacing: 1px;
}

.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table a.change-btn-1 {
    font-size: 16px;
    padding: 8px 15px;
    background: var(--black-color);
    color: #fff !important;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    float: right;
}

.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table a.change-btn-1:hover {
    background: #000000be;
}

.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table h4 {
    font-size: 15px;
    font-family: var(--font-family2);
}

.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table h5 {
    font-size: 14px;
    font-family: var(--font-family2);
}

.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table .card-inner del,
.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table .card-inner p {
    font-size: 16px;
    font-family: var(--font-family2);
    letter-spacing: 1px;
}

.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-image {
    height: auto;
    width: 100%;
    margin-bottom: 15px;
}

.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table h2 {
    font-size: 18px;
    font-family: var(--font-family2);
    letter-spacing: 1px;
}

.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table h3 {
    font-size: 16px;
    font-family: var(--font-family2);
    letter-spacing: 1px;
}

.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details .details-box .checkout-box {
    padding: 20px 15px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    width: 100% !important;
    max-width: 100% !important;
}

.tabs-parent-container-for-scroll.new-parent .tabs__tabs-group {
    width: 50%;
    max-width: 50%;
    background: #fff;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.service-con-parent-new {
    display: flex;
    align-items: start;
    width: 100%;
    padding-bottom: 100px;
}

.service-con-parent-new .details-tab-card .details-tab-img img {
    height: 100%;
    width: 100%;
    max-width: 200px !important;
    max-height: 150px !important;
}

.service-con-parent-new .details-tab-card .details-tab-img {
    flex: none;
    height: auto;
}

.service-con-parent-new .details-tab-card {
    padding: 20px 10px;
    display: flex;
    gap: 20px;
    align-items: start;
    height: 200px;
}

.service-con-parent-new .details-tab-card .details-tab-content h2 {
    font-size: 18px !important;
    margin-bottom: 10px;
}

.service-con-parent-new .details-tab-card .details-tab-content h5 {
    font-size: 17px;
}

.service-con-parent-new .details-tab-card .details-tab-content {
    flex: initial;
    padding: 0px 0px;
    width: 100%;
}

.service-con-parent-new .details-tab-card .details-tab-content p {
    margin-bottom: 5px;
    max-width: 320px;
    width: 100%;
}

.service-con-parent-new .details-tab-card .details-tab-content .details-tab-btn {
    font-size: 16px;
    background: #000;
    padding: 5px 16px;
    border: 2px solid #000;
    color: #fff !important;
    border-radius: 7px;
}

.service-con-parent-new .tabs__tab {
    padding: 10px 20px;
    padding-top: 3px;
}

.service-con-parent-new .vehicle-details {
    padding: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
        rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-radius: 8px;
    width: 50%;
    max-width: 50%;
}

.service-con-parent-new .vehicle-details .vehicle-card-1 .vehicle-card-1-list-card {
    display: flex;
    gap: 10px;
}

.service-con-parent-new .vehicle-details .vehicle-card-1 .vehicle-card-1-list-card ul {
    padding-left: 10px;
}

.service-con-parent-new .vehicle-details h2 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 30px;
    font-family: var(--font-family2);
}

.service-con-parent-new .vehicle-details .vehicle-card-1 .vehicle-card-1-list-card ul li {
    font-size: 15px;
    font-weight: 400;
    padding: 3px 0px;
}

.service-con-parent-new .vehicle-details .vehicle-card-1 .vehicle-card-1-list-card ul li .fa-check {
    color: #34b233;
}

.service-con-parent-new .vehicle-details .vehicle-card-1 .vehicle-card-1-list-card ul li .fa-xmark {
    color: #ff0000;
}

.tabs-parent-container-for-scroll.new-parent::-webkit-scrollbar {
    height: 8px !important;
}

.tabs-parent-container-for-scroll.new-parent::-webkit-scrollbar {
    width: 8px !important;
}

.tabs-parent-container-for-scroll.new-parent::-webkit-scrollbar-thumb {
    background-color: var(--black-color);
    border-radius: 10px;
}

.tabs-parent-container-for-scroll.new-parent::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table tbody tr {
    border: 1px solid var(--border-color);
    margin-bottom: 3px;
}

.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table tfoot tr {
    border: 1px solid var(--border-color);
    margin-bottom: 3px;
}

.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table thead {
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 11;
}

.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table tfoot {
    position: sticky;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 11;
    background: #fff !important;
}

.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table tfoot tr {
    background: #fff !important;
}

/*.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table tbody tr:nth-last-child(2),*/
/*.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table tbody tr:nth-last-child(1) {*/
/*    border: none;*/
/*}*/

.tabs-parent-container-for-scroll.new-parent .checkout-content {
    width: 100% !important;
    max-width: 100% !important;
    height: 430px;
    overflow: auto;
}

.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table .card-inner {
    width: 100%;
}

.new_one_ {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table tbody tr:nth-last-child(1) h2 {
    width: 100%;
    text-align: center;
}

.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table tfoot tr:nth-last-child(1) h2 {
    width: 100%;
    text-align: center;
}

.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table tbody tr:nth-last-child(1) h2 a {
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

.tabs-parent-container-for-scroll.new-parent .exterior-and-interior-details .details-box .checkout-box .checkout-card .checkout-content table tfoot tr:nth-last-child(1) h2 a {
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

button.details-tab-btn.remove_cart {
    background-color: #e23434 !important;
    border-color: #e23434 !important;
}

h2.sub_total {
    font-size: 26px !important;
    font-weight: 700 !important;
}

h3.sub_total {
    font-size: 16px !important;
    font-weight: 700 !important;
}

.upper-parent-new-1 .details-tab-parent {
    margin-bottom: 70px;
}

.custom-calender-container {
    display: inline-flex;
    background-color: var(--white);
    border-radius: 35px;
    padding: 1em 1em;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
        rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    /* margin: 2.2em; */
    justify-content: center;
    align-items: center;
    height: 100%;
}

.custom-calender-container header {
    margin: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.custom-calender-container .header-display {
    display: flex;
    align-items: center;
}

.custom-calender-container h2 {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--font-family2);
    letter-spacing: 1px;
    text-transform: uppercase;
}

.custom-calender-container .header-display p {
    color: #000;
    margin: 5px;
    font-size: 1.2rem;
    word-spacing: 0.5rem;
}

.custom-calender-container pre {
    padding: 10px;
    margin: 0;
    cursor: pointer;
    font-size: 1.2rem;
    color: #000;
}

.custom-calender-container .days,
.custom-calender-container .week {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin: auto;
    padding: 0 20px;
    justify-content: space-between;
}

.custom-calender-container .week div,
.custom-calender-container .days div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
    width: 3em;
    border-radius: 100%;
}

.custom-calender-container .days div:hover {
    background: #ebedf0;
    color: var(--main-color);
    cursor: pointer;
}

.custom-calender-container .week div {
    opacity: 0.5;
}

.custom-calender-container .current-date {
    background-color: rgba(83, 80, 80, 0.493);
    color: #fff !important;
}

.custom-calender-container .display-selected {
    margin-bottom: 10px;
    padding: 20px 20px;
    text-align: center;
}

.days .empty {
    cursor: default;
}

.days .disabled {
    color: #ccc;
    background-color: #f5f5f5;
    pointer-events: none;
    cursor: not-allowed;
}

.days div:hover:not(.disabled) {
    background-color: var(--main-color);
    color: white;
}

.time-container,
.confirm-container {
    text-align: center;
    margin-top: 20px;
}

.time-container {
    display: flex;
    flex-direction: column;
}

.confirm-container {
    display: none;
}

.final-selection {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}

.confirm-button {
    padding: 10px 20px;
    background-color: #4caf50;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.confirm-button:hover {
    background-color: #45a049;
}

.time-container .selected {
    font-size: 18px;
    font-weight: 600;
    color: var(--main-color);
    margin-bottom: 10px;
    text-align: center;
    font-family: var(--font-family2);
}

.time-container .time-select-slot {
    padding: 30px 10px;
}

.time-container .time-select-slot .time-options {
    /* padding: 5px 2px; */
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    width: 100px;
    margin: 8px 0px;
    border-radius: 5px;
    position: relative;
}

.time-container .time-select-slot .time-options input[type="radio" i] {
    cursor: pointer;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    z-index: 2;
    border-radius: 5px;
    top: 0;
    left: 0;
}

.time-container .time-select-slot .time-options input[type="radio" i]:checked+label,
.time-container .time-select-slot .time-options input[type="radio" i]:hover+label,
.time-container .time-select-slot .time-options input[type="radio" i]:active+label,
.time-container .time-select-slot .time-options input[type="radio" i]:focus+label {
    background-color: var(--main-color);
    color: white;
    border-radius: 5px;
}

.time-container .time-select-slot .time-options label {
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    padding: 5px 10px;
    width: 100%;
}

.custom-calender-container .go-back-final,
.custom-calender-container .go-back-time {
    padding: 10px 20px;
    background-color: #000;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 10px;
}

.custom-calender-container .popup-message {
    text-align: center;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--font-family2);
}

.custom-calender-container .close-popup {
    padding: 10px 20px;
    background-color: rgb(155, 1, 1);
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
}

.custom-form-container h2 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 700;
    font-family: var(--font-family2);
}

.custom-form-container h2 span {
    color: var(--main-color);
}

.custom-form-container p {
    font-family: var(--font-family2);
    font-weight: 400;
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 40px;
    line-height: 1.6em;
    font-size: 18px;
}

.custom-form-container input {
    width: 100%;
    display: block;
    margin: 10px auto;
    color: rgba(0, 0, 0, 0.8);
    padding: 20px 22px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    box-shadow: none !important;
    -webkit-appearance: none;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    background-clip: border-box;
    font-family: "Ubuntu", sans-serif;
    font-family: var(--font-main), sans-serif;
    font-weight: 400;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.custom-form-container input.form-check-input {
    height: 20px;
    width: 20px;
    padding: 5px;
    display: block;
    margin: 0;
    margin-right: 5px;
    color: rgba(0, 0, 0, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    box-shadow: none !important;
    background-clip: border-box;
    font-family: var(--font-main), sans-serif;
    font-weight: 400;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.custom-form-container label.form-check-label {
    font-size: 14px;
    font-weight: 400;
    color: #11101d;
}

.custom-form-container textarea {
    width: 100%;
    height: 100%;
    display: block;
    margin: 10px auto;
    color: rgba(0, 0, 0, 0.8);
    padding: 20px 22px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    box-shadow: none !important;
    -webkit-appearance: none;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    background-clip: border-box;
    font-family: "Ubuntu", sans-serif;
    font-family: var(--font-main), sans-serif;
    font-weight: 400;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.custom-form-container input,
.custom-form-container textarea {
    font-size: 14px;
    font-weight: 400;
    color: #11101d93;
    font-family: var(--font-family2);
}

.custom-form-container input::placeholder,
.custom-form-container textarea::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #11101d93;
    font-family: var(--font-family2);
}

.custom-form-container .send-request {
    padding: 22px 45px 24px;
    font-size: 16px;
    min-width: 250px;
    background-color: #000;
    color: white;
    border: none;
    border-radius: 32px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    text-align: center;
    margin: 20px auto;
}

.custom-form-container .send-request:hover {
    background-color: #000000ce;
}

/* =============================home-bottom-slider ==================================*/
.home-bottom-slider h2 {
    font-size: 55px;
    font-weight: 500;
    color: #232628;
    line-height: 42px;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0px;
    word-spacing: 0px;
    margin-bottom: 0px;
    font-family: var(--font-family2);
    text-align: left;
    padding-left: 20px;
}

.home-bottom-slider .owl-carousel .owl-nav {
    display: flex !important;
    position: absolute;
    right: 4px;
    top: -85px;
    flex-direction: row;
    z-index: 1;
}

.home-bottom-slider .owl-carousel .owl-nav button.owl-next,
.home-bottom-slider .owl-carousel .owl-nav button.owl-prev {
    width: 73px;
    height: 76px;
    background-color: rgba(0, 0, 0, 0.85);
    color: #fff;
    margin: 0 !important;
    border-radius: 0 !important;
    font-size: 14px;
    position: relative;
    z-index: 11 !important;
}

.home-bottom-slider .owl-carousel .owl-nav button.owl-next:hover,
.home-bottom-slider .owl-carousel .owl-nav button.owl-prev:hover {
    background-color: #000;
}

.home-bottom-slider .owl-carousel .owl-nav button.owl-prev {
    border-radius: 10px 0 0px 10px !important;
}

.home-bottom-slider .owl-carousel .owl-nav button.owl-next {
    border-radius: 0px 10px 10px 0px !important;
}

.latest-insights.with-overlay .owl-carousel-2.owl-carousel .owl-nav.disabled {
    display: none !important;
}

.home-bottom-slider .card_123 {
    padding-right: 0px !important;
}

.cash-your-car.in-contact.review .owl-carousel .owl-nav.disabled {
    display: none !important;
}

/* ===================boat-detainging-overlay============================== */
.main-bannear-about.with-overlay.light.boat-detailing-part {
    padding: 120px 0px 50px 0;
    height: 70vh;
}

.main-bannear-about.with-overlay.light .background-overlay.detailing-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #19191b;
    z-index: 1;
    opacity: 0.7 !important;
}

.main-bannear-about.with-overlay.light.boat-detailing-part h2 {
    text-align: center;
    font-size: 100px;
    font-weight: 800;
    margin-bottom: 18px;
    font-family: var(--font-family2);
    text-transform: capitalize;
    letter-spacing: 3px;
    line-height: 1.3;
}

.main-bannear-about.with-overlay.light.boat-detailing-part p {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    font-family: var(--font-family3);
    margin-bottom: 20px;
    line-height: 1.8em;
}

.wrapper.detailing-btn-wrapper {
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
}

.wrapper.detailing-btn-wrapper a {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    font-size: 16px;
    padding: 16px 38px 17px 38px;
    min-width: 145px;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    color: #fff !important;
    background-color: var(--main-color);
    letter-spacing: 2px;
    text-align: center;
    transition: all 0.35s;
    border-radius: 32px;
}

.wrapper.detailing-btn-wrapper a span {
    position: relative;
    z-index: 2;
}

.wrapper.detailing-btn-wrapper a span svg {
    font-size: 22px !important;
    vertical-align: middle !important;
}

.wrapper.detailing-btn-wrapper a:after {
    position: absolute;
    content: "";
    top: 0;
    left: -10px;
    width: 0;
    height: 102%;
    border: 2px solid #19191b !important;
    background: #19191b !important;
    transition: all 0.35s;
}

.wrapper.detailing-btn-wrapper a:hover {
    color: #fff !important;
}

.wrapper.detailing-btn-wrapper a:hover:after {
    width: 110%;
}

.cash-your-car.in-contact.driven-by-passion.exclusive.main-section-paddng .row.boat-detailing-row {
    padding: 0 20px;
}

.cash-your-car.in-contact.driven-by-passion.exclusive.main-section-paddng .row.boat-detailing-row .cash-your-car-right {
    display: flex;
    align-items: center;
}

.cash-your-car.in-contact.driven-by-passion.exclusive.main-section-paddng .row.boat-detailing-row .cash-your-car-right img {
    border-radius: 0px;
}

.cash-your-car.in-contact.driven-by-passion.exclusive.main-section-paddng .row.boat-detailing-row .cash-your-car-left {
    padding: 0px 30px;
}

.cash-your-car.in-contact.driven-by-passion.exclusive.main-section-paddng .row.boat-detailing-row .cash-your-car-left h2,
.boat-detailing-row .boat-detaing-list h2 {
    margin: 48px 0 16px;
    font-size: 48px;
    line-height: 1.2em;
    font-weight: 800;
    color: #19191b;
    font-family: var(--font-family);
    text-transform: capitalize;
}

.cash-your-car.in-contact.driven-by-passion.exclusive.main-section-paddng .row.boat-detailing-row .cash-your-car-left p,
.boat-detailing-row .boat-detaing-list p {
    font-size: 16px;
    line-height: 1.8em;
    font-weight: 400;
    color: #19191b;
    font-family: var(--font-family3);
    margin-bottom: 10px;
}

.cash-your-car.in-contact.driven-by-passion.exclusive.main-section-paddng .row.boat-detailing-row .boat-detaing-list {
    padding: 50px 0 0 0;
}

.cash-your-car.in-contact.driven-by-passion.exclusive.main-section-paddng .row.boat-detailing-row .boat-detaing-list p {
    line-height: 1.8em;
    font-weight: 400;
    color: #19191b;
    font-family: var(--font-family3);
    margin-bottom: 10px;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
}

.cash-your-car.in-contact.driven-by-passion.exclusive.main-section-paddng .row.boat-detailing-row .boat-detaing-list .our-list-details {
    display: flex;
    justify-content: center;
    align-items: start;
    padding: 10px 0;
    gap: 20px;
}

.cash-your-car.in-contact.driven-by-passion.exclusive.main-section-paddng .row.boat-detailing-row .boat-detaing-list .our-list-details ul,
.boat-detaing-list ul {
    list-style-type: disc;
}

.cash-your-car.in-contact.driven-by-passion.exclusive.main-section-paddng .row.boat-detailing-row .boat-detaing-list .our-list-details ul li,
.boat-detaing-list ul li {
    font-size: 16px;
    font-weight: 500;
    color: #19191b;
    font-family: var(--font-family3);
    margin-bottom: 8px;
}

.enquire-today-part.main-section-paddng {
    background: #000;
}

.enquire-today-part.main-section-paddng .equire-today-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0px 20px;
}

.enquire-today-part.main-section-paddng .equire-today-wrapper .wrapper.detailing-btn-wrapper {
    width: fit-content;
}

.enquire-today-part.main-section-paddng .equire-today-wrapper .wrapper.detailing-btn-wrapper a:after {
    border: 2px solid #fff !important;
    background: #fff !important;
    transition: all 0.35s;
}

.enquire-today-part.main-section-paddng .equire-today-wrapper .wrapper.detailing-btn-wrapper a:hover {
    color: #19191b !important;
}

.enquire-today-part.main-section-paddng .equire-today-wrapper h2 {
    font-size: 48px;
    font-weight: 600;
    font-family: var(--font-family2);
    color: #fff;
    letter-spacing: 1.5px;
    text-transform: capitalize;
}

.enquire-today-part.main-section-paddng .equire-today-wrapper h2 span {
    color: var(--main-color2);
}

.cash-your-car.in-contact.driven-by-passion.exclusive.main-section-paddng.boat-description-parent {
    padding: 0px 0px 50px 0px;
}

.drop-zone {
    width: 100%;
    height: 150px;
    padding: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: var(--font-family2);
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    color: #2d2d2d;
    border: 1px dashed #17a8e3;
    border-radius: 10px;
    background: transparent;
    margin-bottom: 20px;
}

.drop-zone--over {
    border-style: solid;
}

.drop-zone__input {
    display: none;
}

.drop-zone__thumb {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    background-color: #cccccc;
    background-size: contain;
    position: relative;
    background-repeat: no-repeat;
}

.drop-zone__thumb::after {
    content: attr(data-label);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 0;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.75);
    font-size: 14px;
    text-align: center;
}

.main-bannear-about.with-overlay.light.boat-detailing-part.inner_service {
    padding: 20px 50px;
    height: 350px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.main-bannear-about.with-overlay.light.boat-detailing-part.inner_service h2 {
    font-size: 48px;
    margin-bottom: 18px;
    font-family: var(--font-family);
    line-height: normal;
    font-weight: 600;
}

.main-bannear-about.with-overlay.light.boat-detailing-part.inner_service p {
    font-size: 16px;
    font-family: var(--font-family);
}

.inner_service_tab {
    border-radius: 10px;
    padding-left: 34px;
}

.inner_service .background-overlay.detailing-overlay {
    border-radius: 10px;
}

form.row.inner_service_form .form-control {
    margin: 10px 0px !important;
    padding: 15px;
    border: 1px solid #00000075 !important;
    box-shadow: none !important;
}

.modal-submit {
    background: #d72121 !important;
    border: none !important;
    outline: none !important;
    padding: 10px 40px !important;
    text-transform: uppercase !important;
}

.service_modal_1 {}

.card_123 a {
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* img-slider-collection */
.img-slider-car-images {
    display: block;
}

/*.img-slider-car-images .owl-carousel.owl-theme.mobile-car-slider .img-slider-car_image_con {*/
/*    height: 100%;*/
/*    width: 100%;*/
/*}*/

/*.img-slider-car-images .owl-carousel.owl-theme.mobile-car-slider .img-slider-car_image_con img {*/
/*    height: 100%;*/
/*    width: 100%;*/
/*}*/
.fea .img-slider-car-images .owl-carousel.owl-theme.mobile-car-slider .owl-nav {
    display: none !important;
}

.img-slider-car-images .owl-carousel.owl-theme.mobile-car-slider .owl-dots {
    position: absolute !important;
    bottom: 10px !important;
    left: 50%;
    transform: translateX(-50%);
    z-index: 111 !important;
    display: flex;
    justify-content: center;
    gap: 0px;
}

.img-slider-car-images .owl-carousel.owl-theme.mobile-car-slider .owl-dots .owl-dot span {
    width: 9px !important;
    height: 9px !important;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
}

.img-slider-car-images .owl-carousel.owl-theme.mobile-car-slider .owl-dots .owl-dot.active span {
    background: #c5bfbf;
}

.img-slider-car-images .owl-carousel.owl-theme.mobile-car-slider .img-slider-car_image_con {
    position: relative;
    padding-top: 66.6667%;
    /* 3:2 aspect ratio */
}

.img-slider-car-images .owl-carousel.owl-theme.mobile-car-slider .img-slider-car_image_con img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width: 767px) {
    .img-slider-car-images {
        display: block !important;
    }

    .new_i {
        display: none !important;
    }

    .desktop-car-image_1 {
        display: none !important;
    }
}

@media screen and (max-width: 600px) {
    .our-car-items .car-image {
        height: auto !important;
    }
}

.owl-carousel.mobile-car-slider .owl-nav {
    display: none !important;
}

.fixed-navbar {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #f4f4f4;
    z-index: 100;
}

.filter-modal.emi_calci {
    padding: 50px 0;
    background-color: transparent;
}

.filter-modal.emi-cal-main-container {
    padding: 50px 0;
    background-color: #f4f4f4;
}

.emi-cal-container {
    width: 100%;
    max-width: 971px;
    margin: 0 auto;
    background-color: #fff;
    padding: 45px 55px;
    border-radius: 30px;
}

.emi-cal-container .cal-title {
    text-align: center;
    letter-spacing: 0;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    font-size: clamp(35px, 3vw, 40px);
    font-family: "Barlow Condensed", arial;
}

.sidebar-bg {
    background-image: url("../unnamed.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 1 !important;
}

#offcanvasWithBothOptions,
#offcanvasWithBothOptionsLabel,
#secondaryMenuOnly {
    background-color: #151515 !important;
    border: none !important;
}