.tabs-group{

    *{
        font-family:        inherit;
    }

}

.tabs-content{

    
}

.tabs-content > *.active{
    display: block;
}

.tabs-content > *.fade-in{
    opacity: 1;
}

.tabs-content > *,
.tabs-content > *.inactive{
    display: none;
    opacity: 0;
}

.tabs-navigation-wrap{

    overflow-x: auto;
    overflow-y: hidden;
    width:          100%;

}

.tabs-navigation{

    display:        flex;
    list-style:     none;
    margin:         0;
    padding:        0;
    width:          100%;

}

 /*  scrollbar */
.tabs-navigation-wrap::-webkit-scrollbar {
    -webkit-appearance:                 none;
    height:                             5px;
}

/*  thumb */
.tabs-navigation-wrap::-webkit-scrollbar-thumb {
    background-color:                   #868585;
    box-shadow:                         0 0 1px rgba(255, 255, 255, 0.2);
}

/*  handle on hover */
.tabs-navigation-wrap::-webkit-scrollbar-thumb:hover {
    background:                         var(--wp--preset--color--primary); 
}

/*  track */
.tabs-navigation-wrap::-webkit-scrollbar-track {
    background-color:                   rgba(206, 206, 206, 0.5);
}


.tabs-navigation > *{

}

.tabs-navigation a{

    border-bottom:      2px solid transparent;
    font-family:        'open-sans', sans-serif;
    display:            block;
    padding:            10px 20px;
    text-decoration:    none;
    white-space:        nowrap;

}

[class*=tabs-animation] .tabs-content > *{
    transition: all 1.3s;
}


.tabs-design-one table{
    border-bottom: 1px solid #B7B7B7 !important;
}


.tabs-design-one table tbody > tr{
    border-top: 1px solid #B7B7B7;
}

.tabs-design-one table tbody > tr td {
    padding:        15px 10px;
}

.tabs-design-one .tabs-navigation a{
    color:          black;
    font-weight:    700;
    opacity:        0.4;
    transition:     1s all;
    white-space:    nowrap;
}

.tabs-design-one .tabs-navigation .clicked a,
.tabs-design-one .tabs-navigation li:hover a{
    border-bottom: 2px solid #36BCA8;
    opacity: 1;
}


@media screen and (max-width: 767px) {

    .tabs-design-one table tbody > tr:nth-of-type(odd){

        > *{
            padding-bottom:     0;
        }
        
    }

    .tabs-design-one table tbody > tr:nth-of-type(even){

        border-top: 1px solid transparent;

        > *{
            padding-top:     0;
        }
        
    }

}