#advantages-block .wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    gap: 30px;
}

#advantages-block .advantage-item {
    border-radius: 10px;
    padding: 30px;
    background: var(--bg-alt-main);
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: relative;
}

#advantages-block .advantage-item img {
    width: 40px;
    height: 40px;
    object-fit: cover;
}

#advantages-block .advantage-item svg {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

#advantages-block .advantage-item .name-block {
    color: var(--text-primary-head);
}

@media (max-width: 400px) {
    #advantages-block .wrapper {
        grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    }
}