@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons+Outlined');

body {
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
    /* Prevent horizontal scroll on mobile */
}

/* Ensure images are responsive */
img {
    max-width: 100%;
    height: auto;
}

.wave-bg {
    background: rgb(11, 44, 132);
    background: linear-gradient(135deg, rgba(11, 44, 132, 1) 0%, rgba(5, 22, 77, 1) 100%);
    border-bottom-left-radius: 50% 10%;
    border-bottom-right-radius: 50% 10%;
}

.wave-footer {
    border-top-left-radius: 50% 10%;
    border-top-right-radius: 50% 10%;
}

/* Mobile Menu Transition */
#mobile-menu {
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}

#mobile-menu.open {
    max-height: 500px;
    /* Adjust based on content */
    opacity: 1;
}