/*====================*/
/*  Inputs            */
/*====================*/
.input-field {--int-height: 3.125rem;--int-pd-inline: 1rem;--int-pd-block: 0.875rem;--font-size: 0.875rem;display: block;position: relative;text-align: left;line-height: 0;font-size: var(--font-size);}
.input {position: relative;z-index: 1;border-radius: var(--rd-1);border: 1px solid var(--clr-border);background-color: var(--clr-white);transition: var(--transition-1);font-size: var(--font-size);font-weight: 400;line-height: var(--int-height);height: var(--int-height);text-overflow: ellipsis;color: var(--clr-title);padding-inline: var(--int-pd-inline);padding-block: var(--int-pd-block);}
textarea.input {height: 8rem;line-height: 1.5em;}
.input-placeholder {display: inline-block;pointer-events: none;position: absolute;text-align: left;z-index: 2;top: 0;left: calc(var(--int-pd-inline) - 0.25em);transform: translateY(calc((var(--int-height) - 1.25em) / 2));font-size: var(--font-size);line-height: 1.5em;font-weight: 400;color: var(--clr-text);padding-inline: 0.25em;max-width: calc(100% - var(--int-pd-inline) * 2);display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;background-color: var(--clr-white);transition: var(--transition-1);}
textarea.input + .input-placeholder {transform: translateY(var(--int-pd));}
.input-error {position: relative;gap: 0.625rem;align-items: center;font-size: 0.75rem;line-height: 1.5em;font-weight: 400;color: var(--clr-error);margin-top: 0.75em;display: none;}
.input-error::before {content: "";display: inline-block;width: 1.42em;height: 1.42em;background-repeat: no-repeat;background-size: 100% 100%;background-image: url("../img/icons/icon-error.svg");}
.input-field.focus {z-index: 5;}
.input-field.focus .input-placeholder,
.input-field.value .input-placeholder {font-size: calc(var(--font-size) * 0.75);transform: translateY(-0.625em);}
.input-field:where(.focus) .input {border-color: var(--clr-primary);}
.input-field.invalid:not(.value) .input,
.input-field.invalid-email .input {border-color: var(--clr-error);}
.input-field.invalid:not(.value) .input-error,
.input-field.invalid-email .input-error {display: inline-flex;}
@media (min-width: 1200px) {
.input-field {--int-height: 3.5rem;--int-pd-inline: 1.25rem;--int-pd-block: 1rem;--font-size: 1rem;}
textarea.input {height: 10rem;}
.input-error {font-size: 0.875rem;}
}
/*====================*/
/*  Autofill          */
/*====================*/
.input-field.focus .input:not(textarea):-webkit-autofill,
.input-field.value .input:not(textarea):-webkit-autofill,
.input-field.focus .input:not(textarea):-webkit-autofill:hover,
.input-field.value .input:not(textarea):-webkit-autofill:hover,
.input-field.focus .input:not(textarea):-webkit-autofill:focus,
.input-field.value .input:not(textarea):-webkit-autofill:focus,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {border: 0;-webkit-text-fill-color: var(--clr-title);-webkit-box-shadow: inset 0 0 0 0.0625rem var(--clr-border),inset 0 0 6.25rem var(--clr-white);-webkit-transition: background-color 5000s ease-in-out 0s;transition: background-color 5000s ease-in-out 0s;}
/*====================*/
/*  Checkbox & Radio  */
/*====================*/
.ch-box-wrap {--ch-size: 1rem;--lh-size: calc(var(--ch-size) * 1.125);gap: 1rem;display: flex;flex-wrap: wrap;}
.ch-box {cursor: pointer;gap: calc(var(--ch-size) / 2);display: inline-flex;align-items: center;font-size: var(--text-sm);line-height: var(--lh-size);text-align: left;}
.ch-box a {color: var(--clr-primary);text-decoration: underline;text-decoration-color: currentColor;}
.ch-box input[type=radio],
.ch-box input[type=checkbox] {position: relative;display: inline-block;vertical-align: text-top;width: var(--lh-size);height: var(--lh-size);color: var(--clr-border);flex-shrink: 0;align-self: baseline;border-radius: 0.25rem;border: 0.0625rem solid currentColor;}
.ch-box input[type=radio]:before,
.ch-box input[type=checkbox]:before {content: "";position: absolute;top: 50%;left: 50%;display: block;width: 0.625rem;height: 0.625rem;transform: translate(-50%, -50%) scale(0);border-radius: inherit;background-color: currentColor;transition: var(--transition-1);}
.ch-box input[type=radio]:checked,
.ch-box input[type=checkbox]:checked {color: var(--clr-primary);}
.ch-box input[type=radio]:checked:before,
.ch-box input[type=checkbox]:checked:before {transform: translate(-50%, -50%) scale(1);}
.ch-box input[type=radio] {border-radius: 100%;}
@media (min-width: 1200px) {
.ch-box a:not(.btn):hover {text-decoration-color: currentColor;}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.ch-box-wrap {--lh-size: calc(var(--ch-size) * 1.25);}
}
@media (max-width: 575px) {
.ch-box-wrap {align-items: flex-start;flex-direction: column;}
}
/*====================*/
/*  Form Block        */
/*====================*/
.form-block {--space: 1rem;}
.form-block .row {--bs-gutter-x: var(--space);--bs-gutter-y: var(--space);}
.form-block > * {margin-bottom: var(--space);}
.form-block > *:last-child {margin-bottom: 0;}
@media (min-width: 1200px) {
.form-block {--space: 1.125rem;}
.form-block .btn {margin-top: 0.75rem;}
}