/*# //#------------ for media queries ------------#// #*/
@media (max-width: 834px) {
    .wrapper {
        background-color: transparent;
    }
}
@media (max-width: 600px) {
    .wrapper {
        background-color: transparent;
    }
}
@media (max-width: 360px) {
    .wrapper {
        background-color: transparent;
    }
}
/** //*============================== RESET STYLES ==============================*/ /* */
/** //*============================== RESET STYLES ==============================*/ /* */
* {
    margin: 0;
    padding: 0;
    border: 0;
    background-repeat: no-repeat;
}

*,
*:before,
*::after {
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

:focus,
:active {
    outline: none;
}

a:focus,
a:active {
    outline: none;
}

nav,
footer,
header,
aside {
    display: block;
}

html,
body {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
    font-family: inherit;
}

input::-ms-clear {
    display: none;
}

button {
    background: transparent;
    cursor: pointer;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}

/*
.header-top__menu-list ul li,
.header-top__menu-list li,
.menu-dropdown__list li,
.header-body__menu-list li,
.header-body__dropdown-list li,
.header-top__contact-list li,
.breadcrumbs li {
    list-style: none;
    padding-right: -100em;
    font-size: inherit;
}

ul li {
    list-style: disc;
    /*font-size: inherit !important;
}

ul {
    list-style: disc !important;
    padding-left: 1.5em !important;
    /*font-size: inherit !important;
}

ol {
    list-style: decimal;
    padding-left: 1.5em;
}

ul li, ol li {
    font-size: max(1.389vw, 16px);
} */


img {
    vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: 400;
}

/*^ //^======================== FONTS ========================^// ^*/
/*^ //^======================== FONTS ========================^// ^*/
@font-face {
    font-family: "Geologica";
    src: url("../fonts/Geologica-Light.otf") format("otf"), url("../fonts/Geologica-Light.woff") format("woff"), url("../fonts/Geologica-Light.woff2") format("woff2"), url("../fonts/Geologica-Light.ttf") format("truetype"), url("../fonts/Geologica-Light.svg#Geologica") format("svg");
    font-style: normal;
    font-weight: 300;
}
@font-face {
    font-family: "Geologica";
    src: url("../fonts/Geologica-Regular.otf") format("otf"), url("../fonts/Geologica-Regular.woff") format("woff"), url("../fonts/Geologica-Regular.woff2") format("woff2"), url("../fonts/Geologica-Regular.ttf") format("truetype"), url("../fonts/Geologica-Regular.svg#Geologica") format("svg");
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: "Geologica";
    src: url("../fonts/Geologica-Medium.otf") format("otf"), url("../fonts/Geologica-Medium.woff") format("woff"), url("../fonts/Geologica-Medium.woff2") format("woff2"), url("../fonts/Geologica-Medium.ttf") format("truetype"), url("../fonts/Geologica-Medium.svg#Geologica") format("svg");
    font-style: normal;
    font-weight: 500;
}
/*@ //@======================== GENERAL ========================@// @*/
/*@ //@======================== GENERAL ========================@// @*/
html {
    scroll-behavior: smooth;
    scrollbar-gutter: stable;
}
html:has(.programs) {
    scroll-behavior: auto;
}

.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    min-height: 100%;
    overflow: clip;
    color: #1e1e1e;
    font-family: Geologica;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: never;
    background-color: #fff;
}
.wrapper._account {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: auto 1fr;
    grid-template-areas: "header header" "aside main";
}

.container {
    width: 100%;
    max-width: max(100vw, 1440px);
    height: 100%;
    margin-inline: auto;
    padding-inline: max(5.556vw, 40px);
}
@media (max-width: 834px) {
    .container {
        padding-inline: max(4.796vw, 16px);
    }
}
@media (max-width: 600px) {
    .container {
        padding-inline: 16px;
    }
}

.section-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: max(2.778vw, 40px);
}
@media (width <= 834px) {
    .section-header:has(.pagination) {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-column-gap: max(3.597vw, 16px);
        -moz-column-gap: max(3.597vw, 16px);
        column-gap: max(3.597vw, 16px);
        row-gap: max(3.837vw, 24px);
    }
}

section {
    padding-block: max(4.167vw, 50px);
}
section:first-child {
    padding-top: max(11.111vw, 130px);
}
@media (width <= 834px) {
    section:first-child {
        padding-top: max(15.588vw, 120px);
    }
}

.overlay {
    position: fixed;
    inset: 0;
    z-index: 11;
    visibility: hidden;
    opacity: 0;
    background-color: rgba(30, 30, 30, 0.5019607843);
    cursor: pointer;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}
.overlay._show {
    visibility: visible;
    opacity: 1;
}

.seminar-mask {
    position: absolute;
    z-index: calc(-infinity);
}

[hidden] {
    display: none !important;
}

/*^ //^======================== keyframes ========================^// ^*/
/*^ //^======================== keyframes ========================^// ^*/
@-webkit-keyframes slide-down {
    0% {
        translate: 0 0;
    }
    50% {
        translate: 0 100%;
    }
}
@keyframes slide-down {
    0% {
        translate: 0 0;
    }
    50% {
        translate: 0 100%;
    }
}
/*^// ^======================== TYPOGRAPHY  ========================^ //^*/
/*^// ^======================== TYPOGRAPHY  ========================^ //^*/
.regular {
    font-weight: 400;
}

/*$ //$------------------------ heading ------------------------$// $*/
.heading {
    font-size: max(3.333vw, 26px);
    margin-block: max(2.5vw, 32px);
}
@media (width <= 834px) {
    .heading {
        font-size: max(4.317vw, 26px);
        margin-block: max(3.837vw, 24px);
    }
}
.heading._main {
    font-size: max(3.75vw, 36px);
}
@media (width <= 834px) {
    .heading._main {
        font-size: max(4.317vw, 26px);
    }
}
.heading._enter {
    font-size: max(1.944vw, 24px);
    margin-bottom: max(1.389vw, 16px);
}
@media (max-width: 834px) {
    .heading._enter {
        font-size: max(2.878vw, 20px);
        margin-bottom: max(1.918vw, 10px);
    }
}
.heading._small {
    font-size: max(2.5vw, 26px);
    line-height: max(2.778vw, 30px);
}
@media (max-width: 834px) {
    .heading._small {
        font-size: max(3.118vw, 20px);
        line-height: max(3.597vw, 24px);
    }
}
.heading._4 {
    font-size: max(1.944vw, 24px);
    line-height: max(2.222vw, 28px);
}
@media (max-width: 834px) {
    .heading._4 {
        font-size: max(2.878vw, 18px);
        line-height: 1.4;
    }
}
.heading._5 {
    font-size: max(1.806vw, 20px);
    line-height: max(2.083vw, 24px);
}
@media (max-width: 834px) {
    .heading._5 {
        font-size: max(2.398vw, 18px);
        line-height: 1.4;
    }
}
.heading._6 {
    font-size: max(1.389vw, 18px);
    line-height: 1.4;
}
@media (max-width: 834px) {
    .heading._6 {
        font-size: max(2.158vw, 18px);
    }
}

/*$ //$------------------------ text ------------------------$// $*/
.text {
    font-weight: 300;
}
.text._main {
    font-size: max(1.111vw, 16px);
}
.text._enter {
    font-size: max(1.389vw, 16px);
    margin-bottom: max(2.222vw, 24px);
}
@media (max-width: 834px) {
    .text._enter {
        margin-bottom: max(2.878vw, 20px);
    }
}
.text._body {
    margin-block: max(0.556vw, 8px);
    font-size: max(1.25vw, 18px);
    line-height: max(1.528vw, 22px);
}
@media (max-width: 834px) {
    .text._body {
        font-size: max(2.158vw, 16px);
        line-height: max(2.638vw, 20px);
    }
}
.text._bold {
    font-weight: 500;
}
.text._underline {
    text-decoration: underline;
}
.text._italic {
    font-style: italic;
}

.caption {
    font-size: max(0.833vw, 12px);
    font-weight: 300;
    line-height: max(1.111vw, 16px);
}

.list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: max(1.389vw, 20px);
}
.list__wrapper {
    margin-block: max(4.167vw, 60px);
}
@media (max-width: 834px) {
    .list__wrapper {
        margin-block: max(7.194vw, 48px);
    }
}
.list._unordered li {
    list-style-type: disc;
}
.list._unordered li:has(ul) {
    list-style-type: none;
}
.list._ordered li:has(ol) {
    list-style-type: none;
}
.list._ordered li:has(ol) ol li {
    list-style-type: lower-alpha;
}
.list._ordered li:has(ol) ol li:has(ol) {
    list-style-type: none;
}
.list._ordered li:has(ol) ol li:has(ol) ol li {
    list-style-type: lower-roman;
}

.image-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-block: max(5.556vw, 60px);
}
@media (max-width: 834px) {
    .image-box {
        margin-block: max(7.194vw, 48px);
    }
}
.image-box._1 .image-box__inner {
    grid-template-columns: 1fr;
    height: max(36.806vw, 320px);
}
@media (max-width: 834px) {
    .image-box._1 .image-box__inner {
        height: max(38.369vw, 200px);
    }
}
.image-box._2 .image-box__inner {
    grid-template-columns: repeat(2, 1fr);
    height: max(30.556vw, 240px);
}
@media (max-width: 834px) {
    .image-box._2 .image-box__inner {
        height: max(28.777vw, 108px);
    }
}
.image-box._3 .image-box__inner {
    grid-template-columns: repeat(3, 1fr);
    height: max(19.236vw, 160px);
}
@media (max-width: 834px) {
    .image-box._3 .image-box__inner {
        height: 19.185vw;
    }
}
.image-box._4 .image-box__inner {
    grid-template-columns: repeat(4, 1fr);
    height: 15.278vw;
}
.image-box__inner {
    display: grid;
    gap: max(1.111vw, 14px);
    width: 100%;
    overflow: clip;
    border-radius: max(1.667vw, 12px);
}
@media (max-width: 834px) {
    .image-box__inner {
        gap: max(1.679vw, 8px);
        border-radius: max(1.439vw, 8px);
    }
}
.image-box img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.image-box__caption {
    margin-top: max(1.111vw, 16px);
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(1.389vw, 20px);
    font-weight: 300;
    line-height: max(1.667vw, 24px);
}
@media (max-width: 834px) {
    .image-box__caption {
        margin-top: max(1.918vw, 10px);
        font-size: max(2.398vw, 14px);
        line-height: max(2.878vw, 18px);
    }
}

/*$ //$------------------------ title ------------------------$// $*/
.title {
    font-weight: 400;
}

.columns {
    display: grid;
    gap: max(1.111vw, 14px);
    margin-block: max(5vw, 60px);
}
@media (max-width: 834px) {
    .columns {
        gap: max(1.679vw, 8px);
        margin-block: max(7.194vw, 48px);
    }
}
.columns._2 {
    grid-template-columns: repeat(2, 1fr);
}
.columns._3 {
    grid-template-columns: repeat(3, 1fr);
}
.table {
    /*width: calc(1440px - 2 * max(5.556vw, 40px));*/
    overflow: clip;
    border: max(0.069vw, 1px) solid #e6eaf2;
    border-radius: max(0.833vw, 12px);
    border-spacing: 0;
    margin-bottom: max(0.833vw, 10px);
}
@media (max-width: 834px) {
    .table {
        /*width: 754px;*/
    }
}
.table__wrapper {
    width: 100vw;
    margin-block: max(5.556vw, 60px);
    padding-inline: max(5.556vw, 40px);
    position: relative;
    left: calc(-1 * max(5.556vw, 40px));
    overflow: auto;
}
@media (max-width: 834px) {
    .table__wrapper {
        margin-block: max(7.194vw, 48px);
        padding-inline: max(4.796vw, 16px);
        left: calc(-1 * max(4.796vw, 16px));
    }
}
@media (max-width: 600px) {
    .table__wrapper {
        padding-inline: 16px;
        left: -16px;
    }
}
.table__caption {
    margin-bottom: max(1.667vw, 24px) !important;
}
@media (max-width: 834px) {
    .table__caption {
        margin-bottom: max(2.878vw, 20px) !important;
    }
}
.table._big th,
.table._big td {
    font-size: max(1.25vw, 18px);
    line-height: max(1.528vw, 22px);
}
.table._small th,
.table._small td {
    font-size: max(1.111vw, 16px);
    line-height: max(1.389vw, 20px);
}
.table thead tr {
    background-color: #f8f9fb;
}
.table tbody tr:nth-child(even) {
    background-color: #f8f9fb;
}
.table td,
.table th {
    /*padding: max(1.389vw, 20px);*/
    padding: max(0.69vw, 10px);
    position: relative;
    color: rgba(30, 30, 30, 0.7019607843);
}
.table td::after,
.table th::after {
    content: "";
    display: block;
    width: max(0.069vw, 1px);
    height: max(1.389vw, 20px);
    position: absolute;
    right: 0;
    top: 50%;
    background: #e6eaf2;
    translate: 0 -50%;
}
.table td:first-child,
.table th:first-child {
    width: 30%;
}
.table th {
    font-weight: 400;
    text-align: left;
}
.table td {
    border-top: max(0.069vw, 1px) solid #e6eaf2;
    font-weight: 300;
}

/*^ //^======================== BUTTONS ========================^// ^*/
/*^ //^======================== BUTTONS ========================^// ^*/
/*^ //^------------ button ------------^// ^*/
.button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all 250ms;
    transition: all 250ms;
    /*% //%------------ up ------------%// %*/
    /*% //%------------ subscribe ------------%// %*/
    /*$ //$------------ enroll ------------$// $*/
    /*% //%------------ gotopage ------------%// %*/
    /*$ //$------------ circle ------------$// $*/
    /*$ //$------------ details ------------$// $*/
    /*/ ///------------ return ------------/// /*/
    /*/ ///------------ back ------------/// /*/
    /*/ ///------------ read  ------------/// /*/
    /*$ //$------------ buy  ------------$// $*/
    /*/ ///------------ shop-filter ------------/// /*/
    /*/ ///------------ slider-arrow ------------/// /*/
    /*$ //$------------ send ------------$// $*/
    /*^ //^------------ city ------------^// ^*/
    /*/ ///------------ watch ------------/// /*/
    /*/ ///------------ load-more ------------/// /*/
    /*/ ///------------ download ------------/// /*/
    /*$ //$------------ all programs ------------$// $*/
    /*$ //$------------ next ------------$// $*/
    /*$ //$------------ enter ------------$// $*/
    /*^ //^------------ refresh ------------^// ^*/
    /*/ ///------------ forget ------------/// /*/
    /*/ ///------------ notifications ------------/// /*/
    /*/ ///------------ account ------------/// /*/
    /*^ //^------------ password-visibility ------------^// ^*/
    /*$ //$------------ save-pdf ------------$// $*/
    /*^ //^------------ blog-post-buttons ------------^// ^*/
    /*# //#------------------------ button components ------------------------#// #*/
}
.button._up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(0.694vw, 10px);
    color: #365399;
    font-size: max(1.111vw, 16px);
    font-weight: 300;
}
@media (width <= 834px) {
    .button._up {
        gap: max(1.199vw, 8px);
        font-size: max(1.918vw, 14px);
    }
    .button._up .button__icon {
        width: max(5.036vw, 40px);
        height: max(5.036vw, 40px);
    }
}
.button._up .button__icon {
    border: max(0.069vw, 1px) solid #365399;
    border-radius: 50%;
    width: max(4.167vw, 42px);
    height: max(4.167vw, 42px);
}
.button._up .button__icon img {
    width: max(1.667vw, 24px);
    aspect-ratio: 1;
}
.button_subscribe {
    width: max(16.667vw, 170px);
    height: max(4.167vw, 50px);
    border-radius: max(0.833vw, 8px);
    background-color: #ff9b50;
    color: #fff;
    font-size: max(1.111vw, 16px);
    font-weight: 300;
}
@media (width <= 834px) {
    .button_subscribe {
        font-size: max(1.918vw, 14px);
    }
}
.button_subscribe:hover {
    background-color: #cc5800;
}
.button._enroll {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: max(15.972vw, 230px);
    height: max(3.75vw, 54px);
    padding: max(0.278vw, 4px);
    border-radius: max(6.944vw, 100px);
    background-color: #ff9b50;
    color: #fff;
    font-size: max(1.111vw, 16px);
    font-weight: 300;
}
@media (width <= 834px) {
    .button._enroll {
        height: max(6.475vw, 48px);
    }
}
@media (width <= 600px) {
    .button._enroll {
        width: 100%;
        line-height: 20px;
    }
    .button._enroll .button__icon {
        display: none;
    }
}
@media (hover: hover) {
    .button._enroll:hover {
        background-color: #cc5800;
    }
    .button._enroll:hover .button__icon {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}
.button._enroll .button__text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}
.button._enroll .button__icon {
    height: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #fff;
}
.button._enroll .button__icon svg {
    width: max(1.667vw, 24px);
    height: max(1.667vw, 24px);
}
.button._enroll._study {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: max(19.028vw, 156px);
    height: max(4.583vw, 50px);
    border-radius: max(0.833vw, 8px);
    font-size: max(1.667vw, 16px);
}
@media (width <= 834px) {
    .button._enroll._study {
        width: max(18.705vw, 130px);
        height: max(5.995vw, 44px);
        font-size: max(1.918vw, 14px);
    }
}
.button._gotopage {
    gap: max(0.417vw, 6px);
}
@media (width <= 600px) {
    .button._gotopage .button__text {
        display: none;
    }
    .button._gotopage .button__icon {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}
@media (hover: hover) {
    .button._gotopage:hover .button__icon {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}
.button._gotopage .button__text {
    border-bottom: max(0.069vw, 1px) solid #365399;
    color: #365399;
    font-size: max(1.111vw, 16px);
    text-wrap: nowrap;
}
.button._gotopage .button__icon {
    width: max(1.667vw, 24px);
    height: max(1.667vw, 24px);
}
.button._gotopage .button__icon svg {
    width: 100%;
    height: 100%;
}
.button._gotopage .button__icon svg path {
    stroke: #365399;
}
.button._gotopage._white {
    height: max(4.444vw, 50px);
    border-radius: max(6.944vw, 100px);
    background-color: #fff;
    width: max(14.583vw, 160px);
}
@media (width <= 834px) {
    .button._gotopage._white {
        width: max(19.185vw, 140px);
    }
}
.button._gotopage._white .button__text {
    display: block !important;
    font-size: max(1.389vw, 20px);
}
@media (width <= 834px) {
    .button._gotopage._white .button__text {
        font-size: max(2.398vw, 16px);
    }
}
.button._gotopage._white .button__icon {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.button._circle {
    border-radius: 50%;
    background-color: #ff9b50;
    width: max(3.333vw, 48px);
    height: max(3.333vw, 48px);
}
@media (width <= 834px) {
    .button._circle {
        width: max(3.333vw, 44px);
        height: max(3.333vw, 44px);
    }
}
@media (hover: hover) {
    .button._circle:hover .button__icon:not(.no-rotate) {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}
.button._circle svg path {
    stroke: #fff;
}
.button._circle .button__icon {
    width: max(1.667vw, 24px);
    height: max(1.667vw, 24px);
}
.button._circle._white {
    background-color: #fff;
}
.button._circle._white svg path {
    stroke: #1e1e1e;
}
.button._circle._transparent {
    border: max(0.069vw, 1px) solid #365399;
    background-color: transparent;
}
@media (width <= 834px) {
    .button._circle._transparent {
        border: none;
    }
}
@media (hover: hover) {
    .button._circle._transparent:hover .button__icon {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}
.button._circle._transparent svg path {
    stroke: #365399;
}
.button._details {
    height: max(3.472vw, 44px);
    border-radius: max(0.833vw, 8px);
    background-color: #f3f5f9;
    color: #1e1e1e;
    font-size: max(0.972vw, 14px);
}
@media (width <= 834px) {
    .button._details {
        height: max(5.276vw, 38px);
        font-size: max(1.918vw, 14px);
        font-weight: 300;
    }
}
@media (width <= 600px) {
    .button._details {
        border-radius: 10px;
    }
}
@media (hover: hover) {
    .button._details:hover {
        background-color: #ff9b50;
        color: #fff;
    }
}
.button._details._alt {
    gap: max(1.111vw, 16px);
    height: auto;
    background-color: transparent;
    color: #fff;
}
@media (width <= 600px) {
    .button._details._alt {
        gap: 4px;
    }
    .button._details._alt .button__text {
        color: #365399;
    }
    .button._details._alt .button__icon {
        border: none;
        width: 24px;
        height: 24px;
    }
    .button._details._alt svg path {
        stroke: #365399;
    }
}
@media (hover: hover) {
    .button._details._alt:hover .button__icon {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}
.button._details._alt .button__text {
    font-size: max(1.389vw, 16px);
}
.button._details._alt .button__icon {
    border: max(0.069vw, 1px) solid #fff;
    width: max(3.472vw, 32px);
    height: max(3.472vw, 32px);
    border-radius: 50%;
}
.button._details._alt .button__icon svg {
    width: max(1.667vw, 24px);
}
.button._details._alt svg path {
    stroke: #fff;
}
.button._return {
    gap: max(1.111vw, 16px);
    color: #1e1e1e;
    font-size: max(1.111vw, 16px);
    font-weight: 300;
}
.button._return .button__icon {
    background-color: #e6eaf2;
    width: max(3.333vw, 48px);
    height: max(3.333vw, 48px);
    border-radius: 50%;
}
.button._back {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: max(0.694vw, 10px);
    padding-inline: max(1.389vw, 14px);
    padding-block: max(0.972vw, 14px);
    border-radius: max(6.944vw, 100px);
    background-color: #e6eaf2;
    color: inherit;
}
@media (width <= 834px) {
    .button._back .button__text {
        display: none;
    }
}
@media (width <= 600px) {
    .button._back {
        padding: 0;
        background-color: #fff;
    }
}
.button._back .button__text {
    font-size: max(1.111vw, 16px);
}
.button._back .button__icon {
    width: max(1.667vw, 24px);
}
.button._back .button__icon img {
    width: 100%;
}
.button._read {
    height: max(3.472vw, 50px);
    padding: max(0.972vw, 11px);
    border-radius: max(0.833vw, 8px);
    background-color: #F3F5F9;
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(1.111vw, 16px);
}
.button._buy,
.library-modal._legacy-library-book .button._read {
    height: max(3.472vw, 50px);
    padding: max(0.972vw, 11px);
    border-radius: max(0.833vw, 8px);
    background-color: #ff9b50;
    color: #fff;
    font-size: max(1.111vw, 16px);
}
.button._shop-filter {
    height: max(3.611vw, 44px);
    padding-inline: max(2.778vw, 32px);
    border: max(0.069vw, 1px) solid #e6eaf2;
    border-radius: max(6.944vw, 100px);
    background-color: #e6eaf2;
    color: rgba(30, 30, 30, 0.5019607843);
    font-size: max(1.111vw, 16px);
}
@media (width <= 834px) {
    .button._shop-filter {
        height: max(5.276vw, 38px);
        padding-inline: max(3.837vw, 28px);
        font-size: max(1.918vw, 14px);
    }
}
.button._shop-filter._active {
    border-color: #365399;
    color: #365399;
}
.button._slider-arrow {
    opacity: 1;
    border: max(0.069vw, 1px) solid #365399;
    width: max(3.611vw, 44px);
    height: max(3.611vw, 44px);
    border-radius: 50%;
}
@media (width <= 834px) {
    .button._slider-arrow {
        width: max(5.276vw, 38px);
        height: max(5.276vw, 38px);
    }
}
.button._slider-arrow svg {
    width: max(1.667vw, 20px);
    height: max(1.667vw, 20px);
}
.button._slider-arrow svg path {
    stroke: #365399;
}
.button._slider-arrow[disabled] {
    border-color: rgba(30, 30, 30, 0.5019607843);
}
.button._slider-arrow[disabled] svg path {
    stroke: rgba(30, 30, 30, 0.5019607843);
}
.button._slider-arrow._left svg {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.button._send {
    padding: max(1.25vw, 16px);
    border-radius: max(0.833vw, 12px);
    background-color: #ff9b50;
    color: #fff;
    font-size: max(1.111vw, 16px);
    font-weight: 300;
}
@media (width <= 834px) {
    .button._send {
        padding: max(1.918vw, 13px);
        border-radius: max(1.439vw, 8px);
        font-size: max(1.918vw, 14px);
    }
}
@media (hover: hover) {
    .button._send:hover {
        background-color: #cc5800;
    }
}
.button._send._submitted,
.button._send:disabled {
    background-color: #d7dce4;
    color: rgba(30, 30, 30, 0.5019607843);
    cursor: no-drop;
}
@media (hover: hover) {
    .button._send._submitted:hover,
    .button._send:disabled:hover {
        background-color: #d7dce4;
    }
}
.button._city {
    gap: max(0.417vw, 6px);
}
@media (width <= 600px) {
    .button._city .button__text {
        display: none;
    }
}
.button._city .button__icon {
    width: max(1.667vw, 24px);
    height: max(1.667vw, 24px);
}
.button._city .button__text {
    border-bottom: max(0.069vw, 1px) solid #365399;
    color: #365399;
    font-size: max(0.972vw, 14px);
}
.button._watch {
    gap: max(0.694vw, 10px);
    width: max(11.111vw, 150px);
    height: max(3.333vw, 44px);
    border-radius: max(6.944vw, 100px);
    background-color: #e6eaf2;
    color: inherit;
    font-size: max(1.111vw, 16px);
}
@media (hover: hover) {
    .button._watch:hover .button__icon {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}
.button._watch .button__icon {
    width: max(1.667vw, 24px);
    height: max(1.667vw, 24px);
}
.button._load-more {
    gap: max(0.694vw, 10px);
    width: max(17.361vw, 200px);
    height: max(3.611vw, 48px);
    border-radius: max(0.833vw, 12px);
    background-color: rgba(230, 234, 242, 0.5019607843);
    font-size: max(1.389vw, 16px);
    font-weight: 300;
}
@media (width <= 834px) {
    .button._load-more {
        width: max(23.981vw, 190px);
        height: max(5.755vw, 44px);
    }
}
@media (hover: hover) {
    .button._load-more:hover {
        background-color: #ff9b50;
        color: #fff;
    }
    .button._load-more:hover .button__icon svg path {
        stroke: #fff;
    }
}
.button._load-more .button__icon {
    width: max(1.389vw, 20px);
    height: max(1.389vw, 20px);
}
.button._download {
    gap: max(0.417vw, 6px);
    color: #365399;
    font-size: max(1.111vw, 16px);
}
.button._download .button__text {
    border-bottom: max(0.069vw, 1px) solid #365399;
}
.button._download .button__icon svg path {
    fill: #365399;
}
.button._all-programs {
    gap: max(0.833vw, 12px);
    width: max(17.778vw, 178px);
    height: max(5.417vw, 48px);
    border-radius: max(6.944vw, 100px);
    background-color: #ff9b50;
    color: #fff;
    font-size: max(1.389vw, 16px);
}
.button._all-programs .button__icon {
    width: max(2.639vw, 24px);
    height: max(2.639vw, 24px);
}
.button._next {
    width: 100%;
    height: max(4.167vw, 50px);
    border-radius: max(0.833vw, 8px);
    background-color: #ff9b50;
    color: #fff;
    font-size: max(1.389vw, 16px);
    font-weight: 300;
}
@media (max-width: 834px) {
    .button._next {
        height: max(5.995vw, 44px);
        padding-block: max(1.439vw, 10px);
    }
}
.button._secondary {
    width: 100%;
    height: max(4.167vw, 50px);
    border: max(0.069vw, 1px) solid #ff9b50;
    border-radius: max(0.833vw, 8px);
    color: #1e1e1e;
    font-size: max(1.389vw, 16px);
    font-weight: 300;
}
@media (max-width: 834px) {
    .button._secondary {
        height: max(5.995vw, 44px);
        padding-block: max(1.439vw, 10px);
    }
}
.button._refresh {
    gap: max(1.111vw, 10px);
    margin-inline: auto;
    color: #365399;
    font-size: max(1.389vw, 16px);
}
@media (max-width: 834px) {
    .button._refresh {
        font-size: max(1.918vw, 14px);
    }
}
.button._forget {
    font-size: max(1.111vw, 16px);
    text-decoration: underline;
}
@media (max-width: 834px) {
    .button._forget {
        font-size: max(1.918vw, 14px);
    }
}
.button._password-visibility {
    width: max(1.667vw, 24px);
    height: max(1.667vw, 24px);
    position: relative;
}
.button._password-visibility .button__icon {
    position: absolute;
    -webkit-transition: all 250ms;
    transition: all 250ms;
    width: 100%;
    height: 100%;
}
.button._password-visibility .button__icon._hidden {
    visibility: hidden;
    opacity: 0;
}
.button._save-pdf {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: max(0.694vw, 10px);
    height: max(2.778vw, 40px);
    border-radius: max(0.833vw, 12px);
    background-color: #ff9b50;
    color: #fff;
    padding-inline: max(4.167vw, 32px);
    font-size: max(0.972vw, 12px);
}
@media (hover: hover) {
    .button._save-pdf:hover {
        background-color: #cc5800;
    }
}
@media (max-width: 600px) {
    .button._save-pdf {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
    }
}
.button._save-pdf .button__icon {
    width: max(1.667vw, 24px);
    height: max(1.667vw, 24px);
}
.button._save-pdf .button__icon path {
    fill: #fff;
}
.button._likes, .button._comments, .button._share {
    gap: max(0.417vw, 4px);
    font-size: max(0.972vw, 10px);
}
.button._likes .button__icon, .button._comments .button__icon, .button._share .button__icon {
    width: max(1.667vw, 16px);
}
.button._likes._liked svg path {
    fill: #da3849;
    stroke: #da3849;
}
.button__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
.button__icon img,
.button__icon svg,
.button__icon picture {
    width: 100%;
    height: 100%;
}
.button__icon svg path {
    -webkit-transition: all 250ms;
    transition: all 250ms;
}

/*^ //^------------ cursor ------------^// ^*/
.cursor {
    display: none;
    gap: max(0.417vw, 6px);
    position: fixed;
    left: calc(-1 * max(7.639vw, 110px) / 2);
    top: calc(-1 * max(7.639vw, 110px) / 2);
    z-index: 1;
    font-size: max(0.972vw, 14px);
    -webkit-transform: translateX(var(--x)) translateY(var(--y));
    -ms-transform: translateX(var(--x)) translateY(var(--y));
    transform: translateX(var(--x)) translateY(var(--y));
    -webkit-transform-origin: calc(var(--x) + max(7.639vw, 110px) / 2) calc(var(--y) + max(7.639vw, 110px) / 2);
    -ms-transform-origin: calc(var(--x) + max(7.639vw, 110px) / 2) calc(var(--y) + max(7.639vw, 110px) / 2);
    transform-origin: calc(var(--x) + max(7.639vw, 110px) / 2) calc(var(--y) + max(7.639vw, 110px) / 2);
    pointer-events: none;
    width: max(7.639vw, 110px);
    height: max(7.639vw, 110px);
    border-radius: 50%;
}
.cursor._active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (width <= 834px) {
    .cursor._active {
        display: none;
    }
}
.cursor._dark {
    background-color: #1e1e1e;
    color: #fff;
}
.cursor._light {
    background-color: #fff;
    color: #1e1e1e;
}
.cursor._light svg path {
    stroke: #1e1e1e;
}
.cursor__icon {
    width: max(1.389vw, 20px);
    height: max(1.389vw, 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/*^ //^======================== INPUTS ========================^// ^*/
/*^ //^======================== INPUTS ========================^// ^*/
/*^ //^------------ checkbox ------------^// ^*/
.checkbox__icon {
    display: block;
    -webkit-transition: all 250ms;
    transition: all 250ms;
    width: max(1.389vw, 20px);
    height: max(1.389vw, 20px);
    background-image: url("../img/icons/checkbox-empty.svg");
    background-size: contain;
}
.checkbox__label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.417vw, 6px);
    cursor: pointer;
}
.checkbox__label:has(input:checked) .checkbox__icon {
    background-image: url("../img/icons/checkbox-checked.svg");
}
.checkbox__text {
    font-size: max(0.972vw, 14px);
}
@media (width <= 834px) {
    .checkbox__text {
        font-size: max(1.918vw, 14px);
    }
}
.checkbox input {
    position: absolute;
    visibility: hidden;
}

/*^ //^------------ blog-field ------------^// ^*/
.blog-field {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: max(1.111vw, 16px);
    padding-inline: max(1.111vw, 12px);
    padding-block: max(0.903vw, 8px);
    border: max(0.069vw, 1px) solid #d7dce4;
    border-radius: max(0.556vw, 8px);
}
@media (max-width: 834px) {
    .blog-field {
        gap: max(1.918vw, 10px);
    }
}
.blog-field__input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: max(0.972vw, 10px);
}
@media (max-width: 600px) {
    .blog-field__input {
        font-size: 12px;
    }
}
.blog-field__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
}
.blog-field__footer {
    display: none;
}
.blog-field__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(1.111vw, 16px);
}
@media (max-width: 834px) {
    .blog-field__buttons {
        gap: max(1.918vw, 10px);
    }
}
.blog-field__button {
    width: max(1.389vw, 20px);
    aspect-ratio: 1;
}
.blog-field__button img {
    width: 100%;
}
.blog-field._creating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.blog-field._creating .blog-field__body textarea {
    min-height: max(6.944vw, 80px);
}
.blog-field._creating .blog-field__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding-top: max(0.833vw, 6px);
    border-top: max(0.069vw, 1px) solid #e6eaf2;
}
.blog-field._creating .blog-field__button._publish {
    background-color: #ff9b50;
    color: #fff;
    height: max(2.083vw, 26px);
    padding-inline: max(1.667vw, 20px);
    width: 100%;
    border-radius: max(0.556vw, 6px);
    max-width: max(9.028vw, 120px);
}
@media (hover: hover) {
    .blog-field._creating .blog-field__button._publish:hover {
        background-color: #cc5800;
    }
}

/*^ //^------------ field-progress ------------^// ^*/
.field-progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.field-progress__total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.field-progress__total::before {
    content: "/";
    display: block;
}

.dropdown, .select {
    position: relative;
}
.dropdown._active .select__pane-icon, .select._active .select__pane-icon {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.dropdown._active .dropdown__content, .dropdown._active .select__content, .select._active .dropdown__content, .select._active .select__content {
    visibility: visible;
    opacity: 1;
}
.dropdown__pane, .select__pane {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}
.dropdown__pane-icon, .select__pane-icon {
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
.dropdown__content, .select__content {
    position: absolute;
    z-index: 1;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
.dropdown__label, .select__label {
    display: block;
    cursor: pointer;
}
.dropdown input, .select input {
    position: absolute;
    visibility: hidden;
}

/*^ //^======================== DROPDOWNS ========================^// ^*/
/*^ //^======================== DROPDOWNS ========================^// ^*/
/*^ //^------------ menu-dropdown ------------^// ^*/
.menu-dropdown {
    position: absolute;
    z-index: 2;
    padding-top: max(0.694vw, 10px);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
.menu-dropdown__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(0.556vw, 8px);
    padding: max(0.833vw, 12px);
    border-radius: max(0.556vw, 8px);
    -webkit-box-shadow: 0 0 max(1.111vw, 16px) 0 rgba(30, 30, 30, 0.3019607843);
    box-shadow: 0 0 max(1.111vw, 16px) 0 rgba(30, 30, 30, 0.3019607843);
    background-color: #fff;
}
.menu-dropdown__link {
    color: #1e1e1e;
    font-size: max(0.833vw, 12px);
}

/*^ //^------------ sort ------------^// ^*/
.sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #365399;
    font-size: max(0.972vw, 12px);
    gap: max(0.278vw, 4px);
}
.sort__icon {
    width: max(1.667vw, 24px);
    height: max(1.667vw, 24px);
}
.sort__icon img {
    width: 100%;
}
@media (max-width: 600px) {
    .sort__text {
        display: none;
    }
}

/*^ //^------------ blog-dropdown ------------^// ^*/
.blog-dropdown__pane {
    gap: max(0.278vw, 4px);
}
.blog-dropdown__pane-text {
    font-size: max(0.972vw, 10px);
}
.blog-dropdown__pane-icon {
    width: max(1.389vw, 14px);
    height: max(1.389vw, 14px);
}
.blog-dropdown__pane-icon img {
    width: 100%;
    height: 100%;
}
.blog-dropdown__content {
    top: calc(100% + max(0.556vw, 6px));
}
.blog-dropdown__list {
    background-color: #e6eaf2;
    border-radius: max(0.833vw, 10px);
    padding: max(0.417vw, 6px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(0.417vw, 6px);
}
.blog-dropdown__label {
    padding-inline: max(0.833vw, 10px);
    padding-block: max(0.417vw, 6px);
    border-radius: max(0.556vw, 6px);
}
@media (hover: hover) {
    .blog-dropdown__label:hover {
        background-color: #fff;
    }
}
.blog-dropdown__label:has(input:checked) {
    background-color: #fff;
}
/*^ //^------------ friend-card-dropdown ------------^// ^*/
/*^ //^------------ community-card-dropdown ------------^// ^*/
.friend-card-dropdown,
.community-card-dropdown {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: max(2.778vw, 36px);
    aspect-ratio: 1;
    border-radius: max(0.694vw, 8px);
    border: max(0.069vw, 1px) solid #e6eaf2;
}
@media (max-width: 834px) {
    .friend-card-dropdown,
    .community-card-dropdown {
        border: none;
    }
}
.friend-card-dropdown__pane,
.community-card-dropdown__pane {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.friend-card-dropdown__pane-icon,
.community-card-dropdown__pane-icon {
    width: max(1.389vw, 20px);
    height: max(1.389vw, 20px);
}
.friend-card-dropdown__pane-icon img,
.community-card-dropdown__pane-icon img {
    width: 100%;
}
.friend-card-dropdown__content,
.community-card-dropdown__content {
    top: calc(100% + max(0.556vw, 6px));
    right: 0;
    visibility: hidden;
    opacity: 0;
}
.friend-card-dropdown__list,
.community-card-dropdown__list {
    background-color: #e6eaf2;
    border-radius: max(0.833vw, 10px);
    padding: max(0.417vw, 6px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(0.417vw, 6px);
}
.friend-card-dropdown__label,
.community-card-dropdown__label {
    padding-inline: max(0.833vw, 10px);
    padding-block: max(0.417vw, 6px);
    border-radius: max(0.556vw, 6px);
    text-wrap: nowrap;
    font-size: max(0.972vw, 12px);
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
@media (hover: hover) {
    .friend-card-dropdown__label:hover,
    .community-card-dropdown__label:hover {
        background-color: #fff;
    }
}
.friend-card-dropdown__label:has(input:checked),
.community-card-dropdown__label:has(input:checked) {
    background-color: #fff;
}
.community-card-dropdown {
    border: none;
}

/*^ //^------------ emoji ------------^// ^*/
.emoji {
    position: relative;
}
.emoji__button {
    width: max(1.667vw, 18px);
    height: max(1.667vw, 18px);
}
@media (max-width: 600px) {
    .emoji__button {
        width: 20px;
        height: 20px;
    }
}
.emoji__button img {
    width: 100%;
}
.emoji__popup {
    position: absolute;
    height: max(11.667vw, 168px);
    background-color: #fff;
    border-radius: max(1.111vw, 16px);
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    bottom: calc(100% + max(1.111vw, 16px));
    right: 0;
    -webkit-box-shadow: 0 0 max(1.389vw, 20px) max(0.347vw, 5px) #e6eaf2;
    box-shadow: 0 0 max(1.389vw, 20px) max(0.347vw, 5px) #e6eaf2;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
.emoji__popup::-webkit-scrollbar {
    display: none;
}
.emoji__popup._visible {
    opacity: 1;
    visibility: visible;
}
@media (max-width: 450px) {
    .emoji__popup {
        right: -20px;
    }
}
.emoji__list {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    padding: max(1.111vw, 16px);
    gap: max(0.556vw, 8px);
}
.emoji__list button {
    width: max(1.389vw, 20px);
    height: max(1.389vw, 20px);
    font-size: max(1.111vw, 16px);
}
@media (max-width: 768px) {
    .emoji__list {
        grid-template-columns: repeat(8, 1fr);
    }
}
@media (max-width: 600px) {
    .emoji__list {
        grid-template-columns: repeat(10, 1fr);
    }
}
@media (max-width: 450px) {
    .emoji__list {
        grid-template-columns: repeat(8, 1fr);
    }
}

/*^ //^======================== SELECTS ========================^// ^*/
/*^ //^======================== SELECTS ========================^// ^*/
/*^ //^------------ main select ------------^// ^*/
.select__pane {
    padding: max(1.111vw, 12px);
    border-radius: max(0.833vw, 8px);
    background-color: rgba(230, 234, 242, 0.5019607843);
    color: rgba(30, 30, 30, 0.5019607843);
    font-size: max(0.972vw, 14px);
}
@media (width <= 834px) {
    .select__pane {
        font-size: max(1.918vw, 14px);
    }
}
@media (width <= 600px) {
    .select__pane {
        padding: 0;
        background-color: #fff;
    }
}
.select__pane._selected {
    color: #1e1e1e;
}
.select__pane-icon {
    width: max(1.667vw, 24px);
}
.select__pane-icon img {
    width: 100%;
}
.select__content {
    width: 100%;
    margin-top: max(1.111vw, 12px);
    border-radius: max(1.111vw, 12px);
    -webkit-box-shadow: 0 max(0.278vw, 4px) max(0.278vw, 4px) 0 rgba(0, 0, 0, 0.0509803922);
    box-shadow: 0 max(0.278vw, 4px) max(0.278vw, 4px) 0 rgba(0, 0, 0, 0.0509803922);
    background-color: #fff;
}
.select__list {
    background-color: rgba(230, 234, 242, 0.5019607843);
}
@media (width <= 600px) {
    .select__list {
        background-color: #fff;
    }
}
.select__item {
    padding-inline: max(1.111vw, 12px);
}
.select__item:last-child .select__label {
    border-bottom: none;
}
.select__label {
    padding-block: max(1.111vw, 12px);
    border-bottom: max(0.069vw, 1px) solid rgba(30, 30, 30, 0.3019607843);
    font-size: max(0.972vw, 14px);
}
@media (width <= 834px) {
    .select__label {
        font-size: max(1.918vw, 14px);
    }
}

/*^ //^------------ forum-select ------------^// ^*/
.forum-select {
    width: max(15.278vw, 150px);
}
.forum-select__pane {
    gap: max(0.278vw, 4px);
    background-color: transparent;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.forum-select__pane-text {
    font-size: max(1.111vw, 16px);
}
@media (width <= 834px) {
    .forum-select__pane-text {
        font-size: max(1.918vw, 14px);
    }
}
.forum-select__pane-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.forum-select__content {
    right: 0;
    border-radius: max(0.694vw, 10px);
    background-color: #fff;
    width: auto;
}
.forum-select__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(0.694vw, 10px);
    padding: max(1.111vw, 16px);
    background-color: #fff;
}
@media (width <= 834px) {
    .forum-select__list {
        padding: max(1.918vw, 14px);
    }
}
.forum-select__item {
    padding-inline: 0;
}
.forum-select__label {
    width: 100%;
    font-size: max(1.111vw, 16px);
    text-align: right;
    text-wrap: nowrap;
    padding: 0;
    border: none;
}
@media (width <= 834px) {
    .forum-select__label {
        font-size: max(1.918vw, 14px);
    }
}
/*^ //^------------ timetable-select ------------^// ^*/
.timetable-select {
    font-size: max(0.972vw, 14px);
}
@media (width <= 600px) {
    .timetable-select {
        position: static;
    }
    .timetable-select._type .timetable-select__pane-icon svg path {
        stroke: #365399;
    }
    .timetable-select._stage .timetable-select__pane-text {
        display: none;
    }
    .timetable-select._stage .timetable-select__content-inner {
        padding: 20px;
    }
    .timetable-select._stage .timetable-select__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 12px;
        padding-bottom: 16px;
        border-bottom: 1px solid rgba(30, 30, 30, 0.5019607843);
    }
    .timetable-select._stage .timetable-select__label {
        padding: 0;
        border: none;
        color: #365399;
    }
    .timetable-select._stage .timetable-select__item {
        padding: 0;
    }
}
.timetable-select._active .timetable-select__pane-icon {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.timetable-select__pane {
    height: max(3.472vw, 50px);
    padding-inline: max(1.111vw, 15px);
    border-radius: max(0.833vw, 12px);
    background-color: rgba(230, 234, 242, 0.5019607843);
}
@media (width <= 600px) {
    .timetable-select__pane {
        height: auto;
        padding: 0;
        background-color: transparent;
    }
}
.timetable-select__pane-text {
    color: rgba(30, 30, 30, 0.5019607843);
}
.timetable-select__content {
    width: 100%;
    margin-top: max(0.833vw, 12px);
    border-radius: max(0.833vw, 12px);
    background-color: #fff;
}
@media (width <= 600px) {
    .timetable-select__content {
        left: 0;
        width: calc(100vw - 2 * max(4.667vw, 16px));
        border-radius: 0;
        -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.0509803922);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.0509803922);
        background-color: #fff;
    }
}
@media (width <= 600px) {
    .timetable-select__content-inner {
        background-color: transparent;
    }
}
.timetable-select__item {
    padding-inline: max(1.111vw, 15px);
}
.timetable-select__item:last-child label {
    border: none;
}
.timetable-select__label {
    padding-block: max(0.833vw, 12px);
    border-bottom: max(0.069vw, 1px) solid rgba(30, 30, 30, 0.3019607843);
}
/*^ //^------------ library-select ------------^// ^*/
.library__filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: max(0.833vw, 12px);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (width <= 834px) {
    .main__library .section-header {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-column-gap: max(2.398vw, 16px);
        -moz-column-gap: max(2.398vw, 16px);
        column-gap: max(2.398vw, 16px);
        row-gap: max(2.878vw, 24px);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .library__filters {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.library-select__pane {
    gap: max(0.694vw, 6px);
    width: max(13.889vw, 180px);
    height: max(3.056vw, 40px);
    border-radius: max(6.944vw, 100px);
    background-color: #e6eaf2;
}
@media (width <= 834px) {
    .library-select__pane {
        padding: max(0.694vw, 10px) max(1.389vw, 20px);
    }
}
.library-select__pane-text {
    color: #1e1e1e;
    font-size: max(1.111vw, 16px);
}
.library-select__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
/*^ //^======================== BACKGROUNDS ========================^// ^*/
/*^ //^======================== BACKGROUNDS ========================^// ^*/
.bg {
    position: absolute;
    inset: 0;
}

/*^ //^======================== BADGES ========================^// ^*/
/*^ //^======================== BADGES ========================^// ^*/
.badge._important {
    position: absolute;
    background-color: #ff9b50;
    border-radius: max(6.944vw, 100px);
    color: #fff;
    padding-block: max(0.556vw, 8px);
    padding-inline: max(1.111vw, 16px);
    font-size: max(0.833vw, 12px);
}
@media (width <= 834px) {
    .badge._important {
        font-size: 14px;
    }
}

/*^ //^======================== LABELS ========================^// ^*/
/*^ //^======================== LABELS ========================^// ^*/
.label._form {
    padding-inline: max(2.222vw, 32px);
    padding-block: max(1.389vw, 20px);
    border-radius: max(0.833vw, 12px);
    color: #fff;
    font-size: max(1.667vw, 12px);
}
.label._form._error {
    background-color: #da3849;
}
.label._form._success {
    background-color: #12b76a;
}
.label._read, .label._sent, .label._delivered {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-inline: max(0.417vw, 6px);
    font-size: max(0.694vw, 10px);
    gap: max(0.278vw, 4px);
    border-radius: max(0.139vw, 2px);
    color: #fff;
    height: max(1.25vw, 18px);
}
.label._read .label__text, .label._sent .label__text, .label._delivered .label__text {
    translate: 0 calc(-1 * max(0.069vw, 1px));
}
.label._read .label__icon, .label._sent .label__icon, .label._delivered .label__icon {
    width: max(0.972vw, 14px);
}
.label._read {
    background-color: #365399;
}
.label._sent {
    background-color: rgba(30, 30, 30, 0.5019607843);
}
.label._delivered {
    background-color: #8a5a2b;
}

.label._successful-upload {
    position: fixed;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
    background-color: #fff;
    padding: max(1.667vw, 24px);
    border-radius: max(0.694vw, 10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: max(23.611vw, 340px);
    font-size: max(1.389vw, 20px);
}
@media (max-width: 834px) {
    .label._successful-upload {
        padding: max(2.878vw, 16px);
        border-radius: max(1.199vw, 8px);
    }
}
@media (max-width: 600px) {
    .label._successful-upload {
        width: calc(100% - 32px);
    }
}

/*^ //^------------ admin ------------^// ^*/
.admin-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.278vw, 4px);
    height: max(1.944vw, 28px);
    padding-inline: max(0.556vw, 8px);
    border-radius: max(0.278vw, 4px);
    background-color: #365399;
}
.admin-label__text {
    color: #fff;
    font-size: max(0.972vw, 14px);
    font-weight: 300;
}
.admin-label__button {
    width: max(0.972vw, 14px);
    height: max(0.972vw, 14px);
}
.admin-label__button svg {
    width: 100%;
    height: 100%;
}

/*^ //^======================== TAGS ========================^// ^*/
/*^ //^======================== TAGS ========================^// ^*/
.tag {
    display: inline-block;
    padding-inline: max(1.667vw, 20px);
    padding-block: max(0.694vw, 8px);
    border: max(0.069vw, 1px) solid #365399;
    border-radius: max(6.944vw, 100px);
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(1.25vw, 16px);
    font-weight: 300;
}
@media (width <= 834px) {
    .tag {
        padding-inline: max(2.398vw, 16px);
        font-size: max(1.918vw, 14px);
    }
}

/*^ //^======================== MAPS ========================^// ^*/
/*^ //^======================== MAPS ========================^// ^*/
.map {
    width: 100%;
    overflow: hidden;
    border-radius: max(1.111vw, 16px);
    aspect-ratio: 2/1;
}
@media (width <= 834px) {
    .map {
        border-radius: max(1.918vw, 12px);
    }
}
@media (width <= 600px) {
    .map {
        aspect-ratio: 1.367;
    }
}
.map iframe {
    width: 100%;
    height: 100%;
}

/*^ //^======================== CALENDARS ========================^// ^*/
/*^ //^======================== CALENDARS ========================^// ^*/
.calendar {
    position: relative;
}
.calendar._inline .calendar__label {
    display: none;
}
.calendar._dropdown {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(1.25vw, 18px);
}
.calendar._dropdown .calendar__heading {
    font-size: max(0.972vw, 14px);
    font-weight: 300;
}
@media (width <= 834px) {
    .calendar._dropdown .calendar__heading {
        display: none;
    }
}
.calendar._dropdown .calendar__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: max(23.611vw, 340px);
    cursor: pointer;
}
@media (width <= 834px) {
    .calendar._dropdown .calendar__label {
        display: none;
    }
}
.calendar._dropdown .calendar__input {
    cursor: pointer;
}
.calendar._dropdown .calendar__icon {
    width: max(1.667vw, 24px);
    height: max(1.667vw, 24px);
}
.calendar._dropdown .calendar__icon img {
    width: 100%;
}
.calendar._dropdown .flatpickr-calendar {
    left: auto;
    right: 0 !important;
    top: calc(100% + max(0.694vw, 10px)) !important;
    width: max(39.583vw, 400px);
    height: max(44.444vw, 480px);
    padding: max(1.389vw, 20px);
    -webkit-box-shadow: 0 0 max(1.111vw, 16px) 0 rgba(0, 0, 0, 0.0509803922);
    box-shadow: 0 0 max(1.111vw, 16px) 0 rgba(0, 0, 0, 0.0509803922);
    border-radius: max(1.111vw, 16px);
}
@media (width <= 834px) {
    .calendar._dropdown .flatpickr-calendar {
        top: auto !important;
        width: 100%;
        height: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
    }
}
.calendar._dropdown .dayContainer {
    grid-template-rows: repeat(6, 1fr);
    row-gap: max(0.139vw, 2px);
}
.calendar._dropdown .flatpickr-months {
    margin-bottom: max(2.778vw, 20px);
}
.calendar__label {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: max(1.111vw, 16px);
    border-radius: max(0.833vw, 12px);
    background-color: rgba(230, 234, 242, 0.5019607843);
}
.calendar__input {
    width: 100%;
    background-color: transparent;
    color: #1e1e1e;
    font-size: max(0.972vw, 14px);
}
.calendar .flatpickr-calendar {
    left: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    max-height: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.calendar .flatpickr-calendar::before {
    display: none;
}
.calendar .flatpickr-calendar.arrowTop::after {
    display: none;
}
.calendar .flatpickr-monthDropdown-months,
.calendar .numInputWrapper {
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: center;
}
@media (width <= 834px) {
    .calendar .flatpickr-monthDropdown-months,
    .calendar .numInputWrapper {
        -ms-touch-action: auto;
        touch-action: auto;
        text-align: left;
        pointer-events: auto;
    }
    .calendar .flatpickr-monthDropdown-months:hover,
    .calendar .numInputWrapper:hover {
        background-color: transparent;
    }
}
@media (width <= 834px) {
    .calendar .numInputWrapper {
        display: none;
    }
}
.calendar .numInputWrapper span.arrowUp,
.calendar .numInputWrapper span.arrowDown {
    display: none;
}
@media (width <= 834px) {
    .calendar .flatpickr-monthDropdown-months {
        width: max(15.588vw, 100px);
        padding-inline: 5px !important;
        /* ORIG: height: max(2.878vw, 16px) !important; */
        height: max(2.878vw, 28px) !important;
        line-height: 1.2 !important;
    }
}
.calendar .flatpickr-current-month {
    position: static;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    /* ORIG: padding-block: max(0.833vw, 12px); */
    padding-block: max(1vw, 16px);
}
@media (width <= 834px) {
    .calendar .flatpickr-current-month {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        /* ORIG: padding-block: 0; */
        padding-block: max(0.5vw, 6px);
        position: relative;
        left: 0;
    }
    .calendar .flatpickr-current-month::after {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        content: "";
        background-image: url("../img/icons/chevron-down-blue.svg");
        background-position: 50% 50%;
        display: block;
        width: max(2.878vw, 16px);
        height: max(2.878vw, 16px);
        z-index: -1;
    }
}
.calendar .flatpickr-months {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: max(2.778vw, 40px);
}
@media (width <= 834px) {
    .calendar .flatpickr-months {
        margin-bottom: max(3.357vw, 20px);
    }
}
.calendar .flatpickr-months .flatpickr-month {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
}
@media (width <= 834px) {
    .calendar .flatpickr-months .flatpickr-month {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }
}
.calendar .flatpickr-months .flatpickr-month * {
    /* ORIG: height: auto;
    margin: 0;
    padding: 0;
    font-size: max(1.25vw, 18px);
    font-weight: 500; */
    height: auto;
    margin: 0;
    padding: 2px 0;
    font-size: max(1.25vw, 18px);
    font-weight: 500;
    line-height: 1.3;
}
@media (width <= 834px) {
    .calendar .flatpickr-months .flatpickr-month * {
        /*ORIG: font-size: max(2.398vw, 16px); */
        font-size: max(2.398vw, 16px);
        padding: 3px 0;
        line-height: 1.3;
    }
}
.calendar .flatpickr-months .flatpickr-prev-month,
.calendar .flatpickr-months .flatpickr-next-month {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: max(1.667vw, 24px);
    height: max(1.667vw, 24px);
    padding: 0;
    /* vol1 (+2255 - 2264) height: max(2.5vw, 36px);
    padding: max(0.417vw, 6px) 0;
    overflow: visible; */
}
@media (width <= 834px) {
    .calendar .flatpickr-months .flatpickr-prev-month,
    .calendar .flatpickr-months .flatpickr-next-month {
        display: none;
    }
}
.calendar .flatpickr-months .flatpickr-prev-month svg,
.calendar .flatpickr-months .flatpickr-next-month svg {
    width: 100%;
    height: 100%;
}
.calendar .flatpickr-months .flatpickr-prev-month svg path,
.calendar .flatpickr-months .flatpickr-next-month svg path {
    fill: #1e1e1e;
}
/* vol1: .calendar .flatpickr-months .flatpickr-prev-month span,
.calendar .flatpickr-months .flatpickr-next-month span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    line-height: 1.2;
    overflow: visible;
} */
.calendar .flatpickr-weekday {
    color: #1e1e1e;
    font-size: max(0.972vw, 14px);
    font-weight: 500;
    text-transform: uppercase;
}
.calendar .dayContainer {
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-template-rows: repeat(6, 1fr);
    grid-template-columns: repeat(7, 1fr);
    width: 100%;
    height: 100%;
    justify-items: center;
}
@media (width <= 834px) {
    .calendar .dayContainer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: max(1.918vw, 8px);
        min-width: calc(31 * max(11.271vw, 48px) + 20 * max(1.918vw, 8px) + 2 * max(4.796vw, 16px)) !important;
        max-width: none !important;
        padding-inline: max(4.796vw, 16px);
    }
}
.calendar .flatpickr-days {
    width: 100%;
    height: 100%;
}
@media (width <= 834px) {
    .calendar .flatpickr-days {
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .calendar .flatpickr-days::-webkit-scrollbar {
        display: none;
    }
}
.calendar .flatpickr-days:has(.endRange) .flatpickr-day.startRange::after {
    visibility: visible;
    opacity: 1;
}
.calendar .flatpickr-rContainer,
.calendar .flatpickr-days,
.calendar .dayContainer {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}
.calendar .flatpickr-rContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.calendar .flatpickr-innerContainer {
    height: 100%;
}
@media (width <= 834px) {
    .calendar .flatpickr-innerContainer {
        position: relative;
        left: calc(-1 * max(4.796vw, 16px));
        width: 100vw;
    }
}
.calendar .flatpickr-day {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: none;
    height: auto;
    max-height: none;
    color: #1e1e1e;
    font-size: max(0.972vw, 14px);
    -webkit-transition: all 250ms;
    transition: all 250ms;
    border: 0 solid transparent;
}
.calendar .flatpickr-day:hover {
    border: none;
    background-color: transparent;
}
@media (width <= 834px) {
    .calendar .flatpickr-day {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: max(11.271vw, 48px);
        background-color: #e6eaf2;
        aspect-ratio: 1/1.3;
    }
    .calendar .flatpickr-day:hover {
        background-color: #e6eaf2;
    }
}
.calendar .flatpickr-day.selected {
    border: max(0.069vw, 1px) solid #ff9b50;
    border-inline: none;
    border-radius: max(3.472vw, 50px);
    background-color: #ff9b50;
    color: #fff;
}
.calendar .flatpickr-day.selected::after {
    display: none;
}
.calendar .flatpickr-day.today:hover {
    color: #1e1e1e;
}
.calendar .flatpickr-day.inRange {
    border: max(0.069vw, 1px) solid #ff9b50;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #ffcda7;
    border-inline-color: transparent !important;
    color: #fff;
}
.calendar .flatpickr-day.inRange:hover {
    color: #fff;
}
.calendar .flatpickr-day.startRange, .calendar .flatpickr-day.endRange {
    border-color: #ff9b50;
    background-color: #ff9b50;
    color: #fff;
}
.calendar .flatpickr-day.startRange.today, .calendar .flatpickr-day.endRange.today {
    color: #fff;
}
.calendar .flatpickr-day.startRange:hover, .calendar .flatpickr-day.endRange:hover {
    border-color: #ff9b50;
    background-color: #ff9b50;
}
.calendar .flatpickr-day.startRange::before, .calendar .flatpickr-day.startRange::after, .calendar .flatpickr-day.endRange::before, .calendar .flatpickr-day.endRange::after {
    content: "";
    position: absolute;
    inset-block: 0;
    z-index: -1;
    display: block;
    width: 50%;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
@media (width <= 834px) {
    .calendar .flatpickr-day.startRange::before, .calendar .flatpickr-day.startRange::after, .calendar .flatpickr-day.endRange::before, .calendar .flatpickr-day.endRange::after {
        width: 100%;
    }
}
.calendar .flatpickr-day.startRange.selected::before, .calendar .flatpickr-day.startRange.selected::after, .calendar .flatpickr-day.endRange.selected::before, .calendar .flatpickr-day.endRange.selected::after {
    inset-block: calc(-1 * max(0.069vw, 1px));
}
.calendar .flatpickr-day.startRange.startRange.endRange::before, .calendar .flatpickr-day.startRange.startRange.endRange:after, .calendar .flatpickr-day.endRange.startRange.endRange::before, .calendar .flatpickr-day.endRange.startRange.endRange:after {
    display: none;
}
.calendar .flatpickr-day.startRange::after {
    right: calc(-1 * max(0.069vw, 1px));
    visibility: hidden;
    opacity: 0;
    border-inline: none;
    border-block: max(0.069vw, 1px) solid #ff9b50;
    background: #ffcda7;
}
.calendar .flatpickr-day.startRange.startRange {
    border-radius: max(3.472vw, 50px);
}
.calendar .flatpickr-day.endRange::before {
    left: calc(-1 * max(0.069vw, 1px));
    border-inline: none;
    border-block: max(0.069vw, 1px) solid #ff9b50;
    background: #ffcda7;
}
.calendar .flatpickr-day.endRange.endRange {
    border-radius: max(3.472vw, 50px);
}
.calendar .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.calendar .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
}
@media (width <= 834px) {
    .calendar .nextMonthDay,
    .calendar .prevMonthDay {
        display: none;
    }
}
@media (width <= 834px) {
    .calendar .flatpickr-weekdays {
        display: none;
    }
}

/*^ //^======================== BREADCRUMBS ========================^// ^*/
/*^ //^======================== BREADCRUMBS ========================^// ^*/
.breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: max(2.222vw, 20px);
}
@media (width <= 834px) {
    .breadcrumbs {
        margin-bottom: max(2.398vw, 16px);
    }
}
.breadcrumbs__link {
    font-size: max(1.389vw, 20px);
    color: rgba(30, 30, 30, 0.7019607843);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.breadcrumbs__link::after {
    content: "/";
    margin-inline: max(0.694vw, 10px);
}
@media (width <= 834px) {
    .breadcrumbs__link::after {
        margin-inline: max(1.199vw, 5px);
    }
}
@media (width <= 834px) {
    .breadcrumbs__link {
        font-size: max(2.398vw, 16px);
    }
}
.breadcrumbs__link._current {
    color: #1e1e1e;
    pointer-events: none;
}
.breadcrumbs__link._current::after {
    display: none;
}

/*$ //$======================== CARDS ========================$// $*/
/*$ //$======================== CARDS ========================$// $*/
/*$ //$------------ hero-card ------------$// $*/
.hero-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: max(13.889vw, 180px);
    min-height: max(11.806vw, 170px);
    padding-inline: max(0.694vw, 10px);
    padding-block: max(1.111vw, 16px);
    border: max(0.069vw, 1px) solid #e6eaf2;
    border-radius: max(1.111vw, 16px);
    background-color: rgba(230, 234, 242, 0.5019607843);
}
@media (width <= 834px) {
    .hero-card {
        gap: 10px;
        width: calc((100% - max(2.398vw, 8px) * 2) / 3);
        min-width: 0;
        height: 154px;
        min-height: 154px;
        padding: 10px;
        border-radius: 16px;
    }
}
@media (width <= 600px) {
    .hero-card {
        gap: 10px;
        width: 164px;
        min-width: 164px;
        height: 144px;
        min-height: 144px;
        padding: 12px 10px;
        border-radius: 10px;
    }
}
.hero-card__icon {
    margin-bottom: auto;
    width: max(1.667vw, 24px);
    height: max(1.667vw, 24px);
}
@media (width <= 834px) {
    .hero-card__icon {
        width: max(2.878vw, 20px);
        height: max(2.878vw, 20px);
    }
}
.hero-card__icon svg {
    width: 100%;
    height: 100%;
}
.hero-card__title {
    margin-bottom: max(0.694vw, 10px);
    font-size: max(1.111vw, 16px);
}
@media (width <= 834px) {
    .hero-card__title {
        margin-bottom: max(1.199vw, 8px);
        font-size: max(2.398vw, 14px);
    }
}
@media (width <= 600px) {
    .hero-card__title {
        line-height: 18px;
    }
}
.hero-card__text {
    font-size: max(0.972vw, 14px);
    text-wrap: balance;
}
@media (width <= 834px) {
    .hero-card__text {
        font-size: max(1.918vw, 12px);
    }
}
@media (width <= 600px) {
    .hero-card__text {
        line-height: 16px;
    }
}

/*$ //$------------ study-card ------------$// $*/
.study-card {
    display: inline-block;
    width: 100%;
    min-width: max(16.389vw, 236px);
    color: inherit;
}
.study-card * {
    color: inherit;
}
.study-card__wrapper {
    height: 100%;
    padding-inline: max(1.389vw, 20px);
    padding-block: max(1.111vw, 16px);
    position: relative;
    border: max(0.069vw, 1px) solid #e6eaf2;
    border-radius: max(0.833vw, 12px);
    -webkit-transition: border-color 250ms;
    transition: border-color 250ms;
}
@media (hover: hover) {
    .study-card__wrapper:has(._orange):hover {
        border-color: #ff9b50;
    }
    .study-card__wrapper:has(._blue):hover {
        border-color: #365399;
    }
}
@media (width <= 834px) {
    .study-card__wrapper {
        padding-block: max(2.158vw, 16px);
        padding-right: 0;
    }
}
@media (width <= 600px) {
    .study-card__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 45px;
        padding: 0;
        padding-left: 0;
        position: static;
        border: none;
    }
}
.study-card__date {
    display: inline-block;
    border-radius: max(6.944vw, 100px);
    font-size: max(0.833vw, 12px);
    color: rgba(30, 30, 30, 0.7019607843);
    padding-block: max(0.278vw, 4px);
    padding-inline: max(0.833vw, 12px);
    margin-bottom: max(0.694vw, 10px);
    background-color: #e6eaf2;
}
@media (max-width: 834px) {
    .study-card__date {
        display: none;
    }
}
.study-card__time-interval {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: max(0.833vw, 12px);
}
@media (width <= 834px) {
    .study-card__time-interval {
        margin-bottom: max(1.918vw, 12px);
    }
}
@media (width <= 600px) {
    .study-card__time-interval {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 12px;
        margin-bottom: 0;
    }
}
.study-card__icon {
    margin-right: max(0.417vw, 6px);
    width: max(1.389vw, 20px);
    height: max(1.389vw, 20px);
}
@media (width <= 600px) {
    .study-card__icon {
        display: none;
    }
}
.study-card__icon img {
    width: 100%;
    height: 100%;
}
.study-card__time-label {
    display: none;
    color: rgba(30, 30, 30, 0.5019607843);
    font-size: 10px;
    font-weight: 400;
}
@media (width <= 600px) {
    .study-card__time-label {
        display: block;
    }
}
.study-card__time-value {
    color: #365399;
    font-size: max(1.111vw, 16px);
    font-weight: 500;
}
@media (width <= 600px) {
    .study-card__time-value {
        font-weight: 400;
    }
}
.study-card__time-separator {
    width: max(0.486vw, 7px);
    height: max(0.139vw, 2px);
    margin-inline: max(0.347vw, 5px);
    background-color: #365399;
}
@media (width <= 600px) {
    .study-card__time-separator {
        display: none;
    }
}
@media (width <= 600px) {
    .study-card__inner {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding-block: 16px;
        padding-left: 20px;
        position: relative;
        border: 1px solid #e6eaf2;
        border-radius: 12px;
    }
}
.study-card__marker {
    display: none;
}
@media (width <= 834px) {
    .study-card__marker {
        display: block;
        width: 2px;
        position: absolute;
        left: -1px;
        top: max(1.918vw, 12px);
        bottom: calc(max(2.398vw, 16px) + 1.3 * max(1.918vw, 12px) + max(1.918vw, 12px));
        border-radius: 2px;
    }
}
.study-card__marker._orange {
    background-color: #ff9b50;
}
.study-card__marker._blue {
    background-color: #365399;
}
.study-card__title {
    height: max(2.917vw, 42px);
    margin-bottom: max(1.111vw, 16px);
    font-size: max(1.111vw, 16px);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (width <= 834px) {
    .study-card__title {
        margin-bottom: max(1.918vw, 12px);
        padding-right: 20px;
    }
}
.study-card__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: max(0.347vw, 5px);
    margin-bottom: max(0.417vw, 6px);
    font-size: max(0.972vw, 14px);
}
@media (width <= 834px) {
    .study-card__detail {
        gap: max(0.6vw, 4px);
        margin-bottom: 8px;
        padding-right: 20px;
        font-size: max(1.679vw, 12px);
    }
}
.study-card__detail:last-child {
    margin-bottom: 0;
}
@media (width <= 834px) {
    .study-card__detail:last-child {
        padding-right: 0;
    }
}
.study-card__detail._price {
    font-weight: 400;
}
@media (width <= 834px) {
    .study-card__detail._price {
        padding-top: max(1.918vw, 12px);
        border-top: 1px solid #e6eaf2;
        font-size: max(1.918vw, 12px);
    }
}
.study-card__detail-key {
    color: rgba(30, 30, 30, 0.5019607843);
}
.schedule-status_modal {
    grid-column: 1;
    min-width: 0;
    overflow-wrap: anywhere;
    gap: max(0.556vw, 8px);
    font-size: max(1.111vw, 16px);
}
.schedule-status_status {
    grid-row: 1;
}
.schedule-status_registration {
    grid-row: 2;
}
.schedule-status__item {
    display: flex;
    gap: max(0.347vw, 5px);
}
.schedule-status__item.schedule-status_modal {
    flex-direction: column;
    align-items: flex-start;
}
@media (width <= 834px) {
    .schedule-status_modal {
        font-size: max(1.918vw, 14px);
    }
}
.study-card__button {
    width: 100%;
    margin-top: max(1.667vw, 24px);
    font-size: max(1.25vw, 16px) !important;
}
@media (width <= 834px) {
    .study-card__button {
        display: none;
    }
}
.study-card._expanded .study-card__time-interval {
    margin-bottom: max(1.111vw, 16px);
}
@media (width <= 600px) {
    .study-card._expanded .study-card__time-interval {
        margin-bottom: 0;
    }
}
.study-card._expanded .study-card__time {
    font-size: max(1.389vw, 16px);
}
.study-card._expanded .study-card__title {
    height: auto;
    font-size: max(1.389vw, 16px);
    -webkit-line-clamp: unset;
}
.study-card._expanded .study-card__detail {
    margin-bottom: max(0.833vw, 8px);
    font-size: max(1.25vw, 14px);
}
@media (width <= 834px) {
    .study-card._expanded .study-card__detail {
        font-size: max(1.679vw, 12px);
    }
}
.study-card._empty .study-card__title {
    height: auto;
    font-size: max(1.389vw, 16px);
    text-align: center;
    -webkit-line-clamp: unset;
}
.timetable-empty-message {
    height: auto;
    margin-bottom: max(1.111vw, 16px);
    font-size: max(1.389vw, 16px);
    text-align: center;
    -webkit-line-clamp: unset;
}
.study-card._library .study-card__title {
    font-size: max(1.111vw, 16px);
}
@media (width <= 834px) {
    .study-card._library .study-card__title {
        font-size: max(2.398vw, 16px);
    }
}
.study-card._library .study-card__time {
    font-size: max(1.111vw, 16px);
}
@media (width <= 834px) {
    .study-card._library .study-card__time {
        font-size: max(2.158vw, 16px);
    }
}
.study-card._library .study-card__detail {
    font-size: max(1.111vw, 16px);
}
@media (width <= 834px) {
    .study-card._library .study-card__detail {
        font-size: max(1.918vw, 12px);
    }
}
.study-card._account {
    min-width: auto;
}
.study-card._account .study-card__wrapper {
    padding: max(0.694vw, 10px);
}
@media (max-width: 834px) {
    .study-card._account .study-card__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
@media (max-width: 600px) {
    .study-card._account .study-card__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.study-card._account .study-card__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: max(0.903vw, 13px);
    height: max(0.903vw, 13px);
}
.study-card._account .study-card__time-interval {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: max(0.486vw, 6px);
}
.study-card._account .study-card__time-interval * {
    font-size: max(0.833vw, 12px);
}
.study-card._account .study-card__title {
    display: block;
    height: auto;
    margin-bottom: max(0.694vw, 10px);
    font-size: max(0.833vw, 12px);
}
@media (max-width: 600px) {
    .study-card._account .study-card__title {
        font-size: 16px;
    }
}
.study-card._account .study-card__detail {
    margin-bottom: max(0.556vw, 8px);
    font-size: max(0.833vw, 12px);
}
@media (max-width: 834px) {
    .study-card._account .study-card__detail._price {
        border-top: none;
        padding-top: 0;
    }
}
@media (max-width: 600px) {
    .study-card._account .study-card__detail._price {
        border-top: 1px solid #e6eaf2;
        padding-top: 12px;
    }
}
.study-card._account .study-card__button {
    height: max(1.944vw, 28px);
    margin-top: max(0.694vw, 10px);
    border-radius: max(0.486vw, 7px);
    font-size: max(0.833vw, 12px) !important;
}
@media (max-width: 834px) {
    .study-card._account .study-card__button {
        display: block;
    }
}
@media (max-width: 600px) {
    .study-card._account .study-card__button {
        display: none;
    }
}
@media (max-width: 834px) {
    .study-card._account .study-card__marker {
        display: none;
    }
}
@media (max-width: 600px) {
    .study-card._account .study-card__marker {
        display: block;
    }
}
.study-card._account._empty {
    min-width: auto;
    font-size: max(0.833vw, 12px);
}

/*$ //$------------ about-card ------------$// $*/
.about-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 416px;
    max-width: 100%;
    height: 331px;
    min-width: 0;
    padding: 30px;
    border-radius: 16px;
    background-color: rgba(230, 234, 242, 0.5019607843);
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
@media (width <= 834px) {
    .about-card {
        width: 100%;
        height: auto;
        padding: 24px 20px 16px;
        border-radius: 16px;
    }
}
.about-card__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-bottom: clamp(24px, 2.083vw, 30px);
}
.about-card__number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #fff;
    font-size: 16px;
    line-height: 20px;
    width: clamp(48px, 5.556vw, 80px);
    height: clamp(48px, 5.556vw, 80px);
    border-radius: 50%;
}
.about-card__image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 161px;
    height: 161px;
    overflow: hidden;
    border-radius: 16px;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
@media (width <= 834px) {
    .about-card__image {
        width: 120px;
        height: 84px;
        border-radius: 10px;
    }
}
.about-card__image img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.about-card:nth-child(3) .about-card__image img {
    -o-object-position: 75% center;
    object-position: 75% center;
}
.about-card__title {
    margin-bottom: clamp(8px, 0.833vw, 12px);
    font-size: clamp(16px, 1.667vw, 24px);
    line-height: clamp(20px, 1.944vw, 28px);
}
@media (width <= 834px) {
    .about-card__title {
        margin-bottom: 8px;
        font-size: 16px;
        line-height: 20px;
    }
}
.about-card__text {
    color: rgba(30, 30, 30, 0.8);
    font-size: clamp(14px, 1.111vw, 16px);
    line-height: 20px;
}
@media (width <= 834px) {
    .about-card__text {
        font-size: 14px;
        line-height: 18px;
    }
}
@media (width <= 600px) {
    .about-card {
        padding: 16px;
        border-radius: 12px;
    }
    .about-card__top {
        height: 100px;
        margin-bottom: 24px;
    }
    .about-card__number {
        width: 60px;
        height: 60px;
    }
    .about-card__image {
        width: 144px;
        height: 100px;
        border-radius: 10px;
    }
    .about-card__title {
        margin-bottom: 8px;
        font-size: 20px;
        line-height: 24px;
    }
    .about-card__text {
        font-size: 16px;
        line-height: 20px;
    }
}

/*$ //$------------ trainers-card ------------$// $*/
.trainers-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.trainers-card__photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: max(13.889vw, 114px);
    aspect-ratio: 1;
    margin-bottom: max(1.667vw, 14px);
    overflow: hidden;
    border: max(0.278vw, 3px) solid #ff9b50;
    border-radius: 50%;
}
@media (width <= 834px) {
    .trainers-card__photo {
        width: max(13.669vw, 108px);
        margin-bottom: max(1.679vw, 12px);
        border-width: max(0.36vw, 2px);
    }
}
.trainers-card__photo img {
    width: 95%;
    height: 95%;
    border-radius: 50%;
}
.trainers-card__name {
    margin-bottom: max(0.556vw, 8px);
    font-size: max(1.389vw, 20px);
}
@media (width <= 834px) {
    .trainers-card__name {
        margin-bottom: max(1.679vw, 4px);
        font-size: max(2.398vw, 16px);
    }
}
.trainers-card__desc {
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(0.972vw, 14px);
}

/*$ //$------------ possibility-card ------------$// $*/
.possibility-card {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: max(13.889vw, 114px);
    height: max(24.514vw, 280px);
    position: relative;
    overflow: hidden;
    border-radius: max(0.833vw, 12px);
    color: #fff;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
@media (width <= 600px) {
    .possibility-card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: max(55vw, 226px);
        height: 330px;
    }
}
.possibility-card._active {
    width: max(28.889vw, 242px);
}
@media (width <= 600px) {
    .possibility-card._active {
        width: max(55vw, 226px);
    }
}
.possibility-card._active .possibility-card__inner {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 250ms 100ms;
    transition: all 250ms 100ms;
    width: 100%;
}
.possibility-card._active .possibility-card__title {
    /*font-size: c;*/
}
@media (width <= 834px) {
    .possibility-card._active .possibility-card__title {
        font-size: max(2.398vw, 16px);
    }
}
.possibility-card__bg {
    position: absolute;
    inset: 0;
}
.possibility-card__bg img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.possibility-card__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: max(1.389vw, 10px);
    position: absolute;
    bottom: 0;
    z-index: 1;
    -webkit-transform: translateY(calc(100% - 2 * max(1.389vw, 10px) - max(0.556vw, 8px)));
    -ms-transform: translateY(calc(100% - 2 * max(1.389vw, 10px) - max(0.556vw, 8px)));
    transform: translateY(calc(100% - 2 * max(1.389vw, 10px) - max(0.556vw, 8px)));
    -webkit-transition: all 250ms;
    transition: all 250ms;
    -o-border-image: fill 0 linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.6) 60%);
    border-image: fill 0 -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0.6)));
    border-image: fill 0 linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.6) 60%);
}
@media (max-width: 980px) {
    .possibility-card__inner {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
}
@media (width <= 600px) {
    .possibility-card__inner {
        padding: 16px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.possibility-card__title {
    margin-bottom: max(0.556vw, 8px);
    font-size: max(1.25vw, 14px);
}
@media (width <= 834px) {
    .possibility-card__title {
        margin-bottom: max(0.959vw, 4px);
    }
}
.possibility-card__text {
    width: 100%;
    margin-bottom: max(1.389vw, 20px);
    font-size: max(0.972vw, 14px);
}
@media (width <= 834px) {
    .possibility-card__text {
        margin-bottom: max(2.398vw, 14px);
        font-size: max(1.918vw, 12px);
    }
}

/*$ //$------------ news-card ------------$// $*/
.news-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
    color: inherit;
}
.news-card__image-box {
    width: 100%;
    aspect-ratio: 1.54;
    margin-bottom: max(1.389vw, 16px);
    position: relative;
    overflow: hidden;
    border-radius: max(0.833vw, 12px);
}
@media (width <= 834px) {
    .news-card__image-box {
        border-radius: max(1.439vw, 8px);
    }
}
@media (width <= 600px) {
    .news-card__image-box {
        aspect-ratio: 2.05;
    }
}
.news-card__badge {
    left: max(0.694vw, 6px);
    top: max(0.694vw, 6px);
}
.news-card__image {
    width: 100%;
    height: 100%;
}
.news-card__image img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
}
.news-card__date {
    margin-bottom: max(0.833vw, 8px);
    font-size: max(0.903vw, 13px);
}
@media (width <= 834px) {
    .news-card__date {
        font-size: max(1.679vw, 13px);
    }
}
@media (width <= 600px) {
    .news-card__date {
        margin-bottom: 12px;
    }
}
.news-card__title {
    margin-bottom: max(0.833vw, 8px);
    font-size: max(1.389vw, 20px);
}
@media (width <= 600px) {
    .news-card__title {
        margin-bottom: 12px;
    }
}
.news-card__text {
    margin-top: auto;
    font-size: max(0.972vw, 14px);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (width <= 834px) {
    .news-card__text {
        font-size: max(1.918vw, 12px);
    }
}
.news-card__link {
    display: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: max(1.111vw, 16px);
}
@media (width <= 834px) {
    .news-card__link {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-top: 20px;
    }
}
@media (width <= 600px) {
    .news-card__link .button__text {
        display: block !important;
    }
}

/*$ //$------------ book-card ------------$// $*/
.book-card {
    display: block;
    color: inherit;
}
.book-card__image {
    margin-bottom: max(1.389vw, 16px);
    padding-inline: max(4.167vw, 45px);
    padding-block: max(4.167vw, 36px);
    position: relative;
    border-radius: max(0.833vw, 10px);
    background-color: rgba(230, 234, 242, 0.5019607843);
}
@media (width <= 834px) {
    .book-card__image {
        padding-inline: max(5.396vw, 26px);
        padding-block: max(4.317vw, 30px);
    }
}
@media (width <= 600px) {
    .book-card__image {
        border-radius: 12px;
    }
}
.book-card__image img {
    width: 100%;
}
.book-card__badge {
    position: absolute;
    left: max(0.694vw, 10px);
    top: max(0.694vw, 10px);
}
.book-card__title {
    font-size: max(1.389vw, 20px);
}
@media (width <= 834px) {
    .book-card__title {
        font-size: max(2.398vw, 16px);
    }
}
/*$ //$------------ review-card ------------$// $*/
.review-card {
    background-color: rgba(230, 234, 242, 0.5019607843);
    /*# //#------------ compressed ------------#// #*/
    /*# //#------------ expanded ------------#// #*/
}
.review-card._compressed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: max(25.417vw, 366px);
    padding: max(1.389vw, 20px);
    border-radius: max(0.833vw, 12px);
}
@media (width <= 834px) {
    .review-card._compressed {
        height: max(44.844vw, 322px);
        border-radius: 16px;
    }
}
.review-card._compressed .review-card__author {
    row-gap: max(0.278vw, 4px);
}
@media (width <= 834px) {
    .review-card._compressed .review-card__author {
        row-gap: max(0.959vw, 4px);
    }
}
.review-card._compressed .review-card__author-name {
    font-size: max(1.25vw, 18px);
}
@media (width <= 834px) {
    .review-card._compressed .review-card__author-name {
        font-size: 20px;
    }
}
.review-card._compressed .review-card__author-about {
    font-size: max(0.972vw, 14px);
}
@media (width <= 834px) {
    .review-card._compressed .review-card__author-about {
        font-size: max(1.918vw, 14px);
    }
}
.review-card._compressed .review-card__text {
    font-size: max(1.111vw, 16px);
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (width <= 834px) {
    .review-card._compressed .review-card__text {
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}
.review-card._compressed .review-card__city {
    font-size: max(1.111vw, 16px);
}
@media (width <= 834px) {
    .review-card._compressed .review-card__city {
        font-size: max(1.918vw, 14px);
    }
}
.review-card._expanded {
    padding: max(2.778vw, 24px);
    border-radius: max(1.667vw, 16px);
}
@media (width <= 834px) {
    .review-card._expanded {
        padding: 2.878vw;
    }
}
@media (width <= 600px) {
    .review-card._expanded {
        padding: 1.667vw;
        background-color: transparent;
    }
}
.review-card._expanded .review-card__author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: max(2.222vw, 20px);
}
.review-card._expanded .review-card__author-name {
    font-size: max(1.667vw, 20px);
}
.review-card._expanded .review-card__author-about {
    font-size: max(1.25vw, 16px);
}
.review-card._expanded .review-card__body {
    margin-bottom: max(2.222vw, 20px);
}
.review-card._expanded .review-card__text {
    font-size: max(1.25vw, 16px);
}
.review-card._expanded .review-card__city {
    font-size: max(1.25vw, 16px);
}
.review-card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.833vw, 12px);
}
.review-card__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    width: max(4.167vw, 48px);
    height: max(4.167vw, 48px);
    border-radius: 50%;
}
.review-card__avatar img {
    width: 100%;
    height: 100%;
}
.review-card__author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.review-card__author-name {
    font-weight: 400;
}
.review-card__author-about {
    color: rgba(30, 30, 30, 0.7019607843);
}
.review-card__city {
    margin-bottom: max(0.833vw, 10px);
    color: rgba(30, 30, 30, 0.7019607843);
}
@media (width <= 834px) {
    .review-card__city {
        margin-bottom: max(0.694vw, 8px);
    }
}
.review-card__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.review-card__link .button__text {
    display: block !important;
}
.review-card__link .button__icon {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

/*$ //$------------ contact-card ------------$// $*/
.contact-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.contact-card__title {
    margin-bottom: max(1.667vw, 20px);
    font-size: max(1.667vw, 24px);
}
@media (width <= 834px) {
    .contact-card__title {
        font-size: max(2.878vw, 20px);
    }
}
.contact-card__subtitle {
    margin-bottom: max(0.833vw, 12px);
    font-size: max(1.111vw, 16px);
}
.contact-card__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(0.556vw, 8px);
}
.contact-card__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(2.639vw, 38px);
    font-size: max(1.111vw, 16px);
}
.contact-card__item-key {
    color: rgba(30, 30, 30, 0.5019607843);
}
.contact-card__item-link {
    font-weight: 300;
    color: #365399;
}
/*$ //$------------ seminar-card ------------$// $*/
.seminar-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    border-radius: max(1.667vw, 20px);
    background-color: rgba(230, 234, 242, 0.5019607843);
    color: inherit;
}
@media (width <= 834px) {
    .seminar-card {
        border-radius: max(2.398vw, 16px);
    }
}
.seminar-card:hover .seminar-card__button {
    rotate: 45deg;
}

.seminar-card:hover .seminar-card__image img {
    scale: 1.1;
}
.seminar-card._main {
    padding: max(1.389vw, 16px);
}
@media (width <= 834px) {
    .seminar-card._main {
        padding: max(1.918vw, 12px);
    }
}
.seminar-card._main .seminar-card__image {
    margin-bottom: max(1.111vw, 12px);
}
.seminar-card._main .seminar-card__title {
    margin-bottom: max(0.556vw, 8px);
    font-size: max(1.944vw, 24px);
}
@media (width <= 834px) {
    .seminar-card._main .seminar-card__title {
        font-size: max(2.878vw, 20px);
    }
}
.seminar-card._main .seminar-card__text {
    font-size: max(1.042vw, 15px);
}
@media (width <= 834px) {
    .seminar-card._main .seminar-card__text {
        font-size: 16px;
    }
}
.seminar-card._main .seminar-card__button {
    display: none;
}
.seminar-card._extra {
    padding: max(1.667vw, 16px);
}
@media (width <= 834px) {
    .seminar-card._extra {
        padding: max(1.918vw, 12px);
    }
}
.seminar-card._extra .seminar-card__image {
    margin-bottom: max(1.667vw, 12px);
}
.seminar-card._extra .seminar-card__title {
    margin-bottom: max(1.111vw, 8px);
    font-size: max(2.5vw, 24px);
}
@media (width <= 834px) {
    .seminar-card._extra .seminar-card__title {
        font-size: max(2.878vw, 20px);
    }
}
.seminar-card._extra .seminar-card__text {
    font-size: max(1.111vw, 16px);
}
@media (width <= 834px) {
    .seminar-card._extra .seminar-card__button {
        display: none;
    }
}
.seminar-card__image {
    width: 100%;
    aspect-ratio: 1.88;
    overflow: hidden;
    clip-path: url(#seminar-mask);
}
.seminar-card__image img {
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 250ms;
    transition: all 250ms;
    width: 100%;
    height: 100%;
}
.seminar-card__body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "title button" "text button";
    -webkit-column-gap: max(0.694vw, 10px);
    -moz-column-gap: max(0.694vw, 10px);
    column-gap: max(0.694vw, 10px);
}
.seminar-card__title {
    grid-area: title;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.seminar-card__text {
    grid-area: text;
    margin-top: auto;
}
.seminar-card__button {
    align-self: center;
    grid-area: button;
}
.seminar-card__button .button__icon:hover {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

/*$ //$------------ publication-card ------------$// $*/
.publication-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.publication-card__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 2;
    margin-bottom: max(0.833vw, 12px);
    overflow: hidden;
    border-radius: max(1.111vw, 12px);
}
@media (width <= 834px) {
    .publication-card__image {
        aspect-ratio: 1.5;
        margin-bottom: max(1.918vw, 12px);
        background: max(1.439vw, 8px);
    }
}
@media (width <= 4MOBILE) {
    .publication-card__image {
        aspect-ratio: 2;
    }
}
.publication-card__image img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
}
.publication-card__title {
    margin-bottom: max(0.556vw, 8px);
    font-size: max(1.389vw, 20px);
}
@media (width <= 600px) {
    .publication-card__title {
        margin-bottom: 12px;
    }
}
.publication-card__link {
    margin-top: auto;
}
@media (width <= 834px) {
    .publication-card__link .button__text {
        display: block !important;
    }
    .publication-card__link .button__icon {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }
}

/*$ //$------------ video-card ------------$// $*/
.video-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(1.111vw, 16px);
}
@media (width <= 834px) {
    .video-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.video-card__image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-radius: max(0.833vw, 12px);
}
@media (width <= 834px) {
    .video-card__image {
        width: 100%;
        height: auto;
        aspect-ratio: 1.5;
        border-radius: max(1.439vw, 8px);
    }
}
@media (width <= 600px) {
    .video-card__image {
        aspect-ratio: 2;
    }
}
.video-card__image img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.video-card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.video-card__title {
    margin-bottom: max(0.694vw, 8px);
    font-size: max(1.111vw, 16px);
}
@media (width <= 834px) {
    .video-card__title {
        font-size: 20px;
    }
}
@media (width <= 600px) {
    .video-card__title {
        margin-bottom: 12px;
    }
}
.video-card__date {
    margin-bottom: max(0.694vw, 8px);
    font-size: max(0.972vw, 14px);
}
@media (width <= 834px) {
    .video-card__date {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}
@media (width <= 600px) {
    .video-card__date {
        margin-bottom: 12px;
    }
}
.video-card__text {
    display: -webkit-box;
    margin-bottom: max(1.25vw, 16px);
    overflow: hidden;
    font-size: max(0.972vw, 14px);
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
@media (width <= 834px) {
    .video-card__text {
        margin-bottom: max(1.918vw, 12px);
        font-size: max(1.918vw, 14px);
    }
}

/*$ //$------------ album-card ------------$// $*/
.album-card,
.photo-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    aspect-ratio: 1.5;
    position: relative;
    overflow: hidden;
    border-radius: max(0.833vw, 10px);
    cursor: pointer;
}
@media (width <= 834px) {
    .album-card,
    .photo-card {
        border-radius: max(1.199vw, 6px);
    }
}
.album-card:hover .album-card__image,
.photo-card:hover .album-card__image {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.album-card__image,
.photo-card__image {
    position: relative;
    -webkit-transition: all 250ms;
    transition: all 250ms;
    width: 100%;
    height: 100%;
}
.album-card__image::before,
.photo-card__image::before {
    content: "";
    display: block;
    position: absolute;
    opacity: 0.6;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(37%, rgba(0, 0, 0, 0)), to(#000000));
    background: linear-gradient(rgba(0, 0, 0, 0) 37%, #000000);
    width: 100%;
    height: 100%;
}
.album-card img,
.photo-card img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.album-card__info,
.photo-card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: max(1.389vw, 12px);
    position: absolute;
    bottom: 0;
    color: #fff;
}
@media (width <= 834px) {
    .album-card__info,
    .photo-card__info {
        padding: max(1.439vw, 4px);
    }
}
.album-card__title,
.photo-card__title {
    margin-bottom: max(0.278vw, 4px);
    font-size: max(1.389vw, 16px);
}
@media (width <= 834px) {
    .album-card__title,
    .photo-card__title {
        margin-bottom: max(0.48vw, 2px);
        font-size: max(1.918vw, 14px);
    }
}
.album-card__amount,
.photo-card__amount {
    font-size: max(1.111vw, 14px);
}
@media (width <= 834px) {
    .album-card__amount,
    .photo-card__amount {
        font-size: max(1.679vw, 10px);
    }
}
.album-card__text,
.photo-card__text {
    font-weight: 300;
}

/*$ //$------------ project-card ------------$// $*/
.project-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (width <= 600px) {
    .project-card {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.project-card__info {
    width: max(43.75vw, 430px);
    margin-bottom: max(3.056vw, 32px);
}
@media (width <= 834px) {
    .project-card__info {
        margin-bottom: max(2.222vw, 20px);
    }
}
@media (width <= 600px) {
    .project-card__info {
        width: 100%;
    }
}
.project-card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: max(1.389vw, 20px);
}
@media (width <= 834px) {
    .project-card__header {
        margin-bottom: max(2.398vw, 16px);
    }
}
.project-card__title {
    font-size: max(3.333vw, 28px);
}
@media (width <= 834px) {
    .project-card__title {
        font-size: max(3.357vw, 20px);
    }
}
.project-card__text {
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(1.111vw, 16px);
}
.project-card__banner {
    width: 100%;
}

/*$ //$------------ location-card ------------$// $*/
.location-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    color: inherit;
}
@media (width <= 600px) {
    .location-card {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.location-card:hover .location-card__image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.location-card._big {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (width <= 834px) {
    .location-card._big {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.location-card._big .location-card__title {
    margin-bottom: max(0.833vw, 12px);
    font-size: max(1.944vw, 24px);
}
@media (width <= 834px) {
    .location-card._big .location-card__title {
        margin-bottom: max(1.439vw, 10px);
        font-size: max(2.878vw, 20px);
    }
}
@media (width <= 600px) {
    .location-card._big .location-card__title {
        -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
        order: -2;
    }
}
.location-card._big .location-card__text {
    font-size: max(1.111vw, 16px);
    text-align: center;
}
@media (width <= 834px) {
    .location-card._big .location-card__text {
        text-align: left;
    }
}
@media (width <= 600px) {
    .location-card._big .location-card__text {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-bottom: 20px;
    }
}
@media (width <= 600px) {
    .location-card._big .location-card__image-caption {
        -ms-flex-item-align: center;
        align-self: center;
    }
}
.location-card__image {
    width: 100%;
    aspect-ratio: 1.6;
    margin-bottom: max(0.556vw, 8px);
    overflow: hidden;
    border-radius: max(0.833vw, 8px);
}
@media (width <= 834px) {
    .location-card__image {
        margin-bottom: 10px;
    }
}
.location-card__image img {
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 250ms;
    transition: all 250ms;
    width: 100%;
    height: 100%;
}
.location-card__image-caption {
    margin-bottom: max(0.833vw, 10px);
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(1.111vw, 14px);
}
@media (width <= 834px) {
    .location-card__image-caption {
        margin-bottom: max(1.199vw, 6px);
    }
}
.location-card__title {
    font-size: max(1.389vw, 16px);
}
.location-card__text {
    margin-top: auto;
}

/*$ //$------------ actual-seminar ------------$// $*/
.actual-seminar {
    margin-bottom: max(1.389vw, 16px);
    padding-inline: max(1.806vw, 16px);
    padding-block: max(1.389vw, 20px);
    border-radius: max(1.111vw, 10px);
    background-color: #fff;
}
@media (max-width: 834px) {
    .actual-seminar {
        padding-block: max(2.398vw, 16px);
    }
}
@media (max-width: 600px) {
    .actual-seminar {
        margin-bottom: 20px;
    }
}
.actual-seminar__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: max(1.528vw, 16px);
}
@media (max-width: 834px) {
    .actual-seminar__header {
        margin-bottom: max(1.918vw, 1px);
    }
}
@media (max-width: 600px) {
    .actual-seminar__header {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.actual-seminar__heading {
    font-size: max(1.111vw, 12px);
}
@media (max-width: 600px) {
    .actual-seminar__heading {
        font-size: 14px;
    }
}
.actual-seminar__register-button {
    gap: max(0.833vw, 8px);
}
.actual-seminar__register-button .button__text {
    font-size: max(0.972vw, 12px);
    font-weight: 300;
}
@media (max-width: 600px) {
    .actual-seminar__register-button .button__text {
        display: none;
    }
}
.actual-seminar__register-button .button__icon {
    width: max(2.222vw, 24px);
    aspect-ratio: 1;
}
@media (max-width: 600px) {
    .actual-seminar__register-button .button__icon {
        width: 32px;
    }
}
.actual-seminar__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: max(1.389vw, 20px);
}
@media (max-width: 600px) {
    .actual-seminar__details {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.actual-seminar__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: max(1.111vw, 4px);
    font-size: max(0.972vw, 12px);
}
@media (max-width: 834px) {
    .actual-seminar__detail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (max-width: 600px) {
    .actual-seminar__detail {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        font-size: 14px;
    }
}
.actual-seminar__detail-key {
    color: rgba(30, 30, 30, 0.5019607843);
    font-size: max(0.972vw, 10px);
}
@media (max-width: 600px) {
    .actual-seminar__detail-key {
        font-size: 14px;
    }
}
/*$ //$------------ last-activity-card ------------$// $*/
.last-activity-card {
    display: inline-grid;
    grid-template-columns: auto 1fr;
    grid-template-areas: "photo header" "photo body";
    gap: max(0.833vw, 8px);
    width: 100%;
    padding: max(1.389vw, 12px);
    border-radius: max(1.111vw, 10px);
    background-color: #fff;
    color: inherit;
}
@media (max-width: 834px) {
    .last-activity-card {
        grid-template-areas: "photo header" "body body";
    }
}
@media (max-width: 600px) {
    .last-activity-card {
        padding: 16px;
    }
}
.last-activity-card__photo {
    grid-area: photo;
    width: max(3.333vw, 32px);
    aspect-ratio: 1;
    border-radius: 50%;
}
@media (max-width: 600px) {
    .last-activity-card__photo {
        width: 38px;
    }
}
.last-activity-card__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.last-activity-card__header {
    grid-area: header;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: max(1.389vw, 10px);
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(0.833vw, 10px);
}
@media (max-width: 834px) {
    .last-activity-card__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 12px;
    }
}
.last-activity-card__body {
    grid-area: body;
    font-size: max(0.972vw, 12px);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 834px) {
    .last-activity-card__body {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}
@media (max-width: 600px) {
    .last-activity-card__body {
        font-size: 16px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

/*$ //$------------ account-seminar-card ------------$// $*/
.account-seminar-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding-inline: max(1.389vw, 12px);
    padding-block: max(1.111vw, 12px);
    border-radius: max(0.833vw, 10px);
    background-color: #fff;
    color: inherit;
}
@media (max-width: 600px) {
    .account-seminar-card {
        padding-inline: 16px;
        padding-block: 16px;
    }
}
.account-seminar-card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: max(0.278vw, 4px);
    margin-bottom: max(0.556vw, 8px);
    font-size: max(0.972vw, 12px);
}
@media (max-width: 834px) {
    .account-seminar-card__header {
        margin-bottom: 10px;
    }
}
@media (max-width: 600px) {
    .account-seminar-card__header {
        font-size: 14px;
    }
}
.account-seminar-card__date {
    color: rgba(30, 30, 30, 0.5019607843);
}
.account-seminar-card__time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.417vw, 4px);
    color: #365399;
}
.account-seminar-card__time-value {
    text-wrap: nowrap;
}
.account-seminar-card__title {
    min-height: max(2.5vw, 36px);
    margin-bottom: max(1.111vw, 12px);
    font-size: max(0.972vw, 14px);
}
.account-seminar-card__statuses {
    display: grid;
    gap: max(0.417vw, 6px);
    margin-bottom: max(0.833vw, 10px);
    font-size: max(0.972vw, 12px);
}
.account-seminar-card__status {
    display: flex;
    gap: max(0.417vw, 6px);
}
.account-seminar-card__status-key {
    color: rgba(30, 30, 30, 0.5019607843);
}
@media (max-width: 600px) {
    .account-seminar-card__title {
        font-size: 16px;
    }
    .account-seminar-card__statuses {
        font-size: 14px;
    }
}
.account-seminar-card__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(0.833vw, 10px);
    margin-top: auto;
    font-size: max(0.972vw, 12px);
}
@media (max-width: 600px) {
    .account-seminar-card__details {
        gap: 12px;
        font-size: 14px;
    }
}
.account-seminar-card__city, .account-seminar-card__price-key {
    color: rgba(30, 30, 30, 0.5019607843);
}
.account-seminar-card__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.556vw, 4px);
}
/*$ //$------------ account-progress-card ------------$// $*/
@media (hover: hover) {
    .account-progress-card:hover:has(._back) .account-progress-card__face._back {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    .account-progress-card:hover:has(._back) .account-progress-card__face._front {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
}
.account-progress-card._passed .account-progress-card__face {
    border-color: #ff9b50;
}
.account-progress-card._passed .account-progress-card__status {
    color: #ff9b50;
}
.account-progress-card._blocked .account-progress-card__block {
    display: block;
}
.account-progress-card__inner {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
.account-progress-card__face {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    min-height: 100%;
    padding-inline: max(1.389vw, 12px);
    padding-block: max(1.111vw, 12px);
    position: absolute;
    overflow: clip;
    border: max(0.069vw, 1px) solid transparent;
    border-radius: max(0.833vw, 10px);
    -webkit-transition: all 500ms;
    transition: all 500ms;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.account-progress-card__face._front {
    background-color: #e6eaf2;
}
.account-progress-card__face._back {
    background-color: #365399;
    color: #fff;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.account-progress-card__face._back .account-progress-card__header {
    padding: 0;
    border: none;
}
.account-progress-card__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.3490196078);
}
.account-progress-card__block img {
    width: max(3.194vw, 46px);
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
}
.account-progress-card__header {
    margin-bottom: max(0.833vw, 12px);
    padding-bottom: max(0.833vw, 12px);
    border-bottom: max(0.069vw, 1px) solid #d7dce4;
}
.account-progress-card__title {
    font-size: max(0.972vw, 12px);
}
.account-progress-card__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: auto;
}
.account-progress-card__achievement {
    width: max(1.667vw, 24px);
}
.account-progress-card__status {
    color: rgba(30, 30, 30, 0.5019607843);
    font-size: max(0.833vw, 12px);
}
.account-progress-card__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(0.833vw, 10px);
}
@media (max-width: 834px) {
    .account-progress-card__list {
        gap: max(1.199vw, 4px);
    }
}
.account-progress-card__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: max(0.833vw, 10px);
}
.account-progress-card__list-item::before {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-item-align: start;
    align-self: flex-start;
    content: "";
    display: block;
    width: max(0.278vw, 4px);
    aspect-ratio: 1;
    margin-right: max(0.556vw, 8px);
    border-radius: 50%;
    background-color: #fff;
    translate: 0 max(0.4vw, 4px);
}

/*$ //$------------ account-other-seminar-card ------------$// $*/
.account-other-seminar-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: max(1.389vw, 8px);
    width: 100%;
    height: 100%;
    padding-inline: max(1.389vw, 12px);
    padding-block: max(1.111vw, 12px);
    border-radius: max(0.833vw, 12px);
    background-color: #fff;
    color: inherit;
}
@media (max-width: 834px) {
    .account-other-seminar-card {
        border-radius: max(1.439vw, 10px);
    }
}
.account-other-seminar-card__title {
    font-size: max(0.972vw, 12px);
}
.account-other-seminar-card__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: max(1.389vw, 12px);
}
@media (max-width: 834px) {
    .account-other-seminar-card__body {
        gap: max(1.439vw, 8px);
    }
}
.account-other-seminar-card__text {
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(0.833vw, 12px);
}
.account-other-seminar-card__achievement {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: max(2.431vw, 35px);
    aspect-ratio: 1;
}
@media (max-width: 834px) {
    .account-other-seminar-card__achievement {
        width: max(4.197vw, 20px);
    }
}

/*$ //$------------ certificate-card ------------$// $*/
.certificate-card {
    padding: max(1.389vw, 12px);
    border-radius: max(0.833vw, 12px);
    background-color: #fff;
}
@media (max-width: 834px) {
    .certificate-card {
        border-radius: max(1.439vw, 10px);
    }
}
@media (max-width: 600px) {
    .certificate-card {
        padding: 16px;
    }
}
.certificate-card__id {
    margin-bottom: max(0.556vw, 4px);
    color: rgba(30, 30, 30, 0.5019607843);
    font-size: max(0.833vw, 12px);
    font-weight: 300;
}
@media (max-width: 600px) {
    .certificate-card__id {
        margin-bottom: 8px;
    }
}
.certificate-card__title {
    margin-bottom: max(1.111vw, 12px);
    font-size: max(1.25vw, 14px);
    font-weight: 300;
}
@media (max-width: 600px) {
    .certificate-card__title {
        margin-bottom: 16px;
        font-size: 16px;
    }
}
.certificate-card__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(0.417vw, 4px);
    margin-bottom: max(1.389vw, 16px);
}
@media (max-width: 600px) {
    .certificate-card__details {
        gap: 6px;
        margin-bottom: 20px;
    }
}
.certificate-card__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.556vw, 8px);
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(0.972vw, 12px);
}
@media (max-width: 600px) {
    .certificate-card__detail {
        font-size: 14px;
    }
}
.certificate-card__detail::before {
    content: "";
    display: block;
    width: max(0.347vw, 5px);
    height: max(0.347vw, 5px);
    border-radius: 50%;
    background-color: rgba(30, 30, 30, 0.7019607843);
}
/*$ //$------------ achievement-card ------------$// $*/
.achievement-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(1.111vw, 16px);
    padding-inline: max(1.389vw, 12px);
    padding-block: max(0.833vw, 12px);
    overflow: clip;
    border-radius: max(0.833vw, 12px);
    background-color: #fff;
}
@media (max-width: 834px) {
    .achievement-card {
        border-radius: max(1.439vw, 10px);
    }
}
.achievement-card__image {
    width: max(3.75vw, 50px);
    aspect-ratio: 1;
}
.achievement-card__image img {
    width: 100%;
}
.achievement-card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.achievement-card__title {
    font-size: max(0.972vw, 14px);
}
.achievement-card__description {
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(0.833vw, 10px);
}
.achievement-card__share-button {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-left: auto;
    width: max(1.389vw, 20px);
    height: max(1.389vw, 20px);
}
.achievement-card__share-button img {
    width: 100%;
}
.achievement-card._unavailable {
    position: relative;
}
.achievement-card._unavailable .achievement-card__locker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    inset: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3019607843);
}
.achievement-card._unavailable .achievement-card__locker-icon {
    width: max(3.194vw, 46px);
    height: max(3.194vw, 46px);
}

/*$ //$------------ payment-card ------------$// $*/
.payment-card__details {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: minmax(22%, 30%) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(120px, 1fr) max(10.417vw, 170px);
    grid-template-areas: "name date type price status button";
    -webkit-column-gap: max(0.556vw, 8px);
    -moz-column-gap: max(0.556vw, 8px);
    column-gap: max(0.556vw, 8px);
    padding-inline: max(1.111vw, 12px);
    padding-block: max(0.556vw, 6px);
    border-radius: max(0.556vw, 8px);
    background-color: #fff;
    justify-items: center;
}
@media (max-width: 600px) {
    .payment-card__details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 12px;
    }
}
.payment-card__detail {
    min-width: 0;
    font-size: max(0.972vw, 10px);
}
@media (max-width: 600px) {
    .payment-card__detail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: max(1.333vw, 6px);
        border-radius: 10px;
        font-size: max(2.333vw, 12px);
    }
}
.payment-card__detail._name {
    justify-self: flex-start;
    grid-area: name;
}
@media (max-width: 600px) {
    .payment-card__detail._name {
        margin-bottom: max(2vw, 10px);
        font-size: max(2.667vw, 14px);
    }
}
.payment-card__detail._date {
    grid-area: date;
}
@media (max-width: 600px) {
    .payment-card__detail._date {
        margin-bottom: max(1.667vw, 8px);
    }
}
.payment-card__detail._type {
    grid-area: type;
}
@media (max-width: 600px) {
    .payment-card__detail._type {
        margin-bottom: max(1.667vw, 8px);
    }
}
.payment-card__detail._price {
    grid-area: price;
}
@media (max-width: 600px) {
    .payment-card__detail._price {
        margin-bottom: max(1.667vw, 8px);
    }
}
.payment-card__detail._status {
    grid-area: status;
}
@media (max-width: 600px) {
    .payment-card__detail._status {
        margin-bottom: max(2vw, 10px);
    }
}
.payment-card__detail-key {
    display: none;
    color: rgba(30, 30, 30, 0.5019607843);
}
@media (max-width: 600px) {
    .payment-card__detail-key {
        display: block;
    }
}
.payment-card__button {
    justify-self: flex-end;
    grid-area: button;
    width: 100%;
    height: max(2.361vw, 26px);
    padding-inline: max(0.556vw, 8px);
    border-radius: max(0.556vw, 4px);
    background-color: #ff9b50;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}
@media (hover: hover) {
    .payment-card__button:hover {
        background-color: #cc5800;
    }
}
@media (max-width: 834px) {
    .payment-card__button {
        width: 100%;
    }
}
@media (max-width: 600px) {
    .payment-card__button {
        width: 100%;
        font-size: max(2vw, 10px);
    }
}

/*$ //$------------ event-card ------------$// $*/
.event-card {
    padding: max(1.389vw, 12px);
    border-radius: max(1.111vw, 10px);
    background-color: #fff;
}
@media (max-width: 600px) {
    .event-card {
        padding: 16px;
    }
}
.event-card__header {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-template-areas: "date date" "title time";
    row-gap: max(0.833vw, 12px);
    margin-bottom: max(0.833vw, 12px);
}
@media (max-width: 834px) {
    .event-card__header {
        grid-template-areas: "date time" "title title";
        row-gap: max(1.439vw, 10px);
        margin-bottom: max(2.398vw, 16px);
    }
}
.event-card__date {
    grid-area: date;
    color: rgba(30, 30, 30, 0.5019607843);
    font-size: max(0.972vw, 12px);
}
@media (max-width: 600px) {
    .event-card__date {
        font-size: 14px;
    }
}
.event-card__title {
    grid-area: title;
    height: max(2.778vw, 40px);
    font-size: max(1.111vw, 14px);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 600px) {
    .event-card__title {
        font-size: 16px;
    }
}
.event-card__time {
    align-self: start;
    grid-area: time;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.417vw, 6px);
    color: #365399;
    font-size: max(0.972vw, 12px);
}
@media (max-width: 834px) {
    .event-card__time {
        justify-self: end;
        gap: max(0.719vw, 4px);
    }
}
@media (max-width: 600px) {
    .event-card__time {
        font-size: 14px;
    }
}
.event-card__body {
    margin-bottom: max(1.389vw, 12px);
    padding-bottom: max(1.389vw, 20px);
    border-bottom: max(0.069vw, 1px) solid rgba(30, 30, 30, 0.3019607843);
}
@media (max-width: 834px) {
    .event-card__body {
        padding-bottom: max(2.398vw, 16px);
    }
}
.event-card__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(0.556vw, 8px);
}
.event-card__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: max(0.139vw, 2px);
    -webkit-column-gap: max(0.278vw, 4px);
    -moz-column-gap: max(0.278vw, 4px);
    column-gap: max(0.278vw, 4px);
    font-size: max(0.972vw, 12px);
}
@media (max-width: 600px) {
    .event-card__detail {
        font-size: 14px;
    }
}
.event-card__detail-key {
    color: rgba(30, 30, 30, 0.5019607843);
}
.event-card__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.event-card__button._details {
    width: max(11.111vw, 90px);
    height: max(2.361vw, 26px);
    border-radius: max(0.556vw, 4px);
    background-color: #ff9b50;
    color: #fff;
    font-size: max(0.972vw, 10px);
}
@media (hover: hover) {
    .event-card__button._details:hover {
        background-color: #cc5800;
    }
}
.event-card__button._remove {
    gap: max(0.278vw, 4px);
    color: #365399;
    font-size: max(0.972vw, 12px);
}

/*$ //$------------ friend-card ------------$// $*/
.friend-card {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas: "avatar info" "buttons buttons";
    row-gap: max(1.389vw, 16px);
    -webkit-column-gap: max(0.833vw, 12px);
    -moz-column-gap: max(0.833vw, 12px);
    column-gap: max(0.833vw, 12px);
    padding: max(1.389vw, 12px);
    border-radius: max(0.833vw, 8px);
    background-color: #fff;
}
@media (max-width: 834px) {
    .friend-card {
        grid-template-areas: "avatar info buttons";
    }
}
.friend-card__avatar {
    grid-area: avatar;
    width: max(3.056vw, 32px);
    aspect-ratio: 1;
}
.friend-card__avatar img {
    width: 100%;
}
.friend-card__info {
    grid-area: info;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.friend-card__name {
    color: inherit;
    font-size: max(1.111vw, 12px);
}
@media (max-width: 600px) {
    .friend-card__name {
        font-size: max(2.667vw, 14px);
    }
}
.friend-card__status {
    color: rgba(30, 30, 30, 0.5019607843);
    font-size: max(0.972vw, 10px);
}
@media (max-width: 600px) {
    .friend-card__status {
        font-size: 12px;
    }
}
.friend-card__button-box {
    grid-area: buttons;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.556vw, 6px);
}
.friend-card__button._write {
    gap: max(0.417vw, 4px);
    width: 100%;
    height: max(2.778vw, 36px);
    border-radius: max(0.694vw, 6px);
    background-color: #e6eaf2;
    color: #365399;
    font-size: max(0.972vw, 10px);
}
@media (max-width: 834px) {
    .friend-card__button._write {
        display: none;
    }
}
.friend-card__button._write .button__icon {
    width: max(1.389vw, 20px);
    height: max(1.389vw, 20px);
}
/*$ //$------------ community-card ------------$// $*/
.community-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(1.111vw, 10px);
    padding: max(0.972vw, 12px);
    border-radius: max(0.833vw, 10px);
    background-color: #fff;
}
.community-card__image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: max(7.778vw, 76px);
    aspect-ratio: 1;
    overflow: clip;
    border-radius: max(0.903vw, 8px);
}
.community-card__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.community-card__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(0.556vw, 8px);
}
.community-card__name {
    color: inherit;
    font-size: max(1.111vw, 12px);
}
@media (max-width: 600px) {
    .community-card__name {
        font-size: 14px;
    }
}
.community-card__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.556vw, 8px);
}
@media (max-width: 834px) {
    .community-card__details {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2px;
    }
}
.community-card__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.556vw, 8px);
    color: rgba(30, 30, 30, 0.5019607843);
    font-size: max(0.972vw, 10px);
}
@media (max-width: 600px) {
    .community-card__detail {
        font-size: 12px;
    }
}
.community-card__detail:not(:first-child)::before {
    content: "";
    display: block;
    width: max(0.278vw, 4px);
    height: max(0.278vw, 4px);
    border-radius: 50%;
    background-color: #365399;
}
@media (max-width: 834px) {
    .community-card__detail:not(:first-child)::before {
        display: none;
    }
}
.community-card__button-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.833vw, 10px);
    margin-top: auto;
}
@media (max-width: 834px) {
    .community-card__button-box {
        display: none;
    }
}
.community-card__button {
    height: max(2.222vw, 28px);
    padding-inline: max(0.833vw, 10px);
    border-radius: max(0.556vw, 8px);
    font-size: max(0.972vw, 12px);
}
.community-card__button._unsubscribe {
    background-color: #e6eaf2;
    color: #365399;
}
.community-card__button._edit {
    background-color: #ff9b50;
    color: #fff;
}
@media (hover: hover) {
    .community-card__button._edit:hover {
        background-color: #cc5800;
    }
}
.community-card__actions {
    margin-left: auto;
}
/*$ //$------------ contact-card ------------$// $*/
.profile-contact-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(1.111vw, 6px);
    color: inherit;
}
.profile-contact-card__photo {
    width: max(3.056vw, 30px);
    border-radius: 50%;
}
@media (max-width: 600px) {
    .profile-contact-card__photo {
        width: 44px;
    }
}
.profile-contact-card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    font-size: max(0.972vw, 10px);
}
@media (max-width: 600px) {
    .profile-contact-card__info {
        font-size: 14px;
    }
}
.profile-contact-card__name {
    color: inherit;
}
.profile-contact-card__description {
    color: rgba(30, 30, 30, 0.5019607843);
    font-weight: 300;
}
.profile-contact-card__checkbox {
    margin-left: auto;
    margin-right: max(1.389vw, 16px);
}

/*$ //$------------ admin-card ------------$// $*/
.admin-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.694vw, 8px);
    color: inherit;
}
.admin-card__image {
    width: max(5.556vw, 80px);
}
.admin-card__name {
    font-size: max(0.972vw, 12px);
}

/*$ //$------------ chat-card ------------$// $*/
.chat-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.833vw, 8px);
    padding: max(1.389vw, 20px);
    color: inherit;
}
@media (max-width: 834px) {
    .chat-card {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-areas: "avatar info" "avatar body";
        padding: max(2.398vw, 16px);
    }
}
@media (max-width: 768px) {
    .chat-card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12px;
    }
}
@media (max-width: 600px) {
    .chat-card {
        padding: 0;
    }
}
.chat-card._unread {
    background-color: rgba(54, 83, 153, 0.0705882353);
}
@media (max-width: 600px) {
    .chat-card._unread {
        background-color: transparent;
    }
}
.chat-card._unread .chat-card__indicator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.chat-card__author-avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    grid-area: avatar;
    width: max(2.778vw, 28px);
}
@media (max-width: 768px) {
    .chat-card__author-avatar {
        width: 60px;
    }
}
.chat-card__body {
    grid-area: body;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .chat-card__body {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }
}
.chat-card__author-name {
    max-width: max(10.069vw, 145px);
    overflow: hidden;
    font-size: max(0.972vw, 12px);
    text-wrap: nowrap;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .chat-card__author-name {
        font-size: 14px;
    }
}
.chat-card__message {
    font-size: max(0.833vw, 10px);
    font-weight: 300;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 768px) {
    .chat-card__message {
        font-size: 12px;
    }
}
.chat-card__info {
    grid-area: info;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (max-width: 834px) {
    .chat-card__info {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
@media (max-width: 768px) {
    .chat-card__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: auto;
    }
}
.chat-card__time {
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(0.833vw, 10px);
}
@media (max-width: 768px) {
    .chat-card__time {
        font-size: 12px;
    }
}
.chat-card__indicator {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-inline: max(0.347vw, 3px);
    padding-block: max(0.139vw, 2px);
    border-radius: max(6.944vw, 100px);
    background-color: #365399;
    color: #fff;
    font-size: max(0.694vw, 8px);
    font-weight: 300;
    min-width: max(1.111vw, 16px);
}
@media (max-width: 768px) {
    .chat-card__indicator {
        font-size: 10px;
    }
}

/*^ //^======================== PAGINATION ========================^// ^*/
/*^ //^======================== PAGINATION ========================^// ^*/
.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (width < 834px) {
    .pagination {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
}
.pagination._bottom {
    margin-top: max(4.861vw, 60px);
}
.pagination__arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: max(8.889vw, 128px);
    height: max(3.333vw, 48px);
    border-radius: max(0.278vw, 4px);
}
@media (width <= 834px) {
    .pagination__arrow {
        width: max(15.348vw, 90px);
        height: max(5.755vw, 32px);
    }
}
.pagination__arrow._back {
    color: rgba(30, 30, 30, 0.7019607843);
}
@media (width <= 600px) {
    .pagination__arrow._back {
        width: 32px;
    }
    .pagination__arrow._back .pagination__arrow-text {
        display: none;
    }
}
.pagination__arrow._back svg path {
    fill: rgba(30, 30, 30, 0.7019607843);
}
.pagination__arrow._forward {
    background-color: #ff9b50;
    color: #fff;
}
.pagination__arrow._forward svg path {
    fill: #fff;
}
.pagination__arrow-icon {
    width: max(1.389vw, 20px);
    height: max(1.389vw, 20px);
}
.pagination__arrow-icon svg {
    width: 100%;
    height: 100%;
}
.pagination__arrow-text {
    font-size: max(1.111vw, 14px);
}
.pagination__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(1.389vw, 20px);
    margin-inline: max(2.083vw, 30px);
}
@media (width <= 834px) {
    .pagination__list {
        gap: max(2.398vw, 8px);
        margin-inline: max(3.837vw, 16px);
    }
}
.pagination__item {
    overflow: hidden;
    border-radius: max(0.278vw, 4px);
    background-color: transparent;
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(1.389vw, 20px);
    width: max(2.222vw, 32px);
    height: max(2.222vw, 32px);
}
@media (width <= 834px) {
    .pagination__item {
        font-size: max(2.398vw, 14px);
    }
}
@media (width <= 600px) {
    .pagination__item:nth-child(3), .pagination__item:nth-child(4) {
        display: none;
    }
}
.pagination__item._current {
    background-color: #ff9b50;
    color: #fff;
}
.pagination__item._active {
    border: max(0.069vw, 1px) solid #1e1e1e;
}
.pagination__item._active .pagination__item-link {
    display: none;
}
.pagination__item._active .pagination__item-input {
    display: block;
}
.pagination__item .pagination__item-input {
    display: none;
    color: inherit;
    font-size: inherit;
    text-align: center;
    width: 100%;
    height: 100%;
}
.pagination__item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    width: 100%;
    height: 100%;
}

/*^ //^======================== PARAMETERS ========================^// ^*/
/*^ //^======================== PARAMETERS ========================^// ^*/
.parameters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: max(2.222vw, 30px);
}
@media (width <= 834px) {
    .parameters {
        margin-bottom: max(3.837vw, 27px);
    }
}
.parameters__amount {
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(1.111vw, 16px);
}
@media (width <= 834px) {
    .parameters__amount {
        font-size: max(1.918vw, 14px);
    }
}

/*^ //^======================== LAYOUT ========================^// ^*/
/*^ //^======================== LAYOUT ========================^// ^*/
.layout__parameters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.layout__parameter {
    overflow: hidden;
    border: max(0.069vw, 1px) solid #ff9b50;
}
.layout__parameter:first-child {
    border-right: none;
    border-radius: max(0.208vw, 3px) 0 0 max(0.208vw, 3px);
}
.layout__parameter:last-child {
    border-left: none;
    border-radius: 0 max(0.208vw, 3px) max(0.208vw, 3px) 0;
}
.layout__parameter._active .layout__button {
    background-color: #ff9b50;
    color: #fff;
}
.layout__button {
    color: rgba(30, 30, 30, 0.3019607843);
    font-size: max(1.111vw, 16px);
    -webkit-transition: all 250ms;
    transition: all 250ms;
    width: max(2.222vw, 32px);
    height: max(2.222vw, 32px);
}

/*^ //^======================== BANNERS ========================^// ^*/
/*^ //^======================== BANNERS ========================^// ^*/
/*^ //^------------ banner ------------^// ^*/
.banner__image {
    margin-bottom: max(1.111vw, 12px);
    overflow: hidden;
    border-radius: max(1.667vw, 12px);
    aspect-ratio: 2.4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (width <= 834px) {
    .banner__image {
        margin-bottom: max(1.439vw, 10px);
        border-radius: max(1.439vw, 8px);
    }
}
@media (width <= 600px) {
    .banner__image {
        aspect-ratio: 1.64;
    }
}
.banner__image img,
.banner__image video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.banner__caption {
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(1.389vw, 16px);
    text-align: center;
}
@media (width <= 834px) {
    .banner__caption {
        font-size: max(1.918vw, 14px);
    }
}
.library-select__pane-text {
    color: #1e1e1e;
    font-size: max(1.111vw, 16px);
}
.library-select__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
/*^ //^======================== DRAG-FILE-FIELDS ========================^// ^*/
/*& //&======================== DRAG FILE FIELD DEFAULT ========================&// &*/
/*& //&======================== DRAG FILE FIELD DEFAULT ========================&// &*/
.drag-file-field__label {
    position: relative;
}
.drag-file-field__input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    /*visibility: hidden;*/
}
.drag-file-field__thumbnail {
    display: none;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

/*^ //^======================== POLYLINE-INPUTS ========================^// ^*/
/*^ //^======================== POLYLINE-INPUTS ========================^// ^*/
/*& //&======================== POLYLINE-INPUTS DEFAULTS ========================&// &*/
/*& //&======================== POLYLINE-INPUTS DEFAULTS ========================&// &*/
.polyline-input {
    display: inline-grid;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
}
.polyline-input::after,
.polyline-input textarea {
    grid-area: 2/1;
    width: auto;
    font: inherit;
    resize: none;
    min-width: 0;
    background-color: transparent;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.polyline-input::after::-webkit-scrollbar,
.polyline-input textarea::-webkit-scrollbar {
    display: none;
}
.polyline-input::after {
    content: attr(data-value) " ";
    visibility: hidden;
    white-space: pre-wrap;
}

/*^ //^======================== TOOLTIPS ========================^// ^*/
/*^ //^======================== TOOLTIPS ========================^// ^*/
.tooltip {
    position: relative;
}
.tooltip._left .tooltip__body {
    left: auto;
    right: calc(100% + max(0.139vw, 2px));
}
.tooltip._right .tooltip__body {
    left: calc(100% + max(0.139vw, 2px));
    right: auto;
}
.tooltip._bottom .tooltip__body {
    top: calc(100% + max(0.139vw, 2px));
    bottom: auto;
}
.tooltip._top .tooltip__body {
    top: auto;
    bottom: calc(100% + max(0.139vw, 2px));
}
.tooltip:hover .tooltip__body {
    visibility: visible;
    opacity: 1;
}
.tooltip__body {
    position: absolute;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}

.study-card-tooltip .tooltip__button {
    width: max(0.903vw, 11px);
    aspect-ratio: 1;
}
.study-card-tooltip .tooltip__body {
    width: max(27.778vw, 300px);
    padding: max(0.694vw, 6px);
    border-radius: max(0.694vw, 6px);
    -webkit-box-shadow: 0 0 max(1.25vw, 18px) max(0.417vw, 6px) rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 max(1.25vw, 18px) max(0.417vw, 6px) rgba(0, 0, 0, 0.2);
    font-size: max(0.972vw, 12px);
}
@media (max-width: 600px) {
    .study-card-tooltip .tooltip__body {
        width: 45vw;
    }
}

/*$ //$======================== HEADER ========================$// $*/
/*$ //$======================== HEADER ========================$// $*/
.header {
    width: 100%;
    position: fixed;
    z-index: 10;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}

/*4 //4------------------------ header top ------------------------4// 4*/
.header-top {
    width: 100%;
    height: max(2.778vw, 40px);
    position: fixed !important;
    background-color: #e6eaf2;
    font-size: max(0.833vw, 12px);
    z-index: 10;
}
@media (width <= 834px) {
    .header-top {
        height: max(6.235vw, 40px);
    }
}
.header-top__inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(1.667vw, 14px);
}
.header-top__city {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.417vw, 6px);
}
.header-top__city-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: max(1.389vw, 20px);
    height: max(1.389vw, 20px);
}
@media (width <= 834px) {
    .header-top__city-icon {
        width: max(2.878vw, 20px);
        height: max(2.878vw, 20px);
    }
}
.header-top__city-icon img,
.header-top__city-icon svg {
    width: 100%;
    height: 100%;
}
.header-top__city-text {
    color: #365399;
    font-size: max(0.833vw, 12px);
}
@media (width <= 834px) {
    .header-top__city-text {
        font-size: max(1.679vw, 12px);
    }
}
@media (max-width: 1100px) {
    .header-top__menu {
        display: none;
    }
}
.header-top__logo {
    display: none;
}
.header-top__menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(1.25vw, 10px);
}
.header-top__menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header-top__menu-item_select {
    position: relative;
    cursor: pointer;
}
.header-top__menu-item_select:hover .header-top__dropdown {
    visibility: visible;
    opacity: 1;
}
.header-top__menu-item_select::after {
    content: "";
    margin-left: max(0.417vw, 6px);
    display: block;
    background-image: url("../img/icons/chevron-down.svg");
    background-size: cover;
    background-position: center;
    width: max(1.25vw, 18px);
    height: max(1.25vw, 18px);
}
.header-top__link {
    color: #1e1e1e;
    font-weight: 300;
}
.header-top__dropdown {
    width: 100%;
    top: 100%;
}
.header-top__contact {
    margin-left: auto;
}
.header-top__contact-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(1.111vw, 10px);
}
@media (width <= 834px) {
    .header-top__contact-list {
        gap: max(1.918vw, 12px);
    }
}
.header-top__contact-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.556vw, 8px);
    color: #365399;
    font-weight: 300;
}
.header-top__contact-link_phone {
    display: none;
}
.header-top__contact-icon {
    width: max(1.111vw, 16px);
    height: max(1.111vw, 16px);
}
@media (width <= 834px) {
    .header-top__contact-icon {
        width: max(2.878vw, 16px);
        height: max(2.878vw, 16px);
    }
}
.header-top__contact-icon svg {
    width: 100%;
    height: 100%;
}
/*4 //4------------------------ header body ------------------------4// 4*/
.header-body {
    width: 100%;
    height: max(5.556vw, 52px);
    position: fixed;
    top: max(2.778vw, 40px);
    border-bottom: max(0.069vw, 1px) solid #E6EAF2;
    background-color: #fff;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
@media (width <= 834px) {
    .header-body {
        top: max(6.235vw, 40px);
    }
}
.header-body__inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.694vw, 10px);
}
@media (width <= 834px) {
    .header-body__inner {
        gap: 0;
    }
}
.header-body__burger {
    display: none;
}
@media (width <= 1100px) {
    .header-body__burger {
        display: block;
    }
}
@media (width <= 834px) {
    .header-body__burger {
        margin-right: max(2.878vw, 20px);
    }
}
.header-body__logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: max(10vw, 96px);
    margin-right: max(2.5vw, 20px);
}
.header-body__logo img {
    width: 100%;
    height: 100%;
}
.header-body__menu {
    height: 100%;
}
@media (width <= 1100px) {
    .header-body__menu {
        display: none;
    }
}
.header-body__menu-list {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(1.667vw, 14px);
}
.header-body__menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header-body__menu-item_select {
    position: relative;
    cursor: pointer;
}
.header-body__menu-item_select::after {
    content: "";
    margin-left: max(0.417vw, 6px);
    display: block;
    background-image: url("../img/icons/chevron-down.svg");
    background-size: cover;
    background-position: center;
    width: max(1.25vw, 18px);
    height: max(1.25vw, 18px);
}
.header-body__menu-item_select:hover .header-body__dropdown {
    visibility: visible;
    opacity: 1;
}
.header-body__link {
    color: #1e1e1e;
    font-size: max(0.972vw, 14px);
    font-weight: 300;
    line-height: 1.3;
}
.header-body__dropdown {
    width: max(25vw, 360px);
    padding-top: max(2.083vw, 30px);
    position: absolute;
    top: 100%;
    z-index: calc(infinity);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 500ms;
    transition: all 500ms;
}
.header-body__dropdown-inner {
    padding-inline: max(2.778vw, 40px);
    padding-block: max(2.222vw, 32px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: max(5.556vw, 80px);
    border-radius: max(1.111vw, 16px);
    -webkit-box-shadow: 0 0 max(1.111vw, 16px) 0 rgba(30, 30, 30, 0.3019607843);
    box-shadow: 0 0 max(1.111vw, 16px) 0 rgba(30, 30, 30, 0.3019607843);
    background-color: #fff;
}
.header-body__dropdown-column {
    min-width: max(5.903vw, 85px);
}
.header-body__dropdown-title {
    margin-bottom: max(1.667vw, 24px);
    font-size: max(1.25vw, 18px);
    font-weight: 500;
}
.header-body__dropdown-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(1.111vw, 16px);
}
.header-body__dropdown-item_border {
    width: max(5.556vw, 80px);
    height: max(0.069vw, 1px);
    background-color: rgba(30, 30, 30, 0.3019607843);
}

a.header-body__dropdown-title {
    margin-bottom: max(1.667vw, 24px);
    font-size: max(1.25vw, 18px);
    font-weight: 500;
    color: #1e1e1e;
    text-decoration: none;
    display: block;
}

a.header-body__dropdown-title:hover {
    opacity: 0.8;
}


.header-body__search {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (width <= 600px) {
    .header-body__search._active .header-body__search-label {
        width: auto;
        padding: 8px;
        left: 50px;
    }
}
.header-body__search-label {
    width: max(23.333vw, 250px);
    height: max(2.639vw, 38px);
    padding-block: max(0.694vw, 10px);
    padding-left: max(1.111vw, 16px);
    padding-right: max(0.694vw, 10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.694vw, 10px);
    border-radius: max(0.833vw, 8px);
    background-color: rgba(230, 234, 242, 0.5019607843);
}
@media (width <= 834px) {
    .header-body__search-label {
        width: 300px;
        height: 36px;
    }
}
@media (width <= 600px) {
    .header-body__search-label {
        width: 0;
        height: 100%;
        padding: 0;
        position: absolute;
        left: auto;
        right: 0;
        top: 0;
        z-index: 1;
        overflow: hidden;
        border-radius: 0;
        background-color: transparent;
    }
}
.header-body__search-input {
    width: 100%;
    background-color: transparent;
    font-size: max(0.972vw, 14px);
    font-weight: 300;
}
@media (width <= 600px) {
    .header-body__search-input {
        height: 100%;
        padding: 8px;
        border-radius: 10px;
        background-color: #f2f4f8;
        -webkit-transition: all 300ms;
        transition: all 300ms;
    }
}
.header-body__search-input::-webkit-input-placeholder {
    color: rgba(30, 30, 30, 0.7019607843);
}
.header-body__search-input::-moz-placeholder {
    color: rgba(30, 30, 30, 0.7019607843);
}
.header-body__search-input:-ms-input-placeholder {
    color: rgba(30, 30, 30, 0.7019607843);
}
.header-body__search-input::-ms-input-placeholder {
    color: rgba(30, 30, 30, 0.7019607843);
}
.header-body__search-input::placeholder {
    color: rgba(30, 30, 30, 0.7019607843);
}
.header-body__search-button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    -webkit-transform: translateX(-140%);
    -ms-transform: translateX(-140%);
    transform: translateX(-140%);
    width: max(1.389vw, 20px);
    height: max(1.389vw, 20px);
}
.header-body__search-button svg {
    width: 100%;
    height: 100%;
}
@media (width <= 834px) {
    .header-body__search-button svg path, .header-body__login-icon svg path {
        stroke: #365399;
        stroke-width: 1.5;
    }
}
.header-body__login {
    margin-left: max(1.25vw, 8px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.694vw, 10px);
}
@media (width <= 834px) {
    .header-body__login {
        margin-left: 0;
    }
}
.header-body__login-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: max(1.389vw, 20px);
    height: max(1.389vw, 20px);
}
.header-body__login-icon svg {
    width: 100%;
    height: 100%;
}
.header-body__login-text {
    color: #1e1e1e;
    text-wrap: nowrap;
}
@media (width <= 834px) {
    .header-body__login-text {
        display: none;
    }
}

/*4 //4------------------------ header side ------------------------4// 4*/
.header-side {
    width: 360px;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 12;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 300ms;
    transition: all 300ms;
}
@media (width <= 1100px) {
    .header-side {
        display: block;
    }
}
@media (width <= 834px) {
    .header-side {
        width: max(43.165vw, 250px);
    }
}
.header-side._open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.header-side__inner {
    height: 100%;
    padding-inline: 24px;
    padding-top: 32px;
    padding-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: scroll;
    background-color: #e6eaf2;
}
@media (width <= 834px) {
    .header-side__inner {
        padding-inline: max(2.878vw, 20px);
        padding-top: max(3.837vw, 28px);
        padding-bottom: max(2.878vw, 20px);
    }
}
.header-side__logo {
    width: 224px;
    margin-bottom: 60px;
}
@media (width <= 834px) {
    .header-side__logo {
        width: max(26.859vw, 128px);
        margin-bottom: max(7.194vw, 32px);
    }
}
.header-side__logo img {
    width: 100%;
}
.header-side__menu {
    margin-bottom: max(1.667vw, 13px);
}
.header-side__item {
    position: relative;
}
.header-side__item_border {
    width: 100%;
    height: 1px;
    margin-block: 12px;
    opacity: 0.1;
    background-color: #365399;
}
@media (width <= 834px) {
    .header-side__item_border {
        margin-bottom: max(1.439vw, 6px);
    }
}
.header-side__link {
    padding-block: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #365399;
    font-size: 24px;
}
@media (width <= 834px) {
    .header-side__link {
        padding-block: max(1.439vw, 6px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #365399;
        font-size: max(2.878vw, 15px);
    }
}
.header-side__link .header-side__link-text {
    color: inherit;
    text-decoration: none;
    flex: 1;
}

.header-side__link-icon {
    width: 24px;
    height: 24px;
}
@media (width <= 834px) {
    .header-side__link-icon {
        width: max(2.878vw, 12px);
        height: max(2.878vw, 12px);
    }
}
.header-side__link-icon svg {
    width: 100%;
    height: 100%;
}
.header-side__submenu {
    padding-left: 30px;
    max-height: 0;
    overflow: clip;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
.header-side__contact {
    margin-top: auto;
}
.header-side__socials {
    margin-bottom: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}
@media (width <= 834px) {
    .header-side__socials {
        margin-bottom: max(3.357vw, 16px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: max(1.439vw, 8px);
    }
}
.header-side__socials-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: #fff;
    width: 24px;
    height: 24px;
}
@media (width <= 834px) {
    .header-side__socials-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 50%;
        background-color: #fff;
        width: max(5.276vw, 32px);
        height: max(5.276vw, 32px);
    }
    .header-side__socials-link svg {
        width: max(2.878vw, 16px);
        height: max(2.878vw, 16px);
    }
}

/*$ //$======================== FOOTER ========================$// $*/
/*$ //$======================== FOOTER ========================$// $*/
.footer {
    padding-top: max(4.167vw, 50px);
}
.footer__inner {
    display: grid;
    grid-template-columns: 1fr 3.5fr;
    grid-template-areas: "footer-top footer-body" "footer-bottom footer-body";
    -webkit-column-gap: max(4.167vw, 30px);
    -moz-column-gap: max(4.167vw, 30px);
    column-gap: max(4.167vw, 30px);
    padding-top: max(4.167vw, 40px);
    padding-bottom: max(2.778vw, 40px);
    border-top: max(0.069vw, 1px) solid rgba(30, 30, 30, 0.7019607843);
}
@media (width <= 834px) {
    .footer__inner {
        padding-block: max(4.796vw, 33px);
    }
}
@media (width <= 600px) {
    .footer__inner {
        grid-template-columns: auto;
        grid-template-areas: "footer-top" "footer-body" "footer-bottom";
    }
}
.footer__top {
    grid-area: footer-top;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(4.167vw, 32px);
}
@media (width <= 600px) {
    .footer__top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 36px;
    }
}
.footer__logo {
    width: max(16.111vw, 178px);
}
@media (width <= 834px) {
    .footer__logo {
        width: max(21.343vw, 162px);
    }
}
.footer__logo img {
    width: 100%;
}
.footer__body {
    grid-area: footer-body;
}
@media (width <= 600px) {
    .footer__menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 28px;
        margin-bottom: 32px;
    }
}
.footer__menu-section {
    display: inline;
}
@media (width <= 600px) {
    .footer__menu-section {
        display: grid;
        grid-template-columns: 1fr 1fr;
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        column-gap: 24px;
    }
}
.footer__menu-title {
    display: none;
    font-size: max(1.111vw, 16px);
}
@media (width <= 600px) {
    .footer__menu-title {
        display: block;
        color: #365399;
    }
}
.footer__menu-list {
    display: inline;
}
@media (width <= 600px) {
    .footer__menu-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px;
    }
}
.footer__menu-item {
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: max(2.222vw, 20px);
    margin-right: max(2.222vw, 20px);
}
@media (width <= 600px) {
    .footer__menu-item {
        margin: 0;
    }
}
.footer__menu-item._select {
    position: relative;
    cursor: pointer;
}
.footer__menu-item._select:hover .footer__menu-dropdown {
    visibility: visible;
    opacity: 1;
}
.footer__menu-item._select .footer__menu-link::after {
    content: "";
    display: block;
    margin-left: max(0.417vw, 6px);
    background-image: url("../img/icons/chevron-down.svg");
    background-size: cover;
    background-position: center;
    width: max(1.25vw, 18px);
    height: max(1.25vw, 18px);
}
.footer__menu-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1e1e1e;
    font-size: max(1.111vw, 16px);
    font-weight: 300;
}
.footer__menu-dropdown {
    top: 100%;
    width: 100%;
}
@media (width <= 600px) {
    .footer__menu-dropdown {
        position: static;
        max-height: 0;
        padding-top: 0;
        visibility: visible;
        opacity: 1;
        overflow: hidden;
    }
    .footer__menu-dropdown ul {
        margin-bottom: 10px;
        padding: 0;
        padding-top: 10px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}
.footer__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: max(6.25vw, 36px);
    -moz-column-gap: max(6.25vw, 36px);
    column-gap: max(6.25vw, 36px);
    padding-block: max(4.167vw, 40px);
    border-top: max(0.069vw, 1px) solid #1e1e1e;
}
@media (width <= 834px) {
    .footer__contact {
        row-gap: max(4.317vw, 24px);
        padding-block: max(4.796vw, 32px);
    }
    .footer__contact .footer__title {
        margin-bottom: max(1.439vw, 10px);
    }
}
.footer__contact .footer__title {
    margin-bottom: max(0.833vw, 12px);
}
.footer__title {
    margin-bottom: max(1.111vw, 16px);
    font-size: max(1.111vw, 16px);
}
@media (width <= 600px) {
    .footer__title {
        font-weight: 400;
    }
}
.footer__contact-link {
    color: #365399;
    font-size: max(1.944vw, 20px);
    font-weight: 300;
}
.footer__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: max(2.222vw, 32px);
    padding-top: max(4.167vw, 40px);
    border-top: max(0.069vw, 1px) solid #1e1e1e;
}
@media (width <= 834px) {
    .footer__info {
        padding-top: max(4.796vw, 32px);
    }
}
.footer__form {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.footer__form-fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: max(1.111vw, 10px);
}
.footer__form-legend {
    margin-bottom: max(1.111vw, 16px);
}
@media (width <= 600px) {
    .footer__form-button {
        width: 100%;
    }
}
.footer__form-input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: max(29.167vw, 420px);
    height: max(4.167vw, 50px);
    padding-inline: max(2.083vw, 30px);
    border-radius: max(0.833vw, 8px);
    background-color: rgba(230, 234, 242, 0.5019607843);
    font-size: max(1.111vw, 16px);
    font-weight: 300;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}
@media (width <= 834px) {
    .footer__form-input {
        padding-inline: max(3.597vw, 16px);
        font-size: max(1.918vw, 14px);
    }
}
@media (width <= 600px) {
    .footer__form-input {
        max-width: 100%;
    }
}
.footer__form-input:focus {
    outline: max(0.069vw, 1px) solid #1e1e1e;
}
.footer__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (width <= 600px) {
    .footer__socials {
        width: 100%;
        padding-bottom: 32px;
        border-bottom: max(0.069vw, 1px) solid #1e1e1e;
    }
}
.footer__socials-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.833vw, 12px);
}
.footer__socials-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: max(0.069vw, 1px) solid #365399;
    width: max(4.167vw, 50px);
    height: max(4.167vw, 50px);
    border-radius: 50%;
}
@media (width <= 834px) {
    .footer__socials-link {
        width: max(7.194vw, 48px);
        height: max(7.194vw, 48px);
    }
}
.footer__socials-link svg {
    width: max(1.667vw, 24px);
    height: max(1.667vw, 24px);
}
.footer__bottom {
    grid-area: footer-bottom;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: max(0.833vw, 12px);
}
@media (width <= 600px) {
    .footer__bottom {
        padding-top: 32px;
    }
}
.footer__bottom-text {
    font-size: max(0.833vw, 12px);
    font-weight: 300;
}

/*$ //$======================== LISTS ========================$// $*/
/*$ //$======================== LISTS ========================$// $*/
/*$ //$------------ news-list ------------$// $*/
.news-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(17.361vw, 250px), 1fr));
    gap: max(1.111vw, 14px);
    row-gap: max(1.667vw, 24px);
}
.news-list._grid {
    grid-template-columns: repeat(3, 1fr);
}
@media (width <= 834px) {
    .news-list._grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (width <= 600px) {
    .news-list._grid {
        grid-template-columns: auto;
    }
}
.news-list__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

/*$ //$------------ trainers-list ------------$// $*/
.trainers-list {
    display: grid;
    grid-template: auto/repeat(4, 1fr);
    row-gap: max(2.778vw, 32px);
    -webkit-column-gap: max(1.111vw, 14px);
    -moz-column-gap: max(1.111vw, 14px);
    column-gap: max(1.111vw, 14px);
}
@media (width <= 834px) {
    .trainers-list {
        grid-template: auto/repeat(3, 1fr);
        -webkit-column-gap: max(1.679vw, 8px);
        -moz-column-gap: max(1.679vw, 8px);
        column-gap: max(1.679vw, 8px);
    }
}
@media (width <= 600px) {
    .trainers-list {
        grid-template: auto/repeat(2, 1fr);
    }
}
/*$ //$------------ resources-list ------------$// $*/
.resources-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(26.736vw, 385px), 1fr));
    gap: max(1.111vw, 14px);
}
@media (width <= 834px) {
    .resources-list {
        gap: max(1.679vw, 8px);
    }
}
@media (width <= 600px) {
    .resources-list {
        grid-template-columns: auto;
    }
}
.resources-list__link {
    padding: max(1.528vw, 22px);
    border-radius: max(0.833vw, 12px);
    background-color: rgba(230, 234, 242, 0.5019607843);
}
@media (width <= 834px) {
    .resources-list__link {
        padding: max(2.638vw, 16px);
        border-radius: max(1.439vw, 10px);
    }
}
@media (width <= 600px) {
    .resources-list__link.button {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .resources-list__link .button__text {
        display: block !important;
        border-bottom: none !important;
        text-wrap: wrap !important;
    }
    .resources-list__link .button__icon {
        -webkit-transform: rotate(0) !important;
        -ms-transform: rotate(0) !important;
        transform: rotate(0) !important;
    }
}

/*$ //$------------ contact-list ------------$// $*/
.contact-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: max(2.222vw, 32px);
    -webkit-column-gap: max(1.389vw, 20px);
    -moz-column-gap: max(1.389vw, 20px);
    column-gap: max(1.389vw, 20px);
}
.contact-list__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 max(25vw, 240px);
    flex: 1 1 max(25vw, 240px);
}

/*$ //$------------ seminars-list ------------$// $*/
.seminars-list {
    display: grid;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: max(1.111vw, 14px);
}
.seminars-list._main, .seminars-list._spec {
    grid-template-columns: repeat(3, 1fr);
}
@media (width <= 834px) {
    .seminars-list._main, .seminars-list._spec {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (width <= 600px) {
    .seminars-list._main, .seminars-list._spec {
        grid-template-columns: auto;
    }
}
.seminars-list._extra {
    grid-template-columns: repeat(2, 1fr);
}
@media (width <= 600px) {
    .seminars-list._extra {
        grid-template-columns: auto;
    }
}

/*$ //$------------ reviews-list ------------$// $*/
.reviews-list__wrapper:has(._row) {
    position: relative;
    left: calc(-1 * max(5.556vw, 40px));
    width: 100vw;
}
@media (width <= 834px) {
    .reviews-list__wrapper:has(._row) {
        left: calc(-1 * max(4.796vw, 16px));
    }
}
@media (max-width: 600px) {
    .reviews-list__wrapper:has(._row) {
        left: -16px;
    }
}
.reviews-list._row {
    gap: max(1.111vw, 14px);
    padding-inline: max(5.556vw, 40px);
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.reviews-list._row::-webkit-scrollbar {
    display: none;
}

@media (width <= 834px) {
    .reviews-list._row {
        gap: max(0.972vw, 8px);
        padding-inline: max(4.796vw, 16px);
    }
}
@media (max-width: 600px) {
    .reviews-list._row {
        padding-inline: 16px;
    }
}

.reviews-list._row .reviews-list__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
@media (width <= 834px) {
    .reviews-list._row .reviews-list__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: max(36.93vw, 288px);
    }
}

/*$ //$------------ publications-list ------------$// $*/
.publications-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: max(2.222vw, 32px);
    -webkit-column-gap: max(1.111vw, 14px);
    -moz-column-gap: max(1.111vw, 14px);
    column-gap: max(1.111vw, 14px);
}
@media (width <= 834px) {
    .publications-list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (width <= 600px) {
    .publications-list {
        grid-template-columns: auto;
        row-gap: max(5.333vw, 28px);
    }
}

/*$ //$------------ videos-list ------------$// $*/
.videos-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: max(2.222vw, 24px);
    -webkit-column-gap: max(2.778vw, 14px);
    -moz-column-gap: max(2.778vw, 14px);
    column-gap: max(2.778vw, 14px);
}
@media (width <= 834px) {
    .videos-list {
        -webkit-column-gap: 14px;
        -moz-column-gap: 14px;
        column-gap: 14px;
    }
}
@media (width <= 600px) {
    .videos-list {
        grid-template-columns: auto;
    }
}

/*$ //$------------ photos-list ------------$// $*/
.photos-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: max(1.111vw, 14px);
}
@media (width <= 834px) {
    .photos-list {
        gap: max(1.679vw, 8px);
    }
}

/*$ //$------------ library-list ------------$// $*/
.library-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: max(4.167vw, 24px);
    -webkit-column-gap: max(1.111vw, 14px);
    -moz-column-gap: max(1.111vw, 14px);
    column-gap: max(1.111vw, 14px);
}
@media (width <= 834px) {
    .library-list {
        grid-template-columns: repeat(3, 1fr);
        row-gap: max(2.878vw, 20px);
        -webkit-column-gap: max(1.679vw, 8px);
        -moz-column-gap: max(1.679vw, 8px);
        column-gap: max(1.679vw, 8px);
    }
}
@media (width <= 600px) {
    .library-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

/*$ //$------------ projects-list ------------$// $*/
.projects-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(4.167vw, 40px);
}

/*$ //$------------ locations-list ------------$// $*/
.locations-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: max(1.111vw, 16px);
    -webkit-column-gap: max(1.111vw, 14px);
    -moz-column-gap: max(1.111vw, 14px);
    column-gap: max(1.111vw, 14px);
}
@media (width <= 834px) {
    .locations-list {
        row-gap: 20px;
        -webkit-column-gap: max(1.679vw, 8px);
        -moz-column-gap: max(1.679vw, 8px);
        column-gap: max(1.679vw, 8px);
    }
}
@media (width <= 600px) {
    .locations-list {
        grid-template-columns: repeat(2, 1fr);
    }
}
.locations-list__item:has(._big) {
    grid-row: span 2;
    grid-column: span 2;
}

/*$ //$------------ programs-list ------------$// $*/
.programs-list__item {
    position: relative;
    width: 100%;
    height: 100dvh;
    overflow: hidden;
    color: inherit;
    text-align: center;
}
@media (width <= 600px) {
    .programs-list__item {
        min-height: 600px;
    }
}
.programs-list__item._light {
    color: #1e1e1e;
}
.programs-list__item._dark {
    color: #fff;
}
.programs-list__item._liberation img {
    -o-object-position: bottom;
    object-position: bottom;
}
@media (width > 834px) {
    .programs-list__item._liberation .programs-list__item-inner {
        background: radial-gradient(circle calc(max(7.6388888889vw, 110px) / 2) at var(--x, 0) var(--y, 0), #f8fdff 99%, #1e1e1e 100%) fixed;
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
    }
}
@media (width > 834px) {
    .programs-list__item._becoming .programs-list__item-inner {
        background: radial-gradient(circle calc(max(7.6388888889vw, 110px) / 2) at var(--x, 0) var(--y, 0), #8fa0aa 99%, #fff 100%) fixed;
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
    }
}
@media (width > 834px) {
    .programs-list__item._influence .programs-list__item-inner {
        background: radial-gradient(circle calc(max(7.6388888889vw, 110px) / 2) at var(--x, 0) var(--y, 0), #9d58a7 99%, #fff 100%) fixed;
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
    }
}
@media (width > 834px) {
    .programs-list__item._maturity .programs-list__item-inner {
        background: radial-gradient(circle calc(max(7.6388888889vw, 110px) / 2) at var(--x, 0) var(--y, 0), #196775 99%, #fff 100%) fixed;
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
    }
}
@media (width > 834px) {
    .programs-list__item._confidence .programs-list__item-inner {
        background: radial-gradient(circle calc(max(7.6388888889vw, 110px) / 2) at var(--x, 0) var(--y, 0), #598fce 99%, #fff 100%) fixed;
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
    }
}
.programs-list__item._wisdom img {
    -o-object-position: 60%;
    object-position: 60%;
}
@media (width > 834px) {
    .programs-list__item._wisdom .programs-list__item-inner {
        background: radial-gradient(circle calc(max(7.6388888889vw, 110px) / 2) at var(--x, 0) var(--y, 0), #000000 99%, #fff 100%) fixed;
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
    }
}
@media (width > 834px) {
    .programs-list__item._art .programs-list__item-inner {
        background: radial-gradient(circle calc(max(7.6388888889vw, 110px) / 2) at var(--x, 0) var(--y, 0), #e2e2e2 99%, #1e1e1e 100%) fixed;
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
    }
}
.programs-list__item-link {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
}
.programs-list__item-bg img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.programs-list__item-inner {
    position: relative;
    z-index: 2;
    width: max(48.611vw, 420px);
    -webkit-transition: all 250ms;
    transition: all 250ms;
    width: max(39.583vw, 420px);
}
@media (width <= 834px) {
    .programs-list__item-inner {
        width: max(50.36vw, 280px);
    }
}
.programs-list__item-subtitle {
    margin-bottom: max(1.667vw, 24px);
    font-size: max(1.111vw, 14px);
}
@media (width <= 834px) {
    .programs-list__item-subtitle {
        font-size: max(1.679vw, 14px);
    }
}
.programs-list__item-heading {
    margin-bottom: max(1.667vw, 24px);
}
.programs-list__item-text {
    font-size: max(1.111vw, 14px);
}
@media (width <= 834px) {
    .programs-list__item-text {
        font-size: max(1.679vw, 14px);
    }
}

/*$ //$======================== FORMS ========================$// $*/
/*$ //$======================== FORMS ========================$// $*/
/*$ //$------------ feedback-form ------------$// $*/
.feedback-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: max(3.472vw, 32px);
    border-radius: max(1.111vw, 16px);
    background-color: rgba(230, 234, 242, 0.5019607843);
}
@media (width <= 834px) {
    .feedback-form {
        padding-inline: max(3.837vw, 16px);
        padding-block: max(3.837vw, 26px);
        border-radius: max(1.918vw, 12px);
    }
}
@media (width <= 600px) {
    .feedback-form {
        width: 100%;
    }
}
.feedback-form__header {
    width: 80%;
}
.feedback-form__title {
    margin-bottom: max(1.667vw, 20px);
    font-size: max(2.5vw, 24px);
}
@media (width <= 834px) {
    .feedback-form__title {
        margin-bottom: max(2.878vw, 12px);
        font-size: max(2.878vw, 20px);
    }
}
.feedback-form__text {
    margin-bottom: max(3.333vw, 16px);
    font-size: max(1.111vw, 16px);
}
.feedback-form__fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(0.694vw, 10px);
    margin-bottom: max(4.167vw, 40px);
}
@media (width <= 834px) {
    .feedback-form__fieldset {
        margin-bottom: max(4.796vw, 32px);
    }
}
.feedback-form__field {
    width: 100%;
}
.feedback-form__field._invalid input,
.feedback-form__field._invalid label {
    border-color: #da3849;
    color: #da3849;
}
.feedback-form__field._invalid .feedback-form__label-icon .circle {
    stroke: #da3849;
}
.feedback-form__input {
    width: 100%;
    padding-block: max(0.833vw, 12px);
    border-bottom: max(0.069vw, 1px) solid #1e1e1e;
    background-color: transparent;
    font-size: max(1.111vw, 16px);
    font-weight: 300;
}
@media (width <= 834px) {
    .feedback-form__input {
        padding-block: max(1.439vw, 10px);
    }
}
.feedback-form__checkbox-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.694vw, 10px);
    margin-bottom: max(0.694vw, 10px);
    cursor: pointer;
    font-size: max(0.972vw, 14px);
}
.feedback-form__checkbox-label:has(input:checked) .check {
    visibility: visible;
    opacity: 1;
}
.feedback-form__checkbox-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: max(1.667vw, 24px);
    height: max(1.667vw, 24px);
}
@media (width <= 834px) {
    .feedback-form__checkbox-icon {
        width: max(2.878vw, 16px);
        height: max(2.878vw, 16px);
    }
}
.feedback-form__checkbox-icon svg {
    width: 100%;
    height: 100%;
}
.feedback-form__checkbox-icon .check {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
.feedback-form__checkbox-text {
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
.feedback-form__checkbox-input {
    position: absolute;
    visibility: hidden;
}
.feedback-form__button {
    width: max(18.75vw, 270px);
}
@media (width <= 834px) {
    .feedback-form__button {
        width: 100%;
    }
}

/*$ //$------------ timetable-form ------------$// $*/
.timetable-form__inner {
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-template-rows: auto auto 1fr;
    grid-template-columns: 1fr 1.2fr;
    grid-template-areas: "calendar fieldset fieldset" "calendar checkbox city" "calendar output output";
    -webkit-column-gap: max(1.042vw, 15px);
    -moz-column-gap: max(1.042vw, 15px);
    column-gap: max(1.042vw, 15px);
    height: max(36.806vw, 530px);
    position: relative;
}
@media (width <= 834px) {
    .timetable-form__inner {
        grid-template-columns: 1fr auto;
        grid-template-areas: "fieldset checkbox" "fieldset city" "calendar calendar" "output output";
        max-height: none;
        height: auto;
    }
}
@media (width <= 600px) {
    .timetable-form__inner {
        grid-template-areas: "calendar calendar" "fieldset city" "checkbox checkbox" "output output";
    }
}
.timetable-form__calendar {
    grid-area: calendar;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
}
@media (width <= 834px) {
    .timetable-form__calendar {
        position: static;
    }
}
@media (width <= 600px) {
    .timetable-form__calendar {
        height: auto;
        margin-bottom: 30px;
    }
}
.timetable-form__fieldset {
    grid-area: fieldset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: max(1.111vw, 16px);
    -moz-column-gap: max(1.111vw, 16px);
    column-gap: max(1.111vw, 16px);
    margin-bottom: max(1.667vw, 24px);
}
@media (width <= 834px) {
    .timetable-form__fieldset {
        -webkit-column-gap: max(2.398vw, 16px);
        -moz-column-gap: max(2.398vw, 16px);
        column-gap: max(2.398vw, 16px);
    }
}
@media (width <= 600px) {
    .timetable-form__fieldset {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        position: relative;
    }
}
.timetable-form__field {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
}
@media (width <= 600px) {
    .timetable-form__field .timetable-form__label {
        display: none;
    }
    .timetable-form__field:has(.timetable-select._stage) {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }
}
.timetable-form__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: max(0.556vw, 8px);
    font-size: max(0.972vw, 14px);
}
@media (width <= 834px) {
    .timetable-form__label {
        margin-bottom: max(1.918vw, 8px);
        font-size: max(1.918vw, 14px);
    }
}
.timetable-form__label._required::before {
    content: "*";
    display: block;
    margin-right: max(0.278vw, 4px);
    color: #da3849;
}
@media (width <= 600px) {
    .timetable-form__select._type {
        padding-inline: 12px;
        border-inline: 1px solid rgba(30, 30, 30, 0.3019607843);
    }
}
.timetable-form__checkbox {
    grid-area: checkbox;
}
@media (width <= 834px) {
    .timetable-form__checkbox .checkbox__label {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
@media (width <= 600px) {
    .timetable-form__checkbox._inline {
        display: none;
    }
    .timetable-form__checkbox._inner {
        display: block !important;
    }
    .timetable-form__checkbox .checkbox__label {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 16px;
    }
}
.timetable-form__checkbox._inner {
    display: none;
}
.timetable-form__city {
    grid-area: city;
}
@media (width <= 834px) {
    .timetable-form__city {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.timetable-form__output {
    grid-area: output;
    height: calc(100% - max(2.778vw, 40px));
    margin-top: max(2.778vw, 40px);
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.timetable-form__output::-webkit-scrollbar {
    display: none;
}
@media (width <= 600px) {
    .timetable-form__output {
        height: 100%;
        margin-top: 0;
    }
}
.timetable-form__output-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(16.389vw, 236px), 1fr));
    gap: max(1.111vw, 14px);
}
.timetable-form__output-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.timetable-form__output-item .study-card__wrapper {
    width: 100%;
}
.timetable-form._webinars .timetable-form__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: 1.5fr 1fr auto;
    grid-template-areas: "heading calendar calendar" "fieldset checkbox city" "output output output";
    row-gap: max(2.639vw, 32px);
    max-height: none;
}
@media (width <= 834px) {
    .timetable-form._webinars .timetable-form__inner {
        grid-template-columns: 2fr 1fr;
        grid-template-areas: "heading heading" "fieldset checkbox" "fieldset city" "calendar calendar" "output output";
        row-gap: 0;
    }
}
@media (width <= 600px) {
    .timetable-form._webinars .timetable-form__inner {
        grid-template-columns: 1fr auto;
        grid-template-areas: "heading heading" "calendar calendar" "fieldset city" "output output";
        row-gap: 0;
    }
}
.timetable-form._webinars .timetable-form__heading {
    align-self: flex-start;
    grid-area: heading;
}
@media (width <= 834px) {
    .timetable-form._webinars .timetable-form__heading {
        margin-bottom: 32px;
    }
}
.timetable-form._webinars .timetable-form__calendar {
    position: static;
}
@media (width <= 834px) {
    .timetable-form._webinars .timetable-form__calendar {
        margin-bottom: max(5.755vw, 30px);
    }
}
.timetable-form._webinars .timetable-form__city {
    -ms-flex-item-align: center;
    align-self: center;
}
@media (width <= 600px) {
    .timetable-form._webinars .timetable-form__city {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
}
.timetable-form._webinars .timetable-form__output {
    height: auto;
    margin-top: 0;
    overflow: visible;
}
@media (width <= 834px) {
    .timetable-form._webinars .timetable-form__output-slider {
        display: none;
    }
}
.timetable-form._webinars .timetable-form__output-list {
    display: none;
}
@media (width <= 834px) {
    .timetable-form._webinars .timetable-form__output-list {
        display: grid;
    }
}
.timetable-form._account .timetable-form__inner {
    align-items: flex-start;
    row-gap: max(1.389vw, 20px);
}
@media (max-width: 980px) {
    .timetable-form._account .timetable-form__inner {
        grid-template-columns: 1fr 2fr;
        grid-template-areas: "heading calendar" "fieldset fieldset" "checkbox city" "output output";
    }
}
@media (max-width: 834px) {
    .timetable-form._account .timetable-form__inner {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas: "heading heading" "fieldset fieldset" "checkbox city" "calendar calendar" "output output";
    }
}
@media (max-width: 600px) {
    .timetable-form._account .timetable-form__inner {
        grid-template-columns: 1fr auto;
        grid-template-areas: "heading heading" "calendar calendar" "fieldset city" "output output";
    }
}
.timetable-form._account .timetable-form__fieldset {
    margin-bottom: 0;
}
.timetable-form._account .timetable-form__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.347vw, 5px);
    height: 100%;
    font-size: max(1.111vw, 14px);
}
@media (max-width: 600px) {
    .timetable-form._account .timetable-form__heading {
        margin-bottom: 0;
        position: absolute;
        top: 28px;
        font-size: 16px;
    }
}
.timetable-form._account .timetable-form__heading-amount {
    color: rgba(30, 30, 30, 0.5019607843);
}
.timetable-form._account .timetable-form__label {
    font-size: max(0.833vw, 12px);
}
@media (max-width: 834px) {
    .timetable-form._account .timetable-form__label {
        font-size: max(1.679vw, 12px);
    }
}
.timetable-form._account .timetable-form__checkbox, .timetable-form._account .timetable-form__city {
    translate: 0 50%;
}
@media (max-width: 980px) {
    .timetable-form._account .timetable-form__checkbox, .timetable-form._account .timetable-form__city {
        translate: 0 0;
    }
}
.timetable-form._account .timetable-form__city {
    justify-self: flex-end;
}
.timetable-form._account .timetable-form__output-list {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (600px < width <= 834px) {
    .timetable-form._account .timetable-form__output-list {
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    }
}
.timetable-form._account .timetable-form__output-button {
    display: none;
}
@media (max-width: 600px) {
    .timetable-form._account .timetable-form__output-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: max(10.208vw, 147px);
        height: max(2.222vw, 32px);
        margin-inline: auto;
        margin-top: max(1.389vw, 20px);
        background-color: #ff9b50;
        color: #fff;
        font-size: max(0.833vw, 12px);
    }
}
@media (max-width: 834px) {
    .timetable-form._account .calendar .flatpickr-calendar {
        background: transparent;
    }
    .timetable-form._account .calendar .flatpickr-innerContainer {
        width: calc(100cqi + 32px);
        left: -16px;
    }
    .timetable-form._account .calendar .dayContainer {
        padding-inline: 16px;
    }
    .timetable-form._account .calendar .flatpickr-day {
        max-width: max(8.753vw, 48px);
    }
}
@media (max-width: 834px) and (max-width: 600px) {
    .timetable-form._account .calendar .flatpickr-months {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.timetable-form._account .calendar__label {
    background-color: #fff;
}
@media (min-width: 601px) {
    .timetable-form._account .timetable-select * {
        background-color: #fff;
    }
}
.timetable-form._account .timetable-slider__slide-header {
    background-color: #fff;
}
.timetable-form._account .study-card__wrapper {
    background-color: #fff;
}
@media (max-width: 600px) {
    .timetable-form._account .study-card__wrapper {
        gap: max(7.5vw, 30px);
        padding: 0;
        background-color: transparent;
    }
}
.timetable-form._account .study-card__inner {
    background-color: #fff;
}
@media (max-width: 600px) {
    .timetable-form._account .study-card__icon {
        display: none;
    }
}
@media (max-width: 600px) {
    .timetable-form._account .study-card__time-value {
        font-size: 16px;
    }
}
@media (max-width: 600px) {
    .timetable-form._account .study-card__time-label {
        font-size: 10px;
    }
}

/*$ //$------------ search ------------$// $*/
.search._city .search__label {
    font-size: max(1.389vw, 20px);
}
@media (width <= 834px) {
    .search._city .search__label {
        font-size: max(2.398vw, 16px);
    }
}
.search__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(2.222vw, 28px);
}
@media (width <= 834px) {
    .search__form {
        gap: max(3.357vw, 8px);
    }
}
.search__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(1.667vw, 20px);
    width: 100%;
    padding-inline: max(1.667vw, 20px);
    padding-block: max(1.111vw, 10px);
    border-radius: max(0.833vw, 12px);
    background-color: #e6eaf2;
}
@media (width <= 834px) {
    .search__field {
        gap: max(2.398vw, 16px);
        padding-inline: max(2.398vw, 16px);
        padding-block: max(1.199vw, 8px);
        border-radius: max(1.439vw, 10px);
    }
}
.search__input {
    width: 100%;
    background-color: transparent;
    font-size: max(1.111vw, 16px);
}
/*$ //$------------ enter-form ------------$// $*/
.enter-form__label {
    display: block;
    margin-bottom: max(0.694vw, 8px);
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(1.111vw, 14px);
    font-weight: 300;
}
.enter-form__label span {
    color: #da3849;
}
.enter-form__input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-inline: max(1.111vw, 16px);
    border: max(0.069vw, 1px) solid rgba(30, 30, 30, 0.3019607843);
    border-radius: max(0.833vw, 8px);
}
.enter-form__field:has(.enter-form__input.is-invalid) .enter-form__input-wrapper {
    border-color: #da3849;
}
.enter-form__input {
    width: 100%;
    height: 100%;
    padding-block: max(1.389vw, 14px);
    color: #1e1e1e;
    font-size: max(1.111vw, 16px);
    font-weight: 300;
}
@media (max-width: 834px) {
    .enter-form__input {
        font-size: max(1.918vw, 14px);
    }
}
.enter-form__input::-webkit-input-placeholder {
    color: #1e1e1e;
}
.enter-form__input::-moz-placeholder {
    color: #1e1e1e;
}
.enter-form__input:-ms-input-placeholder {
    color: #1e1e1e;
}
.enter-form__input::-ms-input-placeholder {
    color: #1e1e1e;
}
.enter-form__input::placeholder {
    color: #1e1e1e;
}
.sign-in .enter-form__input[name="email"]::-webkit-input-placeholder {
    color: #6b7280;
    opacity: 1;
}
.sign-in .enter-form__input[name="email"]::-moz-placeholder {
    color: #6b7280;
    opacity: 1;
}
.sign-in .enter-form__input[name="email"]:-ms-input-placeholder {
    color: #6b7280;
    opacity: 1;
}
.sign-in .enter-form__input[name="email"]::-ms-input-placeholder {
    color: #6b7280;
    opacity: 1;
}
.sign-in .enter-form__input[name="email"]::placeholder {
    color: #6b7280;
    opacity: 1;
}
.enter-form__error {
    margin-top: max(0.486vw, 6px);
    color: #da3849;
    font-size: max(0.833vw, 12px);
    font-weight: 400;
    line-height: 1.3;
}
@media (max-width: 834px) {
    .enter-form__error {
        font-size: max(1.644vw, 12px);
    }
}
.enter-form__fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(1.389vw, 16px);
    margin-bottom: max(2.222vw, 24px);
}
@media (max-width: 834px) {
    .enter-form__fieldset {
        margin-bottom: max(2.878vw, 20px);
    }
}
.enter-form__fieldset._password {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.enter-form__input-button {
    -webkit-transition: all 200ms;
    transition: all 200ms;
}
.enter-form__input-button:active {
    scale: 0.8;
}
.enter-form__button-box {
    margin-bottom: max(1.667vw, 24px);
}
@media (max-width: 834px) {
    .enter-form__button-box {
        margin-bottom: max(1.667vw, 20px);
    }
}
.enter-form__button .button__text._hidden {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
.enter-form__button .button__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.417vw, 4px);
    position: absolute;
    translate: 0 -50%;
}
.enter-form__button .button__icon._hidden {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
.enter-form__button .button__icon-disc {
    display: block;
    width: max(0.556vw, 6px);
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #fff;
    -webkit-animation: slide-down 1000ms infinite ease-in-out;
    animation: slide-down 1000ms infinite ease-in-out;
}
@media (max-width: 834px) {
    .enter-form__button .button__icon-disc {
        width: max(0.719vw, 3px);
    }
}
.enter-form__button .button__icon-disc:nth-child(2) {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
}
.enter-form__button .button__icon-disc:nth-child(3) {
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
}
.enter-form__button._back {
    margin-inline: auto;
    margin-top: max(2.222vw, 20px);
    padding: 0;
    background-color: transparent;
    color: #365399;
}
.enter-form__button._back .button__icon {
    position: static;
    translate: 0;
}
.enter-form__buttons-border {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.486vw, 6px);
    margin-block: max(1.389vw, 16px);
}
@media (max-width: 834px) {
    .enter-form__buttons-border {
        margin-block: max(1.918vw, 10px);
    }
}
.enter-form__border {
    width: 100%;
    height: max(0.069vw, 1px);
    background-color: rgba(30, 30, 30, 0.3019607843);
}
.enter-form__border-text {
    font-size: max(0.833vw, 12px);
}
@media (max-width: 834px) {
    .enter-form__border-text {
        font-size: max(1.439vw, 10px);
    }
}
.enter-form__policy {
    color: rgba(30, 30, 30, 0.5019607843);
    font-weight: 300;
}
.enter-form__warning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.833vw, 10px);
    margin-top: max(2.222vw, 24px);
}
.enter-form__warning-text {
    color: rgba(30, 30, 30, 0.3019607843);
    font-size: max(1.389vw, 16px);
    font-weight: 300;
    text-align: center;
}
@media (max-width: 834px) {
    .enter-form__warning-text {
        margin-top: max(2.878vw, 20px);
        font-size: max(1.918vw, 14px);
    }
}
.enter-form__warning-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.208vw, 3px);
    translate: 0 -100%;
}
.enter-form__warning-disc {
    display: block;
    width: max(0.278vw, 4px);
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: rgba(30, 30, 30, 0.3019607843);
    -webkit-animation: slide-down 1000ms infinite ease-in-out;
    animation: slide-down 1000ms infinite ease-in-out;
}
.enter-form__warning-disc:nth-child(2) {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
}
.enter-form__warning-disc:nth-child(3) {
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
}

/*$ //$------------ enter-code-form ------------$// $*/
.enter-code-form__fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: max(1.389vw, 10px);
    margin-bottom: max(2.222vw, 26px);
}
@media (max-width: 834px) {
    .enter-code-form__fieldset {
        gap: max(1.199vw, 8px);
        margin-bottom: max(3.118vw, 20px);
    }
}
.enter-code-form__input {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: max(4.167vw, 60px);
    border: max(0.069vw, 1px) solid rgba(30, 30, 30, 0.3019607843);
    border-radius: max(0.833vw, 8px);
    font-size: max(1.389vw, 20px);
    text-align: center;
}
@media (max-width: 834px) {
    .enter-code-form__input {
        height: max(8.393vw, 50px);
        font-size: max(2.398vw, 16px);
    }
}
.enter-code-form__input:focus {
    border: max(0.139vw, 2px) solid #ff9b50;
}

/*$ //$------------ account-search ------------$// $*/
.account-search__form {
    height: 100%;
}
.account-search__form-field {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: max(26.389vw, 320px);
    padding-inline: max(1.111vw, 16px);
    overflow: clip;
    border: 1px solid #d7dce4;
    border-radius: max(0.556vw, 8px);
    height: 100%;
}
@media (max-width: 834px) {
    .account-search__form-field {
        width: max(38.369vw, 300px);
    }
}
@media (max-width: 600px) {
    .account-search__form-field {
        width: auto;
    }
}
.account-search__form-input {
    height: 100%;
    font-size: max(0.972vw, 14px);
    background-color: transparent;
    width: 100%;
    padding-right: max(1.111vw, 16px);
}
.account-search__form-icon {
    width: max(1.389vw, 20px);
    height: max(1.389vw, 20px);
}
.request-error-message {
    display: block;
    width: 100%;
    margin-top: max(0.556vw, 8px);
    color: #d92d20;
    font-size: max(0.972vw, 14px);
    line-height: 1.4;
}
.request-error-message[hidden] {
    display: none;
}
.timetable-form__output > .request-error-message {
    margin-top: 0;
    margin-bottom: max(0.833vw, 12px);
}

/*$ //$------------ profile-settings ------------$// $*/
.profile-settings {
    /*! //!------------ calendar ------------!// !*/
}
.profile-settings._community .profile-settings__inner {
    gap: max(3.357vw, 20px);
}
.profile-settings__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: max(6.944vw, 50px);
}
@media (max-width: 980px) {
    .profile-settings__inner {
        gap: max(4.082vw, 20px);
    }
}
@media (max-width: 834px) {
    .profile-settings__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
    }
}
.profile-settings__section {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
}
@media (max-width: 834px) {
    .profile-settings__section {
        max-width: none;
    }
}
.profile-settings__section-title {
    margin-bottom: max(1.667vw, 24px);
    font-size: max(1.389vw, 14px);
}
@media (max-width: 834px) {
    .profile-settings__section-title {
        margin-bottom: max(2.878vw, 20px);
    }
    .profile-settings__section-title._personal-data {
        display: none;
    }
}
@media (max-width: 600px) {
    .profile-settings__section-title {
        font-size: 16px;
    }
}
.profile-settings__photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(1.667vw, 12px);
    margin-bottom: max(1.667vw, 17px);
}
@media (max-width: 600px) {
    .profile-settings__photo {
        margin-bottom: 20px;
    }
}
.profile-settings__photo-image {
    width: max(8.333vw, 83px);
    aspect-ratio: 1;
    overflow: clip;
    border-radius: 50%;
}
.profile-settings__photo-image img {
    width: 100%;
}
.profile-settings__photo-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(1.111vw, 10px);
}
.profile-settings__photo-title {
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(0.972vw, 12px);
}
.profile-settings__photo-set {
    position: relative;
}
.profile-settings__photo-label, .profile-settings__button {
    width: max(11.806vw, 130px);
    height: max(2.778vw, 28px);
    border-radius: max(0.833vw, 6px);
    background-color: #ff9b50;
    cursor: pointer;
    color: #fff;
    font-size: max(0.972vw, 12px);
    font-weight: 300;
}
.profile-settings__photo-input {
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: 0;
    cursor: pointer;
}
@media (max-width: 834px) {
    .profile-settings__fieldset:not(:has(._password)) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 10px;
    }
}
@media (max-width: 600px) {
    .profile-settings__fieldset:not(:has(._password)) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.profile-settings__fieldset._password {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.profile-settings__field {
    margin-bottom: max(0.833vw, 12px);
}
@media (max-width: 834px) {
    .profile-settings__field {
        margin-bottom: max(1.918vw, 12px);
        width: calc(50% - 5px);
    }
}
@media (max-width: 600px) {
    .profile-settings__field {
        width: 100%;
    }
}
.profile-settings__field._invalid .profile-settings__input-wrapper {
    color: #da3849;
    border-color: #da3849;
}
.profile-settings__field._invalid .profile-settings__input {
    color: #da3849;
}
.profile-settings__field-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: max(0.556vw, 8px);
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(0.972vw, 12px);
    font-weight: 300;
}
.profile-settings__field-header span {
    color: #da3849;
}
.profile-settings__field-title {
    display: block;
}
.profile-settings__input-wrapper {
    min-height: max(2.639vw, 36px);
    padding-inline: max(1.111vw, 16px);
    padding-block: max(0.417vw, 6px);
    border: max(0.069vw, 1px) solid rgba(54, 83, 153, 0.5019607843);
    border-radius: max(0.556vw, 8px);
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
@media (max-width: 600px) {
    .profile-settings__input-wrapper {
        min-height: 40px;
    }
}
.profile-settings__input {
    width: 100%;
    height: 100%;
    font-size: max(0.972vw, 12px);
    font-weight: 300;
}
.profile-settings__input-icon, .profile-settings__input-button {
    width: max(1.389vw, 20px) !important;
    height: max(1.389vw, 20px) !important;
}
.profile-settings__input-icon svg, .profile-settings__input-button svg {
    width: 100%;
    height: 100%;
}
.profile-settings__fieldset-legend {
    display: none;
}
@media (max-width: 834px) {
    .profile-settings__fieldset-legend {
        display: block;
        margin-bottom: 16px;
    }
}
.profile-settings__field-details {
    font-size: max(0.833vw, 12px);
    color: rgba(30, 30, 30, 0.5019607843);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(0.556vw, 8px);
    margin-bottom: max(1.667vw, 16px);
}
@media (max-width: 834px) {
    .profile-settings__field-details {
        gap: 12px;
    }
}
.profile-settings__field-details span {
    color: #365399;
}
.profile-settings__admins-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(1.111vw, 11px);
}
.profile-settings__field-error {
    font-weight: 300;
    font-size: max(0.972vw, 12px);
    color: #da3849;
    margin-top: max(0.556vw, 6px);
}
.profile-settings .flatpickr-calendar {
    right: 0 !important;
    left: auto !important;
    display: block;
    top: calc(100% + max(0.694vw, 10px)) !important;
}
.profile-settings .flatpickr-calendar::after {
    display: none;
}
.profile-settings .flatpickr-calendar._top {
    top: calc(100% + max(0.694vw, 10px)) !important;
}
.profile-settings .flatpickr-calendar._bottom {
    top: auto !important;
    bottom: calc(100% + max(0.694vw, 10px)) !important;
}
.profile-settings .flatpickr-calendar._left {
    left: 0 !important;
    right: auto !important;
}
.profile-settings .flatpickr-calendar._right {
    right: 0 !important;
    left: auto !important;
}


/*$ // $------------ certificate-form ------------$ // $*/
.certificate-form__inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: max(1.389vw, 20px);
    -webkit-column-gap: max(1.111vw, 16px);
    -moz-column-gap: max(1.111vw, 16px);
    column-gap: max(1.111vw, 16px);
}
@media (max-width: 834px) {
    .certificate-form__inner {
        row-gap: max(2.398vw, 12px);
    }
}
@media (max-width: 600px) {
    .certificate-form__inner {
        grid-template-columns: auto;
    }
}
.certificate-form__fieldset._file {
    grid-column: span 2;
}
@media (max-width: 600px) {
    .certificate-form__fieldset._file {
        grid-column: auto;
    }
}
.certificate-form__legend {
    margin-bottom: max(0.694vw, 10px);
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(1.111vw, 16px);
}
@media (max-width: 834px) {
    .certificate-form__legend {
        font-size: max(1.918vw, 14px);
    }
}
.certificate-form__field, .certificate-form__select {
    height: max(4.167vw, 60px);
    border: max(0.069vw, 1px) solid rgba(30, 30, 30, 0.3019607843);
    border-radius: max(0.833vw, 12px);
    font-size: max(1.111vw, 16px);
}
@media (max-width: 834px) {
    .certificate-form__field, .certificate-form__select {
        height: max(7.194vw, 44px);
        border-radius: max(1.439vw, 8px);
        font-size: max(1.918vw, 14px);
    }
}
.certificate-form__field *, .certificate-form__select * {
    font-size: inherit;
}
.certificate-form__field:has(input:disabled), .certificate-form__select:has(input:disabled) {
    border-color: rgba(54, 83, 153, 0.5019607843);
    background-color: #e3e3e3;
}
.certificate-form__field.select._active .select__content, .certificate-form__select.select._active .select__content {
    border: max(0.069vw, 1px) solid rgba(30, 30, 30, 0.3019607843);
}
.certificate-form__field .select__pane, .certificate-form__select .select__pane {
    height: 100%;
    padding-inline: max(1.111vw, 16px);
    background-color: #fff;
    border-radius: inherit;
}
.certificate-form__field .select__content, .certificate-form__select .select__content {
    border-radius: max(0.833vw, 12px);
}
@media (max-width: 834px) {
    .certificate-form__field .select__content, .certificate-form__select .select__content {
        border-radius: max(1.439vw, 8px);
    }
}
.certificate-form__field .select__list, .certificate-form__select .select__list {
    max-height: max(15.625vw, 225px);
    padding: max(0.417vw, 6px);
    overflow: auto;
    border-radius: inherit;
    background-color: #fff;
}
@media (max-width: 834px) {
    .certificate-form__field .select__list, .certificate-form__select .select__list {
        max-height: max(26.978vw, 140px);
    }
}
.certificate-form__field .select__item, .certificate-form__select .select__item {
    border-radius: max(0.833vw, 12px);
    background-color: #fff;
    color: #1e1e1e;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
@media (max-width: 834px) {
    .certificate-form__field .select__item, .certificate-form__select .select__item {
        border-radius: max(1.439vw, 8px);
    }
}
@media (hover: hover) {
    .certificate-form__field .select__item:hover, .certificate-form__select .select__item:hover {
        background-color: #f3f3f3;
    }
}
.certificate-form__field .select__label, .certificate-form__select .select__label {
    border: none;
}
.certificate-form__field.drag-file-field, .certificate-form__select.drag-file-field {
    height: max(13.889vw, 200px);
    padding-block: max(2.361vw, 34px);
}
@media (max-width: 834px) {
    .certificate-form__field.drag-file-field, .certificate-form__select.drag-file-field {
        height: max(23.981vw, 180px);
        padding-block: max(4.077vw, 30px);
    }
}
.certificate-form__field .drag-file-field__label, .certificate-form__select .drag-file-field__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}
.certificate-form__field .drag-file-field__input, .certificate-form__select .drag-file-field__input {
    width: 100%;
}
.certificate-form__field .drag-file-field__icon, .certificate-form__select .drag-file-field__icon {
    margin-bottom: max(1.111vw, 16px);
    width: max(2.778vw, 40px);
    height: max(2.778vw, 40px);
}
.certificate-form__field .drag-file-field__text, .certificate-form__select .drag-file-field__text {
    margin-bottom: max(1.111vw, 16px);
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(0.972vw, 14px);
}
.certificate-form__field .drag-file-field__button, .certificate-form__select .drag-file-field__button {
    height: max(2.778vw, 40px);
    padding-inline: max(2.222vw, 32px);
    border-radius: max(0.833vw, 12px);
    background-color: #ff9b50;
    color: #fff;
}
@media (max-width: 834px) {
    .certificate-form__field .drag-file-field__button, .certificate-form__select .drag-file-field__button {
        height: max(4.796vw, 28px);
        padding-inline: max(3.837vw, 20px);
        border-radius: max(1.439vw, 6px);
    }
}
.certificate-form__input {
    display: block;
    width: 100%;
    height: 100%;
    padding-inline: max(1.111vw, 16px);
    font-size: inherit;
    background-color: transparent;
}
.certificate-form__button {
    background-color: #ff9b50;
    color: #fff;
    border-radius: max(0.833vw, 12px);
    height: max(4.167vw, 60px);
    grid-column: span 2;
    font-size: max(1.389vw, 20px);
}
@media (max-width: 834px) {
    .certificate-form__button {
        border-radius: max(1.439vw, 8px);
        height: max(7.194vw, 44px);
        font-size: max(2.398vw, 16px);
    }
}
@media (max-width: 600px) {
    .certificate-form__button {
        grid-column: auto;
    }
}


/*$ //$======================== ACCORDIONS ========================$// $*/
/*$ //$======================== ACCORDIONS ========================$// $*/
.accordion__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
}
.accordion__body {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}

/*$ //$------------ faq-accordion ------------$// $*/
.faq-accordion {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: max(1.111vw, 14px);
    -moz-column-gap: max(1.111vw, 14px);
    column-gap: max(1.111vw, 14px);
}
.faq-accordion__tab {
    margin-bottom: max(1.111vw, 14px);
}
@media (width <= 834px) {
    .faq-accordion__tab {
        margin-bottom: max(1.679vw, 8px);
    }
}
@media (width <= 600px) {
    .faq-accordion {
        grid-template-columns: repeat(1, 1fr);
    }
}
.faq-accordion__tab._active .faq-accordion__line {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.faq-accordion__header, .faq-accordion_content {
    background-color: rgba(230, 234, 242, 0.5019607843);
    border: max(0.069vw, 1px) solid #d7dce4;
    border-radius: max(0.833vw, 10px);
    padding: max(1.389vw, 16px);
}
@media (width <= 834px) {
    .faq-accordion__header, .faq-accordion_content {
        border-radius: max(1.199vw, 8px);
    }
}
.faq-accordion__header-text {
    font-size: max(1.111vw, 16px);
    padding-right: max(1.389vw, 16px);
}
.faq-accordion__header-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.faq-accordion__line {
    position: absolute;
    display: block;
    width: max(0.972vw, 14px);
    height: max(0.139vw, 2px);
    border-radius: max(0.139vw, 2px);
    background-color: #365399;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
.faq-accordion__line:last-child {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.faq-accordion__body._active {
    margin-top: max(1.111vw, 14px);
}
@media (width <= 834px) {
    .faq-accordion__body._active {
        margin-top: max(1.679vw, 8px);
    }
}
.faq-accordion_content {
    font-size: max(1.111vw, 16px);
}

/*$ //$------------ program-accordion ------------$// $*/
.program-accordion__tab {
    border-bottom: max(0.069vw, 1px) solid #ff9b50;
    padding-block: max(2.222vw, 24px);
}
.program-accordion__tab:first-child {
    border-top: max(0.069vw, 1px) solid #ff9b50;
}
.program-accordion__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.program-accordion__header-text {
    font-size: max(2.5vw, 24px);
}
@media (width <= 834px) {
    .program-accordion__header-text {
        font-size: max(2.878vw, 20px);
    }
}
.program-accordion__header-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: max(2.222vw, 32px);
    height: max(2.222vw, 32px);
}
.program-accordion__header-button img {
    width: max(1.111vw, 16px);
    height: max(1.111vw, 16px);
}
@media (width <= 834px) {
    .program-accordion__header-button {
        width: max(2.878vw, 20px);
        height: max(2.878vw, 20px);
    }
    .program-accordion__header-button img {
        width: max(1.439vw, 10px);
        height: max(1.439vw, 10px);
    }
}
.program-accordion_content {
    padding-top: max(4.167vw, 24px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (width <= 600px) {
    .program-accordion_content {
        gap: 24px;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }
}

.program-accordion__text-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(1.667vw, 24px);
    flex: 0.39;
    width: max(29.167vw, 416px);
}
@media (width <= 834px) {
    .program-accordion__text-box {
        flex: 0.49;
        width: max(29.167vw, 306px);
    }
}
@media (width <= 600px) {
    .program-accordion__text-box {
        flex: 1;
        width: 328px;
    }
}

.program-accordion__text {
    font-family: inherit !important;
    font-weight: 300;
    font-size: max(1.25vw, 16px);
    color: rgba(30, 30, 30, 0.7019607843);
    margin-bottom: max(0.833vw, 10px);
}

.program-accordion__text-box ul li {
    list-style: disc;
}

.program-accordion__text-box ul {
    list-style: disc;
    padding-left: 1.5em;
}

.program-accordion__text-box ol {
    list-style: decimal;
    padding-left: 1.5em;
}

.program-accordion__text-box ul li, ol li {
    font-family: inherit !important;
    font-size: inherit !important;
}

.program-accordion__image {
    border-radius: max(0.833vw, 12px);
    overflow: hidden;
    flex: 0.49;
    /*width: max(36.389vw, 524px) !important;
    height: max(19.167vw, 276px) !important;*/
    width: 100% !important;
    height: 100% !important;
}
@media (width <= 834px) {
    .program-accordion__image {
        border-radius: max(0.959vw, 8px);
        flex: 0.39;
        /*width: max(29.038vw, 242px) !important;
        height: max(17.789vw, 148px) !important;*/
        width: 100% !important;
        height: 100% !important;
    }
}
@media (width <= 600px) {
    .program-accordion__image {
        border-radius: 12px;
        flex: none;
        width: 100% !important;
        height: 100% !important;
    }
}

.program-accordion__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

/*$ //$======================== TDIS ========================$// $*/
/*$ //$======================== TDIS ========================$// $*/
.tdi {
    position: relative;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
.tdi__tab._active .tdi__body {
    visibility: visible;
    opacity: 1;
}
.tdi__header {
    cursor: pointer;
}
.tdi__body {
    width: 100%;
    position: absolute;
    left: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}

/*$ //$======================== TABLES ========================$// $*/
/*$ //$======================== TABLES ========================$// $*/
.forum-table {
    width: 100%;
    overflow: hidden;
    border-spacing: 0;
}
.forum-table__wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: max(1.389vw, 16px);
    border-radius: max(0.833vw, 12px) max(0.833vw, 12px);
    background-color: rgba(230, 234, 242, 0.5019607843);
}
.forum-table__wrapper:has(._most-active) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
@media (width <= 980px) {
    .forum-table__wrapper:has(._most-active) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 240px;
        flex: 1 1 240px;
    }
}
@media (width <= 980px) {
    .forum-table__wrapper:has(._most-active) .forum-table__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: max(2.449vw, 24px);
    }
}
@media (width <= 600px) {
    .forum-table__wrapper:has(._most-active) .forum-table__header {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
@media (width <= 980px) {
    .forum-table__wrapper:has(._most-active) .forum-select__pane {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
@media (width <= 600px) {
    .forum-table__wrapper:has(._most-active) .forum-select__pane {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.forum-table__wrapper:has(._most-active) .forum-select__content {
    left: 0;
}
.forum-table__wrapper:has(._most-active) .forum-select__label {
    text-align: left;
}
@media (width <= 600px) {
    .forum-table__wrapper:has(._most-active) .forum-select__label {
        text-align: right;
    }
}
.forum-table__wrapper:has(._most-active) .forum-table__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: max(0.556vw, 8px);
}
@media (width <= 980px) {
    .forum-table__wrapper:has(._most-active) .forum-table__row {
        padding-block: 24px;
    }
}
.forum-table__wrapper:has(._most-active) .forum-table__filter-item {
    padding-right: 0;
}
.forum-table__wrapper:has(._most-active) .forum-table__data:last-child:not(:is(.forum-table__filter-item)) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.forum-table__wrapper:has(._most-active) .forum-table__data:last-child:not(:is(.forum-table__filter-item)) .forum-table__data-inner {
    text-align: right;
}
@media (width <= 600px) {
    .forum-table__wrapper:has(._most-active) .forum-table__data:last-child:not(:is(.forum-table__filter-item)) .forum-table__data-inner {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.forum-table__wrapper:has(._most-active) .forum-table__data:last-child:not(:is(.forum-table__filter-item)) .forum-table__data-value {
    width: 100%;
}
@media (width <= 600px) {
    .forum-table__wrapper:has(._most-active) .forum-table__data:last-child:not(:is(.forum-table__filter-item)) .forum-table__data-value {
        width: 80px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}
.forum-table__header {
    margin-bottom: max(0.833vw, 12px);
}
@media (width <= 980px) {
    .forum-table__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: max(1.224vw, 12px);
        margin-bottom: 0;
    }
}
.forum-table__select {
    display: none;
}
@media (width <= 980px) {
    .forum-table__select {
        display: block;
    }
}
.forum-table__caption {
    font-size: max(1.389vw, 20px);
}
.forum-table__row {
    outline: max(0.069vw, 1px) solid rgba(30, 30, 30, 0.3019607843);
}
@media (width <= 980px) {
    .forum-table__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-block: 20px;
    }
}
.forum-table__row:nth-child(odd) {
    outline: none;
}
.forum-table__data {
    padding-block: max(1.111vw, 8px);
    padding-right: max(1.111vw, 8px);
    font-size: max(1.111vw, 16px);
    text-align: center;
}
@media (width <= 980px) {
    .forum-table__data {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 12px;
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px;
        margin-bottom: 8px;
        padding: 0;
        text-align: left;
    }
    .forum-table__data:last-child {
        margin-bottom: 0;
    }
}
.forum-table__data:last-child {
    padding-right: 0;
}
.forum-table__data._name {
    font-weight: 400;
    text-align: left;
}
@media (width <= 980px) {
    .forum-table__data._name {
        margin-bottom: max(1.633vw, 12px);
    }
}
.forum-table__data._name .forum-table__data-inner {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.forum-table__data-key {
    display: none;
}
@media (width <= 980px) {
    .forum-table__data-key {
        display: block;
    }
}
.forum-table__data-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.556vw, 8px);
    width: 100%;
    min-height: max(3.611vw, 43px);
    font-size: max(1.111vw, 16px);
}
@media (width <= 980px) {
    .forum-table__data-inner {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        min-height: auto;
    }
}
@media (width <= 834px) {
    .forum-table__data-inner {
        font-size: max(1.918vw, 14px);
    }
}
.forum-table__data-badge {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: max(1.667vw, 24px);
    font-size: max(0.903vw, 13px);
}
.forum-table__data-badge img {
    width: 100%;
}
.forum-table__data-avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: max(3.611vw, 32px);
    height: max(3.611vw, 32px);
    overflow: hidden;
    border-radius: 50%;
}
@media (width <= 600px) {
    .forum-table__data-avatar {
        width: 52px;
        height: 52px;
    }
}
.forum-table__data-avatar img {
    width: 100%;
    height: 100%;
}
.forum-table__data-status {
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(0.903vw, 13px);
}
.forum-table__filter {
    outline: none;
}
@media (width <= 980px) {
    .forum-table__filter._row {
        display: none !important;
    }
}
.forum-table__filter._most-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.forum-table__filter-item {
    padding-top: 0;
}
.forum-table__filter-item._name {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.forum-table__filter-label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: max(3.194vw, 46px);
    padding-inline: max(0.972vw, 10px);
    border: max(0.278vw, 4px) solid #fff;
    border-radius: max(0.417vw, 6px);
    background-color: #fff;
    font-size: max(0.972vw, 14px);
    text-wrap: nowrap;
}
.forum-table__filter-label:has(input:checked) {
    background-color: rgba(230, 234, 242, 0.5019607843);
    color: #365399;
}
.forum-table__filter-input {
    position: absolute;
    visibility: hidden;
}

/*$ //$======================== ARTICLES ========================$// $*/
/*$ //$======================== ARTICLES ========================$// $*/
.article {
    display: grid;
    grid-template-columns: auto 1fr 1fr;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "heading heading heading" "back image desc" "back contents desc";
    -webkit-column-gap: max(2.222vw, 14px);
    -moz-column-gap: max(2.222vw, 14px);
    column-gap: max(2.222vw, 14px);
    row-gap: max(2.222vw, 20px);
}
.article:has(.article__tags, .article__date) {
    grid-template-columns: auto 1fr 1fr;
    grid-template-rows: auto auto auto 1fr;
    grid-template-areas:
        "heading heading heading"
        "back image tags-date"
        "back image desc"
        "back contents desc";
}
@media (width <= 834px) {
    .article:has(.article__tags, .article__date) {
        grid-template-areas: "back heading heading" "image image tags-date" "image image desc" "back contents desc";
    }
}
@media (width <= 600px) {
    .article:has(.article__tags, .article__date) {
        grid-template-columns: auto 1fr;
        grid-template-areas: "back heading" "tags-date tags-date" "image image" "desc desc" "contents contents";
    }
}
@media (width <= 834px) {
    .article {
        grid-template-columns: auto 1fr 50%;
        grid-template-areas: "heading heading heading" "back image desc" "back contents desc";
    }
}
@media (width <= 600px) {
    .article {
        /*OLD: grid-template-columns: auto 1fr;
        grid-template-areas: "heading heading heading" "back image desc" "back contents desc";*/
        grid-template-columns: auto 1fr;
        grid-template-areas:
            "back heading"
            "tags-date tags-date"
            "image image"
            "desc desc"
            "contents contents";
    }
}
.article._seminar {
    padding-right: 6.944vw;
}
@media (width <= 980px) {
    .article._seminar {
        padding-right: 0;
    }
}

.article._trainer {
    grid-template-columns: auto 1fr 1.35fr;
}
@media (max-width: 600px) {
    .article._trainer {
        grid-template-columns: auto 1fr;
    }
}
.article._trainer .article__image {
    aspect-ratio: 1;
}
.article__heading {
    grid-area: heading;
    margin-bottom: max(0.556vw, 8px);
    align-self: center;
}
@media (width <= 834px) {
    .article__heading {
        margin-bottom: 0;
    }
}
.article__back {
    align-self: flex-start;
    grid-area: back;
}
@media (width <= 834px) {
    .article__back {
        -ms-flex-item-align: center;
        align-self: center;
    }
}
.article__image {
    grid-area: image;
    border-radius: max(1.111vw, 16px);
    overflow: hidden;
    aspect-ratio: 1.6;
}
@media (width <= 834px) {
    .article__image {
        border-radius: max(1.918vw, 12px);
    }
}
.article__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.article__tags {
    grid-area: tags-date;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.833vw, 10px);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.article__date {
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(1.25vw, 16px);
    grid-area: tags-date;
}
.article__desc {
    grid-area: desc;
}
.article__desc-heading {
    font-size: max(2.5vw, 28px);
    margin-bottom: max(1.389vw, 16px);
}
@media (width <= 834px) {
    .article__desc-heading {
        font-size: max(3.357vw, 20px);
    }
}
.article__contents {
    grid-area: contents;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(2.778vw, 24px);
    width: fit-content;
    max-width: 100%;
}
.article__content {
    display: block;
}

.place__article .article__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: max(2.222vw, 14px);
    -moz-column-gap: max(2.222vw, 14px);
    column-gap: max(2.222vw, 14px);
}
@media (width <= 834px) {
    .place__article .article__content {
        grid-template-columns: 1fr 50%;
    }
}

@media (width <= 600px) {
    .article__content {
        display: block;
    }
}
.article__text-box._main {
    grid-area: desc;
    display: block;
}
.article__key {
    font-size: max(1.667vw, 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (width <= 834px) {
    .article__key {
        font-size: max(2.398vw, 18px);
    }
}
@media (width <= 600px) {
    .article__key {
        margin-bottom: 24px;
    }
}
.article__key-image {
    border-radius: max(1.667vw, 24px);
    width: 100%;
    aspect-ratio: 1.868;
    margin-top: auto;
}
/*.article__key-image:first-child {*/
/*    margin-top: 0;*/
/*}*/
.article__gallery-image {
        margin-top: 0;
}
.article__text {
    font-size: max(1.25vw, 16px);
    color: rgba(30, 30, 30, 0.7019607843);
    margin-bottom: max(0.833vw, 10px);
}
/*.article__text:last-child {*/
/*    margin-bottom: 0;*/
/*}*/

.article__content ul li {
    list-style: disc;
}

.article__content ul {
    list-style: disc;
    padding-left: 1.5em;
    margin-bottom: max(0.833vw, 10px);
}

.article__content ol {
    list-style: decimal;
    padding-left: 1.5em;
    margin-bottom: max(0.833vw, 10px);
}

.article__content ul li,
.article__content ol li {
    font-family: inherit !important;
    font-size: max(1.25vw, 16px) !important;
    font-weight: 300 !important;
    color: rgba(30, 30, 30, 0.7019607843);
}

/*$ //$------------ article subheadings ------------$// $*/
.article__desc h2.subheading {
    font-size: max(1.389vw, 18px) !important;
    font-weight: 500 !important;
    margin-top: max(1.667vw, 20px) !important;
    margin-bottom: max(0.887vw, 10px) !important;
    color: #1e1e1e !important;
}
@media (width <= 834px) {
    .article__desc h2.subheading {
        font-size: max(2.158vw, 16px) !important;
    }
}

.article__content h3 {
    font-size: max(1.25vw, 16px) !important;
    font-weight: 400 !important;
    margin-top: max(0.833vw, 10px) !important;
    margin-bottom: max(0.833vw, 10px) !important;
    /*color: rgba(30, 30, 30, 0.7019607843) !important;*/
    /*color: #1e1e1e !important;*/
}
@media (width <= 834px) {
    /*.article__content h3 {*/
    /*    font-size: max(2.158vw, 16px) !important;*/
    /*}*/
}

/*$ //$======================== MODALS ========================$// $*/
/*$ //$======================== MODALS ========================$// $*/
.modal {
    position: fixed;
    inset-block-start: 0;
    inset-block-end: 0;
    z-index: calc(infinity);
    display: block;
    max-width: calc(100% - 25px);
    max-height: calc(100% - 25px);
    margin: auto;
    visibility: hidden;
    opacity: 0;
    overflow: auto;
    -webkit-transition: all 250ms;
    transition: all 250ms;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.modal::-ms-backdrop {
    display: none;
}
.modal::backdrop {
    display: none;
}
.modal[open] {
    visibility: visible;
    opacity: 1;
}

/*$ //$------------ library-modal ------------$// $*/
.library-modal {
    width: max(44.444vw, 626px);
    max-height: calc(100% - max(20.833vw, 300px));
    overflow: hidden;
    overflow-y: auto;
    border-radius: max(0.556vw, 8px);
    color: #1e1e1e;
    container-type: inline-size;
    /*! //!------------ library-modal: timetable ------------!// !*/
}
.library-modal::backdrop {
    display: block;
    background: transparent;
    cursor: pointer;
}
@media (width <= 600px) {
    .library-modal {
        max-width: 100%;
        height: 100%;
        max-height: 100%;
        inset: 0;
    }
}
.library-modal__inner {
    padding: max(2.778vw, 32px);
}
@media (width <= 834px) {
    .library-modal__inner {
        padding: max(3.837vw, 16px);
    }
}
.library-modal__return {
    display: none;
    margin-bottom: max(1.389vw, 20px);
}
@media (width <= 600px) {
    .library-modal__return {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.library-modal__about {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas: "image info" "desc desc" "buttons buttons";
    row-gap: max(2.083vw, 30px);
    -webkit-column-gap: max(2.5vw, 24px);
    -moz-column-gap: max(2.5vw, 24px);
    column-gap: max(2.5vw, 24px);
    margin-bottom: max(4.167vw, 60px);
}
.library-modal._legacy-library-book .library-modal__about {
    grid-template-areas: "image info";
    row-gap: 0;
    margin-bottom: 0;
}
.library-modal._legacy-library-book._legacy-library-book-has-description .library-modal__about {
    grid-template-areas: "image info" "desc desc";
    row-gap: max(2.083vw, 30px);
}
@media (width <= 834px) {
    .library-modal__about {
        margin-bottom: 100px;
    }
}
@media (width <= 600px) {
    .library-modal__about {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 0;
    }
    .library-modal._legacy-library-book._legacy-library-book-has-description .library-modal__about {
        row-gap: 0;
    }
    .library-modal._legacy-library-book._legacy-library-book-has-description .library-modal__description {
        margin-top: 30px;
    }
}
.library-modal__image {
    grid-area: image;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: max(15.556vw, 224px);
    height: max(22.222vw, 320px);
    padding: max(1.25vw, 18px);
    border-radius: max(0.833vw, 8px);
    background-color: rgba(230, 234, 242, 0.5019607843);
}
@media (width <= 834px) {
    .library-modal__image {
        padding: 26px;
    }
}
@media (width <= 600px) {
    .library-modal__image {
        width: 100%;
        margin-bottom: 24px;
        padding: 0;
        background-color: transparent;
    }
}
.library-modal__info {
    align-self: stretch;
    grid-area: info;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (width <= 600px) {
    .library-modal__header {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}
.library-modal__title {
    margin-bottom: max(0.556vw, 8px);
    font-size: max(1.389vw, 20px);
}
@media (width <= 834px) {
    .library-modal__title {
        margin-bottom: 12px;
    }
}
@media (width <= 600px) {
    .library-modal__title {
        margin-bottom: 12px;
        font-size: 26px;
        text-align: center;
    }
}
.library-modal__author {
    margin-bottom: max(3.194vw, 46px);
    font-size: max(1.111vw, 16px);
}
.library-modal._legacy-library-book .library-modal__author {
    margin-bottom: max(1.111vw, 16px);
}
.library-modal._legacy-library-book .library-modal__header .library-modal__button {
    width: 100%;
}
@media (width <= 834px) {
    .library-modal__author {
        margin-bottom: max(5.516vw, 32px);
    }
}
@media (width <= 600px) {
    .library-modal__author {
        text-align: center;
    }
}
.library-modal__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: max(0.694vw, 10px);
}
@media (width <= 600px) {
    .library-modal__details {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: max(2vw, 8px);
        margin-bottom: 32px;
    }
}
.library-modal__detail {
    display: grid;
    grid-template-columns: 50% 1fr;
    font-size: max(1.111vw, 16px);
    text-wrap: balance;
}
@media (width <= 600px) {
    .library-modal__detail {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 106px;
        padding: 12px;
        border-radius: 12px;
        background-color: rgba(230, 234, 242, 0.5019607843);
        text-align: center;
    }
}
.library-modal__detail-key {
    color: rgba(30, 30, 30, 0.7019607843);
}
.library-modal__description {
    grid-area: desc;
}
@media (width <= 600px) {
    .library-modal__description {
        margin-bottom: 40px;
    }
}
.library-modal__description-title {
    margin-bottom: max(0.972vw, 14px);
    font-size: max(1.389vw, 20px);
}
@media (width <= 600px) {
    .library-modal__description-title {
        font-size: 26px;
    }
}
.library-modal__description-text {
    font-size: max(1.111vw, 16px);
}
.library-modal__button-box {
    grid-area: buttons;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.833vw, 12px);
}
.library-modal__button {
    width: 100%;
}
.library-modal .timetable-form__inner {
    grid-template-columns: 2fr 1fr;
    grid-template-areas: "heading link" "fieldset fieldset" "calendar city" "calendar checkbox" "output output";
    max-height: none;
}
@media (width <= 834px) {
    .library-modal .timetable-form__inner {
        grid-template-areas: "heading link" "fieldset fieldset" "checkbox city" "calendar calendar" "output output";
    }
}
@media (width <= 600px) {
    .library-modal .timetable-form__inner {
        grid-template-columns: 1fr auto;
        grid-template-areas: "heading link" "calendar calendar" "fieldset city" "output output";
    }
}
.library-modal .timetable-form__heading {
    font-size: max(1.389vw, 20px);
}
@media (width <= 834px) {
    .library-modal .timetable-form__heading {
        font-size: 24px;
    }
}
@media (width <= 600px) {
    .library-modal .timetable-form__heading {
        font-size: 26px;
    }
}
.library-modal .timetable-form__fieldset {
    margin-block: max(2.083vw, 30px);
}
@media (width <= 600px) {
    .library-modal .timetable-form__fieldset {
        margin-block: 0;
    }
}
.library-modal .timetable-form__link {
    grid-area: link;
}
@media (width <= 600px) {
    .library-modal .timetable-form__link {
        justify-self: flex-end;
    }
}
.library-modal .timetable-form__city {
    justify-self: flex-end;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: max(0.694vw, 10px);
}
@media (width <= 834px) {
    .library-modal .timetable-form__city {
        margin-bottom: 0;
    }
}
.library-modal .timetable-form__checkbox {
    justify-self: flex-end;
}
@media (width <= 834px) {
    .library-modal .timetable-form__checkbox {
        justify-self: flex-start;
    }
}
.library-modal .timetable-form__output {
    overflow: visible;
}
@media (width <= 600px) {
    .library-modal .timetable-form__output {
        margin-top: 24px;
    }
}
.library-modal .timetable-form__output-list {
    display: none;
}
@media (width <= 834px) {
    .library-modal .timetable-form__output-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (width <= 834px) {
    .library-modal .timetable-form__output-slider {
        display: none;
    }
}
@media (width <= 834px) {
    .library-modal .timetable-form .calendar {
        margin-top: max(4.796vw, 34px);
        position: static;
    }
}
.library-modal .timetable-form .calendar__heading {
    display: none;
}
.library-modal .timetable-form .calendar .flatpickr-calendar {
    left: 0 !important;
}
@media (width <= 834px) {
    .library-modal .timetable-form .calendar .flatpickr-innerContainer {
        width: 100cqi;
        left: calc(-1 * max(3.837vw, 16px));
    }
}
.library-modal .timetable-slider__arrows {
    width: 100cqi;
    left: calc(-1 * max(2.778vw, 32px));
}
.library-modal .timetable-slider__arrow {
    background-color: #fff;
    width: max(1.667vw, 24px);
    height: max(1.667vw, 24px);
}
.library-modal .timetable-slider__arrow._prev {
    left: 0.556vw;
}
.library-modal .timetable-slider__arrow._next {
    right: 0.556vw;
}

/*$ //$------------ city-modal ------------$// $*/
.city-modal {
    overflow: hidden;
    border-radius: max(1.111vw, 12px);
}
@media (width <= 834px) {
    .city-modal {
        border-radius: max(1.439vw, 10px);
    }
}
.city-modal__header {
    padding-inline: max(2.222vw, 32px);
    padding-block: max(1.389vw, 20px);
    background-color: #e6eaf2;
}
@media (width <= 834px) {
    .city-modal__header {
        padding-inline: max(3.837vw, 16px);
    }
}
.city-modal__title {
    font-size: max(1.667vw, 20px);
}
@media (width <= 834px) {
    .city-modal__title {
        font-size: max(2.398vw, 18px);
    }
}
.city-modal__body {
    padding-inline: max(2.222vw, 32px);
    padding-top: max(2.222vw, 24px);
    padding-bottom: max(3.333vw, 36px);
}
@media (width <= 834px) {
    .city-modal__body {
        padding-inline: max(3.837vw, 16px);
        padding-top: max(2.878vw, 16px);
        padding-bottom: max(4.317vw, 32px);
    }
}
.city-modal__search {
    margin-bottom: max(2.222vw, 32px);
}
@media (width <= 834px) {
    .city-modal__search {
        margin-bottom: max(3.837vw, 24px);
    }
}
.city-modal__list {
    display: grid;
    grid-template-rows: repeat(5, 1fr);
    grid-auto-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    row-gap: max(1.389vw, 12px);
    -webkit-column-gap: max(3.472vw, 30px);
    -moz-column-gap: max(3.472vw, 30px);
    column-gap: max(3.472vw, 30px);
}
@media (width <= 600px) {
    .city-modal__list {
        grid-template-rows: repeat(8, 1fr);
    }
}
.city-modal__link {
    color: #365399;
    font-size: max(1.389vw, 20px);
}
@media (width <= 834px) {
    .city-modal__link {
        font-size: max(2.398vw, 16px);
    }
}

/*$ //$------------ report-modal ------------$// $*/
.report-modal {
    max-width: 80vw;
    height: 80dvh;
    max-height: 80dvh;
    overflow: visible;
    background-color: rgba(0, 0, 0, 0.2196078431);
}
.report-modal__slider, .report-modal__slider-track, .report-modal__slider-list {
    height: 100%;
}
.report-modal__slider {
    visibility: inherit !important;
}
.report-modal__slider-arrows {
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.report-modal__slider-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: max(2.917vw, 32px);
    height: max(2.917vw, 32px);
    z-index: 1;
    opacity: 1;
    border-radius: 50%;
    background-color: #fff;
}
@media (width <= 834px) {
    .report-modal__slider-arrow {
        width: max(2.222vw, 24px);
        height: max(2.222vw, 24px);
    }
    .report-modal__slider-arrow._left {
        left: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .report-modal__slider-arrow._right {
        right: 0;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }
    .report-modal__slider-arrow svg {
        width: max(2.878vw, 20px);
        height: max(2.878vw, 20px);
    }
}
@media (width <= 600px) {
    .report-modal__slider-arrow {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }
    .report-modal__slider-arrow._left {
        left: -30px;
    }
    .report-modal__slider-arrow._right {
        right: -30px;
    }
}
.report-modal__slider-arrow._left {
    left: calc(-2.083vw - max(2.917vw, 32px));
}
.report-modal__slider-arrow._right {
    right: calc(-2.083vw - max(2.917vw, 32px));
}
.report-modal__slider-arrow svg {
    width: max(1.667vw, 24px);
    height: max(1.667vw, 24px);
}
.report-modal__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.report-modal__slide-inner {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    border-radius: max(0.694vw, 10px);
}
.report-modal__slide-inner img {
    max-width: 100%;
    max-height: 80dvh;
}

/*$ //$------------ study-modal ------------$// $*/
.study-modal {
    width: max(41.667vw, 462px);
    border-radius: max(0.556vw, 8px);
}
.schedule-public {
    padding-block: max(11.111vw, 130px) max(5.556vw, 48px);
}
@media (width <= 834px) {
    .schedule-public {
        padding-top: max(15.588vw, 120px);
    }
}
.schedule-public__card {
    width: min(100%, 720px);
    margin-inline: auto;
    border-radius: max(0.556vw, 8px);
    background-color: #fff;
    box-shadow: 0 12px 32px rgba(30, 30, 30, 0.1);
}
.schedule-public__card .study-modal__date-and-time {
    flex-wrap: wrap;
}
.schedule-public__card .study-modal__details > .study-modal__detail {
    grid-column: auto;
    font-size: 18px;
}
.schedule-public__card .study-modal__details > .schedule-public__prerequisites {
    grid-column: 1 / -1;
}
.schedule-public__card .study-modal__date-value,
.schedule-public__card .study-modal__time-interval {
    font-size: 22px;
}
.schedule-public__timezone {
    margin-bottom: max(1.806vw, 20px);
    color: rgba(30, 30, 30, 0.7019607843);
}
.schedule-public__card .study-modal__text {
    white-space: pre-line;
}
.schedule-registration-contact {
    margin-bottom: 20px;
    padding: 16px;
    border-radius: 8px;
    background-color: #f5f5f5;
    line-height: 1.5;
    overflow-wrap: anywhere;
}
.schedule-registration-contact__label {
    margin-bottom: 8px;
    font-weight: 500;
}
.schedule-registration-contact__text {
    white-space: pre-line;
}
.study-modal__inner {
    padding: max(2.778vw, 40px);
}
@media (width <= 834px) {
    .study-modal__inner {
        padding: max(4.796vw, 20px);
    }
}
.study-modal__heading {
    margin-bottom: max(1.944vw, 20px);
    font-size: max(1.944vw, 24px);
}
@media (width <= 834px) {
    .study-modal__heading {
        margin-bottom: max(2.398vw, 16px);
        font-size: max(2.878vw, 16px);
    }
}
.study-modal__date-and-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(1.667vw, 16px);
    margin-bottom: max(2.222vw, 20px);
}
@media (max-width: 834px) {
    .study-modal__date-and-time {
        margin-bottom: max(2.398vw, 16px);
        gap: max(1.918vw, 12px);
    }
}
.study-modal__time-interval {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.694vw, 8px);
    font-size: max(1.944vw, 20px);
}
@media (width <= 834px) {
    .study-modal__time-interval {
        /*margin-bottom: max(2.398vw, 16px);*/
        font-size: max(2.398vw, 16px);
    }
}
.study-modal__icon {
    width: max(2.222vw, 24px);
    height: max(2.222vw, 24px);
}
.study-modal__icon img {
    width: 100%;
}
.study-modal__time {
    color: #365399;
    font-weight: 500;
}
.study-modal__time-label {
    display: none;
}
.study-modal__time-separator {
    width: max(0.833vw, 10px);
    height: max(0.174vw, 1px);
    background-color: #365399;
}
@media (width <= 834px) {
    .study-modal__time-separator {
        width: max(1.199vw, 8px);
    }
}
.study-modal__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.study-modal__date::before {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    content: "";
    display: block;
    width: max(0.069vw, 1px);
    height: max(1.667vw, 24px);
    background-color: rgba(30, 30, 30, 0.5019607843);
    margin-right: max(1.667vw, 20px);
}
@media (max-width: 834px) {
    .study-modal__date::before {
        margin-right: max(2.398vw, 12px);
    }
}
.study-modal__date-icon {
    width: max(2.222vw, 24px);
    height: max(2.222vw, 24px);
    margin-right: max(0.833vw, 8px);
}
@media (max-width: 834px) {
    .study-modal__date-icon {
        width: max(2.878vw, 20px);
        height: max(2.878vw, 20px);
        margin-right: max(0.959vw, 6px);
    }
}
.study-modal__date-value {
    font-size: max(1.944vw, 20px);
}
@media (max-width: 834px) {
    .study-modal__date-value {
        font-size: max(2.398vw, 16px);
    }
}
.study-modal__details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: max(2.222vw, 24px);
    row-gap: max(0.833vw, 12px);
    margin-bottom: max(1.806vw, 20px);
    padding-bottom: max(2.222vw, 28px);
    border-bottom: max(0.069vw, 1px) solid rgba(30, 30, 30, 0.3019607843);
}
@media (width <= 834px) {
    .study-modal__details {
        padding-bottom: max(3.357vw, 20px);
    }
}
.study-modal__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: max(0.833vw, 6px);
    -webkit-column-gap: max(0.556vw, 8px);
    -moz-column-gap: max(0.556vw, 8px);
    column-gap: max(0.556vw, 8px);
    width: 50%;
    font-size: max(1.667vw, 16px);
}
.study-modal__details > .study-modal__detail {
    grid-column: 2;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    min-width: 0;
    overflow-wrap: anywhere;
}
@media (width <= 834px) {
    .study-modal__detail {
        font-size: max(1.918vw, 14px);
    }
}
@media (width <= 600px) {
    .study-modal__details {
        grid-template-columns: minmax(0, 1fr);
    }
    .schedule-status_modal,
    .study-modal__details > .study-modal__detail {
        grid-column: 1;
        grid-row: auto;
    }
}
.study-modal__detail-key {
    color: rgba(30, 30, 30, 0.7019607843);
}
.study-modal__body {
    margin-bottom: max(2.222vw, 23px);
    padding-bottom: max(6.944vw, 30px);
    border-bottom: max(0.069vw, 1px) solid rgba(30, 30, 30, 0.3019607843);
}
@media (width <= 834px) {
    .study-modal__body {
        margin-bottom: max(2.758vw, 20px);
        padding-bottom: max(3.597vw, 20px);
    }
}
.study-modal__body-title {
    margin-bottom: max(1.667vw, 16px);
    font-size: max(1.944vw, 24px);
}
@media (width <= 834px) {
    .study-modal__body-title {
        margin-bottom: max(1.918vw, 12px);
        font-size: max(2.878vw, 16px);
    }
}
.study-modal__text-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(1.389vw, 14px);
}
.study-modal__text {
    font-size: max(1.389vw, 16px);
}
@media (width <= 834px) {
    .study-modal__text {
        font-size: max(1.918vw, 14px);
    }
}
.study-modal__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: max(1.389vw, 20px);
}
.study-modal__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.study-modal__price-key {
    color: rgba(30, 30, 30, 0.5019607843);
    font-size: max(1.667vw, 18px);
}
@media (width <= 834px) {
    .study-modal__price-key {
        font-size: max(2.158vw, 14px);
    }
}
.study-modal__price-value {
    font-size: max(1.944vw, 20px);
}
@media (width <= 834px) {
    .study-modal__price-value {
        font-size: max(2.398vw, 16px);
    }
}
/*$ //$------------ registration ------------$// $*/
.enter {
    width: max(41.667vw, 480px);
    border-radius: max(0.694vw, 8px);
}
@media (max-width: 834px) {
    .enter {
        width: max(57.554vw, 330px);
    }
}
.enter__inner {
    padding-inline: max(2.778vw, 24px);
    padding-block: max(2.778vw, 36px);
}
@media (max-width: 834px) {
    .enter__inner {
        padding-inline: max(2.878vw, 20px);
        padding-block: max(4.317vw, 28px);
    }
}
/*$ //$------------ set-new-password ------------$// $*/
.set-new-password .enter-form__button-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
}

/*$ //$------------ account-enroll ------------$// $*/
.account-enroll {
    width: max(27.778vw, 400px);
    padding-inline: max(1.667vw, 24px);
    padding-block: max(1.389vw, 20px);
    border-radius: max(0.694vw, 10px);
}
@media (max-width: 834px) {
    .account-enroll {
        width: max(47.962vw, 330px);
        padding-inline: max(2.878vw, 20px);
    }
}
.account-enroll__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: max(1.111vw, 16px);
}
.account-enroll__heading {
    font-size: max(1.389vw, 20px);
}
@media (max-width: 834px) {
    .account-enroll__heading {
        font-size: max(1.389vw, 16px);
    }
}
.account-enroll__cross {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: max(1.389vw, 20px);
    height: max(1.389vw, 20px);
}
.account-enroll__cross img {
    width: 100%;
}
.account-enroll__time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.694vw, 10px);
    margin-bottom: max(1.389vw, 20px);
}
@media (max-width: 834px) {
    .account-enroll__time {
        gap: max(1.199vw, 6px);
        margin-bottom: max(2.398vw, 16px);
    }
}
.account-enroll__time-icon {
    width: max(1.389vw, 20px);
    height: max(1.389vw, 20px);
}
.account-enroll__time-value {
    color: #365399;
    font-size: max(1.111vw, 16px);
}
.account-enroll__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: max(3.472vw, 50px);
    padding-bottom: max(1.389vw, 20px);
    border-bottom: max(0.069vw, 1px) solid rgba(30, 30, 30, 0.3019607843);
}
@media (max-width: 834px) {
    .account-enroll__details {
        gap: max(5.995vw, 40px);
    }
}
.account-enroll__details.schedule-status_layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: max(3.472vw, 50px);
    row-gap: max(0.833vw, 12px);
}
.account-enroll__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: max(0.556vw, 8px);
    font-size: max(1.111vw, 16px);
}
.account-enroll__details.schedule-status_layout > .account-enroll__detail {
    grid-column: 2;
    min-width: 0;
    overflow-wrap: anywhere;
}
@media (max-width: 834px) {
    .account-enroll__detail {
        font-size: max(1.111vw, 14px);
    }
}
.account-enroll__detail:first-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.account-enroll__detail-key {
    color: rgba(30, 30, 30, 0.5019607843);
}
.account-enroll__description {
    padding-top: max(0.833vw, 12px);
    padding-bottom: max(1.389vw, 20px);
    border-bottom: max(0.069vw, 1px) solid rgba(30, 30, 30, 0.3019607843);
}
@media (max-width: 600px) {
    .account-enroll__description {
        padding-top: 20px;
    }
}
.account-enroll__description-title {
    margin-bottom: max(0.833vw, 12px);
    font-size: max(1.111vw, 16px);
}
.account-enroll__description-text {
    font-size: max(0.972vw, 14px);
}
.account-enroll__participants {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: max(1.111vw, 16px);
    padding-top: max(1.111vw, 16px);
}
.account-enroll__participants._expanded {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "title button" "list list";
    justify-items: space-between;
}
.account-enroll__participants._expanded .account-enroll__participants-item {
    width: max(3.611vw, 52px);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    scale: 1;
}
.account-enroll__participants._expanded .account-enroll__participants-item:nth-child(n+6) {
    display: block;
}
.account-enroll__participants._expanded .account-enroll__participants-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(3.611vw, 52px), 1fr));
    row-gap: max(0.556vw, 8px);
    translate: 0;
}
.account-enroll__participants-title {
    grid-area: title;
    color: rgba(30, 30, 30, 0.5019607843);
    font-size: max(0.972vw, 14px);
}
.account-enroll__participants-list {
    grid-area: list;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
.account-enroll__participants-item {
    width: max(1.389vw, 20px);
    aspect-ratio: 1;
    overflow: clip;
    border: max(0.069vw, 1px) solid #fff;
    border-radius: 50%;
    scale: 1.5;
}
@media (max-width: 834px) {
    .account-enroll__participants-item {
        width: max(2.398vw, 18px);
        scale: 1.8;
    }
}
.account-enroll__participants-item:nth-child(n+6) {
    display: none;
}
.account-enroll__participants-item img {
    width: 100%;
}
.account-enroll__participants-button {
    font-size: max(0.972vw, 14px);
}
.account-enroll__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: max(1.111vw, 16px);
}
.account-enroll__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(0.278vw, 4px);
}
.account-enroll__price-key {
    color: rgba(30, 30, 30, 0.5019607843);
    font-size: max(0.833vw, 12px);
    font-weight: 300;
}
@media (max-width: 600px) {
    .account-enroll__price-key {
        font-size: 14px;
    }
}
.account-enroll__price-value {
    font-size: max(1.111vw, 16px);
}
.account-enroll__button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-inline: max(1.736vw, 25px);
    border-radius: max(0.556vw, 8px);
    background-color: #ff9b50;
    color: #fff;
    font-size: max(0.972vw, 14px);
}
.account-enroll__button._enrolled {
    background-color: #d7dce4;
    color: rgba(30, 30, 30, 0.5019607843);
    cursor: no-drop;
}
.account-enroll__message {
    width: 100%;
    margin-top: max(0.556vw, 8px);
    font-size: max(0.833vw, 12px);
    line-height: 1.35;
}
.account-enroll__message._error {
    color: #d92d20;
}
.account-enroll__message._success {
    color: #15803d;
}

/*$ //$------------ notifications ------------$// $*/
.notifications {
    width: max(25vw, 360px);
    margin-top: max(4.167vw, 60px);
    margin-bottom: auto;
    margin-left: auto;
    margin-right: max(4.167vw, 60px);
    padding: max(1.111vw, 16px);
    border-radius: max(0.694vw, 10px);
    font-weight: 300;
}
@media (max-width: 600px) {
    .notifications {
        margin-right: auto;
    }
}
@media (max-width: 360px) {
    .notifications {
        max-width: 100%;
        height: 100%;
        max-height: 100%;
        margin: auto;
        border-radius: 0;
    }
}
.notifications__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
}
.notifications__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: max(1.389vw, 20px);
}
.notifications__title {
    font-size: max(1.111vw, 16px);
}
.notifications__cross {
    width: max(1.389vw, 20px);
    height: max(1.389vw, 20px);
}
.notifications__cross svg {
    width: 100%;
    height: 100%;
}
.notifications__filter-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(1.111vw, 16px);
    margin-bottom: max(1.389vw, 20px);
}
@media (max-width: 600px) {
    .notifications__filter-list {
        gap: 20px;
    }
}
.notifications__filter-button {
    padding-bottom: max(0.417vw, 6px);
    border-bottom: max(0.069vw, 1px) solid transparent;
    color: rgba(30, 30, 30, 0.5019607843);
    font-size: max(0.833vw, 12px);
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
@media (max-width: 600px) {
    .notifications__filter-button {
        font-size: 14px;
    }
}
.notifications__filter-button._active {
    border-color: #365399;
    color: #365399;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
.notifications__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(1.111vw, 16px);
    margin-bottom: max(1.389vw, 20px);
    padding-bottom: max(1.389vw, 20px);
    border-bottom: max(0.069vw, 1px) solid rgba(30, 30, 30, 0.3019607843);
    cursor: pointer;
}
.notifications__item:last-child {
    margin-bottom: 0;
    border: none;
}
.notifications__item-icon img {
    width: max(1.667vw, 24px);
    height: max(1.667vw, 24px);
}
.notifications__item-info {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "title title" "details button";
    row-gap: max(0.833vw, 12px);
    width: 100%;
}
@media (max-width: 600px) {
    .notifications__item-info {
        grid-template-areas: "details" "title" "button";
        row-gap: 8px;
    }
}
.notifications__item-title {
    grid-area: title;
    font-size: max(0.833vw, 12px);
}
@media (max-width: 600px) {
    .notifications__item-title {
        font-size: 14px;
    }
}
.notifications__item-details {
    grid-area: details;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.556vw, 8px);
    font-size: max(0.694vw, 10px);
}
@media (max-width: 600px) {
    .notifications__item-details {
        gap: 12px;
        font-size: 12px;
    }
}
.notifications__item-time {
    color: rgba(30, 30, 30, 0.5019607843);
}
.notifications__item-button {
    grid-area: button;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.139vw, 2px);
    color: #365399;
}
@media (max-width: 600px) {
    .notifications__item-button {
        justify-self: start;
        font-size: 12px;
    }
}
.notifications__item-button .button__icon {
    width: max(1.389vw, 20px);
    height: max(1.389vw, 20px);
}
.notifications__item-button._share {
    font-size: max(0.694vw, 10px);
}
@media (max-width: 600px) {
    .notifications__item-button._share {
        font-size: 12px;
    }
}
.notifications__item-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: max(4.583vw, 66px);
    height: max(1.389vw, 20px);
    border-radius: max(0.139vw, 2px);
    background-color: #365399;
    color: #fff;
    font-size: max(0.694vw, 10px);
}
.notifications__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: auto;
    padding-top: max(1.389vw, 20px);
    border-top: max(0.069vw, 1px) solid rgba(30, 30, 30, 0.3019607843);
}
.notifications__button._read-all {
    gap: max(0.417vw, 6px);
    color: #365399;
    font-size: max(0.833vw, 12px);
}
.notifications__button._read-all .button__icon {
    width: max(1.389vw, 20px);
    height: max(1.389vw, 20px);
}
.notifications__button._show-more {
    width: max(8.056vw, 116px);
    height: max(1.944vw, 28px);
    border-radius: max(0.278vw, 4px);
    background-color: #ff9b50;
    color: #fff;
    font-size: max(0.833vw, 12px);
    font-weight: 300;
}

/*$ //$------------ notification ------------$// $*/
.notification {
    width: max(33.333vw, 480px);
    padding-inline: max(1.667vw, 24px);
    padding-block: max(1.806vw, 26px);
    border-radius: max(0.694vw, 10px);
}
@media (max-width: 600px) {
    .notification {
        padding-inline: max(4vw, 16px);
        padding-block: max(4.333vw, 16px);
    }
}
@media (max-width: 360px) {
    .notification {
        max-width: 100%;
        height: 100%;
        min-height: 100%;
        border-radius: 0;
    }
}
.notification__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
}
.notification__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.833vw, 12px);
    margin-bottom: max(1.111vw, 16px);
}
@media (max-width: 600px) {
    .notification__header {
        gap: max(2vw, 8px);
        margin-bottom: max(2.667vw, 10px);
    }
}
.notification__title {
    font-size: max(1.389vw, 20px);
}
@media (max-width: 600px) {
    .notification__title {
        font-size: max(3.333vw, 16px);
    }
}
.notification__cross {
    margin-left: auto;
}
.notification__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: max(1.389vw, 20px);
}
.notification__text {
    margin-bottom: max(1.389vw, 20px);
    font-size: max(0.972vw, 14px);
}
.notification__image {
    width: max(26.389vw, 380px);
}
@media (max-width: 600px) {
    .notification__image {
        width: max(63.333vw, 290px);
    }
}
.notification__footer {
    margin-top: auto;
}
.notification__footer-text {
    margin-bottom: max(1.111vw, 16px);
    font-size: max(0.972vw, 14px);
    text-align: center;
}
@media (max-width: 600px) {
    .notification__footer-text {
        margin-bottom: max(2.667vw, 10px);
    }
}
.notification__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: max(0.556vw, 8px);
}
.notification__social-button {
    border: max(0.069vw, 1px) solid #365399;
    border-radius: 50%;
    width: max(2.222vw, 32px);
    height: max(2.222vw, 32px);
}
.notification__social-button img {
    width: max(0.889vw, 12.8px);
    height: max(0.889vw, 12.8px);
}

/*$ //$------------ profile-photos-modal ------------$// $*/
.profile-photos-modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 80vw;
    height: 80dvh;
    max-height: 80dvh;
    overflow: visible;
    background-color: rgba(0, 0, 0, 0.2196078431);
}
@media (max-width: 600px) {
    .profile-photos-modal {
        max-width: calc(100% - 25px);
    }
}
.profile-photos-modal__slider, .profile-photos-modal__track, .profile-photos-modal__list {
    height: 100%;
}
.profile-photos-modal__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.profile-photos-modal__slider {
    visibility: inherit !important;
}
.profile-photos-modal__arrows {
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.profile-photos-modal__arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: max(2.5vw, 36px);
    height: max(2.5vw, 36px);
    z-index: 1;
    opacity: 1;
    border-radius: 50%;
    background-color: #fff;
}
@media (width <= 834px) {
    .profile-photos-modal__arrow {
        width: max(2.222vw, 24px);
        height: max(2.222vw, 24px);
    }
    .profile-photos-modal__arrow._prev {
        left: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .profile-photos-modal__arrow._next {
        right: 0;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }
    .profile-photos-modal__arrow svg {
        width: max(2.878vw, 20px);
        height: max(2.878vw, 20px);
    }
}
@media (width <= 600px) {
    .profile-photos-modal__arrow {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }
    .profile-photos-modal__arrow._prev {
        left: -30px;
    }
    .profile-photos-modal__arrow._next {
        right: -30px;
    }
}
.profile-photos-modal__arrow._prev {
    left: calc(-2.083vw - max(2.5vw, 36px));
}
.profile-photos-modal__arrow._next {
    right: calc(-2.083vw - max(2.5vw, 36px));
}
.profile-photos-modal__arrow svg {
    width: max(1.667vw, 24px);
    height: max(1.667vw, 24px);
}
.profile-photos-modal__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.profile-photos-modal__slide img {
    max-width: 100%;
    max-height: 80dvh;
    overflow: hidden;
    border-radius: max(0.694vw, 10px);
}

/*$ //$------------ community-creation ------------$// $*/
.community-creation {
    max-width: max(23.472vw, 338px);
    border-radius: max(0.694vw, 10px);
}
@media (max-width: 834px) {
    .community-creation {
        border-radius: max(1.199vw, 8px);
    }
}
@media (max-width: 600px) {
    .community-creation {
        max-width: calc(100% - 32px);
    }
}
.community-creation .cross {
    position: absolute;
    right: max(1.667vw, 24px);
    top: max(1.667vw, 24px);
}
.community-creation__progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: max(1.111vw, 16px);
    color: rgba(30, 30, 30, 0.5019607843);
    font-size: max(0.972vw, 14px);
    font-weight: 300;
}
.community-creation__step {
    padding: max(1.667vw, 24px);
}
.community-creation__step-title {
    max-width: calc(100% - max(1.667vw, 24px));
    margin-bottom: max(1.111vw, 16px);
    font-size: max(1.389vw, 20px);
}
.community-creation__step-text {
    margin-bottom: max(1.111vw, 16px);
    font-size: max(0.972vw, 14px);
    font-weight: 300;
}
.community-creation__field {
    margin-bottom: max(1.111vw, 16px);
}
.community-creation__field-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: max(0.556vw, 8px);
    color: rgba(30, 30, 30, 0.7019607843);
}
.community-creation__field-progress {
    color: rgba(30, 30, 30, 0.5019607843);
}
.community-creation__input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: max(11.111vw, 160px);
    position: relative;
    border: max(0.069vw, 1px) dashed #365399;
    border-radius: max(0.556vw, 8px);
    cursor: pointer;
}
.community-creation__input {
    width: 100%;
    min-height: max(2.639vw, 38px);
    padding-inline: max(1.111vw, 16px);
    border: max(0.069vw, 1px) solid #e6eaf2;
    border-radius: max(0.556vw, 8px);
    font-size: max(0.972vw, 14px);
    font-weight: 300;
}
.community-creation__input-icon {
    margin-bottom: max(0.556vw, 8px);
}
.community-creation__input-text {
    max-width: max(13.75vw, 198px);
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(0.833vw, 12px);
    text-align: center;
}
.community-creation__button-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.556vw, 8px);
}
.community-creation__button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.community-creation__button._next, .community-creation__button._back {
    height: max(2.639vw, 38px);
    border-radius: max(0.556vw, 8px);
    font-size: max(0.972vw, 14px);
    font-weight: 300;
}
.community-creation__button._back {
    padding: 0;
    color: #365399;
}

/*$ //$------------ admin-addition ------------$// $*/
.admin-addition {
    width: max(27.778vw, 400px);
    max-height: max(35.764vw, 515px);
    padding-inline: max(1.667vw, 24px);
    padding-block: max(1.389vw, 20px);
    border-radius: max(0.694vw, 10px);
}
@media (max-width: 600px) {
    .admin-addition {
        max-width: calc(100% - 20px);
    }
}
.admin-addition__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: max(1.389vw, 20px);
    margin-bottom: max(1.111vw, 16px);
}
.admin-addition__title {
    font-size: max(1.389vw, 20px);
}
.admin-addition__search {
    width: 100%;
    height: max(2.639vw, 38px);
    margin-bottom: max(1.111vw, 16px);
}
.admin-addition__search .account-search__form-field {
    width: 100%;
}
.admin-addition__admins-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.556vw, 8px);
    margin-bottom: max(1.111vw, 16px);
}
.admin-addition__user {
    padding-block: max(1.111vw, 16px);
    border-bottom: max(0.069vw, 1px) solid #e6eaf2;
}
.admin-addition__user:first-child {
    border-top: max(0.069vw, 1px) solid #e6eaf2;
}
.admin-addition__user .profile-contact-card {
    gap: max(1.111vw, 16px);
}
.admin-addition__user .profile-contact-card__info {
    font-size: max(0.972vw, 14px);
}
.admin-addition__user .profile-contact-card__photo {
    width: max(3.056vw, 44px);
}

/*$ // $------------ video-modal ------------$ // $*/
.video-modal {
    padding: max(1.667vw, 20px);
    border-radius: max(1.111vw, 16px);
    width: max(58.889vw, 770px);
}
@media (max-width: 834px) {
    .video-modal {
        padding: max(2.398vw, 15px);
        padding: max(1.918vw, 12px);
    }
}
.video-modal__video-box {
    border-radius: max(0.694vw, 10px);
    overflow: clip;
    aspect-ratio: 16/9;
    margin-bottom: max(1.667vw, 20px);
}
@media (max-width: 834px) {
    .video-modal__video-box {
        margin-bottom: max(2.398vw, 12px);
    }
}
.video-modal__video {
    width: 100%;
    height: 100%;
}
.video-modal__title {
    font-size: max(1.667vw, 22px);
    margin-bottom: max(0.833vw, 12px);
}
@media (max-width: 834px) {
    .video-modal__title {
        font-size: max(2.638vw, 15px);
        margin-bottom: max(1.439vw, 6px);
    }
}
.video-modal__date {
    color: rgba(30, 30, 30, 0.7019607843);
    margin-bottom: max(0.833vw, 12px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.556vw, 8px);
}
@media (max-width: 834px) {
    .video-modal__date {
        margin-bottom: max(1.439vw, 8px);
        gap: max(0.959vw, 4px);
    }
}
.video-modal__description {
    color: rgba(30, 30, 30, 0.7019607843);
}

/*$ // $------------ certificate-upload ------------$ // $*/
.certificate-upload {
    padding: max(2.778vw, 40px);
    border-radius: max(0.556vw, 8px);
    max-width: max(41.667vw, 600px);
}
@media (max-width: 834px) {
    .certificate-upload {
        padding: max(4.796vw, 20px);
        max-width: max(41.667vw, 580px);
    }
}
@media (max-width: 600px) {
    .certificate-upload {
        border-radius: 10px;
        max-width: calc(100% - 32px);
    }
}
.certificate-upload__close-button {
    position: absolute;
    right: max(1.667vw, 24px);
    top: max(1.667vw, 24px);
}
.certificate-upload__close-button img {
    width: max(1.389vw, 20px);
    height: max(1.389vw, 20px);
}
.certificate-upload__title {
    font-size: max(1.944vw, 28px);
    margin-bottom: max(1.389vw, 20px);
}
@media (max-width: 834px) {
    .certificate-upload__title {
        font-size: max(3.357vw, 20px);
        margin-bottom: max(2.398vw, 10px);
    }
}
.certificate-upload__text {
    font-size: max(1.389vw, 20px);
    margin-bottom: max(2.222vw, 32px);
}
@media (max-width: 834px) {
    .certificate-upload__text {
        font-size: max(2.398vw, 16px);
        margin-bottom: max(3.837vw, 20px);
    }
}
/*$ //$======================== SLIDERS ========================$// $*/
/*$ //$======================== SLIDERS ========================$// $*/
/*$ //$------------ timetable-slider ------------$// $*/
.timetable-slider {
    overflow: visible;
}
.timetable-slider__track {
    overflow: visible;
}
.timetable-slider__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(2.222vw, 32px);
}
.timetable-slider__slide-header {
    background-color: rgba(230, 234, 242, 0.5019607843);
    border-radius: max(1.111vw, 16px);
    height: max(5.694vw, 82px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.556vw, 8px);
}
.timetable-slider__slide-title {
    font-size: max(1.389vw, 16px);
}
.timetable-slider__slide-text {
    font-size: max(1.111vw, 16px);
    color: rgba(30, 30, 30, 0.7019607843);
}
.timetable-slider__slide-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(1.389vw, 20px);
}
.timetable-slider__arrows {
    top: 0;
    position: absolute;
    width: 100vw;
    left: calc(-1 * max(5.556vw, 40px));
    height: max(5.694vw, 82px);
}
@media (width <= 834px) {
    .timetable-slider__arrows {
        left: -40px;
    }
}
.timetable-slider__arrow {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    width: auto;
    height: auto;
    background-color: rgba(230, 234, 242, 0.5019607843);
    width: max(3.056vw, 22px);
    height: max(3.056vw, 22px);
    border-radius: max(0.278vw, 4px);
}
.timetable-slider__arrow img {
    width: max(1.667vw, 24px);
    height: max(1.667vw, 24px);
}
.timetable-slider__arrow._prev {
    left: max(1.25vw, 8px);
}
.timetable-slider__arrow._next {
    right: max(1.25vw, 8px);
}
.timetable-slider._account .timetable-slider__arrows {
    height: 1px;
    width: 100cqi;
    left: 0;
    position: absolute;
    top: max(2.222vw, 32px);
}
.timetable-slider._account .timetable-slider__arrow {
    top: 50%;
    width: max(1.389vw, 20px);
    height: max(1.389vw, 20px);
    background-color: #fff;
    -webkit-box-shadow: 0 0 max(0.556vw, 8px) 0 rgba(0, 0, 0, 0.0509803922);
    box-shadow: 0 0 max(0.556vw, 8px) 0 rgba(0, 0, 0, 0.0509803922);
}
.timetable-slider._account .timetable-slider__arrow._prev {
    left: calc(-1 * max(1.389vw, 20px) / 2);
}
.timetable-slider._account .timetable-slider__arrow._next {
    right: calc(-1 * max(1.389vw, 20px) / 2);
}
.timetable-slider._account .timetable-slider__arrow img {
    width: max(0.972vw, 14px);
    height: max(0.972vw, 14px);
}
.timetable-slider._account .timetable-slider__slide {
    gap: max(1.111vw, 16px);
}
.timetable-slider._account .timetable-slider__slide-header {
    height: max(4.583vw, 66px);
    gap: max(0.417vw, 6px);
}
.timetable-slider._account .timetable-slider__slide-title {
    font-size: max(0.972vw, 14px);
}
.timetable-slider._account .timetable-slider__slide-text {
    font-size: max(0.833vw, 12px);
}

/*$ //$======================== ACCOUNT ========================$// $*/
/*$ //$======================== ACCOUNT ========================$// $*/
/*$ //$------------ account-header ------------$// $*/
.account-header {
    grid-area: header;
    width: 100%;
    padding-block: max(1.111vw, 16px);
    position: fixed;
    z-index: 3;
    background-color: #fff;
}
@media (max-width: 600px) {
    .account-header {
        background-color: #f3f5f9;
    }
}
.account-header .container {
    padding-inline: max(1.111vw, 16px);
}
@media (max-width: 834px) {
    .account-header .container {
        padding-inline: max(1.389vw, 16px);
    }
}
.account-header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.account-header__burger {
    display: none;
}
@media (max-width: 600px) {
    .account-header__burger {
        display: block;
        margin-right: 24px;
    }
}
.account-header__logo {
    width: max(8.056vw, 116px);
    margin-right: max(6.944vw, 85px);
}
@media (max-width: 834px) {
    .account-header__logo {
        width: max(13.909vw, 96px);
        margin-right: max(10.192vw, 20px);
    }
}
.account-header__search {
    height: max(2.639vw, 38px);
}
@media (max-width: 600px) {
    .account-header__search {
        margin-left: auto;
    }
    .account-header__search .account-search__form-field {
        border: none;
        background-color: transparent;
    }
    .account-header__search .account-search__form-input {
        display: none;
    }
}
.account-header__notifications-button {
    width: max(2.639vw, 38px);
    aspect-ratio: 1;
    margin-left: auto;
}
@media (max-width: 600px) {
    .account-header__notifications-button {
        margin-left: 0;
    }
}
.account-header__notifications-button svg {
    width: max(1.667vw, 24px);
    height: max(1.667vw, 24px);
}
.account-header__account-button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: max(0.833vw, 12px);
    overflow: hidden;
    border-radius: 50%;
}
.account-header__account-icon {
    display: none;
}
@media (max-width: 600px) {
    .account-header__account-icon {
        display: block;
    }
}
.account-header__account-image {
    width: max(2.639vw, 38px);
    aspect-ratio: 1;
}
@media (max-width: 600px) {
    .account-header__account-image {
        display: none;
    }
}

/*$ //$------------ account-aside ------------$// $*/
.account-aside {
    grid-area: aside;
    width: max(16.667vw, 240px);
    height: 100%;
    position: relative;
    z-index: 2;
    background-color: #fff;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
@media (max-width: 600px) {
    .account-aside {
        padding-top: 18px;
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 100;
        background-color: #fff;
        translate: -100%;
    }
    .account-aside._open {
        translate: 0;
    }
}
.account-aside__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-inline: max(1.389vw, 20px);
    padding-bottom: max(1.806vw, 26px);
    position: fixed;
    top: max(4.861vw, 70px);
    bottom: 0;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.account-aside__inner::-webkit-scrollbar {
    display: none;
}
@media (max-width: 600px) {
    .account-aside__inner {
        padding-top: 20px;
        top: 0;
    }
}
.account-aside__logo {
    display: none;
}
@media (max-width: 600px) {
    .account-aside__logo {
        display: block;
        margin-bottom: 24px;
    }
}
.account-aside__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.694vw, 10px);
    margin-bottom: max(0.833vw, 12px);
}
.account-aside__user-photo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: 42px;
    height: 42px;
    border: 1px solid #d7dce4;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}
@media (min-width: 835px) {
    .account-aside__user-photo {
        width: max(2.917vw, 42px);
        height: max(2.917vw, 42px);
        margin-left: 2px;
    }
}
@media (min-width: 601px) and (max-width: 834px) {
    .account-aside__user {
        margin-top: 13px;
    }
}
.account-aside__user-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.account-aside__user-name {
    font-size: max(1.111vw, 16px);
}
.account-aside__user-email {
    color: rgba(30, 30, 30, 0.3019607843);
    font-size: max(0.833vw, 12px);
}
.account-aside__progress {
    display: grid;
    grid-template-areas: "percentage stage" "bar bar" "list list";
    margin-bottom: max(1.667vw, 24px);
    font-size: max(0.972vw, 14px);
}
.account-aside__progress-percentage {
    grid-area: percentage;
}
.account-aside__progress-stage {
    grid-area: stage;
}
.account-aside__progressbar {
    grid-area: bar;
    height: max(0.139vw, 2px);
    margin-top: max(0.417vw, 6px);
    margin-bottom: max(1.111vw, 16px);
    border-radius: max(0.139vw, 2px);
    background-color: #f3f5f9;
}
.account-aside__progressbar-filler {
    width: 0%;
    height: 100%;
    background: #ff9b50;
}
.account-aside__progress-list {
    grid-area: list;
    font-size: max(0.833vw, 12px);
    text-align: center;
    text-wrap: balance;
}
.account-aside__menu {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: max(2.222vw, 24px);
}
.account-aside__menu-list, .account-aside__services-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(0.833vw, 12px);
    margin-bottom: max(0.833vw, 12px);
}
.account-aside__item {
    position: relative;
}
.account-aside__item-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: max(1.389vw, 20px);
    aspect-ratio: 1;
    position: absolute;
    right: max(0.694vw, 10px);
    top: calc(max(2.222vw, 32px) / 2);
    translate: 0 -50%;
}
.account-aside__item-button img {
    width: 100%;
}
.account-aside__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.833vw, 12px);
    padding-inline: max(1.25vw, 18px);
    padding-block: max(0.417vw, 6px);
    border-radius: max(0.833vw, 12px);
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(0.972vw, 14px);
    -webkit-transition: all 250ms;
    transition: all 250ms;
    position: relative;
}
@media (hover: hover) {
    .account-aside__link:hover:not(._exit) {
        color: #365399;
    }
    .account-aside__link:hover:not(._exit) .account-aside__link-icon path {
        stroke: #365399;
    }
}
.account-aside__link svg path {
    stroke: rgba(30, 30, 30, 0.7019607843);
}
.account-aside__link._current {
    background-color: rgba(230, 234, 242, 0.5019607843);
    color: #365399;
}
.account-aside__link._current svg path {
    stroke: #365399;
}
.account-aside__link._exit {
    color: #da3849;
}
.account-aside__link._exit svg path {
    stroke: #da3849;
}
.account-aside__notification {
    position: absolute;
    right: max(1.25vw, 18px);
    border-radius: 50%;
    background-color: #365399;
    width: max(0.278vw, 4px);
    height: max(0.278vw, 4px);
}
.account-aside__link-icon {
    -webkit-transition: all 250ms;
    transition: all 250ms;
    width: max(1.389vw, 20px);
    height: max(1.389vw, 20px);
}
.account-aside__link-icon svg {
    width: 100%;
    height: 100%;
}
.account-aside__dropdown {
    max-height: 0;
    padding-left: max(3.194vw, 46px);
    overflow: clip;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
.account-aside__dropdown-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(0.833vw, 12px);
    padding-top: max(0.833vw, 12px);
}
.account-aside__services {
    bottom: 0;
}

/*$ //$------------ account-main ------------$// $*/
.account-main {
    grid-area: main;
    padding-top: max(5.417vw, 72px);
    padding-bottom: max(1.111vw, 16px);
    padding-right: max(1.111vw, 16px);
}
@media (max-width: 834px) {
    .account-main {
        padding-top: max(8.633vw, 70px);
        padding-bottom: max(2.398vw, 16px);
        padding-right: max(2.398vw, 16px);
    }
}
@media (max-width: 600px) {
    .account-main {
        padding-bottom: 0;
        padding-right: 0;
    }
}
.account-main__container {
    width: 100%;
    height: calc(100dvh - max(5.417vw, 72px) - max(1.111vw, 16px));
    padding: max(1.389vw, 16px);
    overflow-y: auto;
    overflow-x: clip;
    -ms-overflow-style: none;
    scrollbar-width: none;
    border-radius: max(0.833vw, 12px);
    background-color: rgba(230, 234, 242, 0.5019607843);
    container-type: inline-size;
}
.account-main__container::-webkit-scrollbar {
    display: none;
}
@media (max-width: 834px) {
    .account-main__container {
        height: calc(100dvh - max(8.633vw, 70px) - max(2.398vw, 16px));
    }
}
@media (max-width: 600px) {
    .account-main__container {
        border-radius: 0;
        height: calc(100dvh - max(8.633vw, 70px));
    }
}

/*$ //$------------ account-certificates ------------$// $*/
.account-certificates__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: max(1.667vw, 16px);
}
.account-certificates__title {
    font-size: max(1.389vw, 14px);
}
@media (max-width: 600px) {
    .account-certificates__title {
        font-size: 16px;
    }
}
.account-certificates__button {
    gap: max(0.556vw, 8px);
    color: #365399;
    font-size: max(1.111vw, 14px);
}
.account-certificates__button .button__icon {
    width: max(1.667vw, 20px);
    height: max(1.667vw, 20px);
}
.account-certificates__list {
    display: grid;
    gap: 10px;
}
@media (max-width: 834px) {
    .account-certificates__list {
        display: block;
    }
}
.account-certificates__list-item {
    width: 100%;
    max-width: 50%;
    padding: max(0.556vw, 8px);
}
@media (max-width: 834px) {
    .account-certificates__list-item {
        max-width: 100%;
    }
}

/*$ //$------------ account-achievements ------------$// $*/
.account-achievements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(1.667vw, 20px);
}
.account-achievements__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(19.444vw, 270px), 1fr));
    gap: max(1.111vw, 11px);
}
@media (max-width: 834px) {
    .account-achievements__list {
        gap: max(1.319vw, 8px);
    }
}
/*$ //$------------ account-section-header ------------$// $*/
.account-section-header__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.417vw, 6px);
    margin-bottom: max(1.111vw, 12px);
    font-size: max(1.389vw, 14px);
}
@media (max-width: 600px) {
    .account-section-header__title {
        margin-bottom: 16px;
        font-size: 16px;
    }
}
.account-section-header__customization {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: max(1.389vw, 20px);
    margin-bottom: max(1.667vw, 16px);
    padding-bottom: max(1.667vw, 16px);
    border-bottom: max(0.069vw, 1px) solid rgba(30, 30, 30, 0.2509803922);
}
@media (max-width: 834px) {
    .account-section-header__customization {
        margin-bottom: max(1.918vw, 12px);
        padding-bottom: max(1.918vw, 12px);
    }
}
@media (max-width: 600px) {
    .account-section-header__customization {
        gap: 16px;
    }
}
.account-section-header__title-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: rgba(30, 30, 30, 0.7019607843);
}
.account-section-header__title-amount-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.account-section-header__title-amount-total::before {
    content: "/";
    display: block;
}
.account-section-header__search {
    height: max(3.056vw, 38px);
}
.account-section-header__button._community-creation {
    gap: max(1.25vw, 10px);
    height: max(3.056vw, 32px);
    padding-inline: max(2.222vw, 20px);
    border-radius: max(0.694vw, 6px);
    background-color: #ff9b50;
    color: #fff;
}
@media (hover: hover) {
    .account-section-header__button._community-creation:hover {
        background-color: #cc5800;
    }
}
@media (max-width: 600px) {
    .account-section-header__button._community-creation {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
}
.account-section-header__button._community-creation .button__icon {
    width: max(0.833vw, 8px);
}

/*$ //$------------ account-section-body ------------$// $*/
.account-section-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(1.667vw, 16px);
}
@media (max-width: 600px) {
    .account-section-body {
        gap: 20px;
    }
}

/*$ //$------------ account-payments ------------$// $*/
.account-payments .account-payments__search {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
@media (max-width: 600px) {
    .account-payments .account-search__form-input {
        display: block;
        width: 100%;
    }
}
.account-payments__table-header {
    display: grid;
    grid-template-columns: minmax(22%, 30%) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(120px, 1fr) max(10.417vw, 170px);
    grid-template-areas: "name date type price status button";
    -webkit-column-gap: max(0.556vw, 8px);
    -moz-column-gap: max(0.556vw, 8px);
    column-gap: max(0.556vw, 8px);
    margin-bottom: max(1.111vw, 8px);
    padding-inline: max(1.111vw, 12px);
    justify-items: center;
}
@media (max-width: 600px) {
    .account-payments__table-header {
        margin-bottom: 0;
    }
}
.account-payments__table-heading {
    color: rgba(30, 30, 30, 0.5019607843);
    font-size: max(0.972vw, 10px);
}
@media (max-width: 600px) {
    .account-payments__table-heading {
        display: none;
    }
}
.account-payments__table-heading._name {
    justify-self: flex-start;
    grid-area: name;
}
.account-payments__table-heading._date {
    grid-area: date;
}
.account-payments__table-heading._type {
    grid-area: type;
}
.account-payments__table-heading._price {
    grid-area: price;
}
.account-payments__table-heading._status {
    grid-area: status;
}
.account-payments__table-heading._action {
    grid-area: button;
}
.account-payments__table-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(0.833vw, 8px);
}
.account-payments__empty {
    padding: max(1.111vw, 12px);
    border-radius: max(0.556vw, 8px);
    background-color: #fff;
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(0.972vw, 12px);
}
@media (max-width: 600px) {
    .account-payments__table-body {
        display: grid;
    }
}
@media (max-width: 600px) {
    .account-payments__table-item {
        width: 50%;
        padding: max(1.333vw, 4px);
    }
}

/*$ //$------------ account-enrollments ------------$// $*/
.account-enrollments__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(40%, 260px), 1fr));
    gap: max(1.111vw, 11px);
}
@media (max-width: 600px) {
    .account-enrollments__list {
        gap: 12px;
    }
}
/*$ //$------------ account-filter ------------$// $*/
.account-filter__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.556vw, 8px);
    height: 100%;
}
@media (max-width: 600px) {
    .account-filter__list {
        gap: 16px;
    }
}
.account-filter__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.account-filter__button {
    gap: max(0.556vw, 6px);
    height: max(3.056vw, 32px);
    padding-inline: max(1.389vw, 16px);
    border-radius: max(0.694vw, 6px);
    color: rgba(30, 30, 30, 0.5019607843);
    font-size: max(1.111vw, 12px);
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
@media (max-width: 600px) {
    .account-filter__button {
        padding-inline: 0;
        font-size: 16px;
    }
}
.account-filter__button._active {
    background-color: #e6eaf2;
    color: #365399;
}
@media (max-width: 600px) {
    .account-filter__button._active {
        background-color: transparent;
    }
}

/*$ //$------------ friends ------------$// $*/
.friends .account-section-header__customization {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: max(1.389vw, 16px);
}
@media (max-width: 600px) {
    .friends .account-search {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.friends .account-search__form-field {
    max-width: max(25.833vw, 224px);
}
@media (max-width: 600px) {
    .friends .account-search__form-field {
        width: 100%;
        max-width: none;
    }
}
.friends__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(17.361vw, 220px), 1fr));
    gap: max(1.111vw, 11px);
}
/*$ //$------------ communities ------------$// $*/
.communities .account-section-header__customization {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: max(1.389vw, 16px);
}
@media (max-width: 600px) {
    .communities .account-search {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.communities .account-search__form-field {
    max-width: max(25.833vw, 224px);
}
@media (max-width: 600px) {
    .communities .account-search__form-field {
        width: 100%;
        max-width: none;
    }
}
.communities__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(26.389vw, 360px), 1fr));
    gap: max(1.111vw, 11px);
}
@media (max-width: 834px) {
    .communities__list {
        grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
        gap: max(1.319vw, 8px);
    }
}
/*$ //$======================== PROFILE ========================$// $*/
/*$ //$======================== PROFILE ========================$// $*/
/*$ //$------------ profile ------------$// $*/
.profile {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-areas: "profile-header profile-header" "profile-information profile-sidebar" "profile-blog profile-sidebar";
    row-gap: max(1.944vw, 20px);
    -webkit-column-gap: max(1.111vw, 11px);
    -moz-column-gap: max(1.111vw, 11px);
    column-gap: max(1.111vw, 11px);
}
@media (max-width: 834px) {
    .profile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (max-width: 600px) {
    .profile__networks, .profile__information, .profile__last-activity, .profile__achievements, .profile__photos, .profile__participants, .profile__friends, .profile__contacts {
        display: none;
    }
}
.profile__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.556vw, 6px);
    margin-bottom: max(1.111vw, 12px);
    font-size: max(1.389vw, 14px);
}
@media (max-width: 600px) {
    .profile__title {
        font-size: max(3.333vw, 16px);
    }
}
.profile__title-amount {
    color: rgba(30, 30, 30, 0.5019607843);
}
.profile__inner {
    padding: max(1.389vw, 12px);
    border-radius: max(1.389vw, 10px);
    background-color: #fff;
}
.profile._photos {
    grid-template-columns: auto;
    grid-template-areas: "profile-header" "photos";
}
@media (max-width: 600px) {
    .profile._photos .profile__photos {
        display: block;
    }
}

/*$ //$------------ HEADER ------------$// $*/
.profile-header {
    grid-area: profile-header;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: max(0.833vw, 10px);
    position: relative;
    isolation: isolate;
}
@media (max-width: 834px) {
    .profile-header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (max-width: 600px) {
    .profile-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 16px;
        padding-top: 0;
    }
}
.profile-header__bg {
    display: none;
}
@media (max-width: 600px) {
    .profile-header__bg {
        display: block;
        width: 100%;
        position: absolute;
        inset: unset;
        top: max(8.333vw, 40px);
        bottom: 0;
        z-index: -1;
        border-radius: 10px;
        background-color: #fff;
    }
}
.profile-header__image {
    width: 100px;
    height: 100px;
    margin-right: max(1.389vw, 14px);
    object-fit: cover;
    overflow: clip;
    border-radius: 50%;
}
@media (max-width: 834px) {
    .profile-header__image {
        width: 52px;
        height: 52px;
    }
}
@media (max-width: 600px) {
    .profile-header__image {
        width: 80px;
        height: 80px;
        margin-bottom: max(2.333vw, 10px);
        margin-right: 0;
    }
}
.profile-header__image._upload * {
    cursor: pointer;
}
.profile-header__info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    gap: max(0.694vw, 6px);
    max-width: max(37.986vw, 263px);
    height: 100%;
    margin-right: max(0.833vw, 12px);
}
@media (max-width: 600px) {
    .profile-header__info {
        width: 90%;
        max-width: none;
    }
}
.profile-header__title {
    margin-bottom: 0;
    background-color: transparent;
    font-size: max(1.389vw, 14px);
}
@media (max-width: 600px) {
    .profile-header__title {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: max(3.333vw, 16px);
        text-align: center;
    }
}
.profile-header__status {
    min-height: max(2.778vw, 28px);
    color: #1e1e1e;
    font-size: max(0.972vw, 10px);
}
@media (max-width: 600px) {
    .profile-header__status {
        min-height: 38px;
        font-size: max(2.333vw, 10px);
        text-align: center;
    }
}
.profile-header__status::-webkit-scrollbar {
    display: none;
}
.profile-header__status textarea, .profile-header__status::after {
    grid-area: 1/1;
}
@media (max-width: 600px) {
    .profile-header__status textarea, .profile-header__status::after {
        text-align: center;
    }
}
.profile-header__button-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.417vw, 6px);
    margin-left: auto;
}
@media (max-width: 600px) {
    .profile-header__button-box {
        width: 100%;
        margin-left: 0;
    }
}
.profile-header__button {
    height: max(2.778vw, 32px);
    border-radius: max(0.833vw, 8px);
    font-size: max(0.972vw, 12px);
}
@media (max-width: 600px) {
    .profile-header__button {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
}
.profile-header__button._add-friend {
    gap: max(0.694vw, 6px);
    width: max(15.694vw, 167px);
    background-color: #ff9b50;
    color: #fff;
}
.profile-header__button._add-friend .button__text {
    font-size: max(0.972vw, 12px);
}
.profile-header__button._add-friend .button__icon {
    width: max(1.389vw, 16px);
}
.profile-header__button._send-message {
    width: max(2.778vw, 32px);
    background-color: #d7dce4;
}
.profile-header__button._send-message img {
    width: max(1.389vw, 16px);
}
.profile-header__button._subscribe {
    padding-inline: max(2.222vw, 16px);
    background-color: #ff9b50;
    color: #fff;
}
@media (hover: hover) {
    .profile-header__button._subscribe:hover {
        background-color: #cc5800;
    }
}
.profile-header__button._subscribe._disabled {
    background-color: #e6eaf2;
    color: rgba(30, 30, 30, 0.5019607843);
}
.profile-header__button._administration {
    gap: max(0.694vw, 6px);
    padding-inline: max(2.222vw, 16px);
    background-color: #ff9b50;
    color: #fff;
}
.profile-header__button._administration .button__icon {
    width: max(1.667vw, 16px);
    aspect-ratio: 1;
}

/*$ //$------------ INFORMATION ------------$// $*/
.profile-information {
    grid-area: profile-information;
}
.profile-information__title {
    font-size: max(1.389vw, 14px);
}
@media (max-width: 600px) {
    .profile-information__title {
        font-size: max(3.333vw, 16px);
    }
}
.profile-information__header {
    margin-bottom: max(1.944vw, 20px);
}
.profile-information__header .profile-information__details {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: max(4.167vw, 48px);
}
.profile-information__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: max(0.833vw, 8px);
}
.profile-information__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: max(0.417vw, 4px);
    font-size: max(1.111vw, 12px);
}
.profile-information__detail-key {
    color: rgba(30, 30, 30, 0.7019607843);
}
.profile-information__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(1.944vw, 16px);
}
.profile-information__body .profile-information__details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.profile-information__progress {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.circle-progress {
    width: max(8.333vw, 67px);
    aspect-ratio: 1;
    position: relative;
}
@media (max-width: 600px) {
    .circle-progress {
        width: 128px;
    }
}
.circle-progress svg {
    width: 100%;
    height: 100%;
}
.circle-progress svg .circle-progress__background {
    stroke: #efefef;
}
.circle-progress svg .circle-progress__progress {
    stroke: #ff9b50;
    -webkit-transition: stroke-dashoffset 0.35s;
    transition: stroke-dashoffset 0.35s;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    rotate: 90deg;
}
.circle-progress__value {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #ff9b50;
    font-size: max(1.389vw, 14px);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*$ //$------------ SIDEBAR ------------$// $*/
.profile-sidebar {
    grid-area: profile-sidebar;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(1.944vw, 20px);
}
@media (max-width: 600px) {
    .profile-sidebar {
        display: none;
    }
}

/*$ //$------------ NETWORKS ------------$// $*/
.profile-networks__inner {
    padding: 0;
}
.profile-networks__list-item {
    border-bottom: max(0.069vw, 1px) solid #efefef;
}
.profile-networks__list-item:last-child {
    border-bottom: none;
}
.profile-networks__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: max(1.389vw, 12px);
    color: inherit;
    font-size: max(1.111vw, 12px);
}
.profile-networks__link-amount {
    color: #365399;
}

/*$ //$------------ ACHIEVEMENTS ------------$// $*/
.profile-achievements__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.profile-achievements__item {
    width: max(3.889vw, 25px);
}
@media (max-width: 600px) {
    .profile-achievements__item {
        width: 56px;
    }
}
.profile-achievements__item img {
    width: 100%;
}

/*$ //$------------ LAST-ACTIVITY ------------$// $*/
.profile-last-activity__inner {
    padding: 0;
}
.profile-last-activity__item {
    padding: max(1.389vw, 12px);
    border-bottom: max(0.069vw, 1px) solid #efefef;
}
.profile-last-activity__item:last-child {
    border-bottom: none;
}
.profile-last-activity__item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: max(1.111vw, 12px);
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(0.972vw, 10px);
}
@media (max-width: 600px) {
    .profile-last-activity__item-header {
        font-size: 12px;
    }
}
.profile-last-activity__item-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(1.111vw, 6px);
}
@media (max-width: 600px) {
    .profile-last-activity__item-body {
        gap: 10px;
    }
}
.profile-last-activity__item-icon {
    width: max(2.778vw, 25px);
}
@media (max-width: 600px) {
    .profile-last-activity__item-icon {
        width: 36px;
    }
}
.profile-last-activity__item-title {
    font-size: max(1.111vw, 12px);
}
@media (max-width: 600px) {
    .profile-last-activity__item-title {
        font-size: 14px;
    }
}
.profile-last-activity__button._load-more {
    margin-inline: auto;
    background-color: transparent !important;
    color: #1e1e1e !important;
    font-size: max(0.972vw, 10px) !important;
}
@media (max-width: 600px) {
    .profile-last-activity__button._load-more {
        display: block;
        font-size: 14px !important;
    }
}

/*$ //$------------ BLOG ------------$// $*/
.profile-blog {
    grid-area: profile-blog;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(1.389vw, 8px);
}
.profile-blog__title {
    margin-bottom: 0;
}
.profile-blog__search {
    height: max(2.639vw, 38px);
}
.profile-blog__search-wrapper .account-search__form-field {
    width: 100%;
}
.profile-blog__empty-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.833vw, 8px);
}
.profile-blog__empty-icon {
    width: max(4.167vw, 32px);
}
.profile-blog__empty-text {
    font-size: max(0.972vw, 12px);
}

/*$ //$------------ BLOG-PANEL ------------$// $*/
.blog-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(1.667vw, 12px);
}
.blog-panel__add-comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(1.042vw, 10px);
}
.blog-panel__add-comment {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.blog-panel__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.blog-panel__info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.556vw, 4px);
}
.blog-panel__info-item {
    font-size: max(0.972vw, 10px);
}
.blog-panel__info-item:not(:first-child) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.556vw, 4px);
}
.blog-panel__info-item:not(:first-child)::before {
    content: "";
    display: block;
    width: max(0.139vw, 2px);
    height: max(0.139vw, 2px);
    border-radius: 50%;
    background-color: #1e1e1e;
}

/*$ //$------------ ADD-ENTRY ------------$// $*/
.add-entry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(1.042vw, 10px);
    min-height: max(3.333vw, 38px);
}
.add-entry__user-photo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    aspect-ratio: 1;
}
@media (max-width: 834px) {
    .add-entry__user-photo {
        width: 38px;
        height: 38px;
    }
}
.add-entry__user-photo img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 50%;
}
.add-entry._reply {
    min-height: max(2.5vw, 36px);
    margin-top: max(1.111vw, 12px);
}
.add-entry._reply .add-entry__user-photo {
    width: 48px;
    height: 48px;
}
@media (max-width: 834px) {
    .add-entry._reply .add-entry__user-photo {
        width: 34px;
        height: 34px;
    }
}
.add-entry._reply .blog-field {
    padding-block: max(0.66vw, 9.5px);
}

/*$ //$------------ POST ------------$// $*/
.blog-post__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: max(1.389vw, 12px);
}
.blog-post__about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(1.25vw, 10px);
}
.blog-post__actions .dropdown__content {
    right: 0;
}
.blog-post__actions .dropdown__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.blog-post__author-image {
    width: max(3.333vw, 34px);
    aspect-ratio: 1;
    object-fit: cover;
}
@media (max-width: 600px) {
    .blog-post__author-image {
        width: 38px;
    }
}
.blog-post__about-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.blog-post__author-name {
    font-size: max(1.111vw, 12px);
}
.blog-post__date {
    color: rgba(30, 30, 30, 0.5019607843);
    font-size: max(0.972vw, 12px);
}
.blog-post__body {
    margin-bottom: max(1.389vw, 12px);
    padding-bottom: max(1.389vw, 12px);
    border-bottom: max(0.069vw, 1px) solid #e6eaf2;
}
.blog-post__text-box {
    margin-bottom: max(1.389vw, 8px);
    font-size: max(0.972vw, 10px);
}
.blog-post__text {
    white-space: pre-wrap;
}
.blog-post__image-box {
    width: 100%;
    margin-bottom: max(1.389vw, 8px);
    overflow: clip;
    border-radius: max(0.556vw, 6px);
}
.blog-post__image-box img {
    width: 100%;
}
.blog-post__button-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(1.111vw, 10px);
}
.blog-post__comments {
    margin-bottom: max(1.667vw, 12px);
    padding-bottom: max(1.389vw, 12px);
    border-bottom: max(0.069vw, 1px) solid #e6eaf2;
}
.blog-post__comments-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(1.389vw, 12px);
}
.blog-post__comments-button {
    margin-top: max(1.389vw, 12px);
    color: #365399;
    font-size: max(1.111vw, 12px);
}
/*$ //$------------ COMMENT ------------$// $*/
.blog-comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.833vw, 10px);
}
.blog-comment__author-link {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 0;
}
.blog-comment__author-photo {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: max(3.333vw, 34px);
    min-width: max(3.333vw, 34px);
    aspect-ratio: 1;
    object-fit: cover;
}
.blog-comment__info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.blog-comment__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: max(0.417vw, 4px);
}
.blog-comment__author-name {
    font-size: max(1.111vw, 12px);
}
.blog-comment__actions .dropdown__content {
    right: 0;
}
.blog-comment__actions .dropdown__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.blog-comment__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(0.972vw, 6px);
    margin-bottom: max(0.972vw, 6px);
}
.blog-comment__text {
    font-size: max(0.972vw, 10px);
    white-space: pre-wrap;
}
.blog-comment__images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: max(0.972vw, 10px);
}
.blog-comment__image {
    border-radius: max(0.417vw, 6px);
}
@media (max-width: 834px) {
    .blog-comment__image {
        border-radius: max(0.719vw, 4px);
    }
}
.blog-comment__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.blog-comment__date {
    margin-right: max(1.111vw, 16px);
    color: rgba(30, 30, 30, 0.5019607843);
    font-size: max(0.972vw, 10px);
}
.blog-comment__reply-button {
    color: #365399;
    font-size: max(0.972vw, 10px);
}
.blog-comment__likes-button {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: max(3.125vw, 32px);
    margin-left: auto;
}

/*$ //$------------ ABOUT ------------$// $*/
.profile-about {
    display: none;
    padding: 0;
    border-radius: max(0.972vw, 10px);
    background-color: #fff;
}
@media (max-width: 600px) {
    .profile-about {
        display: block;
    }
}
.profile-about__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.556vw, 8px);
    padding: max(0.972vw, 10px);
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.profile-about__tabs::-webkit-scrollbar {
    display: none;
}
.profile-about__tab {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-inline: max(0.972vw, 12px);
    padding-block: max(0.417vw, 4px);
    border: 0;
    border-radius: max(0.556vw, 6px);
    background: transparent;
    color: #365399;
    font: inherit;
    font-size: max(1.111vw, 12px);
    line-height: 1.3;
    text-align: left;
    text-wrap: nowrap;
    cursor: pointer;
}
.profile-about__tab._active {
    background-color: #e6eaf2;
}
.profile-about__tab:focus-visible {
    outline: max(0.139vw, 2px) solid rgba(54, 83, 153, 0.35);
    outline-offset: max(0.139vw, 2px);
}
.profile-about__body {
    margin-top: max(0.556vw, 6px);
}

/*$ //$------------ CONNECTIONS ------------$// $*/
.profile-connections__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(1.389vw, 14px);
}
.profile-connections__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.417vw, 6px);
    font-size: max(0.972vw, 14px);
}
.profile-connections__common {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.417vw, 6px);
    color: rgba(30, 30, 30, 0.5019607843);
}
.profile-connections__common::before {
    content: "";
    display: block;
    width: max(0.139vw, 2px);
    height: max(0.139vw, 2px);
    background-color: rgba(30, 30, 30, 0.5019607843);
}
.profile-connections__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.profile-connections__list-link {
    display: block;
    width: max(2.361vw, 26px);
    aspect-ratio: 1;
    overflow: clip;
    border: max(0.069vw, 1px) solid #fff;
    border-radius: 50%;
    scale: 1.24;
}
.profile-connections__list-link img {
    width: 100%;
}
.profile-connections._empty .profile-connections__info {
    text-align: center;
}

/*$ //$------------ PHOTOS ------------$// $*/
.profile-photos__info {
    display: none;
}
.profile-photos__grid {
    visibility: inherit !important;
}
.profile-photos__list {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: max(1.111vw, 7px);
}
@media (max-width: 600px) {
    .profile-photos__list {
        grid-template-columns: repeat(4, 1fr);
        gap: max(0.556vw, 4px);
        margin-bottom: max(1.389vw, 12px);
    }
}
.profile-photos__item {
    aspect-ratio: 1;
    overflow: clip;
    border-radius: max(0.833vw, 5px);
    cursor: pointer;
}
.profile-photos__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}
.profile-photos__footer {
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: max(1.389vw, 12px);
    padding-top: max(1.389vw, 12px);
    border-top: max(0.069vw, 1px) solid #e6eaf2;
    font-size: max(0.972vw, 10px);
}
.profile-photos__amount {
    color: rgba(30, 30, 30, 0.5019607843);
}
.profile-photos__button._show-more {
    width: 100%;
    height: max(2.222vw, 32px);
    border-radius: max(0.833vw, 6px);
    background-color: #ff9b50;
    color: #fff;
}
@media (hover: hover) {
    .profile-photos__button._show-more:hover {
        background-color: #cc5800;
    }
}
.profile-photos__button._watch-all {
    padding-block: max(0.139vw, 2px);
    border-bottom: max(0.069vw, 1px) solid #365399;
    color: #365399;
}
.profile-photos__button._add-photos {
    height: max(2.222vw, 28px);
    padding-inline: max(0.833vw, 12px);
    position: relative;
    border-radius: max(0.556vw, 8px);
    background-color: #ff9b50;
    color: #fff;
    font-size: max(0.972vw, 12px);
}
@media (hover: hover) {
    .profile-photos__button._add-photos:hover {
        background-color: #cc5800;
    }
}
.profile-photos__button._add-photos input {
    position: absolute;
    inset: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
}
.profile-photos._empty .profile-photos__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(1.111vw, 10px);
    padding-block: max(1.667vw, 24px);
    font-size: max(1.111vw, 12px);
    font-weight: 300;
}
.profile-photos._empty .profile-photos__list {
    display: none;
}

/*$ //$------------ PARTICIPANTS ------------$// $*/
.profile-participants__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(4.861vw, 50px), 1fr));
    gap: max(1.111vw, 6px);
}
.profile-participants__item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.556vw, 4px);
    color: inherit;
}
.profile-participants__item-image {
    width: max(4.931vw, 47px);
}
.profile-participants__item-name {
    font-size: max(0.833vw, 10px);
}

/*$ //$------------ CONTACTS ------------$// $*/
.profile-contacts__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(1.389vw, 12px);
}
/*$ //$------------ CREATED ------------$// $*/
.profile-created {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: max(0.556vw, 6px);
    padding-top: max(1.319vw, 12px);
    border-top: max(0.069vw, 1px) solid rgba(30, 30, 30, 0.3019607843);
    font-size: max(1.111vw, 12px);
}
@media (max-width: 600px) {
    .profile-created {
        display: none;
    }
}
.profile-created__value {
    color: rgba(30, 30, 30, 0.5019607843);
}

/*$ //$======================== MESSENGER ========================$// $*/
/*$ //$======================== MESSENGER ========================$// $*/
.messenger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 0;
    position: relative;
    z-index: 0;
    overflow: clip;
    container-type: size;
}
.messenger__body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
}
@media (max-width: 768px) {
    .messenger__body {
        padding: 16px;
        position: fixed;
        inset: 0;
        translate: 100%;
        -webkit-transition: all 250ms;
        transition: all 250ms;
    }
    .messenger__body._open {
        translate: 0 0;
    }
}
@media (max-width: 600px) {
    .messenger__body {
        padding-inline: 16px;
        padding-top: 0;
        padding-bottom: 16px;
    }
}
.messenger__body._empty .messenger__banner {
    display: grid;
}
.messenger__body._open .chat {
    visibility: visible;
    opacity: 1;
}
.messenger__body._open .messenger__banner {
    opacity: 0;
}
.messenger__banner {
    display: grid;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    opacity: 1;
    place-items: center;
}
@media (max-width: 768px) {
    .messenger__banner {
        display: none;
    }
}
.messenger__banner-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(1.389vw, 12px);
}
.messenger__banner-icon {
    width: max(5.556vw, 48px);
    opacity: 0.5;
}
.messenger__banner-text {
    font-size: max(0.972vw, 12px);
    font-weight: 300;
}
.messenger__side {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: max(20.417vw, 260px);
    overflow-y: auto;
    border-left: max(0.069vw, 1px) solid #e6eaf2;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
@media (max-width: 834px) {
    .messenger__side {
        width: 220px;
    }
}
@media (max-width: 768px) {
    .messenger__side {
        width: 100%;
        border-left: none;
    }
}
@media (max-width: 600px) {
    .messenger__side {
        padding-inline: 16px;
    }
}
.messenger__side._closed {
    translate: -100%;
}
.messenger__search {
    height: max(5.417vw, 72px);
    padding: max(1.389vw, 20px);
    border-bottom: max(0.069vw, 1px) solid #d7dce4;
}
@media (max-width: 834px) {
    .messenger__search {
        padding: max(2.398vw, 16px);
    }
}
@media (max-width: 600px) {
    .messenger__search {
        height: 54px;
        padding-inline: 0;
        padding-top: 0;
    }
}
.messenger__search .account-search__form-field {
    width: 100%;
    height: max(2.639vw, 32px);
}
@media (max-width: 600px) {
    .messenger__search .account-search__form-field {
        height: 38px;
    }
}
.messenger__search .account-search__form-input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 0;
}
@media (max-width: 600px) {
    .messenger__chat-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
        padding-block: 16px;
    }
}
.messenger__chat-item {
    border-bottom: max(0.069vw, 1px) solid #d7dce4;
}
@media (max-width: 600px) {
    .messenger__chat-item {
        border: none;
    }
}
/*$ //$======================== CHAT ========================$// $*/
/*$ //$======================== CHAT ========================$// $*/
.chat {
    position: absolute;
    inset: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
@media (max-width: 768px) {
    .chat {
        inset: 16px;
        visibility: visible;
        opacity: 1;
    }
}
@media (max-width: 600px) {
    .chat {
        top: 0;
    }
}
.chat__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: max(5.417vw, 72px);
    padding-inline: max(1.389vw, 20px);
    border-bottom: max(0.069vw, 1px) solid #d7dce4;
}
@media (max-width: 834px) {
    .chat__header {
        padding-inline: max(2.398vw, 13px);
        padding-block: max(2.158vw, 16px);
    }
}
@media (max-width: 768px) {
    .chat__header {
        margin-bottom: 12px;
        border: none;
        border-radius: 10px;
        background-color: #fff;
    }
}
.chat__header-button._back {
    width: max(2.639vw, 28px);
    aspect-ratio: 1;
    padding: 0 !important;
    border-radius: max(0.694vw, 4px);
    background-color: #fff;
}
@media (max-width: 768px) {
    .chat__header-button._back {
        width: 38px;
        background-color: #e6eaf2;
    }
}
.chat__partner-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.417vw, 2px);
}
@media (max-width: 600px) {
    .chat__partner-info {
        gap: max(0.417vw, 4px);
    }
}
.chat__partner-name {
    font-size: max(1.111vw, 12px);
}
@media (max-width: 600px) {
    .chat__partner-name {
        font-size: max(2.667vw, 14px);
    }
}
.chat__partner-progress {
    font-size: max(0.833vw, 12px);
}
.chat__partner-avatar {
    width: max(2.639vw, 36px);
}
@media (max-width: 600px) {
    .chat__partner-avatar {
        width: 38px;
    }
}
.chat__partner-avatar img {
    width: 100%;
}
.chat__body {
    height: calc(100cqh - max(5.417vw, 72px) - max(6.111vw, 72px));
    overflow: auto;
}
@media (max-width: 768px) {
    .chat__body {
        height: calc(100cqh - 144px - 48px);
        border-radius: 10px 10px 0 0;
        background-color: #fff;
    }
}
@media (max-width: 600px) {
    .chat__body {
        height: calc(100cqh - 144px - 32px - 12px);
    }
}
.chat__body-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(1.111vw, 12px);
    padding-inline: max(1.389vw, 20px);
    padding-block: max(1.111vw, 12px);
}
@media (max-width: 834px) {
    .chat__body-inner {
        padding-inline: max(2.398vw, 12px);
    }
}
.chat__footer {
    min-height: max(6.111vw, 72px);
    padding: max(1.389vw, 20px);
    border-top: max(0.069vw, 1px) solid #d7dce4;
}
@media (max-width: 768px) {
    .chat__footer {
        padding: max(2.398vw, 12px);
        border: none;
        border-radius: 0 0 10px 10px;
        background-color: #fff;
    }
}

/*$ //$------------ message ------------$// $*/
.chat-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(0.833vw, 6px);
    width: 67%;
    min-width: max(20.833vw, 250px);
    padding: max(0.972vw, 12px);
    border-radius: max(1.111vw, 10px) max(1.111vw, 10px) max(1.111vw, 10px) 0;
    background-color: #fff;
}
@media (max-width: 768px) {
    .chat-message {
        background-color: #e6eaf2;
    }
}
.chat-message._my {
    -ms-flex-item-align: end;
    align-self: flex-end;
    border-radius: max(1.111vw, 10px) max(1.111vw, 10px) 0 max(1.111vw, 10px);
}
.chat-message._my .chat-message__footer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.chat-message._read .chat-message__label._read {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.chat-message._sent .chat-message__label._sent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.chat-message._delivered .chat-message__label._delivered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.chat-message__answered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.556vw, 4px);
}
.chat-message__answered::before {
    content: "";
    display: block;
    width: max(0.139vw, 2px);
    border-radius: max(0.139vw, 2px);
    background-color: #365399;
}
.chat-message__answered-image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: clip;
    border-radius: max(0.278vw, 4px);
    width: max(2.778vw, 32px);
    height: max(2.778vw, 32px);
}
.chat-message__answered-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.chat-message__answered-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(0.278vw, 2px);
}
.chat-message__answered-name {
    font-size: max(0.972vw, 12px);
}
.chat-message__answered-text {
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(0.972vw, 12px);
    font-weight: 300;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.chat-message__body {
    font-size: max(0.972vw, 12px);
    font-weight: 300;
}
.chat-message__image {
    width: 100%;
    max-width: 50%;
    margin-top: max(0.694vw, 6px);
}
.chat-message__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.chat-message__button._reply {
    gap: max(0.278vw, 4px);
    color: #365399;
    font-size: max(0.833vw, 12px);
    font-weight: 300;
}
.chat-message__button._reply .button__icon {
    width: max(1.111vw, 16px);
}
.chat-message__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.694vw, 10px);
}
.chat-message__time {
    font-size: max(0.833vw, 12px);
    font-weight: 300;
}
.chat-message__label {
    display: none;
}

/*$ //$------------ message-writing ------------$// $*/
.message-writing {
    width: 100%;
    font-size: max(0.972vw, 12px);
}
.message-writing__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: max(1.389vw, 15px);
}
.message-writing__field {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: max(3.333vw, 32px);
    padding-inline: max(1.111vw, 12px);
    padding-block: max(0.833vw, 8px);
    border-radius: max(0.694vw, 6px);
    background-color: #fff;
}
@media (max-width: 768px) {
    .message-writing__field {
        border: 1px solid #d7dce4;
    }
}
@media (max-width: 600px) {
    .message-writing__field {
        min-height: 38px;
    }
}
.message-writing__input {
    width: 100%;
    -ms-flex-item-align: center;
    align-self: center;
}
.message-writing__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(1.111vw, 12px);
}
@media (max-width: 834px) {
    .message-writing__buttons {
        gap: max(1.439vw, 10px);
    }
}
.message-writing__button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: max(1.667vw, 20px);
    position: relative;
}
.message-writing__button .button__icon {
    width: 100%;
}
.message-writing__button .button__icon img {
    width: 100%;
}
.message-writing__button._file {
    margin-top: max(0.833vw, 8px);
}
.message-writing__button._send-message {
    width: auto;
    min-width: max(6.389vw, 82px);
    min-height: max(2.222vw, 32px);
    padding-inline: max(0.833vw, 12px);
    border-radius: max(0.417vw, 6px);
    background-color: #365399;
    color: #fff;
    font-size: max(0.833vw, 12px);
    font-weight: 400;
}
@media (max-width: 600px) {
    .message-writing__button._send-message {
        min-width: 78px;
        min-height: 32px;
        padding-inline: 10px;
    }
}
.message-writing__button input {
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: 0;
}

/*$ //$------------ response ------------$// $*/
.response {
    display: none;
    gap: max(0.972vw, 10px);
    margin-bottom: max(1.111vw, 12px);
    padding-left: max(3.125vw, 35px);
    padding-right: max(1.389vw, 10px);
}
@media (max-width: 834px) {
    .response {
        margin-bottom: max(1.439vw, 10px);
    }
}
.response._active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.response__indicator {
    width: max(0.139vw, 1px);
    border-radius: max(0.139vw, 1px);
    background-color: #365399;
}
.response__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(0.278vw, 2px);
}
.response__partner-name {
    font-size: max(0.972vw, 10px);
}
@media (max-width: 768px) {
    .response__partner-name {
        font-size: 12px;
    }
}
.response__partner-message {
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(0.972vw, 10px);
    font-weight: 300;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.response__close-button {
    margin-left: auto;
}
.response__close-button .button__icon {
    width: max(1.667vw, 18px);
}
@media (max-width: 834px) {
    .response__close-button .button__icon {
        width: max(2.158vw, 16px);
    }
}
.response__close-button .button__icon svg {
    width: 100%;
}

/*$ //$------------ message-attachments ------------$// $*/
.message-attachments {
    padding-left: max(3.125vw, 35px);
    margin-top: max(1.111vw, 12px);
}
.message-attachments__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.833vw, 6px);
}
.message-attachments__item {
    width: max(4.167vw, 46px);
    height: max(4.167vw, 46px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 834px) {
    .message-attachments__item {
        width: max(5.516vw, 36px);
        height: max(5.516vw, 36px);
    }
}
@media (hover: hover) {
    .message-attachments__item:hover .message-attachments__item-remove {
        opacity: 1;
    }
}
.message-attachments__item-image {
    border-radius: max(0.278vw, 4px);
    overflow: clip;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.message-attachments__item-remove {
    width: max(2.5vw, 28px);
    height: max(2.5vw, 28px);
    background-color: rgba(30, 30, 30, 0.7019607843);
    border-radius: 50%;
    position: absolute;
    backdrop-filter: blur(max(0.278vw, 4px));
    opacity: 0;
}
@media (max-width: 834px) {
    .message-attachments__item-remove {
        width: max(1.918vw, 12px);
        height: max(1.918vw, 12px);
        opacity: 1;
        top: calc(-1 * max(0.667vw, 3px));
        right: calc(-1 * max(0.667vw, 3px));
    }
}
@media (max-width: 600px) {
    .message-attachments__item-remove {
        width: max(3vw, 12px);
        height: max(3vw, 12px);
    }
}
.message-attachments__item-remove img {
    width: max(1.389vw, 20px);
}
@media (max-width: 834px) {
    .message-attachments__item-remove img {
        width: max(1.439vw, 8px);
    }
}
@media (max-width: 600px) {
    .message-attachments__item-remove img {
        width: max(1.667vw, 8px);
    }
}

/*@ //@======================== hero ========================@// @*/
/*@ //@======================== hero ========================@// @*/
.hero {
    padding-top: max(9.028vw, 130px);
    padding-bottom: max(4.167vw, 50px);
}
@media (width <= 834px) {
    .hero {
        padding-top: max(17.266vw, 120px);
        padding-bottom: 50px;
    }
}
.hero__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: min-content min-content 1fr;
    grid-template-areas: "hero-info hero-image" "hero-button hero-image" "hero-cards hero-image";
    min-height: max(41.667vw, 600px);
    visibility: hidden;
    opacity: 0;
}
@media (max-width: 1100px) {
    .hero__inner {
        grid-template-areas: "hero-info hero-image" "hero-button hero-image" "hero-cards hero-cards";
    }
}
@media (width <= 600px) {
    .hero__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 0;
    }
}
.hero__info {
    justify-self: center;
    grid-area: hero-info;
}
@media (width <= 600px) {
    .hero__info {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
    }
}
.hero__heading {
    margin-bottom: max(1.667vw, 16px);
    font-size: max(3.333vw, 30px) !important;
    line-height: 1.2;
    text-wrap: balance;
}
@media (width <= 834px) {
    .hero__heading {
        width: 362px;
        height: 88px;
        margin-top: 108px;
        margin-bottom: 16px;
        font-size: 36px !important;
        line-height: 44px;
    }
}
@media (width <= 600px) {
    .hero__heading {
        width: 100%;
        height: auto;
        margin-top: 0;
        margin-bottom: 20px;
        font-size: 26px !important;
        line-height: 30px;
        text-align: center;
    }
}
.hero__text {
    margin-bottom: max(2.083vw, 28px);
    color: rgba(30, 30, 30, 0.8);
    font-size: max(1.111vw, 16px);
    text-wrap: balance;
}
@media (width <= 834px) {
    .hero__text {
        width: 369px;
        height: 40px;
        margin-bottom: 28px;
        font-size: 16px;
        line-height: 20px;
    }
    .hero__text br {
        display: none;
    }
}
@media (width <= 600px) {
    .hero__text {
        width: 100%;
        height: auto;
        font-size: 14px;
        line-height: 18px;
        text-align: center;
    }
    .hero__text br {
        display: none;
    }
}
.hero__button-wrapper {
    grid-area: hero-button;
    margin-bottom: max(6.944vw, 100px);
    margin-bottom: max(1.389vw, 20px);
}
@media (width <= 834px) {
    .hero__button-wrapper {
        margin-bottom: max(13.189vw, 60px);
    }
}
@media (width <= 600px) {
    .hero__button-wrapper {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-bottom: max(6.667vw, 32px);
    }
}
.hero__cards-wrapper {
    align-self: end;
    grid-area: hero-cards;
}
@media (max-width: 1100px) {
    .hero__cards-wrapper {
        margin-top: max(3.636vw, 40px);
    }
}
@media (width <= 834px) {
    .hero__cards-wrapper {
        -ms-flex-item-align: unset;
        align-self: unset;
        margin-top: 10px;
    }
}
@media (width <= 600px) {
    .hero__cards-wrapper {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 0;
        margin-bottom: 10px;
        width: 100vw;
        position: relative;
        left: -16px;
    }
}
.hero__cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(1.111vw, 16px);
}
@media (max-width: 1100px) {
    .hero__cards {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media (width <= 834px) {
    .hero__cards {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: max(2.398vw, 8px);
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .hero__cards::-webkit-scrollbar {
        display: none;
    }
}
@media (width <= 600px) {
    .hero__cards {
        gap: 8px;
        padding-inline: 16px;
    }
}
@media (max-width: 1100px) {
    .hero__card {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}
@media (width <= 834px) {
    .hero__card {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 184px;
    }
}
@media (width <= 600px) {
    .hero__card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 164px;
        flex: 0 0 164px;
        width: 164px;
        min-width: 164px;
    }
}
.hero__image-box {
    grid-area: hero-image;
    width: max(45vw, 648px);
    height: max(41.667vw, 600px);
    position: relative;
    right: calc(-1 * max(0.694vw, 10px));
}
@media (max-width: 1100px) {
    .hero__image-box {
        width: 400px;
        height: 390px;
    }
}
@media (width <= 834px) {
    .hero__image-box {
        top: 14px;
        width: 370px;
        right: -47px;
    }
}
@media (width <= 600px) {
    .hero__image-box {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        -ms-flex-item-align: end;
        align-self: flex-end;
        top: auto;
        width: 350px;
        height: 330px;
        left: max(4.833vw, 16px);
        right: auto;
    }
}
@media (max-width: 360px) {
    .hero__image-box {
        width: max(97.222vw, 300px);
        height: max(91.667vw, 280px);
    }
}
.hero__image-box img {
    border-radius: max(1.389vw, 20px);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right;
    width: 100%;
    height: 100%;
}
.hero__image-bg {
    width: 84%;
    height: 100%;
    position: absolute;
    right: 0;
}
@media (width <= 834px) {
    .hero__image-bg img {
        border-radius: 20px 0 0 20px;
    }
}
.hero__image-fg {
    position: absolute;
    inset: 0;
}

/*@ //@======================== timetable ========================@// @*/
/*@ //@======================== timetable ========================@// @*/
/*@ //@======================== about ========================@// @*/
/*@ //@======================== about ========================@// @*/
.main-raspisanie .about__heading {
    margin-bottom: clamp(32px, 4.167vw, 60px);
    line-height: clamp(30px, 3.889vw, 56px);
}
@media (width <= 834px) {
    .main-raspisanie .about__heading {
        margin-bottom: 32px;
        line-height: 42px;
    }
}
.about__inner {
    display: grid;
    grid-template-columns: minmax(0, 40.9375%) minmax(0, 1fr);
    gap: clamp(14px, 1.111vw, 16px);
    margin-bottom: clamp(24px, 4.167vw, 60px);
}
@media (width <= 834px) {
    .about__inner {
        grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
        gap: 14px;
        margin-bottom: 24px;
    }
}
.about__info {
    display: grid;
    grid-template-columns: max-content clamp(12px, 2.5vw, 36px) minmax(0, 1fr);
    -webkit-column-gap: clamp(12px, 1.528vw, 22px);
    -moz-column-gap: clamp(12px, 1.528vw, 22px);
    column-gap: clamp(12px, 1.528vw, 22px);
    align-items: start;
}
.about__info-title {
    color: #365399;
    font-size: 18px;
    line-height: 22px;
    text-wrap: nowrap;
}
@media (width <= 834px) {
    .about__info-title {
        font-size: 16px;
        line-height: 20px;
    }
}
.about__info-dash {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 1px;
    background-color: #365399;
    -webkit-transform: translateY(11px);
    -ms-transform: translateY(11px);
    transform: translateY(11px);
}
@media (width <= 834px) {
    .about__info-dash {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }
}
.about__info-text {
    min-width: 0;
    font-size: 16px;
    line-height: 20px;
}
.about__info-text p + p {
    margin-top: 8px;
}
@media (width <= 834px) {
    .about__info-text {
        font-size: 14px;
        line-height: 18px;
    }
}
.about__image {
    width: 740px;
    max-width: 100%;
    height: 168px;
    justify-self: end;
    overflow: hidden;
    border-radius: 12px;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.about__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center 33%;
    object-position: center 33%;
}
@media (width <= 834px) {
    .about__image {
        width: 100%;
        height: 100px;
    }
}
.about__cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 416px));
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(12px, 1.111vw, 16px);
}
@media (width <= 834px) {
    .about__cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
    }
}
@media (width <= 600px) {
    .main-raspisanie .about__heading {
        max-width: 186px;
        line-height: 30px;
    }
    .about__inner {
        display: block;
        margin-bottom: 24px;
    }
    .about__info {
        grid-template-columns: 75px 12px minmax(0, 1fr);
        -webkit-column-gap: 5px;
        -moz-column-gap: 5px;
        column-gap: 5px;
    }
    .about__info-title {
        font-size: 14px;
        line-height: 20px;
        text-wrap: wrap;
    }
    .about__info-text {
        margin-left: 15px;
        font-size: 14px;
        line-height: 18px;
    }
    .about__image {
        width: 100%;
        height: 100px;
        margin-top: 24px;
    }
    .about__cards {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }
}
.about__card {
    min-width: 0;
}

/*@ //@======================== success-corners ========================@// @*/
/*@ //@======================== success-corners ========================@// @*/
.success-corners {
    padding-block: 0;
}
.success-corners__inner {
    position: relative;
    width: 100%;
    min-height: 330px;
    overflow: hidden;
    border-radius: 16px;
}
.success-corners__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.success-corners__content {
    position: absolute;
    inset: 0;
    z-index: 1;
}
.success-corners__title {
    position: absolute;
    top: 29px;
    left: 30px;
    width: 544px;
    max-width: calc(100% - 60px);
    margin: 0;
    color: #1e1e1e;
    font-size: 48px;
    font-weight: 400;
    line-height: 56px;
}
.success-corners__text {
    position: absolute;
    top: 101px;
    left: 30px;
    width: 544px;
    max-width: calc(100% - 60px);
    min-height: 81px;
    margin: 0;
    color: rgba(30, 30, 30, 0.8);
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
}
.success-corners__button {
    position: absolute;
    top: 244px;
    left: 30px;
    width: 267px;
    height: 56px;
    padding: 18px 68px;
    border-radius: 12px;
    background-color: #ff9b50;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    text-align: center;
}
@media (hover: hover) {
    .success-corners__button:hover {
        background-color: #cc5800;
    }
}
@media (width <= 834px) {
    .success-corners__inner {
        min-height: 195px;
    }
    .success-corners__image {
        -o-object-position: center bottom;
        object-position: center bottom;
    }
    .success-corners__title {
        top: 24px;
        left: 20px;
        width: 420px;
        max-width: calc(100% - 48px);
        font-size: 32px;
        line-height: 38px;
    }
    .success-corners__text {
        top: 68px;
        left: 20px;
        width: 544px;
        height: 81px;
        max-width: calc(100% - 48px);
        min-height: 81px;
        font-size: 16px;
        line-height: 20px;
    }
    .success-corners__button {
        top: auto;
        bottom: 20px;
        left: 20px;
        width: 296px;
        height: 44px;
        padding: 12px 40px;
    }
}
@media (width <= 600px) {
    .success-corners__inner {
        min-height: 195px;
    }
    .success-corners__content {
        position: absolute;
        min-height: 0;
        padding: 0;
    }
    .success-corners__title {
        position: absolute;
        top: 16px;
        left: 16px;
        width: calc(100% - 32px);
        max-width: none;
        margin: 0;
        font-size: 26px;
        line-height: 30px;
    }
    .success-corners__text {
        position: absolute;
        top: 50px;
        left: 16px;
        width: calc(100% - 28px);
        max-width: none;
        min-height: 81px;
        margin: 0;
        font-size: 16px;
        line-height: 20px;
    }
    .success-corners__button {
        position: absolute;
        left: 16px;
        right: 16px;
        bottom: 16px;
        top: auto;
        width: auto;
        max-width: none;
        height: 44px;
        margin: 0;
        padding: 12px 24px;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
    }
}

/*@ //@======================== directions ========================@// @*/
/*@ //@======================== directions ========================@// @*/
.directions__inner {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-template-columns: 1fr max(42.778vw, 484px);
    grid-template-areas: "directions-heading directions-heading" "directions-image directions-list";
    row-gap: max(4.167vw, 60px);
}
@media (width <= 834px) {
    .directions__inner {
        row-gap: max(7.194vw, 40px);
        -webkit-column-gap: max(2.398vw, 10px);
        -moz-column-gap: max(2.398vw, 10px);
        column-gap: max(2.398vw, 10px);
    }
}
@media (width <= 600px) {
    .directions__inner {
        grid-template-columns: 3fr 1fr;
        grid-template-areas: "directions-heading directions-image" "directions-list directions-list";
    }
}
.directions__heading {
    grid-area: directions-heading;
}
@media (width <= 600px) {
    .directions__heading {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.directions__image {
    grid-area: directions-image;
    position: relative;
}
@media (width <= 834px) {
    .directions__image {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
@media (width <= 600px) {
    .directions__image {
        justify-self: flex-end;
        width: max(13.333vw, 60px);
    }
}
.directions__image img {
    width: 100%;
}
.directions__image-inner {
    position: relative;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (width <= 834px) {
    .directions__image-inner {
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.directions__image-bg {
    top: 50%;
    width: 60%;
}
@media (width <= 834px) {
    .directions__image-bg {
        width: 100%;
    }
}
.directions__image-fg {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 70%;
    -webkit-transform: translate(-52%, -50%);
    -ms-transform: translate(-52%, -50%);
    transform: translate(-52%, -50%);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}
@media (width <= 834px) {
    .directions__image-fg {
        width: 47%;
        -webkit-transform: translate(-60%, -50%);
        -ms-transform: translate(-60%, -50%);
        transform: translate(-60%, -50%);
    }
}
.directions__list {
    justify-self: center;
    grid-area: directions-list;
    display: grid;
    gap: max(1.111vw, 6px);
    width: 100%;
}
@media (width <= 834px) {
    .directions__list {
        min-width: 484px;
    }
}
@media (width <= 600px) {
    .directions__list {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100%;
        min-width: auto;
        max-height: none;
    }
}
.directions__item {
    width: max(21.389vw, 242px);
    padding-inline: max(0.208vw, 3px);
    padding-block: max(0.556vw, 8px);
}
@media (width <= 600px) {
    .directions__item {
        width: 100%;
    }
}
.directions__item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: max(3.611vw, 40px);
    margin-bottom: max(0.417vw, 6px);
    border: max(0.069vw, 1px) solid #e6eaf2;
    border-radius: max(0.833vw, 8px);
    background-image: url("../img/bg/directions-items-bg.svg");
    background-position: 30% 30%;
    background-color: rgba(230, 234, 242, 0.5019607843);
    color: #365399;
    font-size: max(1.111vw, 16px);
}
.directions__item-text {
    padding: max(1.111vw, 10px);
    overflow: hidden;
    border-radius: max(0.833vw, 8px);
    background-color: rgba(230, 234, 242, 0.5019607843);
    font-size: max(0.972vw, 14px);
}

/*@ //@======================== trainers ========================@// @*/
/*@ //@======================== trainers ========================@// @*/
.trainers {
    padding-top: max(4.167vw, 50px);
    padding-bottom: max(2.5vw, 36px);
}
@media (width <= 834px) {
    .trainers {
        padding-bottom: 50px;
    }
}
.trainers__header {
    margin-bottom: max(1.736vw, 25px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(1.389vw, 20px);
}
.trainers__heading {
    margin-bottom: max(4.167vw, 40px);
}
.trainers__heading._home {
    margin-bottom: 0;
}
.trainers__text {
    margin-bottom: max(2.778vw, 40px);
}
/*@ //@======================== reviews ========================@// @*/
/*@ //@======================== reviews ========================@// @*/
.reviews._row .section-header {
    padding: 0;
    border: none;
}
.reviews._grid .section-header {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: max(1.389vw, 16px);
    padding-bottom: max(3.056vw, 32px);
    border-bottom: max(0.069vw, 1px) solid rgba(30, 30, 30, 0.3019607843);
}
@media (width <= 834px) {
    .reviews._grid .section-header {
        padding-bottom: max(3.837vw, 25px);
    }
}
@media (width <= 600px) {
    .reviews__heading {
        width: 100%;
    }
}
.reviews__select-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(1.667vw, 16px);
    margin-left: auto;
}
@media (width <= 600px) {
    .reviews__select-box {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin: 0;
    }
}
.reviews__select {
    width: max(28.472vw, 240px);
}
@media (width <= 600px) {
    .reviews__select {
        width: 100%;
        padding-right: 12px;
        border-right: max(0.069vw, 1px) solid rgba(30, 30, 30, 0.3019607843);
    }
}
.reviews__select .select__content {
    height: max(13.889vw, 200px);
    overflow: auto;
    background-color: #f3f5f9;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.reviews__select .select__content::-webkit-scrollbar {
    display: none;
}
@media (max-width: 600px) {
    .reviews__select .select__content {
        margin-top: 30px;
        border-radius: 0;
        background-color: #fff;
    }
}
.reviews__select .select__content-inner {
    padding-top: max(0.417vw, 6px);
    padding-bottom: max(0.833vw, 12px);
    position: relative;
    border-radius: inherit;
}
.reviews__select .select__content-inner::after {
    content: "";
    display: block;
    width: 80%;
    height: max(0.069vw, 1px);
    position: absolute;
    left: 16px;
    bottom: 0;
    background-color: #d7dce4;
}
@media (max-width: 834px) {
    .reviews__select .select__content-inner::after {
        width: 60%;
    }
}
@media (max-width: 600px) {
    .reviews__select .select__content-inner::after {
        left: 12px;
        right: 12px;
        width: auto;
    }
}
.reviews__select .select__content-title {
    padding-inline: max(1.111vw, 16px) !important;
    padding-top: max(0.694vw, 10px);
    font-size: max(0.972vw, 14px) !important;
    font-weight: 400 !important;
}
.reviews__select .select__item {
    padding: 0;
}
.reviews__select .select__label {
    padding-inline: max(2.5vw, 36px);
    padding-block: max(0.278vw, 4px);
    border-bottom: none;
    font-size: max(0.833vw, 12px);
    font-weight: 300;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
@media (max-width: 834px) {
    .reviews__select .select__label {
        padding-inline: max(4.317vw, 28px);
    }
}
@media (hover: hover) {
    .reviews__select .select__label:hover {
        background-color: #f3f5f9;
    }
}
.reviews__select .select__list {
    padding-top: max(0.833vw, 12px);
    background-color: transparent;
}
@media (max-width: 834px) {
    .reviews__select .select__list {
        padding-top: max(1.199vw, 8px);
    }
}
.reviews__select-title {
    font-size: max(1.25vw, 16px);
}
@media (width <= 600px) {
    .reviews__select-title {
        display: none;
    }
}
.reviews__city {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (width <= 834px) {
    .reviews__city {
        width: 100%;
    }
}
@media (width <= 600px) {
    .reviews__city {
        width: auto;
    }
}
.reviews__list {
    display: grid;
}
@media (width <= 700px) {
    .reviews__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 60px;
    }
}
.reviews__list-item {
    width: 50%;
    padding: max(0.556vw, 7px);
}
@media (width <= 700px) {
    .reviews__list-item {
        width: 100%;
        padding: 0;
    }
}

/*@ //@======================== POSSIBILITIES ========================@// @*/
/*@ //@======================== POSSIBILITIES ========================@// @*/
.possibilities {
    padding-top: max(2.5vw, 36px);
    padding-bottom: max(4.167vw, 50px);
}
@media (width <= 834px) {
    .possibilities {
        padding-bottom: 50px;
    }
}
.possibilities__heading {
    margin-bottom: max(1.667vw, 24px);
}
.possibilities__text {
    width: max(43.889vw, 434px);
    margin-bottom: max(2.778vw, 40px);
    font-size: max(1.111vw, 16px);
}
@media (width <= 834px) {
    .possibilities__text {
        font-size: max(1.918vw, 14px);
    }
}
@media (width <= 600px) {
    .possibilities__text {
        width: 100%;
    }
}
@media (width <= 600px) {
    .possibilities__list-wrapper {
        overflow: auto;
        width: 100vw;
        position: relative;
        left: calc(-1 * max(4.667vw, 16px));
        padding-inline: max(4.667vw, 16px);
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .possibilities__list-wrapper::-webkit-scrollbar {
        display: none;
    }
}
.possibilities__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: max(1.111vw, 14px);
    width: 100%;
}
@media (width <= 834px) {
    .possibilities__list {
        gap: max(1.679vw, 8px);
    }
}
@media (width <= 600px) {
    .possibilities__list {
        width: 1680px;
    }
}
/*@ //@======================== home-library ========================@// @*/
/*@ //@======================== home-library ========================@// @*/
.home-library {
    padding-block: max(4.167vw, 50px);
}
.home-library__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: max(2.5vw, 36px);
}
.home-library__slider {
    position: relative;
    width: max(50%, 740px);
    height: max(30vw, 220px);
    overflow: hidden;
    border-radius: max(1.111vw, 12px);
}
@media (width <= 600px) {
    .home-library__slider {
        display: none;
    }
}
.home-library__slide {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: max(1.111vw, 12px);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 500ms;
    transition: all 500ms;
}
@media (width <= 600px) {
    .home-library__slide {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.home-library__slide._active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.home-library__slide-bg {
    position: relative;
    width: 100%;
    height: 100%;
}
.home-library__slide-bg::before {
    content: "";
    position: absolute;
    display: block;
    opacity: 0.2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(80%, #000000));
    background-image: linear-gradient(rgba(0, 0, 0, 0), #000000 80%);
    width: 100%;
    height: 100%;
}
.home-library__slide-bg img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.home-library__slide-inner {
    position: absolute;
    bottom: 0;
    z-index: 1;
    padding: max(1.389vw, 20px);
}
@media (width <= 834px) {
    .home-library__slide-inner {
        padding: 16px;
    }
}
.home-library__slide-title {
    color: #fff;
    font-size: max(1.667vw, 20px);
}
@media (width <= 834px) {
    .home-library__slide-title {
        font-size: max(2.398vw, 18px);
    }
}
.home-library__slide-text {
    opacity: 0.7;
    color: #fff;
    font-size: max(0.972vw, 14px);
}
@media (width <= 834px) {
    .home-library__slide-text {
        font-size: max(1.918vw, 12px);
    }
}
.home-library__thumbnails {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: max(34.722vw, 430px);
}
@media (width <= 834px) {
    .home-library__thumbnails {
        width: max(51.559vw, 320px);
    }
}
@media (width <= 600px) {
    .home-library__thumbnails {
        width: 100%;
    }
}
.home-library__thumbnail {
    position: relative;
    padding-block: max(2.222vw, 24px);
    border-bottom: max(0.069vw, 1px) solid rgba(30, 30, 30, 0.3019607843);
    cursor: pointer;
}
.home-library__thumbnail:first-child {
    padding-top: 0;
}
.home-library__thumbnail._active .home-library__thumbnail-button {
    bottom: max(2.778vw, 40px);
    visibility: visible;
    opacity: 1;
}
.home-library__thumbnail._active .home-library__thumbnail-pane-button svg .vertical {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.home-library__thumbnail-button {
    position: absolute;
    right: 0;
}
@media (width <= 600px) {
    .home-library__thumbnail-button {
        right: 16px;
        bottom: 0;
        z-index: 1;
        visibility: hidden;
        opacity: 0;
    }
}
.home-library__thumbnail-pane {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(1.389vw, 20px);
}
.home-library__thumbnail-subtitle {
    font-size: max(1.111vw, 16px);
}
@media (width <= 834px) {
    .home-library__thumbnail-subtitle {
        font-size: max(1.918vw, 14px);
    }
}
.home-library__thumbnail-pane-button {
    display: none;
    width: 24px;
    height: 24px;
    -webkit-transform: rotateX(10deg);
    transform: rotateX(10deg);
}
@media (width <= 600px) {
    .home-library__thumbnail-pane-button {
        display: block;
    }
}
.home-library__thumbnail-pane-button svg {
    width: 50%;
    height: 50%;
}
.home-library__thumbnail-pane-button svg .vertical {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
.home-library__thumbnail-content {
    display: none;
}
@media (width <= 600px) {
    .home-library__thumbnail-content {
        display: block;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: all 250ms;
        transition: all 250ms;
    }
}
.home-library__thumbnail-content-inner {
    position: relative;
    height: 200px;
    margin-top: 16px;
    overflow: hidden;
    border-radius: 12px;
}
.home-library__thumbnail-content-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.home-library__thumbnail-content-info {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: calc(100% - 56px);
    padding: 16px;
    color: #fff;
}
.home-library__thumbnail-title {
    font-size: max(1.667vw, 20px);
}
@media (width <= 834px) {
    .home-library__thumbnail-title {
        font-size: max(2.398vw, 18px);
    }
}
.home-library__thumbnail-text {
    font-size: max(0.972vw, 14px);
}
@media (width <= 834px) {
    .home-library__thumbnail-text {
        font-size: max(1.918vw, 12px);
    }
}

/*@ //@======================== forum ========================@// @*/
/*@ //@======================== forum ========================@// @*/
.forum__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: max(1.111vw, 12px);
}

/*@ //@======================== home shop ========================@// @*/
/*@ //@======================== home shop ========================@// @*/
.home-shop__button-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: max(2.778vw, 32px);
}
@media (width <= 834px) {
    .home-shop__button-box {
        margin-bottom: max(3.837vw, 24px);
    }
}
.home-shop__filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(1.111vw, 12px);
}
@media (width <= 834px) {
    .home-shop__filter {
        gap: max(1.439vw, 8px);
    }
}
.home-shop__slider-arrows {
    position: absolute;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: max(1.111vw, 12px);
    top: calc(-1 * (max(2.778vw, 32px) + max(3.611vw, 44px)));
}
@media (width <= 834px) {
    .home-shop__slider-arrows {
        gap: max(1.439vw, 8px);
        top: calc(-1 * (max(2.222vw, 24px) + max(3.056vw, 38px)));
        display: none;
    }
}
.home-shop__slider-arrow {
    position: static;
    background: transparent;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.home-shop__slider-arrow._right {
    right: 0;
}
.home-shop__slider-track {
    overflow: visible;
}
/*@ //@======================== home-map ========================@// @*/
/*@ //@======================== feedback ========================@// @*/
/*@ //@======================== feedback ========================@// @*/
.feedback__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: max(1.111vw, 14px);
    max-height: max(39.028vw, 562px);
}
.feedback__form {
    width: 50%;
    scroll-margin-top: max(8.333vw, 96px);
}
@media (width <= 600px) {
    .feedback__form {
        width: 100%;
    }
}
.feedback__images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(1.111vw, 14px);
    width: 50%;
}
@media (width <= 600px) {
    .feedback__images {
        display: none;
    }
}
.feedback__image {
    height: 50%;
    overflow: hidden;
    border-radius: max(1.111vw, 16px);
}
.feedback__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.feedback__label {
    position: absolute;
    right: calc(-1 * max(1.389vw, 10px));
    bottom: calc(-1 * max(1.389vw, 10px));
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
.feedback__label._visible {
    visibility: visible;
    opacity: 1;
}

/*@ //@======================== history ========================@// @*/
/*@ //@======================== history ========================@// @*/
.history__heading {
    margin-bottom: max(1.667vw, 24px);
}
.history__text {
    width: max(44.444vw, 440px);
    margin-bottom: max(6.889vw, 40px);
}
@media (width <= 834px) {
    .history__text {
        margin-bottom: 40px;
    }
}
@media (width <= 600px) {
    .history__text {
        width: 100%;
    }
}
@media (max-width: 1100px) {
    .history__scale-wrapper {
        position: relative;
        left: calc(-1 * max(5.545vw, 40px));
        width: 100vw;
        padding-inline: max(5.545vw, 40px);
        overflow-x: auto;
        overflow-y: visible;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .history__scale-wrapper::-webkit-scrollbar {
        display: none;
    }
}
@media (width <= 834px) {
    .history__scale-wrapper {
        left: calc(-1 * max(4.796vw, 16px));
        padding-inline: max(4.796vw, 16px);
    }
}
.history__scale {
    position: relative;
    width: 100%;
    min-width: 890px;
    height: max(71.528vw, 960px);
    margin-right: max(8.333vw, 120px);
}
.history__items {
    position: absolute;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.history__item {
    position: relative;
}
@media (width <= 834px) {
    .history__item {
        left: 0 !important;
        right: 0 !important;
    }
}
.history__item:nth-child(2) {
    left: 6%;
}
.history__item:nth-child(3) {
    left: 2%;
}
.history__item:nth-child(4) {
    right: 2%;
}
.history__item:nth-child(5) {
    right: 6%;
}
.history__item:nth-child(odd) .history__item-inner {
    left: 0;
    -webkit-transform: translateX(calc(max(6.389vw, 48px) / 2 - max(4.306vw, 48px) / 2));
    -ms-transform: translateX(calc(max(6.389vw, 48px) / 2 - max(4.306vw, 48px) / 2));
    transform: translateX(calc(max(6.389vw, 48px) / 2 - max(4.306vw, 48px) / 2));
}
.history__item:nth-child(odd) .history__item-handler {
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.history__item:nth-child(odd) .history__item-content {
    -webkit-transform: translate(max(2.778vw, 40px), calc(-1 * max(0.694vw, 10px)));
    -ms-transform: translate(max(2.778vw, 40px), calc(-1 * max(0.694vw, 10px)));
    transform: translate(max(2.778vw, 40px), calc(-1 * max(0.694vw, 10px)));
}
.history__item:nth-child(even) .history__item-inner {
    right: 0;
    bottom: 100%;
    -webkit-transform: translateX(calc(-1 * (max(6.389vw, 48px) / 2 - max(4.306vw, 48px) / 2)));
    -ms-transform: translateX(calc(-1 * (max(6.389vw, 48px) / 2 - max(4.306vw, 48px) / 2)));
    transform: translateX(calc(-1 * (max(6.389vw, 48px) / 2 - max(4.306vw, 48px) / 2)));
}
.history__item:nth-child(even) .history__item-handler {
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.history__item:nth-child(even) .history__item-content {
    -webkit-transform: translate(-2.778vw, 2.778vw);
    -ms-transform: translate(-2.778vw, 2.778vw);
    transform: translate(-2.778vw, 2.778vw);
}
@media (width <= 834px) {
    .history__item:nth-child(even) .history__item-content {
        position: relative;
        -webkit-transform: translate(50%, 0);
        -ms-transform: translate(50%, 0);
        transform: translate(50%, 0);
    }
}
.history__item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: max(6.389vw, 48px);
    border-radius: 50%;
    background-color: #e6eaf2;
    aspect-ratio: 1;
}
.history__item-icon img {
    width: max(2.778vw, 24px);
}
.history__item-inner {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: max(16.667vw, 240px);
}
.history__item-date {
    margin-bottom: max(1.111vw, 6px);
    font-size: max(1.944vw, 20px);
}
.history__item-title {
    margin-bottom: max(0.694vw, 10px);
    font-size: max(1.111vw, 16px);
}
.history__item-text {
    font-size: max(1.111vw, 16px);
}
.history__item-handler {
    position: relative;
    right: 0;
    width: max(4.306vw, 48px);
}
.history__item-handler img {
    width: 100%;
}
.history__line {
    position: absolute;
    top: 50%;
    width: 100%;
    height: max(0.069vw, 1px);
    opacity: 0.5;
    background-color: #3A465C;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*@ //@======================== faq ========================@// @*/
/*@ //@======================== faq ========================@// @*/
.faq {
    padding-block: max(4.167vw, 50px);
}
.faq__heading {
    margin-bottom: max(1.667vw, 24px);
}
.faq__text {
    margin-bottom: max(2.778vw, 40px);
    width: max(44.444vw, 500px);
    font-size: max(1.111vw, 16px);
}
@media (width <= 834px) {
    .faq__text {
        margin-bottom: max(4.796vw, 32px);
        font-size: max(1.918vw, 14px);
    }
}
@media (width <= 600px) {
    .faq__text {
        width: 100%;
    }
}

.faq__link-container {
    display: flex;
    justify-content: end;
}
/*@ //@======================== contact ========================@// @*/
/*@ //@======================== contact ========================@// @*/
.contact__heading {
    margin-bottom: max(2.778vw, 40px);
}
@media (width <= 834px) {
    .contact__heading {
        margin-bottom: max(2.778vw, 32px);
    }
}
.contact__list {
    margin-bottom: max(4.167vw, 60px);
}
@media (width <= 834px) {
    .contact__list {
        margin-bottom: 100px;
    }
}

/*@ //@======================== seminars ========================@// @*/
/*@ //@======================== seminars ========================@// @*/
.seminars:has(.seminars__text) .seminars__heading {
    margin-bottom: max(2.5vw, 24px);
}
@media (width <= 600px) {
    .seminars:has(.seminars__text) .seminars__heading {
        margin-bottom: 32px;
    }
}
.seminars__heading {
    margin-bottom: max(2.778vw, 40px);
}
@media (width <= 834px) {
    .seminars__heading {
        margin-bottom: max(4.796vw, 28px);
    }
}
.seminars__text {
    width: max(51.389vw, 562px);
    margin-bottom: max(3.333vw, 40px);
    color: rgba(30, 30, 30, 0.7019607843);
}
@media (width <= 600px) {
    .seminars__text {
        width: 100%;
    }
}

/*@ //@======================== report ========================@// @*/
/*@ //@======================== report ========================@// @*/
.report__heading, .report__text {
    width: max(51.389vw, 500px);
}
@media (width <= 600px) {
    .report__heading, .report__text {
        width: 100%;
    }
}
.report__heading {
    margin-bottom: max(2.5vw, 24px);
}
@media (width <= 600px) {
    .report__heading {
        margin-bottom: 32px;
    }
}
.report__text {
    margin-bottom: max(3.333vw, 32px);
}

/*@ //@======================== library ========================@// @*/
/*@ //@======================== library ========================@// @*/
.library__list {
    margin-bottom: max(4.167vw, 40px);
}
.library__list .book-card__image {
    padding: max(4.167vw, 30px);
}
@media (width <= 834px) {
    .library__list .book-card__image {
        padding: max(5.396vw, 26px);
    }
}
.library__button {
    margin-inline: auto;
}

/*@ //@======================== projects ========================@// @*/
/*@ //@======================== projects ========================@// @*/
.projects__heading {
    margin-bottom: max(1.944vw, 28px);
}
@media (width <= 834px) {
    .projects__heading {
        margin-bottom: max(4.796vw, 28px);
    }
}

/*@ //@======================== places ========================@// @*/
/*@ //@======================== places ========================@// @*/
.places__heading {
    margin-bottom: max(2.5vw, 36px);
}
@media (width <= 834px) {
    .places__heading {
        margin-bottom: max(4.796vw, 32px);
    }
}
.places__text-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: max(1.111vw, 14px);
    -moz-column-gap: max(1.111vw, 14px);
    column-gap: max(1.111vw, 14px);
    margin-bottom: max(3.75vw, 40px);
}
@media (width <= 834px) {
    .places__text-box {
        grid-template-columns: 0.25fr 1fr 1fr;
        margin-bottom: max(4.796vw, 20px);
    }
}
@media (width <= 600px) {
    .places__text-box {
        grid-template-columns: auto;
        row-gap: 12px;
    }
}
.places__text {
    color: rgba(30, 30, 30, 0.7019607843);
}
.places__text:first-child {
    grid-column-start: 2;
}
@media (width <= 600px) {
    .places__text:first-child {
        grid-column-start: auto;
    }
}
.places__inner {
    position: relative;
}
@media (width <= 600px) {
    .places__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px;
    }
}
.places__image-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: max(1.667vw, 12px);
    overflow: hidden;
}
@media (width <= 834px) {
    .places__image-box {
        border-radius: max(1.439vw, 8px);
    }
}
.places__image {
    position: relative;
    width: 50%;
}
.places__image:first-child .places__image-caption {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.places__image:last-child .places__image-caption {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.places__image img {
    width: 100%;
    aspect-ratio: 1.5;
}
.places__image-caption {
    position: absolute;
    inset: 0;
    padding: max(2.778vw, 16px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    opacity: 0.5;
    font-size: max(1.389vw, 16px);
}
@media (width <= 834px) {
    .places__image-caption {
        padding: max(1.918vw, 10px);
        font-size: max(1.918vw, 14px);
    }
}
.places__links-box {
    position: absolute;
    bottom: max(2.778vw, 20px);
    right: max(2.778vw, 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: max(1.111vw, 12px);
}
@media (width <= 600px) {
    .places__links-box {
        position: static;
    }
}
.places__link {
    font-size: max(2.222vw, 24px);
    color: #fff;
}
@media (width <= 834px) {
    .places__link {
        font-size: max(2.878vw, 20px);
    }
}
@media (width <= 600px) {
    .places__link {
        color: #1e1e1e;
    }
}

/*@ //@======================== locations ========================@// @*/
/*@ //@======================== locations ========================@// @*/
.locations__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /*-webkit-box-align: end;*/
    /*-ms-flex-align: end;*/
    /*align-items: flex-end;*/
}
.locations__info {
    width: 50%;
    margin-bottom: max(3.333vw, 32px);
}
@media (width <= 834px) {
    .locations__info {
        width: 100%;
    }
}
.locations__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: max(1.389vw, 20px);
}
@media (width <= 834px) {
    .locations__header {
        margin-bottom: max(2.398vw, 16px);
    }
}
.locations__text {
    color: rgba(30, 30, 30, 0.7019607843);
}
/*@ //@======================== PLACE ========================@// @*/
/*@ //@======================== PLACE ========================@// @*/
.place__heading {
    margin-bottom: max(2.5vw, 24px);
}
@media (width <= 600px) {
    .place__heading {
        margin-bottom: 32px;
    }
}
.place__text {
    width: 55%;
    margin-bottom: max(3.333vw, 40px);
    color: rgba(30, 30, 30, 0.7019607843);
}
@media (width <= 834px) {
    .place__text {
        width: 65%;
    }
}
@media (width <= 600px) {
    .place__text {
        width: 100%;
    }
}
.place__banner {
    margin-bottom: max(5.556vw, 40px);
}
.place__details {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr) auto;
    -webkit-column-gap: max(8.681vw, 70px);
    -moz-column-gap: max(8.681vw, 70px);
    column-gap: max(8.681vw, 70px);
    row-gap: max(5.556vw, 30px);
}
@media (width <= 834px) {
    .place__details {
        row-gap: max(3.597vw, 20px);
        grid-template-rows: repeat(2, 1fr) repeat(2, auto);
    }
}
@media (width <= 600px) {
    .place__details {
        grid-template-columns: auto;
    }
}
@media (width <= 834px) {
    .place__detail:nth-child(5) {
        grid-row: span 2;
    }
}
.place__detail:has(.place__detail-link) {
    grid-column: span 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (width <= 834px) {
    .place__detail:has(.place__detail-link) {
        grid-column: span 1;
    }
}
.place__detail:has(.place__detail-image) {
    grid-row: span 2;
}
.place__detail-title {
    margin-bottom: max(1.667vw, 16px);
    font-size: max(3.333vw, 32px);
}
@media (width <= 834px) {
    .place__detail-title {
        font-size: max(3.837vw, 26px);
    }
}
.place__detail-text {
    color: rgba(30, 30, 30, 0.7019607843);
}
.place__detail-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: max(1.111vw, 12px);
}
@media (width <= 834px) {
    .place__detail-image {
        border-radius: max(1.439vw, 8px);
    }
}
.place__detail-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.place__detail-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
@media (width <= 600px) {
    .place__detail-link .button__text {
        display: block !important;
    }
}
.place__article {
    grid-template-areas: none;
    grid-template-columns: auto;
    padding-inline: 11.111vw;
}
@media (max-width: 834px) {
    .place__article {
        padding-inline: 0;
    }
}
.place__article .article__desc {
    grid-area: initial;
}
.place__article .article__key-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: max(0.833vw, 12px);
}
.place__article .article__key-button .button__text {
    display: block !important;
}
@media (max-width: 834px) {
    .place__article .article__key-button {
        margin-top: max(1.918vw, 12px);
    }
}
/*@ //@======================== hypnocracy ========================@// @*/
/*@ //@======================== hypnocracy ========================@// @*/
.hypnocracy {
    padding-bottom: 0;
}
.hypnocracy__heading {
    margin-bottom: max(2.5vw, 36px);
}
@media (width <= 834px) {
    .hypnocracy__heading {
        margin-bottom: max(4.796vw, 32px);
    }
}
.hypnocracy__text-box {
    display: grid;
    align-items: baseline;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: max(4.861vw, 40px);
}
.hypnocracy__text {
    color: rgba(30, 30, 30, 0.7019607843);
}
.hypnocracy__text:first-child {
    grid-column: 2;
}
.hypnocracy__banner {
    margin-bottom: max(8.333vw, 70px);
}
@media (width <= 834px) {
    .hypnocracy__banner {
        margin-bottom: max(8.393vw, 60px);
    }
}
.hypnocracy__instructions {
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    display: grid;
    align-items: baseline;
    grid-template-columns: repeat(2, 1fr);
    gap: max(8.611vw, 14px);
}
@media (width <= 834px) {
    .hypnocracy__instructions {
        gap: 14px;
    }
}
@media (width <= 600px) {
    .hypnocracy__instructions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px;
    }
}
.hypnocracy__instruction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.hypnocracy__instruction-title {
    font-size: max(3.333vw, 32px);
    margin-bottom: max(1.667vw, 16px);
}
@media (width <= 834px) {
    .hypnocracy__instruction-title {
        font-size: max(2.222vw, 26px);
    }
}
.hypnocracy__instruction-text {
    margin-bottom: max(1.667vw, 16px);
    font-size: max(1.111vw, 16px);
}
.hypnocracy__instruction-link {
    margin-top: auto;
}
.hypnocracy__game-link {
    margin-top: max(1.667vw, 16px);;
    margin-left: auto;
    margin-right: max(1.667vw, 16px);;
}
/*@ //@======================== programs ========================@// @*/
/*@ //@======================== programs ========================@// @*/
.programs {
    padding-top: 0 !important;
    position: relative;
}
.programs * {
    cursor: none !important;
}
@media (width <= 834px) {
    .programs {
        padding-top: max(12.47vw, 92px) !important;
    }
}
.programs__list {
    position: relative;
}
/*@ //@======================== program ========================@// @*/
/*@ //@======================== program ========================@// @*/
/*@ //@------------ banner ------------@// @*/
.program-banner {
    position: relative;
    z-index: 3;
    padding-bottom: max(7.639vw, 110px);
    background-color: #fff;
}
@media (width <= 834px) {
    .program-banner {
        padding-bottom: max(13.189vw, 80px);
    }
}
.program-banner__heading {
    position: relative;
    left: calc(-1 * max(5.556vw, 40px));
    width: 100vw;
    margin-bottom: max(6.25vw, 80px);
}
@media (width <= 834px) {
    .program-banner__heading {
        margin-bottom: max(9.592vw, 60px);
    }
}
@media (width <= 834px) {
    .program-banner__heading {
        left: calc(-1 * max(4.796vw, 16px));
    }
}
.program-banner__heading-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(3.333vw, 24px);
}
.program-banner__heading-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(3.333vw, 24px);
    font-size: max(8.75vw, 64px);
    text-transform: uppercase !important;
}
@media (width <= 834px) {
    .program-banner__heading-text {
        font-size: max(7.674vw, 48px);
        text-transform: uppercase !important;
    }
}
.program-banner__heading-text::after {
    content: "";
    display: block;
    background-color: #ff9b50;
    width: max(1.875vw, 16px);
    height: max(1.875vw, 16px);
    border-radius: 50%;
}
.program-banner__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (width <= 600px) {
    .program-banner__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 24px;
    }
}
.program-banner__text {
    width: max(42.778vw, 370px);
    color: rgba(30, 30, 30, 0.7019607843);
    font-size: max(1.389vw, 16px);
}
@media (width <= 834px) {
    .program-banner__text {
        width: 100%;
    }
}
@media (width <= 600px) {
    .program-banner__text {
        text-align: center;
    }
}
.program-banner__link {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

/*@ //@------------ body ------------@// @*/
.program-body {
    position: relative;
    padding-top: max(15.972vw, 140px);
    padding-bottom: max(21.583vw, 100px);
}
@media (width <= 834px) {
    .program-body {
        padding-top: max(16.787vw, 90px);
    }
}
.program-body__bg {
    bottom: auto;
}
.program-body__bg-curve {
    position: relative;
    z-index: 2;
}
.program-body__bg-curve svg {
    width: 100%;
    height: 100%;
}
.program-body__bg-circle {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    background-color: #ff9b50;
    width: max(41.389vw, 306px);
    height: max(41.389vw, 306px);
    border-radius: 50%;
}
@media (width <= 834px) {
    .program-body__bg-circle {
        width: max(36.691vw, 190px);
        height: max(36.691vw, 190px);
    }
}
.program-body__inner {
    position: relative;
    z-index: 1;
    background-attachment: scroll;
    color: transparent;
    /*color: #000000;*/
    background-clip: text;
    -webkit-background-clip: text;
    /*-webkit-text-fill-color: transparent;*/
}
.program-body__heading {
    font-size: max(3.75vw, 36px);
    margin-bottom: max(4.167vw, 40px);
}
@media (width <= 834px) {
    .program-body__heading {
        font-size: max(4.317vw, 26px);
    }
}
@media (width <= 834px) {
    .program-body__heading {
        margin-bottom: max(4.796vw, 32px);
    }
}
.program-body__text {
    margin-bottom: max(6.944vw, 100px);
    font-size: max(2.222vw, 20px);
    line-height: 1.4;
}
@media (width <= 834px) {
    .program-body__text {
        margin-bottom: max(11.99vw, 60px);
        font-size: max(2.398vw, 16px);
    }
}
.program-body__text .line {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    /*-webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;*/
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}
.program-body__text .line:last-child {
    /*gap: max(0.694vw, 10px);*/
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}
.program-body__text .word:not(:last-child) {
    margin-right: 0.3em !important;
}

/* Program body text layers for spotlight effect FROM HERE*/
.program-body__textwrap {
  position: relative;
}

.program-body__text--base {
  position: relative;
  color: #666; /* серый исходный цвет */
}

.program-body__text--spotlight {
  position: absolute;
  inset: 0;
  pointer-events: none;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  opacity: 1;
} /*TO HERE*/

/*@ //@------------ result ------------@// @*/
.program-result {
    position: relative;
    z-index: 1;
    padding: 0;
    color: #fff;
    padding-bottom: max(14.236vw, 168px);
}
@media (width <= 834px) {
    .program-result {
        padding-bottom: max(20.144vw, 82px);
    }
}
.program-result__circle-wrapper {
    position: absolute;
    inset: 0;
    bottom: max(14.236vw, 168px);
}
@media (width <= 834px) {
    .program-result__circle-wrapper {
        bottom: max(20.144vw, 82px);
    }
}
.program-result__circle {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    border-radius: 50%;
    background-color: #365399;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    aspect-ratio: 1;
}
.program-result__ellipses {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 100%;
    height: max(28.472vw, 336px);
}
@media (width <= 834px) {
    .program-result__ellipses {
        height: max(40.288vw, 165px);
    }
}
.program-result__ellipse {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    border: 2px solid #365399;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}
@-webkit-keyframes expand {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes expand {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.program-result__ellipse._animating {
    -webkit-animation: expand 1500ms forwards;
    animation: expand 1500ms forwards;
}
.program-result__ellipse:nth-child(2) {
    -webkit-animation-duration: 2000ms;
    animation-duration: 2000ms;
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms;
}
.program-result__ellipse:nth-child(3) {
    -webkit-animation-delay: 700ms;
    animation-delay: 700ms;
}
.program-result__ellipse:nth-child(4) {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}
.program-result__wrapper {
    padding-block: max(12.5vw, 160px);
}
@media (width <= 834px) {
    .program-result__wrapper {
        padding-block: max(19.185vw, 100px);
    }
}
.program-result__inner {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.program-result__heading {
    margin-bottom: max(1.667vw, 24px);
}
.program-result__text {
    width: max(29.167vw, 420px);
    text-align: center;
    margin-bottom: max(11.111vw, 160px);
    font-size: max(1.389vw, 20px);
}
@media (width <= 834px) {
    .program-result__text {
        width: max(59.952vw, 280px);
        margin-bottom: max(19.185vw, 100px);
        font-size: max(2.398vw, 16px);
    }
}
.program-result__features {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    container-type: size;
    margin-bottom: max(11.111vw, 160px);
    width: max(54.167vw, 587px);
    height: max(52.083vw, 577px);
}
@media (width <= 834px) {
    .program-result__features {
        margin-bottom: max(19.185vw, 100px);
    }
}
@media (width <= 834px) {
    .program-result__features {
        width: max(70.384vw, 375px);
    }
}
@media (width <= 834px) {
    .program-result__features {
        height: max(69.185vw, 375px);
    }
}
.program-result__features-title {
    font-size: max(4.444vw, 36px);
}
@media (width <= 834px) {
    .program-result__features-title {
        font-size: max(4.317vw, 26px);
    }
}
.program-result__features-ring {
    position: absolute;
    width: 85%;
    border-style: solid;
    border-color: #fff;
    border-radius: 50%;
    aspect-ratio: 1;
    border-width: max(1.111vw, 10px);
}
@media (width <= 834px) {
    .program-result__features-ring {
        border-width: max(1.199vw, 6px);
    }
}
.program-result__features-item {
    position: absolute;
    width: 32cqw; /*here 28*/
    border-radius: 50%;
    background-color: #fff;
    color: #365399;
    text-align: center;
    aspect-ratio: 1;
    font-size: max(1.667vw, 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (width <= 834px) {
    .program-result__features-item {
        font-size: max(2.398vw, 14px); /*HERE was 14px*/
    }
}
.program-result__features-item:nth-child(1) {
    left: max(3.472vw, 50px);
    top: max(2.778vw, 40px);
}
@media (width <= 834px) {
    .program-result__features-item:nth-child(1) {
        left: max(5.995vw, 20px);
        top: max(4.796vw, 30px); /*HERE was 30px*/
    }
}
.program-result__features-item:nth-child(2) {
    right: 0;
    top: max(9.722vw, 114px);
}
@media (width <= 834px) {
    .program-result__features-item:nth-child(2) {
        top: max(13.669vw, 60px);
    }
}
.program-result__features-item:nth-child(3) {
    bottom: 0;
    left: max(7.917vw, 85px);
}
@media (width <= 834px) {
    .program-result__features-item:nth-child(3) {
        left: max(10.192vw, 75px);
    }
}
.program-result__next {
    width: max(39.583vw, 430px);
}
@media (width <= 600px) {
    .program-result__next {
        width: 100%;
    }
}
.program-result__next-subtitle {
    text-align: center;
    font-size: max(1.389vw, 20px);
    margin-bottom: max(3.333vw, 32px);
}
@media (width <= 834px) {
    .program-result__next-subtitle {
        font-size: max(2.398vw, 16px);
        margin-bottom: max(3.837vw, 24px);
    }
}
.program-result__next-heading {
    margin-bottom: max(2.222vw, 32px);
    text-align: center;
}
@media (width <= 834px) {
    .program-result__next-heading {
        margin-bottom: max(3.837vw, 24px);
    }
}
.program-result__next-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: max(1.389vw, 20px);
}
@media (width <= 600px) {
    .program-result__next-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }
}
.program-result__next-text {
    font-size: max(1.389vw, 20px);
}
@media (width <= 834px) {
    .program-result__next-text {
        font-size: max(2.398vw, 16px);
    }
}
@media (width <= 600px) {
    .program-result__next-text {
        width: 280px;
    }
}
.program-result__next-button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

/*# //#======================== INDEX PAGE ========================#// #*/
/*# //#======================== INDEX PAGE ========================#// #*/
main:has(.site-map) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.site-map {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 100dvh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.site-map__pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(0.833vw, 10px);
    height: 100%;
}
.site-map__link {
    color: #1e1e1e;
    font-size: max(1.389vw, 20px);
}

/*# //#======================== ABOUT PAGE ========================#// #*/
/*# //#======================== ABOUT PAGE ========================#// #*/
.about {
    padding-top: max(11.111vw, 130px);
}
@media (width <= 834px) {
    .about {
        padding-top: max(15.588vw, 120px);
    }
}
.about__heading {
    margin-bottom: max(2.778vw, 40px);
}
@media (width <= 834px) {
    .about__heading {
        margin-bottom: max(4.796vw, 32px);
    }
}

/*# //#======================== TRAINERS PAGE ========================#// #*/
/*# //#======================== TRAINERS PAGE ========================#// #*/
.trainers__text {
    width: 50%;
}
@media (width <= 600px) {
    .trainers__text {
        width: 100%;
    }
}
.trainers .trainers-list {
    margin-bottom: max(2.5vw, 36px);
}
@media (width <= 834px) {
    .trainers .trainers-list {
        margin-bottom: 40px;
    }
}
@media (width <= 600px) {
    .trainers .trainers-list {
        margin-bottom: 60px;
    }
}

/*# //#======================== PROGRAMS PAGE ========================#// #*/
/*# //#======================== PROGRAMS PAGE ========================#// #*/
.seminars._programs-page {
    position: relative;
    z-index: 100;
    background-color: #fff;
}

/*# //#======================== ACCOUNT-HOME ========================#// #*/
/*# //#======================== ACCOUNT-HOME ========================#// #*/
/*@ //@======================== last-activity ========================@// @*/
.last-activity {
    width: 100%;
    margin-bottom: max(1.389vw, 16px);
}
@media (max-width: 600px) {
    .last-activity {
        margin-bottom: 20px;
    }
}
.last-activity__heading {
    margin-bottom: max(1.111vw, 12px);
    font-size: max(1.111vw, 14px);
}
@media (max-width: 600px) {
    .last-activity__heading {
        font-size: 16px;
    }
}
.last-activity__list-wrapper {
    width: calc(100cqi + 2 * max(1.389vw, 16px));
    padding-inline: max(1.389vw, 16px);
    position: relative;
    left: calc(-1 * max(1.389vw, 16px));
    overflow: auto;
}
.last-activity__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: max(1.389vw, 20px);
}
@media (max-width: 600px) {
    .last-activity__list {
        width: calc(3 * (100vw - 32px) + 2 * max(1.389vw, 20px));
    }
}
.last-activity__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
@media (max-width: 600px) {
    .last-activity__item {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: calc(100vw - 32px);
    }
}

/*@ //@======================== seminars ========================@// @*/
.account-seminars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: max(1.111vw, 16px);
    margin-bottom: max(2.222vw, 16px);
}
@media (max-width: 834px) {
    .account-seminars {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.account-seminars__section {
    max-width: calc(50% - max(1.111vw, 16px) / 2);
}
@media (hover: hover) {
    .account-seminars__section:hover button {
        visibility: visible;
        opacity: 1;
    }
    .account-seminars__section:hover button:disabled {
        opacity: 0.3;
    }
}
@media (max-width: 834px) {
    .account-seminars__section {
        width: 100%;
        max-width: none;
    }
}
.account-seminars__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.417vw, 4px);
    margin-bottom: max(1.111vw, 12px);
    font-size: max(1.111vw, 14px);
}
@media (max-width: 600px) {
    .account-seminars__header {
        gap: 6px;
        font-size: 16px;
    }
}
.account-seminars__amount {
    color: rgba(30, 30, 30, 0.5019607843);
}
.account-seminars__slider button {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 250ms;
    transition: all 250ms;
    width: max(1.667vw, 24px);
    height: max(1.667vw, 24px);
}
@media (max-width: 834px) {
    .account-seminars__slider button {
        display: none;
    }
}
.account-seminars__slider button.splide__arrow--next {
    right: -1rem;
}
.account-seminars__slider button.splide__arrow--prev {
    left: -1rem;
}
.account-seminars__slider button svg {
    width: 100%;
    height: 100%;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
@media (max-width: 600px) {
    .account-seminars__slider-track {
        overflow: visible;
    }
}
.account-seminars__slider-list {
    scroll-behavior: smooth;
}
/*@ //@======================== progress ========================@// @*/
.account-progress {
    padding-inline: max(2.222vw, 12px);
    padding-block: max(1.667vw, 12px);
    border-radius: max(0.833vw, 10px);
    background-color: #fff;
    margin-bottom: max(2.222vw, 16px);
}
@media (max-width: 600px) {
    .account-progress {
        padding-inline: 16px;
        padding-block: 16px;
        border-radius: 12px;
    }
}
.account-progress__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: max(2.778vw, 16px);
}
@media (max-width: 834px) {
    .account-progress__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: max(1.918vw, 10px);
        margin-bottom: 16px;
    }
}
.account-progress__indicator {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(0.278vw, 4px);
    font-size: max(0.833vw, 10px);
}
@media (max-width: 834px) {
    .account-progress__indicator {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}
@media (max-width: 600px) {
    .account-progress__indicator {
        font-size: 12px;
    }
}
.account-progress__steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: max(1.667vw, 12px);
    width: 100%;
    isolation: isolate;
}
@media (max-width: 834px) {
    .account-progress__steps {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}
.account-progress__step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: max(3.056vw, 32px);
    aspect-ratio: 1;
    position: relative;
    border-radius: 50%;
    font-size: max(0.972vw, 12px);
}
.account-progress__step::before {
    content: "";
    display: block;
    width: 100%;
    height: max(0.069vw, 1px);
    position: absolute;
    z-index: -1;
    background-color: #000;
    translate: -100% 0;
}
.account-progress__step:first-child::before {
    display: none;
}
.account-progress__step._passed {
    background-color: #ff9b50;
    color: #fff;
}
.account-progress__step._current {
    border: max(0.139vw, 1px) solid #ff9b50;
    background-color: #fff;
    color: #ff9b50;
}
.account-progress__step._current::before {
    background-color: #ff9b50;
}
.account-progress__step._blocked {
    background-color: #e6eaf2;
    color: rgba(30, 30, 30, 0.5019607843);
}
.account-progress__step._blocked::before {
    background-color: #e6eaf2;
}
.account-progress__percentage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: max(0.278vw, 4px);
    font-size: max(0.972vw, 10px);
}
@media (max-width: 834px) {
    .account-progress__percentage {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}
@media (max-width: 600px) {
    .account-progress__percentage {
        font-size: 12px;
    }
}
.account-progress__percentage-key {
    color: rgba(30, 30, 30, 0.5019607843);
}
.account-progress__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: max(1.389vw, 12px);
}
@media (max-width: 980px) {
    .account-progress__list {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    }
}
@media (max-width: 834px) {
    .account-progress__list {
        gap: max(1.439vw, 8px);
    }
}
.account-progress__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(1.667vw, 20px);
}
.account-progress__seminars-title {
    font-size: max(1.111vw, 14px);
    margin-bottom: max(1.389vw, 12px);
}
@media (max-width: 600px) {
    .account-progress__seminars-title {
        font-size: 16px;
    }
}

/*@ //@======================== other-seminars ========================@// @*/
.account-other-seminars__title {
    font-size: max(1.111vw, 14px);
    margin-bottom: max(1.389vw, 12px);
}
@media (max-width: 600px) {
    .account-other-seminars__title {
        font-size: 16px;
    }
}
.account-other-seminars__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(15.278vw, 170px), 1fr));
    grid-template-rows: repeat(auto, 1fr);
    gap: max(1.111vw, 11px);
}
@media (max-width: 834px) {
    .account-other-seminars__list {
        gap: max(1.319vw, 8px);
        grid-template-columns: repeat(auto-fill, minmax(max(20.384vw, 160px), 1fr));
    }
}