.wrapper {
    font-family: 'Poppins', sans-serif;
    max-width: 850px;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    display: flex;
    margin: 50px auto;
    box-shadow: 0 8px 20px 0px #1f1f1f1a;
    overflow: hidden;
}

.wrapper .form-left {
    background: #3786bd;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 20px 40px;
    position: relative;
    width: 100%;
    color: #fff;
}

.wrapper h2 {
    font-weight: 700;
    font-size: 25px;
    padding: 5px 0 0;
    margin-bottom: 34px;
    pointer-events: none;
}

.wrapper .form-left p {
    font-size: 0.9rem;
    font-weight: 300;
    line-height: 1.5;
    pointer-events: none;
}

.wrapper .form-left .text {
    margin: 20px 0 25px;
}

.wrapper .form-left p span {
    font-weight: 700;
}

.wrapper .form-left input {
    padding: 15px;
    background: #fff;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 180px;
    border: none;
    margin: 15px 0 50px 0px;
    cursor: pointer;
    color: #333;
    font-weight: 700;
    font-size: 0.9rem;
    appearance: unset;
    outline: none;
}

.wrapper .form-left input:hover {
    background-color: #f2f2f2;
}

.wrapper .form-right {
    padding: 20px 40px;
    position: relative;
    width: 100%;
}

.wrapper .form-right h2 {
    color: #3786bd;
}

.wrapper .form-right label {
    font-weight: 600;
    font-size: 15px;
    color: #666;
    display: block;
    margin-bottom: 8px;
}

.wrapper .form-right .input-field {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #e5e5e5;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    outline: none;
    color: #333;
}

.wrapper .form-right .input-field:focus {
    border: 1px solid #31a031;
}


.wrapper .option {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    font-size: 0.95rem;
    font-weight: 900;
    cursor: pointer;
    user-select: none
}

.wrapper .option input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.wrapper .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 2px solid #ddd;
    border-radius: 2px
}

.wrapper .option:hover input~.checkmark {
    background-color: #f1f1f1
}

.wrapper .option input:checked~.checkmark {
    border: 2px solid #e5e5e5;
    background-color: #fff;
    transition: 300ms ease-in-out all
}

.wrapper .checkmark:after {
    content: "\2713";
    position: absolute;
    display: none;
    color: #3786bd;
    font-size: 1rem;
}

.wrapper .option input:checked~.checkmark:after {
    display: block
}

.wrapper .option .checkmark:after {
    left: 2px;
    top: -4px;
    width: 5px;
    height: 10px
}

.wrapper .register {
    padding: 12px;
    background: #3786bd;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 130px;
    border: none;
    margin: 6px 0 50px 0px;
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
}

.wrapper .register:hover {
    background-color: #3785bde0;
}

.wrapper a {
    text-decoration: none;
}

@media (max-width: 860.5px) {
    .wrapper {
        margin: 50px 5px;
    }
}


@media (max-width: 767.5px) {
    .wrapper {
        flex-direction: column;
        margin: 30px 20px;
    }

    .wrapper .form-left {
        border-bottom-left-radius: 0px;
    }


}

@media (max-width: 575px) {

    .wrapper {
        margin: 30px 15px;
    }

    .wrapper .form-left {
        padding: 25px;
    }

    .wrapper .form-right {
        padding: 25px;
    }
}

/*-- custom css start --*/

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: -ms-flexbox;
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(.75rem);
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {

    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

@media only screen and (max-width: 575px) {
    .row {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .p-sm-0 {
        padding: 0px !important;
    }
}

/*-- custom css End --*/


/*------------------------------------------
	Responsive
-------------------------------------------*/
@media (max-width: 991px) {
    .right-content-md {
        margin-top: 30px;
    }
}

@media all and (max-width: 767px) {
    .right-content-sm {
        margin-top: 30px;
    }
}

.ugf-bg {
    background: #f5f7fa;
}

.ugf-progress {
    position: relative;
}

.ugf-progress .progress {
    position: fixed;
    z-index: 3;
    top: 43px;
    height: 4px;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 350px;
    border-radius: 4px;
    overflow: hidden;
}

.ufg-main-container {
    min-height: 100vh;
    padding: 170px 0;
}

.ugf-form .input-block+.input-block {
    margin-top: 40px;
}

.ugf-form .input-block h4 {
    font-size: 2.0rem;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    color: #1c2437;
}

.ugf-form .input-block h4+div {
    margin-top: 15px;
}

.ugf-form .input-block p {
    font-size: 1.5rem;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    color: #546274;
    margin-top: 5px;
}

.ugf-form .input-block p+div {
    margin-top: 15px;
}

.ugf-form .input-block .country-select-wrap .country-select {
    width: 100%;
    position: relative;
}

.ugf-form .input-block .country-select-wrap .country-select::after {
    content: url(../images/dropdown-icon.svg);
    position: absolute;
    right: 20px;
    top: 24px;
    opacity: 0.5;
}

.ugf-form .input-block .country-select-wrap .country-select .flag-dropdown .selected-flag {
    padding-left: 22px;
}

.ugf-form .input-block .country-select-wrap .country-select .flag-dropdown .selected-flag:hover {
    background: #ffffff;
}

.ugf-form .input-block .country-select-wrap .country-select .flag-dropdown .selected-flag .flag:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 32px;
    width: 44px;
    background: url(../images/flag-circle.png);
    content: '';
}

.ugf-form .input-block .country-select-wrap .country-select .flag-dropdown .selected-flag .arrow {
    border: 0;
}

.ugf-form .input-block .country-select-wrap .country-select #country {
    height: 70px;
    width: 100%;
    display: block;
    padding-left: 80px;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.04);
    border: 0;
    outline: none;
    border-radius: 5px;
}

.ugf-form .input-block .country-select-wrap .country-select #country:focus {
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.04);
    border: 0 !important;
    outline: none;
}

.ugf-form .input-block .country-select-wrap .country-select .country-list {
    max-height: 300px;
    border-radius: 5px;
    border: 0;
    -webkit-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.08);
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.ugf-form .input-block .country-select-wrap .country-select .country-list::-webkit-scrollbar {
    display: none;
}

.ugf-form .input-block .country-select-wrap .country-select .country-list .country {
    padding: 10px;
}

.ugf-form .input-block .country-select-wrap .country-select .country-list .country .flag {
    position: relative;
}

.ugf-form .input-block .country-select-wrap .country-select .country-list .country .flag:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 32px;
    width: 44px;
    background: url(../images/flag-circle.png);
    content: '';
}

.ugf-form .input-block .country-select-wrap .country-select .flag {
    width: 40px;
}

.ugf-form .input-block .country-select-wrap .country-select.inside .flag-dropdown:hover .selected-flag {
    background: #ffffff;
}

.ugf-form .input-block .custom-form-group {
    position: relative;
    margin-bottom: 25px;
}

.ugf-form .input-block .custom-form-group .custom-form-control {
    display: none;
}

.ugf-form .input-block .custom-form-group .custom-form-control:checked~label {
    border-color: rgba(30, 133, 255, 0.5);
}

.ugf-form .input-block .custom-form-group .custom-form-control:checked~label .text {
    color: #1e85ff;
}

.ugf-form .input-block .custom-form-group .custom-form-control:checked~label .icon {
    opacity: 1;
}

.ugf-form .input-block .custom-form-group .custom-form-control:checked~label:before {
    background: #1e85ff;
    border-color: transparent;
}

.ugf-form .input-block .custom-form-group .custom-form-control:checked~label:after {
    opacity: 1;
}

.ugf-form .input-block .custom-form-group label {
    margin-bottom: 0;
    width: 100%;
    border: 0;
    border-radius: 5px;
    height: 60px;
    line-height: 60px;
    padding: 0 25px;
    text-align: left;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 50px;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.04);
    background: #ffffff;
    height: 70px;
}

.ugf-form .input-block .custom-form-group label .text {
    font-size: 1rem;
    font-family: "Roboto", sans-serif;
    color: #546274;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.ugf-form .input-block .custom-form-group label .icon {
    opacity: .5;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.ugf-form .input-block .custom-form-group label:before {
    position: absolute;
    top: 25px;
    left: 20px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 0.12);
    content: '';
    opacity: 1;
}

.ugf-form .input-block .custom-form-group label:after {
    opacity: 0;
    position: absolute;
    top: 8px;
    left: 21px;
    border-radius: 50%;
    content: url("https://uigaint.com/demo/html/anfraa/kyc-1/assets/images/check-white.svg");
}

.ugf-form .input-block .file-input-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ugf-form .input-block .file-input-wrap .custom-file {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33.33% - 10px);
    flex: 0 0 calc(33.33% - 10px);
    height: auto;
    text-align: center;
    margin-bottom: 25px;
}

.ugf-form .input-block .file-input-wrap .custom-file .custom-file-input {
    display: none;
}

.ugf-form .input-block .file-input-wrap .custom-file .custom-file-label {
    position: relative;
    height: 170px;
    padding: 0;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.04);
    border: 0;
    border-radius: 5px;
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-bottom: 0;
}

.ugf-form .input-block .file-input-wrap .custom-file .custom-file-label:after {
    content: '';
    padding: 0;
    height: 70px;
    width: 70px;
    border-radius: 5px;
    border: 1px dashed rgba(178, 190, 204, 0.5);
    background: transparent;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ugf-form .input-block .file-input-wrap .custom-file .text {
    margin-top: 10px;
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 400;
    color: #546274;
    font-family: "Roboto", sans-serif;
}

.ugf-form .input-block .conditions ul {
    padding: 0;
    margin: 0;
    list-style: none;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.ugf-form .input-block .conditions ul li {
    padding-left: 25px;
    position: relative;
    font-size: 0.9rem;
    font-weight: 400;
    color: #546274;
    font-family: "Roboto", sans-serif;
}

.ugf-form .input-block .conditions ul li:before {
    position: absolute;
    top: 3px;
    left: 0;
    content: url("https://uigaint.com/demo/html/anfraa/kyc-1/assets/images/check-grey.svg");
}

.ugf-form .input-block .conditions ul li.complete:before {
    content: url("https://uigaint.com/demo/html/anfraa/kyc-1/assets/images/check-green.svg");
}

.ugf-form .input-block .conditions ul li:nth-child(odd) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
}

.ugf-form .input-block .conditions ul li:nth-child(even) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
}

.ugf-form .input-block .form-group {
    margin-bottom: 25px;
    position: relative;
}

.ugf-form .input-block .form-group label {
    font-size: 1.4rem;
    font-weight: 700;
    color: #1c2437;
    font-family: "Roboto", sans-serif;
}

.ugf-form .input-block .form-group .form-control {
    height: 70px;
    border-radius: 5px;
    border: 0;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.04);
    outline: none;
    background: #ffffff;
    padding: 0 20px;
    font-size: 1.5rem;
    color: #546274;
}

.ugf-form .input-block .form-group .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #b2becc;
}

.ugf-form .input-block .form-group .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #b2becc;
}

.ugf-form .input-block .form-group .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #b2becc;
}

.ugf-form .input-block .form-group .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #b2becc;
}

.ugf-form .input-block .form-group .custom-checkbox {
    margin-bottom: 10px;
}

.ugf-form .input-block .form-group .custom-checkbox .custom-control-input {
    height: 18px;
    width: 18px;
    border-radius: 3px;
    border: 3px solid rgba(0, 0, 0, 0.12);
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ugf-form .input-block .form-group .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background: #1e85ff;
}

.ugf-form .input-block .form-group .custom-checkbox .custom-control-label {
    width: auto;
    text-align: left;
    position: static;
    top: auto;
    left: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    padding-left: 30px;
    cursor: default;
    font-weight: 400;
    color: #546274;
}

.ugf-form .input-block .form-group .custom-checkbox .custom-control-label:before {
    top: 2px;
    left: 0;
    height: 18px;
    width: 18px;
    border-radius: 3px;
    border: 2px solid rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.ugf-form .input-block .form-group .custom-checkbox .custom-control-label:after {
    top: 2px;
    left: 0;
    height: 18px;
    width: 18px;
}

.ugf-form .input-block .form-group .custom-checkbox .custom-control-label a {
    color: #1e85ff;
}

.ugf-form .btn {
    height: 70px;
    width: 100%;
    line-height: 70px;
    padding: 0;
    border-radius: 5px;
    background: #1e85ff;
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ugf-form .back-to-prev {
    font-size: 1.5rem;
    font-weight: 700;
    color: #97a2ae;
    font-family: "Roboto", sans-serif;
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ugf-form .back-to-prev img {
    margin-right: 10px;
}

.uploaded-documents {
    margin-top: 42px;
}

.uploaded-documents h4 {
    font-size: 1.4rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: #1c2437;
    margin-bottom: 10px;
}

.uploaded-documents .documents {
    background: #ffffff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.04);
    padding: 20px;
    margin: 0;
    list-style: none;
}

.uploaded-documents .documents li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-left: 20px;
}

.uploaded-documents .documents li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\f0c6';
    font-family: 'Line Awesome Free';
    font-weight: 900;
    color: #b2becc;
}

.uploaded-documents .documents li a img {
    height: 15px;
}

.uploaded-documents .documents li+li {
    margin-top: 10px;
}

.final-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    padding: 120px 0;
    text-align: center;
}

.final-content .icon {
    margin-bottom: 20px;
}

.final-content h2 {
    font-size: 3.6rem;
    font-weight: 700;
    color: #1c2437;
    font-family: "Roboto", sans-serif;
    margin-bottom: 10px;
}

.final-content p {
    font-size: 1.5rem;
    max-width: 500px;
    margin: 0 auto;
    font-weight: 400;
    color: #546274;
    font-family: "Roboto", sans-serif;
}

.final-content .btn {
    margin-top: 30px;
    height: 60px;
    width: 200px;
    text-align: center;
    line-height: 60px;
    padding: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #1e85ff;
    border-radius: 5px;
}

/* country select dropdown start */
.niceCountryInputSelector {
    width: 100%;
    position: relative;
}

.niceCountryInputMenu {
    color: #546274 !important;
    border: none;
    cursor: pointer;
    height: 70px;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.04);
    background: #ffffff;
    border-radius: 5px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 25px;
}

.niceCountryInputMenuCountryFlag {
    border: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 14px;
}

.niceCountryInputMenuDefaultText {
    width: calc(100% - 30px);
}

.niceCountryInputMenuDefaultText a {
    display: flex;
    align-items: center;
}

.niceCountryInputMenuDefaultText a span {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: #546274;
}

.niceCountryInputMenuFilter {
    display: none !important;
}

.niceCountryInputMenuDropdown {
    font-size: 16px;
    color: #546274;
}

.niceCountryInputMenuDropdown::after {
    content: url(../images/dropdown-icon.svg);
    opacity: 0.4;
}

.niceCountryInputMenuDropdownContent {
    position: absolute;
    z-index: 1;
    margin-top: 10px;
    width: 100%;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.04);
    background: #ffffff;
    border: 0;
    border-radius: 8px;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.1019607843) transparent;
    top: 70px;
}

.niceCountryInputMenuDropdownContent::-webkit-scrollbar {
    width: 5px;
}

.niceCountryInputMenuDropdownContent::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.1019607843);
    border-radius: 5px;
}

.niceCountryInputMenuDropdownContent::-webkit-scrollbar-track {
    background-color: transparent;
}

.niceCountryInputMenuDropdownContent a {
    padding: 8px 16px;
    height: unset;
}

.niceCountryInputMenuDropdownContent a:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
    color: #000000 !important;
    cursor: pointer;
}

.niceCountryInputMenuDropdownContent a span {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #000000;
}

.niceCountryInputMenu {
    background: white !important;
    color: black !important;
    border: 1px solid #a8a8a8;
    cursor: pointer;
    /*
    font-family: Arial;
    font-size: 12px;
    */
}

.niceCountryInputMenuDefaultText {
    width: 270px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.niceCountryInputMenuDefaultText a:hover {
    text-decoration: none;
}

.niceCountryInputMenu a {
    color: black !important;
}

.niceCountryInputMenuDropdown {
    /*border-left: 1px solid #a8a8a8;*/
    height: 25px;
    width: 21px;
    float: right;
    line-height: 25px;
    text-align: center;
    position: relative;
    right: 0;
    color: black;
}

.niceCountryInputMenuDropdownContent {
    border: 1px solid #a8a8a8;
    border-top: 0;
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.niceCountryInputMenuDropdownContent a {
    height: 25px;
    line-height: 25px;
    display: block;
    width: 100%;
    color: black !important;
    overflow: hidden;
    text-decoration: none;
    /*
    font-family: Arial;
    font-size: 12px;
    */
}

.niceCountryInputMenuDropdownContent a:hover {
    background-color: gray !important;
    color: white !important;
    text-decoration: none;
}

.niceCountryInputMenuFilter {
    border: 1px solid #a8a8a8;
    border-top: 0;
    border-bottom: 0;
}

.niceCountryInputMenuFilter input {
    width: 100%;
    width: calc(100% - 10px);
    margin: 5px;
    padding: 5px;
}

.niceCountryInputMenuCountryFlag {
    border: 1px solid #d3d3d3;
    width: 18px;
    height: 13px;
    margin-left: 5px;
    margin-right: 5px;
}

.niceCountryInputMenuCountryNoFlag {
    display: inline-block;
    border: 1px solid black;
    background: white;
    color: black;
    line-height: 15px;
    text-align: center;
    width: 22px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 13px;
}

.country-select {
    position: relative;
    display: inline-block
}

.country-select * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.country-select .hide {
    display: none
}

.country-select .v-hide {
    visibility: hidden
}

.country-select input,
.country-select input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.country-select .flag-dropdown {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.country-select .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 0 0 8px
}

.country-select .selected-flag .flag {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.country-select .selected-flag .arrow {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.country-select .selected-flag .arrow.up {
    border-top: none;
    border-bottom: 4px solid #555
}

.country-select .country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll
}

.country-select .country-list .flag {
    display: inline-block;
    width: 40px
}

/*@media (max-width: 500px){
	.country-select .country-list{
		white-space:normal
	}
}*/
.country-select .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.country-select .country-list .country {
    padding: 5px 10px
}

.country-select .country-list .country.highlight {
    background-color: rgba(0, 0, 0, 0.05)
}

.country-select .country-list .flag,
.country-select .country-list .country-name {
    vertical-align: middle
}

.country-select .country-list .flag {
    margin-right: 6px
}

.country-select.inside input,
.country-select.inside input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.country-select.inside .flag-dropdown {
    right: auto;
    left: 0
}

.country-select.inside .selected-flag {
    width: 70px
}

.country-select.inside .flag-dropdown:hover {
    cursor: pointer
}

.country-select.inside .flag-dropdown:hover .selected-flag {
    background-color: rgba(0, 0, 0, 0.05)
}

.country-select.inside input[disabled]+.flag-dropdown:hover,
.country-select.inside input[readonly]+.flag-dropdown:hover {
    cursor: default
}

.country-select.inside input[disabled]+.flag-dropdown:hover .selected-flag,
.country-select.inside input[readonly]+.flag-dropdown:hover .selected-flag {
    background-color: transparent
}

.country-select .flag {
    width: 40px;
    height: 30px;
    -webkit-box-shadow: 0px 0px 1px 0px #888;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url("../images/flags2x.png");
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

/*@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx){
	.country-select .flag{
		background-image:url("../../images/flags2x.png")
	}
}*/
.country-select .flag {
    width: calc(20px * 2);
}

.country-select .flag.be {
    width: calc(18px * 2);
}

.country-select .flag.ch {
    width: calc(15px * 2);
}

.country-select .flag.mc {
    width: calc(19px * 2);
}

.country-select .flag.ne {
    width: calc(18px * 2);
}

.country-select .flag.np {
    width: calc(13px * 2);
}

.country-select .flag.va {
    width: calc(15px * 2);
}

/*@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx){
	.country-select .flag{
		background-size:5630px 15px
	}
}*/
.country-select .flag.ac {
    height: calc(10px * 2);
    background-position: 0px 0px
}

.country-select .flag.ad {
    height: calc(14px * 2);
    background-position: calc(-22px * 2) 0px;
}

.country-select .flag.ae {
    height: calc(10px * 2);
    background-position: calc(-44px * 2) 0px;
}

.country-select .flag.af {
    height: calc(14px * 2);
    background-position: calc(-66px * 2) 0px;
}

.country-select .flag.ag {
    height: calc(14px * 2);
    background-position: calc(-88px * 2) 0px;
}

.country-select .flag.ai {
    height: calc(10px * 2);
    background-position: calc(-110px * 2) 0px;
}

.country-select .flag.al {
    height: calc(15px * 2);
    background-position: calc(-132px * 2) 0px;
}

.country-select .flag.am {
    height: calc(10px * 2);
    background-position: calc(-154px * 2) 0px;
}

.country-select .flag.ao {
    height: calc(14px * 2);
    background-position: calc(-176px * 2) 0px;
}

.country-select .flag.aq {
    height: calc(14px * 2);
    background-position: calc(-198px * 2) 0px;
}

.country-select .flag.ar {
    height: calc(13px * 2);
    background-position: calc(-220px * 2) 0px;
}

.country-select .flag.as {
    height: calc(10px * 2);
    background-position: calc(-242px * 2) 0px;
}

.country-select .flag.at {
    height: calc(14px * 2);
    background-position: calc(-264px * 2) 0px;
}

.country-select .flag.au {
    height: calc(10px * 2);
    background-position: calc(-286px * 2) 0px;
}

.country-select .flag.aw {
    height: calc(14px * 2);
    background-position: calc(-308px * 2) 0px;
}

.country-select .flag.ax {
    height: calc(13px * 2);
    background-position: calc(-330px * 2) 0px;
}

.country-select .flag.az {
    height: calc(10px * 2);
    background-position: calc(-352px * 2) 0px;
}

.country-select .flag.ba {
    height: calc(10px * 2);
    background-position: calc(-374px * 2) 0px;
}

.country-select .flag.bb {
    height: calc(14px * 2);
    background-position: calc(-396px * 2) 0px;
}

.country-select .flag.bd {
    height: calc(12px * 2);
    background-position: calc(-418px * 2) 0px;
}

.country-select .flag.be {
    height: calc(15px * 2);
    background-position: calc(-440px * 2) 0px;
}

.country-select .flag.bf {
    height: calc(14px * 2);
    background-position: calc(-460px * 2) 0px;
}

.country-select .flag.bg {
    height: calc(12px * 2);
    background-position: calc(-482px * 2) 0px;
}

.country-select .flag.bh {
    height: calc(12px * 2);
    background-position: calc(-504px * 2) 0px;
}

.country-select .flag.bi {
    height: calc(12px * 2);
    background-position: calc(-526px * 2) 0px;
}

.country-select .flag.bj {
    height: calc(14px * 2);
    background-position: calc(-548px * 2) 0px;
}

.country-select .flag.bl {
    height: calc(14px * 2);
    background-position: calc(-570px * 2) 0px;
}

.country-select .flag.bm {
    height: calc(10px * 2);
    background-position: calc(-592px * 2) 0px;
}

.country-select .flag.bn {
    height: calc(10px * 2);
    background-position: calc(-614px * 2) 0px;
}

.country-select .flag.bo {
    height: calc(14px * 2);
    background-position: calc(-636px * 2) 0px;
}

.country-select .flag.bq {
    height: calc(14px * 2);
    background-position: calc(-658px * 2) 0px;
}

.country-select .flag.br {
    height: calc(14px * 2);
    background-position: calc(-680px * 2) 0px;
}

.country-select .flag.bs {
    height: calc(10px * 2);
    background-position: calc(-702px * 2) 0px;
}

.country-select .flag.bt {
    height: calc(14px * 2);
    background-position: calc(-724px * 2) 0px;
}

.country-select .flag.bv {
    height: calc(15px * 2);
    background-position: calc(-746px * 2) 0px;
}

.country-select .flag.bw {
    height: calc(14px * 2);
    background-position: calc(-768px * 2) 0px;
}

.country-select .flag.by {
    height: calc(10px * 2);
    background-position: calc(-790px * 2) 0px;
}

.country-select .flag.bz {
    height: calc(14px * 2);
    background-position: calc(-812px * 2) 0px;
}

.country-select .flag.ca {
    height: calc(10px * 2);
    background-position: calc(-834px * 2) 0px;
}

.country-select .flag.cc {
    height: calc(10px * 2);
    background-position: calc(-856px * 2) 0px;
}

.country-select .flag.cd {
    height: calc(15px * 2);
    background-position: calc(-878px * 2) 0px;
}

.country-select .flag.cf {
    height: calc(14px * 2);
    background-position: calc(-900px * 2) 0px;
}

.country-select .flag.cg {
    height: calc(14px * 2);
    background-position: calc(-922px * 2) 0px;
}

.country-select .flag.ch {
    height: calc(15px * 2);
    background-position: calc(-944px * 2) 0px;
}

.country-select .flag.ci {
    height: calc(14px * 2);
    background-position: calc(-961px * 2) 0px;
}

.country-select .flag.ck {
    height: calc(10px * 2);
    background-position: calc(-983px * 2) 0px;
}

.country-select .flag.cl {
    height: calc(14px * 2);
    background-position: calc(-1005px * 2) 0px;
}

.country-select .flag.cm {
    height: calc(14px * 2);
    background-position: calc(-1027px * 2) 0px;
}

.country-select .flag.cn {
    height: calc(14px * 2);
    background-position: calc(-1049px * 2) 0px;
}

.country-select .flag.co {
    height: calc(14px * 2);
    background-position: calc(-1071px * 2) 0px;
}

.country-select .flag.cp {
    height: calc(14px * 2);
    background-position: calc(-1093px * 2) 0px;
}

.country-select .flag.cr {
    height: calc(12px * 2);
    background-position: calc(-1115px * 2) 0px;
}

.country-select .flag.cu {
    height: calc(10px * 2);
    background-position: calc(-1137px * 2) 0px;
}

.country-select .flag.cv {
    height: calc(12px * 2);
    background-position: calc(-1159px * 2) 0px;
}

.country-select .flag.cw {
    height: calc(14px * 2);
    background-position: calc(-1181px * 2) 0px;
}

.country-select .flag.cx {
    height: calc(10px * 2);
    background-position: calc(-1203px * 2) 0px;
}

.country-select .flag.cy {
    height: calc(13px * 2);
    background-position: calc(-1225px * 2) 0px;
}

.country-select .flag.cz {
    height: calc(14px * 2);
    background-position: calc(-1247px * 2) 0px;
}

.country-select .flag.de {
    height: calc(12px * 2);
    background-position: calc(-1269px * 2) 0px;
}

.country-select .flag.dg {
    height: calc(10px * 2);
    background-position: calc(-1291px * 2) 0px;
}

.country-select .flag.dj {
    height: calc(14px * 2);
    background-position: calc(-1313px * 2) 0px;
}

.country-select .flag.dk {
    height: calc(15px * 2);
    background-position: calc(-1335px * 2) 0px;
}

.country-select .flag.dm {
    height: calc(10px * 2);
    background-position: calc(-1357px * 2) 0px;
}

.country-select .flag.do {
    height: calc(13px * 2);
    background-position: calc(-1379px * 2) 0px;
}

.country-select .flag.dz {
    height: calc(14px * 2);
    background-position: calc(-1401px * 2) 0px;
}

.country-select .flag.ea {
    height: calc(14px * 2);
    background-position: calc(-1423px * 2) 0px;
}

.country-select .flag.ec {
    height: calc(14px * 2);
    background-position: calc(-1445px * 2) 0px;
}

.country-select .flag.ee {
    height: calc(13px * 2);
    background-position: calc(-1467px * 2) 0px;
}

.country-select .flag.eg {
    height: calc(14px * 2);
    background-position: calc(-1489px * 2) 0px;
}

.country-select .flag.eh {
    height: calc(10px * 2);
    background-position: calc(-1511px * 2) 0px;
}

.country-select .flag.er {
    height: calc(10px * 2);
    background-position: calc(-1533px * 2) 0px;
}

.country-select .flag.es {
    height: calc(14px * 2);
    background-position: calc(-1555px * 2) 0px;
}

.country-select .flag.et {
    height: calc(10px * 2);
    background-position: calc(-1577px * 2) 0px;
}

.country-select .flag.eu {
    height: calc(14px * 2);
    background-position: calc(-1599px * 2) 0px;
}

.country-select .flag.fi {
    height: calc(12px * 2);
    background-position: calc(-1621px * 2) 0px;
}

.country-select .flag.fj {
    height: calc(10px * 2);
    background-position: calc(-1643px * 2) 0px;
}

.country-select .flag.fk {
    height: calc(10px * 2);
    background-position: calc(-1665px * 2) 0px;
}

.country-select .flag.fm {
    height: calc(11px * 2);
    background-position: calc(-1687px * 2) 0px;
}

.country-select .flag.fo {
    height: calc(15px * 2);
    background-position: calc(-1709px * 2) 0px;
}

.country-select .flag.fr {
    height: calc(14px * 2);
    background-position: calc(-1731px * 2) 0px;
}

.country-select .flag.ga {
    height: calc(15px * 2);
    background-position: calc(-1753px * 2) 0px;
}

.country-select .flag.gb {
    height: 10px;
    height: calc(14px * 2);
    background-position: calc(-1775px * 2) 0px;
}

.country-select .flag.gd {
    height: calc(12px * 2);
    background-position: calc(-1797px * 2) 0px;
}

.country-select .flag.ge {
    height: calc(14px * 2);
    background-position: calc(-1819px * 2) 0px;
}

.country-select .flag.gf {
    height: calc(14px * 2);
    background-position: calc(-1841px * 2) 0px;
}

.country-select .flag.gg {
    height: calc(14px * 2);
    background-position: calc(-1863px * 2) 0px;
}

.country-select .flag.gh {
    height: calc(14px * 2);
    background-position: calc(-1885px * 2) 0px;
}

.country-select .flag.gi {
    height: calc(10px * 2);
    background-position: calc(-1907px * 2) 0px;
}

.country-select .flag.gl {
    height: calc(14px * 2);
    background-position: calc(-1929px * 2) 0px;
}

.country-select .flag.gm {
    height: calc(14px * 2);
    background-position: calc(-1951px * 2) 0px;
}

.country-select .flag.gn {
    height: calc(14px * 2);
    background-position: calc(-1973px * 2) 0px;
}

.country-select .flag.gp {
    height: calc(14px * 2);
    background-position: calc(-1995px * 2) 0px;
}

.country-select .flag.gq {
    height: calc(14px * 2);
    background-position: calc(-2017px * 2) 0px;
}

.country-select .flag.gr {
    height: calc(14px * 2);
    background-position: calc(-2039px * 2) 0px;
}

.country-select .flag.gs {
    height: calc(10px * 2);
    background-position: calc(-2061px * 2) 0px;
}

.country-select .flag.gt {
    height: calc(13px * 2);
    background-position: calc(-2083px * 2) 0px;
}

.country-select .flag.gu {
    height: calc(11px * 2);
    background-position: calc(-2105px * 2) 0px;
}

.country-select .flag.gw {
    height: calc(10px * 2);
    background-position: calc(-2127px * 2) 0px;
}

.country-select .flag.gy {
    height: calc(12px * 2);
    background-position: calc(-2149px * 2) 0px;
}

.country-select .flag.hk {
    height: calc(14px * 2);
    background-position: calc(-2171px * 2) 0px;
}

.country-select .flag.hm {
    height: calc(10px * 2);
    background-position: calc(-2193px * 2) 0px;
}

.country-select .flag.hn {
    height: calc(10px * 2);
    background-position: calc(-2215px * 2) 0px;
}

.country-select .flag.hr {
    height: calc(10px * 2);
    background-position: calc(-2237px * 2) 0px;
}

.country-select .flag.ht {
    height: 12px;
    height: calc(14px * 2);
    background-position: calc(-2259px * 2) 0px;
}

.country-select .flag.hu {
    height: calc(10px * 2);
    background-position: calc(-2281px * 2) 0px;
}

.country-select .flag.ic {
    height: calc(14px * 2);
    background-position: calc(-2303px * 2) 0px;
}

.country-select .flag.id {
    height: calc(14px * 2);
    background-position: calc(-2325px * 2) 0px;
}

.country-select .flag.ie {
    height: calc(10px * 2);
    background-position: calc(-2347px * 2) 0px;
}

.country-select .flag.il {
    height: calc(15px * 2);
    background-position: calc(-2369px * 2) 0px;
}

.country-select .flag.im {
    height: calc(10px * 2);
    background-position: calc(-2391px * 2) 0px;
}

.country-select .flag.in {
    height: calc(14px * 2);
    background-position: calc(-2413px * 2) 0px;
}

.country-select .flag.io {
    height: calc(10px * 2);
    background-position: calc(-2435px * 2) 0px;
}

.country-select .flag.iq {
    height: calc(14px * 2);
    background-position: calc(-2457px * 2) 0px;
}

.country-select .flag.ir {
    height: calc(12px * 2);
    background-position: calc(-2479px * 2) 0px;
}

.country-select .flag.is {
    height: calc(15px * 2);
    background-position: calc(-2501px * 2) 0px;
}

.country-select .flag.it {
    height: calc(14px * 2);
    background-position: calc(-2523px * 2) 0px;
}

.country-select .flag.je {
    height: calc(12px * 2);
    background-position: calc(-2545px * 2) 0px;
}

.country-select .flag.jm {
    height: calc(10px * 2);
    background-position: calc(-2567px * 2) 0px;
}

.country-select .flag.jo {
    height: calc(10px * 2);
    background-position: calc(-2589px * 2) 0px;
}

.country-select .flag.jp {
    height: calc(14px * 2);
    background-position: calc(-2611px * 2) 0px;
}

.country-select .flag.ke {
    height: calc(14px * 2);
    background-position: calc(-2633px * 2) 0px;
}

.country-select .flag.kg {
    height: calc(12px * 2);
    background-position: calc(-2655px * 2) 0px;
}

.country-select .flag.kh {
    height: calc(13px * 2);
    background-position: calc(-2677px * 2) 0px;
}

.country-select .flag.ki {
    height: calc(10px * 2);
    background-position: calc(-2699px * 2) 0px;
}

.country-select .flag.km {
    height: calc(12px * 2);
    background-position: calc(-2721px * 2) 0px;
}

.country-select .flag.kn {
    height: calc(14px * 2);
    background-position: calc(-2743px * 2) 0px;
}

.country-select .flag.kp {
    height: calc(10px * 2);
    background-position: calc(-2765px * 2) 0px;
}

.country-select .flag.kr {
    height: calc(14px * 2);
    background-position: calc(-2787px * 2) 0px;
}

.country-select .flag.kw {
    height: calc(10px * 2);
    background-position: calc(-2809px * 2) 0px;
}

.country-select .flag.ky {
    height: calc(10px * 2);
    background-position: calc(-2831px * 2) 0px;
}

.country-select .flag.kz {
    height: calc(10px * 2);
    background-position: calc(-2853px * 2) 0px;
}

.country-select .flag.la {
    height: calc(14px * 2);
    background-position: calc(-2875px * 2) 0px;
}

.country-select .flag.lb {
    height: calc(14px * 2);
    background-position: calc(-2897px * 2) 0px;
}

.country-select .flag.lc {
    height: calc(10px * 2);
    background-position: calc(-2919px * 2) 0px;
}

.country-select .flag.li {
    height: calc(12px * 2);
    background-position: calc(-2941px * 2) 0px;
}

.country-select .flag.lk {
    height: calc(10px * 2);
    background-position: calc(-2963px * 2) 0px;
}

.country-select .flag.lr {
    height: calc(11px * 2);
    background-position: calc(-2985px * 2) 0px;
}

.country-select .flag.ls {
    height: calc(14px * 2);
    background-position: calc(-3007px * 2) 0px;
}

.country-select .flag.lt {
    height: calc(12px * 2);
    background-position: calc(-3029px * 2) 0px;
}

.country-select .flag.lu {
    height: calc(12px * 2);
    background-position: calc(-3051px * 2) 0px;
}

.country-select .flag.lv {
    height: calc(10px * 2);
    background-position: calc(-3073px * 2) 0px;
}

.country-select .flag.ly {
    height: calc(10px * 2);
    background-position: calc(-3095px * 2) 0px;
}

.country-select .flag.ma {
    height: calc(14px * 2);
    background-position: calc(-3117px * 2) 0px;
}

.country-select .flag.mc {
    height: calc(15px * 2);
    background-position: calc(-3139px * 2) 0px;
}

.country-select .flag.md {
    height: calc(10px * 2);
    background-position: calc(-3160px * 2) 0px;
}

.country-select .flag.me {
    height: calc(10px * 2);
    background-position: calc(-3182px * 2) 0px;
}

.country-select .flag.mf {
    height: calc(14px * 2);
    background-position: calc(-3204px * 2) 0px;
}

.country-select .flag.mg {
    height: calc(14px * 2);
    background-position: calc(-3226px * 2) 0px;
}

.country-select .flag.mh {
    height: calc(11px * 2);
    background-position: calc(-3248px * 2) 0px;
}

.country-select .flag.mk {
    height: calc(10px * 2);
    background-position: calc(-3270px * 2) 0px;
}

.country-select .flag.ml {
    height: calc(14px * 2);
    background-position: calc(-3292px * 2) 0px;
}

.country-select .flag.mm {
    height: calc(14px * 2);
    background-position: calc(-3314px * 2) 0px;
}

.country-select .flag.mn {
    height: calc(10px * 2);
    background-position: calc(-3336px * 2) 0px;
}

.country-select .flag.mo {
    height: calc(14px * 2);
    background-position: calc(-3358px * 2) 0px;
}

.country-select .flag.mp {
    height: calc(10px * 2);
    background-position: calc(-3380px * 2) 0px;
}

.country-select .flag.mq {
    height: calc(14px * 2);
    background-position: calc(-3402px * 2) 0px;
}

.country-select .flag.mr {
    height: calc(14px * 2);
    background-position: calc(-3424px * 2) 0px;
}

.country-select .flag.ms {
    height: calc(10px * 2);
    background-position: calc(-3446px * 2) 0px;
}

.country-select .flag.mt {
    height: calc(14px * 2);
    background-position: calc(-3468px * 2) 0px;
}

.country-select .flag.mu {
    height: calc(14px * 2);
    background-position: calc(-3490px * 2) 0px;
}

.country-select .flag.mv {
    height: calc(14px * 2);
    background-position: calc(-3512px * 2) 0px;
}

.country-select .flag.mw {
    height: calc(14px * 2);
    background-position: calc(-3534px * 2) 0px;
}

.country-select .flag.mx {
    height: calc(12px * 2);
    background-position: calc(-3556px * 2) 0px;
}

.country-select .flag.my {
    height: calc(10px * 2);
    background-position: calc(-3578px * 2) 0px;
}

.country-select .flag.mz {
    height: calc(14px * 2);
    background-position: calc(-3600px * 2) 0px;
}

.country-select .flag.na {
    height: calc(14px * 2);
    background-position: calc(-3622px * 2) 0px;
}

.country-select .flag.nc {
    height: calc(10px * 2);
    background-position: calc(-3644px * 2) 0px;
}

.country-select .flag.ne {
    height: calc(15px * 2);
    background-position: calc(-3666px * 2) 0px;
}

.country-select .flag.nf {
    height: calc(10px * 2);
    background-position: calc(-3686px * 2) 0px;
}

.country-select .flag.ng {
    height: calc(10px * 2);
    background-position: calc(-3708px * 2) 0px;
}

.country-select .flag.ni {
    height: calc(12px * 2);
    background-position: calc(-3730px * 2) 0px;
}

.country-select .flag.nl {
    height: calc(14px * 2);
    background-position: calc(-3752px * 2) 0px;
}

.country-select .flag.no {
    height: calc(15px * 2);
    background-position: calc(-3774px * 2) 0px;
}

.country-select .flag.np {
    height: calc(15px * 2);
    background-position: calc(-3796px * 2) 0px;
    background-color: transparent;
}

.country-select .flag.nr {
    height: calc(10px * 2);
    background-position: calc(-3811px * 2) 0px;
}

.country-select .flag.nu {
    height: calc(10px * 2);
    background-position: calc(-3833px * 2) 0px;
}

.country-select .flag.nz {
    height: calc(10px * 2);
    background-position: calc(-3855px * 2) 0px;
}

.country-select .flag.om {
    height: calc(10px * 2);
    background-position: calc(-3877px * 2) 0px;
}

.country-select .flag.pa {
    height: calc(14px * 2);
    background-position: calc(-3899px * 2) 0px;
}

.country-select .flag.pe {
    height: calc(14px * 2);
    background-position: calc(-3921px * 2) 0px;
}

.country-select .flag.pf {
    height: calc(14px * 2);
    background-position: calc(-3943px * 2) 0px;
}

.country-select .flag.pg {
    height: calc(15px * 2);
    background-position: calc(-3965px * 2) 0px;
}

.country-select .flag.ph {
    height: calc(10px * 2);
    background-position: calc(-3987px * 2) 0px;
}

.country-select .flag.pk {
    height: calc(14px * 2);
    background-position: calc(-4009px * 2) 0px;
}

.country-select .flag.pl {
    height: calc(13px * 2);
    background-position: calc(-4031px * 2) 0px;
}

.country-select .flag.pm {
    height: calc(14px * 2);
    background-position: calc(-4053px * 2) 0px;
}

.country-select .flag.pn {
    height: calc(10px * 2);
    background-position: calc(-4075px * 2) 0px;
}

.country-select .flag.pr {
    height: calc(14px * 2);
    background-position: calc(-4097px * 2) 0px;
}

.country-select .flag.ps {
    height: calc(10px * 2);
    background-position: calc(-4119px * 2) 0px;
}

.country-select .flag.pt {
    height: calc(14px * 2);
    background-position: calc(-4141px * 2) 0px;
}

.country-select .flag.pw {
    height: calc(13px * 2);
    background-position: calc(-4163px * 2) 0px;
}

.country-select .flag.py {
    height: calc(11px * 2);
    background-position: calc(-4185px * 2) 0px;
}

.country-select .flag.qa {
    height: calc(8px * 2);
    background-position: calc(-4207px * 2) 0px;
}

.country-select .flag.re {
    height: calc(14px * 2);
    background-position: calc(-4229px * 2) 0px;
}

.country-select .flag.ro {
    height: calc(14px * 2);
    background-position: calc(-4251px * 2) 0px;
}

.country-select .flag.rs {
    height: calc(14px * 2);
    background-position: calc(-4273px * 2) 0px;
}

.country-select .flag.ru {
    height: calc(14px * 2);
    background-position: calc(-4295px * 2) 0px;
}

.country-select .flag.rw {
    height: calc(14px * 2);
    background-position: calc(-4317px * 2) 0px;
}

.country-select .flag.sa {
    height: calc(14px * 2);
    background-position: calc(-4339px * 2) 0px;
}

.country-select .flag.sb {
    height: calc(10px * 2);
    background-position: calc(-4361px * 2) 0px;
}

.country-select .flag.sc {
    height: calc(10px * 2);
    background-position: calc(-4383px * 2) 0px;
}

.country-select .flag.sd {
    height: calc(10px * 2);
    background-position: calc(-4405px * 2) 0px;
}

.country-select .flag.se {
    height: calc(13px * 2);
    background-position: calc(-4427px * 2) 0px;
}

.country-select .flag.sg {
    height: calc(14px * 2);
    background-position: calc(-4449px * 2) 0px;
}

.country-select .flag.sh {
    height: calc(10px * 2);
    background-position: calc(-4471px * 2) 0px;
}

.country-select .flag.si {
    height: calc(10px * 2);
    background-position: calc(-4493px * 2) 0px;
}

.country-select .flag.sj {
    height: calc(15px * 2);
    background-position: calc(-4515px * 2) 0px;
}

.country-select .flag.sk {
    height: calc(14px * 2);
    background-position: calc(-4537px * 2) 0px;
}

.country-select .flag.sl {
    height: calc(14px * 2);
    background-position: calc(-4559px * 2) 0px;
}

.country-select .flag.sm {
    height: calc(15px * 2);
    background-position: calc(-4581px * 2) 0px;
}

.country-select .flag.sn {
    height: calc(14px * 2);
    background-position: calc(-4603px * 2) 0px;
}

.country-select .flag.so {
    height: calc(14px * 2);
    background-position: calc(-4625px * 2) 0px;
}

.country-select .flag.sr {
    height: calc(14px * 2);
    background-position: calc(-4647px * 2) 0px;
}

.country-select .flag.ss {
    height: calc(10px * 2);
    background-position: calc(-4669px * 2) 0px;
}

.country-select .flag.st {
    height: calc(10px * 2);
    background-position: calc(-4691px * 2) 0px;
}

.country-select .flag.sv {
    height: calc(12px * 2);
    background-position: calc(-4713px * 2) 0px;
}

.country-select .flag.sx {
    height: calc(14px * 2);
    background-position: calc(-4735px * 2) 0px;
}

.country-select .flag.sy {
    height: calc(14px * 2);
    background-position: calc(-4757px * 2) 0px;
}

.country-select .flag.sz {
    height: calc(14px * 2);
    background-position: calc(-4779px * 2) 0px;
}

.country-select .flag.ta {
    height: calc(10px * 2);
    background-position: calc(-4801px * 2) 0px;
}

.country-select .flag.tc {
    height: calc(10px * 2);
    background-position: calc(-4823px * 2) 0px;
}

.country-select .flag.td {
    height: calc(14px * 2);
    background-position: calc(-4845px * 2) 0px;
}

.country-select .flag.tf {
    height: calc(14px * 2);
    background-position: calc(-4867px * 2) 0px;
}

.country-select .flag.tg {
    height: calc(13px * 2);
    background-position: calc(-4889px * 2) 0px;
}

.country-select .flag.th {
    height: calc(14px * 2);
    background-position: calc(-4911px * 2) 0px;
}

.country-select .flag.tj {
    height: calc(10px * 2);
    background-position: calc(-4933px * 2) 0px;
}

.country-select .flag.tk {
    height: calc(10px * 2);
    background-position: calc(-4955px * 2) 0px;
}

.country-select .flag.tl {
    height: calc(10px * 2);
    background-position: calc(-4977px * 2) 0px;
}

.country-select .flag.tm {
    height: calc(14px * 2);
    background-position: calc(-4999px * 2) 0px;
}

.country-select .flag.tn {
    height: calc(14px * 2);
    background-position: calc(-5021px * 2) 0px;
}

.country-select .flag.to {
    height: calc(10px * 2);
    background-position: calc(-5043px * 2) 0px;
}

.country-select .flag.tr {
    height: calc(14px * 2);
    background-position: calc(-5065px * 2) 0px;
}

.country-select .flag.tt {
    height: calc(12px * 2);
    background-position: calc(-5087px * 2) 0px;
}

.country-select .flag.tv {
    height: calc(10px * 2);
    background-position: calc(-5109px * 2) 0px;
}

.country-select .flag.tw {
    height: calc(14px * 2);
    background-position: calc(-5131px * 2) 0px;
}

.country-select .flag.tz {
    height: calc(14px * 2);
    background-position: calc(-5153px * 2) 0px;
}

.country-select .flag.ua {
    height: calc(14px * 2);
    background-position: calc(-5175px * 2) 0px;
}

.country-select .flag.ug {
    height: 14px;
    height: calc(14px * 2);
    background-position: calc(-5197px * 2) 0px;
}

.country-select .flag.um {
    height: calc(11px * 2);
    background-position: calc(-5219px * 2) 0px;
}

.country-select .flag.us {
    height: calc(11px * 2);
    background-position: calc(-5241px * 2) 0px;
}

.country-select .flag.uy {
    height: calc(14px * 2);
    background-position: calc(-5263px * 2) 0px;
}

.country-select .flag.uz {
    height: calc(10px * 2);
    background-position: calc(-5285px * 2) 0px;
}

.country-select .flag.va {
    height: calc(15px * 2);
    background-position: calc(-5307px * 2) 0px;
}

.country-select .flag.vc {
    height: calc(14px * 2);
    background-position: calc(-5324px * 2) 0px;
}

.country-select .flag.ve {
    height: calc(14px * 2);
    background-position: calc(-5346px * 2) 0px;
}

.country-select .flag.vg {
    height: calc(10px * 2);
    background-position: calc(-5368px * 2) 0px;
}

.country-select .flag.vi {
    height: calc(14px * 2);
    background-position: calc(-5390px * 2) 0px;
}

.country-select .flag.vn {
    height: calc(14px * 2);
    background-position: calc(-5412px * 2) 0px;
}

.country-select .flag.vu {
    height: calc(12px * 2);
    background-position: calc(-5434px * 2) 0px;
}

.country-select .flag.wf {
    height: calc(14px * 2);
    background-position: calc(-5456px * 2) 0px;
}

.country-select .flag.ws {
    height: calc(10px * 2);
    background-position: calc(-5478px * 2) 0px;
}

.country-select .flag.xk {
    height: calc(15px * 2);
    background-position: calc(-5500px * 2) 0px;
}

.country-select .flag.ye {
    height: calc(14px * 2);
    background-position: calc(-5522px * 2) 0px;
}

.country-select .flag.yt {
    height: calc(14px * 2);
    background-position: calc(-5544px * 2) 0px;
}

.country-select .flag.za {
    height: calc(14px * 2);
    background-position: calc(-5566px * 2) 0px;
}

.country-select .flag.zm {
    height: calc(14px * 2);
    background-position: calc(-5588px * 2) 0px;
}

.country-select .flag.zw {
    height: calc(10px * 2);
    background-position: calc(-5610px * 2) 0px;
}

/* country select dropdown end */
.form-group {
    position: relative;
}

span.error#nid-number-error {
    top: 26px !important;
}

span.error#checkbox-error {
    top: 0px !important;
}

span.error {
    color: #ff0000 !important;
    position: absolute;
    right: 20px !important;
    top: 50px !important;
    left: auto !important;
    text-transform: none !important;
    min-width: max-content;
}

input.error {
    border-color: rgba(255, 0, 0, 0.50) !important;
}

input.error:focus {
    background: transparent !important;
    border: 1px solid rgba(255, 0, 0, 0.50) !important;
}

/*-- preview-img --*/
.preview {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 0;
    display: none;
}

.preview.preview-img {
    display: block;
    z-index: 111;
    opacity: 0.9;
    filter: brightness(70%);
}

.ugf-form .input-block .file-input-wrap .custom-file .custom-file-label:after {
    z-index: 1111;
}

.upload-icon {
    z-index: 1111;
}

@media all and (max-width: 1199px) {
    .ugf-progress {
        position: relative;
    }

    .ugf-progress .progress {
        max-width: 250px;
    }
}

@media all and (max-width: 991px) {
    .ugf-progress {
        position: relative;
    }

    .ugf-progress .progress {
        position: absolute;
        top: -40px;
        z-index: 1;
    }
}

@media all and (max-width: 767px) {
    .navigation .logo img {
        height: 35px;
    }

    .navigation .nav-btns .back {
        display: none;
    }

    .navigation .nav-btns .get {
        padding: 0 20px;
        height: 40px;
        line-height: 40px;
        font-size: 1.2rem;
    }

    .footer-wrap {
        display: block;
    }

    .footer-wrap .copyright {
        text-align: center;
    }

    .footer-wrap .footer-nav {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .footer-wrap .footer-nav li {
        margin-right: 10px;
        margin-left: 10px;
    }

    .footer-wrap .footer-nav li+li {
        margin-left: 10px;
    }
}

@media all and (max-width: 500px) {
    .ugf-form .input-block .file-input-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .ugf-form .input-block .file-input-wrap .custom-file {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
    }

    .ugf-form .input-block .conditions ul {
        display: block;
    }

    .ugf-form .input-block .conditions ul li+li {
        margin-top: 5px;
    }
}