.e-leads-public-form-wrap {
width: 100%;
max-width: none;
box-sizing: border-box;
}
:is(
.elct-wrap,
.elct-wrapper,
.elct-app,
.elct-booking,
.elct-booking-wrap,
.elct-booking-wrapper,
.elct-form-wrap,
.elct-form-wrapper,
.elct-design-classic,
.elct-design-modern
) {
width: 100%;
max-width: none;
box-sizing: border-box;
color: var(--ef-text, #18181b);
font-family: var(--ef-font-family, system-ui, sans-serif);
} form[id^="elct-"],
form[class^="elct-"],
form[class*=" elct-"],
form[class~="elct-form"],
form[class~="elct-booking-form"],
:is(.elct-design-classic,.elct-design-modern,.elct-wrap,.elct-wrapper,.elct-app) > form,
:is(.elct-design-classic,.elct-design-modern,.elct-wrap,.elct-wrapper,.elct-app) > :is(.elct-form,.elct-booking-form,.elct-form-shell) {
width: 100%;
max-width: var(--ef-form-max-width, none);
box-sizing: border-box;
margin-left: var(--ef-form-margin-left, 0);
margin-right: var(--ef-form-margin-right, auto);
padding: var(--ef-form-pt, 0) var(--ef-form-pr, 0) var(--ef-form-pb, 0) var(--ef-form-pl, 0);
background: var(--ef-form-bg, transparent);
border: var(--ef-form-border-width, 0) var(--ef-form-border-style, solid) var(--ef-form-border-color, transparent);
border-radius: var(--ef-form-radius, 0);
box-shadow: var(--ef-form-shadow, none);
color: var(--ef-text, #18181b);
font-family: var(--ef-font-family, system-ui, sans-serif);
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(.elct-row,.elct-fields,.elct-field-grid,.elct-form-grid) {
column-gap: var(--ef-gap-x, 18px);
row-gap: var(--ef-gap-y, 18px);
} :is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(.elct-field-label,.elct-label,.elct-form-label,label) {
display: block;
color: var(--ef-label-color, #18181b);
font-size: var(--ef-label-size, 14px);
font-weight: var(--ef-label-weight, 600);
line-height: var(--ef-label-line-height, 1.4);
margin-bottom: var(--ef-label-margin-bottom, 6px);
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(.required,.is-required,.elct-required,.elct-asterisk) {
color: var(--ef-required-color, #ef4444);
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(.elct-help,.elct-help-text,.elct-description,.elct-field-description,.description) {
color: var(--ef-help-color, #71717a);
font-size: var(--ef-help-size, 13px);
} :is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(
input[type="text"],input[type="email"],input[type="tel"],input[type="number"],
input[type="date"],input[type="time"],input[type="url"],input[type="search"],
input[type="file"],select,textarea
) {
width: 100%;
min-height: var(--ef-input-height, 46px);
box-sizing: border-box;
padding-left: var(--ef-input-padding-x, 14px);
padding-right: var(--ef-input-padding-x, 14px);
background-color: var(--ef-input-bg, #f4f4f5);
color: var(--ef-input-text, #18181b);
border: var(--ef-input-border-width, 2px) solid var(--ef-border, #e4e4e7);
border-radius: var(--ef-radius, 12px);
box-shadow: var(--ef-input-shadow, none);
font-family: var(--ef-font-family, system-ui, sans-serif);
font-size: var(--ef-field-font-size, 15px);
font-weight: var(--ef-input-font-weight, 400);
line-height: 1.35;
transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease, color .16s ease;
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="date"],input[type="time"],input[type="url"],input[type="search"],select) {
height: var(--ef-input-height, 46px);
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern) select {
appearance: none;
-webkit-appearance: none;
padding-right: 38px;
background-image: var(--ef-select-arrow-image);
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 16px 16px;
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern) textarea {
min-height: var(--ef-textarea-height, 120px);
height: auto;
resize: var(--ef-textarea-resize, vertical);
padding-top: 11px;
padding-bottom: 11px;
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(input,textarea)::placeholder {
color: var(--ef-placeholder, #8b8b95);
font-size: var(--ef-placeholder-size, 15px);
opacity: 1;
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="date"],input[type="time"],input[type="url"],input[type="search"],input[type="file"],select,textarea):hover:not(:disabled):not([readonly]) {
background-color: var(--ef-input-hover-bg, #f4f4f5);
border-color: var(--ef-input-hover-border, #a1a1aa);
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="date"],input[type="time"],input[type="url"],input[type="search"],input[type="file"],select,textarea):focus-visible {
outline: 0;
background-color: var(--ef-input-focus-bg, #fff);
border-color: var(--ef-input-focus-border, #3452ff);
box-shadow: 0 0 0 var(--ef-focus-ring-width, 3px) rgba(var(--ef-focus-ring-rgb, 52,82,255), .18);
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(.is-invalid,[aria-invalid="true"],.elct-invalid,.has-error input,.has-error select,.has-error textarea) {
background-color: var(--ef-invalid-bg, #fff7f7);
border-color: var(--ef-invalid-border, #dc2626);
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(.elct-field-error,.elct-error-text,.field-error) {
color: var(--ef-error-text, #b91c1c);
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(input,select,textarea):is(:disabled,[readonly]) {
background: var(--ef-disabled-bg, #eeeeef);
color: var(--ef-disabled-text, #8b8b95);
opacity: var(--ef-disabled-opacity, .7);
cursor: not-allowed;
} :is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(.elct-options,.elct-choice-list,.elct-radio-group,.elct-checkbox-group,.elct-treatment-list) {
display: var(--ef-choice-display, flex);
flex-direction: var(--ef-choice-direction, column);
grid-template-columns: var(--ef-choice-columns, none);
flex-wrap: var(--ef-choice-wrap, nowrap);
gap: var(--ef-choice-gap, 8px);
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(.elct-option,.elct-choice,.elct-radio-option,.elct-checkbox-option,.elct-treatment-option) {
display: flex;
align-items: center;
gap: 10px;
padding: var(--ef-choice-py, 11px) var(--ef-choice-px, 14px);
background: var(--ef-choice-bg, #f4f4f5);
color: var(--ef-text, #18181b);
border: var(--ef-input-border-width, 2px) solid var(--ef-choice-border, #e4e4e7);
border-radius: var(--ef-choice-radius, 12px);
font-size: var(--ef-choice-text-size, 14px);
font-weight: var(--ef-choice-text-weight, 500);
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(.elct-option.is-selected,.elct-choice.is-selected,.elct-radio-option.is-selected,.elct-checkbox-option.is-selected,.elct-treatment-option.is-selected,.elct-option:has(input:checked),.elct-choice:has(input:checked),.elct-radio-option:has(input:checked),.elct-checkbox-option:has(input:checked),.elct-treatment-option:has(input:checked)) {
background: var(--ef-choice-selected-bg, #eef1ff);
border-color: var(--ef-choice-selected-border, #3452ff);
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(input[type="checkbox"],input[type="radio"]) {
width: var(--ef-choice-control-size, 18px);
height: var(--ef-choice-control-size, 18px);
accent-color: var(--ef-primary, #3452ff);
flex: 0 0 auto;
} :is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(.elct-gdpr,.elct-consent,.elct-privacy-consent,.elct-checkbox-consent) {
padding: var(--ef-gdpr-py, 13px) var(--ef-gdpr-px, 14px);
background: var(--ef-gdpr-bg, #f4f4f5);
border: var(--ef-input-border-width, 2px) solid var(--ef-gdpr-border, #e4e4e7);
border-radius: var(--ef-gdpr-radius, 12px);
color: var(--ef-text, #18181b);
font-size: var(--ef-gdpr-text-size, 14px);
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(.elct-gdpr,.elct-consent,.elct-privacy-consent,.elct-checkbox-consent):has(input:checked) {
border-color: var(--ef-gdpr-checked-border, #3452ff);
} :is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-booking-wrap,.elct-booking-wrapper,.elct-form-wrap,.elct-form-wrapper,.elct-design-classic,.elct-design-modern,form[id^="elct-"],form[class^="elct-"],form[class*=" elct-"])
:is(button[type="submit"],input[type="submit"],.elct-submit,.elct-btn-primary,.elct-primary-button,.elct-next) {
-webkit-appearance: none !important;
appearance: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: var(--ef-button-width, 100%) !important;
min-height: var(--ef-button-height, 48px) !important;
height: auto !important;
max-width: none !important;
box-sizing: border-box !important;
padding: 0 var(--ef-button-padding-x, 22px) !important;
background: var(--ef-primary, #3452ff) !important;
background-color: var(--ef-primary, #3452ff) !important;
background-image: none !important;
border-width: var(--ef-button-border-width, 0) !important;
border-style: solid !important;
border-color: var(--ef-button-border-color, #3452ff) !important;
border-radius: var(--ef-button-radius, 12px) !important;
box-shadow: var(--ef-button-shadow, none) !important;
color: var(--ef-primary-fg, #fff) !important;
-webkit-text-fill-color: var(--ef-primary-fg, #fff) !important;
font-family: var(--ef-font-family, system-ui, sans-serif) !important;
font-size: var(--ef-button-font-size, 15px) !important;
font-weight: var(--ef-button-font-weight, 700) !important;
line-height: 1.2 !important;
text-align: center !important;
text-decoration: none !important;
text-transform: none !important;
text-shadow: none !important;
opacity: 1 !important;
transition: transform .18s cubic-bezier(.2,.8,.2,1), background-color .18s ease, box-shadow .18s ease, color .18s ease !important;
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-booking-wrap,.elct-booking-wrapper,.elct-form-wrap,.elct-form-wrapper,.elct-design-classic,.elct-design-modern,form[id^="elct-"],form[class^="elct-"],form[class*=" elct-"])
:is(button[type="submit"],input[type="submit"],.elct-submit,.elct-btn-primary,.elct-primary-button,.elct-next)::before,
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-booking-wrap,.elct-booking-wrapper,.elct-form-wrap,.elct-form-wrapper,.elct-design-classic,.elct-design-modern,form[id^="elct-"],form[class^="elct-"],form[class*=" elct-"])
:is(button[type="submit"],input[type="submit"],.elct-submit,.elct-btn-primary,.elct-primary-button,.elct-next)::after {
content: none !important;
display: none !important;
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-booking-wrap,.elct-booking-wrapper,.elct-form-wrap,.elct-form-wrapper,.elct-design-classic,.elct-design-modern,form[id^="elct-"],form[class^="elct-"],form[class*=" elct-"])
:is(button[type="submit"],input[type="submit"],.elct-submit,.elct-btn-primary,.elct-primary-button,.elct-next):hover {
background: var(--ef-button-hover-bg, #001bb5) !important;
background-color: var(--ef-button-hover-bg, #001bb5) !important;
background-image: none !important;
color: var(--ef-button-hover-fg, #fff) !important;
-webkit-text-fill-color: var(--ef-button-hover-fg, #fff) !important;
transform: translateY(calc(-1 * var(--ef-button-lift, 3px))) !important;
box-shadow: var(--ef-button-hover-shadow, 0 8px 18px rgba(52,82,255,.30)) !important;
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(button[type="submit"],input[type="submit"],.elct-submit,.elct-btn-primary,.elct-primary-button,.elct-next):active {
transform: translateY(0);
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(button,input[type="submit"]):disabled {
opacity: var(--ef-disabled-opacity, .7);
cursor: not-allowed;
transform: none;
box-shadow: none;
} :is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(.elct-back,.elct-prev,.elct-previous,.elct-btn-secondary,.elct-secondary-button) {
-webkit-appearance: none !important;
appearance: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: var(--ef-button-height, 48px) !important;
padding: 0 var(--ef-button-padding-x, 22px) !important;
background: var(--ef-secondary-bg, #fff) !important;
background-color: var(--ef-secondary-bg, #fff) !important;
background-image: none !important;
color: var(--ef-secondary-text, #18181b) !important;
-webkit-text-fill-color: var(--ef-secondary-text, #18181b) !important;
border: 1px solid var(--ef-secondary-border, #d4d4d8) !important;
border-radius: var(--ef-button-radius, 12px) !important;
font-size: var(--ef-button-font-size, 15px) !important;
font-weight: var(--ef-button-font-weight, 700) !important;
line-height: 1.2 !important;
text-decoration: none !important;
text-transform: none !important;
text-shadow: none !important;
transition: background-color .16s ease, transform .16s ease, box-shadow .16s ease !important;
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(.elct-back,.elct-prev,.elct-previous,.elct-btn-secondary,.elct-secondary-button):hover {
background: var(--ef-secondary-hover-bg, #f4f4f5) !important;
background-color: var(--ef-secondary-hover-bg, #f4f4f5) !important;
box-shadow: var(--ef-button-shadow, none) !important;
transform: translateY(-1px) !important;
} :is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(.elct-stepper,.elct-steps,.elct-progress-steps) {
display: flex;
flex-wrap: wrap;
gap: var(--ef-step-gap, 10px);
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(.elct-step,.elct-step-indicator,.elct-progress-step) {
background: var(--ef-step-bg, #f7f7f8);
color: var(--ef-step-text, #71717a);
border: 1px solid var(--ef-step-border, #e4e4e7);
border-radius: var(--ef-step-radius, 999px);
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(.elct-step.is-active,.elct-step-indicator.is-active,.elct-progress-step.is-active,.elct-step.current,.elct-step-indicator.current) {
background: var(--ef-step-active-bg, #eef1ff);
color: var(--ef-step-active-text, #18181b);
border-color: var(--ef-step-active-border, #3452ff);
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(.elct-step-number,.elct-step-index) {
background: var(--ef-step-number-bg, #fff);
color: var(--ef-step-number-text, #18181b);
} :is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(.elct-error,.elct-alert-error,.elct-validation-message) {
padding: var(--ef-alert-py, 12px) var(--ef-alert-px, 16px);
background: var(--ef-error-bg, #fff1f2);
color: var(--ef-error-box-text, #991b1b);
border: 1px solid var(--ef-error-border, #fecdd3);
border-radius: var(--ef-alert-radius, 12px);
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(.elct-success,.elct-alert-success) {
padding: var(--ef-alert-py, 12px) var(--ef-alert-px, 16px);
background: var(--ef-success-bg, #ecfdf5);
color: var(--ef-success-text, #047857);
border-radius: var(--ef-alert-radius, 12px);
} :is(.elct-modal-overlay,.elct-dialog-overlay,.elct-success-overlay) {
background: rgba(var(--ef-overlay-rgb, 0,0,0), var(--ef-overlay-opacity, .45));
-webkit-backdrop-filter: blur(var(--ef-overlay-blur, 4px));
backdrop-filter: blur(var(--ef-overlay-blur, 4px));
}
:is(.elct-modal,.elct-dialog,.elct-modal-card,.elct-dialog-card,.elct-success-modal) {
max-width: var(--ef-modal-max-width, 420px);
padding: var(--ef-modal-padding, 28px);
background: var(--ef-modal-bg, #fff);
color: var(--ef-text, #18181b);
border: 1px solid var(--ef-modal-border, #e4e4e7);
border-radius: var(--ef-modal-radius, 18px);
box-shadow: var(--ef-modal-shadow, 0 24px 60px rgba(15,23,42,.22));
}
:is(.elct-modal-icon,.elct-success-icon) {
background: var(--ef-modal-icon-bg, #eef1ff);
color: var(--ef-modal-icon-color, #3452ff);
}
@media (max-width: 900px) and (min-width: 683px) {
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(.elct-row,.elct-fields,.elct-field-grid,.elct-form-grid) {
column-gap: var(--ef-tablet-gap-x, 14px);
row-gap: var(--ef-tablet-gap-y, 14px);
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="date"],input[type="time"],input[type="url"],input[type="search"],select) {
min-height: var(--ef-tablet-input-height, 46px);
height: var(--ef-tablet-input-height, 46px);
}
}
@media (max-width: 682px) {
form[id^="elct-"],form[class^="elct-"],form[class*=" elct-"],
:is(.elct-design-classic,.elct-design-modern,.elct-wrap,.elct-wrapper,.elct-app) > :is(form,.elct-form,.elct-booking-form,.elct-form-shell) {
padding: var(--ef-mobile-form-padding, 0);
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(.elct-row,.elct-fields,.elct-field-grid,.elct-form-grid) {
row-gap: var(--ef-mobile-gap-y, 14px);
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="date"],input[type="time"],input[type="url"],input[type="search"],select) {
min-height: var(--ef-mobile-input-height, 46px);
height: var(--ef-mobile-input-height, 46px);
font-size: var(--ef-mobile-input-font-size, 16px);
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(button[type="submit"],input[type="submit"],.elct-submit,.elct-btn-primary,.elct-primary-button,.elct-next,.elct-back,.elct-prev) {
min-height: var(--ef-mobile-button-height, 50px) !important;
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(.elct-options,.elct-choice-list,.elct-radio-group,.elct-checkbox-group,.elct-treatment-list) {
grid-template-columns: 1fr;
}
}
@media (prefers-reduced-motion: reduce) {
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(button,input,select,textarea) {
transition: none !important;
}
:is(.elct-wrap,.elct-wrapper,.elct-app,.elct-booking,.elct-design-classic,.elct-design-modern)
:is(button[type="submit"],input[type="submit"],.elct-submit,.elct-btn-primary,.elct-primary-button,.elct-next,.elct-back,.elct-prev):hover {
transform: none !important;
}
}