/*====================*/
/*  Inputs            */
/*====================*/
.input-field {--int-height: 3.375rem;--int-pd: 0.75rem;--font-size: 1.125rem;--inp-icon: 1.25rem;display: block;position: relative;text-align: left;line-height: 0;font-size: var(--font-size);}
.input-field::after, .wpcf7-not-valid + span:after {content: "!";position: absolute;pointer-events: none;z-index: 3;top: 1rem;right: 1.25rem;width: 1.25rem;height: 1.25rem;transition: var(--transition-1);transform: scale(0);border-radius: 100%;background-color: var(--clr-red);font-size: 0.875rem;line-height: 1.25rem;font-weight: 500;color: var(--clr-white);text-align: center;}
.input-field[data-int-code] .input {padding-left: 2.875rem;}
.input-field[data-int-code]::before {content: "";position: absolute;z-index: 2;top: 1rem;left: 1.25rem;overflow: hidden;display: inline-block;width: 1.25rem;height: 1.25rem;border-radius: 100%;background-repeat: no-repeat;background-size: cover;pointer-events: none;}
.input-field[data-int-code=ua]::before {background-image: url("../img/icons/icon-flag-ua.svg");}
.input {position: relative;z-index: 1;transition: var(--transition-1);font-size: var(--font-size);font-weight: 300;line-height: var(--int-height);height: var(--int-height);text-overflow: ellipsis;color: var(--clr-title);border-radius: 0.875rem;background-color: var(--clr-white);border: 0.0625rem solid var(--clr-white);padding: var(--int-pd) 1.25rem;}
.input.code-mask {text-align: center;}
.input.code-mask::-webkit-input-placeholder,
.input.code-mask::-moz-placeholder,
.input.code-mask::placeholder {display: none;}
textarea.input {height: 7.5rem;line-height: 1.35em;}
.password-control {--size: 1.5rem;cursor: pointer;display: block;position: absolute;z-index: 3;top: 0.875rem;right: 1.25rem;width: var(--size);height: var(--size);background-image: url(../img/icons/icon-eye-off.svg);background-repeat: no-repeat;background-position: center;background-size: 100%;opacity: 0;visibility: hidden;}
.password-control.view {background-image: url(../img/icons/icon-eye.svg);}
.input-error {font-size: 0.75rem;line-height: 1.35em;font-weight: 400;color: var(--clr-red);margin-top: 0.375rem;display: none;}
.input-success {font-size: 0.75rem;line-height: 1.35em;font-weight: 400;color: var(--clr-primary);margin-top: 0.375rem;display: none;}
.input-clear {cursor: pointer;position: absolute;z-index: 2;top: 1rem;right: 1.25rem;width: var(--inp-icon);height: var(--inp-icon);flex-shrink: 0;color: var(--clr-title);opacity: 0;visibility: hidden;transition: color var(--transition-1);}
.input-clear::before,
.input-clear::after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(45deg);width: 80%;height: 0.125rem;background-color: currentColor;}
.input-clear::after {transform: translate(-50%, -50%) rotate(-45deg);}
.input-field.focus {z-index: 5;}
.input-field.value .input-clear {opacity: 1;visibility: visible;}
.input-field.value .password-control {opacity: 1;visibility: visible;}
.input-field:where(.focus) .input {border-color: var(--clr-secondary);}
.input-field.invalid:not(.value) .input,
.input-field.invalid-email .input {border-color: var(--clr-red);}
.input-field.invalid:not(.value)::after,
.input-field.invalid-email::after,
.wpcf7-not-valid + span:after {transform: scale(1);}
.input-field.invalid:not(.value) .input-error,
.input-field.invalid-email .input-error {display: block;}
@media (min-width: 1200px) {
.input-clear:hover {color: var(--clr-red);}
}
@media (max-width: 991px) {
.input-field {--font-size: 1rem;}
}
/*====================*/
/*  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 {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 {display: inline;font-weight: 500;color: var(--clr-secondary);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;color: var(--clr-text);height: var(--lh-size);width: var(--lh-size);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.75rem;height: 0.75rem;transform: translate(-50%, -50%) scale(0);background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.55469 6.375L5.55469 9.375L10.0547 2.625' stroke='%2355A5AC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-size: 100%;background-repeat: no-repeat;transition: var(--transition-1);}
.ch-box input[type=radio]:checked,
.ch-box input[type=checkbox]:checked {color: var(--clr-secondary);}
.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: inherit;background-color: currentColor;background-image: none;}
@media (min-width: 1200px) {
.ch-box a:not(.btn):hover {text-decoration-color: transparent;}
}
@media (max-width: 575px) {
.ch-box-wrap {align-items: flex-start;flex-direction: column;}
}
/*====================*/
/*  Select            */
/*====================*/
.SumoSelect {--sel-p: 0.75rem;--sel-h: 3.375rem;--sel-fz: 1.125rem;--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%;}
.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: var(--sel-p) 3.125rem var(--sel-p) 1.25rem;background: var(--clr-white);border-radius: 0.875rem;color: var(--clr-title);border: 0.0625rem solid var(--clr-white);transition: var(--transition-1);}
.SumoSelect > .CaptionCont > span {cursor: pointer;padding-right: 0;font-size: var(--sel-fz);font-weight: 300;line-height: calc(var(--sel-h) - var(--sel-p) * 2);color: currentColor;backface-visibility: hidden;}
.SumoSelect > .CaptionCont > span.placeholder {font-style: normal;color: var(--clr-text);}
.SumoSelect > .CaptionCont > label {display: inline-block;cursor: pointer;width: 1.25rem;height: 1.25rem;color: currentColor;right: 1.25rem;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.0625rem solid currentColor;border-bottom: 0.0625rem 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-top: none;border-radius: 0 0 0.875rem 0.875rem;opacity: 0;visibility: hidden;backface-visibility: hidden;background-color: var(--clr-white);box-shadow: 0 0.625rem 1rem 0 rgba(0, 0, 0, 0.05);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;background-color: transparent !important;}
.SumoSelect > .optWrapper > .options li label {white-space: unset;text-align: left;padding: var(--opt-p) 1.25rem;font-size: var(--sel-fz);line-height: var(--opt-lh);font-weight: 400;color: var(--clr-text);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 {box-shadow: none;border-color: var(--clr-secondary);}
.SumoSelect.open > .CaptionCont {border-color: var(--clr-white);border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.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: 991px) {
.SumoSelect {--sel-fz: 1rem;}
}
/*====================*/
/*  Calendar          */
/*====================*/
.input-field:has(.lightpick:not(.is-hidden)) .input.calendar {border-radius: 0.875rem 0.875rem 0 0;}
.input-field:not(.value):has(.calendar) .input-clear {pointer-events: none;opacity: 1;visibility: visible;background-repeat: no-repeat;background-size: 100%;background-position: center;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66602 1.66797V4.16797' stroke='%2355A5AC' style='stroke:%2355A5AC;stroke:color(display-p3 0.3333 0.6471 0.6745);stroke-opacity:1;' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.334 1.66797V4.16797' stroke='%2355A5AC' style='stroke:%2355A5AC;stroke:color(display-p3 0.3333 0.6471 0.6745);stroke-opacity:1;' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.91602 7.57422H17.0827' stroke='%2355A5AC' style='stroke:%2355A5AC;stroke:color(display-p3 0.3333 0.6471 0.6745);stroke-opacity:1;' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.5 7.08464V14.168C17.5 16.668 16.25 18.3346 13.3333 18.3346H6.66667C3.75 18.3346 2.5 16.668 2.5 14.168V7.08464C2.5 4.58464 3.75 2.91797 6.66667 2.91797H13.3333C16.25 2.91797 17.5 4.58464 17.5 7.08464Z' stroke='%2355A5AC' style='stroke:%2355A5AC;stroke:color(display-p3 0.3333 0.6471 0.6745);stroke-opacity:1;' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.99607 11.4167H10.0036' stroke='%2355A5AC' style='stroke:%2355A5AC;stroke:color(display-p3 0.3333 0.6471 0.6745);stroke-opacity:1;' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.91209 11.4167H6.91957' stroke='%2355A5AC' style='stroke:%2355A5AC;stroke:color(display-p3 0.3333 0.6471 0.6745);stroke-opacity:1;' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.91209 13.9167H6.91957' stroke='%2355A5AC' style='stroke:%2355A5AC;stroke:color(display-p3 0.3333 0.6471 0.6745);stroke-opacity:1;' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.input-field:not(.value):has(.calendar) .input-clear:before,
.input-field:not(.value):has(.calendar) .input-clear:after {content: none;}
.input.calendar {cursor: pointer;}
.lightpick {position: absolute;z-index: 6;left: 0 !important;top: var(--int-height) !important;width: 100%;min-width: -moz-fit-content;min-width: fit-content;border-radius: 0 0 0.875rem 0.875rem;background-color: var(--clr-white);box-shadow: 0 0.625rem 1rem 0 rgba(0, 0, 0, 0.05);border-top: 0;transition: var(--transition-1);transition-delay: 0.2s;}
.lightpick.is-hidden {transition: none;opacity: 0;visibility: hidden;}
.lightpick--inlined {position: relative;display: inline-block;}
.lightpick__months {display: grid;grid-template-columns: var(--lt-columns, auto);}
.lightpick--2-columns {--lt-columns: auto auto;}
.lightpick--3-columns {--lt-columns: auto auto auto;}
.lightpick--4-columns {--lt-columns: auto auto auto auto;}
.lightpick--5-columns {--lt-columns: auto auto auto auto auto;}
.lightpick__month {display: block;}
.lightpick__month-title-bar {padding-left: var(--int-pd, 1rem);padding-right: calc(var(--int-pd, 1em) / 2);padding-block: 0.25rem;display: flex;align-items: center;justify-content: space-between;}
.lightpick__month-title {cursor: default;font-size: 0.875rem;line-height: 1em;font-weight: 400;color: var(--clr-title);gap: 0.75rem;display: flex;align-items: center;flex-direction: row-reverse;}
.lightpick__select {cursor: pointer;border: none;outline: none;background-color: transparent;appearance: none;-moz-appearance: none;-webkit-appearance: none;display: inline-block;color: inherit;width: auto;font-size: 1em;}
.lightpick__select:disabled {color: #EBEDF3;}
.lightpick__select.lightpick__select-months {text-transform: capitalize;}
.lightpick__toolbar {display: flex;align-items: center;}
.lightpick__previous-action,
.lightpick__next-action {cursor: pointer;position: relative;outline: none;border: none;width: 2.5rem;height: 2.5rem;border-radius: 100%;color: var(--clr-title);transition: var(--transition-1);}
.lightpick__previous-action::before,
.lightpick__next-action::before {content: "";position: absolute;left: 48%;top: 50%;width: 0.375rem;height: 0.375rem;border-right: 0.125rem solid currentColor;border-bottom: 0.125rem solid currentColor;transform: translate(-50%, -50%) rotate(-45deg);}
.lightpick__previous-action {transform: rotate(180deg);}
.lightpick__close-action {display: none;}
.lightpick__days-of-the-week {padding-inline: calc(var(--int-pd, 1rem) / 2);display: grid;grid-template-columns: repeat(7, 1fr);}
.lightpick__day-of-the-week {height: 2.5rem;line-height: 2.5rem;font-size: 1rem;font-weight: 400;color: var(--clr-title);text-align: center;text-transform: capitalize;}
.lightpick__days {padding-inline: calc(var(--int-pd, 1rem) / 2);padding-block: 0 0.25rem;display: grid;grid-template-columns: repeat(7, 1fr);}
.lightpick__day {--before-color: transparent;--after-color: transparent;cursor: pointer;position: relative;z-index: 1;height: 2.5rem;line-height: 2.5rem;font-size: 0.875rem;color: var(--clr-text);text-align: center;}
.lightpick__day::before {content: "";position: absolute;z-index: -2;left: 0;top: 0;width: 100%;height: 100%;opacity: 0.2;background: var(--before-color);}
.lightpick__day::after {content: "";position: absolute;z-index: -1;left: 50%;top: 50%;transform: translate(-50%, -50%);aspect-ratio: 1;height: calc(100% - 0.125rem);border-radius: 100%;border: 0.0625rem solid var(--after-br-color, var(--after-color));background: var(--after-color);}
.lightpick__day.is-previous-month,
.lightpick__day.is-next-month {opacity: 0.4;}
.lightpick__day.is-disabled {pointer-events: none;cursor: default;opacity: 0.4;}
.lightpick__day.is-disabled.is-forward-selected {opacity: 1;}
.lightpick__day.is-disabled.is-forward-selected:not(.is-start-date) {background-color: rgba(38, 139, 210, 0.1);}
.lightpick__day.disabled-tooltip {pointer-events: auto;}
.lightpick__day.is-today {--after-color: var(--clr-white);--after-br-color: var(--clr-secondary);color: var(--clr-secondary);}
.lightpick__day.is-in-range {--before-color: var(--clr-secondary);}
.lightpick__day.is-in-range:not(.is-disabled) {opacity: 1;}
.lightpick__day.is-start-date,
.lightpick__day.is-end-date {--after-color: var(--clr-secondary);color: var(--clr-white);}
.lightpick__day.is-start-date::before {left: 50%;width: 50%;}
.lightpick__day.is-start-date.is-flipped::before {left: 0;}
.lightpick__day.is-end-date::before {width: 50%;}
.lightpick__day.is-end-date.is-flipped::before {left: 50%;}
.lightpick__tooltip {pointer-events: none;position: absolute;z-index: 2;font-size: 0.75rem;line-height: 1em;font-weight: 400;margin-top: -0.25rem;padding: 0.25rem 0.5rem;border-radius: 0.25rem;white-space: nowrap;background-color: #fff;box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);}
.lightpick__tooltip::before {content: "";position: absolute;bottom: -0.35rem;left: calc(50% - 0.25rem);border-top: 0.25rem solid rgba(0, 0, 0, 0.12);border-right: 0.25rem solid transparent;border-left: 0.25rem solid transparent;}
.lightpick__tooltip::after {content: "";position: absolute;bottom: -0.25rem;left: calc(50% - 0.25rem);border-top: 0.25rem solid #fff;border-right: 0.25rem solid transparent;border-left: 0.25rem solid transparent;}
.lightpick__footer {padding-block: calc(var(--int-pd, 1em) / 2);padding-inline: var(--int-pd, 1em);gap: 1rem;display: flex;justify-content: flex-end;}
.lightpick__footer button {cursor: pointer;font-size: 1rem;line-height: 1em;font-weight: 500;color: var(--clr-title);border: none;}
.lightpick__footer-message {display: none;}
@media (min-width: 1200px) {
.lightpick__toolbar button:hover {color: var(--clr-white);background-color: var(--clr-secondary);}
.lightpick__footer button:hover {color: var(--clr-secondary);}
}
/*====================*/
/*  Form Block        */
/*====================*/
.form-block {--space: 0.75rem;}
.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 > * + .ch-box-wrap,
.form-block > * + .form-informer {margin-top: var(--sp-sm);}
.form-block > * + .btn {margin-top: calc(var(--sp-sm) - var(--space));}
.form-informer {position: relative;gap: 0.625rem;display: flex;align-items: center;border-radius: 0.75rem;font-size: var(--text-sm);line-height: 1.35em;font-weight: 400;text-align: left;padding: 0.625rem 0.875rem;}
.form-informer-error {color: var(--clr-red);background-color: #FCDDDF;}
.form-informer-error::before {content: "!";display: inline-block;width: 1.25rem;height: 1.25rem;border-radius: 100%;background-color: var(--clr-red);font-size: 0.875rem;line-height: 1.25rem;font-weight: 500;color: var(--clr-white);text-align: center;}