.cliverse-popup-background{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /*background: rgba(0, 0, 0, 0.50);*/
    /*backdrop-filter: blur(5px);*/
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 899;
}
.cliverse-popup-background:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: url('../img/Create-an-account-blured-bg-img.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(5px);
    z-index: -1;
}
.cliverse-popup-background.active{
    display: flex;
}
.cliverse-popup{
    width: 920px;
    max-width: 100%;
    border-radius: 20px;
    padding: 45px 30px;
    background: #FFF;
    position: relative;
    overflow: hidden;
    overscroll-behavior: none;
}
.cliverse-popup .close{
    width: 28px;
    height: 28px;
    position: absolute;
    top: 18px;
    right: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M5 6.06464L1.27376 9.79087C1.13435 9.93029 0.956907 10 0.741445 10C0.525982 10 0.348542 9.93029 0.209125 9.79087C0.0697082 9.65146 0 9.47402 0 9.25856C0 9.04309 0.0697082 8.86565 0.209125 8.72624L3.93536 5L0.209125 1.27376C0.0697082 1.13435 0 0.956907 0 0.741445C0 0.525982 0.0697082 0.348542 0.209125 0.209125C0.348542 0.0697082 0.525982 0 0.741445 0C0.956907 0 1.13435 0.0697082 1.27376 0.209125L5 3.93536L8.72624 0.209125C8.86565 0.0697082 9.04309 0 9.25856 0C9.47402 0 9.65146 0.0697082 9.79087 0.209125C9.93029 0.348542 10 0.525982 10 0.741445C10 0.956907 9.93029 1.13435 9.79087 1.27376L6.06464 5L9.79087 8.72624C9.93029 8.86565 10 9.04309 10 9.25856C10 9.47402 9.93029 9.65146 9.79087 9.79087C9.65146 9.93029 9.47402 10 9.25856 10C9.04309 10 8.86565 9.93029 8.72624 9.79087L5 6.06464Z' fill='%23A7B2E8'/%3E%3C/svg%3E");
    cursor: pointer;
    z-index: 10;
}
.cliverse-popup .btn{
    width: 100%;
    background: #2F375B;
    font-weight: 700;
    border: none;
    height: 60px;
}
.cliverse-popup h2{
    color: #2F375B;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.25px;
}
.cliverse-popup .no-account{
    display: block;
    text-align: center;
    margin-bottom: 20px;
}
.cliverse-popup .social-login-wrapper{
    max-width: 473px;
    margin: 0 auto 19px;
}
.cliverse-popup .popup-wp-form-wrapper{
    max-width: 473px;
    margin: 0 auto;
}
.cliverse-popup .or{
    display: flex;
    align-items: center;
    gap: 8px;
    color: #72777C;
    font-size: 18px;
    font-weight: 700;
    line-height: 108%;
    text-align: center;
    margin-bottom: 19px;
}
.cliverse-popup .or:before{
    content: '';
    flex: 1;
    height: 1px;
    background: #DDDDDD;
}
.cliverse-popup .or:after{
    content: '';
    flex: 1;
    height: 1px;
    background: #DDDDDD;
}
.cliverse-popup form{
    margin-bottom: 0!important;
    display: none;
}
.cliverse-popup form input:not([type="checkbox"]){
    width: 100%;
}
.cliverse-popup form input[type="submit"]{
    background: #2F375B;
    font-weight: 700;
    border: none;
    height: 60px;
}
.cliverse-popup .popup-bottom-links{
    text-align: center;
    color: #444;
    font-size: 16px;
    line-height: 122.5%;
    margin-top: 32px;
}
.cliverse-popup .popup-bottom-links a{
    font-weight: 600;
    color: #5A5A5A;
}
@media screen and (max-width: 991px) {
    .cliverse-popup{
        margin: 20px 30px;
        overflow-y: auto;
        max-height: calc(100vh - 40px);
    }
}
@media screen and (max-width: 767px) {
    .cliverse-popup-background{
        overflow: hidden;
    }
    .cliverse-popup-background:before{
        background-image: none;
        background: linear-gradient(180deg, #FFF -5.54%, #CED6FF 58.81%, #FFCCC9 123.52%);
        top: -10px;
        bottom: -10px;
        left: -10px;
        right: -10px;
    }
}