:root {
    --color-secondary-white: #f2f2f2;
    --color-blue-background: #e8f6ff;
}

.student-services-icons img {
    padding: 10px;
    object-fit: cover;
    height: 50px !important;
    width: 50px !important;
}

.student-services-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    height: fit-content;
    width: fit-content;
}

/* Services Section */
.services-section {
    background-color: var(--color-secondary-white);
}

.school-facilities-section {
    background-color: var(--color-blue-background);
}

.services-image-wrapper li:nth-child(1) .gallery-img {
    border-radius: 30px 30px 30px 120px;
}

.services-image-wrapper li:nth-child(2) .gallery-img {
    border-radius: 30px 189.5px 30px 30px;
}

.services-image-wrapper li:nth-child(3) .gallery-img {
    border-radius: 189.5px 30px 30px 30px;
}

.services-image-wrapper li:nth-child(4) .gallery-img {
    border-radius: 30px 30px 189.5px 30px;
}

.services-image-wrapper li:nth-child(5) .gallery-img {
    border-radius: 189.5px 20px 20px 20px;
}

.services-image-wrapper li:nth-child(6) .gallery-img {
    border-radius: 20px 20px 20px 189.5px;
}

.services-image-wrapper li:nth-child(7) .gallery-img {
    border-radius: 20px 20px 189.5px 20px;
}

.services-image-wrapper li:nth-child(8) .gallery-img {
    border-radius: 20px 189.5px 20px 20px;
}

.school-facilities {
    border-radius: 10%;
}

.services-image,
.school-facilities {
    height: 300px;
    width: 300px;
    overflow: hidden;
    padding: 0 !important;
}

.school-facilities img,
.services-image img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
    transition: all 1s;
}

.modal-gallery-preview,
.modal-gallery {
    overflow: hidden;
    border-radius: 23px;
    width: 100%;
}

.modal-gallery {
    max-height: 346px;
}

.modal-gallery-preview img,
.modal-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 575.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .student-services-icons img {
        padding: 4px;
        object-fit: cover;
        height: 30px !important;
        width: 30px !important;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

    .services-image,
    .school-facilities {
        max-height: 300px;
        height: 100% !important;
        width: 100% !important;
    }

    .student-services-icons img {
        padding: 4px;
        object-fit: cover;
        height: 40px;
        width: 40px;
    }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .school-facilities {
        height: 300px;
        width: 300px;
    }
}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {

    .services-image,
    .school-facilities {
        height: 250px;
        width: 250px;
    }
}

/* inAdd ni MG */
.img {
    height: 280px !important;
    width: 280px !important;
    /*  350px yung nasa figma */
}

.img img {
    height: 100% !important;
    object-fit: cover;
}

.custom-icon {
    font-size: 20px;
}

.gallery-style1 .gallery-img:after,
.gallery-style1 .gallery-img:before {
    background-color: rgba(8, 63, 166, 0.8) !important;
}

.gallery-style1 .gallery-btn {
    background-color: rgba(252, 188, 11, 1) !important;
}

.gallery-style1 .gallery-btn:before {
    background-color: rgba(252, 188, 11, 1) !important;
}

.gallery-style1 .gallery-btn:hover {
    color: var(--color-black) !important;
}

.gallery-style1.layout2 .gallery-btn {
    color: var(--color-black) !important;
}

/* MG's respo */
@media (max-width: 576px) {
    .fs-26 {
        font-size: 2rem !important;
    }

    .fs-subheading-30 {
        font-size: 1.6rem !important;
    }

    .fs-60 {
        font-size: 3.2rem !important;
    }

    .fs-70 {
        font-size: 3.2rem !important;
    }

    .custom-dots {
        display: block;
        margin: 0 auto;
        text-align: center;
        width: 20%;
        height: 20%;
        padding: 20% 0%;
    }
}