.ee-form-widget .h3,
.ee-form-widget h2,
.ee-form-widget h3 {
    font-weight: 600 !important
}

:root {
    --ee-main-bg-color: #f2f2f2;
    --ee-main-txt-color: #000000;
    --ee-main-padding: 24px;
    --ee-primary-color: #244C99;
    --ee-link-color: rgb(0, 0, 255);
    --ee-black-color: #000;
    --ee-white-color: #fff;
    --ee-secondary-color: #666;
    --ee-warning-color: #244C99;
    --ee-success-color: #244C99;
    --ee-danger-color: #ff0000;
    --ee-default-button-color: #ffffff;
    --ee-border-color: #ccc;
    --ee-font-family: Roboto, sans-serif;
    --ee-button-hover-bg-color: #244C99;
    --ee-button-hover-text-color: #000;
    --ee-link-button-text-color: #244C99;
    --ee-link-button-text-hover-bg-color: #d9e3f6;
    --ee-scrollbar-track-bg-color: #d9e3f6;
    --ee-scrollbar-thumb-bg-color: #244C99;
    --ee-placeholder-text-color: #999;
    --ee-modal-close-button-color: #7D7D7D
}

.ee-form-widget-enter-otp .otp-input[type=number] {
    border: 1px solid var(--ee-placeholder-text-color) !important
}

.ee-form-widget-enter-otp .otp-input[type=number]::-webkit-input-placeholder {
    font-size: 20px
}

.ee-form-widget-enter-otp .otp-input[type=number]:-ms-input-placeholder {
    font-size: 20px
}

.ee-form-widget-enter-otp .otp-input[type=number]::placeholder {
    font-size: 20px
}

.ee-form-widget {
    font-size: 14px;
    line-height: 1
}

.ee-form-widget .h3,
.ee-form-widget h3 {
    font-size: 15px
}

.ee-form-widget .h3,
.ee-form-widget h2 {
    font-size: 20px
}

.ee-form-footer.controls button:not(:last-child),
.ee-form-widget .btn-feedback-control,
.ee-form-widget .btn.btn-login,
.ee-form-widget .btn.btn-send-otp {
    background-color: transparent !important;
    color: var(--ee-link-button-text-color) !important;
    border: 1px solid transparent !important
}

.ee-form-footer.controls button:hover,
.ee-form-widget .btn:hover {
    background-color: var(--ee-link-button-text-hover-bg-color) !important;
    color: var(--ee-link-button-text-color) !important;
    border: 1px solid transparent !important
}

.ee-form-widget .btn.btn-send-otp {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.ee-form-widget .btn {
    font-weight: 500;
    font-size: 14px !important;
    padding: 5px 8px !important
}

.ee-form-widget .btn.btn-send-otp.disabled[isverified=false],
.ee-form-widget .btn.btn-send-otp.disabled[isverified=false]:hover {
    background-color: transparent !important;
    color: var(--ee-link-button-text-color) !important;
    border: 1px solid transparent !important;
    opacity: .3 !important;
    cursor: not-allowed !important
}

.ee-form-widget .btn-feedback-control.btn-verify-otp,
.ee-form-widget .btn.btn-submit:not(.btn-send-otp),
.ee-form-widget .modal-footer.feedback-footer .btn-feedback-control:only-child {
    background-color: var(--ee-primary-color) !important;
    color: var(--ee-white-color) !important;
    border: 1px solid var(--ee-primary-color) !important
}

.ee-form-widget .btn-feedback-control.btn-verify-otp:hover,
.ee-form-widget .btn.btn-submit:not(.btn-send-otp):hover,
.ee-form-widget .modal-footer.feedback-footer .btn-feedback-control:only-child:hover {
    background-color: var(--ee-link-button-text-hover-bg-color) !important;
    color: var(--ee-link-button-text-color) !important;
    border: 1px solid var(--ee-link-button-text-hover-bg-color) !important
}

.ee-form-widget .btn-feedback-control.btn-verify-otp.disabled,
.ee-form-widget .btn-feedback-control.btn-verify-otp.disabled:hover,
.ee-form-widget .btn.btn-submit:not(.btn-send-otp).disabled,
.ee-form-widget .btn.btn-submit:not(.btn-send-otp).disabled:hover {
    background-color: var(--ee-primary-color) !important;
    color: var(--ee-white-color) !important;
    border: 1px solid var(--ee-primary-color) !important;
    opacity: 1 !important;
    cursor: not-allowed !important
}

.ee-form-widget .ee-form-widget-feedback,
.ee-form-widget .ee-form-widget-form {
    background-color: transparent;
    font-size: 1.5em;
    line-height: 1.6em;
    height: 590px
}

.select2-container .select2-selection--single,
button#ee-form-1-form-1-btnSendOTP {
    height: 32px
}

.ee-floating-control-container {
    font-size: 1.5em;
    line-height: 1.5em;
    display: none !important
}

.ee-form-widget label {
    color: #000;
    font-weight: 400
}

.ee-form-widget label[for=ee-form-1-form-1-iAgree] span {
    left: 6px;
    top: -3px;
    text-align: left;
    font-size: 12px;
    line-height: 20px
}

.ee-form-widget .col-75 {
    padding-bottom: 16px
}

.ee-form-widget .select2-container--default .select2-selection--single .select2-selection__rendered {
    text-align: left;
    line-height: 36px;
}

label[for=ee-form-1-form-1-iAgree] {
    display: flex;
    color: #000;
    padding-top: 0 !important
}

.ee-form-footer .btn {
    padding: 6px 10px
}

.select2-results__option {
    text-align: left;
    padding: 2px 8px !important;
    color: var(--ee-black-color) !important
}

.ee-form-widget-feedback .modal-body {
    padding-top: 0;
    padding-bottom: 0
}

.ee-form-widget-feedback .modal-footer {
    padding: 8px 20px
}

.ee-form-widget-feedback {
    font-size: 16px !important;
    line-height: 1;
    background: 0 0
}

.ee-form-widget .modal-header .close:focus {
    outline: 0
}

.ee-form-widget .modal-header .close {
    margin-top: unset;
    position: absolute;
    top: -2px;
    right: 20px;
    color: var(--ee-modal-close-button-color);
    font-weight: 400
}

.ee-form-widget.ee-form-widget-enter-otp {
    font-size: 1em
}

.ee-form-widget h2.ee-form-heading {
    font-size: 24px;
    text-align: center !important;
    font-family: var(--ee-font-family) !important;
    color: #393939;
    font-weight: 600
}

div#ee-form-1-modal-swapper {
    background-color: #fff !important
}

.hide-me {
    display: none !important
}

p.ee-form-instruction {
    text-align: center;
    color: #123672;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 16px;
}

.ee-form-widget a.ee-form-widget {
    color: rgb(246 30 8) !important;
    transition: .35s;
    text-decoration: underline
}

.ee-form-widget a:focus,
.ee-form-widget a:hover {
    color: rgb(0 0 0) !important;
    text-decoration: underline
}

div#ee-form-1 {
    width: 435px;
    margin-left: auto;
    box-shadow: 0 3px 10px rgb(0 0 0 / .2)
}

input#ee-form-1-form-1-email,
input#ee-form-1-form-1-firstName,
input#ee-form-1-form-1-lastName,
input#ee-form-1-form-1-mobile,
input#ee-form-1-form-1-password {
    height: 32px;
    padding-top: 6px !important
}

button#ee-form-1-form-1-submit {
    margin-top: 1px;
    font-size: smaller
}

.ee-form-widget .controls .btn:not(:last-child) {
    margin-right: 20px;
    font-size: smaller
}

.error {
    display: inline-block !important;
    position: relative;
    bottom: 14px;
    height: 6px;
    text-transform: none
}

.ee-form-widget .col-25 {
    display: none
}

.ee-form-widget label:not([for=ee-form-1-form-1-iAgree]) {
    display: block !important
}

.ee-form-widget-form {
    height: auto !important
}

.ee-form-widget .iti--allow-dropdown {
    margin-bottom: 8px !important
}

.ee-form-1-form-1-iAgree {
    padding-botton: 0px
}

#ee-form-1 {
    background: 0 0 !important
}

.ee-form-widget .btn {
    line-height: 18px
}

.ee-form-widget .modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 1rem;
    font-size: 17px;
    line-height: 1.1em;
    font-weight: 300
}

.ee-form-widget .modal-body * {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400
}

.ee-form-widget b,
.ee-form-widget strong {
    font-weight: 400;
    font-size: 15px
}

.ee-form-widget-enter-otp .modal-footer {
    display: flex !important
}

.ee-form-widget .modal-header {
    border: none
}

.ee-form-widget .modal-header strong {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px
}

@media only screen and (max-width:768px) {
    #ee-send-otp-button-wrapper {
        float: right;
        position: relative
    }

    .inline-inputs {
        display: flex !important
    }

    .check-box-field span {
        line-height: 16px;
        margin-top: 5px
    }

    .ee-form-widget label[for=ee-form-1-form-1-iAgree] span {
        top: -9px
    }
}

::-webkit-input-placeholder {
    color: var(--ee-placeholder-text-color) !important;
    font-family: var(--ee-font-family) !important;
    font-size: 13px
}

:-ms-input-placeholder {
    color: var(--ee-placeholder-text-color) !important;
    font-family: var(--ee-font-family) !important;
    font-size: 13px
}

::placeholder {
    color: var(--ee-placeholder-text-color) !important;
    font-family: var(--ee-font-family) !important;
    font-size: 13px
}

.ee-form-body.TWO_COLUMNS>.ee-row.full-width {
    width: 98% !important;
    margin-left: 1% !important;
    margin-right: 1% !important
}

.ee-form-body.TWO_COLUMNS>.ee-row:not(.full-width) {
    margin-right: 1%;
    margin-left: 1%;
    width: calc(48%)
}

.ee-form-widget #ee-send-otp-button-wrapper {
    margin-left: 2px
}

@media screen and (max-width:600px) {
    .ee-form-body.TWO_COLUMNS>.ee-row:not(.full-width):not(.full-width) {
        width: calc(100%);
        margin-right: unset !important
    }

    .ee-form-widget #ee-send-otp-button-wrapper {
        margin-top: -3px
    }
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 6px !important;
    top: 3px !important
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--ee-placeholder-text-color) !important;
    font-family: var(--ee-font-family) !important;
    font-size: 13px
}

.ee-form-widget .select2-results__options::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: var(--ee-scrollbar-track-bg-color)
}

.ee-form-widget .select2-results__options::-webkit-scrollbar-thumb {
    background: var(--ee-scrollbar-thumb-bg-color)
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--ee-scrollbar-thumb-bg-color);
    color: var(--ee-white-color) !important
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--ee-scrollbar-track-bg-color);
    color: var(--ee-black-color) !important
}

.ee-form-widget .modal-footer {
    padding-top: 0;
    padding-bottom: 10px;
    border: none
}

.ee-form-widget .btn-send-otp[isverified=true] {
    color: #5ab53b !important
}

#ee-form-1-form-1-submit p {
    margin-bottom: 0 !important;
    width: 223px !important
}

.ee-form-footer {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 102%
}

#ee-form-1-form-1-submit {
    margin-bottom: 2px !important
}

.ee-form-widget .half-width {
    width: 48% !important
}

@media only screen and (max-width:600px) {
    #ee-form-1-form-1-login {
        width: 72px;
        position: relative;
        left: 10px
    }

    #ee-form-1-form-1-submit {
        width: 200px
    }

    #ee-form-1-form-1-submit p {
        width: 186px !important
    }
}

.ee-form-widget .select2-results__options {
    margin-bottom: unset !important
}

.ee-form-widget label[for=ee-form-1-form-1-iAgree] input {
    display: block
}

.ee-form-widget .modal-body .body,
.ee-form-widget .otp-error {
    text-align: left;
    font-size: 14px;
    line-height: 18px
}

.ee-form-widget-enter-otp .modal-footer div:not(:last-child) .btn {
    margin-bottom: .5em;
    font-size: 15px;
    font-weight: 400
}

.ee-form-widget .btn.btn-feedback-control.btn-small {
    margin-bottom: .5em;
    height: 40px;
    font-size: 15px;
    font-weight: 400
}

@media only screen and (max-width:1023.9px) {
    div#ee-form-1 {
        width: unset;
        margin-left: auto;
        box-shadow: 0 3px 10px rgb(0 0 0 / .2);
        margin-top: -138px !important;
    }
}
@media only screen and (max-width:1023.9px) {
    .ee-form-widget .close {
        position: absolute !important;
        right: 27px !important;
        top: -118px !important;
        color: black !important;
    }
}
@media only screen and (max-width:1023.9px) {
    input#ee-form-1-form-1-iAgree {
        margin-top: -19px !important;
    }
}
.ee-form-widget .close {
    position: absolute;
    right: 29px;
    top: 20px;
    color: black;
}

#form-ee-form-5-form-5 .iti.iti--allow-dropdown.iti--separate-dial-code{
    margin-bottom: 0px !important;
}

#ee-form-5-modal-swapper .modal-header .close{
    /* z-index: 999 !important;
    top: 0 !important;
    right: 0 !important; */
    display: none !important;
}

#ee-form-5-modal-swapper #ee-form-5-form-5-iAgree{
    margin-bottom: 0 !important;
    margin-right: 8px !important;
    padding-top: 0px !important;
}

#ee-form-5-modal-swapper .ee-form-footer.ee-row.controls #ee-form-5-form-5-submit{
    min-width: 120px !important;
}

#ee-form-5-form-5-mobile{
    padding-left: 88px !important;
}

#ee-form-5-modal-swapper .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 19px !important;
}

#ee-form-5-modal-swapper  .select2-results__option{
    line-height: 36px !important;
}

#ee-form-5-modal-swapper .select2-container .select2-selection--single{
    min-height: 40px !important;
}

#ee-form-5-modal-swapper #form-ee-form-5-form-5 .iti__flag {
  background-image: url("https://eequeuestorage.blob.core.windows.net/staticfiles/ee-form-widget/img/flags.png");
  background-size: unset;
}

/* Ensure background is always accessible */
body {
    filter: none !important;
    -webkit-filter: none !important;
    overflow: auto !important;
}

/* Remove blur from all elements when modal is hidden */
body > *:not(#ee-form-5-modal-swapper) {
    filter: none !important;
    -webkit-filter: none !important;
    pointer-events: auto !important;
}

/* When modal is hidden (display: none), ensure background is accessible */
#ee-form-5-modal-swapper[style*="display: none"] ~ * {
    filter: none !important;
    pointer-events: auto !important;
}

/* Remove any backdrop that might be blocking interaction */
.modal-backdrop,
.ee-form-backdrop,
[class*="backdrop"] {
    display: none !important;
    opacity: 0 !important;
}

/* Ensure main content is always clickable */
main, 
#root, 
.content,
[role="main"],
body > div:not(#ee-form-5-modal-swapper) {
    filter: none !important;
    -webkit-filter: none !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    background-color: transparent !important;
}

/* Remove any overlay classes from body */
body.modal-open,
body.ee-form-open {
    overflow: auto !important;
    padding-right: 0 !important;
}

body .jquery-modal.blocker.behind+.jquery-modal.blocker.current{
    display: block !important;
}
body .jquery-modal.blocker.current{
    display: none !important;
}