.carousel{justify-content:center;align-items:center;width:100%;max-width:900px;margin:40px auto;display:flex;position:relative}.carousel-window{border-radius:10px;width:100%;height:500px;position:relative;overflow:hidden}.carousel-image{object-fit:cover;width:100%;height:100%}.fade{animation:1s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.arrow{color:#333;cursor:pointer;z-index:5;background:0 0;border:none;padding:10px;font-size:50px}.arrow:hover{color:#f60}.dots{gap:10px;display:flex;position:absolute;bottom:15px}.dot{cursor:pointer;background:#fffa;border-radius:50%;width:12px;height:12px;transition:all .3s}.dot.active{background:#f60;transform:scale(1.2)}