.slider{text-align:center;width:100%;overflow:hidden}.slides{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.slide{scroll-snap-align:start;transform-origin:50%;flex-shrink:0;width:100%;max-width:27rem;transition:transform .5s;position:relative;transform:scale(1)}.circle{color:#fff;cursor:pointer;background:#2f2f69;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:small;display:inline-flex}