/* Responsive Collapsible Menu */
@media screen and (max-width: 1024px) {
    /* Hide the top bar container */
    .elementor-element-44453e0 {
        display: none !important;
    }
    
    .elementor-element-23b72aef {
        position: relative;
    }
    
    /* Hide navigation containers by default */
    .elementor-element-6a4a4add,
    .elementor-element-7c548be8 {
        display: none !important;
        width: 100%;
        margin-top: 20px;
        order: 3; /* Move below the top bar elements */
    }
    
    /* When active, show navigation as column */
    .elementor-element-23b72aef.mobile-menu-active .elementor-element-6a4a4add,
    .elementor-element-23b72aef.mobile-menu-active .elementor-element-7c548be8 {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start; /* Align left */
        gap: 15px;
        text-align: left; /* Align text left */
        padding-left: 20px; /* Add some padding for aesthetics */
    }
    
    /* Target individual widget containers inside the menu to align left */
    .elementor-element-23b72aef.mobile-menu-active .elementor-element-6a4a4add .elementor-widget-container,
    .elementor-element-23b72aef.mobile-menu-active .elementor-element-7c548be8 .elementor-widget-container {
        display: flex;
        justify-content: flex-start;
        width: 100%;
    }

    /* Target inner button wrappers to align left */
    .elementor-element-23b72aef.mobile-menu-active .elementor-element-6a4a4add .elementor-button-wrapper,
    .elementor-element-23b72aef.mobile-menu-active .elementor-element-7c548be8 .elementor-button-wrapper {
        display: flex;
        justify-content: flex-start;
        width: 100%;
    }
    
    .elementor-element-66b3357a {
        flex-wrap: wrap;
        justify-content: space-between; /* Space between logo and hamburger */
        align-items: center;
        position: relative;
        display: flex; /* Ensure it's a flex container */
    }

    /* Logo container (assuming container#18bb2eaf) */
    .elementor-element-18bb2eaf {
        order: 1; /* Place logo before hamburger */
        margin-left: 0; 
        margin-right: auto; /* Push hamburger to the right */
    }

    /* Hamburger Button */
    .mobile-menu-toggle-5ba72316 {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: 30px;
        height: 25px;
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
        z-index: 999;
        margin-right: 0; 
        order: 2; /* Force hamburger to be second item on right */
        margin-left: auto; /* Push to the right edge */
    }

    .mobile-menu-toggle-5ba72316 span {
        width: 30px;
        height: 3px;
        background-color: #333;
        border-radius: 10px;
        transition: all 0.3s linear;
        position: relative;
        transform-origin: 1px;
    }

    /* Animation */
    .mobile-menu-active .mobile-menu-toggle-5ba72316 span:first-child {
        transform: rotate(45deg);
    }
    .mobile-menu-active .mobile-menu-toggle-5ba72316 span:nth-child(2) {
        opacity: 0;
    }
    .mobile-menu-active .mobile-menu-toggle-5ba72316 span:nth-child(3) {
        transform: rotate(-45deg);
    }
}