*{margin:0;padding:0}.carousel{position:relative}.carousel::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;box-shadow:inset 350px 0 100px 10px rgb(0 0 0 / .5)}.carousel ul{overflow:auto;display:flex;height:200px;scroll-snap-type:x mandatory;scroll-snap-points-y:repeat(100%);scroll-behavior:smooth;background:#171717;-ms-overflow-style:none;scrollbar-width:none;width:100%;border-radius:10px}.carousel ul::-webkit-scrollbar{display:none}.carousel ul li{width:100%;min-width:100%;list-style:none;background-size:cover;background-position:center;scroll-snap-align:start;display:flex;justify-content:left;align-items:center;color:#F5F5F5;font-weight:700;font-size:25px;text-align:left;text-shadow:0 0 10px rgb(0 0 0 / .75);padding-left:2em}.carousel ul li div{z-index:9}.carousel ul li div a{display:inline-block;text-shadow:none;color:#171717;padding:12px 60px;font-size:14px;text-decoration:none;border-radius:10px;margin-top:10px;font-weight:600}.carousel ol{position:absolute;bottom:15px;display:flex;justify-content:center;left:50%;transform:translateX(-50%);z-index:9}.carousel ol li{list-style:none;padding:0 5px}.carousel ol li a{display:none;height:10px;width:10px;border:2px solid #fff;background:#fff0;border-radius:100%}.carousel ol li.selected a{background:#fff}.carousel .prev,.carousel .next{user-select:none;cursor:pointer;font-size:50px;color:#fff;position:absolute;left:0;padding:15px;top:50%;transform:translateY(-50%);z-index:9}.carousel .next{left:auto;right:0}.carousel-description{max-width:450px;font-size:14px;font-weight:500;margin:15px 0}@media only screen and (max-width:600px){.carousel ul{height:150px}.carousel ul li{background-position:75%}.carousel-description{display:none}}