/* 
.cat_slide{border: 1px solid red;} */


.main_color{color: #2f974f; 	opacity: 1;}


.banner2{
	background-color: var(--color-back-stage);
	color: #fff;
	padding: 7px;
	position: relative;
	overflow: hidden;

}

.banner2_fon{
	top: 0;
	height: 100%;
	width: 80%;
	position: absolute;
	background-color: #2b2a3f;
	clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 47% 100%, 0% 100%, 0% 0%, 0% 0%, 0% 0%);

}
.banner2_left{
	padding: 15px 60px 30px 60px;
	position: relative;
	z-index: 1;
}

.banner2_left .main_color{
	position: relative;
  	display: inline-block;
  	padding-bottom: 18px;
  	margin: 20px 0 30px;
}
.banner2_left .main_color::before {
	  content: "";
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  width: 100%;
	  height: 6px;
	  background-color: var(--color-prime);
}



.cat_slider{
	display: flex;
	overflow: hidden;
	position: relative;
}
.cat_slide{
	min-width: calc(90% / var(--width));
	width: calc(90% / var(--width));
}
.cat_slide {--width: 6.5}

/* .cat_slide_img img{
	width: 100%;
	max-width: 100px;
	height: 100%;
	object-fit: cover;
}*/


.cat_slide_img img {
    width: auto;
    height: 150px;
    object-fit: cover;
}


.cat_slide{
	padding: 20px;
	text-align: center;
	/* text-transform: uppercase; */
}

.cat_slider .flickity-page-dots {
 	bottom: 8px;
 	opacity: 0;
}






 @media(max-width: 1200px){
	.cat_slide {--width: 4.5}
	.cat_slider .flickity-page-dots{
		opacity: 1;
	}
	.cat_slider {
		padding-bottom: 15px;
	}
}

@media(max-width: 992px){
	.cat_slide {--width: 2.8}
	.banner2_fon {
		width: 100%;
		clip-path: polygon(0% 0%, 100% 0%, 103% 49%, 0% 195%, 0% 100%, 0% 0%, 0% 0%, 0% 0%);
  }
  .cat_slider .dot{
	  background: #fff;
  }
}

@media(max-width: 768px){
	
	.banner2 .font_intense{
		font-size: 26px;
	}
	.banner2_left{
		padding: 20px;
	}
}



@media(max-width: 520px){

   .cat_slide {--width: 1.8}

}

@media(max-width: 363px){
	.banner2 .font_intense{
 		font-size: 20px;
 	}
}