/*# sourceMappingURL=style-m.css.map */
  .column-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    color: black !important;
}

.column {
    flex: 0 0 calc(25% - 20px) !important;
    /* Four columns per row with margin */
    padding: 10px !important;
}

/* set 2 column */
.column2 {
    flex: 0 0 calc(50% - 20px) !important;
    /* Two columns per row with margin */
    padding: 10px !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 */
    }
}