.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; display: inline-block; line-height: 1; }
.slider-container { position: relative; width: 100%; overflow: hidden;  }
.slider-track { display: flex; transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: transform; }
.slider-slide { flex: 0 0 100%; position: relative; min-height: 50vh; background-size: cover; background-position: center; }
    @media (min-width: 768px) {
      .slider-slide { min-height: 70vh; }
    }
.slider-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,32,69,0.6); backdrop-filter: blur(6px); border-radius: 999px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s; z-index: 20; color: white; }
.slider-btn:hover { background: #002045; transform: translateY(-50%) scale(1.05); }
.slider-dots { position: absolute; bottom: 20px; left: 0; right: 0; display: flex; justify-content: center; gap: 12px; z-index: 20; }
.dot { width: 10px; height: 10px; background: rgba(255,255,255,0.5); border-radius: 50%; cursor: pointer; transition: all 0.2s; }
.dot.active { background: #ffffff; width: 28px; border-radius: 20px; }
@keyframes marquee { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } }
.marquee-container { overflow: hidden; white-space: nowrap; }
.marquee-text { display: inline-block; animation: marquee 8s linear infinite; }
.dropdown-menu { opacity: 0; visibility: hidden; transform: translateY(-8px); transition: all 0.2s ease; }
.dropdown-menu.active { opacity: 1; visibility: visible; transform: translateY(0); }