/* Instagram Slider - Auto-scroll continuous carousel */

.instagram-slider {
    padding: 0 !important;
    margin: 0;
    overflow: hidden;
    width: 100%;
}

.instagram-slider .swiper-wrapper {
    transition-timing-function: linear !important;
    align-items: stretch;
    display: flex;
}

.instagram-slider .swiper-slide {
    height: auto;
    width: auto;
    flex-shrink: 0;
}

.instagram-item figure {
    transition: all 0.3s ease-in-out;
}



.instagram-item a {
    display: block;
    position: relative;
}

.instagram-overlay {
    background: linear-gradient(180deg, rgba(16, 38, 64, 0.749) 0%,rgba(16, 30, 47, 0.493) 100%);
    transition: opacity 0.3s ease-in-out;
    border-radius: 12px;
}

.instagram-item:hover .instagram-overlay {
    opacity: 1 !important;
}

.instagram-icon {
    z-index: 10;
    transition: all 0.3s ease-in-out;
}

.instagram-item:hover .instagram-icon {
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(1.2) !important;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .instagram-slider {
        padding: 0 15px !important;
    }
}

/* Smooth continuous scroll animation */
.swiper-auto-slider .swiper-slide {
    transition: transform 0.3s ease;
}

.swiper-auto-slider:hover .swiper-slide {
    animation-play-state: paused !important;
}

/* Ensure images maintain aspect ratio */
.instagram-item img {
    width: 100%;
    height: 290px;
    display: block;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 12px;
}