.dream-cars-wrapper{
    padding: 50px 0px;
}

/*/---- Cars Slider Styles Start's Here ----/*/
.slider-container {
    width: 100%;
    position: relative;
    /* overflow: hidden; */
    padding-bottom: 260px;
}
  

.main-slider {
    position: relative;
    height: 450px;
}

.dream-cars-slider .slide img {
    height: 100%;
    width: 100%;
    border-radius: 8px;
    object-fit: contain;
} 

.dream-cars-slider .slide {
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(0.5);
    transition: transform 0.6s ease, opacity 0.6s ease;
}

.slide.incoming {
    z-index: 2;
}
  
.slide.outgoing {
    z-index: 1;
}
  
.slide.active {
    opacity: 1;
    transform: scale(1) translate(0, 0);
}

.dream-cars-slider .thumbnails {
    position: absolute;
    margin: 0px;
    display: block;
    bottom: -10px;
    z-index: 999;
}

.dream-cars-slider .thumbnails .thumbnail {
    width: 100%;
    height: 200px;
    border-radius: 8px;
    opacity: 1;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border 0.3s, transform 0.6s ease;
    margin-bottom: 10px;
}

.dream-cars-slider .thumbnails .thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: contain;
}

.dream-cars-slider .thumbnails .thumbnail.active img {
    opacity: 1
}

.dream-cars-slider .thumbnails .thumbnail:hover img {
    opacity: 0.75
}

.stats-card{
    justify-content: space-between;
}

.stats-card p{
    font-size: 22px;
    font-weight: 500;
    color: #1A2D34;
}

.stats-card h3{
    color: #1A2D34;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 0.0075em;
}
/*/---- Cars Slider Styles End's Here ----/*/

/*/---- Cars Details Styles Start's Here ----/*/
.dream-car-details .dream-car-title h2{
    font-family: "Roboto", serif;
    font-size: 36px;
    font-weight: 400;
    color: #1E1E1E;
    margin-bottom: 0;
}

.dream-car-details .dream-car-title p{
    font-family: "Roboto", serif;
    font-size: 20px;
    font-weight: 400;
    color: #686363;
    margin-bottom: 0;
}

.dream-car-details .dream-car-title span{
    color: #686363;
    font-family: "Roboto", serif;
    font-size: 12px;
    font-weight: 400;
}

.dream-car-description p{
    font-family: "Roboto", serif;
    font-size: 14px;
    font-weight: 400;
    color: #1E1E1E;
}

.car-selection label{
    font-family: "Roboto", serif;
    font-size: 12px;
    font-weight: 400;
    color: #686363;
}

.radio-input-style label{
    border: 1px solid #E9E5E5;
    border-radius: 8px;
    padding: 5px 15px;
    width: 100%;
}

.radio-input-style label img{
    margin-top: -12px;
}

/* Styling for checked input labels */
.radio-input-style .form-check-input:checked + .form-check-label {
    border: 1px solid #686363;
}

.radio-input-style label p{
    font-size: 16px;
    font-weight: 400;
    color: #1E1E1E;
    margin-bottom: 0;
}

.radio-input-style label span{
    color: #686363;
    font-size: 12px;
    font-weight: 400;
}

.quantity-control-wrapper{
    background: #B0B9BA6E;
    border-radius: 12px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.quantity-control-wrapper .quantity-controllers{
    height: 100%;
    border: none !important;
    outline: none !important;
    color: #1A2D34 !important;
    padding: 0;
    background: transparent !important;
}

.quantity-control-wrapper input{
    border: 0px !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    color: #1A2D34;
    font-family: "Roboto", serif;
    font-size: 16px;
    font-weight: 400;
    width: 80px;
    text-align: center;
}

.green-button.checkout-btn{
    padding: 10px 20px !important;
    text-decoration: none;
}

.green-button.checkout-btn:hover{
   background-color: #F4EDE3 !important;
}

.black-friday-img img{
    width: 100%;
    /* height: 300px; */
}
/*/---- Cars Details Styles Start's Here ----/*/


.thumbnail-swiper {
    width: 100%;
    overflow: hidden;
    padding-bottom: 10px; /* Adds some spacing */
}

.swiper-slide {
    flex-shrink: 0;
    width: calc(33.33% - 10px); /* Show 3 slides */
    margin-right: 10px;
}


.swiper-button-next:after, .swiper-button-prev:after{
   background-color: #357B83 !important;
   font-size: 18px !important;
   padding: 10px 15px !important;
   border-radius: 50%;
}
.swiper-button-next, .swiper-button-prev{
    color: #fff !important;
}