#categories{
    padding-bottom: 50px;
}
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 .circle.with-half{
    padding-bottom: 100%;;
    border-width: 0;
}
a.categories-item .half-circle{
    border-bottom-left-radius: 300px;
    border-bottom-right-radius: 300px;
    width: 100%;
    height: 50%;
    border-color: var(--dark-red);
    transform: rotate(-45deg);
    transform-origin: top center;
    top: 50%;
    transition: transform 0.3s;
}
a.categories-item:hover .half-circle{
    transform: rotate(135deg);
}
a.categories-item .categories-image + strong{
    color: #232323;
    font-size: 1.0625em;
    margin-top: 30px;
    position: relative;
}
a.categories-item span {
    text-decoration: underline;
}
a.categories-item .categories-image + strong:after{
    content: ''; 
    display: block;
    height: 2px;
    width: 0;
    position: absolute;
    left: 0;
    bottom: -5px;
    background-color: #c23939;
    transition: width .3s;
}

a.categories-item .half-circle + strong{
    color: #fff;
    font-size: 1.375em;
}
#categories .h2,
#categories h2{
    font-size:45px;
    max-width:950px;
}

#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){
    /* a.categories-item {
        flex-basis: calc(50% - 20px);
        flex-basis: 200px;
    } */
    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{
        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;
    }
}