.template-411 button {
    transition: color .4s;
}

.template-411 .tab-content:has( > p:only-child:empty) {
    display: none !important;
}

.template-411.active-color-3 .tab-link.is-active {
    color: var(--color-3)
}

.template-411.active-color-4 .tab-link.is-active {
    color: var(--color-4)
}

/* tab-text-color-4-imp */

.template-411.tab-text-color-4-imp .tab-link,
.template-411.tab-text-color-4-imp .tab-link.is-active {
    color: var(--color-4) !important;
}

.template-411.style-1 .tab-link.is-active {
    position: relative;
}

.template-411.style-1 .tab-link:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 2px;
    left: 0;
    right: 0;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .4s;
}

.template-411.style-1 .tab-link.is-active:after {
    transform: scaleX(1)
}

.template-411 .tab-link.is-hidden {
    display: none;
}

/*  active-bg-color-3  */

.template-411.active-bg-color-3 .tab-link.is-active {
    background: var(--color-3) !important;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/*  active-bg-color-3--alt  */

.template-411.active-bg-color-3--alt .tab-link.is-active {
    background: var(--color-3) !important;
    color: #fff;
}

/*  active-bg-color-4  */

.template-411.active-bg-color-4 .tab-link.is-active {
    background: var(--color-4) !important;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/*  active-bg-color-4--alt  */

.template-411.active-bg-color-4--alt .tab-link.is-active {
    background: var(--color-4) !important;
    color: #fff;
}

.template-411 .tabs-contents.tabs-images-universal img {
    max-width: min(100%, 400px)!important;
    height: auto!important;
    width: auto!important;
    display: block!important;
}

/*  style-custom-1  */

.template-411.style-custom-1 .tabs-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-left: 0;
}

.template-411.style-custom-1 .tabs-links li {
    list-style: none;
}

.template-411.style-custom-1 .tabs-links .tab-link {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: var(--color-3);
    background: var(--color-2);
    border: 1px solid var(--color-3);
    transition: all .3s;
    padding: 0.35rem 1.25rem;
}

.template-411.style-custom-1 .tabs-links .tab-link.is-active {
    background: var(--color-3) !important;
    color: var(--color-2);
}

.template-411.style-custom-1 .tabs-contents .tab-content {
    padding-top: 0.5rem;
}

@media (min-width: 767.92px) {

    .template-411.style-custom-1 .tabs-links {
        border-bottom: 1px solid var(--color-3);
    }

    .template-411.style-custom-1 .tabs-links .tab-link {
        border-bottom: none;
    }
}

/* style-2 */

.template-411.style-2 .tabs-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    padding-left: 0;
    border-bottom: 2px solid #D9D9D9;
}


.template-411.style-2 .tabs-links li {
    list-style: none;
}

.template-411.style-2 .tabs-links .tab-link {
    background: transparent;
    border: 0;
    padding: 10px 0;
    transition: all .4s;
    position: relative;
    color: #000;
}

.template-411.style-2 .tabs-links .tab-link.is-active {
    color: var(--color-3);
}

.template-411.style-2 .tabs-links .tab-link:after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 10px;
    background: var(--color-3);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .4s;
}

.template-411.style-2 .tabs-links .tab-link.is-active:after {
    transform: scaleX(1);
}
