/* .tabs_wrapper {
    width: 85%;
    text-align: center;
    margin: 0 auto;
    background: transparent;
} */
ul.tabs {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    width: 23%;
    min-width: 175px;
    list-style: none;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

ul.tabs li {
    margin: 0;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* ul.tabs li i {
    display: none;
    color: var(--title-active);
} */

ul.tabs li.active {
    background-color: var(--theme-color);
    color: var(--white);
    transition: all 0.3s ease;
}

ul.tabs li i{
    transition: all .2s;
}

ul.tabs li.active i {
    display: block;
    transform: rotate(-90deg);
}

.tab_container {
    display: inline-block;
    vertical-align: top;
    min-width: 10px;
    text-align: left;
    background: white;
}

.tab_content {
    height: 100%;
    display: none;
}

.tab_drawer_heading {
    display: none;
}

@media screen and (max-width: 991px) {
    ul.tabs {
        display: none;
    }

    .tab_container {
        display: block;
        border-top: none;
    }

    .tab_drawer_heading {
        margin: 0;
        display: block;
        background-color: var(--theme-color);
        color: var(--white);
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        transition: all 0.3s ease;
    }

    .tab_drawer_heading i {
        transition: all .2s;
    }

    .tab_drawer_heading.d_active i {
        transform: rotate(90deg);
    }
}

@media screen and (min-width: 992px) {
    .tab_container {
        display: inline-block;
        vertical-align: top;
        position: relative;
        /* z-index: 20; */
        width: 75%;
        min-width: 10px;
        text-align: left;
        background: white;
    }
}