/*====================*/
/*  Inputs            */
/*====================*/
.input-field {--int-height: clamp(2.625rem, 2.0987rem + 1.0965vw, 3.25rem);--int-pd: clamp(0.75rem, 0.5395rem + 0.4386vw, 1rem);--font-size: clamp(0.875rem, 0.7697rem + 0.2193vw, 1rem);display: block;position: relative;text-align: left;line-height: 0;font-size: var(--font-size);}
.input-field > label {display: inline-block;font-size: 0.875rem;line-height: 1.14em;font-weight: 500;color: var(--clr-text);margin-bottom: 0.5rem;}
.input-field > label i {color: var(--clr-red);}
.input {position: relative;z-index: 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);border: 0.0625rem solid var(--clr-grey-1);background-color: var(--clr-grey-1);border-radius: var(--rd-0);transition: var(--transition-1);padding-block: 0.75rem;padding-inline: var(--int-pd);}
textarea.input {height: 5.375rem;line-height: calc(var(--font-size)* 1.5);}
::-webkit-input-placeholder,
::-moz-placeholder,
::placeholder {font-size: var(--font-size);line-height: 1.25em;font-weight: 400;color: rgba(var(--rgb-text), 0.6);opacity: 1;}
.input-error {font-size: 0.75rem;line-height: 1.2em;font-weight: 400;color: var(--clr-red);margin-top: 0.25rem;display: none;}
.input-success {font-size: 0.75rem;line-height: 1.2em;font-weight: 400;color: #00634B;margin-top: 0.25rem;display: none;}
.input-field.focus {z-index: 5;}
.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-red);}
.input-field.invalid:not(.value) .input-error,
.input-field.invalid-email .input-error {display: block;}
@media (max-width: 1400px) {
.input-field>label{
	font-size: calc(1rem + 0.125rem);
}
}
@media (max-width: 991px) {
.input-field>label{
	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-text);-webkit-box-shadow: inset 0 0 0 0.0625rem var(--clr-text),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);display: flex;flex-wrap: wrap;gap: var(--lh-size);}
.ch-box-wrap:last-child {margin-bottom: 0;}
.ch-box {cursor: pointer;display: inline-flex;font-size: clamp(0.875rem, 0.7697rem + 0.2193vw, 1rem);line-height: var(--lh-size);font-weight: 400;color: var(--clr-text);text-align: left;}
.ch-box a {display: inline;color: var(--clr-primary);text-decoration: underline;text-decoration-color: currentColor;}
.ch-box > * {align-self: flex-start;}
.ch-box > span i {display: block;font-size: 0.75rem;font-weight: 300;line-height: 1.33em;color: rgba(var(--rgb-text), 0.75);margin-top: 0.25rem;}
.ch-box input[type=radio],
.ch-box input[type=checkbox] {position: relative;cursor: pointer;box-sizing: content-box;display: inline-block;vertical-align: middle;color: var(--clr-text);height: var(--lh-size);width: var(--lh-size);flex-shrink: 0;margin-right: calc(var(--ch-size) / 2);border-radius: 0.25rem;border: 0.0625rem solid rgba(var(--rgb-text), 0.15);background-color: var(--clr-white);}
.ch-box input[type=radio]:before,
.ch-box input[type=checkbox]:before {content: "";position: absolute;z-index: 1;top: 50%;left: 50%;display: block;width: 0.75rem;height: 0.75rem;flex-shrink: 0;background-color: var(--clr-primary);border-radius: 0.125rem;transform: translate(-50%, -50%) scale(0);transition: var(--transition-2);}
.ch-box input[type=radio]:checked,
.ch-box input[type=checkbox]:checked {border-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%;}
.ch-box input[type=radio]:before {border-radius: 100%;}
@media (min-width: 1200px) {
.ch-box a:not(.btn):hover {-webkit-text-decoration: transparent;text-decoration: transparent;}
}
@media (max-width: 575px) {
.ch-box-wrap {align-items: flex-start;flex-direction: column;}
}
/*====================*/
/*  Sumoselect        */
/*====================*/
.SumoSelect {--sel-p: clamp(0.75rem, 0.5395rem + 0.4386vw, 1rem);--sel-h: clamp(2.625rem, 2.0987rem + 1.0965vw, 3.25rem);--sel-fz: clamp(0.875rem, 0.7697rem + 0.2193vw, 1rem);--sel-items: 5;--opt-p: 0.5rem;--opt-lh: calc(var(--sel-fz) * 1.125);--max-height: calc((var(--opt-p) * 2 + var(--opt-lh)) * var(--sel-items) + var(--opt-p) * 2);cursor: pointer;z-index: 1;width: 100%;}
.SelectBox {z-index: 0;padding: 0;margin: 0;line-height: 0;font-size: 0;backface-visibility: hidden;}
.SumoSelect > .CaptionCont {z-index: 3;text-align: left;height: var(--sel-h);padding-block: 0.75rem;padding-inline: var(--sel-p) calc(var(--sel-p) * 2.5);background: var(--clr-grey-1);border-radius: var(--rd-0);color: var(--clr-title);border: 0.0625rem solid var(--clr-grey-1);transition: var(--transition-1);}
.SumoSelect > .CaptionCont > span {cursor: pointer;padding-right: 0;font-size: var(--sel-fz);font-weight: 400;line-height: calc(var(--sel-h) - 1.5rem);color: currentColor;backface-visibility: hidden;}
.SumoSelect > .CaptionCont > span.placeholder {font-style: normal;color: rgba(var(--rgb-text), 0.6);}
.SumoSelect > .CaptionCont > label {display: inline-block;cursor: pointer;width: clamp(1rem, 0.7895rem + 0.4386vw, 1.25rem);height: clamp(1rem, 0.7895rem + 0.4386vw, 1.25rem);color: var(--clr-primary);right: var(--sel-p);bottom: auto;top: 50%;transform: translateY(-50%);transition: var(--transition-1);}
.SumoSelect > .CaptionCont > label i {background-image: none;opacity: 1;width: 0.5rem;height: 0.5rem;top: 40%;left: 50%;right: auto;bottom: auto;color: currentColor;border-right: 0.125rem solid currentColor;border-bottom: 0.125rem solid currentColor;transform: translate(-50%, -50%) rotate(45deg);}
.SumoSelect > .optWrapper {display: block;overflow: auto;z-index: 2;padding: 0;top: 100%;left: 0;width: 100%;border: none;border-radius: var(--rd-0);opacity: 0;visibility: hidden;backface-visibility: hidden;background-color: var(--clr-grey-1);box-shadow: 0 0.75rem 1rem -0.25rem rgba(16, 24, 40, 0.08),0 0.25rem 0.375rem -0.125rem rgba(16, 24, 40, 0.03);transition: 0s;}
.SumoSelect > .optWrapper > .options {font-size: var(--sel-fz);max-height: var(--max-height);padding: 0.5rem;border-radius: 0 !important;}
.SumoSelect > .optWrapper > .options li.opt {padding: 0;border-bottom: 0;background-color: transparent !important;}
.SumoSelect > .optWrapper > .options li.opt:not(:last-child) {margin-bottom: 0.25rem;}
.SumoSelect > .optWrapper > .options li label {white-space: unset;background-color: transparent;border-radius: var(--rd-0);font-size: var(--sel-fz);line-height: var(--opt-lh);font-weight: 400;color: var(--clr-text);text-align: left;transition: var(--transition-1);padding: calc(var(--opt-p) * 1.5) var(--opt-p);}
.SumoSelect > .optWrapper > .options li.opt.selected label {background-color: var(--clr-white);}
.SumoSelect > .optWrapper > .options > .opt.disabled:first-child {display: none !important;}
.SumoSelect > .optWrapper > .options li.group > label {padding: var(--opt-p) var(--sel-p);font-weight: 600;}
.SumoSelect > .optWrapper > .options li ul li.opt {padding-left: var(--opt-p);}
.SumoSelect:focus > .CaptionCont,
.SumoSelect:hover > .CaptionCont {box-shadow: none;border-color: var(--clr-primary);}
.SumoSelect.open > .CaptionCont {border-color: var(--clr-primary);}
.SumoSelect.open > .CaptionCont > label {transform: translateY(-50%) rotateX(180deg);}
.SumoSelect.open > .optWrapper {top: 100%;opacity: 1;visibility: visible;transition: var(--transition-1);transition-delay: 0.2s;}
.SumoSelect.disabled {opacity: 0.5;}
.SumoSelect.disabled > .CaptionCont {cursor: not-allowed;}
.SumoSelect.disabled > .CaptionCont > span {cursor: not-allowed;}
@media (min-width: 1200px) {
.SumoSelect > .optWrapper > .options li.opt:hover label {background-color: var(--clr-white);}
}
/*====================*/
/*  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;}
.form-text {font-size: clamp(0.875rem, 0.7697rem + 0.2193vw, 1rem);line-height: 1.25em;font-weight: 300;color: var(--rgb-text, 0.75);}
.form-message {display: none;font-size: clamp(0.875rem, 0.7697rem + 0.2193vw, 1rem);line-height: 1.25em;font-weight: 400;color: var(--clr-red);}
@media (max-width: 991px) {
.form-block {--space: 1rem;}
}
/*====================*/
/*  Form Contact      */
/*====================*/
.form-contact {position: relative;gap: var(--sp-xl);display: flex;border-radius: var(--rd-4);background-color: var(--clr-grey-1);padding: clamp(2rem, 0.5263rem + 3.0702vw, 3.75rem) clamp(1rem, -1.3158rem + 4.8246vw, 3.75rem);}
.form-contact .title-wrap {flex: 0 1 auto;}
.form-contact .form-block {flex: 0 0 43.75%;}
.form-contact .input,
.form-contact .SumoSelect > .CaptionCont {background-color: var(--clr-white);}
@media (max-width: 991px) {
.form-contact {flex-direction: column;border-radius: var(--rd-2);}
.form-contact .form-block {flex: 0 0 100%;}
}
/*======================*/
/*  Upload File         */
/*======================*/
.upload-btn {position: relative;cursor: pointer;display: flex;flex-direction: column;gap: 0.5rem;border-radius: var(--rd-2);border: 0.0625rem dashed var(--clr-primary);background-color: var(--clr-white);padding: clamp(1rem, 0.7895rem + 0.4386vw, 1.25rem) clamp(2.5rem, -1.7105rem + 8.7719vw, 7.5rem);}
.upload-btn input {position: absolute;cursor: pointer;z-index: 2;inset: 0;opacity: 0;border-radius: inherit;}
.upload-title {font-size: var(--text);line-height: 1.44em;font-weight: 500;color: var(--clr-title);text-align: center;}
.upload-text {font-size: 1rem;line-height: 1.25em;font-weight: 300;text-align: center;color: #999;}
.upload-files {display: flex;flex-direction: column;}
.upload-file {position: relative;display: inline-flex;justify-content: space-between;border-radius: var(--rd-0);background-color: var(--clr-grey-1);transition: var(--transition-1);font-size: 1rem;line-height: 1.25em;font-weight: 400;color: var(--clr-title);padding: 0.625rem clamp(1rem, 0.7895rem + 0.4386vi, 1.25rem);}
.upload-file:first-child {margin-top: 0.25rem;}
.upload-file:not(:last-child) {margin-bottom: 0.25rem;}
.delete-file {--size: 1.25rem;position: relative;cursor: pointer;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;color: var(--clr-primary);transition: var(--transition-1);}
.delete-file svg {display: inline-block;width: 100%;height: 100%;}
@media (min-width: 1200px) {
.delete-file:hover {color: var(--clr-title);}
}