/* :root {
    --font-nunito: "Nunito", sans-serif;
    --font-numans: "Numans", sans-serif;
    --font-montserrat: "Montserrat", sans-serif;
    --text-body: #333;
    --primary-color: #831B24;
    --white: #fff;
    --light-gray: #F8F8F8;
    --light-yellow: rgba(227, 196, 131, 0.20);
    --black-alternate: #1C1C1C;
    --black: #000;
    --transition: all 400ms ease-in-out;
} */

.login_portals_boxes{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -16px;
    margin-left: -8px;
    margin-right: -8px;
    justify-content: center;
}
.login_portals_boxes .login_portals_items{
    margin: 0 8px;
    border-radius: 30px;
    border: 1px solid rgba(28, 28, 28, 0.10);
    background: var(--white);
    padding: 34px 40px;
    text-align: center;
    max-width: calc(33.33% - 16px);
    margin-bottom: 16px;
    transition: var(--transition);
    display: flex;
    flex-direction: column;
}
.login_portals_boxes .login_portals_items .btn-wrap{
    margin-top: auto;
}
.login_portals_boxes .login_portals_items:hover{
    border: 1.5px solid rgba(131, 27, 36, 0.50);
    background: rgba(131, 27, 36, 0.02);
}
.login_portals_boxes .login_portals_items h5{
    color: var(--black-alternate);
    color: #1C1C1C;
    font-family: var(--font-nunito);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 120% */


    margin-bottom: 16px;
}
.login_portals_boxes .login_portals_items p{
    margin-bottom: 24px;
    color: #333;
    text-align: center;
    font-family: var(--font-numans);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}


@media only screen and (max-width: 991px) {
    .login_portals_boxes .login_portals_items {
        max-width: calc(50% - 16px);
        padding: 25px 15px;
    }
}

@media only screen and (max-width: 767px) {
    .login_portals_boxes .login_portals_items {
        max-width: 100%;
        padding: 20px 15px;
        border-radius: 20px;
    }
}