.iv-form-premium {
--ivf-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
--ivf-text: #222222;
--ivf-muted: #6B7280;
--ivf-placeholder: #9CA3AF;
--ivf-bg: #FFFFFF;
--ivf-bg-muted: #F9FAFB;
--ivf-border: #E5E7EB;
--ivf-border-hover: #CBD5E1;
--ivf-border-focus: #111827;
--ivf-error: #B5473C;
--ivf-error-soft: rgba(181, 71, 60, 0.10);
--ivf-success: #067647;
--ivf-success-soft: rgba(6, 118, 71, 0.09);
--ivf-accent: #111827;
--ivf-accent-hover: #0B1220;
--ivf-accent-text: #FFFFFF;
--ivf-radius: 15px;
--ivf-height: 41px;
--ivf-gap: 24px;
--ivf-padding-x: 15px;
--ivf-caption-left: 12px;
--ivf-focus-ring: 0 0 0 3px rgba(17, 24, 39, 0.08);
font-family: var(--ivf-font);
color: var(--ivf-text);
}
.iv-form-premium--coral {
--ivf-accent: #FF385C;
--ivf-accent-hover: #E31C5F;
--ivf-border-focus: #FF385C;
--ivf-focus-ring: 0 0 0 3px rgba(255, 56, 92, 0.12);
}
.iv-form-premium,
.iv-form-premium *,
.iv-form-premium *::before,
.iv-form-premium *::after {
box-sizing: border-box;
}
.iv-form-premium form,
.iv-form-premium .jet-form-builder,
.iv-form-premium .jet-form-builder-form,
.iv-form-premium .jet-engine-form {
width: 100%;
max-width: 100%;
min-width: 0;
font-family: var(--ivf-font);
}
.iv-form-premium .ivf-field-row {
position: relative !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 0 var(--ivf-gap) !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
text-align: left !important;
}
.iv-form-premium .ivf-field-row:last-child {
margin-bottom: 0 !important;
}
.iv-form-premium .ivf-control-wrap,
.iv-form-premium .jet-form-builder__field-wrap,
.iv-form-premium .jet-engine-form__field-wrap {
position: relative;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0;
}
.iv-form-premium .ivf-control-wrap {
position: relative !important;
}
.iv-form-premium .jet-form-builder-row.ivf-field-row,
.iv-form-premium .jet-form-builder__row.ivf-field-row,
.iv-form-premium .jet-engine-row.ivf-field-row,
.iv-form-premium .jet-engine-form__row.ivf-field-row,
.iv-form-premium .wp-block-jet-form-builder-field.ivf-field-row {
margin-bottom: var(--ivf-gap) !important;
}
.iv-form-premium .ivf-field-row .ivf-field-row {
margin-bottom: 0 !important;
}
.iv-form-premium .ivf-control:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="tel"]),
.iv-form-premium select.ivf-control,
.iv-form-premium textarea.ivf-control {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 var(--ivf-padding-x) !important;
color: var(--ivf-text) !important;
-webkit-text-fill-color: var(--ivf-text) !important;
background: var(--ivf-bg) !important;
border: 1px solid var(--ivf-border) !important;
border-radius: var(--ivf-radius) !important;
outline: none !important;
box-shadow: none !important;
font-family: var(--ivf-font) !important;
font-size: 14.5px !important;
font-weight: 400 !important;
line-height: 1.35 !important;
text-align: left !important;
transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease !important;
}
.iv-form-premium input.ivf-control:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
.iv-form-premium select.ivf-control {
height: var(--ivf-height) !important;
min-height: var(--ivf-height) !important;
}
.iv-form-premium textarea.ivf-control {
min-height: 104px !important;
height: 104px !important;
padding: 24px var(--ivf-padding-x) 12px !important;
line-height: 1.45 !important;
resize: vertical;
}
.iv-form-premium .ivf-control:hover:not(:disabled):not(:focus) {
border-color: var(--ivf-border-hover) !important;
}
.iv-form-premium .ivf-field-row.ivf-is-active .ivf-control,
.iv-form-premium .ivf-control:focus,
.iv-form-premium .ivf-control:focus-visible {
border-color: var(--ivf-border) !important;
box-shadow: none !important;
outline: none !important;
}
.iv-form-premium .ivf-control:disabled,
.iv-form-premium .ivf-control[readonly],
.iv-form-premium .ivf-field-row.ivf-is-disabled .ivf-control {
color: var(--ivf-muted) !important;
-webkit-text-fill-color: var(--ivf-muted) !important;
background: var(--ivf-bg-muted) !important;
cursor: not-allowed;
opacity: 1;
}
.iv-form-premium .ivf-control::placeholder {
color: transparent !important;
opacity: 0 !important;
}
.iv-form-premium .ivf-original-label {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.iv-form-premium .ivf-caption {
position: absolute !important;
z-index: 4 !important;
top: 50% !important;
left: var(--ivf-caption-left) !important;
right: auto !important;
display: block !important;
width: auto !important;
max-width: calc(100% - 44px) !important;
margin: 0 !important;
padding: 0 !important;
color: var(--ivf-muted) !important;
background: transparent !important;
font-family: var(--ivf-font) !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1 !important;
text-align: left !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
transform: translateY(-50%) !important;
transform-origin: left center !important;
pointer-events: none !important;
transition: top 0.15s ease, color 0.15s ease, font-size 0.15s ease, transform 0.15s ease !important;
}
.iv-form-premium .ivf-field-row.ivf-is-active .ivf-caption,
.iv-form-premium .ivf-field-row.ivf-has-value .ivf-caption,
.iv-form-premium .ivf-field-row.ivf-always-float .ivf-caption {
top: 0 !important;
left: var(--ivf-caption-left) !important;
right: auto !important;
max-width: calc(100% - 24px) !important;
padding: 0 4px !important;
color: var(--ivf-muted) !important;
background: var(--ivf-bg) !important;
font-size: 11.5px !important;
font-weight: 600 !important;
letter-spacing: 0.01em !important;
text-align: left !important;
transform: translateY(-50%) !important;
}
.iv-form-premium .ivf-field-row.ivf-is-active .ivf-caption {
color: var(--ivf-border-focus) !important;
}
.iv-form-premium .ivf-select-row .ivf-caption,
.iv-form-premium .ivf-date-row .ivf-caption {
top: 0 !important;
left: var(--ivf-caption-left) !important;
padding: 0 4px !important;
background: var(--ivf-bg) !important;
font-size: 11.5px !important;
font-weight: 600 !important;
transform: translateY(-50%) !important;
}
.iv-form-premium
.ivf-textarea-row:not(.ivf-always-float):not(.ivf-is-active):not(.ivf-has-value)
.ivf-caption {
top: 17px !important;
left: var(--ivf-padding-x) !important;
transform: none !important;
}
.iv-form-premium select.ivf-control {
padding-right: 42px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23111827' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 14px center !important;
background-size: 16px 16px !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
.iv-form-premium input[type="tel"].ivf-control {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: var(--ivf-height) !important;
min-height: var(--ivf-height) !important;
margin: 0 !important;
padding-top: 0 !important;
padding-right: var(--ivf-padding-x) !important;
padding-bottom: 0 !important;
color: var(--ivf-text) !important;
-webkit-text-fill-color: var(--ivf-text) !important;
background: var(--ivf-bg) !important;
border: 1px solid var(--ivf-border) !important;
border-radius: var(--ivf-radius) !important;
outline: none !important;
box-shadow: none !important;
font-family: var(--ivf-font) !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1.35 !important;
text-align: left !important;
transition:
border-color 0.16s ease,
box-shadow 0.16s ease !important;
}
.iv-form-premium .iti,
.iv-form-premium .iti--allow-dropdown,
.iv-form-premium .iti--separate-dial-code {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
.iv-form-premium .ivf-field-shell--phone,
.iv-form-premium .ivf-phone-row {
position: relative !important;
z-index: 999999 !important;
}
.iv-form-premium .ivf-phone-row .iti {
position: relative !important;
z-index: auto !important;
}
.iv-form-premium .ivf-phone-row .iti__dropdown-content {
z-index: 999999 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
overflow: visible !important;
}
.iv-form-premium input.ivf-phone-auxiliary,
.iv-form-premium input.iti__hidden-input,
.iv-form-premium input[type="hidden"],
.iv-form-premium input[hidden],
.iv-form-premium input[aria-hidden="true"] {
display: none !important;
}
.iv-form-premium .iti__country-list {
z-index: 999999 !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
max-height: 250px !important;
margin-top: 6px !important;
padding: 6px !important;
background: #FFFFFF !important;
border: 1px solid var(--ivf-border) !important;
border-radius: 14px !important;
box-shadow: 0 16px 38px rgba(17, 24, 39, 0.16) !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
.iv-form-premium .iti__country {
padding: 9px 10px !important;
border-radius: 8px !important;
font-size: 14px !important;
}
.iv-form-premium .iti__country:hover,
.iv-form-premium .iti__highlight {
background: #F3F4F6 !important;
}
.iv-form-premium .iti__search-input {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 42px !important;
margin: 0 0 6px !important;
padding: 0 12px !important;
color: var(--ivf-text) !important;
background: #FFFFFF !important;
border: 1px solid var(--ivf-border) !important;
border-radius: 10px !important;
outline: none !important;
box-shadow: none !important;
font-family: var(--ivf-font) !important;
font-size: 14px !important;
line-height: 1.35 !important;
}
.iv-form-premium .iti input[type="tel"].ivf-control:focus,
.iv-form-premium .iti input[type="tel"].ivf-control:focus-visible,
.iv-form-premium .iti__search-input:focus,
.iv-form-premium .iti__search-input:focus-visible {
border-color: var(--ivf-border) !important;
box-shadow: none !important;
outline: none !important;
}
.iv-form-premium .ivf-choice-row,
.iv-form-premium .ivf-file-row {
margin-bottom: var(--ivf-gap) !important;
}
.iv-form-premium .ivf-choice-row .ivf-original-label,
.iv-form-premium .ivf-file-row .ivf-original-label {
position: static !important;
display: block !important;
width: auto !important;
height: auto !important;
max-width: 100% !important;
margin: 0 0 8px !important;
padding: 0 !important;
overflow: visible !important;
clip: auto !important;
white-space: normal !important;
color: var(--ivf-text) !important;
background: transparent !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
text-align: left !important;
}
.iv-form-premium input[type="checkbox"],
.iv-form-premium input[type="radio"] {
width: 19px !important;
height: 19px !important;
min-width: 19px !important;
margin: 0 9px 0 0 !important;
accent-color: var(--ivf-accent);
cursor: pointer;
}
.iv-form-premium input[type="file"] {
display: block !important;
width: 100% !important;
min-height: 50px !important;
padding: 7px !important;
color: var(--ivf-muted) !important;
background: var(--ivf-bg-muted) !important;
border: 1px dashed var(--ivf-border) !important;
border-radius: var(--ivf-radius) !important;
font-family: var(--ivf-font) !important;
font-size: 13px !important;
cursor: pointer;
}
.iv-form-premium input[type="file"]::file-selector-button {
min-height: 34px;
margin-right: 10px;
padding: 7px 12px;
color: var(--ivf-text);
background: #FFFFFF;
border: 1px solid var(--ivf-border);
border-radius: 9px;
font-family: var(--ivf-font);
font-size: 13px;
font-weight: 600;
cursor: pointer;
}
.iv-form-premium .ivf-field-shell--file {
position: relative !important;
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
margin-top: 0px !important;
margin-bottom: 14px !important;
padding: 22px 12px 14px !important;
background: var(--ivf-bg) !important;
border: 1px solid var(--ivf-border) !important;
border-radius: var(--ivf-radius) !important;
box-sizing: border-box !important;
}
.iv-form-premium
.ivf-field-shell--file
.jet-form-builder__label {
position: static !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
}
.iv-form-premium
.ivf-field-shell--file
.jet-form-builder__label-text.ivf-original-label {
position: absolute !important;
top: 0 !important;
right: auto !important;
bottom: auto !important;
left: var(--ivf-caption-left) !important;
display: block !important;
width: auto !important;
height: auto !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 6px !important;
overflow: visible !important;
clip: auto !important;
clip-path: none !important;
white-space: nowrap !important;
color: var(--ivf-muted) !important;
background: var(--ivf-bg) !important;
font-family: var(--ivf-font) !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
transform: translateY(-50%) !important;
z-index: 5 !important;
}
.iv-form-premium
.ivf-field-shell--file
.ivf-field-row {
position: static !important;
margin: 0 !important;
padding: 0 !important;
}
.iv-form-premium
.ivf-field-shell--file
input[type="file"] {
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 52px !important;
margin: 0 !important;
padding: 8px !important;
color: var(--ivf-muted) !important;
background: #F8FAFC !important;
border: 1px dashed #CBD5E1 !important;
border-radius: 11px !important;
box-sizing: border-box !important;
cursor: pointer !important;
transition:
background-color 0.16s ease,
border-color 0.16s ease !important;
}
.iv-form-premium
.ivf-field-shell--file
input[type="file"]:hover {
background: #F1F5F9 !important;
border-color: #94A3B8 !important;
}
.iv-form-premium
.ivf-field-shell--file
input[type="file"]::file-selector-button {
margin-right: 12px !important;
padding: 9px 14px !important;
color: var(--ivf-text) !important;
background: #FFFFFF !important;
border: 1px solid #D1D5DB !important;
border-radius: 9px !important;
font-family: var(--ivf-font) !important;
font-weight: 600 !important;
cursor: pointer !important;
}
.iv-form-premium
.ivf-field-shell--file
.jet-form-builder-file-upload__content {
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.iv-form-premium
.ivf-field-shell--file
.jet-form-builder-file-upload__content
.jet-form-builder-file-upload__fields {
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.iv-form-premium
.ivf-field-shell--file
.jet-form-builder-file-upload__content
.jet-form-builder-file-upload__fields:empty {
display: none !important;
}
.iv-form-premium .ivf-field-row.ivf-is-invalid .ivf-control {
border-color: var(--ivf-error) !important;
box-shadow: 0 0 0 3px var(--ivf-error-soft) !important;
}
.iv-form-premium .ivf-field-row.ivf-is-invalid .ivf-caption {
color: var(--ivf-muted) !important;
}
.iv-form-premium .jet-form-builder__field-error,
.iv-form-premium .jet-form-builder__message--error,
.iv-form-premium .jet-form-builder-message--error,
.iv-form-premium .jet-form-builder-message.error {
display: block !important;
margin: 7px 2px 0 !important;
padding: 0 !important;
color: var(--ivf-error) !important;
background: transparent !important;
border: 0 !important;
font-size: 12px !important;
line-height: 1.35 !important;
text-align: left !important;
}
.iv-form-premium .jet-form-builder__desc,
.iv-form-premium .jet-engine-form__desc,
.iv-form-premium .field-description {
display: block;
margin: 7px 2px 0 !important;
color: var(--ivf-muted) !important;
font-size: 12px !important;
line-height: 1.4 !important;
text-align: left !important;
}
.iv-form-premium .jet-form-builder-message,
.iv-form-premium .jet-form-builder__message {
margin: 12px 0 0 !important;
padding: 11px 13px !important;
border-radius: 10px !important;
font-size: 13px !important;
line-height: 1.4 !important;
text-align: left !important;
}
.iv-form-premium .jet-form-builder-message--success,
.iv-form-premium .jet-form-builder__message--success {
color: var(--ivf-success) !important;
background: var(--ivf-success-soft) !important;
border: 1px solid rgba(6, 118, 71, 0.18) !important;
}
.iv-form-premium
.ivf-phone-row.ivf-is-invalid
input[type="tel"].ivf-control {
border-color: var(--ivf-border) !important;
box-shadow: none !important;
outline: none !important;
}
.iv-form-premium
.ivf-field-shell--phone
.error-message.jet-form-builder__error,
.iv-form-premium
.ivf-phone-row
.error-message.jet-form-builder__error {
display: none !important;
}
.iv-form-premium button[type="submit"],
.iv-form-premium input[type="submit"],
.iv-form-premium .jet-form-builder__action-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 50px !important;
margin: 2px 0 0 !important;
padding: 12px 18px !important;
color: var(--ivf-accent-text) !important;
-webkit-text-fill-color: var(--ivf-accent-text) !important;
background: var(--ivf-accent) !important;
border: 1px solid var(--ivf-accent) !important;
border-radius: var(--ivf-radius) !important;
box-shadow: none !important;
font-family: var(--ivf-font) !important;
font-size: 15px !important;
font-weight: 650 !important;
line-height: 1.2 !important;
text-align: center !important;
cursor: pointer;
transition: background-color 0.16s ease, border-color 0.16s ease, transform 0.12s ease !important;
}
.iv-form-premium button[type="submit"]:hover,
.iv-form-premium input[type="submit"]:hover,
.iv-form-premium .jet-form-builder__action-button:hover {
background: var(--ivf-accent-hover) !important;
border-color: var(--ivf-accent-hover) !important;
transform: translateY(-1px);
}
.iv-form-premium button[type="submit"]:focus-visible,
.iv-form-premium input[type="submit"]:focus-visible,
.iv-form-premium .jet-form-builder__action-button:focus-visible {
outline: 3px solid rgba(17, 24, 39, 0.18) !important;
outline-offset: 3px !important;
}
.iv-form-premium--popup {
width: 100%;
max-width: 620px;
margin-inline: auto;
}
@media (max-width: 767px) {
.iv-form-premium {
--ivf-height: 52px;
--ivf-gap: 20px;
--ivf-radius: 13px;
--ivf-padding-x: 14px;
--ivf-caption-left: 11px;
}
.iv-form-premium input,
.iv-form-premium textarea,
.iv-form-premium select,
.iv-form-premium button {
font-size: 16px !important;
}
.iv-form-premium textarea.ivf-control {
min-height: 100px !important;
height: 100px !important;
}
}
@media (prefers-reduced-motion: reduce) {
.iv-form-premium *,
.iv-form-premium *::before,
.iv-form-premium *::after {
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
}
.iv-form-premium .ivf-field-row {
margin-bottom: 0 !important;
}
.iv-form-premium .ivf-field-shell {
position: relative !important;
width: 100% !important;
max-width: 100% !important;
padding-bottom: 14px !important;
}
.iv-form-premium .ivf-field-shell--phone {
padding-bottom: 14px !important;
}
.iv-form-premium .ivf-field-shell--textarea,
.iv-form-premium .ivf-field-shell--file {
padding-bottom: 14px !important;
}
@media (max-width: 767px) {
.iv-form-premium .ivf-field-shell,
.iv-form-premium .ivf-field-shell--phone {
padding-bottom: 14px !important;
}
.iv-form-premium .ivf-field-shell--textarea,
.iv-form-premium .ivf-field-shell--file {
padding-bottom: 14px !important;
}
}