.season-tab-carousel {
    position: relative;
    padding: 40px 0;
    text-align: center;
}

.season-tab-carousel .season-tab-carousel-title {
    font-size: 14px;
    line-height: 16.8px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    margin-bottom: 16px;
    font-weight: 400;
}

@media (max-width: 899.98px) {
    .season-tab-carousel {
        padding: 40px 0;
    }

    .season-tab-carousel .season-tab-carousel-title {
        font-size: 12px;
    }
}

@media (max-width: 899.98px) {
    .season-tab-carousel .season-tab-carousel-title {
        margin-bottom: 0;
    }
}

.season-background-svg {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.season-background-svg .carousel-tab-bg {
    // width: 100%;
}

@media (min-width: 900px) {
    .season-background-svg .carousel-tab-bg {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
    }
}

.season-background-svg .background-svg-list {
    display: none;
    animation: flash 0.5s ease;
}

.season-background-svg .background-svg-list.active {
    display: block;
}

.carousel-tab-content .content-title {
    font-weight: 600;
    letter-spacing: -0.03em;
    font-size: 40px;
}

@media (min-width: 900px) {
    .carousel-tab-content .content-title {
        font-size: 72px;
        line-height: 69.84px;
    }
}

.carousel-tab-content .content {
    font-size: 14px;
    line-height: 16.8px;
    letter-spacing: -0.02em;
}

@media (max-width: 899.98px) {
    .carousel-tab-content .content {
        text-align: left;
        margin: 0 16px;
    }
}

.carousel-tab-wrapper {
    display: flex;
    justify-content: center;
}

.carousel-tab-wrapper .carousel-tab-link {
    cursor: pointer;
    font-size: 12px;
    line-height: 16.38px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    border-radius: 8px;
    padding: 9px 16px;
}

.carousel-tab-link.winter.active {
    background: linear-gradient(90deg, #3c39d7 0%, #07acd0 100%);
    color: #fff;
}

.carousel-tab-link.spring.active {
    background: linear-gradient(90deg, #ff81dc 0%, #ff5258 100%);
    color: #fff;
}

.carousel-tab-link.fall.active {
    background: linear-gradient(90deg, #fe8a36 0%, #970005 100%);
    color: #fff;
}

.carousel-tab-link.summer.active {
    background: linear-gradient(90deg, #ff5258 0%, #ffe55a 100%);
    color: #fff;
}

.carousel-tabs {
    gap: 8px;
}

@media (max-width: 899.98px) {
    .carousel-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
    }
}

.carousel-tabs::-webkit-scrollbar {
    display: none;
    /* Hide scrollbar for WebKit browsers */
}
.carousel-tab-content,
.slide-content {
    display: none;
    transform: translateY(15px);
    animation: flash 0.5s ease;
}

.carousel-tab-content.active {
    display: block;
}

.slide-content.active {
    display: block;
}

.season-tab-btn {
    margin-top: 40px;
    padding: 8px 32px;
    width: fit-content;
}

.season-tab-btn:hover {
    color: #fff !important;

}

@media (max-width: 899.98px) {
    .season-tab-btn {
        margin-top: 24px;    
    }
}