html {
    scroll-behavior: smooth;
}

.navbar {
    transition: 0.2s;
}

    .navbar.scrolled {
        background-color: #0066cc !important;
    }

.carousel-item img {
    height: 90vh;
    object-fit: cover;
    filter: brightness(70%);
}

.carousel-caption {
    position: absolute;
    bottom: 25%;
    text-shadow: 0 2px 8px rgba(0,0,0,0.7);
}

.facility-card {
    background: #f8f9fa;
    padding: 25px;
    border-radius: 20px;
    transition: 0.3s;
}

    .facility-card:hover {
        transform: translateY(-8px);
        background: #e9f5ff;
    }
.marquee-container {
    background: linear-gradient(90deg, #007bff, #00c6ff);
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

.marquee-text {
    display: inline-block;
    animation: marquee 15s linear infinite;
    font-size: 1.1rem;
    letter-spacing: 1px;
}

@keyframes marquee {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}