.instagram-feed-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    /* Adjust the gap between images as needed */
}

.instagram-feed-item {
    width: 100%;
    /* Make sure each item has equal width based on columns */
}

.instagram-feed-item img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover;
    border: 0px solid #673AB7;
    /* display: block; */
    border-radius: 5px;
}

.instagram-feed-container.grid {
    display: grid;
    gap: 20px;
    width: 100%;
}

.instagram-feed-container.columns-1 {
    grid-template-columns: repeat(1, 1fr);
}

.instagram-feed-container.columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.instagram-feed-container.columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.instagram-feed-container.columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.instagram-feed-container.columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.instagram-feed-container.columns-6 {
    grid-template-columns: repeat(6, 1fr);
}


.swiper-container {
    width: 100%;
    padding: 20px 0;
    overflow: hidden;
}

.swiper-slide {
    background: #fff;
    width: auto;
    height: auto !important;
}

.swiper-slide img {
    width: 100% !important;
    height: 75% !important;
    object-fit: cover;
    border-radius: 8px;
}

.swiper-button-next,
.swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 50%)!important;
    background: #3c3b3b;
    padding: 30px 20px 30px 21px;
}

video.instagram-video {
    height: 250px !important;
    border-radius: 5px;
}

.instagram-caption-row {
    display: flex;
    gap: 20px;
    margin-top: 10px;
}