.megacarousel-container {
    display: none;
}
a.megacarousel-see-more {    
    bottom: 0.5rem;
    right: 0.5rem;
    border: 1px solid var(--ebg-primary-color);
    font-size: 12px;
    border-radius: 100px;
    text-decoration: none;
    background-color: white;
}
.bts5 main a.megacarousel-see-more:hover,
.bts5 main a.megacarousel-see-more:active,
.bts5 main a.megacarousel-see-more:focus {
    background-color: var(--ebg-primary-light-color);
}
.megacarousel-gallery .card-popup {
    max-width: 860px;
}
.megacarousel-gallery .slick-arrow,
.megacarousel-container-mobile .slick-arrow,
.slider-room .slick-arrow,
.slider-hdp-reviews .slick-arrow {
    width: 2.5rem;
    height: 2.5rem;
    background-color: rgba(51, 51, 51, 0.5);
    border-radius: 30px;
    top: 50%;
    left: 1.5rem;
    border: none;
    position: absolute;
    z-index: 1;
    color: transparent;
    font-size: 0;
}
.slick-slider .slick-arrow.slick-disabled {
    background-color: rgba(51, 51, 51, 0.3);
    cursor: not-allowed;
}
.slider-hdp-reviews .slick-slider .slick-arrow.slick-disabled {
    background-color: white;
}
.slider-hdp-reviews .slick-slider .slick-arrow.slick-disabled::before {
    border-color: var(--ebg-primary-button-disabled-color);
}
.megacarousel-container-mobile .slick-arrow,
.slider-room .slick-arrow {
    width: 2rem;
    height: 2rem;
    left: 0.5rem;
}
.slider-hdp-reviews .slick-arrow {
    width: 2rem;
    height: 2rem;
    background-color: white;
    box-shadow: 0 0 1rem var(--ebg-card-shadow);
    left: 0.5rem;
    top: calc(50% - 0.5rem);
}
.megacarousel-gallery .slick-arrow.slick-next {
    left: initial;
    right: 1.5rem;
}
.megacarousel-container-mobile .slick-arrow.slick-next,
.slider-room .slick-arrow.slick-next {
    left: initial;
    right: 0.5rem;
}
.slider-hdp-reviews .slick-arrow.slick-next {
    left: initial;
    right: 0rem;
}
.megacarousel-gallery .slick-arrow::before,
.megacarousel-container-mobile .slick-arrow::before,
.slider-room .slick-arrow::before,
.slider-hdp-reviews .slick-arrow::before {
    position: absolute;
    top: 0.875rem;
    left: 1rem;
    height: 0.65rem;
    width: 0.65rem;
    content: '';
    border-top: 2px solid white;
    border-right: 2px solid white;
    transform: rotate(225deg);
}
.megacarousel-container-mobile .slick-arrow::before,
.slider-room .slick-arrow::before,
.slider-hdp-reviews .slick-arrow::before {
    top: 0.625rem;
    left: 0.75rem;
}
.slider-hdp-reviews .slick-arrow::before {
    border-color: var(--ebg-primary-color);
}
.megacarousel-gallery .slick-arrow.slick-next::before,
.megacarousel-container-mobile .slick-arrow.slick-next::before,
.slider-room .slick-arrow.slick-next::before,
.slider-hdp-reviews .slick-arrow.slick-next::before {
    transform: rotate(45deg);
    left: initial;
    right: 1rem;
}
.megacarousel-container-mobile .slick-arrow.slick-next::before,
.slider-room .slick-arrow.slick-next::before,
.slider-hdp-reviews .slick-arrow.slick-next::before {
    right: 0.75rem;
}
.megacarousel-gallery .slick-arrow:hover,
.megacarousel-gallery .slick-arrow:active,
.megacarousel-container-mobile .slick-arrow:hover,
.megacarousel-container-mobile .slick-arrow:active,
.slider-room .slick-arrow:hover,
.slider-room .slick-arrow:active {
    opacity: 0.9;
}
.slider-hdp-reviews .slick-arrow:hover:not(.slick-disabled),
.slider-hdp-reviews .slick-arrow:active {
    box-shadow: 0 0 1rem var(--ebg-primary-color);
}
.megacarousel-photo-large {
    height: 235px;
}
.megacarousel-photo-small {
    flex-grow: 1;
    flex-shrink: 1;
    max-height: 73px;
}
.megacarousel-initialized .megacarousel-photo:hover {
    opacity: 0.92;
}
.slider-for .slide.slick-slide,
.slider-nav .slide.slick-slide,
.slider-for-mobile .slide.slick-slide,
.slider-nav-mobile .slide.slick-slide,
.megacarousel-photo {
    overflow: hidden;
}
.slider-for-mobile .slide.slick-slide img,
.slider-nav-mobile .slide.slick-slide img,
.slider-for .slide.slick-slide img,
.slider-nav .slide.slick-slide img,
.megacarousel-photo img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 1rem;
}
.slider-for .slide.slick-slide img {
    height: 100vh;
    max-height: 236px;
}
.slider-for-mobile .slide.slick-slide img {
    height: calc((100vw - 2rem) * 0.65);
}
.slider-nav .slide.slick-slide.slick-current,
.slider-nav-mobile .slide.slick-slide.slick-current {
    opacity: 1.0;
}
.slider-nav .slide.slick-slide:hover,
.slider-nav-mobile .slide.slick-slide:hover {
    opacity: 0.9;
    cursor: pointer;
}
.slider-nav .slide.slick-slide,
.slider-nav-mobile .slide.slick-slide {
    height: 90px;
    max-width: 200px;
}
.slider-nav .slide.slick-slide {
    margin: 0 0.5rem;
    opacity: 0.5;
}
.slider-nav-mobile .slide.slick-slide {
    margin: 0 0.25rem;
}
.slider-room .slide.slick-slide, .slider-room {
    height: 200px;
}
.megacarousel-initialized .megacarousel-photo, .megacarousel-see-more {
    cursor: pointer;
}
.megacarousel-placeholder {
    border-radius: 1rem;
    background: linear-gradient(135deg, #f5f7fa, #e3e6f0);
    overflow: hidden;
}
@keyframes shimmer {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}
.slider-for,
.slider-nav .slide, 
.slider-for-mobile, 
.slider-nav-mobile .slide {
    border-radius: 1rem;
}
.slider-room, 
.slider-for, 
.slider-nav .slide, 
.slider-for-mobile, 
.slider-nav-mobile .slide {
    background: linear-gradient(135deg, #f5f7fa, #e3e6f0);
    overflow: hidden;
}
.megacarousel-placeholder::before,
.slider-room::before, 
.slider-for::before,
.slider-for-mobile::before,
.slider-nav .slide::after,
.slider-nav-mobile .slide::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    transform: translateX(-100%);
    animation: shimmer 2s infinite;
}
.megacarousel-photo img,
.slider-room img,
.slider-for img,
.slider-for-mobile img,
.slider-nav .slide img,
.slider-nav-mobile .slide img {
    visibility: hidden;
}
.megacarousel-photo:not(.megacarousel-placeholder) img,
.slider-room.slick-initialized img,
.slider-for.slick-initialized img,
.slider-for-mobile.slick-initialized img,
.slider-nav.slick-initialized .slide img,
.slider-nav-mobile.slick-initialized .slide img {
    visibility: visible;
    transition: visibility 0.1s ease;
}
.slider-room img.slick-loading, .slider-room img.slick-lazyload-error,
.slider-for img.slick-loading, .slider-for img.slick-lazyload-error,
.slider-for-mobile img.slick-loading, .slider-for-mobile img.slick-lazyload-error,
.slider-nav .slide.slick-loading img, .slider-nav .slide.slick-error img,
.slider-nav-mobile .slide.slick-loading img, .slider-nav-mobile .slide.slick-error img {
    visibility: hidden;
}
.slider-nav .slide.slick-loading, .slider-nav .slide.slick-error,
.slider-nav-mobile .slide.slick-loading, .slider-nav-mobile .slide.slick-error {
    opacity: 1;
    cursor: not-allowed;
    pointer-events: none;
}
.slider-nav-mobile .slick-list .slide {
    box-sizing: border-box;
    min-width: calc((100% - 1.5rem) / 3);
    position: relative;
}
.slider-nav .slick-list .slide {
    min-width: calc((100% - 4.5rem) / 5);
    position: relative;
}
.slider-nav .slide.slick-active, .slider-nav-mobile .slide.slick-active {
    opacity: 1;
}
.slider-nav .slick-track, .slider-nav-mobile .slick-track {
        transition: transform 0.5s ease-out;
}
.megacarousel-gallery.preview-clicked .slider-nav .slick-track {
    transition: none;
}
.megacarousel-gallery.preview-clicked {
    opacity: 0;
    visibility: 'hidden';
}
@media (min-width: 768px) {
    .megacarousel-container {
        display: block;
    }
    .megacarousel-container-mobile {
        display: none;
    }
    .slider-for .slide.slick-slide img,
    .megacarousel-popup-img {
        max-height: 480px;
    }
    .megacarousel-photo-large {
        flex: 0 0 38%;
        height: 360px;
    }
    .megacarousel-photo-small {
        max-height: 114px;
    }
    .slider-room .slide.slick-slide, .slider-room {
        height: 280px;
    }
    .slider-hdp-reviews .slick-arrow {
        left: -1rem;
    }
    .slider-hdp-reviews .slick-arrow.slick-next {
        right: -1rem;
    }
}

@media (min-width: 1280px) {
    .megacarousel-gallery .card-popup {
        max-width: 1024px;
    }
    .slider-for .slide.slick-slide img,
    .megacarousel-popup-img {
        max-height: 564px;
    }
    .megacarousel-photo-large {
        flex: 0 0 42%;
    }
}