/*# sourceMappingURL=style-m.css.map */
/* SDG Wheel Animation */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.column-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    color: black !important;
}

.column {
    flex: 0 0 calc(25% - 15px) !important;
    max-width: calc(25% - 15px) !important;
    /* Four columns per row with gap */
    padding: 0 !important;
}

/* set 2 column */
.column2 {
    flex: 0 0 calc(50% - 10px) !important;
    max-width: calc(50% - 10px) !important;
    /* Two columns per row with gap */
    padding: 0 !important;
}


.custom-card {
    border-width: 1px;
    border-radius: 20px;
    height: 100%;
    box-shadow: 0 0 10px #ccc;
    overflow: hidden;
}

.custom-card img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.custom-card .card-body {
    padding: 1rem;
}

.column a {
    color: #00154c;
}

@media screen and (max-width: 767px) {
    .column {
        flex: 0 0 100% !important;
        /* One column per row on smaller screens */
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .column {
        flex: 0 0 calc(50% - 20px) !important;
        /* Two columns per row on medium screens */
    }
}