.home_tabs {
    --tabs-color-accent-fallback: #61ce70;
    --tabs-color-secondary-fallback: #54595f;
    --tabs-default-padding-block: 15px;
    --tabs-default-padding-inline: 35px;
    --tabs-background-color: transparent;
    --tabs-display: flex;
    --tabs-direction: column;
    --tabs-gap: 10px;
    --tabs-heading-display: flex;
    --tabs-heading-direction: row;
    --tabs-heading-grow: initial;
    --tabs-heading-width: initial;
    --tabs-heading-overflow-x: initial;
    --tabs-heading-wrap: nowrap;
    --tabs-border-width: 1px;
    --tabs-border-color: #d5d8dc;
    --tabs-content-display: flex;
    --tabs-title-color: var(--theme-color-2, var(--tabs-color-secondary-fallback));
    --tabs-title-color-hover: #fff;
    --tabs-title-color-active: #fff;
    --tabs-title-background-color: #f1f2f3;
    --tabs-title-background-color-hover: var(--e-global-color-accent, var(--tabs-color-accent-fallback));
    --tabs-title-background-color-active: var(--e-global-color-accent, var(--tabs-color-accent-fallback));
    --tabs-title-width: initial;
    --tabs-title-height: initial;
    --tabs-title-font-size: 1.5rem;
    --tabs-title-white-space: initial;
    --tabs-title-justify-content-toggle: initial;
    --tabs-title-align-items-toggle: center;
    --tabs-title-justify-content: center;
    --tabs-title-align-items: center;
    --tabs-title-text-align: center;
    --tabs-title-direction: row;
    --tabs-title-gap: 10px;
    --tabs-title-flex-grow: 0;
    --tabs-title-flex-basis: content;
    --tabs-title-flex-shrink: initial;
    --tabs-title-order: initial;
    --tabs-title-padding-top: var(--tabs-default-padding-block);
    --tabs-title-padding-bottom: var(--tabs-default-padding-block);
    --tabs-title-padding-left: var(--tabs-default-padding-inline);
    --tabs-title-padding-right: var(--tabs-default-padding-inline);
    --tabs-title-border-radius: initial;
    --tabs-title-transition: 0.3s;
    --tabs-icon-color: var(--theme-color-2, var(--tabs-color-secondary-fallback));
    --tabs-icon-color-hover: var(--tabs-title-color-hover);
    --tabs-icon-color-active: #fff;
    --tabs-icon-gap: 5px;
    width: 100%;
    max-width: 100%;
    --tabs-title-padding-inline-start: var(--tabs-title-padding-left);
    --tabs-title-padding-inline-end: var(--tabs-title-padding-right);
    --tabs-title-padding-block-start: var(--tabs-title-padding-top);
    --tabs-title-padding-block-end: var(--tabs-title-padding-bottom)
}


.home_tabs .tabs {
    display: var(--tabs-display);
    flex-direction: var(--tabs-direction);
    gap: var(--tabs-gap);
    text-align: start;
    min-width: 0
}

.home_tabs .tabs-heading {
    display: var(--tabs-heading-display);
    flex-basis: var(--tabs-heading-width);
    flex-direction: var(--tabs-heading-direction);
    flex-shrink: 0;
    justify-content: space-between;
    gap: var(--tabs-title-gap);
    overflow-x: var(--tabs-heading-overflow-x);
    flex-wrap: var(--tabs-heading-wrap);
    -ms-overflow-style: none;
    scrollbar-width: none
}

.home_tabs .tabs-heading::-webkit-scrollbar {
    display: none
}


.home_tabs .tabs-heading.e-scroll-active {
    position: relative
}

.home_tabs .tabs-heading.e-scroll-active:before {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline: -1000vw;
    z-index: 2
}

.home_tabs .tabs-content {
    display: var(--tabs-content-display);
    flex-grow: 1;
    min-width: 0
}

.home_tabs .tabs-content > .e-con:not(.e-active) {
    display: none
}

.home_tabs .tabs:not(.e-activated) > .tabs-content > .e-con:first-child {
    display: flex
}

.home_tabs .tab-btn {
    background-color: initial;
    border-style: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    border-radius: 5px;
    cursor: pointer;
    line-height: 1;
    align-items: var(--tabs-title-align-items-toggle, var(--tabs-title-align-items));
    flex-direction: var(--tabs-title-direction);
    justify-content: var(--tabs-title-justify-content-toggle, var(--tabs-title-justify-content));
    gap: var(--tabs-icon-gap);
    border-width: var(--tabs-border-width);
    position: relative;
    flex-grow: var(--tabs-title-flex-grow);
    flex-basis: var(--tabs-title-flex-basis);
    flex-shrink: var(--tabs-title-flex-shrink);
    padding-block-start: var(--tabs-title-padding-block-start);
    padding-inline-end: var(--tabs-title-padding-inline-end);
    padding-block-end: var(--tabs-title-padding-block-end);
    padding-inline-start: var(--tabs-title-padding-inline-start);
    height: var(--tabs-title-height);
    width: var(--tabs-title-width);
    white-space: var(--tabs-title-white-space);
    transition: background var(--tabs-title-transition), color var(--tabs-title-transition), border var(--tabs-title-transition), box-shadow var(--tabs-title-transition), text-shadow var(--tabs-title-transition), stroke var(--tabs-title-transition), stroke-width var(--tabs-title-transition), -webkit-text-stroke-width var(--tabs-title-transition), -webkit-text-stroke-color var(--tabs-title-transition), transform var(--tabs-title-transition)
}

.home_tabs .tab-btn:focus:not(:focus-visible) {
    outline: none
}

.home_tabs .tab-btn span i, .home_tabs .tab-btn span svg {
    transition: color var(--tabs-title-transition), fill var(--tabs-title-transition)
}

.home_tabs .tab_line {
    --n-tabs-title-justify-content: center;
    --n-tabs-title-text-align: center;
    --n-tabs-heading-wrap: wrap;
    --n-tabs-heading-overflow-x: initial;
    --n-tabs-title-white-space: initial;
    --n-tabs-title-border-radius: 10px;
    --n-tabs-title-font-size: var(--e-global-typography-text-font-size);
    --n-tabs-title-color: var(--e-global-color-accent)
}


.home_tabs .tab-btn-text {
    display: flex;
    align-items: center;
    font-size: var(--tabs-title-font-size);
    text-align: var(--tabs-title-text-align)
}



.home_tabs .tab-btn[aria-selected=false] {
    background-color: var(--tabs-title-background-color)
}

.home_tabs .tab-btn[aria-selected=false], .home_tabs .tab-btn[aria-selected=false] a {
    color: var(--tabs-title-color)
}


.home_tabs .tab-btn[aria-selected=true], .home_tabs .tab-btn[aria-selected=true] a {
    color: var(--tabs-title-color-active);
    background: #101010;
}

.home_tabs .tab-btn[aria-selected=true][class*=elementor-animation-]:active, .home_tabs .tab-btn[aria-selected=true][class*=elementor-animation-]:focus, .home_tabs .tab-btn[aria-selected=true][class*=elementor-animation-]:hover {
    transform: none;
    animation: initial
}

.home_tabs [data-touch-mode=false] .tab-btn[aria-selected=false]:hover, .home_tabs [data-touch-mode=false] .tab-btn[aria-selected=false]:hover a {
    color: var(--tabs-title-color-hover)
}


.home_tabs [data-touch-mode=true] .tab-btn[aria-selected=false]:hover[class*=elementor-animation-]:active, .home_tabs [data-touch-mode=true] .tab-btn[aria-selected=false]:hover[class*=elementor-animation-]:focus, .home_tabs [data-touch-mode=true] .tab-btn[aria-selected=false]:hover[class*=elementor-animation-]:hover {
    transform: none;
    animation: initial
}

.home_tabs [data-touch-mode=true] .tab-btn[aria-selected=false]:hover .e-n-tab-icon i:last-child, .home_tabs [data-touch-mode=true] .tab-btn[aria-selected=false]:hover .e-n-tab-icon svg:last-child {
    transform: none;
    height: auto;
    opacity: 1
}

.elementor .elementor-element.home_tabs > .elementor-widget-container > .tabs[data-touch-mode=false] > .tabs-heading .tab-btn[aria-selected=false]:hover {
    background-color: var(--tabs-title-background-color-hover);
    background-image: none
}

.elementor .elementor-element.home_tabs > .elementor-widget-container > .tabs > .tabs-heading .tab-btn[aria-selected=true], .elementor .elementor-element.home_tabs > .elementor-widget-container > .tabs[data-touch-mode=true] > .tabs-heading .tab-btn[aria-selected=false]:hover {
    background-color: var(--tabs-title-background-color-active);
    background-image: none
}

.tabs-content > [role="tabpanel"] {
    display: none !important;
}
.tabs-content > [role="tabpanel"].e-active {
    display: block !important;
}

.elementor-element.tab_show_pc {
    --display: flex;
    --flex-direction: row;
    --container-widget-width: initial;
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
    --container-widget-align-self: stretch;
    --flex-wrap-mobile: wrap;
    --justify-content: space-between;
    --background-transition: .3s;
    --padding-top: 40px;
    --padding-bottom: 50px;
    --padding-left: 0px;
    --padding-right: 0px
}

@media (max-width: 768px) {
    .elementor.elementor .home_tabs.tabs-mobile {
        --tabs-direction: column;
        --tabs-heading-display: contents;
        --tabs-content-display: contents
    }

    .elementor.elementor .home_tabs.tabs-mobile .tabs {
        gap: 0
    }

    .elementor.elementor .home_tabs.tabs-mobile .tabs-content > .e-con {
        order: var(--tabs-title-order)
    }

    .elementor.elementor .home_tabs.tabs-mobile .tab-btn {
        order: var(--tabs-title-order);
        width: auto
    }

    .elementor.elementor .home_tabs.tabs-mobile .tab-btn:not(:first-child) {
        margin-block-start: var(--tabs-title-gap)
    }

    .elementor.elementor .home_tabs.tabs-mobile .tab-btn[aria-selected=true] {
        margin-block-end: var(--tabs-gap)
    }
}


@media (max-width: 1024px) {
    .elementor.elementor .home_tabs.tabs-tablet {
        --tabs-direction: column;
        --tabs-heading-display: contents;
        --tabs-content-display: contents
    }

    .elementor.elementor .home_tabs.tabs-tablet .tabs {
        gap: 0
    }

    .elementor.elementor .home_tabs.tabs-tablet .tabs-content > .e-con {
        order: var(--tabs-title-order)
    }

    .elementor.elementor .home_tabs.tabs-tablet .tab-btn {
        order: var(--tabs-title-order);
        width: auto
    }

    .elementor.elementor .home_tabs.tabs-tablet .tab-btn:not(:first-child) {
        margin-block-start: var(--tabs-title-gap)
    }

    .elementor.elementor .home_tabs.tabs-tablet .tab-btn[aria-selected=true] {
        margin-block-end: var(--tabs-gap)
    }
}

