.gallery_container .themeContainer{
    display: flex;
    flex-direction: column;
    gap: 16px;
    .gallery_wrapper{
        display: flex;
        gap: 16px;
        justify-content: center;
        flex-wrap: wrap;
        @media screen and (max-width:768px) {
            flex-wrap: wrap;
            justify-content: flex-start;
        }
        .single{
            width: 24%;
            aspect-ratio: 1;
            cursor: pointer;
            border-radius: 16px;
            overflow: hidden;
            @media screen and (max-width:768px) {
                width: calc(32% - 8px);
            }
            img{
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }
    .filter_container{
        display: flex;
        gap: 16px;
        margin-top: 16px;
        justify-content: center;
        margin-bottom: 20px;
        @media screen and (max-width:768px) {
            gap: 8px;
        }
        span{
            padding: 8px 16px;
            border-radius: 16px;
            cursor: pointer;
            background-color:rgba(255, 0, 184, 0.15);
            transition: all 0.3s ease;
            font-weight: bold;
            &:hover{
                background-color: #ff00b8;
                color: #fff;
            }
            &.active{
                background-color: #ff00b8;
                color: #fff;

            }
            @media screen and (max-width:768px) {
                font-size: 11px;
            }
        }
    }
}
.bannerArea iframe{
    height: 500px;
    border-radius: 16px;

}