/*--------------------*/
/*  Inputs            */
/*--------------------*/
.input-field {--int-height: 3.75rem;--int-pd: 1rem;--font-size: 1.25rem;--inp-card-icon-size: 3rem;display: block;position: relative;text-align: left;line-height: 0;font-size: var(--font-size);}
.input {position: relative;z-index: 1;font-weight: 400;font-size: var(--font-size);line-height: var(--int-height);height: var(--int-height);padding: var(--int-pd);padding-left: calc(var(--int-pd) + 0.75rem);text-overflow: ellipsis;color: #707070;-webkit-transition: var(--transition-1);transition: var(--transition-1);background-color: var(--clr-white);border-radius: var(--rd-2);}
.input::-webkit-input-placeholder {font-weight: 400;font-size: var(--font-size);}
.input::-moz-placeholder {font-weight: 400;font-size: var(--font-size);}
.input:-ms-input-placeholder {font-weight: 400;font-size: var(--font-size);}
.input::-ms-input-placeholder {font-weight: 400;font-size: var(--font-size);}
.input::placeholder {font-weight: 400;font-size: var(--font-size);}
.input-label {text-align: left;font-size: 1.25rem;line-height: 1.4;color: var(--clr-white);font-weight: bold;margin-bottom: var(--sp-4xs);}
.input-label span {font-weight: 400;}
textarea.input {height: 8.75rem;line-height: 1.38em;}
.input-placeholder {display: inline-block;pointer-events: none;position: absolute;text-align: left;z-index: 2;top: 0;left: calc(var(--int-pd) - 0.25em);-webkit-transform: translateY(calc((var(--int-height) - 1.25em) / 2));transform: translateY(calc((var(--int-height) - 1.25em) / 2));font-size: var(--font-size);line-height: 1.25em;font-weight: 400;color: #707070;padding-inline: 0.25em;max-width: calc(100% - var(--int-pd) * 2);display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;background-color: transparent;-webkit-transition: var(--transition-1);transition: var(--transition-1);text-transform: capitalize;display: none;}
textarea.input + .input-placeholder {-webkit-transform: translateY(var(--int-pd));transform: translateY(var(--int-pd));}
.password-control {--size: 2rem;cursor: pointer;display: block;position: absolute;z-index: 3;top: 0.875rem;right: var(--int-pd);width: var(--size);background-image: url(../img/icons/eye-off.svg);background-repeat: no-repeat;background-position: center;background-size: contain;}
.password-control.view {background-image: url(../img/icons/eye.svg);}
.input-error {font-size: 0.75rem;line-height: 1.5em;font-weight: 400;color: var(--clr-primary);font-weight: bold;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;}
.phone-input {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-radius: var(--rd-1);border: 0.0625rem solid var(--clr-input);}
.phone-input > * {border: none;}
.phone-input .SumoSelect {width: auto;-ms-flex-negative: 0;flex-shrink: 0;border-right: 0.0625rem solid var(--clr-input);}
.phone-input .SumoSelect > .CaptionCont {border: none;padding-right: calc(var(--sel-p) * 3.5);}
.date-separate-input {display: -webkit-box;display: -ms-flexbox;display: flex;gap: 0.5rem;}
.date-separate-input > * {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-preferred-size: 33.3%;flex-basis: 33.3%;}
.date-separate-input.invalid + .input-error {display: block;}
.input-field.focus {z-index: 5;}
.input-field.focus .input-placeholder,
.input-field.value .input-placeholder {font-size: calc(var(--font-size) * 0.8755);-webkit-transform: translateY(-1.25em);transform: translateY(-1.25em);color: var(--clr-white);}
.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: 1680px) {
.input-field {--int-height: 3.25rem;}
}
@media (max-width: 991px) {
.input-field {--int-height: 3.575rem;--int-pd: 0.75rem;--font-size: 1.25rem;}
}
/*--------------------*/
/*  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 var(--clr-black),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  */
/*--------------------*/
.checkbox-entry-inner .ch-box-wrap {margin-bottom: var(--sp-2xs);}
.checkbox-entry-inner .ch-box-wrap:last-child {margin-bottom: 0;}
.ch-box-wrap {--ch-size: 2rem;--lh-size: calc(var(--ch-size) * 1.25);display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: var(--lh-size);}
.ch-box-wrap span {font-size: var(--h5);font-weight: 700;line-height: 1.5;}
.ch-box {cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;line-height: var(--lh-size);font-size: var(--ch-size);text-align: left;}
.ch-box a {display: inline;color: var(--clr-primary);text-decoration: underline;text-decoration-color: transparent;}
.ch-box > * {vertical-align: middle;}
.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);margin-right: calc(var(--ch-size) / 2);border-radius: 0.625rem;border: 0.0625rem solid #707070;-webkit-box-flex: 1;-ms-flex: 1 0 2.5rem;flex: 1 0 2.5rem;}
.ch-box input[type=radio]:before,
.ch-box input[type=checkbox]:before {content: url("../img/icons/icon-check.svg");position: absolute;top: 32%;left: 50%;display: block;width: 70%;height: 70%;-webkit-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);color: #07afe0;-webkit-transition: var(--transition-1);transition: var(--transition-1);font-size: 2rem;}
@media (max-width: 575px) {
.ch-box input[type=radio]:before,
.ch-box input[type=checkbox]:before {font-size: 1.125rem;}
}
.ch-box input[type=radio]:checked:before,
.ch-box input[type=checkbox]:checked:before {-webkit-transform: translate(-50%, -50%) scale(1);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 {--ch-size: 1rem;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.ch-box-wrap input {-webkit-box-flex: 1 !important;-ms-flex: 1 0 1.25rem !important;flex: 1 0 1.25rem !important;border-radius: 0.125rem !important;}
}
/*--------------------*/
/*  Form Block        */
/*--------------------*/
.form-block {--space: 1.5rem;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 1.25rem;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.form-block .row {--bs-gutter-x: var(--space);--bs-gutter-y: var(--space);}
.form-block .btn {--h-height: 3.75rem;padding: 1.375rem 4.375rem;min-height: unset;height: var(--h-height);}
.form-block .col-lg-6:has(.btn) {text-align: right;margin-top: 1.5625rem;}
@media (max-width: 991px) {
.form-block .col-lg-6:has(.btn) .input-label {display: none;}
}
@media (max-width: 1680px) {
.form-block {--space: 1.5rem;}
}
@media (max-width: 1680px) {
.form-block .btn {--h-height: 3.25rem;}
}
@media (max-width: 991px) {
.form-block {--space: 1rem;}
.form-block .btn {--h-height: 3.75rem;}
}
/*--------------------*/
/*  Sumoselect        */
/*--------------------*/
.SumoSelect {--sel-p: 1rem;--sel-h: 3.575rem;--sel-fz: 1rem;--sel-items: 5;--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%;}
.SelectBox {z-index: 0;padding: 0;margin: 0;line-height: 0;font-size: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.SumoSelect > .CaptionCont {z-index: 1;text-align: left;height: var(--sel-h);padding: var(--sel-p);padding-right: calc(var(--sel-p) * 2.5);background: var(--clr-white);border-radius: var(--rd-1);color: var(--clr-secondary);border: 0.0625rem solid var(--clr-input);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.SumoSelect > .CaptionCont > span {cursor: pointer;padding-right: 0;font-size: var(--h6);font-weight: 400;line-height: calc(var(--sel-h) - var(--sel-p) * 2);color: currentColor;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.SumoSelect > .CaptionCont > span.placeholder {font-style: normal;color: var(--clr-secondary);display: none;}
.SumoSelect > .CaptionCont > label {display: inline-block;cursor: pointer;width: 1.25rem;height: 1.25rem;color: currentColor;right: var(--sel-p);bottom: auto;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: var(--transition-1);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.0625rem solid currentColor;border-bottom: 0.0625rem solid currentColor;-webkit-transform: translate(-50%, -50%) rotate(45deg);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-black);border-top: none;border-radius: 0 0 var(--rd-1) var(--rd-1);opacity: 0;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;background-color: var(--clr-white);-webkit-box-shadow: 0 0.625rem 1rem 0 rgba(0, 0, 0, 0.07);box-shadow: 0 0.625rem 1rem 0 rgba(0, 0, 0, 0.07);-webkit-transition: 0s;transition: 0s;}
.SumoSelect > .optWrapper > .options {font-size: var(--sel-fz);max-height: var(--max-height);padding: var(--opt-p) 0;border-radius: 0 !important;}
.SumoSelect > .optWrapper > .options li.opt {padding: 0;border-bottom: 0;}
.SumoSelect > .optWrapper > .options li label {white-space: unset;text-align: left;padding: var(--opt-p) var(--sel-p);font-size: var(--h6);line-height: var(--opt-lh);font-weight: 400;color: var(--clr-secondary);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.SumoSelect > .optWrapper > .options li.opt.selected label {color: var(--clr-primary);}
.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 {-webkit-box-shadow: none;box-shadow: none;border-color: var(--clr-grey);}
.SumoSelect.open > .CaptionCont {border-color: var(--clr-black);border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.SumoSelect.open > .CaptionCont > label {-webkit-transform: translateY(-50%) rotateX(180deg);transform: translateY(-50%) rotateX(180deg);}
.SumoSelect.open > .optWrapper {top: 100%;opacity: 1;visibility: visible;-webkit-transition: var(--transition-1);transition: var(--transition-1);-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
.SumoSelect.disabled {opacity: 0.5;}
.SumoSelect.disabled > .CaptionCont {cursor: not-allowed;}
.SumoSelect.disabled > .CaptionCont > span {cursor: not-allowed;}

.SumoSelect.open .search-txt{top: 12px;padding: 5px 16px;}
@media (min-width: 1200px) {
.SumoSelect > .optWrapper > .options li.opt:hover label {background-color: var(--clr-grey);}
}
@media (max-width: 1680px) {
.SumoSelect {--sel-h: 3.25rem;}
}
@media (max-width: 991px) {
.SumoSelect {--sel-p: 0.75rem;--sel-h: 3.575rem;--sel-fz: 1.25rem;}
}