﻿.offer-tabs-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 35px;
}
.offer-tabs-1__tabs {
    border-radius: 100px;
    font-size: 1.8rem;
    font-weight: normal;
    display: flex;
}
.offer-tabs-1__tabs__tab {
    margin: 0;
    background: #FFFFFF;
    border: none;
    padding: 5px 20px;
    transition: 0.15s;
}
.offer-tabs-1__tabs__tab:first-child {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}
.offer-tabs-1__tabs__tab:last-child {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}
.offer-tabs-1__tabs__tab.active {
    background: #00E187;
    color: #fff;
}
.offer-tabs-1__content {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width:100%;
}
.offer-tabs-1__content__list {
    --gap-h: 30px;
    --gap-v: 40px;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--gap-v) var(--gap-h);
}
.offer-tabs-1__content__list__item {
    width: 100%;
}
.offer-tabs-1__content__list.active {
    display: flex;
}
.offer-tabs-1__content__disclaimer {
    text-align: center;
    font-size: 2.4rem;
}
@media (min-width: 768px) {
    .offer-tabs-1__content__list__item {
        width: calc(50% - (var(--gap-h) / 2));
    }
}
@media (min-width: 992px) {
    .offer-tabs-1__content__list__item {
        max-width: 330px;
    }
}
@media (min-width: 1200px) {
    .offer-tabs-1__content__list__item {
        width: calc(33.333333% - 20px);
        max-width: none;
    }
}