/* Ensure mobile header is properly aligned */
@media screen and (max-width: 768px) {
    .mobile-only {
        display: block;
        text-align: center;
        width: 90%;
        margin: 15px auto;
        padding: 12px 20px;
        background-color: #1f3a55;
        color: white;
        font-size: 16px;
        font-weight: bold;
        border-radius: 25px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    }

/*    .desktop-only {
        display: none;
    }*/
}

/*@media screen and (min-width: 769px) {
    .mobile-only {
        display: none !important; /* Force hiding */
    /*}
}*/






    /* Fix for logo */
    .LOGO_ANEVA img {
        max-width: 140px; /* Ensure proper scaling */
        height: auto;
    }

    /* Align hamburger menu properly */
    .nav-open-btn {
        display: block;
        background: none;
        border: none;
        font-size: 28px;
        cursor: pointer;
        position: absolute;
        top: 12px;
        right: 15px;
        z-index: 1001;
    }

    /* Ensure navigation menu is hidden initially */
    .navbar {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        background-color: white;
        text-align: center;
        z-index: 999;
        padding: 10px 0;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    }

    /* Make navigation visible when active */
    .navbar.active {
        display: flex;
    }

    .navbar-list {
        display: flex;
        flex-direction: column;
        padding: 10px 0;
    }

    .navbar-link {
        padding: 12px;
        font-size: 18px;
        display: block;
        color: #000;
    }

    /* Free Consultation button adjustments */
    /*.btn-free-consultation {
        font-size: 12px;
        padding: 8px 15px;
        position: absolute;
        top: 10px;
        right: 50px; /* Move away from the edge */
       /* white-space: nowrap;
        background-color: #1f3a55;
        border-radius: 20px;
        color: white;
        font-weight: bold;
    }*/

    /* Fix white space issue */
    body {
        overflow-x: hidden;
    }

    /* Hero section optimization */
    .hero .container {
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .hero-title {
        font-size: 22px; /* Adjust text size */
    }

    .hero-text {
        font-size: 16px;
        padding: 0 15px;
    }

    .hero-banner {
        width: 100%;
        margin: 0 auto;
    }

    .hero .btn-group {
        flex-direction: column;
    }

    /* Fix the footer alignment */
    .footer-top .container {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }

    .footer-item {
        justify-content: center;
    }

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