html {
    min-width: 320px;
}

/*img {*/
/*    height: 100%;*/
/*    width: 100%;*/
/*}*/
/* === variables === */
:root {
    --red: #ff0800;
    --green: #00A13A;
    --green-light: #73ec9e;
    --green-soft: #E5F1DE;
    --white-color: #FFFFFF;
    --light-gray: rgba(218, 225, 229, 0.5);
    --gray-dark: #414042;
    --gray: #585857;
    --gray-middle: #D2D2D2;
    --gray-light: #EDEFF3;
    --muted-color: #F5F6FA;
    --black: #01090F;
    --black-secondary: #020A0A;
    --disable-black: rgba(46, 54, 63, 0.5);
    --dark-blue: #211D70;
}
/* === variables === */

/* === uk-icon === */
.uk-icon[uk-icon=icon-calendar] {
    width: 24px;
    height: 24px;
    color: var(--green);
}

.uk-icon[uk-icon=icon-document] {
    width: 24px;
    height: 24px;
    color: var(--green);
}

.uk-icon[uk-icon=icon-phone] {
    width: 24px;
    height: 24px;
    color: var(--green);
}
/* === uk-icon === */

/* === uk-img === */
.uk-img-work {
    width: clamp(60px, 6vw, 80px);
    height: clamp(80px, 8vw, 110px);
}

.uk-img-work-arrow {
    width: clamp(60px, 6vw, 80px);
}
/* === uk-img === */

/* === uk-background === */
.uk-background-primary {
    background-color: var(--green-soft);
}
/* === uk-background === */

/* === modal === */
.uk-modal-body-verification {
    padding: 40px 50px;
}

.uk-nav-default>li>a {
    color: #413b32;
}

.uk-nav-default>li>a:hover {
    color:  #00AC4DFF;
}

.uk-card-body>.uk-nav-default>li.uk-active>a {
    background-color: #00AC4DFF;
    color: #FFFFFF;
}

.uk-card-body>.uk-nav-default>li.uk-active>a:hover {
    color: #FFFFFF;
}

.uk-height-max {
    height: max-content;
}

.uk-modal-dialog-verification-date {
    padding: 60px clamp(50px, 6vw, 60px);
    border-radius: 10px;
    background-color: var(--muted-color);
}

.uk-modal-verification-title {
    color: var(--black-secondary);
    font-weight: 600;
}

/* === modal === */

/* === gap === */
.uk-flex-gap-30-10 {
    gap: clamp(10px, 2vw, 30px);
}

.uk-flex-gap-30-20 {
    gap: clamp(20px, 2vw, 30px);
}

.uk-flex-gap-30 {
    gap: 30px;
}

.uk-flex-gap-25 {
    gap: 25px;
}

.uk-flex-gap-25-20 {
    gap: clamp(20px, 3vw, 25px);
}

.uk-flex-gap-small {
    gap: 10px;
}

.uk-flex-gap-extra-small {
    gap: 5px;
}

.uk-flex-gap-60 {
    gap: 60px;
}

.uk-flex-gap-20-10 {
    gap: clamp(10px, 2vw, 20px);
}

.uk-flex-gap-20 {
    gap: 20px;
}

.uk-flex-gap-30 {
    gap: 30px;
}

.uk-flex-gap-medium {
    gap: 40px;
}
/* === gap === */


/* === margin === */

.uk-margin-30-bottom {
    margin-bottom: 30px;
}

.uk-margin-50-bottom {
    margin-bottom: 50px;
}

.uk-margin-50-30-bottom {
    margin-bottom: clamp(30px, 4vw, 50px);
}

.uk-margin-60-50-bottom {
    margin-bottom: clamp(50px, 5vw, 60px);
}

/* === margin === */

/* === padding === */
.uk-padding-middle-vertical {
    padding: 30px 0;
}
/* === padding === */

/* === uk-title === */
.uk-h2 {
    font-size: clamp(33px, 3vw, 40px);
}
/* === uk-title === */

/* === text === */

.uk-text-18 {
    font-size: clamp(15px, 2vw, 18px);
}

.uk-text-extra-small {
    font-size: 12px;
}

.uk-text-16-14 {
    font-size: clamp(14px, 2vw - 8px, 16px);
}

.uk-text-22-18 {
    font-size: clamp(18px, 2vw, 22px);
}

.uk-text-24-20 {
    font-size: clamp(20px, 3vw, 24px);
}

.uk-text-weight-500 {
    font-weight: 500;
}

.uk-text-weight-600 {
    font-weight: 600;
}

.uk-text-black {
    color: var(--black);
}

.uk-text-gray {
    color: var(--gray);
}

.uk-text-dark-gray {
    color: var(--gray-dark)
}

.uk-text-green {
    color: var(--green);
}

.uk-text-dark-blue {
    color: var(--dark-blue);
}

.uk-text-warning {
    color: var(--red) !important;
}

.uk-white-space {
    white-space: nowrap;
}
/* === text === */


/* === input === */

.uk-input {
    color: var(--black);
    border-color: var(--gray-middle);
}

.uk-form-large:not(textarea):not([multiple]):not([size]) {
    height: clamp(50px, 4vw, 55px);
}

.uk-input-code {
    width: clamp(50px, 4vw, 55px);
}

.uk-input-code-secondary {
    padding: 10px;
    width: 40px;
    height: 54px;
    font-size: 32px;
    font-weight: 600;
}

.uk-input-large {
    height: 56px;
}

/* === input === */


/* === uk-form === */
.uk-form-change-date {
    width: 100%;
    display: flex;
    position: relative;
    z-index: 1;
}

.uk-form-calendar-secondary {
    padding: 40px 30px 30px;
    background-color: var(--white-color);
    border-radius: 9px;
    position: absolute;
    top: -25px;
    right: 0;
    left: 0;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08);
    @media (min-width: 960px) {
        width: 570px;
        left: inherit;
    }
}
/* === uk-form === */

/*=== button ===*/
.uk-button {
    display: flex;
    justify-content: center;
    align-items: center;
}

.uk-button-primary {
    font-size: clamp(12px, 3vw, 14px);
}

.uk-close {
    color: var(--black);
}

.uk-button-large {
    padding: 0 clamp(10px, 3vw, 20px);
}
/* === button === */

/* === uk-tile  === */
.uk-tile-muted {
    background-color: var(--muted-color);
    border: 1px solid var(--gray-light);
    border-radius: 20px;
}

.uk-tile-form {
    padding: 40px clamp(20px, 3vw - 15px, 30px);
}

.uk-tile-image {
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 610px;
}

.uk-tile-image img {
    position: relative;
    width: 100%;
    @media (min-width: 960px) {
        right: -235px;
    }
    @media (min-width: 1200px) {
        right: 0;
    }
}
/* === uk-tile  === */

/* === uk-logo  === */
.uk-logo-change-date {
    width: 225px;
    height: 40px;
}
/* === uk-logo  === */

/* === uk-width  === */
.uk-width-68-m {
    width: 100%;
}

@media (min-width: 960px) {
    .uk-width-68-m {
        width: 68%;
    }
}
/* === uk-width  === */

/* === uk-utility  === */
.multiline-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.multiline-ellipsis-2 {
    -webkit-line-clamp: 2;
}

.multiline-ellipsis-3 {
    -webkit-line-clamp: 3;
}

.multiline-ellipsis-4 {
    -webkit-line-clamp: 4;
}

.uk-order-negative-s {
    order: -1;
}

@media (min-width: 640px) {
    .uk-order-negative-s {
        order: 0;
    }
}
/* === uk-utility  === */

/* === recalculate === */
.recalculate-content {
    flex-wrap: wrap;
    gap: 30px;
}

.recalculate-left {
    display: contents;
}

.recalculate-right {
    order: -1;
}

.recalculate-button {
    order: 1;
    width: 100%;
}

.recalculate-img {
    margin-top: -30px;
    width: 290px;
    height: 280px;
}

@media (min-width: 640px) {
    .recalculate-right {
        order: 0;
    }

    .recalculate-img {
        width: clamp(260px, 28vw, 385px);
        height: clamp(250px, 28vw, 375px);
    }
}


@media (min-width: 960px) {
    .recalculate-content {
        flex-wrap: nowrap;
        gap: 25px;
    }

    .recalculate-left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 30px;
    }

    .recalculate-button {
        order: 0;
        width: 350px;
    }
}
/* === recalculate === */

/* === calendar === */
[data-vc-theme=light] .vc-date[data-vc-date-selected] .vc-date__btn {
    background-color: var(--green);
}

[data-vc-theme=light] .vc-date[data-vc-date-selected] .vc-date__btn:hover {
    background-color: var(--green);
}

[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-selected] .vc-date__btn {
    background-color: var(--light-gray);
    --tw-bg-opacity: 1;
    color: var(--dark-black);
}

[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-selected] .vc-date__btn:hover {
    background-color: var(--light-gray);
    --tw-bg-opacity: 1;
    color: var(--dark-black);
}

[data-vc-theme=light] .vc-date[data-vc-date-today] .vc-date__btn {
    background-color: var(--light-gray);
    font-weight: 400;
    --tw-bg-opacity: 1;
    color: var(--dark-black);
}

[data-vc-theme=light] .vc-date[data-vc-date-today] .vc-date__btn:hover {
    background-color: var(--light-gray);
    --tw-bg-opacity: 1;
    color: var(--dark-black);
}

[data-vc-theme=light] .vc-date[data-vc-date-weekend] .vc-date__btn {
    color: var(--dark-black);
}

[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend][data-vc-date-selected] .vc-date__btn {
    background-color: var(--light-gray);
    --tw-bg-opacity: 1;
    color: var(--dark-black);
}

[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-selected] .vc-date__btn {
    background-color: var(--green);
}

[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-selected] .vc-date__btn:hover {
    background-color: var(--green);
}

[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend][data-vc-date-selected] .vc-date__btn:hover {
    background-color: var(--light-gray);
    --tw-bg-opacity: 1;
    color: var(--dark-black);
}

[data-vc-theme=light] .vc-date__btn {
    transition: background-color 0.3s;
}

[data-vc-theme=light] .vc-years__year[data-vc-years-year-selected] {
    background-color: var(--green);
}

[data-vc-theme=light] .vc-years__year[data-vc-years-year-selected]:hover {
    background-color: var(--green);
}

[data-vc-theme=light] .vc-years__year {
    color: var(--dark-black);
    transition: background-color 0.3s;
}

[data-vc-theme=light] .vc-years__year:hover {
    background-color: var(--green-light);
}

[data-vc-theme=light] .vc-years__year:disabled {
    color: var(--disable-black);
}

/* === month === */
[data-vc-theme=light] .vc-months__month[data-vc-months-month-selected] {
    background-color: var(--green);
}

[data-vc-theme=light] .vc-months__month[data-vc-months-month-selected]:hover {
    background-color: var(--green);
}

[data-vc-theme=light] .vc-months__month {
    color: var(--dark-black);
    transition: background-color 0.3s;
}

[data-vc-theme=light] .vc-months__month:hover {
    background-color: var(--green-light);
}

[data-vc-theme=light] .vc-months__month:disabled {
    color: var(--disable-black);
}

/* === month === */

/* === title-date === */
[data-vc-theme=light] .vc-month {
    transition: color 0.3s;
}

[data-vc-theme=light] .vc-month:hover {
    color: var(--green);
}

[data-vc-theme=light] .vc-year {
    transition: color 0.3s;
}

[data-vc-theme=light] .vc-year:hover {
    color: var(--green);
}

/* === title-date === */


[data-vc-theme=light] .vc-date[data-vc-date-weekend] .vc-date__btn:hover {
    --tw-bg-opacity: 1;
    background-color: var(--green-light);
}

[data-vc-theme=light] .vc-date__btn:hover {
    background-color: var(--green-light);
}

[data-vc-theme=light] .vc-date[data-vc-date-disabled] .vc-date__btn {
    color: var(--disable-black);
}

[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-disabled] .vc-date__btn {
    color: var(--disable-black);
}

[data-vc-theme=light] .vc-year {
    color: var(--dark-black);
}

[data-vc-theme=light] .vc-month {
    color: var(--dark-black);
}

[data-vc-theme=light] .vc-week__day {
    color: var(--dark-black);
    font-size: 14px;
    font-weight: 400;
}

[data-vc=calendar] {
    width: 100%;
    min-width: 230px;
}

[data-vc=column] {
    flex: none;
    min-width: 210px;
}

[data-vc=grid] {
    gap: 20px;
    justify-content: space-between;
}

[data-vc=calendar] {
    padding: 0;
}

[data-vc-date-btn] {
    font-size: 14px;
    width: 100%;
    transition: background-color 0.3s;
    min-height: 30px;
    min-width: 30px;
    @media (min-width: 960px) {
        width: clamp(30px, 5vw, 35px);
        height: clamp(30px, 5vw, 35px);
    }
}

[data-vc-theme=light].vc {
    @media (max-width: 959px) {
        width: 240px;
    }
}

[data-vc-date-btn]:hover {
    background-color: var(--green-light);
}

[data-vc-date] {
    padding: 0;
}

[data-vc=controls] {
    padding: 3px 0 0;
}

[data-vc=dates] {
    gap: 3px 0;
}

/* === calendar === */