.cars-models-wrapper {
    position: relative;
    padding-top: 1rem;
}

.grid-swiper .swiper-pagination {
    position: relative !important;
    bottom: auto !important;
    margin-top: 10px;
}

.grid-swiper .swiper-button-next,
.grid-swiper .swiper-button-prev {
    top: 50% !important;
    transform: translateY(-50%);
}

.banner-spec {
    bottom: 12.5%;   
}

.banner-spec-up {
    top: 18%;
}

.banner-spec-down {
    bottom: 10%;
}

.banner-spec-down-2 {
    bottom: 3%;
}

.banner-spec-middle {
    top: 32%;
}

.banner-spec-left {
    right: 28%;
}

#iframe-location {
    min-height: 250px;
}

@media (max-width: 400px) {
    .p300 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

}

@media (min-width: 701px) {
    .banner-spec {
        bottom: 10% !important;
    }
}

@media (min-width: 401px) and (max-width: 700px) {
    .banner-spec {
        bottom: 15% !important;
        width: 90% !important;
    }
}

@media (max-width: 400px) {
    .banner-spec {
        bottom: 10.5% !important;
        width: 90% !important;
    }
}

.outline-black {
    text-shadow:
        -1px -1px 0 #0000004f,
        1px -1px 0 #0000004f,
        -1px  1px 0 #0000004f,
        1px  1px 0 #0000004f;
}

.img-top-crop{
    height: 165px !important;
    width: 316px !important;
    overflow: hidden !important;
    position: relative !important;
}

.img-top-crop img {
    position: absolute !important;
    bottom: 0% !important;         
    left: 0;
    width: 100%;
    height: auto;
}
.img-refit {
    height: 150px !important;
    width: 316px !important;
}

@media(width > 1200px){
    .img-top-crop,
    .img-refit {
        height:180px !important;
    }
}

/* Hide default Swiper arrows  */
.lineup-swiper .swiper-button-next::after,
.lineup-swiper .swiper-button-prev::after,
.lineup-swiper .swiper-button-next svg,
.lineup-swiper .swiper-button-prev svg,
.grid-swiper .swiper-button-next::after,
.grid-swiper .swiper-button-prev::after,
.grid-swiper .swiper-button-next svg,
.grid-swiper .swiper-button-prev svg {
    display: none !important;
}

.lineup-swiper .swiper-button-next,
.lineup-swiper .swiper-button-prev,
.grid-swiper .swiper-button-next,
.grid-swiper .swiper-button-prev{
    font-size: 30px !important;
}

.lineup-swiper .swiper-pagination,
.grid-swiper .swiper-pagination { bottom: 0; }

.lineup-swiper .swiper-pagination-bullet,
.grid-swiper .swiper-pagination-bullet{ background-color: #000;}

@media(max-width: 992px){
    .lineup-swiper .swiper-button-next,
    .lineup-swiper .swiper-button-prev,
    .grid-swiper .swiper-button-next,
    .grid-swiper .swiper-button-prev{
        font-size: 22px !important;
        margin-top: 22px !important;
    }

    .lineup-swiper .swiper-button-prev,
    .grid-swiper .swiper-button-prev{ left: -15px; }
    .lineup-swiper .swiper-button-next,
    .grid-swiper .swiper-button-next{ right: -15px; }
}


.section-line {
    height: .3rem;
    background-color: rgb(192, 11, 32);
}

.swiper-button-next, .swiper-button-prev {
    color: rgb(192, 11, 32) !important;
}

.others-swiper {
    width: 100%;
    display: flex;
    justify-content: center;
    max-width: 844px;
    margin: 0 auto;
}

.bev-thumbnail, 
.csh-thumbnail,
.ice-thumbnail {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;  
    max-width: 412px; 
    margin: 0;
    border-radius: .5rem !important;
    position: relative;
}

.bev-thumbnail { background-image: url("./img/bev-thumbnail.webp"); }
.ice-thumbnail { background-image: url("./img/ice-thumbnail.webp"); }
.csh-thumbnail { background-image: url("./img/csh-thumbnail.webp"); }

@keyframes slideUpFadeIn {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideDownFadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(30px);
    }
}

.slide-text {
    opacity: 0;
    transform: translateY(30px);
}

.swiper-slide.hovered .slide-text {
    animation: slideUpFadeIn 0.6s ease-out forwards;
}

.swiper-slide.unhovered .slide-text {
    animation: slideDownFadeOut 0.6s ease-out forwards;
}