.gallery-container {
    position: relative;
    height: clamp(1px, 71.719vw, 2754px);
    z-index: 2;
}

.swipe-gallery .swiper-slide {
    width: clamp(1px, 34.896vw, 1340px) !important;
}

.vid-gal {
    width: clamp(1px, 35.417vw, 1360px);
    height: clamp(1px, 26.042vw, 1000px);
}

.vid-gal video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: clamp(1px, 2vw, 90px);
}

.play-button {
    position: absolute;
    width: 100%;
    height: clamp(1px, 26.042vw, 1000px);
    cursor: pointer;
    z-index: 10;
}

.play-img {
    width: clamp(1px, 5.209vw, 200px);
    height: clamp(1px, 5.209vw, 200px);
}

a.popup-video {
    display: block;
    position: relative;
}

.video-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
}

.video-modal .modal-content {
    position: relative;
    width: 100%;
    max-width: 1000px;
}

.close-button {
    position: absolute;
    top: 10px;
    right: 20px;
    color: white;
    font-size: 30px;
    cursor: pointer;
    z-index: 9999999;
}

.image-1 {
    position: relative;
    overflow: hidden;
    width: clamp(1px, 44vw, 1746px);
    height: clamp(1px, 30.365vw, 1166px);
}

.image-2,
.image-3 {
    position: relative;
    overflow: hidden;
    width: clamp(1px, 18.1771vw, 708px);
    height: clamp(1px, 14.572vw, 558px);
}

.image-4 {
    position: relative;
    width: clamp(1px, 37.47vw, 1438px);
    height: clamp(1px, 14.97vw, 574px);
    overflow: hidden;
}

.image-5,
.image-6,
.image-7 {
    position: relative;
    width: clamp(1px, 26.86vw, 1030px);
    height: clamp(1px, 25.634vw, 984px);
    overflow: hidden;

}

.image-8 {
    position: relative;
    width: clamp(1px, 14.83vw, 612px);
    height: clamp(1px, 30.573vw, 1174px);
    overflow: hidden;
}

.image-9 {
    position: relative;
    width: clamp(1px, 47.53vw, 1888px);
    height: clamp(1px, 30.573vw, 1174px);
    overflow: hidden;
}

.image-10,
.image-11 {
    position: relative;
    width: clamp(1px, 18.271vw, 700px);
    height: clamp(1px, 14.896vw, 572px);
    overflow: hidden;
}

.image-12,
.image-13 {
    position: relative;
    width: clamp(1px, 37.5vw, 1480px);
    height: clamp(1px, 14.792vw, 568px);
    overflow: hidden;
}

.image-14 {
    position: relative;
    width: clamp(1px, 44.011vw, 1756px);
    height: clamp(1px, 30.365vw, 1166px);
    overflow: hidden;
}

.fancybox__container {
    position: fixed;
    z-index: 999999 !important;
}

.fancybox__thumbs {
    display: none;
}

.zoom-icon {
    max-width: clamp(1px, 2.032vw, 78px);
    max-height: clamp(1px, 2.032vw, 78px);
}

.image-1 img,
.image-2 img,
.image-3 img,
.image-4 img,
.image-5 img,
.image-6 img,
.image-7 img,
.image-8 img,
.image-9 img,
.image-10 img,
.image-11 img,
.image-12 img,
.image-13 img,
.image-14 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 1;
}

.image-1:hover img,
.image-2:hover img,
.image-3:hover img,
.image-4:hover img,
.image-5:hover img,
.image-6:hover img,
.image-7:hover img,
.image-8:hover img,
.image-9:hover img,
.image-10:hover img,
.image-11:hover img,
.image-12:hover img,
.image-13:hover img,
.image-14:hover img {
    transform: scale(1.1);
}

.image-1:hover .overlay,
.image-2:hover .overlay,
.image-2:hover .overlay,
.image-3:hover .overlay,
.image-4:hover .overlay,
.image-5:hover .overlay,
.image-6:hover .overlay,
.image-7:hover .overlay,
.image-8:hover .overlay,
.image-9:hover .overlay,
.image-10:hover .overlay,
.image-11:hover .overlay,
.image-12:hover .overlay,
.image-13:hover .overlay,
.image-14:hover .overlay {
    opacity: 1;
}

.overlay-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
}

@media (max-width:767px) {
    .gallery-container {
        height: 100%;
    }

    .swipe-gallery .swiper-slide {
        width: clamp(1px, 80vw, 670px) !important;
    }

    .vid-gal {
        width: clamp(1px, 80.7vw, 680px);
        height: clamp(1px, 59.6vw, 500px);
    }

    .play-img {
        width: clamp(1px, 13.03vw, 100px);
        height: clamp(1px, 13.03vw, 100px);
    }
	
	.zoom-icon {
        max-width: clamp(1px, 13.03vw, 100px);
        max-height: clamp(1px, 13.03vw, 100px);
    }

    .play-button {
        height: clamp(1px, 59.6vw, 500px);
    }

    .vid-gal video {
        border-radius: clamp(1px, 5vw, 45px);
    }

    .image-1,
    .image-2,
    .image-3,
    .image-4,
    .image-5,
    .image-6,
    .image-7,
    .image-8,
    .image-9,
    .image-10,
    .image-11,
    .image-12,
    .image-13,
    .image-14 {
        width: 100%;
        height: clamp(1px, 104.7vw, 450px);
    }

    .image-1 img,
    .image-2 img,
    .image-3 img,
    .image-4 img,
    .image-5 img,
    .image-6 img,
    .image-7 img,
    .image-8 img,
    .image-9 img,
    .image-10 img,
    .image-11 img,
    .image-12 img,
    .image-13 img,
    .image-14 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .overlay {
        position: absolute;
        opacity: 1;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38.67%, #000000 83.39%) !important;

    }


}