body {
    font-family: Arial;
}

.top-bar {
    background: #f8f9fa;
    padding: 10px 0;
}

.logo {
    font-size: 26px;
    font-weight: bold;
    color: #198754;
}

.carousel-item img {
    height: 420px;
    object-fit: cover;
    filter: brightness(60%);
}

.carousel-caption {
    top: 50%;
    transform: translateY(-50%);
}

.program-card {
    transition: 0.3s;
}

.program-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.footer {
    background: #222;
    color: white;
    padding: 40px 0;
}

.footer a {
    color: #ddd;
    text-decoration: none;
}

.footer a:hover {
    color: white;
}

.gallery-item img {
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.gallery-item img:hover {
    transform: scale(1.05);
}