/* tabs */
/*.hs_tabs_header > ul {list-style: none;padding-left: 0;display: inline-flex;position: relative;}
.hs_tabs_header > ul li {position: relative;padding: 0 8px;padding-bottom: 8px;cursor: pointer;color: #fff;}
.hs_tabs_header > ul li.active {color: var(--e-primary-500);}
.hs_tabs_header > ul li.active::after {content: '';display: block;width: 100%;height: 3px;background-color: var(--e-secondary-dark);position: absolute;left: 0;bottom: 0;}
.hs_tabs_header > ul li::after {content: '';display: block;width: 100%;height: 3px;background-color: var(--e-bg-dark);background-color: #fff;position: absolute;left: 0;bottom: 0;}
*/


/* hs tabs */
.hs_tabs_header > ul::-webkit-scrollbar-track {border-radius: 5px;}
.hs_tabs_header > ul::-webkit-scrollbar {}
.hs_tabs_header > ul::-webkit-scrollbar-thumb {}

.hs_tabs {max-width: 70%;}
.hs_tabs_header {margin-bottom: 15px;padding: 5px 0; padding-left: 0;}
.hs_tabs_header ul {display: inline-block;margin-bottom: 0;list-style: none;padding: 0px;}
.hs_tabs_header > ul {
    display: flex;grid-auto-flow: column;flex-wrap: nowrap;
    max-width: 100%;overflow-x: auto;padding-bottom: 15px;
}
.hs_tabs_header ul li {padding: 8px 10px;text-transform: uppercase;font-weight: 600;font-size: 14px;color: var(--e-heading);display: inline-block;min-width: max-content;cursor: pointer;}
/*.hs_tabs_header > ul li::after {background-color: var(--e-heading) !important;}*/
.hs_tabs_header ul li.active {color: var(--e-primary-500);position: relative;background-color: transparent;}
.hs_tabs_header ul li.active::after {content: '';display: block;border-bottom: 3px solid var(--e-secondary);border-left: initial !important;border-right: initial !important;width: 100%;min-height: 1px;position: absolute;bottom: -5px;left: 0;}

/* end hs_tabs*/

.hs_tabs_init.hs_tabs_initilized[data-direction="vertical"] {
    display:flex;
}
.hs_tabs_init.hs_tabs_initilized[data-direction="vertical"] .hs_tabs_header.clearfix {
    width: 30%;
}
.hs_tabs_init.hs_tabs_initilized[data-direction="vertical"] .hs_tabs_header > ul {
    flex-direction: column;
}