.archive-brands{
    padding: 116px 0 87px;
}

.archive-brands .row{
    grid-gap: 27px 0;
}

.archive-brands .box{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 1.5rem clamp(1rem,1.97916vw,38px);
    border: 1px solid #E2E2E2;
    border-radius: 8px;
    padding: 17px 1rem 18px 13px;
}

.archive-brands .box .img{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    min-width: 128px;
    max-width: 128px;
    height: 81px;
    border-right: 1px solid #E2E2E2;
    padding-right: 10px;
}

.archive-brands .box .img img{
    width: 100%;
}

.archive-brands .box .text{
    font-size: 13px;
}

.archive-brands .box .sm{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 7px;
    font-family: var(--metro);
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.archive-brands .box .sm::after{
    content: url('data:image/svg+xml;utf8,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 6.129C0 9.51395 2.74405 12.258 6.129 12.258C9.51395 12.258 12.258 9.51395 12.258 6.129C12.258 2.74405 9.51395 0 6.129 0C2.74405 0 0 2.74405 0 6.129Z" fill="rgb(226,6,19)"/><path d="M5.23599 9.16892C5.39124 9.1668 5.53948 9.10398 5.64898 8.99392L8.186 6.45493C8.24221 6.39791 8.28643 6.33021 8.31607 6.25584C8.34571 6.18146 8.36016 6.10189 8.35858 6.02184C8.35699 5.94179 8.33941 5.86286 8.30685 5.78971C8.27429 5.71656 8.22742 5.65068 8.169 5.59592L5.63299 3.24793C5.51421 3.16061 5.36743 3.12007 5.22067 3.13405C5.07391 3.14804 4.93746 3.21557 4.83731 3.32375C4.73716 3.43194 4.68034 3.5732 4.6777 3.7206C4.67506 3.868 4.72678 4.01123 4.823 4.12293L6.905 6.04992L4.80499 8.14992C4.72281 8.23455 4.6674 8.34153 4.64569 8.45748C4.62397 8.57343 4.63693 8.69322 4.68292 8.80186C4.72891 8.91049 4.80589 9.00315 4.90426 9.06826C5.00264 9.13337 5.11802 9.16903 5.23599 9.16892Z" fill="white"/></svg>');
    height: 13px;
}

.archive-brands .box:hover .sm{
    color: var(--main);
}

@media(max-width:992px){
    .archive-brands{
        padding: 2rem 0;
    }
}

@media(max-width:425px){
    .archive-brands .box{
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }
    .archive-brands .box .img{
        border: unset;
        margin: 0 auto;
        padding: 0;
    }
    .archive-brands .box .text{
        text-align: center;
    }
    .archive-brands .box .sm{
        justify-content: center;
        -webkit-justify-content: center;
    }
}