/* image carousel css */
.swiper-slide.swiper-slide-active {
    z-index: 99;
}

.swiper {
    width: 100%;
    height: 520px;
    margin-left: auto;
    margin-right: auto;
}

.thumbnails {
    width: 100%;
    max-height: 131px;
    margin-left: auto;
    margin-right: auto;
}

.photoGalleryThumbnails {
    height: 80% !important;
    box-sizing: border-box;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.photoGalleryThumbnails .swiper-slide {
    position: relative;
    width: 100px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.photoGalleryThumbnails .swiper-slide img,
.photoGalleryThumbnails .swiper-slide video {
    width: 100%;
    height: 100% !important;
    object-fit: cover !important; 
}

.photoGallery .swiper-wrapper video {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

@media (max-width: 768px) {
    .photoGallery .swiper-slide img {
        object-fit: cover;
        height: 400px;
    }
    .photoGallery .swiper-slide {
        max-height: 100% !important;
        flex-shrink: 0;
    }
    .swiper {
        height: 100% !important;
    }
    .photoGallery .swiper-wrapper video {
        object-fit: cover;
        height: 400px;
    }
    .photoGallery .swiper-wrapper {
        display: flex;
        align-items: center;
        gap: 0;
    }
}

@media (max-width: 480px) {
    .photoGallery .swiper-slide img {
        object-fit: cover;
        height: 270px;
    }
    .photoGallery .swiper-wrapper video {
        object-fit: cover;
        height: 270px;
    }
}