#header-section *{
    font-family: 'Times New Roman';
}
.header-right-section-line{
    width: 3px;
}

.header-menu-wrap{
    opacity: 0.8;
}

.header-menu-link{
    transition: all 0.3s;
}

.header-menu-link:hover{
    color: var(--color-grey-second) !important;
}

@media screen and (max-width: 768px) {
    
    .header-section{
        position: fixed !important;
        top: 0;
        left: 0;
        width: 90vw;
        height: 100vh;
        transform: translateX(-100%);
        transition: all 0.3s;
        opacity: 1;
    }
    .header-section-open{
        transform: translateX(0);
    }
    .header-section-open-btn-box{
        top: 20px;
        right: -45px;
        width: 40px;
        height: 40px;
        z-index: +1;
    }
    .header-section-open-btn{
        position: absolute;
        inset: 0;
        margin: auto;
        width: 30px;
        height: 3px;
        transition: all 0.3s;
        background: var(--color-red);
    }
    .header-section-open-btn::before{
        content: '';
        position: absolute;
        left: 0;
        top: -6px;
        width: 100%;
        height: 100%;
        background: var(--color-red);
        transition: all 0.3s;
    }
    .header-section-open-btn::after{
        content: '';
        position: absolute;
        left: 0;
        bottom: -6px;
        width: 100%;
        height: 100%;
        background: var(--color-red);
        transition: all 0.3s;
    }
    .header-section-open .header-section-open-btn-box{
        right: 10px;
        background: transparent;
    }
    .header-section-open .header-section-open-btn{
        background: transparent;
    }
    .header-section-open .header-section-open-btn::before{
        transform: translateY(5px) rotateZ(45deg);
    }
    .header-section-open .header-section-open-btn::after{
        transform:translateY(-7px) rotateZ(-45deg) ;
    }
}