:root {
    --text-secondary-violet: #822875;
    --color-card-media-bg: #d9d9d9;
    --color-pink: #ec91df;
}

.playschool-container {
    padding: 5% 5% 0 5%;
}

.text-secondary-violet {
    color: var(--text-secondary-violet);
}


.programs-img {
    height: 100px;
    width: 100px;
    background-color: var(--color-pink);
}

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


.bg-dark-purple {
    background-color: var(--text-secondary-violet);
}

.school-activities-card {
    height: 260px;
    border-radius: 30px;
    width: 100%;
    background-color: var(--color-card-media-bg);
}

.second-column {
    padding-top: 40px;
}

.galleries {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
    border-radius: 30px;
}


@media (max-width: 992px) {
    .school-activities-card {
        height: 180px;
    }

    .programs-img {
        height: 50px;
        width: 50px;
        background-color: var(--color-pink);
    }
}

/* Small devices */
@media (max-width: 767px) {

    .school-activities-card {
        height: 260px;
    }

    .programs-img {
        height: 100px;
        width: 100px;
        background-color: var(--color-pink);
    }
}

.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;
}