#cats{
	position:relative;
	height:183px;
	width:100%;
	padding:0px !important;
}

#cats_inner{
	position:absolute;
	top:0px;
	right:0px;
	bottom:24px;
	left:0px;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
	
}

#cats_selector_btn{
	position:absolute;
	height:23px;
	width:180px;
	bottom:1px;
	right:0px;
	left:0px;	
	margin:auto;
	border-right:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	border-left:1px solid #e3e3e3;
	border-radius: 0 0 9px 9px;
	background-color:#fff;
	cursor:pointer;
	text-align:center;
	color:#72a301;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}

#cats_selector_btn:hover{
	color:#bf6d31;
}

#cats_selector_trim{
	position:absolute;
	height:6px;
	width:180px;
	bottom:22px;
	right:0px;
	left:0px;	
	margin:auto;
	background-color:#fff;
}

.cats-tab-click {
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;	
	cursor:pointer;
	transition: filter 0.1s ease;
}

/* All Cats */
#cats_all{
	position:relative;
	width:100%;
	padding:0 59px !important;
}

.cats-all-tab{
	position:relative;
	background: none;
	min-width:136px;
	max-width:141px;
	text-align: center;
	padding-top: 128px;
	font-weight:600;
}

.cats-all-tab:has(.cats-tab-click:hover) .cats-all-tab-img {
	filter: grayscale(0%) brightness(1.02);
	border:1px solid #cbd39a;
}

.cats-all-tab:has(.cats-tab-click:hover) .cats-all-tab-text {
	color:#bf6d31;				
}

.cats-all-tab-img{
	position:absolute;
	width:108px;
	top:15px;
	right:16.5px;
	border:2px solid #e2e7c7;
	border-radius:54px;
	filter: grayscale(36%);
	transition: filter 0.1s ease;
}


/* Swiper Cats */
#cats_swiper{
	position:absolute;
	background-color:white;
	height:165px;
	width:100%;
}

.cats-swiper-slide {
	background-color:white;
	width: 140px !important; 
	text-align: center;
	padding-top: 123px;
	font-weight:600;
}

.cats-swiper-slide:has(.cats-tab-click:hover) .cats-swiper-slide-img {
	filter: grayscale(0%) brightness(1.02);
	border:1px solid #cbd39a;
}

.cats-swiper-slide:has(.cats-tab-click:hover) .cats-swiper-slide-text {
	color:#bf6d31;				
}

.cats-swiper-slide-img {
	position:absolute;
	width:108px;
	top:10px;
	left:16px;
	border:2px solid #e2e7c7;
	border-radius:54px;
	filter: grayscale(36%);
	transition: filter 0.1s ease;
}

.cats-swiper-button-next {
	position: absolute;
	right: 15px !important;
	z-index: 10;
	color: rgba(90, 90, 90, .5); 
	cursor: pointer;
}

.cats-swiper-button-prev {
	position: absolute;
	left: 15px !important;
	z-index: 10;
	color: rgba(90, 90, 90, .5); 
	cursor: pointer;
}

.cats-swiper-button-next:hover,
.cats-swiper-button-prev:hover {
	color: rgba(90, 90, 90, .66);
}