#dot{position:fixed;top:50%;right:10px;transform:translateY(-50%);z-index:100}#dot ul{list-style:none;padding:0;margin:0}#dot ul li{position:relative;margin:15px 0;text-align:center}.dot{display:inline-block;width:10px;height:10px;background-color:#000;border-radius:50%;cursor:pointer;transition:transform 0.3s ease}.dot:hover{background:#c4230f;transform:scale(1.2)}.tooltip{position:absolute;top:50%;right:15px;transform:translateY(-50%);background-color:#000;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;opacity:0;pointer-events:none;white-space:nowrap;transition:opacity 0.3s ease}li:hover .tooltip{opacity:1}.active .tooltip{opacity:1}.active .dot{background:#c4230f}.slides-container{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10}.slide{position:relative;width:100%;height:100%;overflow:hidden}.slide .centered{width:60%;margin:200px auto 0;text-align:center;color:#fff}.slider-arrows{position:fixed;top:50%;left:30px;transform:translateY(-50%);z-index:101}.arrow{font-size:30px;color:#000;cursor:pointer;margin:10px 0;user-select:none;text-shadow:1px 1px 2px #fff}.arrow:hover{color:#c4230f}