.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}
.tabs-container {
    position: relative;
    gap: 5px;
}

.tab-indicator {
    position: absolute;
    z-index: 0;
    height: 100%;
    background: #ffffff;
    transition: transform 0.3s ease, width 0.3s ease;
}

.tab {
    position: relative;
    z-index: 1;
    text-align: center;
    cursor: pointer;
}
.tab p, .tab svg, .tab svg path {
    transition: all .6s;
}
.tab.active {
    background-color: #0a0355;
}

.tab.active::before {
    display: block;
}

.tab.active p {
    font-weight: 500;
    color: white;
}

.tab .mobile-text {
    display: none;
}

.tab.active .mobile-text {
    display: block;
}

.tab-content.active .mobile-text {
    display: block;
}

.tab.active svg, .tab.active svg path {
    fill: white;
}
.tab.active svg, .tab.active svg path {
    stroke: #0a0355;
}

.draggable-container {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.draggable-container::-webkit-scrollbar {
    display: none;
}

.draggable-container.active {
    cursor: grabbing;
}


.swiper-deals .card-container-large {
    display: none;
}

.swiper-deals .swiper-slide {
    height: auto;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-deals .swiper-slide .card-container {
    height: 100%;
}