div.carousel{ margin:0px auto;padding:0px;width:100%;position:relative;overflow:hidden;border-radius:0px;width:100%;}
.carousel__input{ position:absolute;opacity:0;bottom:0px;cursor:pointer;z-index:-1;}
.carousel__label{ display:inline-block;width:12px;height:12px;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;}
.carousel__input.hide + label{ display:none!important;}
.carousel__input:checked + label{ background-color:black;}
.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{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;}
.carousel__slide--header{ width:100%;text-align:left;box-sizing:border-box;color:#FCB002;}
.carousel__slide--footer{ width:100%;text-align:right;box-sizing:border-box;}
.carousel__input:checked ~ .carousel__slide{transform:translateX(100%);}
.carousel__input:checked + label + .carousel__slide{transform:translateX(0);}
.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,');}
.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,');}