.mobile-header {
    display: none;
}
@media(max-width:1120px) {
    .mobile-header {
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #E5E5E5;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        background: #00000012;
        backdrop-filter: blur(30px);
        z-index: 3;
    }
    .mobile-header .wrapper {
        padding: 14px 16px;
        z-index: 5;
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
        box-shadow: 0px 4px 40px #0000001A;
    }
    .mobile-logo {
        width: 135px;
        height: 42px;
        z-index: 6;
    }
    .mobile-logo svg{
        width: 100%;
        height: 100%;
    }
    .mobile-logo svg, .mobile-logo svg path {
        /* fill: var(--wp--preset--color--second); */
    }
    .hamburger {
        display: flex;
        flex-direction: column;
        gap: 3px;
        width: 24px;

    }
    .hamburger span {
        transition: transform .3s;
        width: 100%;
        height: 3px;
        border-radius: 4px;
        background-color: var(--wp--preset--color--second);
        z-index: 6;
    }
    .mobile-header .hamburger.active span:nth-child(2){
        display: none;
    }
    .mobile-header .hamburger.active span:nth-child(1){
        transform: rotate(45deg) translate(2px, 2px);
    }
    .mobile-header .hamburger.active span:nth-child(3){
        transform: rotate(-45deg) translate(2px, -2px);
    }
}