/* Mobile Menu Styles for Company Profile */

.mobile-menu {
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
}

.mobile-menu.open {
    transform: translateX(0);
}

@media (max-width: 768px) {
    /* Adjust mobile menu for smaller screens */
    .mobile-menu {
        width: 72vw;
    }

    .mobile-menu.open {
        animation: slideInLeft 0.3s ease-out;
    }
}

@keyframes slideInLeft {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}