header.navbar{
    --nav-height: 68px;
    .nav-inner{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:var(--nav-height);
        display:flex;
        align-items:center;
        justify-content: center;
        z-index:100;
        padding:0 20px;
        background: rgba(205,222,255,0.4);
        backdrop-filter: blur(6px);
        .logo{
            .log-img{
                height: 48.5px;
                width: auto;
                display:block;
            }
        }
        nav.menu{
            margin: 0 21px 0 75px;
            .link{
                color: #5a8cce;
                text-decoration: none;
                &:visited{
                    color: #5a8cce;
                }
                &:not(:first-child){
                    margin-left: 52px;
                }
                &:hover{
                    color: #4972a8;
                }
                &.pop-btn{
                    svg {
                        vertical-align: middle;
                        margin-left: 3px;
                        position: relative;
                        top: -1px;
                    }
                }
            }
        }
    }
    .nav-temp{
        height:var(--nav-height);
    }
    .solution-pop{
        position: fixed;
        top: var(--nav-height);
        left: 0;
        width: 100%;
        height: 66.85vh;
        z-index: 99;
        display: flex;
        pointer-events: none;
        opacity: 0;
        transform: translateY(-10%);
        will-change: transform, opacity;
        transition: 0.3s;
        &.show {
            transform: translateY(0);
            opacity: 1;
            pointer-events: auto;
        }
        .pop-left{
            width: 23.125%;
            flex-shrink: 0;
            background: #F0F6FF;
            display: flex;
            .solution-desc {
                margin-left: auto;
                padding-top: 32px;
                .solution-title {
                    font-size: 20px;
                    color: #000000;
                    font-weight: 500;
                }
                .solution-subtitle{
                    margin-top:13px;
                    font-size: 12px;
                    color: #666666;
                }
            }
        }
        .pop-right{
            flex:1;
            background: #ffffff;
        }
    }
}