#categories{
    padding-bottom: 110px;
}
#categories .container {
    width: 1320px;
}
a.categories-item {
    /* flex-basis: calc((100% / 6) - (5 * 26px / 6));
    flex-basis: 200px; */
}
a.categories-item + a.categories-item{
    /* margin-left: 26px; */
}
a.categories-item .circle{
    width: 200px;
    /* padding-bottom: calc(100% - 8px); */
    aspect-ratio: 1;
    border-width: 4px;
    border-color: var(--middle-gray);
    transition: background-color .3s;
}

a.categories-item:hover .circle{
    border-color: #eb0f10;
}
.big .home-category-images {
    width: 230px;
    height: 230px;
    max-width: 230px;
}
a.categories-item .categories-image + h4,
a.categories-item .categories-image + strong{
    color: #232323;
    font-size: 25px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight:700;
    margin: 18px auto 0 auto;
    position: relative;
    width: fit-content;
}
a.categories-item:hover .categories-image + h4,
a.categories-item:hover .categories-image + strong{
    text-decoration: underline;
}
a.categories-item .categories-image + strong:after{
    content: ''; 
    display: block;
    width: 24px;
    height: 13px;
    position: absolute;
    right: -1.3em;
    top: 50%;
    transform: translateY(-30%);
    background-image: url('../../images/icon-arrow.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
#categories .button {
    width: 148px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    margin-top: 76px;
}

#categories .h2,
#categories h2{
	font-size: 53px;
}

#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){
    /* a.categories-item {
        flex-basis: calc((100% / 3) - (5 * 26px / 3));
        flex-basis: 200px;
    } */
    a.categories-item,
    a.categories-item + a.categories-item{
        /* margin: 13px; */
    }
}
@media screen and (max-width: 767px){
    .categories-image{
        position: relative;
    }
    .categories-image img{
        max-width: 100%; 
    }
}
@media screen and (min-width: 568px){
    #categories .swiper-wrapper {
        justify-content: center;
    }
}
@media screen and (max-width: 567px){
    #categories {
        padding-bottom: 50px;
    }
    /* a.categories-item {
        flex-basis: calc(50% - 20px);
        flex-basis: 200px;
    } */
     #categories .button {
        margin-top: 50px;
     }
    a.categories-item,
    a.categories-item + a.categories-item{
        /* margin: 22px 10px; */
    }
    a.categories-item .categories-image + strong{
        font-size: 1.25em;
        margin-top: 19px;
    }
    #categories .h2,
    #categories h2{
        margin-top: 50px;
        padding-top: 0;
        font-size: 2.06666667em;
    }
	#categories .h2 br,
	#categories h2 br {
		display:none
	}
	#categories .swiper-button-prev, 
	#categories .swiper-button-next {
		display:flex
	}
    #categories .swiper-padding{
        padding: 0;
    }
    #categories img {
        max-width: 100%;
    }

    a.categories-item .categories-image + strong:after {
        width: 20px;
        height: 11px;
        right: -1.7em;
        transform: translateY(-48%);
    }
}