.content_center {
    padding: 100px 0;
}

/* DivTable.com */
.divTable{
    display: table;
    width: 100%;

}
.divTableRow {
    display: table-row;
}
.divTableHeading {
    display: table-header-group;

}

.divTableCell .table_header{

    background-color: #0b53a7;
    color:white;

}
.divTableCell, .divTableHead {

    display: table-cell;
    padding: 3px 10px;
}

.table_cells{
    background-color: #cfe2ff;
}


.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}
.divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}
.divTableBody {
    display: table-row-group;
}

.over_button {
    background-color: #0b5ed7
}

.info-item-desc
{
    color:white;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    line-height: 19px;
}



.info-item{
    margin-right:2rem;
    background-color:#bddaff
    width:3rem;
    height:3rem;


}

.info-item-image
{
    background-color:#bddaff;
    width:3rem;
    height:2.75rem;
    text-align: center;
    padding-top:1rem;
    margin-left:-1.3rem;
    margin-top:-.75rem;
    margin-bottom:-1rem;

}










@media (min-width:777px) and (max-width: 990px) {


    .hide_to_sml
    {
        display:none;
    }




}

@media (min-width:367px) and (max-width: 567px) {

    .hide_to_sml
    {
        display:none;
    }
}

.title
{
    font-weight: bold;
    font-size: larger;
    font-family: 'Poppins', sans-serif;
    margin-bottom:2.5rem;
}

.card-body{
    padding-bottom:2.5rem;
}

.weather{
    width:100%;
    margin:0 auto;
    height:250px;
}

.button_container
{

}

.acc_card
{
    background-color:#0954a7;
}

.acc_card a:link{
    text-decoration: none;
    color:white;
}

.button_container{
    display:flex;
    flex-direction: row;
    column-gap: 3rem;

}

.mb-0:hover .info-item-image:after{
    content: "";
    position: absolute;
    top: 0px;
    left: 47px;
    width: 25px;
    padding-bottom: 2.5rem;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    background-color: #bddaff;
    transition: all 0.3s ease-in-out;


}

tt.active .info-item-image{
    height:27%;
}

@media (min-width:367px) and (max-width: 567px) {
    #mainbanner{
        padding: 0 0 20px 0;
    }
}

@media (min-width:567px) and (max-width: 777px) {
    #mainbanner{
        padding: 0 0 20px 0;
    }
}

@media (min-width:777px) and (max-width: 990px) {
    #mainbanner{
        padding: 0 0 20px 0;
    }
}