#categories {
    margin-top: 81px;
    padding-bottom: 0;
}
#categories .container {
    --content-width: 1320px;
    width: 1320px;
}
#categories .cat-underline {
    position: relative;
    left: -165.5px;
    width: 203px;
    height: auto;
    margin: -6px auto 0;
}
#categories .container.w-1000 {
    --content-width: 1320px;
    width: 1320px;
}
#categories .logo-title {
    font-size: 56px;
    line-height: 59.1px;
    margin: 0;
}
#categories .cat-sub {
    width: 669px;
    max-width: 100%;
    font-size: 28px;
    line-height: 35px;
    margin: 11px auto 0;
    padding: 0;
}
#categories .swiper {
    overflow: visible;
    padding-top: 82px;
}
#categories .swiper-wrapper {
    position: relative;
    left: 2px;
    display: grid;
    grid-template-columns: 353.5fr 382.5fr 334fr 220fr;
    row-gap: 87px;
}
a.categories-item {
    display: block;
    position: relative;
    height: 64px;
}
a.categories-item .categories-image {
    position: static;
    height: 0;
}
a.categories-item .home-category-images {
    left: var(--ix);
    top: var(--iy);
    width: var(--iw);
    height: var(--ih);
}
a.categories-item .categories-image+h4,
a.categories-item .categories-image+strong {
    position: relative;
    text-transform: uppercase;
    color: #2F2F2F;
    font-size: 20px;
    line-height: 24.54px;
    font-family: 'Helvetica Neue Condensed';
    font-weight: 900;
    height: 64px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    width: var(--pw);
    background: #F7F7F7;
    text-align: left;
    border-radius: 5px;
    border: 2px solid transparent;
    box-sizing: border-box;
}
a.categories-item .categories-image+h4:hover,
a.categories-item .categories-image+strong:hover,
a.categories-item .categories-image:hover+h4,
a.categories-item .categories-image:hover+strong {
    border-color: var(--orange);
}
#categories .button {
    width: 155px;
    height: 39px;
    line-height: 39px;
    font-size: 20px;
    margin-top: 74px;
    border-radius: 200px;
}
@media screen and (max-width: 991px) {}
@media screen and (max-width: 767px) {
    #categories {
        margin-top: 49px;
        padding-bottom: 0;
    }
    #categories .container,
    #categories .container.w-1000 {
        --content-width: 390px;
        width: 390px;
    }
    #categories .logo-title {
        font-size: 38px;
        line-height: 39px;
        max-width: none;
        margin: 0;
    }
    #categories .cat-underline {
        left: -120px;
        width: 138px;
        margin: -3px auto 0;
    }
    #categories .cat-sub {
        width: 100%;
        font-size: 18px;
        line-height: 21.5px;
        margin: 5px 0 0;
    }
    #categories .swiper {
        padding-top: 41.6px;
    }
    #categories .swiper-wrapper {
        left: 0;
        grid-template-columns: 1fr 1fr;
        column-gap: 20px;
        row-gap: 37px;
    }
    a.categories-item {
        height: 47px;
        display: flex;
        justify-content: flex-end;
    }
    a.categories-item .categories-image+h4,
    a.categories-item .categories-image+strong {
        width: var(--mpw);
        height: 47px;
        font-size: 14px;
        line-height: 17.2px;
        padding: 0 10px 0 var(--mtx);
    }
    a.categories-item .home-category-images {
        left: var(--mil, 0px);
        top: var(--mit);
        width: var(--miw);
        height: var(--mih);
    }
    #categories .button {
        margin-top: 37px;
    }
}