.eu-tabs-item,
.eu-tabs-item--option {
    display: none;
}

.eu-tabs-item-heading,
.eu-tabs-options-heading {
    cursor: pointer;
}

.eu-tabs-item.for-mobile {
    margin-top: -2rem;
}

.eu-tabs-heading .active svg {
    visibility: visible;
    opacity: 1;
}

@media (min-width: 1024px) {
    .eu-tabs-heading .active.btn-pill span {
        bottom: 0px;
    }
    .eu-tabs-heading.btn-pill {
        min-width: 8%;
    }
}

.eu-tabs-item-heading:hover {
    border-radius: 30px;
}

.eu-tabs-item-heading.active {
    border-radius: 80px;
    flex: 1.5;
}

.active.hover\:border-teal-eu {
    border-color: var(--eu-teal);
}

.active.hover\:border-yellow-eu {
    border-color: var(--eu-yellow);
}

.active.hover\:border-red-eu {
    border-color: var(--eu-red);
}

.active.hover\:border-orange-eu {
    border-color: var(--eu-orange);
}

.eu-tabs-content:not(.active) .eu-tabs-item:first-child,
.eu-tabs--options:not(.active) .eu-tabs-item--option:first-child {
    display: block;
}

.eu-tabs-heading:not(.active) .eu-tabs-item-heading:first-child .eu-tabs-heading__label,
.eu-tabs-heading:not(.active) .eu-tabs-item-heading:first-child svg {
    opacity: 1;
}

.eu-tabs-heading:not(.active) .eu-tabs-item-heading:first-child  {
    opacity: 1;
}


.active > .hover\:border-teal-eu,
.eu-tabs-heading:not(.active) .eu-tabs-item-heading:first-child .hover\:border-teal-eu {
    border-color: var(--eu-teal);
}

.active > .hover\:border-yellow-eu {
    border-color: var(--eu-yellow);
}

.active > .hover\:border-red-eu {
    border-color: var(--eu-red);
}

.active > .hover\:border-orange-eu {
    border-color: var(--eu-orange);
}

.eu-tabs--options:not(.active) .eu-tabs-options-heading:first-child {
    background-color: var(--eu-orange);
    border-color: var(--eu-orange);
}

.eu-tabs-options-heading.active {
    background-color: var(--eu-orange);
    border-color: var(--eu-orange);
}

.editor-styles-wrapper .eu-tabs-item,
.editor-styles-wrapper .eu-tabs-item--option {
    display: block;
}


.editor-styles-wrapper .eu-tabs-item--option {
    margin-bottom: 60px;
}
.eu-tabs-content {
    display: none;
}

@media (min-width: 1024px) {
    .for-mobile {
        display: none !important;
    }

    .eu-tabs-content {
        display: block;
    }
}