:root {
  --blue-1: rgba(22, 35, 71, 1);
  --blue-2: rgba(42, 64, 122, 1);
  --blue-3: rgba(20, 87, 149, 1);
  --blue-4: rgba(82, 148, 229, 1);
  --green-1: #437db1;
  --light-blue-5: rgb(37, 89, 134);
  --light-blue-6: rgb(96, 163, 221);
  --campus-1: rgba(161, 194, 231, 1);
  --campus-2: rgba(201, 223, 248, 1);
  --campus-3: rgba(217, 234, 253, 1);
  --black-1: rgba(1, 11, 27, 1);
  --black-2: rgba(36, 45, 58, 1);
  --black-3: rgba(71, 82, 98, 1);
  --black-4: rgba(119, 129, 145, 1);
  --black-5: rgba(150, 159, 173, 1);
  --black-6: rgba(190, 202, 221, 1);
  --black-7: rgba(223, 228, 237, 1);
  --black-8: rgba(234, 238, 245, 1);
  --black-9: rgba(239, 243, 249, 1);
  --black-10: rgba(248, 250, 253, 1);
  --white-1: rgba(255, 255, 255, 1);
  --c-white-1: 255,255,255;
  --event: linear-gradient(180deg, #3E7CB5 0%, #125EA4 100%);
  --linear-1: linear-gradient(90deg, #3E7CB5 0%, #39A589 100%);
  --linear-2: linear-gradient(90deg, #145795 0%, #118C6C 100%);
  --program-1: linear-gradient(180deg, #489CA7 0%, #197683 100%);
  --program-2: linear-gradient(180deg, #3E7CB5 0%, #125EA4 100%);
  --program-3: linear-gradient(180deg, #39A589 0%, #199A79 100%);
  --program-4: linear-gradient(180deg, #5C88C4 0%, #3C6CAC 100%);
  --campus: linear-gradient(180deg, #B9D2EE 0%, #D9EAFD 52.02%);
}

:root {
  --space-120: 120px;
  --space-100: 100px;
  --space-80: 80px;
  --space-60: 60px;
  --space-48: 48px;
  --space-40: 40px;
  --space-36: 36px;
  --space-32: 32px;
  --space-24: 24px;
  --space-20: 20px;
  --space-16: 16px;
}

@media only screen and (max-width: 1400px) {
  :root {
    --space-120: 100px;
    --space-100: 80px;
    --space-80: 60px;
    --space-60: 48px;
    --space-48: 40px;
    --space-40: 36px;
    --space-36: 32px;
    --space-32: 24px;
    --space-24: 20px;
    --space-20: 18px;
    --space-16: 14px;
  }
}
@media only screen and (max-width: 1199px) {
  :root {
    --space-120: 80px;
    --space-100: 60px;
    --space-80: 48px;
    --space-60: 40px;
    --space-48: 36px;
    --space-40: 32px;
    --space-36: 24px;
    --space-32: 20px;
    --space-24: 18px;
    --space-20: 16px;
    --space-16: 12px; /* Minimized but aligned */
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --space-120: 60px;
    --space-100: 48px;
    --space-80: 40px;
    --space-60: 36px;
    --space-48: 32px;
    --space-40: 24px;
    --space-36: 20px;
    --space-32: 20px;
    --space-24: 18px;
    --space-20: 16px;
    --space-16: 12px; /* Minimum */
  }
}
@media only screen and (max-width: 768px) {
  :root {
    --space-120: 48px;
    --space-100: 40px;
    --space-80: 36px;
    --space-60: 32px;
    --space-48: 24px;
    --space-40: 20px;
    --space-36: 20px;
    --space-32: 20px;
    --space-24: 18px;
    --space-20: 16px;
    --space-16: 12px; /* Minimum */
  }
}
@media only screen and (max-width: 574px) {
  :root {
    --space-120: 40px;
    --space-100: 36px;
    --space-80: 32px;
    --space-60: 24px;
    --space-48: 20px;
    --space-40: 20px;
    --space-36: 20px;
    --space-32: 20px;
    --space-24: 18px;
    --space-20: 16px;
    --space-16: 12px; /* Minimum */
  }
}
:root {
  --font-300: "MuseoSansCyrl-300", sans-serif;
  --font-100: "MuseoSansCyrl-100", sans-serif;
  --font-500: "MuseoSansCyrl-500", sans-serif;
  --font-700: "MuseoSansCyrl-700", sans-serif;
  --font-900: "MuseoSansCyrl-900", sans-serif;
  --size-text-80: 80px;
  --size-text-60: 60px;
  --size-text-48: 48px;
  --size-text-32: 32px;
  --size-text-28: 28px;
  --size-text-26: 26px;
  --size-text-24: 24px;
  --size-text-20: 20px;
  --size-text-18: 18px;
  --size-text-16: 16px;
}
@media only screen and (max-width: 1712px) {
  :root {
    --size-text-80: 64px;
    --size-text-60: 50px;
    --size-text-48: 34px;
    --size-text-32: 26px;
    --size-text-28: 26px;
    --size-text-26: 24px;
    --size-text-24: 22px;
    --size-text-20: 19px;
    --size-text-18: 16px;
    --size-text-16: 15px;
  }
}
@media only screen and (max-width: 1199px) {
  :root {
    --size-text-80: 56px;
    --size-text-60: 50px;
    --size-text-48: 34px;
    --size-text-32: 26px;
    --size-text-28: 22px;
    --size-text-26: 22px;
    --size-text-24: 21px;
    --size-text-20: 18px;
    --size-text-18: 16px;
    --size-text-16: 15px;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --size-text-80: 48px;
    --size-text-60: 50px;
    --size-text-48: 35px;
    --size-text-32: 26px;
    --size-text-28: 22px;
    --size-text-26: 22px;
    --size-text-24: 20px;
    --size-text-20: 18px;
    --size-text-18: 16px;
    --size-text-16: 14px;
  }
}
@media only screen and (max-width: 768px) {
  :root {
    --size-text-80: 44px;
    --size-text-60: 50px;
    --size-text-48: 33px;
    --size-text-32: 24px;
    --size-text-28: 24px;
    --size-text-26: 22px;
    --size-text-24: 20px;
    --size-text-20: 18px;
    --size-text-18: 16px;
    --size-text-16: 14px;
  }
}
@media only screen and (max-width: 574px) {
  :root {
    --size-text-80: 40px;
    --size-text-60: 50px;
    --size-text-48: 32px;
    --size-text-32: 20px;
    --size-text-28: 20px;
    --size-text-26: 20px;
    --size-text-24: 20px;
    --size-text-20: 18px;
    --size-text-18: 16px;
    --size-text-16: 14px;
  }
}

:root {
  --height-header-top: 48px;
  --height-header-bot: 112px;
  --height-header: calc(var(--height-header-bot) + var(--height-header-top));
  --width-container: 1680px;
  --size-btn-48: 48px;
  --size-btn-40: 40px;
  --size-contact-shadow: 100px;
}
@media only screen and (max-width: 1712px) {
  :root {
    --width-container: 1368px;
    --size-btn-48: 44px;
    --height-header-bot: 100px;
    --size-contact-shadow: 80px;
  }
}
@media only screen and (max-width: 1400px) {
  :root {
    --width-container: 1140px;
    --size-btn-48: 40px;
    --height-header-bot: 92px;
    --size-contact-shadow: 60px;
  }
}

.button {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  outline: none;
  height: var(--size-btn-48);
  border-radius: 50px;
  background: linear-gradient(90deg, #3E7CB5 0%, #255986 100%);
  box-shadow: 0px 2px 0px 0px #29676A, 0px 8px 16px 0px rgba(255, 255, 255, 0.1) inset, 0px 2px 0px 0px rgba(255, 255, 255, 0.1) inset;
  padding: 0 17px;
  color: var(--white-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
  color: var(--white-1) !important;
  width: max-content;
  justify-content: center;
  text-decoration: none !important;
}
.button i {
  font-size: 20px;
}
.button:hover {
  color: var(--white-1);
}
.button:hover i {
  color: var(--white-1);
}
@media only screen and (max-width: 1400px) {
  .button {
    padding: 0 12px;
  }
}
@media only screen and (max-width: 991px) {
  .button {
    padding: 0 10px;
  }
}
.button.grey {
  background: var(--black-7);
  box-shadow: 0px 2px 0px 0px #96A1BA, 0px 8px 16px 0px rgba(255, 255, 255, 0.1) inset, 0px 2px 0px 0px rgba(255, 255, 255, 0.1) inset;
  color: var(--black-1) !important;
}

.form-group {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.form-group__label {
  color: var(--black-2);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  margin-bottom: 4px;
  display: block;
}
.form-control {
  height: var(--size-btn-48);
  padding: 0 14px;
  border: 1px solid var(--black-7);
  background: var(--black-9);
  color: var(--black-1);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
  border-radius: 12px;
}
.form-control.white {
  background-color: var(--white-1);
}
.contact-form__light .form-control {
  border-color: var(--black-7);
  background: var(--black-8);
}
.form-control::placeholder {
  color: var(--black-4);
}
.form-control.type-1 {
  border-radius: 8px;
  border: 1px solid var(--black-7);
  background-color: var(--black-10);
  height: var(--size-btn-40);
}
.form-select {
  color: var(--black-4);
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5917 6.84165C15.5142 6.76355 15.422 6.70155 15.3205 6.65924C15.2189 6.61694 15.11 6.59515 15 6.59515C14.89 6.59515 14.7811 6.61694 14.6795 6.65924C14.578 6.70155 14.4858 6.76355 14.4083 6.84165L10.5917 10.6583C10.5142 10.7364 10.422 10.7984 10.3205 10.8407C10.2189 10.883 10.11 10.9048 10 10.9048C9.89 10.9048 9.78108 10.883 9.67953 10.8407C9.57798 10.7984 9.48581 10.7364 9.40834 10.6583L5.59168 6.84165C5.51421 6.76355 5.42204 6.70155 5.32049 6.65924C5.21894 6.61694 5.11002 6.59515 5.00001 6.59515C4.89 6.59515 4.78108 6.61694 4.67953 6.65924C4.57798 6.70155 4.48581 6.76355 4.40834 6.84165C4.25313 6.99779 4.16602 7.209 4.16602 7.42915C4.16602 7.64931 4.25313 7.86052 4.40834 8.01665L8.23334 11.8417C8.70209 12.3098 9.33751 12.5728 10 12.5728C10.6625 12.5728 11.2979 12.3098 11.7667 11.8417L15.5917 8.01665C15.7469 7.86052 15.834 7.64931 15.834 7.42915C15.834 7.209 15.7469 6.99779 15.5917 6.84165Z' fill='%23A4B0C1'/%3E%3C/svg%3E");
  background-size: 20px;
  background-position: right 12px center;
  background-repeat: no-repeat;
}
.form-select.selected {
  color: var(--black-1);
}
.form-date {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="none"><g clip-path="url(%23clip0_855_10103)"><path d="M6 9H4.5C3.67275 9 3 9.67275 3 10.5V12C3 12.8273 3.67275 13.5 4.5 13.5H6C6.82725 13.5 7.5 12.8273 7.5 12V10.5C7.5 9.67275 6.82725 9 6 9ZM4.5 12V10.5H6V12H4.5ZM14.25 1.5H13.5V0.75C13.5 0.336 13.1648 0 12.75 0C12.3352 0 12 0.336 12 0.75V1.5H6V0.75C6 0.336 5.66475 0 5.25 0C4.83525 0 4.5 0.336 4.5 0.75V1.5H3.75C1.68225 1.5 0 3.18225 0 5.25V14.25C0 16.3177 1.68225 18 3.75 18H14.25C16.3177 18 18 16.3177 18 14.25V5.25C18 3.18225 16.3177 1.5 14.25 1.5ZM3.75 3H14.25C15.4905 3 16.5 4.0095 16.5 5.25V6H1.5V5.25C1.5 4.0095 2.5095 3 3.75 3ZM14.25 16.5H3.75C2.5095 16.5 1.5 15.4905 1.5 14.25V7.5H16.5V14.25C16.5 15.4905 15.4905 16.5 14.25 16.5Z" fill="%23147E5C"/></g><defs><clipPath id="clip0_855_10103"><rect width="18" height="18" fill="white"/></clipPath></defs></svg>');
  background-size: 20px;
  background-position: right 12px center;
  background-repeat: no-repeat;
  padding-right: 36px;
}
.form-check-label {
  color: var(--black-2);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  cursor: pointer;
}
.form-check-label a {
  color: var(--green-1);
}
.form-uploader__area {
  border-radius: 10px;
  border: 1px dashed var(--black-5);
  background: var(--black-9);
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--black-2);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
  cursor: pointer;
}
.form-uploader__area i {
  font-size: 24px;
  color: var(--blue-2);
}
.form-uploader__list {
  margin-top: 12px;
}
.form-uploader__item {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
  display: flex;
  align-items: center;
  padding: 4px 12px 4px 4px;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}
.form-uploader__item:hover {
  padding: 4px 12px 4px 12px;
  background-color: var(--black-10);
  color: var(--black-1);
}
.form-uploader__remove {
  margin-left: auto;
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  outline: none;
  font-size: 20px;
  color: red;
}
.form-checkbox {
  display: block;
  cursor: pointer;
}
.form-checkbox__input {
  display: none;
}
.form-checkbox__input:checked ~ span::after {
  opacity: 1;
}
.form-checkbox__inner {
  height: var(--size-btn-48);
  border-radius: 10px;
  border: 1px solid var(--black-7);
  background: var(--black-9);
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 100%;
  padding: 0 12px;
  position: relative;
  --local-check-size: 18px;
  --local-check-minus: 6px;
}
.form-checkbox__inner:before {
  content: "";
  width: var(--local-check-size);
  height: var(--local-check-size);
  border: 1px solid #969FAD;
  border-radius: 4px;
  margin-right: 10px;
}
.form-checkbox__inner::after {
  content: "";
  --local-size: calc(var(--local-check-size) - var(--local-check-minus));
  position: absolute;
  left: calc(12px + var(--local-check-minus) / 2);
  top: 50%;
  transform: translateY(-50%);
  background: var(--green-1);
  width: var(--local-size);
  height: var(--local-size);
  border-radius: 4px;
  opacity: 0;
}

textarea.form-control {
  min-height: 96px;
  resize: none;
  padding-top: 12px;
}

input[type=date]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

.modal-title {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-28);
  line-height: 140%;
  letter-spacing: -0.28px;
}
.modal-content {
  padding: var(--space-20);
}
.modal-header {
  padding: 0;
  border-bottom: none;
  position: relative;
}
.modal-header button {
  position: absolute;
  top: calc(0px - var(--space-20));
  right: calc(0px - var(--space-20));
  transform: translate(50%, -50%);
  border-radius: 12px;
  border: 1px solid var(--white-1);
  background: rgba(var(--code-white-1), 0.7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  width: var(--size-btn-40);
  height: var(--size-btn-40);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--size-icon-20);
  color: rgb(61, 148, 178);
}
.modal-footer {
  padding: 0;
  border-top: none;
  justify-content: flex-start;
}
.modal-footer > * {
  margin: 0;
}
.modal-body {
  padding: 20px 0;
}

.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {
  background-color: var(--green-1) !important;
}

.ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="rgba(20, 87, 149, 1)"><path d="M12.8888 9.77792C12.3847 9.77833 11.8883 9.90139 11.4425 10.1365C10.9966 10.3715 10.6146 10.7116 10.3295 11.1273L5.99012 9.16792C6.29833 8.42368 6.29952 7.58771 5.99345 6.84259L10.3268 4.87325C10.7494 5.48442 11.377 5.9239 12.0958 6.11195C12.8147 6.30001 13.5771 6.22419 14.2449 5.89825C14.9126 5.57232 15.4414 5.01785 15.7353 4.33543C16.0293 3.65301 16.0689 2.88784 15.847 2.1787C15.6251 1.46957 15.1564 0.863452 14.5259 0.470291C13.8954 0.0771302 13.1449 -0.0770308 12.4105 0.0357716C11.6761 0.148574 11.0064 0.520868 10.5229 1.08512C10.0395 1.64938 9.7743 2.36822 9.77545 3.11125C9.77828 3.28712 9.79612 3.46242 9.82878 3.63525L5.22212 5.72859C4.77968 5.31407 4.22579 5.03781 3.6285 4.93376C3.03121 4.82971 2.41654 4.9024 1.85999 5.14289C1.30344 5.38339 0.829268 5.78121 0.495715 6.2875C0.162163 6.79378 -0.0162385 7.38647 -0.0175706 7.99275C-0.0189027 8.59904 0.156892 9.1925 0.488217 9.70025C0.819542 10.208 1.29197 10.6079 1.84745 10.8508C2.40293 11.0938 3.01728 11.1692 3.61502 11.0677C4.21276 10.9663 4.76786 10.6925 5.21212 10.2799L9.83078 12.3653C9.7987 12.5379 9.78109 12.713 9.77812 12.8886C9.77799 13.504 9.96037 14.1056 10.3022 14.6174C10.644 15.1292 11.1299 15.5281 11.6985 15.7636C12.267 15.9992 12.8927 16.0609 13.4963 15.9408C14.0999 15.8208 14.6543 15.5245 15.0895 15.0893C15.5247 14.6541 15.821 14.0997 15.941 13.4961C16.0611 12.8925 15.9994 12.2668 15.7638 11.6983C15.5282 11.1297 15.1294 10.6438 14.6176 10.302C14.1058 9.96017 13.5042 9.77779 12.8888 9.77792ZM12.8888 1.33325C13.2405 1.33312 13.5843 1.43729 13.8768 1.63258C14.1692 1.82787 14.3972 2.10551 14.5319 2.43038C14.6666 2.75526 14.7019 3.11277 14.6334 3.45772C14.5648 3.80266 14.3956 4.11953 14.1469 4.36825C13.8983 4.61698 13.5815 4.78638 13.2366 4.85504C12.8917 4.9237 12.5341 4.88853 12.2092 4.75398C11.8843 4.61942 11.6065 4.39153 11.4111 4.09913C11.2157 3.80672 11.1115 3.46294 11.1115 3.11125C11.1118 2.63992 11.2992 2.18799 11.6324 1.85464C11.9656 1.5213 12.4175 1.33378 12.8888 1.33325ZM3.11145 9.77792C2.75977 9.77805 2.41594 9.67389 2.12347 9.4786C1.83099 9.28331 1.60299 9.00567 1.46832 8.68079C1.33364 8.35592 1.29834 7.9984 1.36687 7.65346C1.4354 7.30852 1.60468 6.99165 1.85331 6.74292C2.10194 6.4942 2.41875 6.32479 2.76367 6.25613C3.10859 6.18748 3.46612 6.22265 3.79104 6.3572C4.11597 6.49175 4.39369 6.71964 4.58909 7.01205C4.78449 7.30445 4.88878 7.64824 4.88878 7.99992C4.88826 8.4712 4.70085 8.92303 4.36767 9.25634C4.03449 9.58964 3.58273 9.77722 3.11145 9.77792ZM12.8888 14.6666C12.5371 14.6666 12.1934 14.5623 11.901 14.3669C11.6086 14.1716 11.3807 13.8939 11.2461 13.569C11.1116 13.2441 11.0763 12.8866 11.1449 12.5417C11.2136 12.1968 11.3829 11.88 11.6315 11.6314C11.8802 11.3827 12.197 11.2134 12.5419 11.1448C12.8868 11.0761 13.2443 11.1114 13.5692 11.2459C13.8941 11.3805 14.1718 11.6084 14.3671 11.9008C14.5625 12.1932 14.6668 12.5369 14.6668 12.8886C14.6664 13.36 14.479 13.8121 14.1456 14.1454C13.8123 14.4788 13.3602 14.6662 12.8888 14.6666Z" /></svg>') !important;
  background-size: 18px 18px !important;
  background-position: center center !important;
  width: 18px !important;
  height: 18px !important;
  margin-right: 6px;
}

.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid var(--black-9) !important;
  background: var(--white-1) !important;
  box-shadow: 0px 1px 2px 0px rgba(35, 73, 130, 0.1);
  padding: 6px 8px !important;
}
.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short::after {
  content: var(--local-text);
  color: var(--black-2);
  font-family: "MuseoSansCyrl-100", sans-serif;
  font-size: var(--size-text-16);
  line-height: 138%;
  letter-spacing: -0.16px;
}

.ya-share2__container_size_m.ya-share2__container_alone .ya-share2__popup_direction_bottom,
.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__popup_direction_bottom {
  right: unset !important;
  left: 0 !important;
  top: 40px !important;
}

.my-table {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid var(--black-7);
  border-radius: 14px;
}
.my-table table {
  width: 100%;
}
.my-table thead {
  box-shadow: 0px 0px 20px 0px rgba(51, 97, 135, 0.03);
}
.my-table th {
  background-color: var(--green-1);
  padding: 14px 6px;
  color: var(--white-1);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
}
.my-table th:first-child {
  padding-left: 16px;
  border-radius: 14px 0 0 0;
}
.my-table th:last-child {
  padding-right: 14px;
  border-radius: 0px 14px 0 0;
}
.my-table td {
  color: var(--black-2);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
  padding: 14px 6px;
  background-color: var(--white-1);
  height: 100%;
  border-bottom: 1px solid var(--black-7);
}
.my-table td:first-child {
  padding-left: 16px;
}
.my-table td:last-child {
  padding-right: 16px;
}
.my-table tr:last-child td {
  border-bottom: none;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: var(--space-20);
}
.pagination-item {
  --local-size: 40px;
  height: var(--local-size);
  width: var(--local-size);
  border-radius: 10px;
  background: var(--black-8);
  color: var(--black-1);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  z-index: 1;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
@media only screen and (max-width: 574px) {
  .pagination-item {
    --local-size: 36px;
  }
}
.pagination-item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--program-2);
  opacity: 0;
  z-index: -1;
  transition: all 0.2s ease-in-out;
}
.pagination-item:hover, .pagination-item.active {
  color: var(--white-1);
}
.pagination-item:hover::after, .pagination-item.active::after {
  opacity: 1;
}

.search-title {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-900", sans-serif;
  font-size: var(--size-text-80);
  line-height: 110%;
  letter-spacing: -0.8px;
  margin-bottom: var(--space-32);
}
.search-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}
.search-empty__text {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
  margin-bottom: var(--space-24);
}
.search-list__item {
  padding: 12px;
  background-color: var(--white-1);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.search-list__item:not(:last-child) {
  margin-bottom: 12px;
}
.search-list__title {
  color: var(--black-3);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  margin-bottom: 4px;
}
.search-list__link {
  color: var(--blue-2);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
  text-decoration: underline;
  cursor: pointer;
}

.error {
  padding: var(--space-100) 0 0 0;
}
.error-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.error-container__image {
  max-width: 750px;
  width: 100%;
  height: auto;
}
.error-container__title {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
  margin-bottom: 16px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li {
  margin: 0;
}

ul,
ol {
  list-style: none;
  padding: 0;
}

a {
  text-decoration: none;
}
a:hover {
  color: var(--light-blue-5);
}
a:hover > i {
  color: var(--light-blue-5);
}

.wrapper {
  position: relative;
  z-index: 1;
}
.wrapper.page-wrapper {
  background-color: var(--black-10);
}

.container {
  max-width: calc(var(--width-container) + var(--space-16) * 2);
  margin: 0 auto;
  padding: 0 var(--space-16);
  width: 100%;
}

.row {
  --local-space: var(--space-16);
  margin-left: calc(0px - var(--local-space) / 2);
  margin-right: calc(0px - var(--local-space) / 2);
  row-gap: var(--local-space);
}
.row > div {
  padding: 0 calc(var(--local-space) / 2);
}

.owl-carousel .owl-stage {
  display: flex;
}
.owl-carousel .owl-item {
  float: unset;
  min-height: unset;
}

.owl-dots {
  display: flex;
  justify-content: center;
  gap: 4px;
  margin-top: var(--space-20);
}
.owl-dot {
  width: 14px;
  height: 8px;
  background-color: var(--blue-2) !important;
  border-radius: 8px;
  opacity: 0.3;
  transition: all 0.2s ease-in-out;
}
.event-section .owl-dot {
  background-color: var(--white-1) !important;
}
.owl-dot.active {
  width: 32px;
  opacity: 1;
}

.pt-120 {
  padding-top: var(--space-120);
}

.pt-100 {
  padding-top: var(--space-100);
}

.pb-100 {
  padding-bottom: var(--space-100);
}

.section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-16);
}
.section-title {
  color: #070C1C;
  font-family: var(--font-700);
  font-size: var(--size-text-48);
  line-height: 120%;
  letter-spacing: -0.48px;
  margin-bottom: var(--space-32);
}
@media only screen and (max-width: 574px) {
  .section-title {
    font-size: 24px;
  }
}
.section-title__center {
  text-align: center;
}
.section-header .section-title {
  margin-bottom: 0;
}
.section-title span {
  background: linear-gradient(90deg, #145795 0%, #3a8ed7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section-link {
  color: #255884;
  font-family: var(--font-300);
  font-size: var(--size-text-18);
  line-height: 150%;
  letter-spacing: -0.18px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.section-link i {
  font-size: 20px;
  background: linear-gradient(90deg, #145795 0%, #118C6C 100%);
  background-position: center center;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: translateY(-2px);
}
@media only screen and (max-width: 574px) {
  .section-link i {
    font-size: 18px;
  }
}
.section-nav {
  border-radius: 10px;
  border: 1px solid rgba(var(--code-white-1), 0.15);
  background: rgba(var(--code-white-1), 0.1);
  backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 6px 8px;
  width: max-content;
}
.section-nav.white {
  border-radius: 12px;
  border: 1px solid var(--black-8);
  background: var(--white-1);
  padding: var(--space-16);
}
.section-nav__text {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  display: flex;
  align-items: center;
  justify-content: center;
}
.white .section-nav__text {
  color: var(--black-2);
}
.section-nav__text:not(:last-child)::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--white-1);
  opacity: 0.4;
  margin-left: 12px;
}
.white .section-nav__text:not(:last-child)::after {
  opacity: 1;
  background-color: var(--black-4);
}
.page-wrapper .section-nav__text:not(:last-child)::after {
  opacity: 1;
  background-color: var(--black-4);
}
.section-nav__icon {
  font-size: 18px;
  color: var(--white-1);
  margin-right: 6px;
}
.white .section-nav__icon {
  color: var(--blue-2);
}
.section-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--space-16);
  gap: 12px;
}
.section-navigation__button {
  border-radius: 12px;
  border: 1px solid #A1C2E7;
  background: #D9EAFD;
  font-size: calc(var(--size-btn-48) / 2 - 2px);
  width: var(--size-btn-48);
  aspect-ratio: 1/1;
}

.hero {
  position: relative;
  position: relative;
  z-index: 1;
}
.hero::before {
  content: "";
  width: 483px;
  height: 650.5px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-30%, -10%);
  background-image: url("../images/logo-light.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  touch-action: none;
  opacity: 0.02;
}
.hero-bg {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.hero-bg::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(13, 23, 47, 0.48);
  z-index: 1;
}
.hero-bg video {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.hero-social {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  z-index: 3;
}
@media only screen and (max-width: 1800px) {
  .hero-social {
    bottom: 25px;
    top: unset;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    align-items: center;
    gap: 8px;
  }
}
@media only screen and (max-width: 574px) {
  .hero-social {
    bottom: 16px;
  }
}
.hero-social__link {
  display: block;
  width: 42px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  color: var(--white-1);
}
.hero-social__link:not(:last-child) {
  margin-bottom: 8px;
}
@media only screen and (max-width: 1800px) {
  .hero-social__link:not(:last-child) {
    margin-bottom: 0px;
  }
}
.hero-container {
  padding: calc(var(--height-header) + var(--space-32)) var(--space-16) var(--space-32) var(--space-16);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: space-between;
  row-gap: 20px;
  position: relative;
}
@media only screen and (max-width: 1800px) {
  .hero-container {
    padding-bottom: 58px;
  }
}
@media only screen and (max-width: 574px) {
  .hero-container {
    padding-bottom: 74px;
  }
}
@media only screen and (max-width: 768px) {
  .hero-container {
    flex-wrap: wrap;
  }
}
.hero-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 900px;
  width: 100%;
}
@media only screen and (max-width: 1400px) {
  .hero-info {
    max-width: 800px;
  }
}
@media only screen and (max-width: 768px) {
  .hero-info {
    max-width: 100%;
  }
}
.hero-info__title {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.2);
  color: var(--white-1);
  font-family: "MuseoSansCyrl-900", sans-serif;
  font-size: var(--size-text-80);
  line-height: 110%;
  letter-spacing: -0.8px;
  margin-bottom: var(--space-16);
}
.hero-info__title .green {
  color: var(--light-blue-6);
}
.hero-info__title .blue {
  color: var(--blue-4);
}
.hero-info__text {
  color: rgba(var(--c-white-1), 0.8);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
  margin-bottom: var(--space-20);
}
.hero-items {
  max-width: 443px;
  width: 100%;
}
@media only screen and (max-width: 1400px) {
  .hero-items {
    max-width: 380px;
  }
}
@media only screen and (max-width: 768px) {
  .hero-items {
    max-width: 100%;
    width: 100%;
  }
}
.hero-item {
  display: flex;
  align-items: center;
  border-radius: 12px;
  background: var(--local-gradient);
  padding: var(--space-20);
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.hero-item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  z-index: -1;
}
.hero-item:not(:last-child) {
  margin-bottom: var(--space-16);
}
.hero-item:nth-child(1) {
  --local-gradient: linear-gradient(180deg, #489CA7 0%, #197683 100%);
}
.hero-item:nth-child(2) {
  --local-gradient: linear-gradient(180deg, #3E7CB5 0%, #125EA4 100%);
}
.hero-item:nth-child(3) {
  --local-gradient: linear-gradient(180deg, #39A589 0%, #199A79 100%);
}
.hero-item:nth-child(4) {
  --local-gradient: linear-gradient(180deg, #5C88C4 0%, #3C6CAC 100%);
}
.hero-item__icon {
  --local-size: 60px;
  --local-icon-size: 32px;
  min-width: var(--local-size);
  width: var(--local-size);
  height: var(--local-size);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.1);
  margin-right: 16px;
}
.hero-item__icon svg {
  width: var(--local-icon-size);
}
.hero-item__icon svg path {
  fill: white;
}
.hero-item__icon svg defs {
  display: none;
}
.hero-item__info {
  flex: 1;
  margin-right: 16px;
  position: relative;
}
.hero-item__title {
  color: #FFF;
  font-family: var(--font-500);
  font-size: var(--size-text-24);
  line-height: 150%;
  margin-bottom: 2px;
}
.hero-item__subtitle {
  color: rgba(255, 255, 255, 0.6);
  font-family: var(--font-300);
  font-size: var(--size-text-16);
  line-height: 140%;
}
.hero-item__back {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 70px;
}
.hero-item__back svg {
  width: 100%;
  height: auto;
}
.hero-item__arrow {
  font-size: 22px;
  color: white;
}

.header {
  --local-color: var(--white-1);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100000;
}
.header-search__active .header-top > *:not(.header-search__input, .header-search__close) {
  display: none;
}
.header-search__active .header-top .header-search__input, .header-search__active .header-top .header-search__close {
  display: block;
}
.header-search__close {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  outline: none;
  display: none;
  font-size: 20px;
  color: var(--local-color);
}
.header-search__input {
  width: 100%;
  background-color: transparent;
  outline: none;
  padding: 0;
  border: none;
  padding-bottom: 2px;
  padding-top: 0;
  color: var(--local-color);
  font-size: var(--size-text-18);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  border-radius: 0 !important;
  height: 100%;
  display: none;
}
.header-search__input::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, #0D172F 0%, rgba(13, 23, 47, 0) 100%);
  height: 100%;
  width: 100%;
  z-index: -1;
  transition: all 0.2s ease-in-out;
}
.header-top {
  height: var(--height-header-top);
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.2s ease-in-out;
}
.header-search__active .header-top {
  border-color: rgba(255, 255, 255, 0.5);
}
.header-gap {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 6px;
  height: 28px;
  margin: 0 auto;
}
.header-warning {
  display: flex;
  align-items: center;
  gap: 6px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.1);
  padding: 0 6px;
  height: 28px;
  margin: 0 auto;
}
.header-warning__text {
  color: var(--local-color);
  font-family: "MuseoSansCyrl-100", sans-serif;
  font-size: var(--size-text-16);
  line-height: 138%;
  letter-spacing: -0.16px;
  animation: colorChange 8s infinite;
}
@media only screen and (max-width: 574px) {
  .header-warning__text {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .header-warning {
    order: 2;
  }
}
.header-warning i {
  color: var(--local-color);
  font-size: 18px;
  animation: colorChange 8s infinite;
}
.header-functions {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media only screen and (max-width: 768px) {
  .header-functions {
    order: 1;
    margin-right: 12px;
  }
}
.header-functions button {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  outline: none;
  color: var(--local-color);
  font-size: 18px;
}
@media only screen and (max-width: 991px) {
  .header-functions .icon-eye,
  .header-functions .icon-sound {
    display: none;
  }
}
.header-contact {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--local-color);
  font-family: "MuseoSansCyrl-100", sans-serif;
  font-size: var(--size-text-16);
  line-height: 138%;
  letter-spacing: -0.16px;
}
@media only screen and (max-width: 991px) {
  .header-contact {
    width: 18px;
    overflow: hidden;
    white-space: nowrap;
    gap: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .header-contact {
    display: none;
  }
}
.header-contact:not(:last-of-type) {
  margin-right: var(--space-40);
}
@media only screen and (max-width: 991px) {
  .header-contact:not(:last-of-type) {
    margin-right: 12px;
  }
}
.header-contact__icon {
  font-size: 18px;
  color: var(--blue-4);
}
.header-divider {
  margin: 0 16px;
  border-right: 1px solid var(--white-1);
  opacity: 0.1;
  height: 16px;
}
@media only screen and (max-width: 768px) {
  .header-divider {
    display: none;
  }
}
.header-social {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (max-width: 768px) {
  .header-social {
    display: none;
  }
}
.header-social__icon {
  font-size: 20px;
  color: var(--local-color);
}
.header-bars {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  outline: none;
  color: var(--local-color);
  font-size: 20px;
  margin-right: var(--space-24);
  display: none;
}
@media only screen and (max-width: 1199px) {
  .header-bars {
    display: flex;
  }
}
@media only screen and (max-width: 768px) {
  .header-bars {
    /*order: 2;*/
  }
}
.header-lang {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .header-lang {
    order: 3;
  }
}
.header-lang__button {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0px;
  outline: none;
}
.header-lang__button img {
  --local-width: 20px;
  width: var(--local-width);
  min-width: var(--local-width);
  margin-right: 6px;
}
.header-lang__button span {
  color: var(--local-color);
  font-family: "MuseoSansCyrl-100", sans-serif;
  font-size: var(--size-text-16);
  line-height: 138%;
  letter-spacing: -0.16px;
  margin-right: 2px;
}
.header-lang__button i {
  font-size: 18px;
  color: var(--local-color);
}
.header-langs {
  padding: 8px 0;
  transform: translate(0%, 0) !important;
  inset: unset !important;
  top: calc(100% + 12px) !important;
  right: 0 !important;
  left: unset !important;
  border-radius: 12px;
  border: 1px solid #E2E9F3;
  background: var(--white-1);
  box-shadow: 0px 4px 20px 0px rgba(51, 97, 135, 0.1);
  min-width: 140px;
}
.header-langs__link {
  display: flex;
  align-items: center;
  padding: 4px 14px;
  gap: 6px;
  color: var(--black-1);
  font-family: "MuseoSansCyrl-100", sans-serif;
  font-size: var(--size-text-16);
  line-height: 138%;
  letter-spacing: -0.16px;
}
.header-langs__link img {
  min-width: 20px;
  width: 20px;
  height: auto;
}
.header-bot {
  height: var(--height-header-bot);
  display: flex;
  align-items: center;
}
.header-logo {
  height: calc(100% - var(--space-16) * 2);
}
@media only screen and (max-width: 1199px) {
  .header-logo {
    margin-right: auto;
  }
}
.header-logo img {
  height: 100%;
  width: auto;
}
.header-logo__dark {
  display: none;
}
.header-menu {
  display: flex;
  margin: 0 auto;
  gap: var(--space-20);
}
@media only screen and (max-width: 1199px) {
  .header-menu {
    display: none;
  }
}
.header-menu__item {
  position: relative;
}
.header-menu__link {
  display: flex;
  align-items: center;
  color: var(--local-color);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
  gap: 2px;
  cursor: pointer;
}
.header-menu__link i {
  font-size: 20px;
  color: var(--local-color);
  transition: all 0.15s ease-in-out;
}
.header-menu__item:hover .header-menu__link i {
  transform: rotate(180deg);
}
.header-submenu {
  position: absolute;
  top: 130%;
  left: 50%;
  transform: translateX(-50%);
  padding: 14px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(37, 89, 134, 0.92);
  min-width: 220px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in-out;
  z-index: 999;
}
.header-menu__item:hover .header-submenu {
  opacity: 1;
  visibility: visible;
}
.header-submenu__item:not(:last-child) {
  margin-bottom: 14px;
}
.header-submenu__link {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  display: block;
}
.header-submenu__link:hover {
  color: var(--campus-1);
}
.page-wrapper .header {
  box-shadow: 0px 0px 30px 0px rgba(7, 12, 28, 0.03);
}
.page-wrapper.menu-active .header {
  box-shadow: none;
}
.header-fixed .header, .menu-active .header, .page-wrapper .header {
  --local-color: var(--black-1);
  background: var(--white-1);
  box-shadow: 0px 0px 30px 0px rgba(35, 73, 130, 0.04);
}
.header-fixed .header::before, .menu-active .header::before, .page-wrapper .header::before {
  opacity: 0;
}
.header-fixed .header-contact, .header-fixed .header-warning, .menu-active .header-contact, .menu-active .header-warning, .page-wrapper .header-contact, .page-wrapper .header-warning {
  --local-color: var(--black-2);
}
.header-fixed .header-functions, .menu-active .header-functions, .page-wrapper .header-functions {
  --local-color: var(--black-3);
}
.header-fixed .header-lang__button i, .header-fixed .header-warning i, .header-fixed .header-social, .menu-active .header-lang__button i, .menu-active .header-warning i, .menu-active .header-social, .page-wrapper .header-lang__button i, .page-wrapper .header-warning i, .page-wrapper .header-social {
  --local-color: var(--black-4);
}
.header-fixed .header-menu__link i, .menu-active .header-menu__link i, .page-wrapper .header-menu__link i {
  --local-color: var(--black-5);
}
.header-fixed .header-divider, .menu-active .header-divider, .page-wrapper .header-divider {
  border-color: var(--black-7);
  opacity: 1;
}
.header-fixed .header-warning, .menu-active .header-warning, .page-wrapper .header-warning {
  border-color: var(--black-7);
  background-color: var(--black-8);
}
.header-fixed .header-top, .menu-active .header-top, .page-wrapper .header-top {
  border-color: var(--black-7);
}
.header-fixed .header-search__input::placeholder, .menu-active .header-search__input::placeholder, .page-wrapper .header-search__input::placeholder {
  color: rgba(0, 0, 0, 0.8);
}
.header-fixed .header-logo__light, .menu-active .header-logo__light, .page-wrapper .header-logo__light {
  display: none;
}
.header-fixed .header-logo__dark, .menu-active .header-logo__dark, .page-wrapper .header-logo__dark {
  display: block;
}

@keyframes colorChange {
  0% {
    color: #2ecc71;
    /* Yashil */
  }
  20% {
    color: #ff7675;
    /* Och qizil */
  }
  40% {
    color: #27ae60;
    /* Qorong'i yashil */
  }
  60% {
    color: #74b9ff;
    /* Och ko'k */
  }
  80% {
    color: #e74c3c;
    /* Qizil */
  }
  100% {
    color: #a3e4d7;
    /* Och yashil */
  }
}
.graduate-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 12px;
  border: 1px solid var(--black-7);
  background: var(--black-9);
  overflow: hidden;
}
.graduate-card__image {
  position: relative;
}
.graduate-card__image::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 10px;
  background-color: var(--blue-3);
}
.graduate-card__image__wrapper {
  aspect-ratio: 2.06;
}
.graduate-card__image__wrapper::before, .graduate-card__image__wrapper::after {
  content: "";
  position: absolute;
  width: 33.3333%;
  background-color: var(--blue-4);
  height: 10px;
  bottom: 0;
  z-index: 3;
}
.graduate-card__image__wrapper::before {
  left: 0;
}
.graduate-card__image__wrapper:after {
  right: 0;
}
.graduate-card__image__wrapper img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.graduate-card__info {
  flex: 1;
  padding: 10px 14px 14px 14px;
  display: flex;
  flex-direction: column;
}
.graduate-card__title {
  color: var(--blue-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-20);
  line-height: 140%;
  letter-spacing: -0.2px;
  margin-bottom: auto;
}
.graduate-card__divider {
  margin: 14px 0;
  border-top: 1px solid var(--black-6);
}
.graduate-card__btn {
  display: flex;
  align-items: center;
  color: var(--blue-3);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  gap: 4px;
}

.news-right {
  position: relative;
  z-index: 1;
  align-self: flex-start;
}
@media only screen and (max-width: 991px) {
  .news-right {
    display: flex;
    flex-wrap: wrap;
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .news-right > * {
    width: 50%;
  }
}
@media only screen and (max-width: 991px) and (max-width: 768px) {
  .news-right > * {
    width: 100%;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
.news-right::after {
  content: "";
  position: absolute;
  right: var(--space-16);
  top: 0;
  height: 100%;
  width: 128px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url("../images/news-frame.png");
  opacity: 0.2;
  z-index: -1;
}
.news-section {
  position: relative;
  z-index: 2;
}
.news-section > .row > div {
  flex: unset;
  width: calc(100% + (100vw - var(--width-container)) / 2);
}
.news-section > .row > div:nth-child(1) {
  width: 41.6666666667%;
}
@media only screen and (max-width: 1400px) {
  .news-section > .row > div:nth-child(1) {
    width: 37.5%;
  }
}
@media only screen and (max-width: 1199px) {
  .news-section > .row > div:nth-child(1) {
    width: 66.6666666667%;
  }
}
@media only screen and (max-width: 991px) {
  .news-section > .row > div:nth-child(1) {
    width: 58.3333333333%;
  }
}
@media only screen and (max-width: 768px) {
  .news-section > .row > div:nth-child(1) {
    width: 100%;
  }
}
.news-section > .row > div:nth-child(2) {
  width: 20.8333333333%;
}
@media only screen and (max-width: 1400px) {
  .news-section > .row > div:nth-child(2) {
    width: 25%;
  }
}
@media only screen and (max-width: 1199px) {
  .news-section > .row > div:nth-child(2) {
    width: 33.3333333333%;
  }
}
@media only screen and (max-width: 991px) {
  .news-section > .row > div:nth-child(2) {
    width: 41.6666666667%;
  }
}
@media only screen and (max-width: 768px) {
  .news-section > .row > div:nth-child(2) {
    width: 100%;
  }
}
.news-section > .row > div:nth-child(3) {
  width: 37.5%;
}
@media only screen and (max-width: 1199px) {
  .news-section > .row > div:nth-child(3) {
    width: 100%;
  }
}
.news-card {
  display: block;
  cursor: pointer;
}
.news-card:not(:last-child) {
  margin-bottom: 16px;
}
.news-card._1 {
  --local-ratio: 1.43;
  --local-nav-height: 38px;
  --local-info-padding-y: 16px;
  --local-nav-color: white;
  position: sticky;
  top: calc(var(--height-header) + 16px);
}
.news-card._2 {
  --local-ratio: 1.53;
  --local-nav-height: 34px;
  --local-info-padding-y: 8px;
  --local-nav-color: white;
}
.news-card._3 {
  --local-ratio: 1.51;
  --local-nav-color: #656975;
  display: flex;
}
@media only screen and (max-width: 574px) {
  .news-card._3 {
    flex-wrap: wrap;
  }
}
._3 .news-card__image {
  --local-width: 196px;
  width: var(--local-width);
  min-width: var(--local-width);
  margin-right: 16px;
}
@media only screen and (max-width: 574px) {
  ._3 .news-card__image {
    --local-width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }
  ._3 .news-card__image img {
    height: auto;
  }
}
.news-card__image__wrapper {
  aspect-ratio: var(--local-ratio);
}
.news-card__image__wrapper img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  border-radius: 16px;
}
.news-card__info {
  position: relative;
}
._1 .news-card__info, ._2 .news-card__info {
  padding-top: calc(var(--local-nav-height) / 2 + var(--local-info-padding-y));
}
._3 .news-card__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.news-card__title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}
._1 .news-card__title {
  color: #1D253C;
  font-family: var(--font-700);
  font-size: var(--size-text-28);
  line-height: 140%;
  letter-spacing: -0.28px;
}
._2 .news-card__title {
  color: var(--black-1);
  font-family: var(--font-700);
  font-size: var(--size-text-20);
  line-height: 140%;
  letter-spacing: -0.2px;
}
._3 .news-card__title {
  color: var(--black-1);
  font-family: var(--font-700);
  font-size: var(--size-text-20);
  line-height: 140%;
  letter-spacing: -0.2px;
}
.news-card__subtitle {
  color: var(--black-3);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  margin-top: 6px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}
.news-card__nav {
  display: flex;
  align-items: center;
}
._1 .news-card__nav, ._2 .news-card__nav {
  position: absolute;
  left: 12px;
  top: 0;
  transform: translateY(-50%);
  gap: 8px;
}
._3 .news-card__nav {
  gap: 16px;
  margin-top: 12px;
}
.news-card__nav__item {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--local-nav-color);
  font-family: var(--font-300);
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.16px;
}
.news-card__nav__item i {
  font-size: 18px;
}
._1 .news-card__nav__item, ._2 .news-card__nav__item {
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: #145795;
  height: var(--local-nav-height);
  padding: 0 8px;
}
._1 .news-card__nav__item i, ._2 .news-card__nav__item i {
  color: var(--local-nav-color);
}
._3 .news-card__nav__item i {
  color: rgb(17, 140, 108);
}
.news-nav {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  flex-wrap: wrap;
  row-gap: 8px;
}
.news-nav__item {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  color: var(--black-2);
  font-family: "MuseoSansCyrl-100", sans-serif;
  font-size: var(--size-text-16);
  line-height: 138%;
  letter-spacing: -0.16px;
  gap: 6px;
  border-radius: 10px;
  border: 1px solid var(--black-9);
  background: var(--white-1);
  margin-right: 8px;
}
.news-nav__item i {
  font-size: 18px;
  color: var(--blue-3);
}
.news-nav > .ya-share2 {
  margin-left: auto;
}
.news-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: var(--local-image);
  height: 800px;
}
@media only screen and (max-width: 1712px) {
  .news-image {
    height: 700px;
  }
}
@media only screen and (max-width: 1400px) {
  .news-image {
    height: 600px;
  }
}
@media only screen and (max-width: 1199px) {
  .news-image {
    height: 500px;
  }
}
@media only screen and (max-width: 991px) {
  .news-image {
    height: 400px;
  }
}
@media only screen and (max-width: 768px) {
  .news-image {
    height: 300px;
  }
}
.news-image img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: contain;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  display: block;
}
.news-gallery {
  aspect-ratio: 1.74;
}
.news-gallery img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  border-radius: 12px;
}
.news-content {
  margin-bottom: var(--space-32);
}
.news-carousel {
  margin-bottom: var(--space-20);
}

.footer-info {
  padding: var(--space-60) 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
@media only screen and (max-width: 1400px) {
  .footer-info {
    padding: 32px 0;
  }
}
@media only screen and (max-width: 768px) {
  .footer-info {
    padding: 0;
  }
}
.footer-title {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-32);
  line-height: 140%;
  letter-spacing: -0.32px;
}
@media only screen and (max-width: 768px) {
  .footer-title {
    text-align: center;
  }
}
.footer-title span {
  color: var(--light-blue-5);
}
.footer-text {
  color: rgba(var(--c-white-1), 0.6);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
  /*margin-top: auto;*/
}
@media only screen and (max-width: 768px) {
  .footer-top .footer-text {
    text-align: center;
  }
}
.footer-mockups {
  --local-margin-top: 60px;
  --local-margin-bottom: 108px;
  display: flex;
  gap: var(--space-16);
  margin-bottom: calc(0px - var(--local-margin-bottom));
  margin-top: calc(0px - var(--local-margin-top));
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1712px) {
  .footer-mockups {
    --local-margin-bottom: 60px;
  }
}
@media only screen and (max-width: 1400px) {
  .footer-mockups {
    --local-margin-bottom: 32px;
  }
}
@media only screen and (max-width: 1199px) {
  .footer-mockups {
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    align-items: center;
  }
}
@media only screen and (max-width: 991px) {
  .footer-mockups {
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    gap: 0;
    margin: 0 -8px;
    row-gap: 12px;
    justify-content: center;
  }
}
.footer-mockups::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  background: linear-gradient(0deg, #2A407A 0%, rgba(42, 64, 122, 0) 100%);
  height: 104px;
  bottom: var(--local-margin-bottom);
}
@media only screen and (max-width: 1199px) {
  .footer-mockups::after {
    display: none;
  }
}
.footer-mockup {
  flex: 1;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .footer-mockup {
    flex: unset;
    width: 33.3333%;
    padding: 0 8px;
  }
}
@media only screen and (max-width: 574px) {
  .footer-mockup {
    width: 50%;
  }
}
.footer-mockup img {
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .footer-mockup img {
    display: none;
  }
}
.footer-mockup__social {
  position: absolute;
  bottom: calc(var(--local-margin-bottom) + var(--space-32));
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 99999;
}
@media only screen and (max-width: 1199px) {
  .footer-mockup__social {
    position: unset;
    transform: translate(0, 0%);
    width: 100%;
  }
}
.footer-mockup__social i {
  color: var(--white-1);
  font-size: 20px;
}
.footer-iframe iframe {
  display: block;
  width: 100%;
  aspect-ratio: 2.43;
}
.footer-top {
  background-image: url("../images/footer-frame.jpg");
  background-repeat: repeat;
  background-size: auto auto;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .footer-top {
    padding: var(--space-60) 0;
  }
}
.footer-top .row {
  justify-content: space-between;
}
.footer-top .row > div {
  flex: unset;
}
.footer-top .row > div:nth-child(1) {
  width: 25%;
}
@media only screen and (max-width: 768px) {
  .footer-top .row > div:nth-child(1) {
    width: 100%;
  }
}
.footer-top .row > div:nth-child(2) {
  width: 70.8333333333%;
}
@media only screen and (max-width: 768px) {
  .footer-top .row > div:nth-child(2) {
    width: 100%;
  }
}
.footer-bottom {
  position: relative;
  z-index: 2;
  background-color: #123b5e;
  padding-top: var(--space-60);
}
.footer-bottom .row > div {
  flex: unset;
}
.footer-bottom .row > div:nth-child(1) {
  width: 29.1666666667%;
}
@media only screen and (max-width: 991px) {
  .footer-bottom .row > div:nth-child(1) {
    width: 100%;
  }
}
.footer-bottom .row > div:nth-child(2) {
  width: 50%;
}
@media only screen and (max-width: 991px) {
  .footer-bottom .row > div:nth-child(2) {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .footer-bottom .row > div:nth-child(2) {
    width: 100%;
  }
}
.footer-bottom .row > div:nth-child(3) {
  width: 20.8333333333%;
}
@media only screen and (max-width: 991px) {
  .footer-bottom .row > div:nth-child(3) {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .footer-bottom .row > div:nth-child(3) {
    width: 100%;
  }
}
.footer-logo {
  max-width: 140px;
  width: 100%;
  display: block;
  margin-bottom: var(--space-24);
}
.footer-items {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
}
.footer-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
}
@media only screen and (max-width: 574px) {
  .footer-item {
    width: 100%;
  }
}
.footer-item__value {
  margin-bottom: 4px;
  cursor: pointer;
  color: var(--white-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-20);
  line-height: 140%;
  letter-spacing: -0.2px;
}
.footer-item__label {
  color: rgba(var(--c-white-1), 0.6);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
}
.footer-nav {
  display: flex;
  align-items: center;
  margin-top: var(--space-32);
  padding: var(--space-20) 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 8px;
}
@media only screen and (max-width: 768px) {
  .footer-nav {
    justify-content: center;
  }
}
.footer-nav__item {
  color: rgba(var(--c-white-1), 0.6);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (max-width: 768px) {
  .footer-nav__item {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
}
.footer-nav__item img {
  min-width: 88px;
  max-width: 88px;
  opacity: 0.8;
  transition: all 0.3s ease-in-out;
}
.footer-nav__item img:hover {
  opacity: 1;
}

.menu {
  background-color: rgba(0, 0, 0, 0.2);
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 998;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
}
@media only screen and (max-width: 574px) {
  .menu {
    height: 100%;
  }
}
.menu .header-logo {
  order: unset;
}
@media only screen and (max-width: 574px) {
  .menu .container {
    height: 100%;
  }
}
.menu-logo {
  --width-logo: 50%;
  --size-logo-branch: 65px;
  margin-bottom: 24px;
  flex: unset;
}
.menu-item {
  height: 100%;
  border-radius: 12px;
  background: var(--black-7);
  box-shadow: 0px 1px 2px 0px rgba(35, 73, 130, 0.1);
  padding: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.menu-item__wrapper {
  margin-top: auto;
  padding: var(--space-32) 0;
  border-top: 1px solid var(--black-6);
}
@media only screen and (max-width: 574px) {
  .menu-item__wrapper {
    display: none;
  }
}
.menu-item__icon {
  border-radius: 10px;
  background: var(--white-1);
  box-shadow: 0px 1px 2px 0px rgba(35, 73, 130, 0.1);
  font-size: var(--size-icon-20);
  width: var(--size-btn-40);
  height: var(--size-btn-40);
  min-width: var(--size-btn-40);
  flex: 0 0 var(--size-btn-40);
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu-item__icon i {
  font-size: var(--size-icon-20);
  color: var(--blue-2);
}
.menu-item__link {
  margin-top: auto;
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
}
.menu-item .sidebar-apply__image::after {
  background: linear-gradient(270deg, rgba(234, 238, 245, 0) 65%, #EAEEF5 100%);
}
.menu.active {
  opacity: 1;
  visibility: visible;
}
.menu-close {
  position: absolute;
  right: 16px;
  top: 16px;
  font-size: 20px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--blue-2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  border: none;
}
.menu-wrapper {
  background: var(--white-1);
  transform: translateY(-100%);
  transition: all 0.25s ease-in-out;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 574px) {
  .menu-wrapper {
    padding-top: var(--height-header);
  }
}
.menu-wrapper::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 280px;
  height: 476px;
  transform: translate(-50%, 25%);
  background-image: url("/assets/images/logo-dark.png");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
  opacity: 0.06;
}
@media only screen and (max-width: 574px) {
  .menu-wrapper {
    max-height: unset;
    transform: translateX(-100%);
    background-color: var(--white-1);
    height: 100%;
  }
}
.menu-wrapper.active {
  transform: translateY(0);
}
@media only screen and (max-width: 574px) {
  .menu-wrapper.active {
    transform: translateX(0);
  }
}
.menu-wrapper__inner {
  padding: var(--space-60) 0 0 0;
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  height: calc(100vh - var(--height-header));
}
@media only screen and (max-width: 574px) {
  .menu-wrapper__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 0;
    height: 100%;
  }
}
.menu-lang {
  display: flex;
  align-items: center;
  margin: 0 0 20px 0;
  gap: 16px;
  width: 100%;
}
.menu-lang a {
  opacity: 1;
  color: rgba(var(--code-white-1), 0.8);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-transform: uppercase;
  flex: 1;
}
.menu-lang a img {
  width: 24px;
  min-width: 24px;
  height: 16px;
}
.menu-lang a:not(:last-child) {
  padding-right: 16px;
  border-right: 1px solid rgba(var(--code-white-1), 0.6);
}
.menu-lang a.active {
  color: var(--white-1);
}
.menu-button {
  max-width: 320px;
  margin: 0 auto;
  margin-top: auto;
  margin-bottom: 12px;
  gap: 12px;
}
.menu-button i {
  color: var(--green-1) !important;
  font-size: var(--size-icon-20);
}
.menu-button span {
  color: var(--green-1);
}
.menu-copy {
  margin: 0 auto;
  padding: 12px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: var(--black-1);
}
.menu-copy a {
  min-width: 96px;
  width: 96px;
  flex: 0 0 96px;
  height: auto;
  display: block;
}
.menu-copy a img {
  width: 100%;
}
.menu-social {
  background: rgba(var(--code-white-1), 0.1);
  display: flex;
  align-items: center;
  border-radius: 12px;
  padding: 6px;
  gap: 8px;
  width: max-content;
  margin: auto auto 0 auto;
}
.menu-social a {
  background: var(--program-1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: var(--white-1);
  width: 32px;
  height: 32px;
  min-width: 32px;
  display: flex;
  align-items: center;
  border-radius: 10px;
  justify-content: center;
  font-size: 20px;
}
.menu-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  max-height: 400px;
  row-gap: var(--space-24);
  padding-bottom: 32px;
}
@media only screen and (max-width: 574px) {
  .menu-list {
    display: none;
  }
}
.menu-list__link {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-24);
  line-height: 140%;
  letter-spacing: -0.24px;
}
.menu-list__item {
  width: 25%;
}
.menu-sublist {
  margin-top: 16px;
}
.menu-sublist__item:not(:last-child) {
  margin-bottom: 10px;
}
.menu-sublist__link {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
}
.menu-options {
  display: none;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 574px) {
  .menu-options {
    display: block;
  }
}
.menu-options__link {
  background-color: transparent;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  width: 100%;
  padding: 12px 0;
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-28);
  line-height: 140%;
  letter-spacing: -0.28px;
}
.menu-options__link:hover {
  color: var(--blue-2);
}
.menu-options__item:not(:last-child) .menu-options__link {
  border-bottom: 1px solid rgba(var(--code-white-1), 0.1);
}
.menu-options__link.collapsed i {
  transform: rotate(0deg);
}
.menu-options__link i {
  transform: rotate(90deg);
  transition: all 0.3s ease-in-out;
  font-size: 20px;
}
.menu-suboptions {
  padding-left: 12px;
}
.menu-suboptions__link {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-24);
  line-height: 140%;
  letter-spacing: -0.24px;
  padding: 12px;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.menu-suboptions__link:hover {
  color: var(--blue-2);
}
.campus-navigation {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  justify-content: space-between;
  --local-minus-value: 60px;
  margin-top: 0px;
}
@media only screen and (max-width: 1199px) {
  .campus-navigation {
    --local-minus-value: 24px;
  }
}
@media only screen and (max-width: 574px) {
  .campus-navigation {
    --local-minus-value: 8px;
  }
}
.campus-navigation .prev {
  transform: translateX(calc(0px - (100% + var(--local-minus-value))));
}
.campus-navigation .next {
  transform: translateX(calc(100% + var(--local-minus-value)));
}
.campus-section {
  padding-left: 140px;
  padding-right: 140px;
  padding-bottom: 72px;
  padding-top: 60px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1712px) {
  .campus-section {
    padding-top: 32px;
    padding-bottom: 56px;
  }
}
@media only screen and (max-width: 1199px) {
  .campus-section {
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 48px;
  }
}
@media only screen and (max-width: 991px) {
  .campus-section {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .campus-section {
    padding-bottom: 32px;
  }
}
@media only screen and (max-width: 574px) {
  .campus-section {
    padding-left: 56px;
    padding-right: 56px;
    padding-bottom: 24px;
  }
}
.campus-section::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/frame.png");
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 100% auto;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .campus-section::before {
    background-size: 200% auto;
  }
}
.campus-section::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 50%;
  background-color: rgb(217, 234, 253);
  z-index: -2;
}
@media only screen and (max-width: 574px) {
  .campus-section::after {
    height: 60%;
  }
}
.campus-section__header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.campus-section__carousel {
  position: relative;
}
.campus-logo {
  width: 70px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1712px) {
  .campus-logo {
    margin-bottom: 12px;
  }
}
.campus-title {
  margin-bottom: 12px;
}
.campus-text {
  max-width: 300px;
  color: #070C1C;
  text-align: center;
  font-family: var(--font-500);
  font-size: var(--size-text-18);
  font-style: normal;
  line-height: 140%;
  letter-spacing: -0.36px;
  opacity: 0.6;
  margin-bottom: 80px;
}
@media only screen and (max-width: 1199px) {
  .campus-text {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 574px) {
  .campus-text {
    margin-bottom: 24px;
  }
}
.campus-item__image {
  border: 8px solid #A1C2E7;
  border-radius: 120px 120px 24px 24px;
  overflow: hidden;
  aspect-ratio: 0.7982;
  margin-bottom: 12px;
}
.campus-item__image img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.campus-item__title {
  color: #070C1C;
  text-align: center;
  font-family: var(--font-500);
  font-size: var(--size-text-20);
  font-style: normal;
  line-height: 150%;
  letter-spacing: -0.4px;
}
@media only screen and (max-width: 574px) {
  .campus-item__title {
    font-size: 15px;
  }
}

.event-section {
  padding: var(--space-100) 0;
  background-image: url("../images/event-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 1;
}
.event-section::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%);
  z-index: -1;
}
.event-card {
  display: flex;
}
.event-card__info {
  border-radius: 12px;
  border: 1px solid #E2E3E8;
  background: #FFF;
  box-shadow: 0px 4px 10px 0px rgba(7, 12, 28, 0.05);
  padding: 14px;
}
.event-card__place {
  color: #162347;
  font-family: var(--font-500);
  font-size: 16px;
  font-style: normal;
  line-height: 140%;
  letter-spacing: -0.16px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.event-card__place i {
  font-size: 20px;
  color: rgb(20, 126, 92);
  transform: translateY(-2px);
}
.event-card__title {
  color: #162347;
  font-family: var(--font-700);
  font-size: var(--size-text-18);
  font-style: normal;
  line-height: 140%;
  letter-spacing: -0.18px;
}
.event-card__date {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 14px;
  border-radius: 12px;
  background: linear-gradient(180deg, #3E7CB5 0%, #125EA4 100%);
  min-width: 128px;
}
.event-card__date span:nth-child(1) {
  color: #FFF;
  text-align: center;
  font-family: var(--font-500);
  font-size: var(--size-text-20);
  font-style: normal;
  line-height: 140%;
  letter-spacing: -0.2px;
  margin-bottom: 2px;
}
.event-card__date span:nth-child(2) {
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-family: var(--font-300);
  font-size: 16px;
  font-style: normal;
  line-height: 140%;
  letter-spacing: -0.16px;
}
.event-card__date span:nth-child(3) {
  color: #FFF;
  text-align: center;
  font-family: var(--font-500);
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -0.24px;
  margin-top: auto;
}
.event-card__divider {
  margin: 14px 0;
  border-top: 1px solid rgb(226, 227, 232);
}
.event-detail {
  display: flex;
  margin-bottom: var(--space-16);
}
@media only screen and (max-width: 574px) {
  .event-detail {
    flex-wrap: wrap;
    row-gap: 16px;
  }
}
.event-detail__info {
  padding-right: var(--space-16);
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 574px) {
  .event-detail__info {
    padding-right: 0;
  }
}
.event-detail__info .page-title {
  margin-bottom: auto;
}
.event-detail__info .news-nav {
  margin-bottom: 0;
  margin-top: 12px;
}
.event-detail__right {
  min-width: 200px;
  width: 200px;
  display: flex;
  flex-direction: column;
}
.event-detail__box {
  padding: 16px 12px 12px 12px;
  background: var(--program-2);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.event-detail__box span:nth-child(1) {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  margin-bottom: 6px;
}
.event-detail__box span:nth-child(2) {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-24);
  line-height: 140%;
  letter-spacing: -0.24px;
}
.event-detail__place {
  padding: 12px;
  border-radius: 10px;
  border: 1px solid var(--black-7);
  background: var(--white-1);
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 4px;
  color: var(--black-1);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
}
.event-detail__place i {
  font-size: 18px;
  color: var(--green-1);
}

@media only screen and (max-width: 574px) {
  .about-row {
    justify-content: center;
  }
}
@media only screen and (max-width: 574px) {
  .about-row__col {
    flex: unset;
    width: 50%;
  }
}
.about-section {
  position: relative;
  z-index: 2;
  padding-bottom: var(--space-120);
}
.about-section > .row > div {
  flex: unset;
}

@media only screen and (max-width: 991px) {
  .about-section > .row > div:nth-child(1) {
    width: 100%;
  }
}
.about-section > .row > div:nth-child(2) {
  width: 29.1666666667%;
}
@media only screen and (max-width: 991px) {
  .about-section > .row > div:nth-child(2) {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .about-section > .row > div:nth-child(2) {
    width: 100%;
  }
}
.about-section > .row > div:nth-child(3) {
  width: 37.5%;
}
@media only screen and (max-width: 991px) {
  .about-section > .row > div:nth-child(3) {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .about-section > .row > div:nth-child(3) {
    width: 100%;
  }
}
.about-image {
  aspect-ratio: 1.7;
  position: sticky;
  top: 0px;
}
.about-image img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  border-radius: 16px;
}
.about-info {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.about-info__title {
  margin-bottom: 16px;
}
.about-info__text {
  color: #1D253C;
  font-family: var(--font-300);
  font-size: var(--size-text-18);
  font-style: normal;
  line-height: 140%;
  letter-spacing: -0.18px;
  margin-bottom: 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
}
.about-info__btn {
  margin-top: auto;
}
.about-card {
  position: relative;
  padding: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.about-card__wrapper {
  --local-space: 12px;
  background: linear-gradient(90deg, #145795 0%, #118C6C 100%);
  row-gap: 0;
  margin-top: calc(0px - var(--local-space) / 2);
  height: calc(100% + var(--local-space));
}
.about-card__wrapper > div {
  border: calc(var(--local-space) / 2) solid white;
  border-radius: 16px;
  position: relative;
  padding: 0;
}
.about-card__wrapper > div::after {
  content: "";
  position: absolute;
  border: calc(var(--local-space) / 2) solid white;
  left: calc(0px - var(--local-space) / 2);
  right: calc(0px - var(--local-space) / 2);
  top: calc(0px - var(--local-space) / 2);
  bottom: calc(0px - var(--local-space) / 2);
}
.about-card__icon {
  width: 28px;
  margin-bottom: auto;
}
.about-card__icon svg {
  width: 100%;
  height: auto;
  display: block;
}
.about-card__icon svg path {
  fill: white;
}
.about-card__icon svg defs {
  display: none;
}
.about-card__inner {
  padding: 12px;
  border-radius: 8px;
  position: relative;
  z-index: 1;
}
.about-card__count {
  color: #FFF;
  font-family: var(--font-500);
  font-size: 26px;
  font-style: normal;
  line-height: 150%;
}
.about-card__title {
  color: #FFF;
  font-family: var(--font-300);
  font-size: 16px;
  font-style: normal;
  opacity: 0.8;
  line-height: 140%;
}
.about-card__back {
  position: absolute;
  right: 12px;
  bottom: 12px;
}
@media only screen and (max-width: 574px) {
  .about-card__back {
    display: none;
  }
}
.about-card__back svg {
  width: 60px;
  display: block;
}
.about-wrapper {
  --local-video-width: 408px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: var(--space-20);
}
@media only screen and (max-width: 1199px) {
  .about-wrapper {
    --local-video-width: 100%;
  }
}
.about-block {
  width: calc(100% - var(--local-video-width) - var(--space-16));
  border-radius: 12px;
  border: 1px solid var(--black-8);
  background: var(--white-1);
  padding: var(--space-16);
  position: relative;
  z-index: 1;
}
.about-block-2 {
  width: 100%;
  border-radius: 12px;
  border: 1px solid var(--black-8);
  background: var(--white-1);
  padding: var(--space-16);
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .about-block {
    width: 100%;
    margin-bottom: var(--space-16);
  }
}
.about-block::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/about-city.svg");
  background-position: left bottom;
  background-size: 100% auto;
  background-repeat: repeat-x;
  z-index: -1;
}
.about-block__title {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-32);
  line-height: 140%;
  letter-spacing: -0.32px;
  margin-bottom: 12px;
}
.about-block__text {
  color: var(--black-3);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  margin-bottom: var(--space-16);
}
.about-video {
  width: var(--local-video-width);
}
.about-video__inner {
  position: relative;
  display: block;
  height: 100%;
}
.about-video__inner img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  border: 1px solid var(--black-8);
}
.about-items {
  margin-bottom: var(--space-20);
}
.about-item {
  background: var(--local-bg);
  display: flex;
  flex-direction: column;
  position: relative;
  padding: var(--space-16);
  border-radius: 12px;
  height: 100%;
}
.about-item__icon {
  width: 28px;
  margin-bottom: var(--space-20);
}
.about-item__icon svg {
  width: 100%;
  height: auto;
  display: block;
}
.about-item__icon svg path {
  fill: white;
}
.about-item__icon svg defs {
  display: none;
}
.about-item__back {
  position: absolute;
  right: 12px;
  bottom: 12px;
}
.about-item__back svg {
  width: 60px;
  display: block;
}
.about-item__count {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-26);
  line-height: 140%;
  letter-spacing: -0.26px;
  margin-bottom: 2px;
}
.about-item__title {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-100", sans-serif;
  font-size: var(--size-text-16);
  line-height: 138%;
  letter-spacing: -0.16px;
  opacity: 0.8;
}
.about-row__col:nth-child(1) .about-item {
  --local-bg: var(--linear-1);
}
.about-row__col:nth-child(2) .about-item {
  --local-bg: var(--program-2);
}
.about-row__col:nth-child(3) .about-item {
  --local-bg: var(--program-3);
}
.about-row__col:nth-child(4) .about-item {
  --local-bg: var(--program-4);
}
.about-row__col:nth-child(5) .about-item {
  --local-bg: var(--program-1);
}
.about-stats__item:not(:last-child) {
  margin-bottom: 12px;
}
.about-stats__label {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-26);
  line-height: 140%;
  letter-spacing: -0.26px;
  margin-bottom: 2px;
  display: block;
  text-align: center;
}
.about-stats__value {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  display: block;
  text-align: center;
  opacity: 0.8;
}
.about-mid {
  --local-image-width: 516px;
  --local-divider-width: 12px;
  display: flex;
  border-radius: 12px;
  border: 1px solid var(--black-8);
  background: var(--white-1);
  border-radius: 12px;
  overflow: hidden;
  flex-wrap: wrap;
}
@media only screen and (max-width: 991px) {
  .about-mid {
    max-width: 600px;
    margin: 0 auto;
  }
}
.home-wrapper .about-mid {
  --local-image-width: 664px;
}
@media only screen and (max-width: 1400px) {
  .home-wrapper .about-mid {
    --local-image-width: 500px;
  }
}
@media only screen and (max-width: 1199px) {
  .home-wrapper .about-mid {
    --local-image-width: 400px;
  }
}
@media only screen and (max-width: 991px) {
  .home-wrapper .about-mid {
    --local-image-width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .about-mid {
    --local-image-width: 100%;
  }
}
.about-mid__image {
  width: var(--local-image-width);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: var(--local-bg);
}
.about-mid__image__inner {
  width: 100%;
  height: 100%;
}
.about-mid__image__inner img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: contain;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.about-mid__divider {
  width: var(--local-divider-width);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--blue-3);
}
@media only screen and (max-width: 991px) {
  .about-mid__divider {
    width: 100%;
    height: var(--local-divider-width);
    flex-direction: row;
  }
}
.about-mid__divider::after, .about-mid__divider::before {
  content: "";
  height: 33.33333%;
  background-color: var(--blue-4);
}
@media only screen and (max-width: 991px) {
  .about-mid__divider::after, .about-mid__divider::before {
    width: 33.3333%;
    height: 100%;
  }
}
.about-mid__banner {
  width: calc(100% - var(--local-image-width) - var(--local-divider-width));
  background-image: var(--local-image);
  background-size: cover;
  background-position: center top;
  padding: 16px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 991px) {
  .about-mid__banner {
    width: 100%;
  }
}
.about-mid__banner::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue-1);
  opacity: 0.6;
  z-index: -1;
}
.about-mid__title {
  margin-bottom: 12px;
}
.page-wrapper .about-mid__title {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-28);
  line-height: 140%;
  letter-spacing: -0.28px;
}
.home-wrapper .about-mid__title {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-32);
  line-height: 140%;
  letter-spacing: -0.32px;
}
.about-mid__text {
  margin-bottom: auto;
}
.page-wrapper .about-mid__text {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
}
.home-wrapper .about-mid__text {
  color: var(--white-1);
  font-family: var(--font-300);
  font-size: var(--size-text-20);
  line-height: 140%;
  letter-spacing: -0.2px;
}
.about-mid__president {
  margin-bottom: 4px;
  margin-top: var(--space-16);
}
.page-wrapper .about-mid__president {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-20);
  line-height: 140%;
  letter-spacing: -0.2px;
}
.home-wrapper .about-mid__president {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-24);
  line-height: 140%;
  letter-spacing: -0.24px;
}
.about-mid__position {
  font-style: italic;
}
.page-wrapper .about-mid__position {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
}
.home-wrapper .about-mid__position {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
}

.mission-section {
  margin-top: var(--space-20);
}
.mission-section__title {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-32);
  line-height: 140%;
  letter-spacing: -0.32px;
  margin-bottom: 12px;
  text-align: center;
}
.mission-section__list {
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
  flex-wrap: wrap;
  border-radius: 12px;
  border: 1px solid var(--black-7);
  background: var(--black-9);
  position: relative;
}
.mission-card {
  --local-count-size: 40px;
  width: 33.3333333333%;
  position: relative;
  padding: var(--space-16) var(--space-16) var(--space-16) calc(var(--local-count-size) + 12px);
  position: relative;
}
@media only screen and (max-width: 574px) {
  .mission-card {
    width: 100%;
  }
}
.mission-card:not(.last-in-row, .latest-in-list) {
  border-right: 1px solid var(--black-7);
}
.mission-card:not(.last-row) {
  border-bottom: 1px solid var(--black-7);
}
.mission-card::after {
  content: var(--local-count);
  position: absolute;
  left: 0;
  top: 16px;
  width: var(--local-count-size);
  height: var(--local-count-size);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
  border-radius: 0px 12px 12px 0px;
  background: var(--blue-3);
}
.mission-card__title {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-20);
  line-height: 140%;
  letter-spacing: -0.2px;
  margin-bottom: 8px;
}
.mission-card__text {
  color: var(--black-3);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
}

.media-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--white-1);
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
}
.media-card__image__wrapper {
  position: relative;
  aspect-ratio: 1.59;
}
.media-card__image__wrapper img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.media-card__image__wrapper i {
  position: absolute;
  left: 16px;
  top: 16px;
  width: var(--size-btn-44);
  height: var(--size-btn-44);
  min-width: var(--size-btn-44);
  flex: 0 0 var(--size-btn-44);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--size-icon-20);
  border-radius: 10px;
  background: var(--blue-2);
  backdrop-filter: blur(10px);
  color: var(--white-1);
}
.media-card__info {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 16px;
  min-height: 150px;
}
.media-card__title {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
  margin-bottom: 12px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
}
.media-card__nav {
  margin-top: auto;
}
.page-wrapper .media-card__image__wrapper i {
  border-radius: 10px;
  border: 1px solid rgba(var(--code-white-1), 0.2);
  background: rgba(8, 30, 58, 0.3);
  backdrop-filter: blur(10px);
}
.media-image {
  aspect-ratio: 1.593;
  display: block;
  cursor: pointer;
}
.media-image img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  border-radius: 16px;
}

.program-section {
  padding: var(--space-120) var(--space-16);
  /*position: relative;*/
  z-index: 1;
}
.program-section::before {
  content: "";
  position: absolute;
  top: calc(var(--space-120) / 2);
  left: 50%;
  transform: translateX(-50%);
  width: 83.3333333333%;
  aspect-ratio: 1/1;
  border: 1px solid rgba(20, 126, 92, 0.2);
  border-radius: 50%;
  z-index: -1;
}
.program-section .row > div:nth-child(1) {
  --local-bg: linear-gradient(180deg, #C7D9EB 0%, #EDF5FC 100%);
  --local-border-color: linear-gradient(180deg, #6C9CC7 0%, #D7E6F3 100%);
  --local-color: 18, 94, 164;
}
.program-section .row > div:nth-child(2) {
  --local-bg: linear-gradient(180deg, #C7D9EB 0%, #EDF5FC 100%);
  --local-border-color: linear-gradient(180deg, #6C9CC7 0%, #D7E6F3 100%);
  --local-color: 18, 94, 164;
}
.program-section .row > div:nth-child(3) {
  --local-bg: linear-gradient(180deg, #C7D9EB 0%, #EDF5FC 100%);
  --local-border-color: linear-gradient(180deg, #6C9CC7 0%, #D7E6F3 100%);
  --local-color: 18, 94, 164;
}
.program-section .row > div:nth-child(4) {
  --local-bg: linear-gradient(180deg, #C7D9EB 0%, #EDF5FC 100%);
  --local-border-color: linear-gradient(180deg, #6C9CC7 0%, #D7E6F3 100%);
  --local-color: 18, 94, 164;
}
.program-card {
  padding: var(--space-20);
  display: block;
  position: relative;
  z-index: 1;
}
.program-card__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  border-radius: 16px;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  transition: all 0.15s ease-in-out;
  z-index: -1;
}
.program-card:hover .program-card__image {
  opacity: 1;
}
.program-card__image::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #070C1C;
  opacity: 0.4;
}
.program-card__image img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  display: block;
  transition: all 0.3s ease-in-out;
}
.program-card:hover .program-card__image img {
  transform: scale(1.2);
}
.program-card::after, .program-card::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -2;
}
.program-card::after {
  background: var(--local-bg);
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 16px;
}
.program-card::before {
  background: var(--local-border-color);
  z-index: -3;
  width: 100%;
  height: 100%;
  border-radius: 17px;
}
.program-card__header {
  position: relative;
}
.program-card__title {
  color: #1D253C;
  font-family: var(--font-700);
  font-size: var(--size-text-28);
  font-style: normal;
  line-height: 150%;
  letter-spacing: -0.28px;
  margin-bottom: 8px;
  transition: all 0.15s ease-in-out;
}
.program-card:hover .program-card__title {
  color: var(--white-1);
}
.program-card__icon {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.program-card__icon svg {
  width: 32px;
  fill: rgb(var(--local-color));
  transition: all 0.15s ease-in-out;
}
.program-card:hover .program-card__icon svg {
  fill: var(--white-1);
}
.program-card__subtitle {
  color: rgb(var(--local-color));
  font-family: var(--font-300);
  font-size: 18px;
  font-style: normal;
  line-height: 150%;
  letter-spacing: -0.18px;
  transition: all 0.15s ease-in-out;
}
.program-card:hover .program-card__subtitle {
  color: var(--white-1);
}
.program-card__divider {
  margin: var(--space-20) 0;
  border-bottom: 1px solid rgb(var(--local-color));
  transition: all 0.15s ease-in-out;
}
.program-card:hover .program-card__divider {
  border-color: rgba(var(--c-white-1), 0.3);
}
.program-card__link {
  display: flex;
  align-items: center;
  color: #1D253C;
  font-family: var(--font-500);
  font-size: 18px;
  font-style: normal;
  line-height: 150%;
  letter-spacing: -0.18px;
  gap: 8px;
  transition: all 0.15s ease-in-out;
}
.program-card__link i {
  transition: all 0.1s ease-in-out !important;
  color: rgb(25, 118, 131);
}
.program-card:hover .program-card__link {
  color: var(--white-1);
}
.program-card:hover .program-card__link i {
  color: var(--whiet-1);
}

.map {
  background-color: var(--blue-1);
  position: relative;
  z-index: 1;
}
.map::before {
  content: "";
  max-width: 1400px;
  width: 100%;
  height: 500px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  background-image: url("/assets/images/map-frame.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
}
.map-title {
  color: var(--white-1);
  margin-bottom: var(--space-24);
}
.map-svg {
  width: 100%;
}
.map-tab {
  display: flex;
  align-items: center;
  border-radius: 12px;
  border: 1px solid rgba(var(--code-white-1), 0.1);
  background: var(--blue-1);
  width: max-content;
  padding: 4px;
}
.map-tab__button {
  border: none;
  background-color: transparent;
  color: rgba(var(--code-white-1), 0.6);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  padding: 7px 10px;
}
.map-tab__button.active {
  border-radius: 8px;
  background: var(--blue-2);
  box-shadow: 0px 2px 20px 0px rgba(35, 73, 130, 0.08);
  color: var(--white-1);
}
.map-info {
  display: none;
}
.map-info.active {
  display: block;
}
.map-info__header {
  border-radius: 12px;
  background: var(--blue-2);
  padding: var(--space-16);
  color: var(--white-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-26);
  line-height: 140%;
  letter-spacing: -0.26px;
  margin-bottom: 16px;
}
.map-card {
  border-radius: 12px;
  background: var(--white-1);
  overflow: hidden;
}
.map-card__header {
  color: var(--blue-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-20);
  line-height: 140%;
  letter-spacing: -0.2px;
  padding: var(--space-16);
  background: var(--black-8);
}
.map-card__body {
  max-height: 306px;
  overflow-y: auto;
  padding: 12px var(--space-16);
}
.map-card__body::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: white;
}
.map-card__body::-webkit-scrollbar {
  width: 12px;
}
.map-card__body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--black-5);
}
.map-user {
  display: flex;
  gap: 12px;
}
.map-user:not(:last-child) {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--black-6);
}
.map-user__image__wrapper {
  --local-size: 111px;
  width: var(--local-size);
  height: var(--local-size);
  min-width: var(--local-size);
  flex: 0 0 var(--local-size);
}
@media only screen and (max-width: 991px) {
  .map-user__image__wrapper {
    --local-size: 96px;
  }
}
@media only screen and (max-width: 768px) {
  .map-user__image__wrapper {
    --local-size: 80px;
  }
}
.map-user__image__wrapper img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  border-radius: 12px;
}
.map-user__info {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.map-user__fio {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-20);
  line-height: 140%;
  letter-spacing: -0.2px;
}
.map-user__position {
  color: var(--black-3);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
}
.map-user__phone {
  margin-top: auto;
  color: var(--black-2);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  display: flex;
  align-items: center;
  gap: 4px;
}
.map-user__phone i {
  font-size: 18px;
  color: var(--blue-2);
}
.map-svg path {
  stroke: #849DC4;
  fill: #2A5089;
  outline: none;
}
.map-svg path.active, .map-svg path:hover {
  fill: var(--blue-2);
  cursor: pointer;
}
.map-stats {
  border-radius: 10px;
  border: 1px solid var(--black-6);
  background: var(--black-7);
  padding: 12px;
  display: flex;
  flex-direction: column;
}
.map-stats:not(:last-child) {
  margin-bottom: var(--space-16);
}
.map-stats__icon {
  width: 44px;
  height: 44px;
  min-width: 44px;
  flex: 0 0 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: var(--blue-2);
  border-radius: 10px;
  background: var(--white-1);
  margin-bottom: 12px;
}
.map-stats__value {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-24);
  line-height: 140%;
  letter-spacing: -0.24px;
  margin-bottom: 4px;
}
.map-stats__label {
  color: var(--black-2);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
}

.tooltip {
  --bs-tooltip-bg: var(--white-1);
  --bs-tooltip-color: var(--blue-1);
  --bs-tooltip-border-radius: 8px;
  --bs-tooltip-padding-x: 6px;
  --bs-tooltip-padding-y: 4px;
}

.partners-section {
  padding-top: var(--space-120);
  padding-bottom: calc(var(--space-120) + 80px);
}
@media only screen and (max-width: 1199px) {
  .partners-section {
    padding-bottom: calc(var(--space-120) + 0px);
  }
}
.partners-carousel:not(:last-child) {
  margin-bottom: 16px;
}
.partners-item {
  display: block;
  border-radius: 12px;
  border: 1px solid var(--black-7);
  background: var(--black-9);
  padding: 10px;
  aspect-ratio: 1.41;
}
.partners-item img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: contain;
}

.leadership {
  --local-image-width: 267px;
  display: flex;
  justify-content: space-between;
  height: 100%;
}
@media only screen and (max-width: 1712px) {
  .leadership {
    --local-image-width: 200px;
  }
}
@media only screen and (max-width: 1400px) {
  .leadership {
    --local-image-width: 160px;
  }
}
@media only screen and (max-width: 574px) {
  .leadership {
    flex-direction: column;
    row-gap: 4px;
    --local-image-width: 320px;
  }
}
.leadership-image {
  width: 100%;
  max-width: var(--local-image-width);
}
.leadership-image__inner {
  aspect-ratio: 0.89;
  position: sticky;
  top: 16px;
}
.leadership-image__inner img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  border-radius: 12px;
}
.leadership-info {
  background: var(--local-bg, var(--white-1));
  display: flex;
  flex-direction: column;
  padding: var(--space-16);
  border: 1px solid var(--local-border-color, var(--black-9));
  border-radius: 12px;
  height: 100%;
}
.leadership-detail .leadership-info {
  height: auto;
}
.leadership-info__wrapper {
  width: calc(100% - var(--local-image-width) - 8px);
}
@media only screen and (max-width: 574px) {
  .leadership-info__wrapper {
    width: 100%;
  }
}
.leadership-info__wrapper > *:not(:last-child) {
  margin-bottom: 12px;
}
.leadership-info__fio {
  color: var(--local-color, var(--black-1));
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-24);
  line-height: 140%;
  letter-spacing: -0.24px;
}
.leadership-info__text {
  color: var(--local-text-color, var(--black-3));
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  margin-bottom: auto;
}
.leadership-info__divider {
  max-width: 120px;
  width: 100%;
  height: 2px;
  background-color: var(--blue-4);
  margin: 12px 0;
}
.leadership-info__bottom {
  margin-top: var(--space-16);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 16px;
}
.leadership-detail .leadership-info__bottom {
  justify-content: flex-start;
}
.leadership-info__links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.leadership-detail .leadership-info__links {
  flex-direction: row;
  gap: var(--space-16);
}
.leadership-info__link {
  padding: 6px 8px;
  display: flex;
  align-items: center;
  color: var(--local-color, var(--black-1));
  font-family: "MuseoSansCyrl-100", sans-serif;
  font-size: var(--size-text-16);
  line-height: 138%;
  letter-spacing: -0.16px;
  gap: 6px;
  border-radius: 8px;
  border: 1px solid var(--local-link-border, var(--black-7));
  background: var(--local-link-bg, var(--black-10));
}
.leadership-info__link:not(:last-child) {
  margin-bottom: 8px;
}
.leadership-detail .leadership-info__link:not(:last-child) {
  margin-bottom: 0;
}
.leadership-info__link i {
  font-size: 18px;
  color: var(--blue-4);
}
.leadership-info__btn {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  outline: none;
  padding: 6px 8px 6px 10px;
  border-radius: 8px;
  background: var(--local-btn-bg, var(--black-9));
  gap: 4px;
  color: var(--local-btn-color, var(--black-2));
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
}
.leadership-info__btn i {
  font-size: 18px;
  color: var(--local-btn-color, var(--black-2));
}
.leadership-info__social {
  display: flex;
  gap: 6px;
}
.leadership-info__social a {
  width: 34px;
  aspect-ratio: 1/1;
  border-radius: 8px;
  border: 1px solid var(--black-7);
  background: var(--black-10);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--black-4);
}
.leadership-detail .leadership-info, .active .leadership-info {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.leadership-detail .leadership-info::after, .active .leadership-info::after {
  content: "";
  position: absolute;
  top: var(--space-16);
  right: var(--space-16);
  width: 80px;
  height: 100%;
  background-image: url("../images/leadership-frame.png");
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -1;
  opacity: 0.1;
}
.leadership-detail .leadership-info::after {
  opacity: 0.2;
}
.leadership.active {
  --local-border-color: transparent;
  --local-bg: var(--program-2);
  --local-color: var(--white-1);
  --local-text-color: rgba(var(--c-white-1), 0.6);
  --local-link-bg: rgba(var(--c-white-1), 0.05);
  --local-link-border: rgba(var(--c-white-1), 0.15);
  --local-btn-bg: var(--blue-4);
  --local-btn-color: var(--white-1);
}

.contact-iframe {
  width: 100%;
  aspect-ratio: 3.2;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .contact-iframe {
    height: 340px;
    aspect-ratio: unset;
  }
}
.contact-iframe::before {
  content: "";
  background: linear-gradient(180deg, #F8FAFD 0%, rgba(248, 250, 253, 0) 100%);
  height: var(--size-contact-shadow);
  width: 100%;
  left: 0;
  position: absolute;
}
.contact-iframe iframe {
  width: 100%;
  height: 100%;
  display: block;
}
.contact-container {
  --width-container: 1400px;
}
.contact-icon {
  width: 50px;
  min-width: 50px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--black-7);
  position: relative;
  font-size: 20px;
  color: var(--white-1);
  z-index: 1;
}
.contact-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  background: var(--program-1);
  z-index: -1;
  border-radius: 50%;
  overflow: hidden;
}
.contact-item {
  display: flex;
  align-items: center;
}
.contact-item__icon {
  margin-right: 10px;
}
.contact-item__icon::after {
  background: var(--program-2);
}
.contact-item__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.contact-item__label {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
  margin-bottom: 3px;
}
.contact-item__value {
  color: var(--black-3);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
}
.contact-social {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 auto;
}
.contact-block {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.contact-block .row {
  flex: 1;
  align-content: flex-start;
}
.contact-wrapper {
  padding-bottom: 0 !important;
  margin-bottom: calc(0px - var(--size-contact-shadow));
  position: relative;
  z-index: 2;
}

.vacancy-card {
  border-radius: 12px;
  background-color: var(--white-1);
  box-shadow: 0px 4px 20px 0px rgba(51, 97, 135, 0.1);
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.vacancy-card:not(:last-child) {
  margin-bottom: 12px;
}
.vacancy-card .row {
  row-gap: 12px;
}
.vacancy-card__title {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-28);
  line-height: 140%;
  letter-spacing: -0.28px;
}
.vacancy-card__divider {
  margin: var(--space-16) 0;
  border-top: 1px solid var(--black-6);
  width: 100%;
}
.vacancy-card__item {
  vertical-align: middle;
}
.vacancy-card__item i {
  margin-right: 8px;
  font-size: 22px;
  color: var(--blue-2);
  display: inline-block;
  transform: translateY(4px);
}
.vacancy-card__item span._1 {
  color: var(--black-3);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
  margin-right: 6px;
}
.vacancy-card__item span._2 {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
}
.vacancy-card__button {
  margin-top: 16px;
}
.vacancy-item {
  border-radius: 12px;
  background-color: var(--white-1);
  box-shadow: var(--shadow-1);
  padding: 12px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.vacancy-item__title {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-26);
  line-height: 140%;
  letter-spacing: -0.26px;
  margin-bottom: 8px;
}
.vacancy-item__subtitle {
  color: var(--black-2);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
}
.vacancy-item__divider {
  border-top: 1px solid var(--black-6);
  margin: 12px 0;
}
.vacancy-item__divider._2 {
  margin-top: auto;
}
.vacancy-item__nav {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .vacancy-item__nav {
    gap: 6px;
  }
}
.vacancy-item__nav span {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--black-2);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
  white-space: nowrap;
}
.vacancy-item__nav span i {
  font-size: var(--size-icon-20);
  color: var(--black-4);
  transition: all 0.2s ease-in-out;
}
.vacancy-item__nav > i {
  font-size: 14px;
  color: var(--black-4);
  opacity: 0.6;
  font-weight: 600;
}
.vacancy-list {
  margin-bottom: 12px;
}
.vacancy-list__item {
  display: flex;
  gap: 6px;
  color: var(--black-1);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
}
.vacancy-list__item:not(:last-child) {
  margin-bottom: 10px;
}
.vacancy-list__item i {
  font-size: 18px;
  color: var(--blue-2);
}
.library-wrapper {
  --local-image-width: 408px;
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--space-16);
  flex-wrap: wrap;
}
@media only screen and (max-width: 1199px) {
  .library-wrapper {
    --local-image-width: 100%;
    row-gap: 12px;
  }
}
.library-content {
  width: calc(100% - (var(--local-image-width) + var(--space-16)));
  border-radius: 12px;
  border: 1px solid var(--black-8);
  background: var(--white-1);
  padding: var(--space-16);
}
@media only screen and (max-width: 1199px) {
  .library-content {
    width: 100%;
  }
}
.library-content__title {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-32);
  line-height: 140%;
  letter-spacing: -0.32px;
  margin-bottom: 12px;
}
.library-content__text {
  color: var(--black-3);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
}
.library-image {
  width: var(--local-image-width);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: var(--local-image);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--black-8);
  position: relative;
  height: auto;
  max-height: 400px;
}
.library-image img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: contain;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  display: block;
}
.library-items {
  margin-bottom: var(--space-32);
}
.library-item {
  border-radius: 12px;
  border: 1px solid var(--black-8);
  background: var(--white-1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
}
.library-item__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.library-item__count {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-26);
  line-height: 140%;
  letter-spacing: -0.26px;
  margin-bottom: 4px;
}
.library-item__name {
  color: var(--black-3);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
}
.library-item__icon {
  --local-size: 62px;
  flex: 0 0 var(--local-size);
  max-width: var(--local-size);
  height: var(--local-size);
  border-radius: 8px;
  background: var(--program-3);
  display: flex;
  align-items: center;
  justify-content: center;
}
.library-chart {
  border-radius: 12px;
  border: 1px solid var(--black-8);
  background: var(--white-1);
  padding: var(--space-16);
}
.library-chart__title {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-26);
  line-height: 140%;
  letter-spacing: -0.26px;
  margin-bottom: 12px;
}
.library-chart__header {
  margin-bottom: var(--space-16);
}

.books-section {
  margin-bottom: var(--space-32);
}
.books-section__title {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-32);
  line-height: 140%;
  letter-spacing: -0.32px;
  margin-bottom: 12px;
}
.books-row__col {
  flex: unset;
  width: 20%;
}
@media only screen and (max-width: 1400px) {
  .books-row__col {
    width: 25%;
  }
}
@media only screen and (max-width: 768px) {
  .books-row__col {
    width: 33.3333333333%;
  }
}
@media only screen and (max-width: 574px) {
  .books-row__col {
    width: 100%;
  }
}

.book {
  border-radius: 12px;
  border: 1px solid var(--black-8);
  background: var(--white-1);
  padding: 14px;
  height: 100%;
}
.book-image {
  margin-bottom: 12px;
}
.book-image__inner {
  aspect-ratio: 1/1;
}
.book-image__inner img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: contain;
}
.book-info__title {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
  margin-bottom: 6px;
}
.book-info__subtitle {
  color: var(--black-3);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
}

.campus360-title {
  color: var(--blue-2);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-24);
  line-height: 140%;
  letter-spacing: -0.24px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 12px;
}

.campus-card {
  background: var(--local-gradient);
  padding: 14px;
  border-radius: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.campus-card__top {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: auto;
}
.campus-card__icon {
  --local-size: 70px;
  flex: 0 0 var(--local-size);
  max-width: var(--local-size);
  height: var(--local-size);
  margin-left: auto;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid rgba(var(--c-white-1), 0.15);
  background: rgba(var(--c-white-1), 0.1);
}
.campus-card__icon img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: contain;
}
.campus-card__count {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-32);
  line-height: 140%;
  letter-spacing: -0.32px;
  margin-bottom: 2px;
}
.campus-card__label {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-100", sans-serif;
  font-size: var(--size-text-16);
  line-height: 138%;
  letter-spacing: -0.16px;
}
.campus-card__divider {
  margin: 14px 0;
  border-top: 1px solid rgba(var(--c-white-1), 0.2);
}
.campus-card__btn {
  color: var(--campus-3);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  display: flex;
  gap: 4px;
}
.campus-card__btn i {
  font-size: 20px;
}
.campus-col {
  flex: unset;
  width: 20%;
}
@media only screen and (max-width: 1199px) {
  .campus-col {
    width: 25%;
  }
}
@media only screen and (max-width: 991px) {
  .campus-col {
    width: 33.3333333333%;
  }
}
@media only screen and (max-width: 768px) {
  .campus-col {
    width: 50%;
  }
}
@media only screen and (max-width: 574px) {
  .campus-col {
    width: 100%;
  }
}
.campus-el {
  border-radius: 12px;
  border: 1px solid var(--black-8);
  background: var(--white-1);
  box-shadow: 0px 2px 20px 0px rgba(22, 35, 71, 0.05);
  padding: 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.campus-el__top {
  display: flex;
  align-items: center;
  margin-bottom: auto;
}
.campus-el__title {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  margin-right: 4px;
}
.campus-el__image {
  --local-size: 44px;
  flex: 0 0 var(--local-size);
  max-width: var(--local-size);
  height: var(--local-size);
  border-radius: 8px;
  border: 1px solid var(--black-7);
  background: var(--black-9);
  padding: 6px;
  margin-left: auto;
}
.campus-el__image img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: contain;
}
.campus-el__divider {
  border-top: 1px solid var(--black-8);
  margin: 12px 0;
}
.campus-el__btn {
  color: var(--black-2);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  display: flex;
  align-items: center;
  gap: 4px;
}
.campus-el__btn i {
  font-size: 20px;
  color: var(--blue-2);
}
.campus-block {
  border-radius: 12px;
  background: var(--program-3);
  display: flex;
  padding: var(--space-16);
  gap: 4px;
  padding: 14px;
}
.campus-block__image {
  --local-size: 70px;
  max-width: var(--local-size);
  flex: 0 0 var(--local-size);
  padding: 8px;
  margin-left: auto;
  border-radius: 8px;
  background: #FFF;
}
.campus-block__image img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: contain;
}
.campus-block__count {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-32);
  line-height: 140%;
  letter-spacing: -0.32px;
  margin-bottom: 2px;
}
.campus-block__label {
  color: rgba(var(--c-white-1), 0.8);
  font-family: "MuseoSansCyrl-100", sans-serif;
  font-size: var(--size-text-16);
  line-height: 138%;
  letter-spacing: -0.16px;
}

.document-item {
  border-radius: 12px;
  border: 1px solid var(--black-8);
  background: var(--white-1);
  padding: 12px;
}
.document-item__title {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
  margin-bottom: 8px;
}
.document-item__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.document-item__bottom span {
  color: var(--blue-3);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  display: flex;
  align-items: center;
  gap: 10px;
}
.document-item__bottom span:last-of-type {
  color: var(--green-1);
}

.drop-area {
  width: 100%;
  max-width: 400px;
  height: 150px;
  border: 2px dashed #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 20px auto;
  padding: 20px;
  cursor: pointer;
  position: relative;
}

.file-list {
  list-style: none;
  padding: 0;
}

.file-list li {
  padding: 5px;
  border-bottom: 1px solid #ddd;
}

.course-item {
  padding: var(--space-16);
  background: var(--event);
  height: 100%;
  border-radius: 12px;
}
.course-item__title {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-26);
  line-height: 140%;
  letter-spacing: -0.26px;
  margin-bottom: 2px;
}
.course-item__subtitle {
  color: rgba(var(--c-white-1), 0.8);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  display: block;
}
.course-card {
  --local-count-size: 40px;
  border-radius: 12px;
  background: var(--program-2);
  padding: var(--space-16);
  height: 100%;
  padding-top: calc(var(--space-16) * 2 + var(--local-count-size));
  position: relative;
  z-index: 1;
}
.course-card::before {
  content: var(--local-count);
  position: absolute;
  width: var(--local-count-size);
  height: var(--local-count-size);
  color: var(--white-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-20);
  line-height: 140%;
  letter-spacing: -0.2px;
  border-radius: 10px;
  border: 1px solid rgba(var(--c-white-1), 0.15);
  background: rgba(var(--c-white-1), 0.1);
  top: var(--space-16);
  left: var(--space-16);
  display: flex;
  align-items: center;
  justify-content: center;
}
.course-card::after {
  --local-size: 90px;
  content: var(--local-count);
  font-size: var(--local-size);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  position: absolute;
  top: var(--space-16);
  right: var(--space-16);
  z-index: -1;
  line-height: calc(var(--local-size) - 10px);
  font-family: "MuseoSansCyrl-700", sans-serif;
}
.course-card__title {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-24);
  line-height: 140%;
  letter-spacing: -0.24px;
  margin-bottom: 12px;
}
.course-card__text {
  color: rgba(var(--c-white-1), 0.8);
  font-family: "MuseoSansCyrl-100", sans-serif;
  font-size: var(--size-text-16);
  line-height: 138%;
  letter-spacing: -0.16px;
}

.research-content {
  border-radius: 12px;
  border: 1px solid var(--black-8);
  background: var(--white-1);
  padding: var(--space-16);
}
.research-content p {
  color: var(--black-3);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
}
.research-video {
  background-image: var(--local-image);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--black-8);
  padding: var(--space-16);
  position: relative;
  z-index: 1;
}
.research-video::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-color: var(--black-1);
  z-index: -1;
}
.research-video__title {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-26);
  line-height: 140%;
  letter-spacing: -0.26px;
}

.service {
  --local-line-height: 10px;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 12px;
  border: 1px solid var(--black-8);
  background: var(--white-1);
  overflow: hidden;
  position: relative;
  padding: 14px;
  padding-top: calc(var(--local-line-height) + 10px);
}
.service-line {
  display: flex;
  height: var(--local-line-height);
  justify-content: space-between;
  background-color: var(--blue-3);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.service-line::after, .service-line::before {
  content: "";
  width: 33.3333%;
  background-color: var(--blue-4);
}
.service-title {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-20);
  line-height: 140%;
  letter-spacing: -0.2px;
  margin-bottom: 8px;
}
.service-text {
  color: var(--black-3);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  margin-bottom: 14px;
}
.service-divider {
  margin-top: auto;
  margin-bottom: 14px;
  border-top: 1px solid var(--black-8);
}
.service-btn {
  color: var(--blue-3);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  display: flex;
  align-items: center;
  gap: 4px;
}
.service-btn i {
  font-size: 20px;
  color: var(--blue-3);
}

.public {
  border-radius: 12px;
  border: 1px solid var(--black-8);
  background: var(--white-1);
  padding: 14px;
  --local-btn-height: 34px;
}
.public-title {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-20);
  line-height: 140%;
  letter-spacing: -0.2px;
  margin-bottom: 8px;
}
.public-text {
  color: var(--black-3);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  margin-bottom: 14px;
}
.public-bottom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}
.public-bottom__left {
  display: flex;
  gap: 8px;
}
.public-badge {
  border-radius: 10px;
  border: 1px solid var(--black-7);
  background: var(--black-9);
  height: var(--local-btn-height);
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 8px;
  color: var(--black-2);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
}
.public-badge i {
  font-size: 18px;
  color: var(--blue-3);
}
.public-btn {
  height: var(--local-btn-height);
  display: flex;
  align-items: center;
  gap: 6px;
  border-radius: 10px;
  border: 1px solid rgba(var(--c-white-1), 0.2);
  background: var(--green-1);
  padding: 0 8px;
  color: var(--white-1);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  cursor: pointer;
}
.public-btn i {
  font-size: 18px;
  color: var(--white-1);
}

.stats {
  padding: var(--space-16);
  border-radius: 12px;
  background: var(--event);
}
.stats-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.stats-item__value {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-26);
  line-height: 140%;
  letter-spacing: -0.26px;
  margin-bottom: 2px;
  text-align: center;
}
.stats-item__label {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  text-align: center;
}

.card {
  --local-line-size: 10px;
  border-radius: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--black-8);
  background: var(--white-1);
  overflow: hidden;
}
.card-image__inner {
  aspect-ratio: 2.1;
}
.card-image__inner img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.card-info {
  padding: calc(10px + var(--local-line-size)) 14px 14px 14px;
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}
.card-info__line {
  display: flex;
  justify-content: space-between;
  height: var(--local-line-size);
  background-color: var(--blue-3);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.card-info__line::after, .card-info__line::before {
  content: "";
  width: 33.33333%;
  background-color: var(--blue-4);
  height: var(--local-line-size);
}
.card-info__title {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-20);
  line-height: 140%;
  letter-spacing: -0.2px;
  margin-bottom: 8px;
}
.card-info__text {
  color: var(--black-3);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  margin-top: auto;
}
.card-info__divider {
  border-top: 1px solid var(--black-8);
  margin: 14px 0px;
}
.card-info__btn {
  color: var(--blue-3);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  display: flex;
  align-items: center;
  gap: 4px;
}
.card-info__btn i {
  font-size: 20px;
  color: var(--blue-3);
}

.president-section {
  position: relative;
  z-index: 1;
}

.breadcrumbs-inner {
  text-align: center;
}
.breadcrumbs-items {
  margin-bottom: 12px;
  display: inline-block;
  margin: 0 auto 12px auto;
}
.breadcrumbs-wrapper {
  background-image: var(--local-image);
  background-size: cover;
  background-position: relative;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  padding: 40px 0;
  position: relative;
  z-index: 1;
  margin-bottom: var(--space-32);
}
.breadcrumbs-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(22, 35, 71, 0.2) 0%, #162347 100%);
  z-index: -1;
}
.breadcrumbs-title {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-32);
  line-height: 140%;
  letter-spacing: -0.32px;
}
.breadcrumbs-item {
  display: inline;
}
.breadcrumbs-item:not(:last-child)::after {
  content: "";
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="rgba(190, 202, 221, 1)" xmlns="http://www.w3.org/2000/svg"><path d="M8.20986 18.71C8.11613 18.617 8.04174 18.5064 7.99097 18.3846C7.9402 18.2627 7.91406 18.132 7.91406 18C7.91406 17.868 7.9402 17.7373 7.99097 17.6154C8.04174 17.4936 8.11613 17.383 8.20986 17.29L12.7899 12.71C12.8836 12.617 12.958 12.5064 13.0088 12.3846C13.0595 12.2627 13.0857 12.132 13.0857 12C13.0857 11.868 13.0595 11.7373 13.0088 11.6154C12.958 11.4936 12.8836 11.383 12.7899 11.29L8.20986 6.71C8.11613 6.61704 8.04174 6.50643 7.99097 6.38458C7.9402 6.26272 7.91406 6.13201 7.91406 6C7.91406 5.86799 7.9402 5.73728 7.99097 5.61542C8.04174 5.49356 8.11613 5.38296 8.20986 5.29C8.39722 5.10375 8.65068 4.99921 8.91486 4.99921C9.17905 4.99921 9.4325 5.10375 9.61986 5.29L14.2099 9.88C14.7717 10.4425 15.0872 11.205 15.0872 12C15.0872 12.795 14.7717 13.5575 14.2099 14.12L9.61986 18.71C9.4325 18.8962 9.17905 19.0008 8.91486 19.0008C8.65067 19.0008 8.39722 18.8962 8.20986 18.71Z" /></svg>');
  margin: 0 2px;
  display: inline-block;
  width: 18px;
  aspect-ratio: 1/1;
  vertical-align: middle;
}
.breadcrumbs-item__link.icon-home {
  display: inline-block;
  transform: translateY(2px);
}
.breadcrumbs-item__link:not(.active) {
  color: rgba(var(--c-white-1), 0.8);
  font-family: "MuseoSansCyrl-100", sans-serif;
  font-size: var(--size-text-16);
  line-height: 138%;
  letter-spacing: -0.16px;
}
.breadcrumbs-item__link.active {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
}

.page-wrapper {
  padding-top: var(--height-header);
}
.page-wrapper > .container {
  padding-bottom: calc(60px + var(--space-120));
  position: relative;
}
.page-title {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-32);
  line-height: 140%;
  letter-spacing: -0.32px;
  margin-bottom: var(--space-16);
}
.page-row {
  --local-aside-width: calc(267px + var(--space-16) * 2);
}
@media only screen and (max-width: 991px) {
  .page-row {
    --local-aside-width: calc(220px + var(--space-16) * 2);
  }
}
.page-row__col {
  flex: unset;
}
.page-row__col:nth-child(1) {
  width: calc(100% - var(--local-aside-width));
}
@media only screen and (max-width: 768px) {
  .page-row__col:nth-child(1) {
    width: 100%;
  }
}
.page-row__col:nth-child(2) {
  width: var(--local-aside-width);
}
@media only screen and (max-width: 768px) {
  .page-row__col:nth-child(2) {
    width: 100%;
  }
}
.page-block {
  border-radius: 12px;
  border: 1px solid var(--black-8);
  background: var(--white-1);
  padding: var(--space-16);
}
.page-block__bigtitle {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-28);
  line-height: 140%;
  letter-spacing: -0.28px;
  margin-bottom: var(--space-16);
}
.page-block:not(:last-of-type) {
  margin-bottom: 12px;
}
.page-block__title {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-24);
  line-height: 140%;
  letter-spacing: -0.24px;
  margin-bottom: var(--space-16);
}
.page-block__mediumtitle {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-26);
  line-height: 140%;
  letter-spacing: -0.26px;
  margin-bottom: var(--space-16);
}
.page-block__subtitle {
  color: var(--blue-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-20);
  line-height: 140%;
  letter-spacing: -0.2px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.page-block__subtitle i {
  font-size: 22px;
  color: var(--blue-3);
}
.page-block__largetitle {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-32);
  line-height: 140%;
  letter-spacing: -0.32px;
  margin-bottom: var(--space-16);
}
.page-block__divider {
  border-top: 1px solid var(--black-7);
  margin: 12px 0;
}
.page-block__text {
  color: var(--black-3);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  margin-bottom: var(--space-16);
}

.content > *:not(:last-child) {
  margin-bottom: 16px;
}
.content ul {
  list-style: disc;
  padding-left: 24px;
}
.content img {
  width: 100%;
  height: auto;
}
.content p,
.content ul li,
.content span {
  color: var(--black-3);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
}
.content a {
  color: var(--green-1);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  margin-bottom: 8px !important;
}
.content h2 {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-900", sans-serif;
  font-size: var(--size-text-80);
  line-height: 110%;
  letter-spacing: -0.8px;
}
.content h3 {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-26);
  line-height: 140%;
  letter-spacing: -0.26px;
}
.content h4 {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-24);
  line-height: 140%;
  letter-spacing: -0.24px;
}
.content h5 {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-20);
  line-height: 140%;
  letter-spacing: -0.2px;
}
.content h6 {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
}
.content-links__item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.content-links__item:not(:last-child) {
  margin-bottom: 12px;
}
.content-links__item a,
.content-links__item span {
  color: var(--black-3);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
}
.content-links__item i {
  font-size: 20px;
  color: var(--blue-3);
}
.content-links__item a {
  color: var(--blue-3);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.image img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  border-radius: 8px;
}

.aside {
  position: sticky;
  top: 16px;
}
.aside > *:not(:last-child) {
  margin-bottom: 12px;
}
.aside-banner {
  border-radius: 12px;
  border: 1px solid var(--black-7);
  background: linear-gradient(90deg, #EAEEF5 0%, #DFE4ED 100%);
  padding: 12px;
  position: relative;
  overflow: hidden;
}
.aside-banner__title {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.16px;
  margin-bottom: 12px;
}
.aside-banner__btn {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  outline: none;
  color: var(--white-1);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
  border-radius: 8px;
  padding: 6px 8px;
  background: var(--green-1);
}
.aside-banner__image {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: auto;
}

.sidebar {
  border-radius: 12px;
  border: 1px solid var(--black-8);
  background: var(--white-1);
  box-shadow: 0px 0px 30px 0px rgba(7, 12, 28, 0.04);
}
.sidebar-title {
  padding: 12px;
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-20);
  line-height: 140%;
  letter-spacing: -0.2px;
}
.sidebar-menu__item {
  border-top: 1px solid var(--black-7);
}
.sidebar-menu__link {
  display: block;
  padding: 12px;
  position: relative;
  color: var(--black-1);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  font-weight: 300;
}
.sidebar-menu__link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 0px;
  width: 4px;
  background-color: var(--light-blue-5);
  transition: all 0.2s ease-in-out;
}
.sidebar-menu__link:hover, .sidebar-menu__link.active {
  color: var(--light-blue-5);
}
.sidebar-menu__link:hover::before, .sidebar-menu__link.active::before {
  height: 20px;
}

.tab {
  display: flex;
  align-items: center;
  border-radius: 12px;
  background: var(--black-8);
  padding: 4px;
  width: max-content;
  flex-wrap: wrap;
  align-content: flex-start;
  row-gap: 4px;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .tab {
    width: 100%;
  }
}
.partners-section .tab {
  margin: -8px auto var(--space-16) auto;
}
.tab.type-1 {
  padding: 3px;
}
.tab-item__btn {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  outline: none;
  padding: 7px 10px;
  border-radius: 8px;
  transition: all 0.2s ease-in-out;
  color: var(--black-2);
  font-family: "MuseoSansCyrl-300", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
}
.type-1 .tab-item__btn {
  padding: 5px 10px;
}
.tab-item__btn.active {
  background: var(--white-1);
  box-shadow: 0px 2px 8px 0px rgba(16, 44, 87, 0.2);
  color: var(--black-1);
}

.player {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  outline: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  width: 56px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--linear-1);
  border-radius: 50%;
}
.player::after {
  content: "";
  position: absolute;
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 50 50" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M50 25C50 21.717 49.3534 18.4661 48.097 15.4329C46.8406 12.3998 44.9991 9.6438 42.6777 7.32233C40.3562 5.00087 37.6002 3.15938 34.5671 1.90301C31.5339 0.646644 28.283 -1.43507e-07 25 0V2.5C27.9547 2.5 30.8806 3.08198 33.6104 4.21271C36.3402 5.34344 38.8206 7.00078 40.9099 9.0901C42.9992 11.1794 44.6566 13.6598 45.7873 16.3896C46.918 19.1194 47.5 22.0453 47.5 25H50Z" /><path d="M2.18557e-06 25C1.89856e-06 28.283 0.646646 31.5339 1.90301 34.5671C3.15938 37.6002 5.00087 40.3562 7.32233 42.6777C9.6438 44.9991 12.3998 46.8406 15.4329 48.097C18.4661 49.3534 21.717 50 25 50L25 47.5C22.0453 47.5 19.1194 46.918 16.3896 45.7873C13.6598 44.6566 11.1794 42.9992 9.0901 40.9099C7.00078 38.8206 5.34344 36.3402 4.21271 33.6104C3.08198 30.8805 2.5 27.9547 2.5 25L2.18557e-06 25Z" /></svg>');
  top: 3px;
  right: 3px;
  left: 3px;
  bottom: 3px;
  background-size: contain;
  background-position: center;
  opacity: 0.4;
  position: absolute;
}
.player::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--white-1);
  opacity: 0.15;
}
.player i {
  font-size: 18px;
  color: var(--white-1);
}

.expander {
  border-radius: 12px;
  border: 1px solid var(--black-8);
  background: var(--white-1);
  padding: var(--space-16);
}
.expander:not(:last-child) {
  margin-bottom: 12px;
}
.expander-header {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  outline: none;
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-20);
  line-height: 140%;
  letter-spacing: -0.2px;
  display: flex;
  align-items: center;
  width: 100%;
  gap: 12px;
}
.has-divider .expander-header {
  border-bottom: 1px solid var(--black-7);
  padding-bottom: 16px;
  transition: all 0.1s ease-in-out;
}
.has-divider .expander-header.collapsed {
  padding-bottom: 0px;
  border-color: transparent;
}
.expander-header i:not(.icon-angle-bot) {
  font-size: 22px;
  color: var(--blue-3);
}
.expander-header__angle {
  font-size: 24px;
  color: var(--black-5);
  margin-left: auto;
  transform: rotate(-180deg);
  transition: all 0.2s ease-in-out;
}
.collapsed .expander-header__angle {
  transform: rotate(0);
}
.expander-body > *:first-child {
  transition: padding 0.2s ease-in-out;
}
.expander-body.show > *:first-child {
  padding-top: 12px;
}
.bg-blue-light{
  background-color: #437db1 !important;
}
.bg-blue-light span{
  color: white !important;
}


.admission-wrapper {
  margin-bottom: var(--space-20);
}
.admission-title {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-700", sans-serif;
  font-size: var(--size-text-24);
  line-height: 140%;
  letter-spacing: -0.24px;
  margin-bottom: 12px;
}
.admission-item {
  --local-size: 48px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  z-index: 1;
  padding-left: calc(var(--local-size) + 12px);
}
@media only screen and (max-width: 574px) {
  .admission-item {
    flex-wrap: wrap;
  }
}
.admission-item:not(:last-child) {
  margin-bottom: var(--space-16);
}
.admission-item:not(:last-child)::before {
  content: "";
  position: absolute;
  border-left: 1px dashed var(--black-5);
  left: calc(var(--local-size) / 2);
  top: 0;
  bottom: calc(0px - var(--space-16));
  z-index: -1;
}
.admission-item__number {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
  border-radius: 12px;
  border: 1px dashed var(--black-6);
  background: var(--black-8);
  width: var(--local-size);
  flex: 0 0 var(--local-size);
  height: var(--local-size);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
}
.admission-item__part {
  color: var(--black-2);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-16);
  line-height: 140%;
  letter-spacing: -0.16px;
  border-radius: 12px;
  border: 1px solid var(--black-9);
  background: var(--white-1);
  padding: 14px;
}
.admission-item__part._1 {
  flex: 1;
}
.admission-item__part._2 {
  flex: 3;
}
@media only screen and (max-width: 574px) {
  .admission-item__part {
    flex: unset !important;
    width: 100%;
  }
}

.major-header {
  color: var(--white-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
  padding: 14px;
  border-radius: 8px;
  background: var(--green-1);
  margin-bottom: 12px;
  text-align: center;
}
.major-items {
  display: flex;
  align-items: flex-start;
  margin: 0 -6px;
  row-gap: 12px;
  flex-wrap: wrap;
}
.major-items__col {
  flex: 1;
  padding: 0 6px;
}
@media only screen and (max-width: 574px) {
  .major-items__col {
    width: 50%;
    flex: unset;
  }
}
.major-item {
  border-radius: 8px;
  border: 1px solid var(--black-7);
  padding: 14px;
  text-align: center;
  position: relative;
  margin-top: -1px;
  color: var(--black-2);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: var(--size-text-18);
  line-height: 140%;
  letter-spacing: -0.18px;
}
.major-item:first-child {
  border-color: rgb(42, 134, 150);
  z-index: 2;
  background: var(--black-10);
}