.btabs {list-style-type: none; position: relative; /*z-index: 100;*/}
.btabs li {width: 185px; margin: 0; cursor: pointer; transition: all ease 0.2s;}
.btabs a {
    display: block; text-align: center; border: 1px solid rgba(0,0,0,.2); border-bottom: none;
    padding: 12px 3px; font-size: 1.3rem; font-weight: 700; color: var(--dgreen); position: relative;
}
.btabs a:hover, .ui-tabs-active a, .ui-state-active a { 
    background: var(--dgreen); color:#fff;
}
.boxTab {background: #fff; border: 1px solid rgba(0,0,0,.2);}
.ui-state-active a:after {
    position: absolute; width: 80%; height: 0; content: "";
    top: 90%; left: 0; right: 0; margin: auto;
}
@media screen and (max-width: 768px) {
    .btabs {display: none;}
    .boxTab {border: none;}
}