/*--------------------*/
/*  Inputs            */
/*--------------------*/
.input-field {--int-height: 3rem;--int-pd-inline: 1rem;--int-pd-block: 0.625rem;--font-size: 1rem;display: block;position: relative;text-align: left;line-height: 0;font-size: var(--font-size);}
.input-field::after {content: "";position: absolute;z-index: 1;left: 0;bottom: 0;width: 0%;height: 2px;pointer-events: none;transition: var(--transition-1);background-color: var(--clr-secondary);}
.input-field img {position: absolute;top: calc(var(--int-pd-block) + 0.5rem);right: var(--int-pd-inline);width: 1.0625rem;aspect-ratio: 17/12;flex-shrink: 0;}
.input {position: relative;z-index: 1;font-size: var(--font-size);font-weight: 400;line-height: var(--int-height);height: var(--int-height);padding-inline: 0 var(--int-pd-inline);padding-block: var(--int-pd-block);text-overflow: ellipsis;color: var(--clr-text);border-bottom: 1px solid rgba(var(--rgb-text), 0.3);transition: var(--transition-1);}
textarea.input {height: 5.125rem;line-height: 1.4em;}
.input-placeholder {display: inline-block;pointer-events: none;position: absolute;text-align: left;z-index: 2;top: 0;left: 0;transform: translateY(calc((var(--int-height) - 1.25em) / 2));font-size: var(--font-size);line-height: 1.25em;font-weight: 600;color: var(--clr-text);padding-inline: 0.125em;max-width: calc(100% - var(--int-pd-inline));display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;transition: var(--transition-1);}
textarea.input + .input-placeholder {transform: translateY(var(--int-pd-block));}
.input-error {font-size: 0.75rem;line-height: 1.5em;font-weight: 400;color: var(--clr-red);margin-top: 0.25rem;display: none;}
.input-success {font-size: 0.75rem;line-height: 1.5em;font-weight: 400;color: var(--clr-green);margin-top: 0.25rem;display: none;}
.input-field.focus {z-index: 5;}
.input-field.focus .input-placeholder,
.input-field.value .input-placeholder {font-size: calc(var(--font-size) * 0.8755);transform: translateY(-0.625em);}
.input-field:where(.focus)::after {width: 100%;}
.input-field.invalid:not(.value) .input,
.input-field.invalid-email .input {border-color: var(--clr-red);}
.input-field.invalid:not(.value) .input-error,
.input-field.invalid-email .input-error {display: block;}
/*--------------------*/
/*  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-black);-webkit-box-shadow: inset 0 0 0 0.0625rem transparent,inset 0 0 6.25rem transparent;-webkit-transition: background-color 5000s ease-in-out 0s;transition: background-color 5000s ease-in-out 0s;border-bottom: 1px solid rgba(var(--rgb-text), 0.3)!important;}
/*--------------------*/
/*  Checkbox & Radio  */
/*--------------------*/
.ch-box-wrap {gap: 1rem;display: flex;flex-wrap: wrap;}
.ch-box {--ch-size: 1rem;--lh-size: calc(var(--ch-size) * 1.25);cursor: pointer;font-size: var(--ch-size);line-height: var(--lh-size);text-align: left;gap: calc(var(--ch-size) / 2);display: inline-flex;align-items: center;}
.ch-box a {color: var(--clr-primary);text-decoration: underline;text-decoration-color: transparent;}
.ch-box input[type=radio],
.ch-box input[type=checkbox] {display: inline-block;position: relative;vertical-align: text-top;color: var(--clr-input);height: var(--lh-size);width: var(--lh-size);flex-shrink: 0;align-self: baseline;border-radius: 0;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: 66.68%;height: 66.68%;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 (max-width: 575px) {
.ch-box-wrap {align-items: flex-start;flex-direction: column;}
}
/*--------------------*/
/*  Form Block        */
/*--------------------*/
.form-block {--space: 2.5rem;}
.form-block .title {color: var(--clr-white);}
.form-block .row {--bs-gutter-x: calc(var(--space) / 2);--bs-gutter-y: calc(var(--space) / 2);}
.form-block > * {margin-bottom: var(--space);}
.form-block > *:last-child {margin-bottom: 0;}
@media (max-width: 1199px) {
.form-block {--space: 1.25rem;}
}
/*--------------------*/
/*  Form Entry        */
/*--------------------*/
.form-entry {position: relative;overflow: hidden;gap: 2.5rem;display: grid;background-color: var(--clr-secondary);border-radius: 0;padding: 1.5rem;}
.form-head .subtitle {color: var(--clr-primary);}
.form-head .title {color: var(--clr-white);}
.form-grid {gap: 2.5rem;display: grid;}
.form-content > * + * {margin-top: 1.875rem;}
.form-content > .footer-cnt-item + .footer-cnt-item {margin-top: 1rem;}
.form-content :where(.text, .footer-cnt-item) {color: var(--clr-white);}
.form-content .footer-cnt-item {font-size: 1.0625rem;}
.form-content .footer-cnt-item svg {width: 1.5rem;height: 1.5rem;}
.contact-card {position: relative;gap: 1.5rem;display: flex;align-items: center;}
.contact-card-img {position: relative;overflow: hidden;display: block;width: 5.5rem;aspect-ratio: 1/1;flex-shrink: 0;border-radius: 0;}
.contact-card-img img {width: 100%;border-radius: 0;}
.contact-card-info .text-lg {font-family: var(--ff-2);font-weight: 500;}
.form-inner {position: relative;display: block;background-color: var(--clr-white);border-radius: 0;padding: 1.5rem;}
.form-inner .title {font-size: 1.3125rem;line-height: 1.4em;font-weight: 600;letter-spacing: -0.4px;color: var(--clr-title);}
.form-inner .form-block {--space: 0rem;margin-top: 0;}
.form-inner .form-block .col-12 {height: 5.5rem;display: flex;}
.form-inner .form-block .input-field {width: 100%;align-self: end;margin-bottom: 1.125rem;}
.form-inner .form-block .btn {height: 3rem;}
.form-inner > * + * {margin-top: 0.625rem;}
.form-inner textarea.input {height: 3rem;}
@media (min-width: 992px) {
.form-entry {gap: 2.5rem;padding: 2.5rem;}
.form-grid {grid-template-columns: auto 47.879%;}
}
@media (min-width: 1200px) {
.form-entry {padding: 3.5rem;}
.form-grid {gap: 3.5rem;}
.form-content > * + * {margin-top: 2.5rem;}
.form-content > .footer-cnt-item + .footer-cnt-item {margin-top: 1.25rem;}
.contact-card {gap: 1rem;}
.contact-card-img {width: 7.5rem;}
.form-inner {padding: 2.5rem;}
.form-inner .title {font-size: 1.5rem;}
.form-inner > * + * {margin-top: 1.25rem;}
}
@media (max-width: 575px) {
.form-inner > .text {font-size: 0.875rem;}
}