.csslider{ }
.csslider { width: 100%;  height: 100%; }

.csslider .swiper-slide{  width:600px;background: #f5f5f5; color:var(--wp--preset--color--mid-gray);  padding:50px; height: auto;text-align: center;  }
.csslider .swiper-slide .vis{ position: relative; }
.csslider .swiper-slide .titre{ margin-bottom:10px;  font-family: var(--wp--preset--font-family--poppins);font-size: var(--wp--preset--font-size--extra-large);font-weight: var(--wp--custom--font-weight--bold);line-height: var(--wp--custom--line-height--heading);}
.csslider .swiper-slide .titre>*{margin-left:-0.2em;padding-left: 0.2em;padding-right: 0.2em;background-image: linear-gradient(120deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%);;background-repeat: no-repeat;background-size:120% 40%;background-position:-8px 85%;-webkit-box-decoration-break: clone;box-decoration-break: clone;	}
.csslider .swiper-slide.swiper-slide-active{ background:var(--wp--preset--gradient--blue-to-green); color: #ffffff; }

/*
.csslider .swiper-slide{ transition:background 1s linear; width:600px;background: #f5f5f5;padding:50px; height: auto;text-align: center;  }
.csslider .swiper-slide .vis{ position: relative; }
.csslider .swiper-slide .titre{ margin-bottom:10px; color:var(--wp--preset--color--blue); font-family: var(--wp--preset--font-family--poppins);font-size: var(--wp--preset--font-size--extra-large);font-weight: var(--wp--custom--font-weight--bold);line-height: var(--wp--custom--line-height--heading);}
.csslider .swiper-slide .titre>*{margin-left:-0.2em;padding-left: 0.2em;padding-right: 0.2em;background-image: linear-gradient(120deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05) 100%);;background-repeat: no-repeat;background-size:120% 40%;background-position:-8px 85%;-webkit-box-decoration-break: clone;box-decoration-break: clone;	}

*/


.csslider .slpag{ display: flex; justify-content: center; margin-top:15px; }
.csslider .slpag>*{ transition:all 0.2s ease;  margin:2px; border-radius:20px;  width:13px; height:13px; border:3px solid var(--wp--preset--color--blue); }
.csslider .slpag>*.on{ width:30px;  border-color:var(--wp--preset--color--blue); }
.csslider .slpag>*:not(.on){ cursor: pointer; }


.csslider .slprev,.csslider .slnext{position: absolute; z-index:10; top:calc(50% - 15px); width:50px; height:50px; padding:10px;  cursor: pointer; font-size:40px; line-height: 1; text-align: center; font-family: var(--wp--preset--font-family--poppins);}
.csslider .slprev{ left:calc(50% - 350px); transform:translateY(-50%) rotate(180deg);}
.csslider .slnext{ left:calc(50% + 300px); transform:translateY(-50%); }
.csslider .slprev svg,.csslider .slnext svg{ display: block; width: 100%; height: auto;}

.csslider .slprev svg{ fill:var(--wp--preset--color--blue);}
.csslider .slnext svg{ fill:var(--wp--preset--color--green);}


.csslider .slprev.swiper-button-disabled,.csslider .slnext.swiper-button-disabled{ opacity:0.2; pointer-events: none; }




@media screen and (max-width:900px){
	.csslider .swiper-slide{  width:70%; padding:30px; }
	
}