.pagination {
    display: inline-block;
    padding: 2px;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    margin: 2px;
    text-decoration: none;
    border: 2px solid black;
    border-radius: 5px;
}

.pagination a.active {
    background-color: #CE251A;
    color: white;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
}

.border-title {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding-right: 60px;
    border-bottom: 3px solid #0e1c5a;
    padding-bottom: 5px;
    margin-top: -0.24em;
    margin-bottom: 35px;
    position: relative;
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    width: 100%;
}

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.pad {
    padding: 2px 16px;
}

.hov:hover{
    color: #fff !important;
}

/* .border-title::after {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding-right: 60px;
    border-bottom: 3px solid #65691C;
    padding-bottom: 5px;
    margin-top: -0.24em;
    margin-bottom: 35px;
    position: relative;
} */

@media only screen and (max-width: 600px) {
    .mab {
        margin-left: 260px !important;
        padding-bottom: 20px !important;
    }

    .cm {
        display: none !important;
    }

    .mb {
        margin-top: -200px !important;
    }

    .navm {
        margin-left: -0px !important;
    }

}