div.carousel{
	margin:0px auto;
	padding:0px;
	background:#fff;
	width:100%;
	text-align:center;
	position:relative;
	overflow:hidden;
	border-radius:10px;
	width:100%;
}

.carousel__input{
  /* position: absolute; */
  opacity: 0;
  bottom:0px;
  cursor: pointer;
  z-index:-1;
}

.carousel__label{
  display: inline-block;
  width:20px;
  height:20px;
  border: solid 2px #eee;
  border-radius: 999px;
  background-color: transparent;
  margin: 0px 5px 5px 5px;
  z-index: 2;
  cursor: pointer;
  transition-duration: .4s;
  position: relative;
  bottom:0px;
  left:0px;
}

.carousel__input.hide + label{
	display:none!important;
}
.carousel__input:checked + label{
  background:var(--main-color);
}

.carousel__slide {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding:0px 40px 0px 40px;
  transform: translateX(-100%);
  transition-duration: .4s;
  box-sizing:border-box;
  display:flex;
  flex-wrap:wrap;
  gap:30px;
  align-items:center;
  align-content:center;
  justify-content:center;
}

.carousel__slide{flex:1;}
.carousel__slide .carousel__slide-container{flex:1;}

.carousel__slide--header{
	width:100%;
	text-align:left;
	box-sizing:border-box;
	margin-bottom:10px;
	color:#FCB002;
}

.carousel__slide--footer{
	width:100%;
	text-align:right;
	box-sizing:border-box;
	padding-right:30px;
	margin-top:20px;
}

.carousel__input:checked ~ .carousel__slide {
  transform: translateX(100%);
}

.carousel__input:checked + label + .carousel__slide {
  transform: translateX(0);
}

.carousel__slide--content{text-align:left;}

.carousel__a{position:absolute;top:calc(50% - 10px);width:20px;height:20px;border-radius:50%;color:#000000;display:inline-flex;align-items:center;justify-content:center;z-index:+3;}
.carousel__a.next{right:0px;}
.carousel__a.next:before{content:"";display:block;width:20px;height:20px;background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 490.8 490.8" style="enable-background:new 0 0 490.8 490.8;" xml:space="preserve"><path d="M135.685,3.128c-4.237-4.093-10.99-3.975-15.083,0.262c-3.992,4.134-3.992,10.687,0,14.82  l227.115,227.136L120.581,472.461c-4.237,4.093-4.354,10.845-0.262,15.083c4.093,4.237,10.845,4.354,15.083,0.262  c0.089-0.086,0.176-0.173,0.262-0.262l234.667-234.667c4.164-4.165,4.164-10.917,0-15.083L135.685,3.128z"></path><path d="M128.133,490.68c-5.891,0.011-10.675-4.757-10.686-10.648c-0.005-2.84,1.123-5.565,3.134-7.571l227.136-227.115  L120.581,18.232c-4.171-4.171-4.171-10.933,0-15.104c4.171-4.171,10.933-4.171,15.104,0l234.667,234.667  c4.164,4.165,4.164,10.917,0,15.083L135.685,487.544C133.685,489.551,130.967,490.68,128.133,490.68z"></path></svg>');}
.carousel__a.back{left:0px;}
.carousel__a.back:before{content:"";display:block;width:20px;height:20px;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 490.787 490.787" style="enable-background:new 0 0 490.787 490.787;" xml:space="preserve"><path d="M362.671,490.787c-2.831,0.005-5.548-1.115-7.552-3.115L120.452,253.006  c-4.164-4.165-4.164-10.917,0-15.083L355.119,3.256c4.093-4.237,10.845-4.354,15.083-0.262c4.237,4.093,4.354,10.845,0.262,15.083  c-0.086,0.089-0.173,0.176-0.262,0.262L143.087,245.454l227.136,227.115c4.171,4.16,4.179,10.914,0.019,15.085  C368.236,489.664,365.511,490.792,362.671,490.787z"></path><path d="M362.671,490.787c-2.831,0.005-5.548-1.115-7.552-3.115L120.452,253.006c-4.164-4.165-4.164-10.917,0-15.083L355.119,3.256  c4.093-4.237,10.845-4.354,15.083-0.262c4.237,4.093,4.354,10.845,0.262,15.083c-0.086,0.089-0.173,0.176-0.262,0.262  L143.087,245.454l227.136,227.115c4.171,4.16,4.179,10.914,0.019,15.085C368.236,489.664,365.511,490.792,362.671,490.787z"></path></svg>');}