.card-slider{align-items:center;display:flex;position:relative}.cards{display:flex;justify-content:center;width:100%}.card{opacity:.7;transform:scale(.9);transition:transform .5s ease,opacity .5s ease}.card.active{opacity:1;transform:scale(1.1)}.arrow{background:none;border:none;cursor:pointer;font-size:2rem;padding:10px}.dots-container{margin-top:15px;text-align:center}.dot{background-color:#bbb;border-radius:50%;cursor:pointer;display:inline-block;height:10px;margin:0 5px;width:10px}.dot.active{background-color:#717171}