* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    /*background-color: #F6F6F6;*/
    background-color: #FFFFFF;
}
.threeItemsSlider { dispaly: none !important;}
.font-interTight {
    font-family: "Inter Tight", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

#loader-wrapper {
    transition: opacity 0.3s ease-out;
}

nav {
    backdrop-filter: blur(10px);
}

span.span-with-bg {
    position: relative;
    z-index: 1;
}


/** Heart Float Animation */
@keyframes heartFloat {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -100px);
    }
}

.heart-particle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: heartPop 0.6s ease-out forwards;
    pointer-events: none;
    width: 24px;
    height: 24px;
    z-index: 50;
    opacity: 0;
}

@keyframes heartPop {
    0% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }

    50% {
        transform: translate(-50%, -50%) scale(1.4);
        opacity: 1;
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}

#headerFavCount {
    display: none;
}
/** Blink animation */
@keyframes blink {
    0%, 90% {
        d: path( "M10.0004 3.33325C13.5754 3.33325 16.5529 5.35742 18.8879 9.29492L19.0712 9.61075L19.1087 9.69409L19.1337 9.76325L19.1454 9.80909L19.157 9.87742L19.1662 9.96075V10.0524L19.1545 10.1449C19.1491 10.1759 19.1418 10.2065 19.1329 10.2366L19.1004 10.3266L19.0704 10.3891L19.057 10.4141C16.7537 14.4441 13.807 16.5641 10.2612 16.6633L10.0004 16.6666C6.33705 16.6666 3.30288 14.5424 0.943716 10.4133C0.871807 10.2874 0.833984 10.1449 0.833984 9.99992C0.833984 9.85494 0.871807 9.71247 0.943716 9.58659C3.30288 5.45742 6.33705 3.33325 10.0004 3.33325ZM10.0004 7.49992C9.33734 7.49992 8.70146 7.76331 8.23261 8.23215C7.76377 8.70099 7.50038 9.33688 7.50038 9.99992C7.50038 10.663 7.76377 11.2988 8.23261 11.7677C8.70146 12.2365 9.33734 12.4999 10.0004 12.4999C10.6634 12.4999 11.2993 12.2365 11.7681 11.7677C12.237 11.2988 12.5004 10.663 12.5004 9.99992C12.5004 9.33688 12.237 8.70099 11.7681 8.23215C11.2993 7.76331 10.6634 7.49992 10.0004 7.49992Z" );
    }

    91%, 100% {
        d: path("M2 10C5 7 15 7 18 10C15 13 5 13 2 10Z");
    }
}

.eye {
    animation: blink 2s infinite;
}

.icon-eye .eye {
    animation: blink 0.8s infinite;
}

[x-cloak] {
    display: none !important;
}
/** Heart Float Animation */

    span.span-with-bg:before {
        content: "";
        position: absolute;
        width: 107%;
        height: 17px;
        background-color: gray;
        border-radius: 2px;
        bottom: 23px;
        z-index: -1;
    }

    #back-to-top {
        z-index: 8888;
    }

.SMN_effect-46 a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    font-weight: 500;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

    .SMN_effect-46 a:before {
        content: "";
        position: absolute;
        z-index: -1;
        height: 2px;
        left: 0;
        right: 0;
        bottom: 0;
        background: #d2583e;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .SMN_effect-46 a:hover:before,
    .SMN_effect-46 a:focus:before,
    .SMN_effect-46 a:active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }

    .SMN_effect-46 a:hover {
        color: #d2583e;
    }

/* Hero Swiper */
swiper-container {
    width: 100%;
    height: 100%;
}

swiper-slide {
    background-position: center;
    background-size: cover;
}

    swiper-slide img {
        display: block;
        /*width: 100%;*/
    }

/* Featured Cars Swiper Styles */
.featured-cars-swiper {
    padding: 20px 5px !important;
}

    .featured-cars-swiper swiper-slide {
        height: auto !important;
    }

/* Custom Swiper Navigation Buttons */
.swiper-button-next,
.swiper-button-prev {
    color: #363636 !important;
    background: white;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 18px !important;
    }

/* Swiper Pagination */
.swiper-pagination-bullet-active {
    background: #363636 !important;
}

/* Card Swiper */
.testimonials-section swiper-container {
    width: 570px;
    height: 316px;
    border-radius: 32px;
}

.testimonials-section swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
}

.testimonials-section swiper-slide {
    box-shadow: none !important;
}

.testimonials-section .swiper-slide {
    box-shadow: none !important;
}

.testimonials-section .swiper {
    box-shadow: none !important;
}

.testimonials-section .swiper-slide-shadow {
    display: none !important;
}

/* Custom Scrollbar Styles */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}

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

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #d2583e;
    border-radius: 10px;
}

    .custom-scrollbar::-webkit-scrollbar-thumb:hover {
        background: #d2583e;
    }

/* For Firefox */
.custom-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: #d2583e #f1f1f1;
}

/* NoUiSlider Custom Styles */
.noUi-connect {
    background: #d2583e !important;
}

.noUi-handle {
    background: #d2583e !important;
    border: none;
    box-shadow: none;
    border-radius: 50%;
    cursor: pointer;
    width: 18px !important;
    height: 18px !important;
    right: -9px !important;
    border: 3px solid whitesmoke !important;
    border-radius: 100% !important;
    cursor: default !important;
}

.noUi-horizontal {
    height: 8px !important;
}

    .noUi-horizontal .noUi-handle {
        top: -6px !important;
    }

.noUi-handle:before,
.noUi-handle:after {
    display: none !important;
}

.noUi-target {
    background: white !important;
    border: none;
    box-shadow: none;
    height: 2px;
}

.noUi-touch-area {
    background: #d2583e;
    border-radius: 100%;
    cursor: ew-resize;
}

/* Search Field Styling */
.SearchField {
    background-color: white;
    border: 1px solid transparent;
    padding: 10px 20px;
    font-size: 14px;
    width: 300px;
    max-width: 100%;
    transition: 0.2s ease-in-out;
}

    .SearchField::placeholder {
        transition: 0.2s ease-in-out;
        color: black;
    }

    .SearchField:focus::placeholder {
        transform: translateX(3px);
    }

    .SearchField:focus-visible,
    .SearchField:focus {
        outline: none;
    }

/* Car Detail Slider */
.slider-for {
    margin-bottom: 20px;
}

    .slider-for img {
        width: 100%;
        height: auto;
    }

.slider-nav img {
    padding: 5px;
    cursor: pointer;
}

.slick-slide {
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

.slick-current {
    opacity: 1;
}

/*TEST*/
.tab-button {
    flex: 1;
    padding: 10px;
    background-color: #f0f0f0;
    border: none;
    cursor: pointer;
}

    .tab-button.active {
        background-color: #d2583e;
        color: white;
    }

.tabpanel {
    display: none;
}

    .tabpanel.active {
        display: block;
    }

.faq-button {
    width: 100%;
    padding: 10px;
    background-color: #ff5722;
    color: white;
    border: none;
    cursor: pointer;
    text-align: left;
}

.faq-content {
    padding: 10px;
    border: 1px solid #ff5722;
    border-top: none;
}
/*TEST*/

/* Media Queries */

@media (max-width: 768px) {
    .testimonials-section swiper-container {
        width: 100%;
        height: 316px;
        border-radius: 32px;
    }
}

/* Mobile Filter Accordion Styles */
@media (max-width: 1024px) {
    .active {
        background-color: #f3f4f6;
    }

    button svg {
        transition: transform 0.2s ease-in-out;
    }

    .filter-section {
        transition: max-height 0.3s ease-out;
    }
}


.car-gallery {
    position: relative;
}

.slider-for {
    margin-bottom: 10px;
}

    .slider-for .slick-slide {
        position: relative;
    }

/* Navigation Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    padding: 0;
}

    .slick-prev:before,
    .slick-next:before {
        display: none;
    }

    .slick-prev:hover,
    .slick-next:hover {
        background: rgba(255, 255, 255, 1);
    }

.slick-prev {
    left: 20px;
}

.slick-next {
    right: 20px;
}

    /* SVG styling */
    .slick-prev svg,
    .slick-next svg {
        width: 20px;
        height: 20px;
        color: #000;
    }

    .slick-prev:hover svg,
    .slick-next:hover svg {
        color: #d2583e; /* Orange color on hover */
    }

/* Thumbnails */
.slider-nav .slick-slide {
    opacity: 0.5;
    transition: all 0.3s ease;
}

.slider-nav .slick-current {
    opacity: 1;
}

.slider-nav img {
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.slider-nav .slick-current img {
    border-color: #d2583e; /* Orange border for active thumbnail */
}

/*Car Detail Modals*/

#modalEl,
#modalTestDrive,
#modalReserve, .modal-reserve-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

    #modalEl.show,
    #modalTestDrive.show,
    #modalReserve.show {
        display: flex;
        z-index: 9999;
    }

.disabled-btn {
    pointer-events: none; /* Prevent clicking */
    opacity: 0.5; /* Dimmed appearance */
    cursor: not-allowed; /* Show a "not allowed" cursor */
}


/* Stock Photos */

@media (max-width: 768px) {
    #mobileFooter {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #d2583e; /* Adjust color */
        box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
    }
}
/*.slider-for {
    margin-bottom: 60px;*/ /* Adjust based on footer height */
/*}*/

#mobileFooter {
    z-index: 1000; /* Ensure it's above everything */
}

.slick-slider {
    overflow: hidden;
}

.slick-track {
    display: flex !important;
}

.slick-slide {
    flex-shrink: 0;
}
/* Stock Photos */

/* Theme12 */



/* Header */

:root {
    --primary-color: #6366f1;
    --text-color: #0f172a;
    --bg-color: #ffffff;
    --nav-bg: rgba(255, 255, 255, 0.8);
    --nav-border: rgba(231, 231, 231, 0.8);
    --nav-height: 70px;
    --nav-shadow: 0 5px 20px -5px rgba(99, 102, 241, 0.1);
    --button-bg: rgba(99, 102, 241, 0.1);
    --button-hover: rgba(99, 102, 241, 0.15);
}

[data-theme="dark"] {
    --primary-color: #818cf8;
    --text-color: #f1f5f9;
    --bg-color: #0f172a;
    --nav-bg: rgba(15, 23, 42, 0.8);
    --nav-border: rgba(51, 65, 85, 0.8);
    --nav-shadow: 0 5px 20px -5px rgba(129, 140, 248, 0.15);
    --button-bg: rgba(129, 140, 248, 0.1);
    --button-hover: rgba(129, 140, 248, 0.15);
}

/*body {
    margin: 0;
    font-family: 'Inter', sans-serif;
    background-color: var(--bg-color);
    color: var(--text-color);
    transition: background-color 0.3s, color 0.3s;
}*/

.premium-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    backdrop-filter: blur(10px);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--nav-border);
    height: var(--nav-height);
    box-shadow: var(--nav-shadow);
}

.nav-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 0 2rem;
    gap: 2rem;
}

.nav-logo {
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 0.75rem 1.25rem;
    border-radius: 12px;
    overflow: visible;
    transition: all 0.3s ease;
}

/*.logo-text {
    font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: -0.5px;
    background: linear-gradient(135deg, var(--primary-color) 0%, #d946ef 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 200%;
    animation: gradientFlow 8s ease infinite;
}*/

.nav-logo:hover {
    transform: translateY(-2px);
}

.nav-logo::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, var(--primary-color) 0%, #d946ef 50%, var(--primary-color) 100% );
    border-radius: 12px;
    z-index: -2;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.nav-logo::after {
    content: '';
    position: absolute;
    inset: 1px;
    background: var(--nav-bg);
    border-radius: 11px;
    z-index: -1;
}

.nav-logo:hover::before {
    opacity: 0.15;
}

.logo-shine {
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    background: linear-gradient( 45deg, transparent 0%, rgba(255, 255, 255, 0.15) 50%, transparent 100% );
    transform: translateX(-100%) rotate(45deg);
    animation: none;
    pointer-events: none;
}

.nav-logo:hover .logo-shine {
    animation: shineLogo 1s ease forwards;
}

.nav-links {
    display: flex;
    gap: 1rem;
    margin: 0 auto;
    padding: 0 2rem;
}

.nav-link {
    color: var(--text-color);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s;
    position: relative;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .nav-link i {
        font-size: 1.2rem;
    }

    .nav-link::after {
        content: '';
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 0;
        height: 2px;
        background: var(--primary-color);
        transition: width 0.3s;
    }

    .nav-link:hover::after,
    .nav-link.active::after {
        width: 100%;
    }

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

    .nav-link.active {
        background: var(--button-bg);
        color: var(--primary-color);
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(99, 102, 241, 0.15);
    }

.theme-toggle {
    background: none;
    border: none;
    color: var(--text-color);
    cursor: pointer;
    padding: 0.5rem;
    font-size: 1.25rem;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--button-bg);
    transition: all 0.3s ease;
    overflow: hidden;
}

    .theme-toggle:hover {
        background: var(--button-hover);
        transform: translateY(-2px);
    }

    .theme-toggle i {
        transition: transform 0.3s, opacity 0.3s;
        position: absolute;
        font-size: 1.25rem;
        color: var(--primary-color);
    }

.moon-icon {
    position: absolute;
    opacity: 0;
    transform: translateY(20px);
}

[data-theme="dark"] .sun-icon {
    opacity: 0;
    transform: translateY(-20px);
}

[data-theme="dark"] .moon-icon {
    opacity: 1;
    transform: translateY(0);
}

.mobile-menu {
    display: none !important;
    background: none;
    border: none;
    color: var(--text-color);
    font-size: 1.5rem;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--button-bg);
    color: var(--primary-color);
    transition: all 0.3s ease;
}

    .mobile-menu:hover {
        background: var(--button-hover);
        transform: translateY(-2px);
    }

.nav-actions {
    display: flex;
    align-items: center;
    gap: 1rem;
}

@keyframes gradientFlow {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes shineLogo {
    0% {
        transform: translateX(-100%) rotate(45deg);
    }

    100% {
        transform: translateX(200%) rotate(45deg);
    }
}

@media (max-width: 768px) {
    .nav-links {
        position: fixed;
        top: 72px;
        left: 0;
        right: 0;
        background: var(--nav-bg);
        padding: 1rem;
        flex-direction: column;
        gap: 1rem;
        border-bottom: 1px solid var(--nav-border);
        transform: translateY(-100%);
        opacity: 0;
        transition: transform 0.3s, opacity 0.3s;
        top: var(--nav-height);
        gap: 0.5rem;
        visibility: hidden;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        backdrop-filter: blur(10px);
        box-shadow: var(--nav-shadow);
    }

        .nav-links.active {
            transform: translateY(0);
            opacity: 1;
            visibility: visible;
        }

    .mobile-menu {
        display: flex !important;
    }

    .nav-container {
        padding: 0 1rem;
    }

    .nav-link {
        width: 100%;
        padding: 0.75rem 1rem;
        border-radius: 8px;
        justify-content: flex-start;
        gap: 0.75rem;
    }

        .nav-link.active {
            background: var(--button-bg);
            transform: none;
            box-shadow: none;
        }

/*    .nav-actions {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        flex-direction: row;
    }*/
}

@keyframes navItemFade {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

/* Header */

/* Hero section */

/*.slide__text-desc {



/* Hero section */

/* header theme dropdown */
a.dd-ctm {
    display: flex !important;
    flex-direction: row !important;
}

div.all-dd-links {
    display: flex;
    flex-direction: column;
}

    div.all-dd-links a {
        color: #d2583e;
    }

        div.all-dd-links a:hover {
            color: black;
        }
/* header theme dropdown */

/* Review Page */
@keyframes scroll {
    0% {
        transform: translateX(0%);
    }

    95% {
        transform: translateX(-95%);
    }
}

@keyframes scrollReverse {
    0% {
        transform: translateX(-55%);
    }

    95% {
        transform: translateX(55%);
    }
}

.scroll-animation {
    animation: scroll 200s linear infinite; /* slower */
}

.scroll-reverse-animation {
    animation: scrollReverse 200s linear infinite; /* slower */
}



.custom-line-height {
    line-height:10px !important;
}

/* Review Page */

/* Search Type */
a.mostPopularTab__itemImage {
    width: 100%;
    max-width: 130px;
    aspect-ratio: 1.52941176;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 10px;
}


.bodyTypeTab__itemImage {
    margin: 0px 0px 13px;
    max-width: 147px;
    height: auto;
}

.mostPopularTab__itemImage img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

.searchTabs__itemLink {
    border: 2px solid #d2583e;
    padding: 3px 4px;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 21px;
    color: #31343b;
    border-radius: 5px;
    text-align: center;
}

/* Type of Seach Custom */
.searchtype-border {
    border: 2px solid #d2583e;
}

.radio-peer {
    display: none;
}

.radio-content {
    border: 1px solid #d2583e;
    padding: 0.5rem 1rem;
    text-align: center;
    font-weight: 500;
    border-radius: 0.25rem;
    transition: all 0.3s ease;
}

.radio-peer:checked + .radio-content {
    border-color: #d2583e;
    color: #d2583e;
}

.typesearch-color {
    background-color: #d2583e;
}

.typesearch-color:hover {
    background-color: black;
}

.typesearch-text {
    color: #d2583e;
}

.custom-padding {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

.searchIconParent {
    margin-top: 0px !important;
    margin-bottom: 24px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.custom-sidepadding {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

/* Type of Seach Custom */
.hero-image-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-image: url("../assets/images/hero-bg-main.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient( 90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.4) 100% );
}

.typesearch-icon {
    color: #d2583e !important;
}


/* Search Type */

/* Card AutoTrader (Good Price) */
.at_logo-img {
    max-height: 10px;
    width: auto;
}

.at_parent {
    width: 100%;
    margin: auto;
    padding: 8px 33px;
    border-color: #1fab00;
    color: #1fab00;
    border-width: 1px;
    border-style: solid;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    text-transform: capitalize;
}
/* Card AutoTrader (Good Price) */

/* Request More & Schedule Test Model */

.Detail-Model-button {
    background-color: #d2583e;
}

.Detail-Model-button:hover {
    background-color: black;
}

/* Request More & Schedule Test Model */

.custom-radio {
    width: 1rem; /* w-4 */
    height: 1rem; /* h-4 */
    appearance: none;
    border: 2px solid #4b5563; /* border-gray-600 */
    border-radius: 9999px; /* rounded-full */
    cursor: pointer;
    position: relative;
}

.custom-radio:checked {
    background-color: #d2583e;
    border-color: #d2583e;
}

    /*.custom-radio:focus {
        outline: 2px solid #d2583e;*/ /* focus:ring-[#d2583e] */
        /*outline-offset: 2px;*/ /* focus:ring-offset-2 */
    /*}*/

.custom-radio::before {
    content: '';
    width: 0.5rem; /* w-2 */
    height: 0.5rem; /* h-2 */
    background-color: black;
    border-radius: 9999px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.custom-radio:checked::before {
    background-color: black;
}


/* Request More & Schedule Test Model */

.Detail-Model-button {
    background-color: #d2583e;
}

    .Detail-Model-button:hover {
        background-color: #d2583e;
    }

/* Request More & Schedule Test Model */

.filter-Dropdown:hover {
    background-color: #d2583e !important;
}

.Mobile-filter-btn {
    background-color: #d2583e;
}

.filter-tags {
    background-color: #d2583e;
}

/* Filters & Mobile Filters */

/* Theme12 */



/* Booked Slot */

.booked-slot {
    color: white !important;
    opacity: 1;
    border: 1px solid #71717a;
    background-color: #6A9A23;
    background-image: repeating-linear-gradient( -45deg, transparent, transparent 5px, hsla(0, 0%, 100%, 0.025) 5px, hsla(0, 0%, 100%, 0.025) 10px );
    background-size: 200% 200%;
    animation: barberpole 15s linear infinite;
    cursor: not-allowed;
    position: relative;
}

@keyframes barberpole {
    to {
        background-position: 100% 100%;
    }
}

.appointment-thumb-container swiper-slide {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}



/*.booked-slot {
    background-color: #d1d5db;
    color: #9ca3af; 
    cursor: not-allowed;
    position: relative;
}*/

.pointer-events-none {
    pointer-events: none !important; /* disable click */
}

.disabled {
    opacity: 0.5; /* optional: make it look inactive */
}

.no-cursor {
    cursor: not-allowed !important;
}

/* Booked Slot */

/* Request More & Schedule Test Model */

.Detail-Model-button {
    background-color: #d2583e;
}

    .Detail-Model-button:hover {
        background-color: #c81e2f;
    }

/* Request More & Schedule Test Model */

/* Slots Colours for Modal */
.background-color-theme {
    background-color: #d2583e !important;
    border: 1px solid #d2583e !important;
}

.background-color-theme-hover:hover {
    background-color: #d2583e !important;
}

.todaycolor {
    border: 1px solid #d2583e !important;
}

.schedule-theme-colour {
    background-color: #22c55e !important;
}

    .schedule-theme-colour:hover {
        background-color: #16a34a !important;
    }

.peer:checked + .time-slot-color {
    background-color: #d2583e !important;
    color: #ffffff !important;
}

.booking-awaiting-img {
    background-color: #d2583e !important;
}

.loading-color {
    color: #d2583e !important;
}

.custom-nonclickable {
    cursor: none !important; /* Hide the cursor */
    pointer-events: none !important; /* Disable all mouse interactions */
    user-select: none !important; /* Prevent text selection */
    user-select: none !important;
}
/* Slots Colours for Modal */

/* Reserve Button Colour */
.reserve-button {
    background-color: #d2583e !important;
}

.reserve-button:hover {
    background-color: black !important;
}
/* Reserve Button Colour */

/* Finance Logos Center */
.finance-logos-center {
    margin-bottom: 1.5rem !important; /* mb-6 */
    font-size: 2.25rem !important; /* text-4xl */
    font-weight: 700 !important; /* font-bold */
    color: #363636 !important; /* text-[#363636] */
    text-align: left !important; /* align to left */
}

@media (min-width: 768px) { /* md */
    .finance-logos-center {
        font-size: 3rem !important; /* md:text-5xl */
    }
}
/* Finance Logos Center */

/* Share & Print Advert */
.custom-advert {
    background-color: #d2583e !important;
    width:100%;
}

.custom-advert:hover {
    background-color: black !important;
}

.custom-main-advert {
    border: unset !important;
    margin-top: 0px !important;
    padding: 0px !important;
    display: flex;
    flex-wrap: wrap;
}
/* Share & Print Advert */

/* New CardInfo */
.vehicleCardSpan {
    color: #111;
    font-size: .6875rem;
    background: #f0f2f4;
    line-height: 17px;
    padding: 2px 6px 1px;
    border-radius: 10px;
}
/* New CardInfo */

/* Car Detail Part Exchange */
#regPlateFreeCheck {
    background-color: #efd83e;
    background-image: url('../../assets/images/ukreginputback.svg');
    background-repeat: no-repeat;
    background-size: auto 100%, 100% auto;
    border: 2px solid black;
    border-radius: 10px;
    color: #404040;
    font-size: 32px;
    font-weight: 700;
    width: 300px;
    padding: 8px 0 5px;
    padding-left: 30px;
    text-align: center;
    text-transform: uppercase;
    font-family: "UKNumberPlate";
}

#mileageInput {
    background-color: #fff;
    border: 2px solid #eee;
    border-radius: 10px;
    color: #404040;
    font-size: 32px;
    font-weight: 700;
    max-width: 300px;
    padding: 12px 0px;
    text-align: center;
    text-transform: uppercase;
}

.mileageInput {
    background-color: #fff;
    border: 2px solid #eee;
    border-radius: 10px;
    color: #404040;
    font-size: 32px;
    font-weight: 700;
    max-width: 300px;
    padding: 12px 0px;
    text-align: center;
    text-transform: uppercase;
}

#regPlateFront {
    background-color: #fff;
    background-image: url('../../assets/images/UkRegInputFront.svg');
    background-repeat: no-repeat;
    background-size: auto 100%, 100% auto;
    border: 2px solid #eee;
    border-radius: 10px;
    color: #404040;
    font-size: 32px;
    font-weight: 700;
    max-width: 250px;
    padding: 8px 0 5px;
    padding-left: 30px;
    text-align: center;
    font-family: "UKNumberPlate";
}
/* Car Detail Part Exchange */

/* Custom Get-Direction */
.custom-getdirection {
    color: #d2583e !important;
}
/* Custom Get-Direction */

/* Custom type of search */
.custom-typeofsearchleft {
    background-color: #d2583e !important;
}
/* Custom type of search */

.swiper-not-initialized {
    visibility: hidden;
}