.wpforms-container,
.wpforms-container-full {
margin: 0 !important;
}
.haried-form,
.wpforms-container .wpforms-form,
.wpforms-container-full .wpforms-form {
display: grid;
gap: 1rem;
}
.wpforms-container .wpforms-field,
.wpforms-container-full .wpforms-field {
padding: 0 !important;
}
.wpforms-container .wpforms-field-label,
.wpforms-container-full .wpforms-field-label {
margin-bottom: 0.45rem !important;
color: var(--haried-color-primary);
font-weight: 700;
}
.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container input[type="tel"],
.wpforms-container input[type="number"],
.wpforms-container input[type="url"],
.wpforms-container input[type="password"],
.wpforms-container textarea,
.wpforms-container select,
.wpforms-container-full input[type="text"],
.wpforms-container-full input[type="email"],
.wpforms-container-full input[type="tel"],
.wpforms-container-full input[type="number"],
.wpforms-container-full input[type="url"],
.wpforms-container-full input[type="password"],
.wpforms-container-full textarea,
.wpforms-container-full select {
min-height: 56px;
padding: 0.95rem 1rem !important;
border: 1px solid rgba(0, 10, 51, 0.12) !important;
border-radius: 16px !important;
background: #ffffff !important;
color: var(--haried-color-text) !important;
box-shadow: inset 0 1px 2px rgba(0, 10, 51, 0.03);
transition: border-color var(--haried-transition), box-shadow var(--haried-transition), transform var(--haried-transition);
}
.wpforms-container textarea,
.wpforms-container-full textarea {
min-height: 160px;
resize: vertical;
}
.wpforms-container input:focus,
.wpforms-container textarea:focus,
.wpforms-container select:focus,
.wpforms-container-full input:focus,
.wpforms-container-full textarea:focus,
.wpforms-container-full select:focus {
border-color: rgba(17, 59, 134, 0.38) !important;
box-shadow: 0 0 0 4px rgba(17, 59, 134, 0.08) !important;
outline: none !important;
}
.wpforms-container .wpforms-submit-container,
.wpforms-container-full .wpforms-submit-container {
margin-top: 0.5rem !important;
padding: 0 !important;
}
.wpforms-container button[type="submit"],
.wpforms-container-full button[type="submit"] {
min-width: 220px;
padding: 1rem 1.5rem !important;
border: 0 !important;
border-radius: var(--haried-radius-pill) !important;
background: linear-gradient(135deg, var(--haried-color-primary) 0%, #113b86 100%) !important;
box-shadow: 0 12px 24px rgba(0, 10, 51, 0.16);
color: var(--haried-color-white) !important;
font-size: 1rem !important;
font-weight: 700 !important;
transition: transform var(--haried-transition), box-shadow var(--haried-transition), opacity var(--haried-transition);
}
.wpforms-container button[type="submit"]:hover,
.wpforms-container-full button[type="submit"]:hover {
transform: translateY(-2px);
box-shadow: 0 18px 34px rgba(0, 10, 51, 0.2);
}
.wpforms-container .wpforms-field-description,
.wpforms-container .wpforms-description,
.wpforms-container-full .wpforms-field-description,
.wpforms-container-full .wpforms-description {
color: var(--haried-color-text-soft) !important;
font-size: 0.94rem;
}
.wpforms-container .wpforms-error,
.wpforms-container-full .wpforms-error {
font-size: 0.92rem !important;
}
.wpforms-container .wpforms-confirmation-container-full,
.wpforms-container-full .wpforms-confirmation-container-full {
padding: 1rem 1.2rem !important;
border-radius: 16px !important;
background: rgba(28, 119, 56, 0.08) !important;
border: 1px solid rgba(28, 119, 56, 0.16) !important;
color: #1c7738 !important;
}
.wpforms-container .wpforms-field-row,
.wpforms-container-full .wpforms-field-row {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
}
.wpforms-container .wpforms-field-row .wpforms-field,
.wpforms-container-full .wpforms-field-row .wpforms-field {
width: 100% !important;
margin: 0 !important;
}
@media (max-width: 767px) {
.wpforms-container .wpforms-field-row,
.wpforms-container-full .wpforms-field-row {
grid-template-columns: 1fr;
}
.wpforms-container button[type="submit"],
.wpforms-container-full button[type="submit"] {
width: 100%;
}
} .wpforms-container .wpforms-form .wpforms-field-container,
.wpforms-container-full .wpforms-form .wpforms-field-container {
display: flow-root;
}
.wpforms-container .wpforms-field-name fieldset,
.wpforms-container-full .wpforms-field-name fieldset {
margin: 0;
padding: 0;
border: 0;
}
.wpforms-container .wpforms-field-name .wpforms-field-row,
.wpforms-container-full .wpforms-field-name .wpforms-field-row {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
align-items: start;
}
.wpforms-container .wpforms-field-name .wpforms-field-row-block,
.wpforms-container-full .wpforms-field-name .wpforms-field-row-block {
width: auto !important;
max-width: none !important;
margin: 0 !important;
display: flex;
flex-direction: column;
}
.wpforms-container .wpforms-field-name .wpforms-field-row-block > input,
.wpforms-container-full .wpforms-field-name .wpforms-field-row-block > input {
width: 100% !important;
}
.wpforms-container .wpforms-field-sublabel.after,
.wpforms-container-full .wpforms-field-sublabel.after {
order: 2;
display: block;
margin-top: 0.45rem !important;
color: var(--haried-color-text-soft) !important;
font-size: 0.92rem !important;
line-height: 1.35 !important;
}
.wpforms-container .wpforms-one-half,
.wpforms-container-full .wpforms-one-half {
width: calc(50% - 0.5rem) !important;
max-width: none !important;
}
.wpforms-container .wpforms-one-half.wpforms-first,
.wpforms-container-full .wpforms-one-half.wpforms-first {
clear: none !important;
}
.wpforms-container .wpforms-field.wpforms-one-half + .wpforms-field.wpforms-one-half,
.wpforms-container-full .wpforms-field.wpforms-one-half + .wpforms-field.wpforms-one-half {
margin-left: 1rem !important;
}
.wpforms-container .wpforms-field[style*="z-index: -1000"],
.wpforms-container-full .wpforms-field[style*="z-index: -1000"] {
display: none !important;
}
.wpforms-container .wpforms-field:has(> label[aria-hidden="true"] + input[tabindex="-1"][aria-hidden="true"]),
.wpforms-container-full .wpforms-field:has(> label[aria-hidden="true"] + input[tabindex="-1"][aria-hidden="true"]) {
display: none !important;
}
.wpforms-container .wpforms-submit-spinner,
.wpforms-container-full .wpforms-submit-spinner {
margin-left: 0.75rem;
}
@media (max-width: 767px) {
.wpforms-container .wpforms-field-name .wpforms-field-row,
.wpforms-container-full .wpforms-field-name .wpforms-field-row {
grid-template-columns: 1fr;
}
.wpforms-container .wpforms-one-half,
.wpforms-container-full .wpforms-one-half {
width: 100% !important;
}
.wpforms-container .wpforms-field.wpforms-one-half + .wpforms-field.wpforms-one-half,
.wpforms-container-full .wpforms-field.wpforms-one-half + .wpforms-field.wpforms-one-half {
margin-left: 0 !important;
}
} .wpforms-container .wpforms-field-name .wpforms-field-row-block,
.wpforms-container-full .wpforms-field-name .wpforms-field-row-block {
float: none !important;
flex: 1 1 0 !important;
}
.wpforms-container .wpforms-field-name .wpforms-field-row-block.wpforms-one-half,
.wpforms-container-full .wpforms-field-name .wpforms-field-row-block.wpforms-one-half {
width: auto !important;
max-width: none !important;
}
.wpforms-container .wpforms-field-row-block.wpforms-first,
.wpforms-container-full .wpforms-field-row-block.wpforms-first,
.wpforms-container .wpforms-field.wpforms-one-half,
.wpforms-container-full .wpforms-field.wpforms-one-half {
float: none !important;
clear: none !important;
}
.wpforms-container .wpforms-field.wpforms-one-half,
.wpforms-container-full .wpforms-field.wpforms-one-half {
display: inline-flex !important;
flex-direction: column;
vertical-align: top;
}
.wpforms-container .wpforms-field-container::after,
.wpforms-container-full .wpforms-field-container::after,
.wpforms-container .wpforms-field-row::after,
.wpforms-container-full .wpforms-field-row::after {
content: "";
display: block;
clear: both;
}
@media (min-width: 768px) {
.wpforms-container .wpforms-field.wpforms-one-half,
.wpforms-container-full .wpforms-field.wpforms-one-half {
width: calc(50% - 0.5rem) !important;
}
} .wpforms-container .wpforms-field-name,
.wpforms-container-full .wpforms-field-name {
width: 100% !important;
}
.wpforms-container .wpforms-field-name fieldset,
.wpforms-container-full .wpforms-field-name fieldset {
width: 100% !important;
}
.wpforms-container .wpforms-field-name .wpforms-field-row,
.wpforms-container-full .wpforms-field-name .wpforms-field-row {
width: 100% !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
column-gap: 1rem !important;
row-gap: 0 !important;
align-items: start !important;
}
.wpforms-container .wpforms-field-name .wpforms-field-row-block,
.wpforms-container-full .wpforms-field-name .wpforms-field-row-block {
position: relative !important;
float: none !important;
clear: none !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
overflow: visible !important;
}
.wpforms-container .wpforms-field-name .wpforms-field-row-block input,
.wpforms-container-full .wpforms-field-name .wpforms-field-row-block input {
display: block !important;
width: 100% !important;
opacity: 1 !important;
visibility: visible !important;
}
.wpforms-container .wpforms-field-name .wpforms-field-row-block .wpforms-field-sublabel,
.wpforms-container-full .wpforms-field-name .wpforms-field-row-block .wpforms-field-sublabel {
position: static !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
transform: none !important;
white-space: normal !important;
}
@media (max-width: 767px) {
.wpforms-container .wpforms-field-name .wpforms-field-row,
.wpforms-container-full .wpforms-field-name .wpforms-field-row {
grid-template-columns: 1fr !important;
}
} .wpforms-container .wpforms-field-name .wpforms-field-row,
.wpforms-container-full .wpforms-field-name .wpforms-field-row {
direction: ltr !important;
}
.wpforms-container .wpforms-field-name .wpforms-field-row > .wpforms-field-row-block:nth-child(1),
.wpforms-container-full .wpforms-field-name .wpforms-field-row > .wpforms-field-row-block:nth-child(1) {
order: 1 !important;
grid-column: 1 !important;
}
.wpforms-container .wpforms-field-name .wpforms-field-row > .wpforms-field-row-block:nth-child(2),
.wpforms-container-full .wpforms-field-name .wpforms-field-row > .wpforms-field-row-block:nth-child(2) {
order: 2 !important;
grid-column: 2 !important;
}
.wpforms-container .wpforms-field-name .wpforms-field-row > .wpforms-field-row-block.wpforms-first,
.wpforms-container-full .wpforms-field-name .wpforms-field-row > .wpforms-field-row-block.wpforms-first {
grid-column: 1 !important;
}
.wpforms-container .wpforms-field-name .wpforms-field-row > .wpforms-field-row-block:not(.wpforms-first),
.wpforms-container-full .wpforms-field-name .wpforms-field-row > .wpforms-field-row-block:not(.wpforms-first) {
grid-column: 2 !important;
}