.mainTabs {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    gap:5px;
    margin-bottom:20px;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    width:100%;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

}

.mainTabs li{
    width:100%;

}

.mainTabs li a{
    width:100%;
    background-color:#307ecc;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding:14px;
    border-radius:3330.5em;
    cursor: pointer;
    text-align:center;
    font-size:14px;
    font-weight:600
    

    
}

.mainTabs li a{
    text-decoration: none;
    color:#fff;
}


.footer_tabs li a {
    width:60px !important;
    height:60px !important;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    border-radius:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}

.footer_tabs li a img{
    width:20px;
}

.footer_tabs {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width:90%;
    margin:0 auto;
    padding-top:20px;
}





.inactive{
    background-color:#7b8084b1 !important

}

.inactive:hover{
    background-color:#454a4eb1 !important;
    -webkit-transition:200ms;
    -o-transition:200ms;
    transition:200ms;

}