/* Responsive Adjustments */
@media (max-width: 850px) {
    .navbar {
        flex-direction: column;
        align-items: flex-start;
    }

    .nav-links {
        display: none; /* Hide links by default */
        flex-direction: column;
        width: 100%;
        background-color: /*#d9c8db; */#ae51b5; /* Slightly darker shade of purple */
        position: absolute;
        top: 60px; /* Adjust based on navbar height */
        left: 0;
        padding: 4px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    }

    .nav-links.active {
        display: flex; /* Show menu when active */
    }

    .menu-toggle {
        display: block; /* Show hamburger icon */
    }

    .nav-links a {
        display: block; /* Makes the link fill the entire list item */
        width: 100%;
        height: 100%;
        padding: 15px; /* Adjust padding for better click area */
        color: white;
        text-decoration: none;
        box-sizing: border-box; /* Includes padding in the width/height */
    }

    .nav-links a:hover {
        background-color: #742080; /* Darker shade for hover effect */
        border-radius: 5px;
    }

    .hero-section h1 {
        font-size: 2rem;
    }
}

@media (max-width: 480px) {
    .hero-section h1 {
        font-size: 1.5rem; /* Adjust font size for very small screens */
    }
}