#lk-popup-overlay{

    position:fixed;
    inset:0;

    display:flex;
    justify-content:center;
    align-items:center;

    background:rgba(0,0,0,.75);

    z-index:99999;

}

.lk-hidden{
    display:none!important;
}

#lk-popup{

    position:relative;

    width:819px;
    max-width:92vw;

    border-radius:42px;

    background:
        url("images/bg-desktop.svg") bottom right no-repeat,
        linear-gradient(109.88deg, #004494 2.34%, #00152E 46.32%);

    box-shadow:
            0 40px 100px rgba(0,0,0,.45);

}

.popup-desktop{

    display:grid;

    grid-template-columns:520px 1fr;

    align-items:center;

    min-height:443px;

    color:white;

    text-decoration:none;

    position:relative;

}

.desktop-left{

    padding-left:40px;

}

.desktop-left h1{

    margin:0;

    display: block !important;

    color:white;

    font-size:34px;

    line-height:1.12;

    font-weight:700;

}

.desktop-left h1 span{

    color:#2688ff;

}

.desktop-tags{

    margin-top:42px;

}

.tag{

    font-family: Arial,serif;

    display:inline-flex;

    align-items:center;

    height:44px;

    padding:0 18px;

    border:2px solid #286CFF;

    border-radius:999px;

    margin-bottom:18px;

    color:white;

    font-size:16px;

}

.tag.long{

    display:flex;

    width:fit-content;

}
.desktop-right{

    position:absolute;

    display:flex;

    justify-content:center;

    align-items:center;

    width: 424px;
    height: 299px;

    top: -41px;
    left: 342.79px;

    z-index: 1000;
}

.desktop-right img{

    width:650px;

    display:block;

}

.desktop-button{

    margin-top:10px;

    width:360px;

    height:52px;

    border-radius:40px;

    background:#1F82FF;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:14px;

    color:white;

    font-size:17px;

    font-weight:500;

}


.popup-mobile{

    display:none;

}

@media(max-width:768px){

    .popup-mobile{

        display:block;
        position:relative;

        width:315px;
        max-width:calc(100vw - 24px);
        min-height:420px;

        max-height:420px;

        color:#fff;
        text-decoration:none;

        background:
                url("images/bg-mobile.svg") bottom right no-repeat,
                linear-gradient(109.88deg,#004494 2.34%,#00152E 46.32%);

        border-radius:30px;

        overflow:hidden;

    }

    .mobile-content{

        position:relative;

        padding:25px 14px 20px;

        min-height:420px;

    }

    .mobile-content h2{

        margin:0;

        font-size:22px !important;
        line-height:1.1;
        font-weight:700;

        color:#fff;

    }

    .mobile-content h2 span{

        color:#2688ff;

    }

    .mobile-tags{

        margin-top:27px;

        display:flex;
        flex-direction:column;
        align-items:flex-end;

        gap:6px;

        position:relative;
        z-index:5;

    }

    .mobile-tag{

        height:30px;

        display:flex;
        align-items:center;
        justify-content:center;

        border:2px solid #286CFF;
        border-radius:999px;

        background:#000;

        color:#fff;

        font-size:13px;

        white-space:nowrap;

    }

    .mobile-tag.long{

        width:217px;

    }

    .mobile-tag.medium{

        width:200px;

    }

    .mobile-tag.short{

        width:103px;

    }

    .mobile-phone{

        position:absolute;

        left:0;
        bottom: 42px;
        width: 299px;

        z-index:1;

    }

    .mobile-button{

        position:absolute;

        right:18px;
        bottom:123px;

        width:100px;
        height:100px;

        border-radius:50%;

        background:#0075FF;

        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;

        gap:6px;

        text-align:center;

        color:#fff;

        font-size:14px;
        font-weight:500;

        z-index:5;

    }

    #lk-popup{

        width:315px;
        max-width:calc(100vw - 24px);
        min-height:420px;

        border-radius:30px;

        background:
                url("images/bg-mobile.svg") bottom right no-repeat,
                linear-gradient(109.88deg,#004494 2.34%,#00152E 46.32%);
    }

    .popup-desktop{

        display:none;

    }

    .popup-mobile{

        display:block;

    }

}

#lk-popup-close{

    position:absolute;

    top:24px;
    right:20px;

    width:24px;
    height:24px;

    padding:0;

    border:none;
    background:none;

    display:flex;
    justify-content:center;
    align-items:center;

    cursor:pointer;

    z-index:100;

    opacity:.8;

    transition:.2s ease;

}


#lk-popup-close:hover{

    opacity:1;

}


#lk-popup-close svg{

    display:block;

}