#categories {
    margin-top: 81px;
    padding-bottom: 46px;
}

#categories .container {
    width: 1070px;
}

#categories .container.w-1000 {
    width: 700px;
}

#categories .logo-title {
    font-size: 56px;
    line-height: 1em;
    margin-top: -15px;
    text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}

#categories .h1,
#categories h1,
#categories .h2,
#categories h2 {
    font-size: 28px;
    line-height: 35px;
}

#categories .swiper {
    overflow: visible;
    padding-top: 61px;
}

#categories .swiper-wrapper {
    justify-content: center;
    flex-wrap: wrap;
    --gap: 38px;
    gap: 79px var(--gap);
}

a.categories-item {
    flex-basis: calc(calc(100% / 3) - calc(var(--gap) * 2 / 3));
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}

a.categories-item .home-category-images {}

a.categories-item .categories-image+h4,
a.categories-item .categories-image+strong {
    position: relative;
    text-transform: uppercase;
    color: #2F2F2F;
    font-size: 22px;
    font-family: 'Helvetica Neue Condensed';
    font-weight: 900;
    height: 64px;
    display: flex;
    align-items: center;
    padding: 0 35px 0 15px;
    background: #F7F7F7;
    width: 224px;
    text-align: left;
    border-radius: 5px;
    border: 2px solid transparent;
}

a.categories-item .categories-image+h4:hover,
a.categories-item .categories-image+strong:hover {
    border-color: var(--light-green);
}

#categories .button {
    width: 160px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    margin-top: 46px;
    border-radius: 20px;
}

/* #categories .swiper-button-next {
    right: -40px;
}
#categories .swiper-padding{
    padding: 0 40px;
}
#categories .swiper-button-prev {
    left: -40px;
}
#categories .swiper-button-next,
#categories .swiper-button-prev {
    top: 14px;
    color: #939292;
    background-color: #fff;
    --swiper-navigation-size: 27px;
    opacity: 1;
    height: 100%;
    width: 40px;
}
#categories .swiper-button-next::after,
#categories .swiper-button-prev::after {
    position: relative;
    top: -41px;
    width: 100%;
    left: 5px;
}
#categories .swiper-button-next::after {
    text-align: right;
    right: 5px;
    left: unset;
}
#categories .swiper-button-prev, 
#categories .swiper-button-next {
	display:none
} */
@media screen and (max-width: 991px) {}

@media screen and (max-width: 767px) {
    #categories .swiper {
        padding-top: 36px;
    }

    #categories .swiper-wrapper {
        --gap: 22px;
        gap: 19px var(--gap);
    }

    a.categories-item {
        flex-basis: calc(30% - calc(var(--gap) * 2 / 3));
        width: calc(30% - calc(var(--gap) * 2 / 3));
        justify-content: end;
    }

    #categories .categories-image img {
        left: 0 !important;
        bottom: 2px;
        width: 100%;
    }

    #categories .swiper-wrapper .swiper-slide:nth-child(1) img {
        max-width: 86px;
        left: -20px !important;
    }

    #categories .swiper-wrapper .swiper-slide:nth-child(2) img {
        left: -20px !important;
        bottom: -4px;
        max-width: 82px;
    }

    #categories .swiper-wrapper .swiper-slide:nth-child(3) img {
        max-width: 61px;
        left: -8px !important;
        bottom: -3px;
    }

    #categories .swiper-wrapper .swiper-slide:nth-child(4) img {
        max-width: 63px;
        left: -22px !important;
        bottom: -3px !important;
    }

    #categories .swiper-wrapper .swiper-slide:nth-child(5) img {
        max-width: 70px;
        bottom: 6px !important;
        left: -13px !important;
    }

    #categories .swiper-wrapper .swiper-slide:nth-child(6) img {
        max-width: 50px;
        bottom: 6px !important;
        left: -13px !important;
    }

    #categories .logo {
        max-width: 120px;
    }

    #categories .logo-title {
        font-size: 44px;
        max-width: 260px;
        margin-top: -25px;
    }

    #categories .h1,
    #categories h1,
    #categories .h2,
    #categories h2 {
        font-size: 18px;
        line-height: 28px;
        padding-top: 12px;
    }

    a.categories-item .categories-image+strong {
        font-size: 14px;
        padding-left: 46px;
        height: 47px;
        width: 138px;
    }
}

@media screen and (max-width: 567px) {
    #categories {
        padding-bottom: 19px;
        margin-top: 48px;
    }

    #categories .button {
        margin-top: 24px;
    }

    a.categories-item {
        flex-basis: calc(50% - calc(var(--gap) * 2 / 3));
        width: calc(50% - calc(var(--gap) * 2 / 3));
    }
}