
.swiper {
    width: 100%;
    height: 100%;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.swiper {
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
    border-radius: 8px;
}
.original {
    height: 100%;
    width: 100%;
}
.thumbs-suites {
    /* height: 20%; */
    box-sizing: border-box;
    padding: 10px 0;
}
.thumbs-suites .swiper-slide {
    height: 100%;
    opacity: 1;
}
.thumbs-suites .swiper-slide-thumb-active {
    opacity: 1;
}
.swiper.thumbs-suites{
    position: absolute;
    right: -33.5%;
    top: 70.3%;
    transform: translateY(-50%);
    width: 49%;
    height: 95%;
}
.slide--cards .swiper-button-next, .slide--cards .swiper-button-prev {
    width: 38px;
    height: 38px;
}
.slide--cards .swiper-button-next:after, .slide--cards .swiper-button-prev:after {
    font-size: 40px;
    line-height: 0;
}
.slide--cards .swiper-button-next:after, .slide--cards.swiper-rtl .swiper-button-prev:after {
    content: url("../img/main/icon-slide-right.svg");
}
.slide--cards .swiper-button-prev:after, .slide--cards .swiper-rtl .swiper-button-next:after {
    content: url("../img/main/icon-slide-left.svg");
}
@media (max-height: 800px) and (min-width: 769px) {
    .container-fluid.custom-padding.swiper--thumbs {
        max-height: 100vh;
    }
    .container-fluid.custom-padding.swiper--thumbs .plr60 {
        max-height: 100vh;
    }
    .swiperRooms .swiper-slide img {
        object-fit: cover;
        height: 400px;
    }
    .swiper.thumbs-suites {
        position: absolute;
        right: -29%;
        top: 60%;
        transform: translateY(-50%);
        width: 44%;
        height: 100%;
        border-radius: 8px;
    }
    .swiper.thumbs-suites .swiper-slide img {
        object-fit: cover;
    }
}
@media (max-height: 700px) and (min-width: 769px) {
    .container-fluid.custom-padding.swiper--thumbs .plr60 {
        max-height: 100vh;
    }
    .swiperRooms .swiper-slide img {
        object-fit: cover;
        height: 400px;
    }
    .swiper.thumbs-suites {
        position: absolute;
        right: -29%;
        top: 60%;
        transform: translateY(-50%);
        width: 44%;
        height: 100%;
        border-radius: 8px;
    }
    .swiper.thumbs-suites .swiper-slide img {
        object-fit: cover;
    }
}