.advantages-block {
    display: flex;
    flex-direction: column;
    position: relative;
    background: var(--primary) !important;
}
.advantages-block h2{
    color: var(--background) !important;
}
.advantages-block .advantages {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.advantages-block .advantages .item {
    display: flex;
    flex-direction: column;
    min-height: 190px;
    padding: 30px;
    border-radius: 10px;
    gap: 60px;
}
.advantages-block.dark-bg .advantages .item {
    background: var(--background-fourth);
}
.advantages-block.dark-bg .advantages .item .count {
    color: var(--head-secondary);
}
.advantages-block.white-bg .advantages .item {
    background: var(--background-thirdly);
}
.advantages-block.light-bg .advantages .item {
    background: var(--head-secondary);
}

@media (max-width: 1400px) {
    .advantages-block .advantages .item {
        min-height: auto;
        padding: 20px;
        gap: 30px;
    }
}
@media (max-width: 1200px) {
    .advantages-block .advantages {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .advantages-block .advantages {
        gap: 10px;
    }
}
@media (max-width: 480px) {
    .advantages-block .advantages {
        display: flex;
        flex-direction: column;
    }
    .advantages-block .advantages .item {
        gap: 10px;
    }
}