.advants__items {
    display: grid;
    gap: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-color-light);
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .advants__items {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
        padding-bottom: 15px;
        margin-bottom: 12px;
    }
}
@media (min-width: 1346px) {
    .advants__items {
        gap: 24px 30px;
        padding-bottom: 32px;
    }
}
@media (min-width: 1900px) {
    .advants__items {
        gap: 32px 40px;
    }
}
.advants__item {}
@media (min-width: 768px) {
    .advants__item:not(:nth-child(3n)) {
        padding-right: 20px;
        border-right: 1px solid var(--border-color-light);
    }
}
@media (max-width: 768px) {
    .advants__item:not(:last-child) {
        padding-bottom: 20px;
        border-bottom: 1px solid var(--border-color-light);
    }
}
.advants__number {
    margin: 0 0 10px;
    font: 800 36px/45px "Mulish", "Arial", sans-serif;
    color: var(--accent-color-1);
}
@media (min-width: 768px) {
    .advants__number {
        font-size: 44px;
        line-height: 1.1;
    }
}
@media (min-width: 1346px) {
    .advants__number {
        font-size: 56px;
    }
}
@media (min-width: 1900px) {
    .advants__number {
        font-size: 70px;
    }
}
.advants__subtitle {
    font: 600 14px/17px "Mulish", "Arial", sans-serif;
    text-transform: uppercase;
}
@media (min-width: 1346px) {
    .advants__subtitle {
        font-size: 16px;
        line-height: 20px;
    }
}
@media (min-width: 1900px) {
    .advants__subtitle {
        font-size: 20px;
        line-height: 25px;
    }
}
.advants__desc {
    font: 500 14px/17px "Mulish", "Arial", sans-serif;
    color: var(--text-weak-color);
    max-width: 370px;
    margin: 10px 0 0;
}
@media (min-width: 1346px) {
    .advants__desc {
        font-size: 16px;
        line-height: 20px;
    }
}
@media (min-width: 1900px) {
    .advants__desc {
        font-size: 18px;
        line-height: 22px;
        margin: 20px 0 0;
    }
}
.advants__footer {
    font: inherit;
    font-size: 18px;
    line-height: 22px;
    color: var(--text-color);
}
@media (min-width: 768px) {
    .advants__footer {
        font-size: 16px;
        line-height: 20px;
    }
}
@media (min-width: 1346px) {
    .advants__footer {
        font-size: 20px;
        line-height: 25px;
    }
}
@media (min-width: 1900px) {
    .advants__footer {
        font-size: 26px;
        line-height: 31px;
    }
}
.brands--main .brands__list {
    padding: 24px;
    border-radius: 10px;
    background: var(--background-additional-color);
}
@media (min-width: 768px) {
    .brands--main .brands__list {
        padding: 32px;
    }
}
@media (min-width: 1346px) {
    .brands--main .brands__list {
        padding: 40px;
        border-radius: 16px;
    }
}
@media (max-width: 480px) {
    .brands--main .brands__list {
        grid-template-columns: 1fr 1fr;
    }
}
.brands--main .brands__heading {
    display: inline-flex;
    align-items: center;
}
.brands--main .brands__heading span {
    display: contents;
}
.brands--main .brands__heading:after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 22px;
    aspect-ratio: 1;
    height: 40px;
    background: url(../img/brands/crown.svg) center/contain no-repeat;
    margin-left: 12px;
}
@media (min-width: 768px) {
    .brands--main .brands__heading:after {
        width: 26px;
    }
}
@media (min-width: 1346px) {
    .brands--main .brands__heading:after {
        width: 32px;
        margin-left: 16px;
    }
}
@media (min-width: 1900px) {
    .brands--main .brands__heading:after {
        width: 40px;
    }
}
.brands--main .brands__link {
    width: auto !important;
    margin: auto;
}
.brands__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin: 0 0 20px;
}
@media (min-width: 1346px) {
    .brands__top {
        margin-bottom: 24px;
    }
}
@media (min-width: 1900px) {
    .brands__top {
        margin-bottom: 40px;
    }
}
.brands__top .brands__heading {
    margin-bottom: 0;
}
@media (max-width: 375px) {
    .brands__top .brands__heading {
        width: min-content;
    }
}
.link-black {
    color: var(--text-color);
}