/* Tab  */

.tf-tabs ul {

    list-style: none;

}



.tf-tabs .tf-tabnav ul {

    position: relative;

    padding: 0;

    margin: 0;

    list-style-type: none;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    z-index: 1;

    max-width: 100%;

}



.tf-tabs .tf-tabnav ul > li {

    position: relative;

    padding: 1em 1.5em;

    flex: 1 1 auto;

    cursor: pointer;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    background-color: #f7f7f7;

}



.tf-tabs.horizontal .tf-tabnav {

    margin-left: auto;

    margin-right: auto;

}



.tf-tabs .tf-tabnav ul > li,

.tf-tabs .tf-tabnav ul > li span,

.tf-tabs .tf-tabnav ul > li i,

.tf-tabs .tf-tabnav ul > li svg,

.tf-tabs .tf-tabnav > ul > li.active:after,

.tf-tabs .tf-tabcontent .tf-tabcontent-inner,

.tf-tabs .tf-tabcontent .tf-tabcontent-inner.active,

.tf-tabs .tf-tabcontent .tf-tabcontent-inner.inactive {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.tf-tabs.vertical {

    display: flex;

}



.tf-tabs.vertical .tf-tabnav ul > li {

    width: 100%;

    justify-content: center;

}



.tf-tabs.vertical .tf-tabnav {

    flex: 0 0 auto;

}



.tf-tabs.vertical .tf-tabnav ul {

    flex-wrap: wrap;

    flex-flow: column wrap;

}



.tf-tabs .tf-tabcontent {

    display: flex;

    flex: 1 1 auto;

}



.tf-tabs .tf-tabcontent {

    padding: 1em;

    overflow: hidden;

}



.tf-tabs .tf-tabcontent .tf-tabcontent-inner {

    display: none;

    width: 100%;        

}



.tf-tabcontent:before,

.tf-tabcontent:after {

    display: table;

    content: "";

}



.tf-tabcontent:after {

    clear: both;

}



.tf-tabs .tf-tabnav ul > li.active,

.tf-tabs .tf-tabnav ul > li.set-active-tab,

.tf-tabs .tf-tabnav ul > li:hover {

    color: #fff;

    fill: #fff;

    background: #000000;        

}



.tf-tabs .tf-tabnav ul > li:hover {

    background: #222222;

}



.tf-tabs .tf-tabnav ul > li:hover {

    z-index: 1;

}



.tf-tabs .tf-tabcontent .tf-tabcontent-inner.active,

.tf-tabs .tf-tabcontent .tf-tabcontent-inner.set-active-tab {

    display: block;

}



.tf-tabs.icon-position-top .tf-tabnav ul > li .tab-title-text,

.tf-tabs.icon-position-top .tf-tabnav ul > li .wrap-icon {

    flex: 1 1 100%;

    line-height: 1;

}



.tf-tabs.icon-position-top .tf-tabnav ul > li {

    display: flex;

    flex-wrap: wrap;

    text-align: center;

}



.tf-tabs.icon-position-right .tf-tabnav ul > li,

.tf-tabs.icon-position-right .tf-tabnav ul > li img,

.tf-tabs.icon-position-right .tf-tabnav ul > li svg,

.tf-tabs.icon-position-right .tf-tabnav ul > li i,

.tf-tabs.icon-position-right .tf-tabnav ul > li .tab-title-text {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    -webkit-flex-direction: row-reverse;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse;

}



.tf-tabs .tf-tabnav > ul > li {

    position: relative;

}



.tf-tabs .tf-tabnav > ul > li.active:after,

.tf-tabs .tf-tabnav > ul > li.set-active-tab:after {

    content: "";

    position: absolute;    

    z-index: 2;

    width: 0;

    height: 0;

    display: none;    

}



.tf-tabs.show-triger-yes .tf-tabnav > ul > li.active:after,

.tf-tabs.show-triger-yes .tf-tabnav > ul > li.set-active-tab:after {

    display: block;

}



.tf-tabs.horizontal .tf-tabnav > ul > li.active:after,

.tf-tabs.horizontal .tf-tabnav > ul > li.set-active-tab:after {

    left: 0;

    right: 0;

    margin: 0 auto;

    bottom: -10px;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-top: 10px solid #000000;

    border-bottom: 0;

}



.tf-tabs.vertical .tf-tabnav > ul > li.active:after,

.tf-tabs.vertical .tf-tabnav > ul > li.set-active-tab:after {

    right: -10px;

    top: calc(50% - 10px);

    border-left: 10px solid #000000;

    border-right: 0px;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;    

}



.tf-tabs.horizontal.nav-left .tf-tabnav > ul,

.tf-tabs.horizontal.nav-center .tf-tabnav > ul,

.tf-tabs.horizontal.nav-right .tf-tabnav > ul {

    display: inline-flex;    

}



.tf-tabs.horizontal.nav-left .tf-tabnav {

    text-align: left;

}



.tf-tabs.horizontal.nav-center .tf-tabnav {

    text-align: center;

}



.tf-tabs.horizontal.nav-right .tf-tabnav {

    text-align: right;

}





@media (max-width: 991px) and (min-width: 768px){

    .elementor-section .elementor-container {

        padding: 0 !important;

    }

}



@media (max-width: 767px) { 

    .tf-tabs.vertical {

        display: block;

    }



    .tf-tabs .tf-tabnav ul {

        flex-wrap: wrap;

        flex-flow: row wrap;

    }    



    .tf-tabs .tf-tabnav ul > li {

        flex: 1 1 auto;

        width: 100%;

    }



    .tf-tabs.vertical.show-triger-yes .tf-tabnav > ul > li.active:after, 

    .tf-tabs.vertical.show-triger-yes .tf-tabnav > ul > li.set-active-tab:after {

        right: unset !important;

        top: 100% !important;

        transform: rotate(90deg) translateX(-50%);

    }



    .elementor-section .elementor-container {

        padding: 0 !important;

    }

}