/* Default state when menu is closed */
    [dmtemplateid="mobileHamburgerLayout"] .layout-drawer-hamburger.hamburger-on-header {
        background-color: rgba(0, 0, 0, 0) !important;
        color: rgb(92, 85, 82) !important;
    }

    /* When menu is open, apply white color to the cross icon */
    [dmtemplateid="mobileHamburgerLayout"] .layout-drawer-hamburger {
        color: white !important;
        background-color: rgba(0, 0, 0, 0) !important;
    }

    /* Cross icon transformation */
    .hamburger-on-header1 .hamburger__slice:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
        color:white !important;
    }
    .hamburger-on-header1 .hamburger__slice:nth-child(2) {
        opacity: 0; /* Hide middle bar */
    }
    .hamburger-on-header1 .hamburger__slice:nth-child(3) {
       transform: rotate(-45deg) translate(3px, -3.5px);
    color: white !important;
    }