.wrapper__cats{}
.wrapper__cats .widget__title{text-align:center; max-width:950px; margin:0 auto}
.cat-carusel__link{display:block; border-radius:20px; overflow:hidden; position:relative; font-size: 16px; line-height: 21px; color: #FFFFFF}
.cat-carusel__link::after{content:"";top:0;left:0;right:0;bottom:0;position: absolute;background: linear-gradient(180deg, rgba(64, 39, 20, 0) 40.18%, #402714 89.46%);transition: opacity 0.3s ease-in-out}
.cat-carusel__link::before{opacity:0; content:"";top:0;left:0;right:0;bottom:0;position: absolute;background:linear-gradient(180deg, rgba(166, 101, 52, 0.9) 0%, rgba(64, 39, 20, 0.9) 90.86%);transition: opacity 0.1s ease-in-out}
.cat-carusel__info{position:absolute; bottom:40px; left:40px; right:40px; z-index:2; display:flex; flex-direction:column; gap:15px;transition: bottom 0.1s ease-in-out}
.cat-carusel__link:hover .cat-carusel__info{bottom: unset;top: 40px}
.cat-carusel__title{font:700 26px/29px 'Philosopher'; color: #FFFFFF; display:block; padding-right: 25px;}
.cat-carusel__small-title{}
.cat-carusel__icon{position:relative}
.cat-carusel__icon svg{animation: icon-rotate 8s linear infinite;}
.cat-carusel__description{display:flex;flex-direction:column;gap:20px;position: absolute;left: 40px;bottom: 40px;right: 40px;z-index: 2;align-items: self-start;opacity:0; visibility:hidden}
.cat-carusel__link:hover .cat-carusel__description{opacity:1; visibility:visible}
.cat-carusel__link:hover::after{opacity:0}
.cat-carusel__link:hover::before{opacity:1}
.cat-carusel-wrap{position:relative}
.cat-carusel-arrow{top: 50%; position:absolute; z-index: 5; transform: translateY(-50%); margin-top:-27px; left: -40px}
.cat-carusel-arrow.swiper-arrow-next{right: -40px; left: auto;}
.cat-carusel-arrow.swiper-button-disabled svg, .case-slide-arrow.swiper-button-disabled:hover svg{filter: brightness(0.5); opacity:0.2}
.cat-carusel-arrow:hover svg{filter: brightness(0.5);}
@media(max-width: 1499px) {
	.wrapper__cats .widget__title{max-width:850px}
	.cat-carusel__icon svg{width:30px; height:auto}
	.cat-carusel__link{font-size: 15px; line-height: 20px}
	.cat-carusel__info{bottom:30px; left:30px; right:30px; gap:10px}
	.cat-carusel__link:hover .cat-carusel__info{bottom: unset;top: 30px}
	.cat-carusel__title{font:700 24px/27px 'Philosopher'; padding-right: 0;}
	.cat-carusel__description{gap:15px; left: 30px; bottom: 30px; right: 30px}
}
@media(max-width: 1199px) {
	.wrapper__cats .widget__title{max-width:730px}
	.cat-carusel-arrow{margin-top:-25px}
}
@media(max-width: 991px) {
	.wrapper__cats .widget__title{max-width:650px}
	.cat-carusel-arrow{margin-top:-22px}
}
@media(max-width: 767px) {
	.wrapper__cats .widget__title{max-width:100%}
	.cat-carusel-arrow{margin-top:-20px}
	.cat-carusel__icon svg{width:25px; height:auto}
	.cat-carusel__link{font-size: 14px; line-height: 18px}
	.cat-carusel__info{bottom:20px; left:20px; right:20px; gap:10px}
	.cat-carusel__link:hover .cat-carusel__info{bottom: unset;top: 20px}
	.cat-carusel__title{font:700 22px/24px 'Philosopher'; padding-right: 0;}
	.cat-carusel__description{gap:15px; left: 20px; bottom: 20px; right: 20px}
}
@media(max-width: 575px) {
	.cat-carusel-wrap .swiper{overflow:visible}
	.cat-carusel__item{max-width:250px}
	.cat-carusel__title{padding-right: 15px;}
	.cat-carusel-arrow{display:none}
}
