.coverage_area {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 6px 19px;
}
    .coverage_area div {
        display: grid;
    }
    .coverage_area p {
        text-align: left;
        font-size: 10pt;
    } 
    
.login_account {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    margin: 20px 0;
}
    .login_account a {
        display: grid; 
        align-items: center;
        justify-content: center;
        padding: 15px;
        border-radius: 8px;
        background: #eff2f5;
    }
 
.grid {
    display: grid; 
    grid-gap: 40px 45px;
    margin: 20px 0;
}
    .grid > div {
        display: grid; 
        grid-gap: 15px;
        padding: 25px;
        border: 1px solid rgb(0 0 0/5%);
        border-radius: 7px;
        box-shadow: 0 2px 6px 0px rgb(0 0 0 / 5%), 0 0 60px 0 rgb(39 102 149 / 10%);
    }
    
/* --- */
.grid_categories_and_fees {
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px 25px;
}  
    .grid_align_center p, .grid_align_center h2 {
        text-align: center;
    }
    .grid_categories_and_fees .alert.alert-blanco {
        display: grid;
        align-items: center;
    }
    .grid_categories_and_fees .acordeon {
        background: #f2f2f2; 
        box-shadow: none;
    }
    @media only screen and (max-width:520px) {
        .grid_categories_and_fees {
            grid-template-columns: 1fr ;
        }
    }
/* --- */
    .grid.grid_returning_ip {
        grid-template-columns: 1fr 1fr 1fr;
    }
    @media only screen and (max-width:520px) {
        .grid.grid_returning_ip {
            grid-template-columns: 1fr ;
        }
    }
/* --- */
.grid_rab {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    margin: 20px 0px;
}
    .grid_rab a {
        display: grid;
        grid-gap: 20px;
        width: 100%;
        padding: 20px;
        border: 1px solid rgb(0 0 0 / 9%);
        border-radius: 14px; 
        align-items: center;
        text-align: center;
        font-size: 19pt;
        text-transform: uppercase;
        font-family: 'Roboto Condensed';
        box-shadow: 0 0 6px 2px rgb(0 0 0 / 17%);
        color: #FFF;
    }
    a.grid_rab_p {
        background: #C32E1B;
    }
    a.grid_rab_p:hover {
        background: #8d1707;
    }
    a.grid_rab_r{
        background: #019dca;
    }
    a.grid_rab_r:hover {
        background: #017798;
    }
    a.grid_rab_i {
        background: #F7A600;
    }
    a.grid_rab_i:hover {
        background: #c78501;
    }
    a.grid_rab_o {
        background: #9D9D9C;
    }
    a.grid_rab_o:hover  {
        background: #616160;
    }
    .grid_rab a div {
        display: grid;
        align-items: center;
    }
    .grid_rab a p {
        width: 150px;
        margin: auto;
        font-weight: bold;
        text-align: center;
        color: #FFF;
    }
    .grid_rab img {
        width: 110px;
        margin: auto;
    }
    .grid_apply {
        display: grid;
        grid-template-columns: repeat(4, max-content);
        grid-gap:5px;
        align-items: center;
    }
    .grid_apply div {
        padding: 8px;
        font-weight: bold;
        font-size: 11pt !important;
    }
    .grid_apply div.member_category {
        color: #FFF;
        background: #f9a619;
        border-radius: 3px;
        border: 1px solid rgb(0 0 0 /10%);
        box-shadow: 0px 1px 4px -2px rgb(0 0 0 / 50%);
    }
/* --- */
.grid_it_reports {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    margin: 20px 0;
}
    .grid_it_reports a {
        width: 100%;
        height: 270px;
        padding: 20px;
        border: 1px solid rgb(0 0 0 / 9%);
        border-radius: 14px;
        display: grid;
        align-items: start;
        text-align: center;
        font-size: 15pt;
        font-weight: bold;
        box-shadow: 0 0 6px 2px rgb(0 0 0 / 17%);
        color: #FFF;
    }

    a.grid_it_cib {
        background: #7BA02D;
    }
    a.grid_it_int {
        background: #019dca;
    }
    a.grid_it_cib_ip {
        background: #F7A600;
    }
    a.grid_it_cib:hover {
        background: #57711e;
    }
    a.grid_it_int:hover {
        background: #006b88;
    }
    a.grid_it_cib_ip:hover {
        background: #a97101;
    }

    .grid_it_reports img {
        width: 100px;
        margin: auto;
    }
 
    
@media only screen and (max-width:740px) { 
    .grid_rab { 
        grid-template-columns: 1fr 1fr; 
    }
    .grid_it_reports {
        grid-template-columns: 1fr 1fr; 
    } 
}

@media only screen and (max-width:520px) { 
    .login_account { 
        grid-template-columns: 1fr 1fr; 
    }
} 
.grid_column_group {
    display: grid;
    grid-gap: 40px;
    margin: 30px 0;
}
.columns_4 { grid-template-columns: 1fr 1fr 1fr 1fr;}
.columns_3 { grid-template-columns: 1fr 1fr 1fr;}
.columns_2 { grid-template-columns: 1fr 1fr;} 
.grid_column_group a {     
    display: grid;
    align-items: center;
    padding: 40px;
    border-radius: 13px;
    line-height: 1.3;
    font-weight: 800;
    font-size: 12pt;
    letter-spacing: 1px; 
    text-align: center;
    background: #eff2f5;
}
@media only screen and (max-width:980px) {
    .grid_column_group a {
        padding: 20px;
    }
}
@media only screen and (max-width:920px) {
    .columns_4 {
        grid-template-columns: 1fr 1fr
    } 
}
@media only screen and (max-width:740px) { 
    .columns_3 {
        grid-template-columns: 1fr
    }
}

@media only screen and (max-width:520px) {
    .columns_4, .columns_2 {
        grid-template-columns: 1fr
    }
}