.school-gallery-wrapper{
        width:100%;
    }

    /* FILTERS */

    .school-gallery-filters{
        display:flex;
        gap:12px;
        overflow-x:auto;
        white-space:nowrap;
        padding-bottom:10px;
        margin-bottom:30px;
        scrollbar-width:thin;
    }

    .school-gallery-filters::-webkit-scrollbar{
        height:6px;
    }

    .sg-filter{
        border:none;
        cursor:pointer;
        padding:10px 18px;
        border-radius:30px;
        transition:all .3s ease;
        flex-shrink:0;
    }

    .sg-filter.active{
        transform:translateY(-1px);
    }





    

    /* GRID */

    .school-gallery-grid{
    display:grid;
    gap:25px;

    grid-template-columns:
    repeat(
        var(--nwg-desktop,4),
        minmax(0,1fr)
    );
}






    .sg-card{
        cursor:pointer;
    }

    .sg-image-wrap{
        overflow:hidden;
        border-radius:10px;
    }

    .sg-image-wrap img{
        width:100%;
        height:260px;
        object-fit:cover;
        display:block;
        transition:.4s;
    }

    .sg-card:hover img{
        transform:scale(1.05);
    }

    .sg-title{
        margin-top:12px;
        font-weight:600;
        text-align:center;
    }

    @media(max-width:767px){

        .school-gallery-grid{
            grid-template-columns:1fr;
        }

    }

.f-thumbs__track {
    gap: 8px !important;
}

.f-thumbs__slide {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    height: 70px !important;
}

.f-thumbs__slide__button {
    width: 90px !important;
    height: 70px !important;
}

.f-thumbs__slide__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}



.f-button svg {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    display: block !important;
}

.f-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.f-thumbs__slide {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    height: 70px !important;
}

.f-thumbs__slide__button {
    width: 90px !important;
    height: 70px !important;
}

.f-thumbs__slide__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}











@media(max-width:1024px){

    .school-gallery-grid{

        grid-template-columns:
        repeat(
            var(--nwg-tablet,2),
            minmax(0,1fr)
        );

    }

}

@media(max-width:767px){

    .school-gallery-grid{

        grid-template-columns:
        repeat(
            var(--nwg-mobile,1),
            minmax(0,1fr)
        );

    }

}