.tabs-to-slideshow-swiper {
    --pagination-bullet-color_default: #02093833;
    --pagination-bullet-color_active: var(--Dark-Blue, #020938);
    --icon-size: 32px;
    --n-tabs-icon-size: 32px;
    --icon-label-gap: 8px;
    --text-font-size: 14px;
    --button-height: 56px;

    --button-1-width: 100%;
    --button-2-width: 100%;
    --button-3-width: 100%;
    
    /* --button-1-width: 220px;
    --button-2-width: 1621px;
    --button-3-width: 196px; */
}

.tabs-to-slideshow-swiper .swiper-slide:nth-child(1)  {
    height: var(--button-height);
    width: var(--button-1-width);
}
.tabs-to-slideshow-swiper .swiper-slide:nth-child(2)  {
    height: var(--button-height);
    width: var(--button-2-width);
}

.tabs-to-slideshow-swiper .swiper-slide:nth-child(3)  {
    height: var(--button-height);
    width: var(--button-3-width);
}

.tabs-to-slideshow-swiper .swiper-slide button {
    width: 100%;
    min-width: 100% !important;
}

.tabs-to-slideshow-swiper {
    overflow: visible;
}
.tabs-to-slideshow-swiper .swiper-slide svg:not(:first-child) {
    display: none;
}

.tabs-to-slideshow-swiper .swiper-slide {
    margin-top: 6px;
    text-align: center;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}


.tabs-to-slideshow-swiper .swiper-slide button {
    padding: 12px;
    color: var(--n-tabs-title-color-active);
    background: var( --e-global-color-02c47a2 );
    gap: var(--icon-label-gap);
}

.tabs-to-slideshow-swiper .swiper-slide button svg {
    width: var(--n-tabs-icon-size);
    height: var(--n-tabs-icon-size);
}

.tabs-to-slideshow-swiper .swiper-slide.swiper-slide-active button {
    color: var(--n-tabs-title-color-active);
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.32);
}

.tabs-to-slideshow-swiper .swiper-slide button .e-n-tab-title-text {
    font-family: Manrope;
    font-weight: 500;
    font-size: var(--text-font-size);
    line-height: 40px;
    letter-spacing: 0%;
    text-align: center;
}

.tabs-to-slideshow-swiper .swiper-slide.swiper-slide-active button .e-n-tab-title-text {
    font-family: Manrope;
    font-weight: 700;
}

.tabs-to-slideshow-swiper {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    overflow: visible !important;
}

/* Style the button cloned inside the slide */
.tabs-to-slideshow-swiper .swiper-slide-button {
    /* Reset button defaults if needed */
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    /* Add styles to make it look like the original tab button */
    display: inline-flex;
    /* Or block, depending on desired layout */
    align-items: center;
    gap: 8px;
    /* Space between icon and text */
    /* Add any other specific styling from .e-n-tab-title */
}

.tabs-to-slideshow-swiper .swiper-pagination {
    position: static;
    /* Override Swiper absolute positioning if needed */
    margin-top: 15px;
    /* Space above pagination */
}

.tabs-to-slideshow-swiper .swiper-pagination-bullet {
    background-color: var(--pagination-bullet-color_default);
    opacity: 1;
}

.tabs-to-slideshow-swiper .swiper-pagination-bullet-active {
    background-color: var(--pagination-bullet-color_active);
}

.tabs-to-slideshow-swiper .swiper-pagination-bullet {
    transition: width 0.2s;
}

.tabs-to-slideshow-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px;
    border-radius: 4px;
}

@media(min-width: 768px) {

    .show-on-mobile,
    .tabs-to-slideshow-swiper {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .scrollable_tabs_on_mobile div[role="tablist"].e-n-tabs-heading {
        display: none !important;
    }
}