.dots{display:flex;justify-content:center;gap:8px;position:relative;z-index:3}.dot{width:12px;height:12px;border-radius:50%;border:none;background-color:gray;cursor:pointer;transition:background-color .3s ease;margin-top:-2em}.active-dot{background-color:var(--accent-green)}.inactive-dot:hover{background-color:#d3d3d3}