/*====================*/
/*  Form Block        */
/*====================*/
.form-block {--space: 1.25rem;}
.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-block-message {display: none;position: relative;border-radius: var(--rd-4);font-size: var(--text);line-height: 1.5em;color: var(--clr-title);padding: 1rem;}
.form-block-message b {font-family: var(--ff-bold);}
.form-block-message::before {content: "";position: relative;display: inline-block;vertical-align: bottom;width: 1.5rem;height: 1.5rem;flex-shrink: 0;margin-right: 0.5rem;background-repeat: no-repeat;background-size: 100%;}
.form-block-message__error {background: rgba(227, 105, 105, 0.2);}
.form-block-message__error::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 16V12M12 8H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='%23E36969' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.form-block-message__success {background: rgba(114, 179, 81, 0.2);}
.form-block-message__success::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 16V12M12 8H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='%2372B351' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.form-block-message__info {background: rgb(237, 241, 246);}
.form-block-message__info::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 16V12M12 8H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='%23004486' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.form-mini {position: relative;border-radius: var(--rd-4);background-color: var(--clr-white);box-shadow: 0 0.3125rem 1.25rem 0 rgba(58, 58, 58, 0.15);padding: clamp(1.25rem, 1.0395rem + 0.4386vw, 1.5rem);max-width: 37.375rem;margin-left: auto;}
.form-mini > * + * {margin-top: 1.25rem;}
.form-mini.type-2 {border-radius: var(--rd-10);background-color: var(--clr-secondary);box-shadow: none;padding: clamp(1.25rem, -0.2237rem + 3.0702vw, 3rem);max-width: 38.75rem;}
.form-mini.type-2 > * + * {margin-top: 1rem;}
.form-mini.type-2 > * + .form-block {margin-top: 1.875rem;}
.form-mini.type-2 .form-block {--space: 1.875rem;}
.form-mini-wrap {max-width: 37.375rem;margin-left: auto;}
.form-mini-wrap > * + * {margin-top: 1.5rem;}
@media (max-width: 1199px) {
.form-block {--space: 1rem;}
.form-mini {max-width: 100%;}
.form-mini:only-child {margin-top: 1.5rem;}
.form-mini > * + * {margin-top: 1rem;}
.form-mini.type-2 {max-width: 100%;}
.form-mini.type-2 > * + .form-block {margin-top: 1.25rem;}
.form-mini.type-2 .form-block {--space: 1.25rem;}
.form-mini-wrap {max-width: 100%;margin-top: 1.5rem;}
}
/*====================*/
/*  Inputs            */
/*====================*/
.input-field {--int-height: 3.5rem;--int-pd-inline: 1.25rem;--int-pd-block: 1rem;--font-size: 1rem;--inp-icon: 1.25rem;position: relative;display: block;font-size: var(--font-size);line-height: 0;text-align: left;z-index: 2}
.input {position: relative;z-index: 1;font-size: var(--font-size);line-height: var(--int-height);height: var(--int-height);padding-block: var(--int-pd-block);padding-inline: var(--int-pd-inline);text-overflow: ellipsis;color: var(--clr-title);border-radius: var(--rd-4);border: 0.0625rem solid var(--clr-border);background-color: var(--clr-white);transition: var(--transition-1);}
textarea.input {height: 7.5rem;line-height: 1.33em;}
.input-placeholder {display: inline-block;pointer-events: none;position: absolute;z-index: 2;top: 0;left: calc(var(--int-pd-inline) - 0.25em);transform: translateY(calc((var(--int-height) - 1.25em) / 2));transition: var(--transition-1);max-width: calc(100% - var(--int-pd-inline) * 2);background-color: var(--clr-white);font-size: var(--font-size);line-height: 1.25em;color: var(--clr-text);text-align: left;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;padding-inline: 0.25em;}
textarea.input + .input-placeholder {transform: translateY(var(--int-pd));}
.input-error {font-size: 0.75rem;line-height: 1.33em;color: var(--clr-error);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.75);transform: translateY(-0.5em);}
.input-field:where(.focus) .input {border-color: var(--clr-title);}
.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: block;}
.form-block.invalid .form-block-message__error,
.form-block.invalid-email .form-block-message__error {display: block;}
@media (max-width: 767px) {
.input-field {--int-height: 3.125rem;--int-pd-inline: 1rem;--int-pd-block: 0.5rem;--font-size: 0.875rem;}
textarea.input {height: 6rem;}
}
/*====================*/
/*  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-title),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: 1.125rem;gap: var(--ch-size) clamp(1.25rem, -0.8553rem + 4.386vw, 3.75rem);display: flex;flex-wrap: wrap;}
.ch-box {cursor: pointer;line-height: var(--lh-size);font-size: var(--ch-size);text-align: left;gap: 0.625rem;display: inline-flex;}
.ch-box a {display: inline;font-family: var(--ff-bold);color: var(--clr-primary);text-decoration: underline;text-decoration-color: currentColor;}
.ch-box > * {vertical-align: middle;}
.ch-box input[type=radio],
.ch-box input[type=checkbox] {display: inline-block;position: relative;cursor: pointer;color: var(--clr-border);width: var(--lh-size);height: var(--lh-size);flex-shrink: 0;transition: var(--transition-1);border-radius: var(--rd-4);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: 100%;height: 100%;transform: translate(-50%, -50%) scale(0);transition: var(--transition-1);background-size: 85%;background-position: center;background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6.5 12L2 7.49997L2.707 6.79297L6.5 10.5855L13.293 3.79297L14 4.49997L6.5 12Z' fill='white'/%3E%3C/svg%3E");}
.ch-box input[type=radio]:checked,
.ch-box input[type=checkbox]:checked {border-color: var(--clr-primary);background-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]:checked + span,
.ch-box input[type=checkbox]:checked + span {color: var(--clr-title);}
.ch-box input[type=radio] {border-radius: 100%;}
.ch-box input[type=radio]:before {content: "";border-radius: inherit;border: 0.25rem solid var(--clr-primary);box-sizing: border-box;background-image: none;background-color: var(--clr-white);}
@media (min-width: 1200px) {
.ch-box a:not(.btn):hover {text-decoration-color: transparent;}
}
@media (max-width: 575px) {
.ch-box-wrap {--ch-size: 0.875rem;align-items: flex-start;flex-direction: column;}
}
/*====================*/
/*  Select            */
/*====================*/
.SumoSelect {--sel-h: 3.5rem;--sel-p: 1.25rem;--sel-p-block: 1rem;--sel-fz: 1rem;--sel-items: 8;--opt-p: 0.625rem;--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%;}
.SumoUnder {z-index: 0;padding: 0;margin: 0;line-height: 0;font-size: 0;display: none;backface-visibility: hidden;}
.SumoSelect > .CaptionCont {z-index: 1;text-align: left;height: var(--sel-h);padding-inline: var(--sel-p) calc(var(--sel-p) * 2.5);padding-block: var(--sel-p-block);background: var(--clr-white);border-radius: var(--rd-4);color: var(--clr-title);border: 0.0625rem solid var(--clr-border);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) - var(--sel-p-block) * 1.25 - var(--sel-p) / 2);color: currentColor;backface-visibility: hidden;}
.SumoSelect > .CaptionCont > span.placeholder {font-style: normal;color: #c6c6c6;display: none;}
.SumoSelect > .CaptionCont > label {display: inline-block;cursor: pointer;width: 1.25rem;height: 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.625rem;height: 0.625rem;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: 0.0625rem solid var(--clr-border);border-radius: var(--rd-4);opacity: 0;visibility: hidden;backface-visibility: hidden;background-color: var(--clr-white);box-shadow: none;transition: 0s;}
.SumoSelect > .optWrapper > .options {font-size: var(--sel-fz);max-height: var(--max-height);padding: var(--opt-p);border-radius: 0 !important;}
.SumoSelect > .optWrapper > .options > .opt.disabled:first-child {display: none !important;}
.SumoSelect > .optWrapper > .options li.opt {padding: 0;border-bottom: 0;background-color: transparent !important;}
.SumoSelect > .optWrapper > .options li label {white-space: unset;text-align: left;background-color: transparent;border-radius: var(--rd-4);padding: var(--opt-p);font-size: var(--sel-fz);line-height: var(--opt-lh);color: var(--clr-text);transition: var(--transition-1);}
.SumoSelect > .optWrapper > .options li.opt.selected label {background-color: var(--clr-secondary);color: var(--clr-title);}
.SumoSelect > .optWrapper > .options > .opt.disabled:first-child {display: none !important;}
.SumoSelect > .optWrapper > .options li.group > label {padding: var(--opt-p) var(--sel-p);}
.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-title);}
.SumoSelect.open > .CaptionCont {border-color: var(--clr-border);border-radius: var(--rd-4);box-shadow: none;}
.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-secondary);}
}
@media (max-width: 767px) {
.SumoSelect {--sel-h: 3.125rem;--sel-fz: 0.875rem;--sel-p: 1rem;--sel-p-block: 0.5rem;}
}
/*======================*/
/*  Upload File         */
/*======================*/
.upload-btn {position: relative;cursor: pointer;display: flex;gap: 0.75rem;}
.upload-btn input {position: absolute;cursor: pointer;z-index: 2;inset: 0;opacity: 0;border-radius: inherit;}
.upload-btn svg {--size: 1.5rem;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;color: var(--clr-primary);}
.upload-title {font-size: var(--text);line-height: 1.5em;color: var(--clr-text);}
.upload-files {display: flex;flex-direction: column;}
.upload-file {position: relative;overflow: hidden;gap: 0.75rem;display: inline-flex;transition: var(--transition-1);font-size: var(--text);line-height: 1.5em;color: var(--clr-text);max-width: 80ch;}
.upload-file b {display: inline-block;transform: translateY(0.125rem);display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.upload-file:first-child {margin-top: 0.5rem;}
.upload-file:not(:last-child) {margin-bottom: 0.5rem;}
.delete-file {--size: 1.5rem;position: relative;cursor: pointer;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;order: -1;color: var(--clr-error);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);}
}
/*--------------------*/
/* Stepper            */
/*--------------------*/
/*====================*/
/*  Range Slider      */
/*====================*/
.ui-slider {--ui-slider-size: 0.875rem;position: relative;text-align: left;height: var(--ui-slider-size);margin-inline: calc(var(--ui-slider-size) / 2);}
.ui-slider:before {content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: calc(100% + var(--ui-slider-size));height: 0.125rem;margin-left: calc(-1 * var(--ui-slider-size) / 2);background-color: var(--clr-border);}
.ui-slider-range {position: absolute;z-index: 1;top: 50%;left: 0;transform: translateY(-50%);width: 100%;height: 0.125rem;background-color: var(--clr-primary);}
.ui-slider-handle {cursor: pointer;touch-action: none;position: absolute;z-index: 2;top: 50%;transform: translateY(-50%);width: var(--ui-slider-size);height: var(--ui-slider-size);margin-left: calc(-1 * var(--ui-slider-size) / 2);border-radius: 100%;border: 0.125rem solid transparent;background-color: var(--clr-primary);transition: border-color var(--transition-1);}
.ui-slider-handle::before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0.625rem;height: 0.625rem;border-radius: 100%;background-color: var(--clr-primary);transition: background-color var(--transition-1);}
.ui-slider-handle.ui-state-hover,
.ui-slider-handle.ui-state-active {z-index: 3;}
.ui-slider-handle.ui-state-hover::before,
.ui-slider-handle.ui-state-active::before {background-color: var(--clr-white);}
.ui-slider-range-min {left: 0;}
.ui-slider-range-max {right: 0;}
/*======================*/
/*  Rate select         */
/*======================*/
.rate-select {gap: 0.25rem;display: flex;align-items: center;}
.rate-select input {display: none;}
.rate-select label {cursor: pointer;display: block;color: var(--clr-primary);}
.rate-select svg {display: inline-block;width: 1rem;height: 1rem;}
.rate-select-wrap {gap: 0.625rem;display: flex;align-items: center;}
.rate-select:has([value="1"]:checked) label:nth-child(1) {color: var(--clr-primary);}
.rate-select:has([value="1"]:checked) label:nth-child(1) *[fill] {fill: var(--clr-primary) !important;}
.rate-select:has([value="2"]:checked) label:nth-child(-n+2) {color: var(--clr-primary);}
.rate-select:has([value="2"]:checked) label:nth-child(-n+2) *[fill] {fill: var(--clr-primary) !important;}
.rate-select:has([value="3"]:checked) label:nth-child(-n+3) {color: var(--clr-primary);}
.rate-select:has([value="3"]:checked) label:nth-child(-n+3) *[fill] {fill: var(--clr-primary) !important;}
.rate-select:has([value="4"]:checked) label:nth-child(-n+4) {color: var(--clr-primary);}
.rate-select:has([value="4"]:checked) label:nth-child(-n+4) *[fill] {fill: var(--clr-primary) !important;}
.rate-select:has([value="5"]:checked) label {color: var(--clr-primary);}
.rate-select:has([value="5"]:checked) label *[fill] {fill: var(--clr-primary) !important;}
/*---------------------*/
/* Search Autocomplete */
/*---------------------*/
:where(.ui-autocomplete) {position: fixed;z-index: 100;padding: 1rem;}
.input-search-wrap {position: relative;}
.input-search-wrap .ui-autocomplete {top: auto !important;left: 0 !important;bottom: 0;transform: translateY(100%);width: 100% !important;padding: inherit;padding-block: 1.875rem;position: absolute;}
.ui-autocomplete {line-height: 0;background-color: var(--clr-white);border-radius: 0 0 var(--rd-1) var(--rd-1);}
.ui-helper-hidden-accessible {position: relative;z-index: -1;padding: 0;margin: 0;display: none;}
.ui-menu-item {cursor: pointer;font-family: var(--ff-1);font-size: clamp(0.875rem, 0.6645rem + 0.4386vw, 1.125rem);line-height: 1.5em;font-weight: 400;color: var(--clr-title);gap: 1.5rem;display: flex;align-items: center;transition: color var(--transition-1);}
.ui-menu-item + .ui-menu-item {margin-top: 0.25rem;}
.ui-menu-item b {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.ui-menu-item-img {position: relative;width: 4rem;height: 4rem;flex-shrink: 0;align-self: flex-start;}
.ui-menu-item-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;}
@media (min-width: 1200px) {
.ui-menu-item:hover {color: var(--clr-primary);}
}
@media (max-width: 1199px) {
.input-search-wrap .ui-autocomplete {left: -1rem !important;width: calc(100% + 2rem) !important;padding: 1rem;}
}
@media (max-width: 575px) {
.ui-menu-item {gap: 0.75rem;}
.ui-menu-item-img {width: 3rem;height: 3rem;}
}