/* ============================================
   Register Page Styles
   Extracted from style.css
   ============================================ */

.register-page {
    margin-top: 3em
}

.register-page #register-page-user-email .icon {
    vertical-align: text-bottom
}

.register-page .card UL {
    margin-top: 2em;
    margin-bottom: 3em
}

.register-page h3 {
    font-size: 36px !important;
    font-weight: 600 !important;
    margin: 50px 0 50px 0 !important
}

.register-page h4 {
    margin: 0 !important
}

.register-page ul li {
    list-style-type: none;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    align-content: flex-start;
    flex-flow: row wrap;
    margin-left: -10px;
    margin-right: -10px
}

.register-page ul {
    margin: 0 10px;
    padding: 0
}

.register-page .form-field-v30 {
    margin-bottom: 30px
}

.register-page input,
.register-page select,
.register-page textarea {
    width: 100% !important;
    max-width: 100% !important;
    border: 1px solid #aaa;
    background-color: #fff;
    box-shadow: inset 0 2px 2px #fafafa, 0 0 0 #62aef7
}

.register-page .form-help-text {
    color: #666;
    margin: 5px 0 0;
    font-size: 14px
}

.register-page label {
    font-weight: 700
}

.register-page .custom-dropdown-container {
    width: 100%
}

.register-page .custom-option-header-value {
    min-width: 43px;
    width: 100%;
    margin-right: -20px !important
}

.register-page .custom-option {
    list-style-type: decimal;
    padding-left: 10px;
    width: 94%;
    margin-left: 10px;
    padding-right: 10px
}

.register-page .custom-option LI,
.register-page #user_group_city {
    cursor: pointer
}

/* ----------------------------------------
   Register Page V2
   ---------------------------------------- */

.register-page-v2 {
    background: #f7f7f7
}

.register-page-v2 .register-page {
    max-width: 560px;
    margin: 0 auto;
    padding: 89px 20px 48px;
    margin-top: 0
}

.register-page-v2 .login-register-block {
    max-width: 100%;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e8e8e8;
    padding: 28px;
    margin-bottom: 16px
}

.register-page-v2 .login-register-block .block-content {
    padding: 0
}

.register-page-v2 .login-register-block .form-field {
    margin-bottom: 16px
}

.register-page-v2 #register-page-user-email {
    font-size: 14px;
    font-weight: 500;
    color: #555;
    margin: 0 0 20px;
    padding: 8px 14px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #f5f5f5;
    border-radius: 20px;
    border: 1px solid #e8e8e8
}

.register-page-v2 #register-page-user-email .icon {
    font-size: 15px;
    color: #999;
    line-height: 1;
    position: relative;
    top: -1px
}

.register-page-v2 .login-register-block input[type="email"],
.register-page-v2 .login-register-block input[type="password"] {
    height: 46px !important;
    border-radius: 8px;
    border: 1px solid #ddd;
    font-size: 15px;
    padding: 0 14px 0 42px !important;
    box-shadow: none;
    transition: border-color .2s, box-shadow .2s;
    background-color: #fff
}

.register-page-v2 .login-register-block input[type="email"]:focus,
.register-page-v2 .login-register-block input[type="password"]:focus {
    border-color: #48bf53;
    box-shadow: 0 0 0 3px rgba(0, 132, 137, 0.1);
    outline: none
}

.register-page-v2 .login-register-block .input-overlay-symbol-text_left {
    top: 14px;
    left: 12px;
    color: #999
}

.register-page-v2 .register-card {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e8e8e8;
    padding: 32px;
    border-top: none;
    margin-bottom: 24px
}

.register-page-v2 .register-card h4 {
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 20px !important
}

.register-page-v2 .register-card .full-width h4 {
    margin-top: 28px !important
}

.register-page-v2 .register-card .full-width {
    margin-bottom: 0
}

.register-page-v2 .register-page ul li {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
    gap: 6px
}

.register-page-v2 .register-page .row-1-4,
.register-page-v2 .register-page .row-1-3,
.register-page-v2 .register-page .row-1-2 {
    width: 100%;
    padding: 0
}

.register-page-v2 .register-page .row-1-10 {
    width: 100%;
    padding: 0
}

.register-page-v2 .register-page label {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    margin-bottom: 0;
    display: block
}

.register-page-v2 .register-page .register-card input,
.register-page-v2 .register-page .register-card select,
.register-page-v2 .register-page .register-card textarea {
    height: 46px;
    border-radius: 8px;
    border: 1px solid #ddd;
    font-size: 15px;
    padding: 0 14px;
    box-shadow: none;
    transition: border-color .2s, box-shadow .2s;
    background-color: #fff
}

.register-page-v2 .register-page .register-card input:focus,
.register-page-v2 .register-page .register-card select:focus {
    border-color: #48bf53;
    box-shadow: 0 0 0 3px rgba(0, 132, 137, 0.1);
    outline: none
}

.register-page-v2 .register-page .form-field-v30 {
    margin-bottom: 24px
}

.register-page-v2 .register-field-row {
    display: flex;
    gap: 10px;
    width: 100%
}

.register-page-v2 .register-field-col {
    min-width: 0
}

.register-page-v2 .register-field-col input {
    width: 100%
}

.register-page-v2 .register-page .form-help-text {
    font-size: 13px;
    color: #999;
    margin-top: 6px
}

.register-page-v2 .register-page #enter-group-data {
    display: block;
    width: 100%;
    text-align: center;
    background: #48bf53;
    color: #fff;
    height: 48px;
    line-height: 48px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: background .2s, opacity .2s;
    padding: 0
}

.register-page-v2 .register-page #enter-group-data:hover {
    background: #3da847
}

.register-page-v2 .register-page #enter-group-data.disabled {
    opacity: .4;
    cursor: not-allowed
}

.register-page-v2 .register-card ul {
    margin: 0 !important;
    padding: 0 !important
}

.register-page-v2 #register-page-checkbox-display-professional-data {
    margin-top: 12px;
    margin-bottom: 0
}

.register-page-v2 #register-page-checkbox-display-professional-data label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    cursor: pointer
}

.register-page-v2 .page-content>form>ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none
}

.register-page-v2 .page-content>form>ul>li {
    list-style: none;
    margin: 0;
    padding: 0
}

.register-page-v2 .page-content>form>ul>li>.row-1-2 {
    width: 100%;
    padding: 0
}

.register-page-v2 .intl-tel-input {
    width: 100%
}

.register-page-v2 .register-page .custom-phone-input {
    padding-left: 90px !important
}

.register-page-v2 .register-page input[type="file"] {
    height: auto;
    padding: 12px 16px;
    border: 1.5px dashed #ccc;
    border-radius: 10px;
    background: #fafafa;
    cursor: pointer;
    font-size: 14px;
    transition: border-color .15s, background .15s
}

.register-page-v2 .register-page input[type="file"]:hover {
    border-color: #48bf53;
    background: #f0fafa
}

.register-page-v2 .register-page .agency-search-label {
    margin-bottom: 12px
}

.register-page-v2 .register-claim-banner {
    position: relative;
    padding-right: 48px
}

/* ----------------------------------------
   Shared input styles (register-page)
   ---------------------------------------- */

.register-page input[type="text"],
.register-page input[type="email"],
.register-page input[type="password"],
.register-page input[type="number"],
.register-page select {
    height: 48px !important;
    padding: 12px 14px !important;
    border: 1px solid #b0b0b0 !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    background: #fff;
    box-sizing: border-box
}

.register-page textarea {
    padding: 12px 14px !important;
    border: 1px solid #b0b0b0 !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    background: #fff;
    box-sizing: border-box;
    resize: vertical;
    line-height: 1.5
}

.register-page input:focus,
.register-page select:focus,
.register-page textarea:focus {
    border-color: #222 !important;
    outline: none;
    box-shadow: 0 0 0 1px #222
}

.register-page .btn-normal,
.register-page .btn-red {
    height: 48px;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center
}

.register-page .input-overlay-symbol-text_left~input {
    padding-left: 42px !important
}

.register-page .input-overlay-symbol-text_left {
    top: 14px !important
}

/* ----------------------------------------
   Media Queries
   ---------------------------------------- */

@media (max-width:600px) {
    .register-page-v2 .register-page {
        padding: 69px 16px 32px
    }

    .register-page-v2 .register-card {
        padding: 20px
    }

    .register-page-v2 .login-register-block {
        padding: 20px
    }
}