@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Light.ttf');
    font-weight: 300;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.ttf');
    font-weight: 400;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Medium.ttf');
    font-weight: 500;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-SemiBold.ttf');
    font-weight: 600;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Bold.ttf');
    font-weight: 700;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-ExtraBold.ttf');
    font-weight: 800;
}

html {
    font-size: calc(100vw / 1440 * 10);
}
body {
    font-family: "Inter";
    font-weight: 400;
    transition: all .2s linear !important;
    min-height: 100vh;
    font-size: 1.6rem;
    line-height: normal;
    color: #000;
    background: #FFF;
}
a, h1, h2, h3, h4, h5, p, span, button, ul, li, label {
    padding: 0;
    margin: 0;
    background: transparent;
    text-decoration: none;
    border: none;
    transition: all .2s linear;
    color: #000;
}
ul {
    list-style: none;
}
input, textarea, select {
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    outline: none;
    transition: all .2s linear;
}
button {
    cursor: pointer;
}
.container {
    max-width: 136.4rem;
    width: 100%;
    margin-left: 3.2rem;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}
.container-small {
    max-width: 109.2rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
div {
    transition: all .2s linear;
}
path, rect, circle {
    transition: all .2s linear;
}
main {
    display: flex;
    flex-direction: column;
}
svg {
    vertical-align: middle;
    overflow: visible;
    transition: .3s all;
}
body.hidden {
    overflow: hidden;
}

@media screen and (max-width: 992px) {
    html {
        font-size: calc(100vw / 393 * 10);
    }
    .container {
        max-width: 36.3rem;
        margin-left: auto;
    }
    .container-small {
        max-width: 36.3rem;
    }
}

.logo {
    display: flex;
}
.logo img {
    width: 10.6rem;
}
.title {
    color: #000;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5.5rem;
    padding: 1.1rem 1.5rem;
    border-radius: 1.6rem;
    background: #EE994D;
    border: 1px solid #EE994D;
    color: #FFF;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
}
.button:hover, .button:active {
    background: #DE8433;
    border-color: #DE8433;
    color: #FFF;
}
.button-border {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5.5rem;
    padding: 1.1rem 1.5rem;
    border-radius: 1.6rem;
    border: 1px solid #EE994D;
    color: #EE994D;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
}
.button-border:hover, .button-border:active {
    border-color: #DE8433;
    color: #DE8433;
}
.button-small {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.5rem;
    padding: 1.1rem 1.5rem;
    border-radius: 1.6rem;
    border: 1px solid #EE994D;
    color: #EE994D;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
}
.button-small:hover, .button-small:active {
    border-color: #DE8433;
    color: #DE8433;
}
.button-small.orange {
    background: #EE994D;
    color: #FFF;
}
.button-small.orange:hover, .button-small.orange:active {
    background: #DE8433;
    border-color: #DE8433;
    color: #FFF;
}
.button-blue {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.9rem;
    padding: 1.1rem 1.5rem;
    border-radius: 1.6rem;
    background: #4AA0B8;
    border: 1px solid #4AA0B8;
    color: #FFF;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
}
.button-blue:hover, .button-blue:active {
    background: #2E90AB;
    border-color: #2E90AB;
    color: #FFF;
}
.upload-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    height: 4rem;
    padding: 1.1rem 1.5rem;
    border-radius: 1.6rem;
    border: 1px solid #EE994D;
    color: #EE994D;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
}
.upload-button svg {
    width: 2rem;
    height: auto;
}
.upload-button p {
    color: inherit;
}
.upload-button input {
    display: none;
}
.upload-button:hover, .upload-button:active {
    border-color: #DE8433;
    color: #DE8433;
}
.upload-button:hover path, .upload-button:active path {
    stroke: #DE8433;
}
.icon-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.9rem;
    min-width: 4.9rem;
    height: 4.9rem;
    border-radius: 1.6rem;
    border: 1px solid #D7DCE4;
    background: #FFF;
}
.icon-button svg {
    width: 2.35rem;
    height: auto;
}
.icon-button:hover, .icon-button:active {
    border-color: #4AA0B8;
}
.next-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.9rem;
    min-width: 4.9rem;
    height: 4.9rem;
    border-radius: 1.6rem;
    background: #FFF;
}
.next-button svg {
    width: 2.1rem;
    height: auto;
    transform: rotate(180deg);
}
.next-button:hover, .next-button:active {
    background: #F5F5F5;
}
.back-link {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    color: #4AA0B8;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.back-link p {
    color: inherit;
}
.back-link svg {
    width: 1.7rem;
    height: auto;
}
.back-link:hover {
    color: #2E90AB;
}
.back-link:hover path {
    stroke: #2E90AB;
}
.search {
    display: flex;
    align-items: center;
    gap: 1rem;
    height: 4.9rem;
    padding: 1.3rem 2rem 1.2rem;
    border-radius: 1.6rem;
    border: 1px solid #D7DCE4;
    background: #FFF;
}
.search svg {
    width: 1.7rem;
    min-width: 1.7rem;
    height: auto;
}
.search input {
    width: 100%;
    color: #000;
    font-family: "Inter";
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.search input::placeholder {
    color: rgba(0, 0, 0, 0.50);
    transition: all .2s linear;
}
.search:hover {
    border-color: #C3CAD8;
}
.search:focus-within {
    border-color: #C3CAD8;
}
.search:focus-within input::placeholder {
    opacity: 0;
}
.search.big {
    height: 5.5rem;
    border-width: 2px;
}
.input {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    width: 100%;
}
.input-label {
    color: rgba(0, 0, 0, 0.50);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.input-field {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    height: 5.5rem;
    padding: 1.3rem 2rem 1.2rem;
    border-radius: 1.6rem;
    border: 1px solid #D7DCE4;
    background: rgba(245, 245, 245, 0.50);
}
.input-field input, .input-field textarea, .input-field select {
    width: 100%;
    height: 100%;
    color: #000;
    font-family: "Inter";
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.input-field input::placeholder, .input-field textarea::placeholder {
    color: rgba(0, 0, 0, 0.50);
    transition: all .2s linear;
}
.input-field:hover {
    border-color: #C3CAD8;
}
.input-field:focus-within {
    background: #FFF;
    border-color: #C3CAD8;
}
.input-field:focus-within input::placeholder, .input-field:focus-within textarea::placeholder {
    opacity: 0;
}
.input-field.disabled {
    background: #F0F0F0;
}
.input-field.textarea {
    height: 12.7rem;
    align-items: flex-start;
    padding: 1.9rem 2rem;
}
.input-field textarea {
    resize: none;
}
.input-field select {
    appearance: none;
    cursor: pointer;
}
.input-eye {
    display: flex;
}
.input-eye svg {
    width: 2rem;
    height: auto;
}
.checkbox {
    display: flex;
    align-items: center;
    gap: 1.3rem;
    cursor: pointer;
}
.checkbox input {
    display: none;
}
.checkbox-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    border-radius: 0.7rem;
    border: 1px solid #D7DCE4;
    background: #FAFAFA;
    transition: all .2s linear;
}
.checkbox-box svg {
    width: 1.4rem;
    height: auto;
    opacity: 0;
    transition: all .2s linear;
}
.checkbox input:checked + .checkbox-box {
    background: #EE994D;
    border-color: #EE994D;
}
.checkbox input:checked + .checkbox-box svg {
    opacity: 1;
}
.checkbox:hover .checkbox-box {
    border-color: #C3CAD8;
}
.checkbox:hover input:checked + .checkbox-box {
    background: #DE8433;
    border-color: #DE8433;
}
.checkbox:active input:checked + .checkbox-box {
    background: #D7751D;
    border-color: #D7751D;
}
.checkbox p {
    color: #000;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.checkbox p a {
    color: #4AA0B8;
}
.checkbox p a:hover {
    color: #2E90AB;
}
.checkbox.big p {
    font-size: 1.6rem;
}
.badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.6rem 1rem;
    border-radius: 1.6rem;
    background: #FFF;
    color: rgba(0, 0, 0, 0.70);
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
}
.badge.dark {
    color: #000;
}
.badge.blue {
    background: #4AA0B8;
    color: #FFF;
}
.badge.gray {
    background: #F6F8FA;
    color: #000;
}
.paid {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}
.paid p {
    color: #29AD1F;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
}
.paid svg {
    width: 1.4rem;
    height: auto;
}
.tabs {
    display: flex;
    border-bottom: 1px solid rgba(51, 51, 51, 0.20);
}
.tabs-item {
    flex: 1 0 0;
    display: flex;
    justify-content: center;
    padding-bottom: 1.8rem;
    margin-bottom: -1px;
    border-bottom: 3px solid transparent;
    color: rgba(0, 0, 0, 0.40);
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
}
.tabs-item:hover {
    color: #4AA0B8;
}
.tabs-item.active {
    border-color: #4AA0B8;
    color: #4AA0B8;
    font-weight: 600;
}
.tabs-content {
    display: none;
}
.tabs-content.active {
    display: flex;
    flex-direction: column;
}
.page-name {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}
.page-number {
    display: flex;
    align-items: center;
    padding: 0.6rem 1rem;
    border-radius: 1.6rem;
    background: #F6F8FA;
    color: rgba(0, 0, 0, 0.70);
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.divider {
    display: flex;
    align-items: center;
    gap: 2.5rem;
}
.divider span {
    flex: 1 0 0;
    height: 1px;
    background: #D7DCE4;
}
.divider p {
    color: rgba(0, 0, 0, 0.56);
    text-align: center;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}
.gosuslugi-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.4rem;
    height: 5.5rem;
    padding: 1.1rem 1.5rem;
    border-radius: 1.6rem;
    border: 1px solid #B5C1CD;
}
.gosuslugi-button img {
    width: 3rem;
}
.gosuslugi-button__col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
}
.gosuslugi-button__title {
    color: #000;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.gosuslugi-button__text {
    color: rgba(0, 0, 0, 0.50);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.gosuslugi-button:hover, .gosuslugi-button:active {
    border-color: #C3CAD8;
}

@media screen and (max-width: 992px) {
    .title {
        font-size: 2rem;
    }
    .tabs-item {
        padding-bottom: 2.1rem;
        font-size: 1.6rem;
    }
}

.flatpickr-calendar {
    width: 32rem;
    padding: 1rem;
    border-radius: 2rem;
    border: 1px solid #D7DCE4;
    background: #FFF;
    box-shadow: 0 1.2rem 2.4rem 0 rgba(0, 0, 0, 0.10);
    font-family: "Inter";
}
.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
    display: none;
}
.flatpickr-months {
    padding-bottom: 0.6rem;
}
.flatpickr-months .flatpickr-month {
    height: 3.4rem;
    color: #000;
}
.flatpickr-current-month {
    padding-top: 0.5rem;
    font-size: 1.6rem;
    font-weight: 600;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
    font-family: "Inter";
    font-size: 1.6rem;
    font-weight: 600;
    appearance: none;
}
.flatpickr-current-month input.cur-year {
    font-family: "Inter";
    font-size: 1.6rem;
    font-weight: 600;
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    top: 0.6rem;
    padding: 0.6rem 1rem;
}
.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
    width: 1.2rem;
    height: auto;
    fill: #4AA0B8;
}
.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
    fill: #2E90AB;
}
span.flatpickr-weekday {
    color: rgba(0, 0, 0, 0.50);
    font-size: 1.2rem;
    font-weight: 400;
}
.flatpickr-day {
    max-width: 4rem;
    height: 3.8rem;
    line-height: 3.8rem;
    border-radius: 1rem;
    color: #000;
    font-size: 1.4rem;
    font-weight: 500;
}
.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.flatpickr-disabled {
    color: rgba(0, 0, 0, 0.30);
}
.flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover {
    border-color: transparent;
    background: rgba(46, 144, 171, 0.20);
}
.flatpickr-day.today {
    border-color: #4AA0B8;
}
.flatpickr-day.today:hover {
    border-color: #4AA0B8;
    background: rgba(46, 144, 171, 0.20);
    color: #000;
}
.flatpickr-day.inRange, .flatpickr-day.inRange:hover {
    border-color: transparent;
    background: #EAF3F6;
    box-shadow: -0.5rem 0 0 #EAF3F6, 0.5rem 0 0 #EAF3F6;
    color: #000;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange,
.flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover {
    border-color: #4AA0B8;
    background: #4AA0B8;
    color: #FFF;
}
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) {
    box-shadow: -1rem 0 0 #4AA0B8;
}
.flatpickr-day.week.selected {
    border-radius: 1rem;
}

.select {
    position: relative;
    cursor: pointer;
}
.select-value {
    flex: 1 0 0;
    min-width: 0;
    color: #000;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.select > svg {
    width: 1.3rem;
    min-width: 1.3rem;
    height: auto;
}
.select.active {
    background: #FFF;
    border-color: #C3CAD8;
}
.select.active > svg {
    transform: rotate(180deg);
}
.select-dropdown {
    position: absolute;
    top: calc(100% + 0.8rem);
    left: 0;
    z-index: 20;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    width: 100%;
    padding: 0.6rem;
    border-radius: 1.6rem;
    border: 1px solid #D7DCE4;
    background: #FFF;
    box-shadow: 0 1.2rem 2.4rem 0 rgba(0, 0, 0, 0.10);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-0.5rem);
    transition: all .2s linear;
}
.select.active .select-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.select-option {
    display: flex;
    align-items: center;
    height: 4rem;
    padding: 0 1.4rem;
    border-radius: 1rem;
    color: #000;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-align: left;
    white-space: nowrap;
}
.select-option:hover {
    background: rgba(46, 144, 171, 0.10);
}
.select-option.active {
    color: #4AA0B8;
    font-weight: 500;
}

.cabinet {
    display: flex;
    min-height: 100vh;
    background: #F7F9FB;
}
.sidebar {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    width: 25.9rem;
    min-width: 25.9rem;
    height: 100vh;
    padding: 3.4rem 1.6rem 3.3rem;
    background: #F7F9FB;
    overflow-y: auto;
}
.sidebar-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 1.65rem;
}
.sidebar-close {
    display: none;
}
.sidebar-title {
    margin-top: 6rem;
    padding-left: 1.6rem;
    color: rgba(0, 0, 0, 0.25);
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.sidebar-menu {
    margin-top: 2.1rem;
}
.sidebar-menu ul {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
.sidebar-menu ul li {
    display: flex;
}
.sidebar-menu ul li a {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    height: 4rem;
    padding: 0 1.6rem;
    border-radius: 1rem;
    color: #000;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.sidebar-menu ul li a p {
    color: inherit;
}
.sidebar-menu ul li a svg {
    width: 1.8rem;
    min-width: 1.8rem;
    height: auto;
}
.sidebar-menu ul li a:hover {
    color: #4AA0B8;
}
.sidebar-menu ul li a:hover path[stroke] {
    stroke: #4AA0B8;
}
.sidebar-menu ul li a:hover path[fill]:not([fill="none"]) {
    fill: #4AA0B8;
}
.sidebar-menu ul li.active a {
    background: #4AA0B8;
    color: #FFF;
}
.sidebar-menu ul li.active a path[stroke] {
    stroke: #FFF;
}
.sidebar-menu ul li.active a path[fill]:not([fill="none"]) {
    fill: #FFF;
}
.sidebar-logout {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: auto;
    padding-left: 1.6rem;
    opacity: 0.5;
}
.sidebar-logout p {
    color: #000;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.sidebar-logout svg {
    width: 1.4rem;
    height: auto;
}
.sidebar-logout:hover {
    opacity: 0.65;
}
.cabinet-main {
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    min-width: 0;
    min-height: 100vh;
    padding: 1.7rem 4.5rem 6rem 4.4rem;
    background: #FFF;
    border-left: 1px solid rgba(215, 220, 228, 0.40);
}
.cabinet-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-bottom: 1.7rem;
    border-bottom: 1px solid #D7DCE4;
}
.cabinet-header .search {
    flex: 1 0 0;
}
.cabinet-header__col {
    display: none;
}
.cabinet-header__burger svg {
    width: 2.4rem;
}
.cabinet-header__phone {
    display: none;
}
.cabinet-header__phone svg {
    width: 2.4rem;
}
.cabinet-content {
    display: flex;
    flex-direction: column;
    padding-top: 2.6rem;
}
.cabinet-overlay {
    display: none;
}

@media screen and (max-width: 992px) {
    .cabinet {
        display: block;
        background: #FFF;
    }
    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        width: 37.8rem;
        min-width: 0;
        max-width: 100%;
        height: 100%;
        padding: 1.5rem 1.5rem 3.4rem;
        transform: translateX(-100%);
        transition: transform .3s ease;
    }
    .sidebar.active {
        transform: translateX(0);
    }
    .sidebar-top {
        padding-left: 1.6rem;
    }
    .sidebar-top .logo {
        padding-top: 0.2rem;
    }
    .sidebar-close {
        display: flex;
        width: 4.8rem;
        min-width: 4.8rem;
    }
    .sidebar-close svg {
        width: 1.3rem;
    }
    .sidebar-title {
        margin-top: 1.6rem;
    }
    .sidebar-menu {
        margin-top: 0.8rem;
    }
    .sidebar-menu ul {
        gap: 0.5rem;
    }
    .sidebar-menu ul li a {
        height: 5rem;
        font-size: 1.6rem;
    }
    .sidebar-logout {
        padding-left: 1.7rem;
    }
    .sidebar-logout p {
        font-size: 1.4rem;
    }
    .cabinet-overlay.active {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.30);
    }
    .cabinet-main {
        min-height: 100vh;
        padding: 1.5rem 1.5rem 4rem;
        border-left: none;
    }
    .cabinet-header {
        flex-wrap: wrap;
        gap: 1.5rem 1.2rem;
        padding-bottom: 0;
        border-bottom: none;
    }
    .cabinet-header__col {
        display: flex;
        align-items: center;
        gap: 1.5rem;
        margin-right: auto;
    }
    .cabinet-header__burger {
        width: 4.8rem;
        min-width: 4.8rem;
    }
    .cabinet-header__phone {
        display: flex;
        width: 4.8rem;
        min-width: 4.8rem;
    }
    .cabinet-header .search {
        order: 5;
        flex: auto;
        width: 100%;
    }
    .cabinet-content {
        padding-top: 1.8rem;
    }
}

.record-item {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    width: 100%;
    padding: 3rem;
    border-radius: 3rem;
    background: #F6F8FA;
}
.record-item__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.record-item__name {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}
.record-item__number {
    color: #000;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
}
.record-item__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.9rem;
}
.record-item__row {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}
.record-item__row svg {
    width: 2.2rem;
    min-width: 2.2rem;
    height: auto;
}
.record-item__row svg.user {
    width: 2.1rem;
    min-width: 2.1rem;
}
.record-item__row p {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.record-item__row p span {
    font-weight: 500;
    text-transform: uppercase;
}
.record-item__meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.9rem;
    opacity: 0.5;
}
.record-item__meta p {
    color: #000;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.record-item__meta p span {
    font-weight: 500;
    text-transform: uppercase;
}
.record-item__bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}
.record-item__price {
    color: #4AA0B8;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
}

@media screen and (max-width: 992px) {
    .record-item {
        padding: 2rem;
    }
    .record-item__top {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
}

.profile {
    display: flex;
    flex-direction: column;
}
.profile-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-top: 2.2rem;
    padding: 3rem 4rem;
    border-radius: 3rem;
    background: #F6F8FA;
}
.profile-card__main {
    display: flex;
    align-items: center;
    gap: 3.4rem;
}
.profile-card__user {
    display: flex;
    align-items: center;
    gap: 3.4rem;
}
.profile-card__avatar {
    width: 9.2rem;
    min-width: 9.2rem;
    height: 9.2rem;
    border-radius: 50%;
}
.profile-card__name {
    width: 25.3rem;
    color: #000;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.9rem;
}
.profile-card__name span {
    font-weight: 600;
}
.profile-card__contacts {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.7rem;
}
.profile-card__email {
    color: #4AA0B8;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.profile-card__email:hover {
    color: #2E90AB;
}
.profile-card__phone {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.profile-buttons {
    display: flex;
    gap: 1.8rem;
    margin-top: 2.4rem;
}
.profile-buttons a {
    flex: 1 0 0;
}
.profile-records {
    display: flex;
    flex-direction: column;
    gap: 2.8rem;
    margin-top: 5.4rem;
}
.profile-records__row {
    display: flex;
    gap: 2rem;
}
.profile-records .record-item__bottom {
    align-items: center;
}

@media screen and (max-width: 992px) {
    .profile {
        padding-top: 0.6rem;
    }
    .profile-card {
        position: relative;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 1.6rem;
        padding: 2rem;
    }
    .profile-card__main {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.6rem;
    }
    .profile-card__user {
        gap: 1.6rem;
    }
    .profile-card__avatar {
        width: 6.7rem;
        min-width: 6.7rem;
        height: 6.7rem;
    }
    .profile-card__name {
        font-size: 1.6rem;
        line-height: 2.3rem;
    }
    .profile-card .next-button {
        position: absolute;
        right: 0.7rem;
        bottom: 2rem;
    }
    .profile-buttons {
        flex-direction: column;
        gap: 1.8rem;
        margin-top: 2.4rem;
    }
    .profile-buttons a {
        flex: auto;
        width: 100%;
    }
    .profile-records {
        gap: 1.6rem;
        margin-top: 2.4rem;
    }
    .profile-records__row {
        flex-direction: column;
    }
}

header {
    padding-top: 1.7rem;
}
.header-container {
    display: flex;
    align-items: center;
}
.header-container .logo {
    width: 14.2rem;
    min-width: 14.2rem;
}
.header-search {
    flex: 1 0 0;
}
.header-phone {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
    height: 4.9rem;
    margin-left: 0.9rem;
    padding: 0 1rem 0 1.4rem;
    border-radius: 1.6rem;
    border: 1px solid #D7DCE4;
}
.header-phone svg {
    width: 2.4rem;
    min-width: 2.4rem;
    height: auto;
}
.header-phone__col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
}
.header-phone__title {
    color: rgba(0, 0, 0, 0.50);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
}
.header-phone__number {
    color: #000;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
}
.header-phone:hover {
    border-color: #4AA0B8;
}
.header-button {
    min-width: 12.7rem;
    margin-left: 0.6rem;
    padding: 1.1rem 3.3rem;
}
.header-login {
    position: relative;
}
.header-user {
    display: none;
}
.header-login__popup {
    position: absolute;
    top: calc(100% + 1rem);
    right: -1.35rem;
    z-index: 20;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    width: 30.1rem;
    padding: 2rem 2.4rem;
    border-radius: 3rem;
    background: #FFF;
    box-shadow: 0 2.4rem 1.2rem 0 rgba(0, 0, 0, 0.10);
    opacity: 0;
    visibility: hidden;
    transform: translateY(1rem);
    transition: all .2s linear;
}
.header-login.active .header-login__popup {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.header-login__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
}
.header-login__name {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
}
.header-login__title {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}
.header-login__title svg {
    width: 1.8rem;
    height: auto;
}
.header-login__title p {
    color: #000;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.9rem;
}
.header-login__text {
    color: rgba(0, 0, 0, 0.50);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.header-login__button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.5rem;
    padding: 1.1rem 2.5rem;
    border-radius: 1.6rem;
    background: #EE994D;
    color: #FFF;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
}
.header-login__button:hover {
    background: #DE8433;
    color: #FFF;
}
.header-login__line {
    width: 100%;
    height: 1px;
    background: #D7DCE4;
    border-radius: 50%;
}

@media screen and (max-width: 992px) {
    header {
        padding-top: 1.5rem;
    }
    .header-container {
        flex-wrap: wrap;
        row-gap: 1.5rem;
    }
    .header-container .logo {
        width: auto;
        min-width: 0;
        margin-right: auto;
    }
    .header-search {
        order: 5;
        flex: auto;
        width: 100%;
    }
    .header-phone {
        width: 4.8rem;
        margin-left: 0;
        padding: 0 1rem 0 1.4rem;
    }
    .header-phone__col {
        display: none;
    }
    .header-login, .header-name {
        display: none;
    }
    .header-user {
        display: flex;
        margin-left: 1.25rem;
    }
    .header-login__popup {
        right: 0;
        width: 30.1rem;
    }
}

footer {
    margin-top: auto;
}
.footer-container {
    padding-bottom: 2.3rem;
}
.footer-main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 2.4rem;
    border-top: 1px solid #D7DCE4;
}
.footer-cols {
    display: flex;
    align-items: flex-start;
    gap: 10rem;
}
.footer-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    width: 14.9rem;
}
.footer-col p, .footer-col a {
    color: rgba(0, 0, 0, 0.50);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
}
.footer-col a:hover {
    color: #4AA0B8;
}
.footer-links a {
    text-decoration: underline;
    text-underline-position: from-font;
}
.footer-social {
    display: flex;
    align-items: center;
    gap: 2.5rem;
}
.footer-social p {
    color: rgba(0, 0, 0, 0.50);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
}
.footer-social__icons {
    display: flex;
    align-items: center;
    gap: 1rem;
    opacity: 0.7;
}
.footer-social__icons a {
    display: flex;
}
.footer-social__icons svg {
    width: 2.5rem;
    height: auto;
}
.footer-social__icons a:hover {
    opacity: 0.7;
}
.page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

@media screen and (max-width: 992px) {
    .footer-container {
        padding-bottom: 3rem;
    }
    .footer-main {
        flex-direction: column;
        gap: 3.1rem;
        padding-top: 2.3rem;
    }
    .footer-cols {
        flex-direction: column;
        gap: 3.1rem;
    }
    .footer-social {
        gap: 2.5rem;
    }
}

.auth {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
    background: #F7F9FB;
}
.auth::before, .auth::after {
    content: '';
    flex: 1 0 0;
}
.auth::before {
    min-height: 10rem;
}
.auth::after {
    min-height: 5.5rem;
}
.auth-logo {
    position: absolute;
    top: 3.4rem;
    left: 3.3rem;
}
.auth-card {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    width: 39.8rem;
    max-width: 100%;
    padding: 4rem;
    border-radius: 3rem;
    background: #FFF;
}
.auth-card .back-link {
    align-self: center;
}
.auth-title {
    color: #000;
    text-align: center;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.auth-other {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5.5rem;
    padding: 1.1rem 1.5rem;
    border-radius: 1.6rem;
    background: #E7EBEF;
    color: #000;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
}
.auth-other:hover, .auth-other:active {
    background: #DDE2E7;
    color: #000;
}
.auth-checks {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.auth-gosuslugi {
    display: flex;
    flex-direction: column;
    gap: 1.8rem;
}
.auth-gosuslugi__title {
    color: #000;
    text-align: center;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.auth-form {
    display: contents;
}
.auth-fields {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.auth-forgot {
    align-self: center;
    color: #4AA0B8;
    text-align: center;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}
.auth-forgot:hover, .auth-forgot:active {
    color: #2E90AB;
}

@media screen and (max-width: 992px) {
    .auth {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .auth::before {
        min-height: 8.6rem;
    }
    .auth-logo {
        top: 3.2rem;
        left: 1.6rem;
    }
    .auth-card {
        width: 36.3rem;
        padding: 4rem 3rem;
    }
}

.cancel {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 2rem 1.5rem;
    background: #666;
}
.cancel-modal {
    position: relative;
    width: 39.8rem;
    max-width: 100%;
    padding: 4rem;
    border-radius: 3rem;
    background: #FFF;
    text-align: left;
    vertical-align: middle;
}
.cancel-modal__form {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}
.cancel-modal__close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    display: flex;
}
.cancel-modal__close svg {
    width: 2.4rem;
    height: auto;
}
.cancel-modal__close:hover {
    opacity: 0.6;
}
.cancel-modal__title {
    color: #000;
    text-align: center;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.cancel-modal .input-field.textarea {
    padding: 1.3rem 2rem 1.2rem;
}
.cancel-modal__buttons {
    display: flex;
    gap: 1.6rem;
}
.cancel-modal__buttons a {
    flex: 1 0 0;
}
.cancel-modal .fancybox-close-small {
    display: none;
}
.cancel-fancybox .fancybox-bg {
    background: #666;
}
.cancel-fancybox.fancybox-is-open .fancybox-bg {
    opacity: 1;
}

@media screen and (max-width: 992px) {
    .cancel-modal {
        width: 36.3rem;
        padding: 4rem 3rem;
    }
}

.profile-edit {
    display: flex;
    flex-direction: column;
}
.verify {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem 2.4rem;
    margin-top: 2.2rem;
    padding: 3rem 4rem;
    border-radius: 3rem;
    background: #F6F8FA;
}
.verify-main {
    display: flex;
    align-items: center;
    gap: 2.4rem;
}
.verify-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.9rem;
    min-width: 4.9rem;
    height: 4.9rem;
    border-radius: 1.6rem;
    background: #FFF;
}
.verify-icon img {
    width: 3rem;
}
.verify-icon svg {
    width: 2.7rem;
    height: auto;
}
.verify-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.9rem;
}
.verify-title {
    color: #000;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.9rem;
}
.verify-text {
    color: rgba(0, 0, 0, 0.50);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.2rem;
}
.verify-link {
    color: #4AA0B8;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.2rem;
    text-decoration: underline;
    text-underline-position: from-font;
}
.verify-link:hover {
    color: #2E90AB;
}
.verify-button {
    padding: 1.1rem 3.5rem;
}
.verify.pending .verify-title {
    color: rgba(0, 0, 0, 0.50);
}
.profile-edit__form {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    margin-top: 7.7rem;
}
.profile-edit__fields {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.profile-edit__row {
    display: flex;
    gap: 2rem;
}
.profile-edit__row .input {
    flex: 1 0 0;
    min-width: 0;
}
.profile-edit .input-field.disabled input {
    color: #000;
    -webkit-text-fill-color: #000;
    opacity: 1;
}
.profile-edit input[type="number"] {
    -moz-appearance: textfield;
}
.profile-edit input[type="number"]::-webkit-outer-spin-button, .profile-edit input[type="number"]::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}
.profile-edit__buttons {
    display: flex;
    gap: 1.6rem;
}
.profile-edit__buttons .button, .profile-edit__buttons .button-border {
    padding: 1.1rem 3.5rem;
}

@media screen and (max-width: 992px) {
    .verify {
        flex-direction: column;
        align-items: stretch;
        gap: 1.6rem;
        margin-top: 1.7rem;
        padding: 2rem;
    }
    .verify-main {
        align-items: flex-start;
        gap: 1.2rem;
    }
    .verify-col {
        gap: 0.4rem;
    }
    .verify-title {
        font-size: 1.6rem;
        line-height: 130%;
    }
    .verify-button {
        width: 100%;
    }
    .profile-edit__form {
        margin-top: 3.7rem;
    }
    .profile-edit__fields {
        gap: 2rem;
    }
    .profile-edit__row {
        flex-direction: column;
        gap: 2rem;
    }
    .profile-edit__row .input {
        flex: auto;
    }
    .profile-edit__buttons .button, .profile-edit__buttons .button-border {
        flex: 1 0 0;
        min-width: 0;
        padding: 1.1rem 1.5rem;
    }
}

.records {
    display: flex;
    flex-direction: column;
}
.records .tabs {
    margin-top: 3.2rem;
}
.records-list {
    flex-direction: column;
    gap: 2rem;
    margin-top: 2.6rem;
}
.records-list:not(.tabs-content) {
    display: flex;
}

@media screen and (max-width: 992px) {
    .records .tabs {
        margin-top: 2.4rem;
    }
    .records-list {
        margin-top: 2.4rem;
    }
}

.record {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.record .page-name {
    align-items: flex-end;
    gap: 1.1rem;
}
.record-back {
    margin-top: 2.2rem;
}
.record-card {
    margin-top: 2.6rem;
}
.record-files {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    width: 100%;
    margin-top: 0.8rem;
}
.record-files__title {
    color: #000;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.record-files__list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.record-file {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.3rem;
    height: 6.3rem;
    padding: 0.7rem 1.6rem;
    border-radius: 2rem;
    background: #FFF;
}
.record-file__main {
    display: flex;
    align-items: center;
    gap: 1.3rem;
    min-width: 0;
}
.record-file__main svg {
    width: 2.3rem;
    min-width: 2.3rem;
    height: auto;
}
.record-file__col {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}
.record-file__name {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.record-file__size {
    color: rgba(0, 0, 0, 0.50);
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.record-file__download {
    display: flex;
}
.record-file__download svg {
    width: 2rem;
    min-width: 2rem;
    height: auto;
}
.record-file:hover .record-file__name {
    color: #4AA0B8;
}
.record-file:hover .record-file__download path {
    stroke: #2E90AB;
}

@media screen and (max-width: 992px) {
    .record .page-name {
        align-items: center;
    }
    .record-back {
        margin-top: 1.3rem;
    }
    .record-card {
        margin-top: 2rem;
    }
}

.request {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.request .back-link {
    margin-top: 2.2rem;
}
.request-card {
    margin-top: 2.6rem;
}
.request-files {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    margin-top: 0.8rem;
}
.request-files__title {
    color: #000;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.request-files__list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.request-file {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    min-height: 6.3rem;
    padding: 0.7rem 1.6rem;
    border-radius: 2rem;
    background: #FFF;
}
.request-file__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2rem;
}
.request-file__link:hover ~ .request-file__info .request-file__name {
    color: #4AA0B8;
}
.request-file__info {
    display: flex;
    align-items: center;
    gap: 1.3rem;
    min-width: 0;
}
.request-file__info svg {
    width: 2.3rem;
    min-width: 2.3rem;
    height: auto;
}
.request-file__col {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}
.request-file__name {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.request-file__size {
    color: rgba(0, 0, 0, 0.50);
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.request-file__button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    padding: 0 1.5rem;
    border-radius: 1.6rem;
    border: 1px solid #EE994D;
    cursor: pointer;
}
.request-file__button p {
    color: #EE994D;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
}
.request-file__button svg {
    display: none;
    width: 2rem;
    min-width: 2rem;
    height: auto;
}
.request-file__button input {
    display: none;
}
.request-file__button.icon {
    width: 5rem;
    min-width: 5rem;
}
.request-file__button.icon svg {
    display: block;
}
.request-file__button:hover, .request-file__button:active {
    border-color: #DE8433;
}
.request-file__button:hover p, .request-file__button:active p {
    color: #DE8433;
}
.request-file__button:hover path, .request-file__button:active path {
    stroke: #DE8433;
}
.request-file__remove {
    position: relative;
    z-index: 2;
    display: flex;
}
.request-file__remove svg {
    width: 2.4rem;
    height: auto;
}
.request-file__remove:hover path {
    stroke: #2E90AB;
}

@media screen and (max-width: 992px) {
    .request .back-link {
        margin-top: 1.3rem;
    }
    .request-card {
        margin-top: 2rem;
    }
    .request-file__button {
        width: 5rem;
        min-width: 5rem;
    }
    .request-file__button p {
        display: none;
    }
    .request-file__button svg {
        display: block;
    }
}

.conclusion-card {
    margin-top: 1.7rem;
    padding-bottom: 1.4rem;
}
.conclusion-form {
    display: flex;
    flex-direction: column;
    margin-top: 2.8rem;
}
.conclusion-form__fields {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 2.4rem;
}
.conclusion-form__buttons {
    display: flex;
    gap: 1.6rem;
    margin-top: 3rem;
}
.conclusion-form__buttons .button, .conclusion-form__buttons .button-border {
    padding: 1.1rem 3.5rem;
}
.conclusion-form__buttons .button {
    font-weight: 400;
}

@media screen and (max-width: 992px) {
    .conclusion-card {
        padding-bottom: 2rem;
    }
    .conclusion-form {
        margin-top: 2.4rem;
    }
    .conclusion-form__buttons {
        flex-direction: column-reverse;
        gap: 1.6rem;
    }
    .conclusion-form__buttons .button, .conclusion-form__buttons .button-border {
        width: 100%;
    }
}

.calendar {
    display: flex;
    flex-direction: column;
}
.calendar-controls {
    position: relative;
    display: flex;
    gap: 1rem;
    margin-top: 2.5rem;
}
.calendar-range {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.1rem;
    height: 4.9rem;
    padding: 0 1.9rem;
    border-radius: 1.6rem;
    border: 1px solid #D7DCE4;
}
.calendar-range:hover {
    border-color: #C3CAD8;
}
.calendar-range__value {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
}
.calendar-input {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    opacity: 0;
    pointer-events: none;
}
.calendar-range__arrow {
    display: flex;
    padding: 0.5rem;
    margin: -0.5rem;
}
.calendar-range__arrow svg {
    width: 0.6rem;
    height: auto;
}
.calendar-range__arrow:hover path {
    stroke: #2E90AB;
}
.calendar-body {
    position: relative;
    margin-top: 2.5rem;
}
.calendar-times {
    position: absolute;
    top: 5.6rem;
    left: 0;
    right: 0.4rem;
    display: flex;
    flex-direction: column;
    gap: 18rem;
}
.calendar-time {
    display: flex;
    align-items: center;
    gap: 2rem;
    height: 1.6rem;
}
.calendar-time p {
    width: 4.2rem;
    min-width: 4.2rem;
    color: #000;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.calendar-time span {
    flex: 1 0 0;
    height: 1px;
    background: #D9D9D9;
}
.calendar_swiper {
    margin-left: 5.9rem;
}
.calendar-day {
    width: 25rem;
    margin-right: 1rem;
}
.calendar-day:last-child {
    margin-right: 0;
}
.calendar-day__date {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.2rem;
    padding: 0.5rem 1rem;
    border-radius: 1.6rem;
    background: #F6F8FA;
    color: #000;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
}
.calendar-day__hours {
    display: flex;
    flex-direction: column;
    margin-top: 2.15rem;
    padding-bottom: 1rem;
}
.calendar-hour {
    display: grid;
    grid-template-rows: 8.1rem 8.1rem;
    align-content: start;
    row-gap: 1.4rem;
    height: 19.6rem;
    padding-top: 1rem;
}
.calendar-card {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    height: 8.1rem;
    padding: 1rem;
    border-radius: 1.6rem;
    background: #F6F8FA;
}
.calendar-card.half {
    grid-row: 2;
}
.calendar-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 2.3rem;
}
.calendar-card__top svg {
    width: 2.2rem;
    min-width: 2.2rem;
    height: auto;
}
.calendar-card__name {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}
.calendar-card__number {
    color: #000;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
}
.calendar-card__time {
    color: #000;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
}
.calendar-card__service {
    color: rgba(0, 0, 0, 0.50);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.calendar-card__service span {
    color: rgba(0, 0, 0, 0.50);
    font-weight: 500;
    text-transform: uppercase;
}
.calendar-card__fio {
    color: #000;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 992px) {
    .calendar-controls {
        margin-top: 1.7rem;
    }
    .calendar-range {
        flex: 1 0 0;
        justify-content: space-between;
    }
    .calendar-body {
        margin-top: 2.3rem;
        margin-right: -1.5rem;
    }
    .calendar-times {
        right: 0;
    }
}

.doctor-profile {
    display: flex;
    flex-direction: column;
}
.doctor-profile__form {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    margin-top: 2.7rem;
}
.doctor-profile__fields {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.doctor-profile__row {
    display: flex;
    gap: 2rem;
}
.doctor-profile__buttons {
    display: flex;
    gap: 1.6rem;
}
.doctor-profile__buttons .button, .doctor-profile__buttons .button-border {
    padding: 1.1rem 3.5rem;
}
.doctor-profile-services {
    display: flex;
    flex-direction: column;
    gap: 1.8rem;
    margin-top: 5.4rem;
}
.doctor-profile-services__list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
}
.doctor-profile-services__list li {
    display: flex;
}
.doctor-profile-services__list li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.2rem;
    padding: 0.5rem 1.6rem;
    border-radius: 5.6rem;
    background: #F6F8FA;
    color: rgba(0, 0, 0, 0.70);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
}
.doctor-profile-services__list li a:hover {
    background: rgba(46, 144, 171, 0.20);
    color: #000;
}

@media screen and (max-width: 992px) {
    .doctor-profile__form {
        margin-top: 2.4rem;
    }
    .doctor-profile__row {
        flex-direction: column;
    }
    .doctor-profile__buttons {
        flex-direction: column-reverse;
    }
    .doctor-profile__buttons .button, .doctor-profile__buttons .button-border {
        width: 100%;
    }
    .doctor-profile-services {
        gap: 1.6rem;
        margin-top: 3.2rem;
    }
    .doctor-profile-services__list {
        gap: 1rem;
    }
    .doctor-profile-services__list li {
        height: 3.8rem;
        font-size: 1.3rem;
    }
}

.pages {
    display: flex;
    flex-direction: column;
}
.pages-list {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 2.7rem;
}
.pages-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}
.pages-item__main {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    min-width: 0;
}
.pages-item__link {
    display: flex;
}
.pages-item__link svg {
    width: 2.4rem;
    min-width: 2.4rem;
    height: auto;
}
.pages-item__link:hover path {
    stroke: #2E90AB;
}
.pages-item__name {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.pages-item__name:hover {
    color: #4AA0B8;
}
.pages-item__delete {
    display: flex;
}
.pages-item__delete svg {
    width: 2rem;
    min-width: 2rem;
    height: auto;
}
.pages-item__delete:hover path {
    stroke: #2E90AB;
}

@media screen and (max-width: 992px) {
    .pages-list {
        margin-top: 2.4rem;
    }
    .pages-item__main .badge {
        order: 1;
    }
    .pages-item__name {
        order: 2;
        max-width: 18.5rem;
        line-height: 120%;
    }
}

.page-new {
    display: flex;
    flex-direction: column;
}
.page-new__form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3rem;
    margin-top: 2.7rem;
}
.page-new__fields {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 35rem;
}
.page-new__link .input-field {
    justify-content: flex-start;
    gap: 0;
}
.page-new__link .input-field span {
    color: #000;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.page-new .button {
    padding: 1.1rem 3.5rem;
}

@media screen and (max-width: 992px) {
    .page-new__form {
        margin-top: 2.4rem;
    }
    .page-new__fields {
        width: 100%;
    }
    .page-new .button {
        align-self: stretch;
    }
}

.home {
    padding-top: 1.7rem;
    padding-bottom: 5.5rem;
}
.banner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 35rem;
    padding: 5.2rem 4.2rem 7.2rem;
    border-radius: 2rem;
    overflow: hidden;
    z-index: 0;
}
.banner-fon {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}
.banner-fon.mob {
    display: none;
}
.banner-main {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
}
.banner-title {
    color: #000;
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.banner-text {
    max-width: 61rem;
    color: #000;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.banner-button {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5.5rem;
    padding: 1.1rem 3.5rem;
    border-radius: 1.6rem;
    background: #FFF;
    color: #000;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
}
.banner-button:hover, .banner-button:active {
    background: #F5F5F5;
    color: #000;
}
.banner-image {
    position: absolute;
    top: -6.3rem;
    left: 84.4rem;
    width: 46.8rem;
    height: 46.8rem;
    pointer-events: none;
}
.banner-image__glow {
    position: absolute;
    top: 3.8rem;
    left: 3.6rem;
    width: 42.9rem;
    height: 42.9rem;
    border-radius: 50%;
    background: #FFFEF5;
    opacity: 0.5;
    filter: blur(8.2rem);
}
.banner-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 41.1rem;
    height: 41.1rem;
    transform: translate(-50%, -50%) rotate(8.55deg);
}

@media screen and (max-width: 992px) {
    .home {
        padding-top: 1.8rem;
        padding-bottom: 3.1rem;
    }
    .banner {
        height: 32.5rem;
        padding: 2.2rem 2.2rem 6.2rem;
    }
    .banner-fon {
        display: none;
    }
    .banner-fon.mob {
        display: block;
    }
    .banner-title {
        font-size: 2rem;
    }
    .banner-text {
        max-width: none;
        font-size: 1.6rem;
    }
    .banner-button {
        font-size: 1.6rem;
    }
    .banner-image {
        top: 9.2rem;
        left: 14.2rem;
        width: 26.2rem;
        height: 26.2rem;
    }
    .banner-image__glow {
        top: 3.3rem;
        left: 30.1rem;
        width: 24.1rem;
        height: 24.1rem;
    }
    .banner-image img {
        width: 23.1rem;
        height: 23.1rem;
    }
}

.home-main {
    margin-top: 5.5rem;
}
.home-services, .home-specialists {
    flex-direction: column;
    margin-top: 3.3rem;
}
.home-online {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2.4rem;
    padding: 3rem 4rem;
    border-radius: 3rem;
    background: #F6F8FA;
}
.home-online__main {
    display: flex;
    align-items: center;
    gap: 2.4rem;
}
.home-online__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.9rem;
    min-width: 4.9rem;
    height: 4.9rem;
    border-radius: 1.6rem;
    background: #FFF;
}
.home-online__icon svg {
    width: 2.7rem;
    height: auto;
}
.home-online__col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.9rem;
}
.home-online__title {
    color: #000;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.9rem;
}
.home-online__text {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.home-online__button {
    padding: 1.1rem 3.5rem;
}
.home-title {
    margin-top: 5.1rem;
}

@media screen and (max-width: 992px) {
    .home-main {
        margin-top: 3rem;
    }
    .home-services, .home-specialists {
        margin-top: 2rem;
    }
    .home-online {
        flex-direction: column;
        align-items: stretch;
        padding: 2rem;
    }
    .home-online__col {
        gap: 0.4rem;
    }
    .home-online__title {
        font-size: 2rem;
    }
    .home-online__text {
        font-size: 1.4rem;
    }
    .home-online__button {
        width: 100%;
        font-size: 1.6rem;
    }
    .home-title {
        margin-top: 2.8rem;
    }
}

.showcase-search {
    margin-top: 2rem;
}

@media screen and (max-width: 992px) {
    .showcase-search {
        margin-top: 1.5rem;
    }
}

.directions {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.8rem;
    margin-top: 3.6rem;
}
.directions-item {
    position: relative;
    display: flex;
    height: 14rem;
    padding: 2rem;
    border-radius: 2rem;
    background: #F6F8FA;
}
.directions-item__name {
    position: relative;
    z-index: 1;
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.directions-item__img {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    height: auto;
}
.directions-item:nth-child(1) .directions-item__img {
    width: 5.8rem;
}
.directions-item:nth-child(2) .directions-item__img {
    width: 9.9rem;
}
.directions-item:nth-child(3) .directions-item__img {
    width: 7.7rem;
}
.directions-item:nth-child(4) .directions-item__img {
    width: 8rem;
}
.directions-item:nth-child(5) .directions-item__img {
    width: 8rem;
}
.directions-item:nth-child(6) .directions-item__img {
    width: 6.5rem;
}
.directions-item:nth-child(7) .directions-item__img {
    width: 9.4rem;
}
.directions-item:nth-child(8) .directions-item__img {
    width: 8.3rem;
}
.directions-item:hover .directions-item__name {
    color: #4AA0B8;
}

@media screen and (max-width: 992px) {
    .directions {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.4rem;
        margin-top: 2.1rem;
    }
    .directions-item {
        height: 11rem;
        padding: 1rem;
    }
    .directions-item__name {
        font-size: 1.4rem;
    }
    .directions-item__img {
        right: 1rem;
        bottom: 1rem;
    }
    .directions-item:nth-child(1) .directions-item__img {
        width: 3.8rem;
    }
    .directions-item:nth-child(2) .directions-item__img {
        width: 6.1rem;
    }
    .directions-item:nth-child(3) .directions-item__img {
        width: 5rem;
    }
    .directions-item:nth-child(4) .directions-item__img {
        width: 4.8rem;
    }
    .directions-item:nth-child(5) .directions-item__img {
        width: 5.9rem;
    }
    .directions-item:nth-child(6) .directions-item__img {
        width: 4.8rem;
    }
    .directions-item:nth-child(7) .directions-item__img {
        width: 6.9rem;
    }
    .directions-item:nth-child(8) .directions-item__img {
        width: 6.1rem;
    }
}

.specialists {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.8rem;
}
.specialist-card {
    display: flex;
    flex-direction: column;
    gap: 3.1rem;
    padding: 3rem 4rem;
    border-radius: 3rem;
    background: #F6F8FA;
}
.specialist-card__main {
    display: flex;
    align-items: center;
    gap: 2.2rem;
}
.specialist-card__avatar {
    width: 9.2rem;
    min-width: 9.2rem;
    height: 9.2rem;
    border-radius: 50%;
}
.specialist-card__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.6rem;
}
.specialist-card__name {
    color: #000;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.specialist-card__text {
    color: rgba(0, 0, 0, 0.50);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.specialist-card .button {
    width: 100%;
    padding: 1.1rem 3.5rem;
}

@media screen and (max-width: 992px) {
    .specialists {
        grid-template-columns: 1fr;
    }
    .specialist-card {
        padding: 2rem;
    }
}

.steps {
    padding-top: 4.7rem;
    padding-bottom: 5.2rem;
}
.steps-services {
    padding-bottom: 4.7rem;
}
.steps-title {
    margin-top: 3.3rem;
}
.steps-title2 {
    margin-top: 9.1rem;
}

@media screen and (max-width: 992px) {
    .steps {
        padding-top: 2.8rem;
        padding-bottom: 3.7rem;
    }
    .steps-services {
        padding-bottom: 3.5rem;
    }
    .steps-title {
        margin-top: 2rem;
    }
    .steps-services .steps-title {
        margin-top: 2.8rem;
    }
    .steps-title2 {
        margin-top: 3rem;
    }
}

.patient {
    display: flex;
    gap: 2.8rem;
    margin-top: 3.6rem;
}
.patient-item {
    flex: 1 0 0;
    display: flex;
    align-items: center;
    gap: 2.4rem;
    height: 11.4rem;
    padding: 2rem 3rem;
    border-radius: 2rem;
    border: 1px solid #F6F8FA;
    background: #F6F8FA;
    cursor: pointer;
    transition: all .2s linear;
}
.patient-item input {
    display: none;
}
.patient-item__img {
    width: 4.9rem;
    height: auto;
}
.patient-item:nth-child(2) .patient-item__img {
    width: 5.4rem;
}
.patient-item__name {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
}
.patient-item:hover .patient-item__name {
    color: #4AA0B8;
}
.patient-item:has(input:checked) {
    border-color: #4AA0B8;
}

@media screen and (max-width: 992px) {
    .patient {
        gap: 1.6rem;
        margin-top: 2.2rem;
    }
    .patient-item {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
        gap: 0.8rem;
        padding: 2rem 2rem 2.1rem;
    }
    .patient-item__img {
        width: 3.2rem;
    }
    .patient-item:nth-child(2) .patient-item__img {
        width: 3.7rem;
    }
}

.services-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.8rem;
    margin-top: 3.6rem;
}
.service-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 37.6rem;
    padding: 3rem 4rem;
    border-radius: 3rem;
    background: #F6F8FA;
}
.service-card__head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem;
}
.service-card__title {
    color: #000;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.service-card__text {
    color: rgba(0, 0, 0, 0.50);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.service-card__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
}
.service-card__label {
    color: rgba(0, 0, 0, 0.50);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.service-card__price {
    color: #4AA0B8;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.9rem;
    white-space: nowrap;
}
.service-card__value {
    color: #000;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.9rem;
}
.service-card .button {
    width: 100%;
    padding: 1.1rem 3.5rem;
}

@media screen and (max-width: 992px) {
    .services-list {
        grid-template-columns: 1fr;
        gap: 1.4rem;
        margin-top: 2.1rem;
    }
    .service-card {
        height: 35.6rem;
        padding: 2rem;
    }
}

.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1.4rem;
}
.breadcrumbs a {
    color: #4AA0B8;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    white-space: nowrap;
}
.breadcrumbs a:hover {
    color: #2E90AB;
}
.breadcrumbs p {
    color: #000;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.breadcrumbs svg {
    width: 0.4rem;
    min-width: 0.4rem;
    height: 0.8rem;
}

.schedule {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.schedule-month {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 9.5rem;
    height: 1.9rem;
    margin-bottom: 2.4rem;
}
.schedule-month__name {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
}
.schedule-arrow {
    position: relative;
    display: flex;
    width: 0.4rem;
    min-width: 0.4rem;
    height: 0.8rem;
}
.schedule-arrow::before {
    content: '';
    position: absolute;
    top: -1rem;
    bottom: -1rem;
    left: -0.8rem;
    right: -0.8rem;
}
.schedule-arrow svg {
    width: 0.4rem;
    height: 0.8rem;
}
.schedule-arrow:hover path {
    stroke: #2E90AB;
}
.schedule-days {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.schedule-days__list {
    display: flex;
    align-items: center;
    gap: 1rem;
    overflow: hidden;
}
.schedule-day {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
    padding-top: 0.9rem;
    border-radius: 1rem;
    background: #F6F8FA;
    cursor: pointer;
    transition: all .2s linear;
}
.schedule.white .schedule-day {
    background: #FFF;
}
.schedule-day input, .schedule-time input {
    display: none;
}
.schedule-day__week {
    position: absolute;
    top: 0.3rem;
    left: 0.65rem;
    color: #000;
    font-size: 1rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.schedule-day__number {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.schedule-day:hover, .schedule.white .schedule-day:hover {
    background: rgba(46, 144, 171, 0.20);
}
.schedule-day.active, .schedule.white .schedule-day.active {
    background: #4AA0B8;
}
.schedule-day.active span {
    color: #FFF;
}
.schedule-day.disabled, .schedule.white .schedule-day.disabled {
    cursor: default;
}
.schedule-day.disabled:hover {
    background: #F6F8FA;
}
.schedule.white .schedule-day.disabled:hover {
    background: #FFF;
}
.schedule-day.disabled .schedule-day__number {
    opacity: 0.3;
}
.schedule-times {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-top: 1.4rem;
}
.schedule-time {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 7.5rem;
    height: 5rem;
    padding: 1.6rem 1.5rem 1.5rem 1.6rem;
    border-radius: 1rem;
    background: #F6F8FA;
    cursor: pointer;
    transition: all .2s linear;
}
.schedule.white .schedule-time {
    background: #FFF;
}
.schedule-time span {
    color: #000;
    text-align: center;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
}
.schedule-time:hover, .schedule.white .schedule-time:hover {
    background: #C8DCE1;
}
.schedule-time.active, .schedule.white .schedule-time.active {
    background: #4AA0B8;
}
.schedule-time.active span {
    color: #FFF;
}
.schedule-time.disabled, .schedule.white .schedule-time.disabled {
    cursor: default;
}
.schedule-time.disabled:hover {
    background: #F6F8FA;
}
.schedule.white .schedule-time.disabled:hover {
    background: #FFF;
}
.schedule-time.disabled span {
    opacity: 0.3;
}

.service {
    padding-bottom: 6.8rem;
}
.service-top {
    margin-top: 2rem;
}
.service-banner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4rem;
    max-width: 136.4rem;
    height: 35rem;
    margin-top: 1.9rem;
    margin-left: calc((100% - 137.6rem) / 2);
    padding: 5.2rem 4.2rem 0;
    border-radius: 2rem;
    background: #CCEAF3;
    overflow: hidden;
}
.service-banner__main {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.service-banner__title {
    color: #000;
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.service-banner__text {
    max-width: 61rem;
    color: #000;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.service-banner__block {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 2.4rem;
    padding: 1.6rem 2.6rem 1.6rem 1.6rem;
    border-radius: 2rem;
    background: #FFF;
}
.service-banner__block .button {
    padding: 1.1rem 3.5rem;
}
.service-banner__price {
    color: #000;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.9rem;
    white-space: nowrap;
}
.service-banner__img {
    position: absolute;
    top: 5.12rem;
    left: 99.3rem;
    width: 28.6rem;
    max-width: none;
}
.service-tabs {
    margin-top: 5.4rem;
}
.service-container .tabs-content {
    display: none;
}
.service-container .tabs-content.active {
    display: flex;
}
.service-container .service-recommendations.tabs-content.active {
    display: grid;
}
.service-specialists {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    margin-top: 4.9rem;
}
.service-specialists__name {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}
.service-specialists__count {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    min-width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background: #4AA0B8;
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.service-specialists__list {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
}
.service-doctor {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 3rem 4rem;
    border-radius: 3rem;
    background: #F6F8FA;
}
.service-doctor__main {
    display: flex;
    align-items: flex-start;
    gap: 3.4rem;
}
.service-doctor__avatar {
    display: flex;
    width: 9.2rem;
    min-width: 9.2rem;
}
.service-doctor__avatar img {
    width: 100%;
    border-radius: 50%;
}
.service-doctor__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.4rem;
    width: 43.8rem;
}
.service-doctor__form {
    display: contents;
}
.service-doctor__name, .booking-doctor__name {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
}
.service-doctor__title, .booking-doctor__title {
    color: #000;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.9rem;
}
.service-doctor__title:hover, .booking-doctor__title:hover {
    color: #4AA0B8;
}
.service-doctor__text, .booking-doctor__text {
    color: rgba(0, 0, 0, 0.40);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.9rem;
}
.service-doctor__side {
    display: flex;
    align-items: center;
    gap: 6.3rem;
}
.service-doctor__line {
    width: 1px;
    height: 24.2rem;
    border-radius: 50%;
    background: #D7DCE4;
}
.service-doctor__col {
    display: flex;
    flex-direction: column;
    gap: 6rem;
    width: 28.9rem;
}
.service-doctor__price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
}
.service-doctor__price p {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.service-doctor__price .service-doctor__sum {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 2.9rem;
}
.service-doctor__buttons {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.service-doctor__buttons a {
    width: 100%;
    padding: 1.1rem 3.5rem;
}
.service-description {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3rem;
    margin-top: 5.4rem;
    padding: 4rem 4rem 3.5rem;
    border-radius: 3rem;
    background: #F6F8FA;
}
.service-description__item, .service-description__more {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.service-description p, .service-description li {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
}
.service-description__more {
    display: none;
}
.service-description__more ul {
    padding-left: 2.4rem;
    list-style: disc;
}
.service-description.active .service-description__more {
    display: flex;
}
.service-description__button {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}
.service-description .service-description__button p {
    color: #4AA0B8;
    line-height: 130%;
    transition: all .2s linear;
}
.service-description__button svg {
    width: 0.8rem;
    height: 0.4rem;
}
.service-description__button:hover p {
    color: #2E90AB;
}
.service-description__button:hover path {
    stroke: #2E90AB;
}
.service-description.active .service-description__button svg {
    transform: rotate(180deg);
}
.service-recommendations {
    display: grid;
    grid-template-columns: 8.2186rem 1fr;
    align-items: flex-start;
    column-gap: 3rem;
    margin-top: 5.4rem;
    padding: 4rem;
    border-radius: 3rem;
    background: #EAF5EC;
}
.service-recommendations__img {
    width: 100%;
}
.service-recommendations__col {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.service-recommendations__text p {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
}
.service-recommendations__text p + p {
    margin-top: 2.72rem;
}

@media screen and (max-width: 992px) {
    .service {
        padding-bottom: 3.2rem;
    }
    .service-top {
        margin-top: 1.5rem;
    }
    .service-banner {
        gap: 2.5rem;
        max-width: 36.3rem;
        height: auto;
        margin-left: auto;
        padding: 2rem;
    }
    .service-banner__title {
        font-size: 2rem;
    }
    .service-banner__text {
        max-width: none;
        font-size: 1.6rem;
    }
    .service-banner__block {
        flex-direction: column-reverse;
        align-self: stretch;
        gap: 1.2rem;
        padding: 1.6rem;
    }
    .service-banner__block .button {
        width: 100%;
    }
    .service-banner__img {
        display: none;
    }
    .service-tabs {
        margin-top: 3rem;
    }
    .service-specialists {
        margin-top: 4.1rem;
    }
    .service-doctor {
        flex-direction: column;
        align-items: stretch;
        gap: 2.5rem;
        padding: 2rem;
    }
    .service-doctor__main {
        flex-direction: column;
        gap: 1.6rem;
    }
    .service-doctor__info {
        gap: 2.5rem;
        width: 100%;
    }
    .service-doctor__name {
        gap: 0.2rem;
    }
    .service-doctor__title {
        font-size: 2rem;
    }
    .service-doctor .schedule-days__list {
        max-width: 29rem;
    }
    .service-doctor__line {
        display: none;
    }
    .service-doctor__col {
        gap: 1.9rem;
        width: 100%;
    }
    .service-description {
        margin-top: 3.2rem;
        padding: 2rem;
    }
    .service-recommendations {
        grid-template-columns: 5.2rem 1fr;
        align-items: center;
        column-gap: 2rem;
        row-gap: 2.4rem;
        margin-top: 3.2rem;
        padding: 2rem;
    }
    .service-recommendations__col {
        display: contents;
    }
    .service-recommendations__col .title {
        grid-column: 2;
        grid-row: 1;
    }
    .service-recommendations__text {
        grid-column: 1 / 3;
    }
}

.booking {
    padding-bottom: 5.3rem;
}
.booking-container {
    padding-top: 2rem;
    padding-left: 14.2rem;
}
.booking-title {
    margin-top: 3.8rem;
}
.booking-row {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
    margin-top: 3.6rem;
}
.booking-main {
    display: flex;
    flex-direction: column;
    width: 82.8rem;
    min-width: 0;
}
.booking-aside {
    position: sticky;
    top: 2rem;
    width: 37.4rem;
    min-width: 37.4rem;
}
.booking-card {
    display: flex;
    flex-direction: column;
    gap: 2.8rem;
    padding: 3rem;
    border-radius: 3rem;
    border: 1px solid #D7DCE4;
    background: #FFF;
}
.booking-doctor {
    display: flex;
    align-items: flex-start;
    gap: 3.4rem;
}
.booking-doctor__avatar {
    width: 9.2rem;
    min-width: 9.2rem;
    border-radius: 50%;
}
.booking-doctor__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.4rem;
    min-width: 0;
}
.booking-doctor__rows {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.9rem;
}
.booking-date {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}
.booking-date svg {
    width: 2.2rem;
    min-width: 2.2rem;
    height: auto;
}
.booking-date p {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.booking-date p span {
    font-weight: 500;
    text-transform: uppercase;
}
.booking-doctor__rows .booking-date + .booking-date svg {
    width: 2.1rem;
    min-width: 2.1rem;
}
.booking-doctor__meta {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}
.booking-doctor__meta p {
    color: rgba(0, 0, 0, 0.50);
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.booking-doctor__meta p span {
    color: rgba(0, 0, 0, 0.50);
    font-weight: 500;
    text-transform: uppercase;
}
.booking-recommendations {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 3rem;
    border-radius: 3rem;
    background: #EAF5EC;
}
.booking-recommendations__title {
    color: #000;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.booking-recommendations p {
    color: #000;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}
.booking-patient {
    display: flex;
    flex-direction: column;
    gap: 3.6rem;
    margin-top: 5.4rem;
}
.booking-form {
    gap: 3rem;
    padding: 4rem;
}
.booking-types {
    display: flex;
    gap: 2rem;
}
.booking-type {
    flex: 1 0 0;
    display: flex;
    align-items: center;
    gap: 1.3rem;
    padding: 2rem;
    border-radius: 1.6rem;
    border: 1px solid #D7DCE4;
    background: #FFF;
    cursor: pointer;
    transition: all .2s linear;
}
.booking-type input {
    display: none;
}
.booking-type__circle {
    position: relative;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 1px solid #D7DCE4;
    background: #FAFAFA;
    transition: all .2s linear;
}
.booking-type__circle::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #EE994D;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .2s linear;
}
.booking-type p {
    color: #000;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.booking-type:hover {
    border-color: #C3CAD8;
}
.booking-type:hover .booking-type__circle {
    border-color: #C3CAD8;
}
.booking-type.active {
    border-color: #FFF0E3;
    background: #FFF0E3;
}
.booking-type.active .booking-type__circle {
    border-color: #FAFAFA;
}
.booking-type.active .booking-type__circle::after {
    opacity: 1;
}
.booking-type.active:hover .booking-type__circle::after {
    background: #DE8433;
}
.booking-fields {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.booking-fields__row {
    display: flex;
    gap: 2rem;
}
.booking-fields__row .input {
    flex: 1 0 0;
    min-width: 0;
}
.booking-summary {
    display: flex;
    flex-direction: column;
    gap: 2.3rem;
    padding: 3rem 4rem;
    border-radius: 3rem;
    background: #F6F8FA;
}
.booking-line {
    display: block;
    width: 100%;
    height: 1px;
    border-radius: 50%;
    background: #D7DCE4;
}
.booking-price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
}
.booking-price p {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.booking-price .booking-price__sum {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 2.9rem;
}
.booking-summary .button, .doctor-booking .button {
    width: 100%;
    padding: 1.1rem 3.5rem;
}

@media screen and (max-width: 992px) {
    .booking {
        padding-bottom: 2.4rem;
    }
    .booking-container {
        padding-top: 1.5rem;
        padding-left: 0;
    }
    .booking-title {
        margin-top: 2rem;
    }
    .booking-row {
        flex-direction: column;
        align-items: stretch;
        gap: 2.4rem;
        margin-top: 1.4rem;
    }
    .booking-main {
        width: 100%;
    }
    .booking-aside {
        position: static;
        width: 100%;
        min-width: 0;
    }
    .booking-card {
        padding: 2rem;
    }
    .booking-doctor {
        flex-direction: column;
        gap: 1.2rem;
    }
    .booking-doctor__info {
        gap: 1.4rem;
        width: 100%;
    }
    .booking-doctor__name {
        margin-bottom: -0.2rem;
    }
    .booking-doctor__title {
        font-size: 2rem;
    }
    .booking-doctor .schedule-days__list {
        max-width: 23rem;
    }
    .booking-recommendations {
        padding: 1.6rem;
    }
    .booking-patient {
        gap: 1.4rem;
        margin-top: 2.4rem;
    }
    .booking-form {
        padding: 2rem;
    }
    .booking-types {
        gap: 1.2rem;
    }
    .booking-fields__row {
        flex-direction: column;
        gap: 1.2rem;
    }
    .booking-fields__row .input {
        flex: auto;
        width: 100%;
    }
    .booking-summary {
        gap: 1.6rem;
        padding: 2rem;
    }
    .booking-price .booking-price__sum {
        font-size: 2rem;
    }
}

.doctor {
    padding-bottom: 5.6rem;
}
.doctor .booking-row {
    margin-top: 2rem;
}
.doctor-card {
    display: flex;
    align-items: flex-start;
    gap: 3.4rem;
    padding: 3rem 4rem;
    border-radius: 3rem;
    background: #F6F8FA;
}
.doctor-card__avatar {
    width: 9.2rem;
    min-width: 9.2rem;
    border-radius: 50%;
}
.doctor-card__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.4rem;
}
.doctor-card__name {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
}
.doctor-card__title {
    color: #000;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.9rem;
}
.doctor-card__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.2rem;
}
.doctor-card__spec {
    color: #4AA0B8;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.9rem;
}
.doctor-card__exp {
    padding: 0 1rem;
    border-radius: 1rem;
    border: 1px solid #949596;
    color: rgba(0, 0, 0, 0.40);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.9rem;
    white-space: nowrap;
}
.doctor-card__links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.2rem 2.4rem;
}
.doctor-card__links a {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}
.doctor-card__links svg {
    width: 2.3rem;
    min-width: 2.3rem;
    height: auto;
}
.doctor-card__links a:first-child svg {
    width: 2.1rem;
    min-width: 2.1rem;
}
.doctor-card__links p {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
}
.doctor-card__links a:hover p {
    color: #4AA0B8;
}
.doctor-content {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    margin-top: 3.3rem;
}
.doctor-content__item {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.doctor-content__title {
    color: #000;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}
.doctor-content__item p, .doctor-content__item li {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.doctor-content__item ul {
    padding-left: 2.4rem;
    list-style: disc;
}
.doctor-prices {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.doctor-prices__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 6.5rem;
    padding: 0.7rem 1.6rem;
    border-radius: 1rem;
    border: 1px solid #D7DCE4;
    background: #FFF;
}
.doctor-prices__item .doctor-prices__name {
    width: 30.2rem;
    color: #000;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 130%;
}
.doctor-prices__item .doctor-prices__price {
    color: #4AA0B8;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.9rem;
    white-space: nowrap;
}
.doctor-prices__link {
    color: #EE994D;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
}
.doctor-prices__link:hover {
    color: #DE8433;
}
.doctor-booking {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 3rem 4rem;
    border-radius: 3rem;
    border: 1px solid #D7DCE4;
    background: #FFF;
}
.doctor-booking .input-field select {
    padding-right: 3rem;
    margin-right: -3rem;
}
.doctor-booking .input-field svg {
    width: 1.3125rem;
    min-width: 1.3125rem;
    height: 0.65625rem;
    pointer-events: none;
}
.doctor-booking .schedule-day {
    width: 4.6rem;
    min-width: 4.6rem;
}
.doctor-booking .schedule-days__list {
    max-width: 27rem;
}

@media screen and (max-width: 992px) {
    .doctor {
        padding-bottom: 2.4rem;
    }
    .doctor .booking-row {
        margin-top: 1.9rem;
    }
    .doctor-card {
        flex-direction: column;
        gap: 1.6rem;
        padding: 2rem;
    }
    .doctor-card__info {
        gap: 2rem;
    }
    .doctor-card__title {
        font-size: 2rem;
    }
    .doctor-content {
        margin-top: 2.4rem;
    }
    .doctor-prices__item {
        flex-wrap: wrap;
        padding: 1.4rem 1.6rem;
    }
    .doctor-prices__item .doctor-prices__name {
        width: 100%;
    }
    .doctor-booking {
        padding: 2rem;
    }
    .doctor-booking .title {
        font-size: 2rem;
    }
}

.uikit {
    padding: 3.4rem 0 8rem;
    background: #FFF;
}
.uikit-container {
    display: flex;
    flex-direction: column;
    gap: 6rem;
}
.uikit-head {
    display: flex;
    align-items: center;
    gap: 2.4rem;
}
.uikit-name {
    color: #000;
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.uikit-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.4rem;
    padding-top: 3rem;
    border-top: 1px solid #D7DCE4;
}
.uikit-title {
    color: rgba(0, 0, 0, 0.50);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}
.uikit-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
}
.uikit-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
}
.uikit-colors {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}
.uikit-color {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 12rem;
}
.uikit-color span {
    width: 100%;
    height: 8rem;
    border-radius: 2rem;
    border: 1px solid #D7DCE4;
}
.uikit-color p {
    color: rgba(0, 0, 0, 0.70);
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.uikit-text__big {
    color: #000;
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.uikit-text__20 {
    color: #000;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.uikit-text__18 {
    color: #000;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.uikit-text__16 {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.uikit-text__14 {
    color: rgba(0, 0, 0, 0.50);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.uikit-text__13 {
    color: rgba(0, 0, 0, 0.50);
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.uikit-fields {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    width: 100%;
}
.uikit-field__full {
    grid-column: 1 / 4;
}
.uikit-searches {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
    max-width: 70rem;
}
.uikit-tab {
    padding-top: 2rem;
}
.uikit-schedule {
    display: flex;
    padding: 3rem;
    border-radius: 3rem;
    background: #F6F8FA;
}
.uikit-cards {
    display: flex;
    width: 100%;
    max-width: 70rem;
}
.uikit-files {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    max-width: 70rem;
    padding: 2rem;
    border-radius: 3rem;
    background: #F6F8FA;
}
.uikit-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
}
.uikit-icons span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.9rem;
    height: 4.9rem;
    border-radius: 1.6rem;
    border: 1px solid #D7DCE4;
}
.uikit-icons svg {
    width: 2.2rem;
    height: auto;
}
.uikit .tabs, .uikit .calendar-controls {
    width: 100%;
    max-width: 70rem;
}
.uikit .calendar-controls {
    margin-top: 0;
}

@media screen and (max-width: 992px) {
    .uikit {
        padding: 2rem 0 5rem;
    }
    .uikit-container {
        gap: 4rem;
    }
    .uikit-head {
        gap: 1.6rem;
    }
    .uikit-name {
        font-size: 2.4rem;
    }
    .uikit-section {
        gap: 2rem;
        padding-top: 2.4rem;
    }
    .uikit-row {
        gap: 1.6rem;
    }
    .uikit-color {
        width: 10.6rem;
    }
    .uikit-color span {
        height: 6rem;
    }
    .uikit-text__big {
        font-size: 2.4rem;
    }
    .uikit-fields {
        grid-template-columns: 1fr;
    }
    .uikit-field__full {
        grid-column: auto;
    }
    .uikit-schedule {
        width: 100%;
        padding: 2rem;
        overflow: hidden;
    }
    .uikit-files {
        padding: 1.6rem;
    }
}