/* Responsive Styles */
@media (max-width: 768px) {
    .navbar-nav {
        flex-direction: column;
    }
    .navbar-nav .nav-item {
        margin-bottom: 10px;
    }
    .carousel-caption {
        font-size: 1.2rem;
    }
    .card {
        margin-bottom: 20px;
    }
}

@media (max-width: 576px) {
    .carousel-caption {
        font-size: 1rem;
    }
    .card-title {
        font-size: 1.2rem;
    }
    .card-text {
        font-size: 0.9rem;
    }
}