body {
    margin: 0;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
}
.register-page {height: 100vh}
.left-panel {
    display: flex;
    justify-content: center;
    align-items: center;
}
.row_register_page_border {
    border: 1px solid #ccc;
    border-radius: 15px;
}
.login-box {
    width: 360px;
    text-align: center;
}
.login-box h1 {
    font-size: 32px;
    margin-bottom: 30px;
    font-weight: 600;
}
#collaboratorForm .form-group input.form_input_login_email {
    width: auto;
    padding: 10px 12px;
    border: 2px solid #0026ff;
    border-radius: 15px;
    font-size: 15px;
    outline: none;
    transition: 0.3s;
}
.js_show_login a {
    background: #1d4ed8 !important;
    color: #fff !important;
    width: 100%;
    display: block;

    /* padding: 5px 16px;
      */
    height: 48px;
    text-align: center;
    line-height: 48px;
    border-radius: 15px;
    margin-bottom: 10px;
}
.btn-secondary.disabled,
.btn-secondary:disabled {border-radius: 15px}
.btn,
.form-group input {border-radius: 15px}
.input-group>.custom-select:not(: first-child),
.input-group>.form-control:not(: first-child) {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.btn-social {
    width: 100%;
    height: 48px;
    border: 1px solid #53b8ff;
    background: #fff;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-weight: 600;
    transition: .3s;
    border-radius: 15px;
}
.btn-social a,
.js_btn_google a {color: #000 !important}
.js_btn_google {
    width: 100%;
    height: 48px;
    border: 1px solid #53b8ff;
    background: #fff;
    border-radius: 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-weight: 600;
    transition: .3s;
}
.btn-social:hover {background: #f6faff}
.facebook i {
    position: absolute;
    left: 18px;
    color: #1877f2;
    font-size: 22px;
}
.google img {
    width: 20px;
    position: absolute;
    left: 18px;
}
.other-option {
    margin-top: 35px;
    margin-bottom: 15px;
    color: #1677ff;
    font-weight: 600;
    font-size: 16px;
}
.other-option a {cursor: pointer}
.other-option a:hover {
    color: #1877f2;

    /*font-weight: 600;
      */
    text-decoration: revert !important;
}
.small-text {
    color: #777;
    font-size: 14px;
    line-height: 24px;
}
.login-link {margin: 55px 0 25px}
.login-link a {
    color: #007bff;
    font-weight: 600;
}
.js_btn_continue {height: 48px}
.policy {
    font-size: 13px;
    color: #777;
    line-height: 22px;
}
.policy a {color: #2196f3}
.guest-link {
    display: inline-block;
    margin-top: 30px;
    color: #2196f3;
    font-weight: 600;
}
.right-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.premium-text {
    text-align: center;
    font-size: 16px;
    margin-bottom: 60px;
}
.premium-text a {
    color: #4CAF50;
    font-weight: 700;
}
.image-container img {max-width: 100%}
svg.icon {
    width: 1em;
    height: 1em;
    fill: currentColor;
    display: inline-block;
    vertical-align: -0.125em;
}
.register-modal {
    border: 0;
    border-radius: 15px;
    overflow: hidden;
}
.modal-banner {
    background: #dff0ff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px;
}
.banner-text {
    width: 70%;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.3;
    color: #333;
}
.modal-banner img {width: 80px}
.close-modal {
    position: absolute;
    top: 8px;
    right: 12px;
    z-index: 10;
    opacity: 1;
    font-size: 28px;
}
.modal-body {padding: 25px}
.modal-body label {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 8px;
}
.modal-body .form-control {
    height: 46px;
    border-radius: 15px;
    font-size: 14px;
}
.btn-continue {
    height: 46px;
    border-radius: 25px;
    background: #e8e8e8;
    color: #999;
    font-weight: 600;
    border: none;
}
.btn-continue:hover {background: #ddd}
.back-link {
    color: #1a73e8;
    font-weight: 600;
}
.small-text {
    font-size: 13px;
    color: #666;
    text-align: center;
    line-height: 22px;
}
.policy {
    margin-top: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
    color: #666;
}
.policy a {font-weight: 600}
.guest-link {
    display: inline-block;
    margin-top: 25px;
    color: #1a73e8;
    font-weight: 600;
}
.js_country_wrapper {
    width: 150px;
    margin-right: 0;
}
.js_country_wrapper .select2-container {width: 150px !important}
.js_country_wrapper .select2-selection {
    height: 46px !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.js_country_wrapper .select2-selection__rendered {
    line-height: 44px !important;
    font-size: 14px;
}
.js_country_wrapper .select2-selection__arrow {
    height: 44px !important;
    font-size: 14px;
}
.js_account {
    height: 46px;
    font-size: 14px;
}
.js_show_hidden {display: none}
.js_btn_continue.success {
    background: #28a745;
    border-color: #28a745;
    color: #fff;
}
.js_btn_continue.loading {cursor: not-allowed}
.input-group>.form-control {

    /*border-left: 0;
      */;
}
.otp-box {gap: 10px}
.otp-input {
    width: 48px;
    height: 52px;
    text-align: center;
    font-size: 26px;
    border: 1px solid #ddd;
    border-radius: 8px;
}
.otp-input:focus {
    border-color: #007bff;
    outline: none;
}
.clRed {color: red}
.step_res1 .form-group {margin-bottom: 5px}
.error_reg_mess,
.js_error_email_validate,
.js_error_phone_validate {
    font-style: italic;
    font-size: 14px;
    color: red;
}
.btn-submit {
    background: #2d4796 !important;
    border: 1px solid #2d4796 !important;
    color: #fff;
    width: 160px;
    padding: 12px;
    border-radius: 15px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    margin-top: 15px;
}
.modal-content {border-radius: 15px}
.modal-banner {
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.js_success_email_validate,
.js_success_phone_validate {
    color: #28a745 !important;
    font-style: italic;
    font-size: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 44px;
    font-size: 14px;
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 46px;
    line-height: 46px;
    user-select: none;
    -webkit-user-select: none;
    border-radius: 15px;
}
.input-group-prepend {max-width: 180px}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: white;
    font-size: 13px;
}
.select2-container--default .select2-results__option--selected {
    background-color: #ddd;
    font-size: 13px;
}
.select2-results__option--selectable {
    cursor: pointer;
    font-size: 13px;
}
.note_otp_sms {
    margin-bottom: 0;
    text-align: center;
    font-style: italic;
    font-size: 14px;
    color: #000;
    margin-top: 10px;
}
.note_otp_sms span {
    font-weight: 600;
    font-style: initial;
    font-size: 15px;
}
#collaboratorForm .form-group input.form_input_login {
    width: 100%;
    padding: 10px 12px;
    border: 2px solid #0026ff;
    border-radius: 15px;
    font-size: 15px;
    outline: none;
    transition: 0.3s;
}
#collaboratorForm a.back_link {
    border-radius: 15px;
    padding: 12px 24px;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;

    /* background: #377dff !important;
      */
    color: #fff !important;
    margin-right: 10px;
    background: linear-gradient(to right, #ffb700, #ff9500);
}
.btn-submit {
    background: #2d4796 !important;
    border: 1px solid #2d4796 !important;
    color: #fff;
    width: 200px;
    padding: 12px;
    border-radius: 15px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}
.modal-country {
    border-radius: 25px;
    overflow: hidden;
}
.modal-country .modal-header {padding: 22px 22px 10px}
.modal-country .modal-title {
    font-size: 34px;
    font-weight: 700;
}
.btn-close-country {
    width: 48px;
    height: 48px;
    border: 2px solid #9acd32;
    border-radius: 50%;
    opacity: 1;
    color: #2c6ef2;
    font-size: 32px;
    line-height: 42px;
    outline: none;
    background: #fff;
}
.country-list {
    max-height: 500px;
    overflow: auto;
}
.country-item {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 18px 25px;
    border-bottom: 1px solid #efefef;
    margin: 0;
}
.country-item:hover {background: #fafafa}
.country-item input {display: none}
.radio-custom {
    width: 24px;
    height: 24px;
    border: 2px solid #ddd;
    border-radius: 50%;
    position: relative;
    margin-right: 18px;
}
.country-item input:checked+.radio-custom {border-color: #2f80ed}
.country-item input:checked+.radio-custom:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #2f80ed;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 5px;
}
.flag {
    font-size: 20px;
    margin-right: 15px;
    width: 28px;
}
.country-name {
    font-size: 20px;
    color: #333;
}
.modal-footer {
    display: block;
    padding: 20px;
}
.btn-select-country {
    height: 56px;
    border-radius: 40px;
    font-size: 22px;
    font-weight: 600;
}
.button_country_select {
    border: 1px solid #ced4da;
    padding: 5px 10px;
}
.button_country_select span {font-size: 14px}
.button_country_select span img {
    width: 30px;
    margin: 0 5px;
    border: 1px solid #ccc;
}
.button_country_select span.js_c_iso {
    margin: 0 5px;
    text-transform: uppercase;
    font-weight: 600;
}
.button_country_select span.js_check_icon {
    background-color: rgb(209, 240, 255);
    border-radius: 50%;
    padding: 5px;
}
.button_country_select span.js_check_icon svg {
    width: 10px;
    height: 15px;
    fill: rgb(33 38 42 / 71%);
}
.modalCountry .modal-country {
    border-radius: 25px;
    overflow: hidden;
}
.modalCountry .modal-country .modal-header {padding: 22px 22px 10px}
.modalCountry .modal-country .modal-title {
    font-size: 24px;
    font-weight: 700;
}
.modalCountry .btn-close-country {
    width: 30px;
    height: 30px;
    border: 2px solid #9acd32;
    border-radius: 50%;
    opacity: 1;
    color: #2c6ef2;
    font-size: 26px;
    line-height: 30px;
    outline: none;
    background: #fff;
    padding: 0;
}
.modalCountry .flag_c_image img {
    width: 40px;
    margin-right: 8px;
}
.modalCountry .country-list {
    max-height: 500px;
    overflow: auto;
}
.modalCountry .country-item {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 15px 20px;
    border-bottom: 1px solid #efefef;
    margin: 0;
}
.modalCountry .country-item:hover {background: #fafafa}
.modalCountry .country-item input {display: none}
.modalCountry .radio-custom {
    width: 24px;
    height: 24px;
    border: 2px solid #ddd;
    border-radius: 50%;
    position: relative;
    margin-right: 18px;
}
.modalCountry .country-item input:checked+.radio-custom {border-color: #2f80ed}
.modalCountry .country-item input:checked+.radio-custom:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #2f80ed;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 5px;
}
.modalCountry .flag {
    font-size: 20px;
    margin-right: 15px;
    width: 28px;
}
.modalCountry .country-name,
.modalCountry_res .country-name {
    font-size: 16px;
    color: #333;
}
.modalCountry .modal-footer,
.modalCountry_res .modal-footer {
    display: block;
    padding: 20px;
}
.modalCountry .btn-select-country {
    height: 56px;
    border-radius: 40px;
    font-size: 22px;
    font-weight: 600;
}
.modalCountry {z-index: 2000}
.cus_account_group {margin-bottom: 10px}
.cus_account_group small {
    display: block;
    margin-top: 10px;
}
@media(max-width: 991px) {
    .register-page {
        height: auto;
        padding: 40px 0;
    }
    .right-panel {margin-top: 60px}
    .gallery {
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .gallery img {
        position: static;
        width: 100%;
        height: 180px;
    }
}
@media(max-width: 468px) {
    .row_register_page_border {
        border: none;

        /*border-radius: 15px;
            */;
    }
}