/* body {
    color: green !important;
} */
:root {
    --mclr-E0: #E0E0E0;
    --mclr-EC: #ECECEC;
    --mclr-19: #191919;
    --mclr-white: #FFFFFF;
    --mclr-BD0F10: #BD0F10;
}

button {
    outline: none;
    border: none;
}

.alignment-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

a:hover {
    color: var(--mclr-19);
}

/* Custom-input */
/* Custom-input */
/* Custom-input */
.input-wrapper {
    position: relative;
    margin: 0 0 16px 0;
    transition: 0.3s;
}
.input-wrapper .input-placeholder {
    position: absolute;
    top: 0;
    padding: 20px 35px 20px 20px;
    color: #737373;
    cursor: text;
    transition: 0.3s;
}
.input-wrapper .input-enter {
    padding: 20px 35px 20px 20px;
    color: #737373;
    min-height: 62px;
    width: 100%;
    background-color: #E0E0E0;
    border: 1px solid #E0E0E0;
    outline: none;
}
.input-wrapper.active {
    /* margin-top: 40px; */
}
.input-wrapper.active .input-placeholder {
    /* bottom: 100%; */
    /* top: auto; */
    font-size: 12px;
    font-weight: 500;
    padding-top: 0;
    padding-bottom: 0;
}
.input-wrapper .input-icon-error,
.input-wrapper .input-icon-success {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px 10px 20px 0;
}
.input-wrapper .has-error .input-icon-error,
.input-wrapper .has-success .input-icon-success {
    display: block;
}
.input-wrapper .has-error .input-placeholder {
    color: var(--mclr-BD0F10);
}
.input-wrapper .has-error .input-enter {
    border: 1px solid var(--mclr-BD0F10);
    color: var(--mclr-BD0F10);
}
.input-wrapper .has-error .input-error-message {
    color: var(--mclr-BD0F10);
}
.checkbox-wrapper {
    display: flex;
}
.checkbox-input {
    appearance: none;           /* Сбрасывает системный вид (универсальный) */
    -webkit-appearance: none;   /* Для Safari и Chrome */
    -moz-appearance: none;      /* Для Firefox */
    height: 20px;
    width: 20px;
    border: none;
    outline: none;
    cursor: pointer;
    background-color: var(--mclr-E0);
}
.checkbox-input:checked::after {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='11' viewBox='0 0 15 11' fill='none'><path d='M14.0909 1L5.09091 10L1 5.90909' stroke='%233D9D2E' stroke-width='1.63636' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    padding: 0 3px;
    /* position: absolute; */
    /* top: 2px; */
    /* left: 2px; */
    /* width: 15px; */
    /* height: 11px; */
}
/* Custom-input */
/* Custom-input */
/* Custom-input */

.cursor-pointer { cursor: pointer; }

.font-f-Montserrat { font-family: Montserrat, sans-serif; }

.bg-white { background-color: var(--mclr-white); }
.bg-E0 { background-color: var(--mclr-E0); }
.bg-EC { background-color: var(--mclr-EC); }
.bg-19 { background-color: var(--mclr-19); }

.text-19 { color: var(--mclr-19); }

.font-s-4  { font-size:  4px; }
.font-s-6  { font-size:  6px; }
.font-s-7  { font-size:  7px; }
.font-s-8  { font-size:  8px; }
.font-s-9  { font-size:  9px; }
.font-s-10 { font-size: 10px; }
.font-s-12 { font-size: 12px; }
.font-s-14 { font-size: 14px; }
.font-s-16 { font-size: 16px; }
.font-s-18 { font-size: 18px; }
.font-s-20 { font-size: 20px; }
.font-s-22 { font-size: 22px; }
.font-s-24 { font-size: 24px; }
.font-s-26 { font-size: 26px; }
.font-s-28 { font-size: 28px; }
.font-s-30 { font-size: 30px; }
.font-s-32 { font-size: 32px; }
.font-s-34 { font-size: 34px; }
.font-s-36 { font-size: 36px; }
.font-s-38 { font-size: 38px; }
.font-s-40 { font-size: 40px; }
.font-s-42 { font-size: 42px; }
.font-s-44 { font-size: 44px; }
.font-s-46 { font-size: 46px; }
.font-s-48 { font-size: 48px; }
.font-s-50 { font-size: 50px; }

.font-w-500 { font-weight: 500; }
.font-w-600 { font-weight: 600; }
.font-w-700 { font-weight: 700; }
.font-w-800 { font-weight: 800; }
.font-w-900 { font-weight: 900; }

@media (min-width: 768px) {
    .font-s-md-4  { font-size:  4px; }
    .font-s-md-6  { font-size:  6px; }
    .font-s-md-8  { font-size:  8px; }
    .font-s-md-9  { font-size:  9px; }
    .font-s-md-10 { font-size: 10px; }
    .font-s-md-12 { font-size: 12px; }
    .font-s-md-14 { font-size: 14px; }
    .font-s-md-16 { font-size: 16px; }
    .font-s-md-18 { font-size: 18px; }
    .font-s-md-20 { font-size: 20px; }
    .font-s-md-22 { font-size: 22px; }
    .font-s-md-24 { font-size: 24px; }
    .font-s-md-26 { font-size: 26px; }
    .font-s-md-28 { font-size: 28px; }
    .font-s-md-30 { font-size: 30px; }
    .font-s-md-32 { font-size: 32px; }
    .font-s-md-34 { font-size: 34px; }
    .font-s-md-36 { font-size: 36px; }
    .font-s-md-38 { font-size: 38px; }
    .font-s-md-40 { font-size: 40px; }
    .font-s-md-42 { font-size: 42px; }
    .font-s-md-44 { font-size: 44px; }
    .font-s-md-46 { font-size: 46px; }
    .font-s-md-48 { font-size: 48px; }
    .font-s-md-50 { font-size: 50px; }
    .font-s-md-90 { font-size: 90px; }
}

@media (min-width: 992px) {
    .font-s-lg-4  { font-size:  4px; }
    .font-s-lg-6  { font-size:  6px; }
    .font-s-lg-8  { font-size:  8px; }
    .font-s-lg-9  { font-size:  9px; }
    .font-s-lg-10 { font-size: 10px; }
    .font-s-lg-12 { font-size: 12px; }
    .font-s-lg-14 { font-size: 14px; }
    .font-s-lg-16 { font-size: 16px; }
    .font-s-lg-18 { font-size: 18px; }
    .font-s-lg-20 { font-size: 20px; }
    .font-s-lg-22 { font-size: 22px; }
    .font-s-lg-24 { font-size: 24px; }
    .font-s-lg-26 { font-size: 26px; }
    .font-s-lg-28 { font-size: 28px; }
    .font-s-lg-30 { font-size: 30px; }
    .font-s-lg-32 { font-size: 32px; }
    .font-s-lg-34 { font-size: 34px; }
    .font-s-lg-36 { font-size: 36px; }
    .font-s-lg-38 { font-size: 38px; }
    .font-s-lg-40 { font-size: 40px; }
    .font-s-lg-42 { font-size: 42px; }
    .font-s-lg-44 { font-size: 44px; }
    .font-s-lg-46 { font-size: 46px; }
    .font-s-lg-48 { font-size: 48px; }
    .font-s-lg-50 { font-size: 50px; }
    .font-s-lg-120 { font-size: 120px; }
}

@media (min-width: 1200px) {
    .font-s-xl-4  { font-size:  4px; }
    .font-s-xl-6  { font-size:  6px; }
    .font-s-xl-8  { font-size:  8px; }
    .font-s-xl-9  { font-size:  9px; }
    .font-s-xl-10 { font-size: 10px; }
    .font-s-xl-12 { font-size: 12px; }
    .font-s-xl-14 { font-size: 14px; }
    .font-s-xl-16 { font-size: 16px; }
    .font-s-xl-18 { font-size: 18px; }
    .font-s-xl-20 { font-size: 20px; }
    .font-s-xl-22 { font-size: 22px; }
    .font-s-xl-24 { font-size: 24px; }
    .font-s-xl-26 { font-size: 26px; }
    .font-s-xl-28 { font-size: 28px; }
    .font-s-xl-30 { font-size: 30px; }
    .font-s-xl-32 { font-size: 32px; }
    .font-s-xl-34 { font-size: 34px; }
    .font-s-xl-36 { font-size: 36px; }
    .font-s-xl-38 { font-size: 38px; }
    .font-s-xl-40 { font-size: 40px; }
    .font-s-xl-42 { font-size: 42px; }
    .font-s-xl-44 { font-size: 44px; }
    .font-s-xl-46 { font-size: 46px; }
    .font-s-xl-48 { font-size: 48px; }
    .font-s-xl-50 { font-size: 50px; }
    .font-s-xl-164 { font-size: 164px; }
}