
    .toggle-menu{
        .container{
            padding: clamp(24px,9vw,95px);
            height: 100%;
            background-color: var(--base-white-color);
        }
        .flex-items{
            display: flex;
            flex-direction: column;
            gap: clamp(20px,4vw,40px);
            color: var(--base-black-color);
            height: 100%;
        }
        @media screen and (max-width: 864px) {
            
            
        }
        .flex-item{
            .nav-area{
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                padding-right: 0;

                ul{
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                }
            }
        }
        @media screen and (max-width: 864px) {
           
        }
        .toggle-menu-catch-copy{
            font-size: clamp(40px,4.5vw,70px);
        }
        @media screen and (max-width: 1280px) {
            .toggle-menu-catch-copy{
                font-size: clamp(25px,3.5vw,40px);
            } 
        }
        .toggle-menu-copy-right-area{
            font-size: 14px;
        }
        }