.images-videos-section {
    width: 100%;
    position:relative;
    /* height:400vh; */
}

.images-videos-section-inner {
    height:100%;
    /* height: 100vh; */
    /* position: sticky;
    top: 0; */
    overflow: hidden;
}

.media-grid-wrapper {
    position: relative;
    overflow: hidden;
}

.media-item img, .media-item video {
    height:100%;
    object-fit:cover;
    width: 100%;
    /* object-fit: scale-down; */
    user-select: unset;
    -webkit-user-drag: none;
}

.media-item img.only-one{
    object-fit: contain;
}

.media-grid {
    display: flex;
    flex-wrap: nowrap;
    /* overflow: auto; */
    gap: 10px;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 2vw;
    scroll-padding-left: 2vw;
    scroll-padding-right: 2vw;
    height: var(--full-height);
}

.media-grid::-webkit-scrollbar {
    display: none;
}

.images-videos-section .media-item {
    flex-shrink:0;
    flex: 0 0 auto;
    scroll-snap-align: start;
    max-width: 100%;
    min-width: 40%;
}

.images-videos-section .media-grid.single-media .media-item {
    width: 100%;
}

.media-navigation .media-prev,.media-navigation .media-next  {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    cursor: pointer;
}

.media-navigation .media-prev {
    left:20px;
}

.media-navigation .media-prev  svg {
    background-color:white;
    border-radius: 50%;
}

.media-navigation .media-next {
    right:20px;
}

.media-navigation .media-prev.disabled, .media-navigation .media-next.disabled {
opacity: 0;
}

@media (max-width: 991px) {
    .images-videos-section .media-item {
        min-width: 40%;
    }

    .media-item video {
        width: auto;
        aspect-ratio: 16/9;
    }

    .media-grid {
        height: 50vh;
    }

    
}

@media (max-width: 767px) {
    .media-grid {
        height: 32vh;
    } 

    .single-media{
        height: auto;
    }
}