.popup-container {
    max-height: 80vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border-radius: 30px !important;
    background: #FFF;
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 64.815px 46.852px 0px rgba(0, 0, 0, 0.05), 0px 38.519px 25.481px 0px rgba(0, 0, 0, 0.04), 0px 20px 13px 0px rgba(0, 0, 0, 0.04), 0px 8.148px 6.519px 0px rgba(0, 0, 0, 0.03), 0px 1.852px 3.148px 0px rgba(0, 0, 0, 0.02);
    border: none !important;
}

    .popup-container .wrap-zero {
        width: 650px;
        padding: 60px 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

        .popup-container .wrap-zero p {
            color: #170021;
            text-align: center;
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 135%;
            width: 348px;
        }

    .popup-container::-webkit-scrollbar-thumb {
        background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
    }

    .popup-container .wrap-step {
        height: 100%;
        padding: 60px 0px;
        display: flex;
        flex-direction: column;
        height: max-content !important;
    }

        .popup-container .wrap-step h1 {
            color: #690097 !important;
            text-align: center;
            font-family: Bebas !important;
            font-size: 36px !important;
            font-style: normal;
            font-weight: 500 !important;
            line-height: 100% !important;
            padding-bottom: 24px;
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
        }

        .popup-container .buyTarifStep1 {
            height: max-content !important;
        }

            .popup-container .wrap-step h1 hr {
                margin: 0;
                height: 5px;
                width: 315px;
                border: none;
                outline: none;
                border-radius: 30px;
                background: linear-gradient(134deg, #B200FF 14.85%, #FF00F5 86.52%);
            }

        .popup-container .wrap-step .Balls-close .ball-1,
        .popup-container .wrap-step .Balls-close .ball-2,
        .popup-container .wrap-step .Balls-close .ball-3 {
            width: 24px;
            height: 24px;
            background-color: #EAE9E9;
        }

        .popup-container .wrap-step .Balls-close .line-1,
        .popup-container .wrap-step .Balls-close .line-2 {
            height: 1px;
            background-color: #EAE9E9;
            border: none;
            top: 12px;
        }

        .popup-container .wrap-step .step-indicator .step {
            color: rgba(23, 0, 33, 0.70);
            font-family: Montserrat;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 100%;
        }

        .popup-container .wrap-step .step-indicator {
            height: 90px;
        }

            .popup-container .wrap-step .step-indicator .text-cl-kk {
                color: #170021;
                font-family: Montserrat;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 140%;
            }


        .popup-container .wrap-step .center .log-in-cl-kk {
            margin-right: 10px;
            height: max-content;
            width: max-content;
            color: #FFF;
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 100%;
            padding: 20px 40px;
            border-radius: 30px;
            background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
        }

        .popup-container .wrap-step .center .sign-in-cl-kk {
            height: max-content;
            width: max-content;
            color: #B200FF;
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 100%;
            padding: 19px 35px;
            border-radius: 30px;
            border: 1px solid #B200FF;
        }

        .popup-container .wrap-step .downblock-text-kk {
            margin: 0;
            margin-top: 20px;
            width: 389px;
            color: #170021;
            text-align: center;
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 135%;
            align-self: center;
        }

    .popup-container .wrap-step3 .downblock-text-kk {
        width: 464px;
    }

    .popup-container .wrap-step .downblock-text-kk a {
        color: #170021;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 135%;
        text-decoration-line: underline;
    }

    .popup-container .wrap-step .downblock-firstComp {
        width: 450px !important;
    }

        .popup-container .wrap-step .downblock-firstComp a {
            color: #170021;
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: 135%;
            text-decoration-line: underline;
        }

    .popup-container .wrap-step .Balls-close .b-1-comp,
    .popup-container .wrap-step .Balls-close .b-2-comp,
    .popup-container .wrap-step .Balls-close .b-3-comp {
        border: none;
        background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
    }

    .popup-container .wrap-step .Balls-close .l-1-comp,
    .popup-container .wrap-step .Balls-close .l-2-comp {
        background: #690097;
    }


.customCheckboxContainerActive {
    max-width: 15px;
    min-width: 15px;
    width: 100%;
    max-height: 15px;
    min-height: 15px;
    height: 100%;
    cursor: pointer;
    background-image: url("/main-images/customCheckboxActive.svg");
    border: none;
    border-radius: 0px;
}



    .popup-container .wrap-registration,
    .popup-container .wrap-login {
        width: 430px !important;
        padding: 60px !important;
        display: flex;
        flex-direction: column;
        gap: 10px;
        height: max-content !important;
    }

    .popup-container .wrap-profile-nda {
        width: 450px;
        padding: 60px 0px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        height: max-content;
    }

    .popup-container .wrap-login .login-header-log-in {
        margin: 0;
    }

    .popup-container .wrap-profile-nda h2 {
        width: 280px;
        align-self: center;
    }

    .popup-container .wrap-registration .registration-header,
    .popup-container .wrap-login .login-header-log-in,
    .popup-container .wrap-profile-nda h2 {
        color: #690097;
        text-align: center;
        font-family: Bebas;
        font-size: 36px;
        font-style: normal;
        font-weight: 500 !important;
        line-height: 100%;
        padding-bottom: 24px;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        padding-bottom: 10px;
        margin-bottom: 0;
    }

        .popup-container .wrap-profile-nda h2 hr {
            margin: 0;
            height: 5px;
            width: 230px;
            border: none;
            outline: none;
            border-radius: 30px;
            background: linear-gradient(134deg, #B200FF 14.85%, #FF00F5 86.52%);
        }

    .popup-container .wrap-profile-nda .form-content .input-container label {
        margin: 0;
        color: #690097;
        font-family: Montserrat;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
    }

    .popup-container .wrap-registration .registration-header hr,
    .popup-container .wrap-login .login-header-log-in hr {
        margin: 0;
        height: 5px;
        width: 230px;
        border: none;
        outline: none;
        border-radius: 30px;
        background: linear-gradient(134deg, #B200FF 14.85%, #FF00F5 86.52%);
    }

    .popup-container .wrap-registration .input-container *,
    .popup-container .wrap-login .input-container * {
        margin: 0;
    }

    .popup-container .wrap-registration .input-container,
    .popup-container .wrap-login .input-container {
        gap: 8px;
    }

        .popup-container .wrap-registration .input-container label,
        .popup-container .wrap-login .input-container label {
            color: #690097;
            font-family: Montserrat;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 100%;
        }

        .popup-container .wrap-registration .input-container input,
        .popup-container .wrap-login .input-container input {
            color: rgba(23, 0, 33, 0.75) !important;
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 100%;
            border-radius: 5px;
            background: #EAE9E9 !important;
            width: 100%;
            height: max-content;
            padding: 20px;
        }

            .popup-container .wrap-login .input-container input:-webkit-autofill,
            .popup-container .wrap-login .input-container input:autofill,
            .popup-container .wrap-login .input-container input:-webkit-autofill:focus {
                color: rgba(23, 0, 33, 0.75) !important;
                font-family: Montserrat;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 100%;
                border-radius: 5px;
                background: #EAE9E9 !important;
                width: 100%;
                height: max-content;
                padding: 20px;
            }

            .popup-container .wrap-login .input-container input:not(:placeholder-shown) {
                color: rgba(23, 0, 33, 0.75) !important;
                font-family: Montserrat;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 100%;
                border-radius: 5px;
                background: #EAE9E9 !important;
                width: 100%;
                height: max-content;
                padding: 20px;
            }

            .popup-container .wrap-registration .input-container input::placeholder,
            .popup-container .wrap-login .input-container input::placeholder {
                color: rgba(23, 0, 33, 0.75) !important;
                opacity: 1;
                font-family: Montserrat;
                font-size: 14px;
                font-style: normal;
                font-weight: 400 !important;
                line-height: 100%;
            }

        .popup-container .wrap-registration .input-container .gender-checkboxes {
            gap: 32px;
            padding-bottom: 10px;
        }

            .popup-container .wrap-registration .input-container .gender-checkboxes .checkbox-div {
                gap: 10px;
            }

                .popup-container .wrap-registration .input-container .gender-checkboxes .checkbox-div .customCheckboxContainer {
                    width: 15px !important;
                    height: 15px !important;
                    background-image: url('/main-images/checkBoxNotActive.svg');
                    cursor: pointer;
                }

                .popup-container .wrap-registration .input-container .gender-checkboxes .checkbox-div label {
                    color: #170021;
                    font-family: Montserrat;
                    font-size: 12px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 140%;
                }

    .popup-container .wrap-registration .checkbox-div:nth-child(9) *,
    .popup-container .wrap-registration .checkbox-div:nth-child(10) *,
    .popup-container .wrap-registration .checkbox-div:nth-child(11) * {
        margin: 0;
    }

    .popup-container .wrap-registration .checkbox-div:nth-child(9),
    .popup-container .wrap-registration .checkbox-div:nth-child(10),
    .popup-container .wrap-registration .checkbox-div:nth-child(11) {
        margin: 0;
        gap: 10px;
    }

    .popup-container .wrap-registration .checkbox-div:nth-child(9) {
        padding-top: 10px;
    }

    .popup-container .customCheckboxContainer {
        min-width: 15px !important;
        min-height: 15px !important;
        background-image: url('/main-images/checkBoxNotActive.svg');
        cursor: pointer;
    }

    .popup-container .wrap-registration .checkbox-div:nth-child(9) label,
    .popup-container .wrap-registration .checkbox-div:nth-child(10) label,
    .popup-container .wrap-registration .checkbox-div:nth-child(11) label {
        color: #170021;
        font-family: Montserrat;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        width: 100%;
    }

    .popup-container .wrap-registration .checkbox-div:nth-child(11) label {
        width: 270px;
    }

        .popup-container .wrap-registration .checkbox-div:nth-child(11) label a {
            color: #170021;
            font-family: Montserrat;
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: 140%;
            text-decoration-line: underline;
        }

    .popup-container .wrap-registration button:nth-child(12),
    .popup-container .wrap-login .log-in-cl-kk-log-in {
        color: #FFF;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        border-radius: 30px;
        background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
        padding: 20px 0px;
        width: 100%;
        border: none;
        height: max-content;
        margin-top: 10px;
    }

    .popup-container .wrap-login .log-in-cl-kk-log-in {
        margin-bottom: 0;
    }

    .popup-container .wrap-login .login-ecp-log-in {
        color: #B200FF;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        border-radius: 30px;
        border: 1px solid #B200FF;
        padding: 20px 0px;
        width: 100%;
        background: none;
        height: max-content;
        margin-top: 0;
    }

        .popup-container .wrap-login .login-ecp-log-in:hover {
            background: none;
            color: #B200FF;
        }

    .popup-container .wrap-login .checkbox-forgot-log-in * {
        margin: 0;
    }

    .popup-container .wrap-login .checkbox-forgot-log-in {
        padding-top: 10px;
    }

        .popup-container .wrap-login .checkbox-forgot-log-in .checkbox-div {
            gap: 10px;
        }

            .popup-container .wrap-login .checkbox-forgot-log-in .checkbox-div label {
                color: #170021;
                font-family: Montserrat;
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
                line-height: 140%;
            }

        .popup-container .wrap-login .checkbox-forgot-log-in a {
            color: #170021;
            text-align: right;
            font-family: Montserrat !important;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
        }

    .popup-container .closeBtn-log-in {
        padding: 15px 15px 0px 0px !important;
    }

    .popup-container .wrap-profile-nda .form-content .input-container #entityType {
        display: none;
    }

    .popup-container .wrap-profile-nda .form-content {
        padding: 0px 60px;
    }

        .popup-container .wrap-profile-nda .form-content .input-container .customSelect {
            position: relative;
            padding-top: 8px;
        }

            .popup-container .wrap-profile-nda .form-content .input-container .customSelect .activeOption {
                padding: 20px 24px 20px 20px;
                border-radius: 5px;
                background: #EAE9E9;
                color: rgba(23, 0, 33, 0.75);
                font-family: Montserrat;
                font-size: 13px;
                font-style: normal;
                font-weight: 400;
                line-height: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;
                cursor: pointer;
            }

            .popup-container .wrap-profile-nda .form-content .input-container .customSelect .customOptionMenu {
                padding: 20px;
                width: 330px;
                display: flex;
                flex-direction: column;
                gap: 5px;
                background-color: white;
                border-radius: 5px;
                z-index: 1000;
            }

                .popup-container .wrap-profile-nda .form-content .input-container .customSelect .customOptionMenu span {
                    color: #170021;
                    font-family: Montserrat;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 140%;
                    cursor: pointer;
                }

                .popup-container .wrap-profile-nda .form-content .input-container .customSelect .customOptionMenu .activeOptionMenu {
                    color: #B200FF;
                    font-family: Montserrat;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 140%;
                    text-decoration-line: underline;
                }

    .popup-container .wrap-profile-nda .nda-form {
        width: 100%;
        height: max-content;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

        .popup-container .wrap-profile-nda .nda-form .input-container {
            display: flex;
            flex-direction: column;
            gap: 8px;
            width: 100%;
            padding: 0px 60px;
        }

        .popup-container .wrap-profile-nda .nda-form .passport {
            padding: 0px 60px;
        }

            .popup-container .wrap-profile-nda .nda-form .passport .input-container {
                padding: 0;
            }

        .popup-container .wrap-profile-nda .nda-form .input-container * {
            margin: 0;
        }

        .popup-container .wrap-profile-nda .nda-form .input-container label {
            color: #690097;
            font-family: Montserrat;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 100%;
        }

        .popup-container .wrap-profile-nda .nda-form .input-container input {
            padding: 20px;
            border-radius: 5px;
            background: #EAE9E9;
            color: rgba(23, 0, 33, 0.75);
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 100%;
            height: max-content;
            width: 100%;
            opacity: 1;
        }

            .popup-container .wrap-profile-nda .nda-form .input-container input::placeholder {
                color: rgba(23, 0, 33, 0.75);
                font-family: Montserrat;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 100%;
                opacity: 1;
            }

        .popup-container .wrap-profile-nda .nda-form .checkbox-div,
        .popup-container .wrap-profile-nda .nda-form .checkbox-container {
            gap: 10px;
            margin-top: 10px;
            display: flex;
            align-items: center;
            padding: 0px 60px;
        }

            .popup-container .wrap-profile-nda .nda-form .checkbox-div label,
            .popup-container .wrap-profile-nda .nda-form .checkbox-container label {
                margin: 0;
                color: #170021;
                font-family: Montserrat;
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
                line-height: 140%;
            }

                .popup-container .wrap-profile-nda .nda-form .checkbox-div label a,
                .popup-container .wrap-profile-nda .nda-form .checkbox-container label a {
                    color: #170021;
                    font-family: Montserrat;
                    font-size: 12px;
                    font-style: normal;
                    font-weight: 700 !important;
                    line-height: 140%;
                    text-decoration-line: underline;
                }

        .popup-container .wrap-profile-nda .nda-form .save-btn {
            color: #FFF;
            text-align: center;
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 100%;
            border-radius: 30px;
            background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
            padding: 20px 0px;
            width: 100%;
            height: max-content;
            margin: 0px 60px;
            margin-top: 10px;
            margin-bottom: 0 !important;
        }

    .popup-container .wrap-profile-nda .nda-form {
        margin-top: 0;
    }

.footer {
    margin-top: 50px !important;
}

.popup-container svg {
    fill: #690097 !important;
}

.popup-container .wrap-business {
    gap: 10px;
    padding: 60px 64px;
    height: max-content !important;
}

    .popup-container .wrap-business .center p {
        margin: 0 !important;
        color: #170021;
        text-align: center;
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 135%;
        padding-top: 10px;
    }

        .popup-container .wrap-business .center p a {
            color: #170021;
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: 135%;
            text-decoration-line: underline;
        }


    .popup-container .wrap-business h1 {
        color: #690097 !important;
        text-align: center !important;
        font-family: Bebas !important;
        font-size: 36px !important;
        font-style: normal;
        font-weight: 500 !important;
        line-height: 100% !important;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        margin-bottom: 0;
        height: max-content !important;
    }

        .popup-container .wrap-business h1 hr {
            margin: 0;
            height: 5px;
            width: 230px;
            border: none;
            outline: none;
            border-radius: 30px;
            background: linear-gradient(134deg, #B200FF 14.85%, #FF00F5 86.52%);
        }

    .popup-container .wrap-business .center:last-child {
        margin-top: 10px;
        width: 100%;
    }

    .popup-container .wrap-business .center button {
        margin: 0 !important;
        padding: 20px 0px;
        width: 100%;
        height: max-content;
        color: #FFF;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        border-radius: 30px;
        background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
    }

.popup-container h2,
.popup-container h1 {
    color: #690097 !important;
    text-align: center !important;
    font-family: Bebas !important;
    font-size: 36px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 100% !important;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-bottom: 0;
    margin: 0 !important;
}

    .popup-container h2 hr,
    .popup-container h1 hr {
        margin: 0;
        height: 5px;
        width: 230px;
        border: none;
        outline: none;
        border-radius: 30px;
        background: linear-gradient(134deg, #B200FF 14.85%, #FF00F5 86.52%);
    }

.popup-container .wrap-congrats {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: max-content;
    padding: 60px 59px;
}

    .popup-container .wrap-congrats p {
        color: #170021;
        text-align: center;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 135%;
        width: 85%;
        padding-top: 10px;
    }

    .popup-container .wrap-congrats button:last-child {
        width: max-content;
        margin-top: 10px;
        color: #FFF;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        padding: 20px 40px;
        height: max-content;
        border-radius: 30px;
        background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
    }


.popup-container .error-message {
    padding: 8px 60px;
    border-radius: 0px 30px 30px 0px;
    background: linear-gradient(134deg, rgba(178, 0, 255, 0.30) 14.85%, rgba(255, 0, 245, 0.30) 86.52%);
    backdrop-filter: blur(2px);
    width: 390px;
    color: #690097;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    display: flex;
    gap: 10px;
    align-items: center;
}


.popup-container .mt-3 {
    margin-top: 0 !important;
}

    .popup-container .mt-3 .mb-3 {
        padding-bottom: 30px !important;
        padding-top: 30px !important;
    }

        .popup-container .mt-3 .mb-3 .col-lg-auto {
            display: none;
        }

        .popup-container .mt-3 .mb-3 .col-lg-4 {
            padding-left: 30px !important;
            padding-right: 30px !important;
        }

            .popup-container .mt-3 .mb-3 .col-lg-4 button {
                margin-bottom: 0 !important;
                color: #FFF;
                font-family: Montserrat;
                font-size: 14px !important;
                font-style: normal;
                font-weight: 500;
                line-height: 100%;
                border: none !important;
                height: max-content;
                width: 100%;
                padding: 20px 0px !important;
                border-radius: 30px;
                border-radius: 30px;
                background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
            }





.closePopap {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(255, 255, 255, 0.4);
    top: 0;
    left: 0;
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .closePopap .closeWrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        padding: 60px 0px;
        width: 650px;
        position: relative;
        height: 326px;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 64.815px 46.852px 0px rgba(0, 0, 0, 0.05), 0px 38.519px 25.481px 0px rgba(0, 0, 0, 0.04), 0px 20px 13px 0px rgba(0, 0, 0, 0.04), 0px 8.148px 6.519px 0px rgba(0, 0, 0, 0.03), 0px 1.852px 3.148px 0px rgba(0, 0, 0, 0.02);
    }

        .closePopap .closeWrap svg {
            fill: #690097;
            position: absolute;
            top: 25px;
            right: 25px;
            cursor: pointer;
        }

        .closePopap .closeWrap h2 {
            color: #690097;
            text-align: center;
            font-family: Bebas;
            font-size: 36px;
            font-style: normal;
            font-weight: 500 !important;
            line-height: 100%;
            display: flex;
            flex-direction: column;
            gap: 4px;
            align-items: center;
            margin-bottom: 0;
        }

            .closePopap .closeWrap h2 hr {
                width: 315px;
                border-radius: 30px;
                background: linear-gradient(134deg, #B200FF 14.85%, #FF00F5 86.52%);
                height: 5px;
                margin: 0;
            }

        .closePopap .closeWrap p {
            color: #170021;
            text-align: center;
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 135%;
            padding-top: 10px;
            width: 426px;
        }

        .closePopap .closeWrap span {
            cursor: pointer;
            color: #FFF;
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 100%;
            padding: 20px 30px;
            border-radius: 30px;
            background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
        }






@media screen and (max-width: 700px) {
    .popup-container {
        width: 370px;
    }

        .popup-container .wrap-zero {
            width: 100%;
            padding: 60px 45px;
        }

            .popup-container .wrap-zero p {
                width: 100%;
            }

        .popup-container .wrap-step2 {
            width: 100% !important;
        }

        .popup-container .wrap-step h1 {
            width: 280px;
            align-self: center;
        }

        .popup-container .wrap-step .step-indicator .text-cl-kk {
            font-size: 12px;
        }

        .popup-container .wrap-step .center .log-in-cl-kk {
            padding: 15px 0px;
            margin-right: 0;
            width: 310px;
            margin-top: 20px;
        }

        .popup-container .wrap-step .step-indicator {
            height: 51px;
        }

        .popup-container .wrap-step .downblock-firstComp {
            font-size: 12px;
            padding: 0px 33px;
            width: 100% !important;
        }

            .popup-container .wrap-step .downblock-firstComp a {
                font-size: 12px;
            }

        .popup-container .wrap-step .center .log-button {
            padding: 16px 30px;
            font-size: 14px;
            width: max-content;
            margin-top: 20px;
        }

        .popup-container .wrap-step .center .sign-in-cl-kk {
            padding: 15px 20px;
            font-size: 14px;
            width: max-content;
            margin-top: 20px;
            margin-left: 10px;
        }

        .popup-container .wrap-step .downblock-text-kk {
            font-size: 12px;
            width: 100%;
            padding: 0px 33px;
            margin-left: 10px;
        }

        .popup-container .wrap-step {
            width: 100% !important;
            padding: 60px 0px !important;
        }

            .popup-container .wrap-step h1 hr {
                width: 280px;
            }

        .popup-container .wrap-login,
        .popup-container .wrap-registration,
        .popup-container .wrap-business {
            width: 100%;
            padding: 60px 30px;
        }

        .popup-container .wrap-profile-nda {
            width: 370px !important;
        }

        .popup-container .wrap-login .log-in-cl-kk-log-in {
            padding: 15px 0px;
        }

        .popup-container .wrap-login .login-ecp-log-in {
            padding: 14px 0px;
        }

        .popup-container .wrap-registration button:nth-child(12) {
            padding: 15px 0px;
        }

        .popup-container .close-btn {
            padding: 25px 25px 0px 0px !important;
        }

        .popup-container .wrap-step3 .downblock-text-kk {
            padding: 0px 43px;
        }

            .popup-container .wrap-step3 .downblock-text-kk a {
                font-size: 12px;
            }

        .popup-container .close-btn button {
            padding: 0 !important;
        }

        .popup-container .wrap-business .center p {
            font-size: 12px;
        }

            .popup-container .wrap-business .center p a {
                font-size: 12px;
            }

        .popup-container .wrap-business .center button {
            padding: 15px 5px;
            width: 100% !important;
        }

        .popup-container .wrap-congrats {
            width: 100%;
            padding: 60px 38px;
        }

            .popup-container .wrap-congrats p {
                font-size: 12px;
            }

            .popup-container .wrap-congrats button:last-child {
                padding: 15px 25px;
            }

            .popup-container .wrap-congrats p {
                width: 70%;
            }

        .popup-container .wrap-profile-nda .form-content,
        .popup-container .wrap-profile-nda .nda-form .input-container,
        .popup-container .wrap-profile-nda .nda-form .passport,
        .popup-container .wrap-profile-nda .nda-form .checkbox-div,
        .popup-container .wrap-profile-nda .nda-form .checkbox-container {
            padding: 0px 30px;
        }

        .popup-container .wrap-profile-nda .nda-form .passport {
            flex-direction: row;
            gap: 10px;
        }

            .popup-container .wrap-profile-nda .nda-form .passport .input-container {
                padding: 0;
                width: 50%;
            }

        .popup-container .wrap-profile-nda .nda-form .save-btn {
            margin: 0px 30px;
            margin-top: 10px;
        }

        .popup-container .wrap-profile-nda .nda-form .save-btn {
            padding: 15px 0px;
        }

        .popup-container .error-message {
            width: 80%;
            padding: 8px 30px;
        }

    .closePopap .closeWrap {
        width: 90%;
        padding: 60px 42px;
        height: max-content;
    }

        .closePopap .closeWrap h2 hr {
            width: 90%;
        }

        .closePopap .closeWrap p {
            width: 100%;
            font-size: 12px;
        }

        .closePopap .closeWrap span {
            padding: 16px 19px;
        }

    .bl-1-f-2 {
        width: 40% !important;
    }

    .popup-container .wrap-business {
        height: max-content !important;
    }
}

@media screen and (max-width: 380px) {
    .popup-container .wrap-congrats {
        width: !important;
    }

    .popup-container .wrap-business {
        width: 100% !important;
        height: max-content !important;
    }
    .bl-1-f-2 {
        width: 30% !important;
    }

    .popup-container .wrap-profile-nda .nda-form .input-container input {
        margin-top: auto !important;
    }

    .popup-container .wrap-profile-nda {
        width: 100% !important;
    }

    .popup-container {
        width: 90% !important;
    }

        .popup-container .wrap-step .center .log-in-cl-kk {
            width: 90%;
            font-size: 10px;
        }

        .popup-container .wrap-step .step-indicator .text-cl-kk {
            font-size: 8px;
        }

        .popup-container .wrap-step .step-indicator {
            margin-left: 50px;
        }

        .popup-container .wrap-step .downblock-firstComp {
            font-size: 10px;
        }

            .popup-container .wrap-step .downblock-firstComp a {
                font-size: 10px;
            }

        .popup-container .wrap-step h1 {
            font-size: 28px;
            width: 80%;
        }

        .popup-container .wrap-step .step-indicator {
            margin-left: 30px;
        }

    .bl-1-f-2 {
        left: 30% !important;
    }

    .bl-1-f-3 {
        left: 68% !important;
    }

    .bl-1-f-3 {
        width: 20% !important;
    }

    .popup-container .wrap-step .Balls-close .ball-1, 
    .popup-container .wrap-step .Balls-close .ball-2, 
    .popup-container .wrap-step .Balls-close .ball-3 {
        min-width: 24px;
        min-height: 24px;
        max-width: 24px;
        max-height: 24px;
    }

    .popup-container .wrap-step .center:nth-child(5) {
        flex-direction: column;
        padding: 0px 20px;
        align-items: center;
        gap: 10px;
    }

    .popup-container .wrap-step .center .log-button {
        width: 100%;
        font-size: 14px;
        margin-top: 10px;
    }

    .popup-container .wrap-step h1 hr {
        width: 90%;
    }


    .popup-container .wrap-step .center .sign-in-cl-kk {
        margin: 0;
        width: 100%;
    }

    .popup-container .wrap-step .downblock-text-kk {
        margin: 0;
        margin-top: 20px;
        padding: 0px 20px;
    }

    .popup-container .wrap-login .login-header-log-in,
    .popup-container .wrap-business h1,
    .popup-container .wrap-profile-nda h2 {
        font-size: 28px;
    }

        .popup-container .wrap-login .login-header-log-in hr {
            width: 90%;
        }

    .popup-container .wrap-login,
    .popup-container .wrap-registration,
    .popup-container .wrap-business,
    .popup-container .wrap-congrats {
        padding: 60px 15px;
    }

    .popup-container .wrap-profile-nda .nda-form .input-container label {
        font-size: 10px;
    }

    .popup-container .wrap-profile-nda .nda-form .input-container input {
        padding: 15px;
    }

    .popup-container .wrap-profile-nda .form-content .input-container .customSelect .customOptionMenu {
        width: 98%;
    }

    .closePopap .closeWrap {
        padding: 60px 20px;
        width: 95%;
    }

        .closePopap .closeWrap h2 {
            font-size: 28px;
        }

        .closePopap .closeWrap p {
            padding-top: 0;
        }

    .popup-container .wrap-step h1 {
        font-size: 26px !important;
    }
}