@charset "UTF-8";
.white {
  color: #fff;
}

.black {
  color: #030303;
}

.yellow {
  color: #FFC809;
}

.darkblue {
  color: #1E1E2F;
}

.border {
  color: #E6E6E6;
}

.placeholder {
  color: #818181;
}

.borderInput {
  color: #E4E4E4;
}

.subtitle {
  color: #666;
}

.lightGray {
  color: #B6B6B6;
}

.textColor {
  color: #666;
}

.stroke {
  color: #E4E4E4;
}

.grey {
  color: #666;
}

.creative-color {
  color: #FFC809;
}

.brand-color {
  color: #C0C0C0;
}

.news-color {
  color: #6AEBC8;
}

.pr-color {
  color: #424242;
}

.media-color {
  color: #002B56;
}

.social-color {
  color: #ABE8FE;
}

.startups-color {
  color: #14C0FE;
}

.gbc-color {
  color: #251E4F;
}

.strategic-color {
  color: #F8DB21;
}

.marketing-color {
  color: #F8DB23;
}

.technopark-color {
  color: #FF1E1E;
}

.bg-light-purple {
  background-color: #F6F5F8;
}

.bg-creative-color {
  background-color: #FFC809;
}

.container {
  padding: 0px 16px;
  width: 100%;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .container {
    padding: 0px 35px;
  }
}
@media only screen and (min-width: 1280px) {
  .container {
    padding: 0px 50px;
  }
}
@media only screen and (min-width: 1440px) {
  .container {
    padding: 0px 80px;
  }
}

.container-split {
  padding-top: 90px;
  padding-bottom: 90px;
}
@media only screen and (min-width: 768px) {
  .container-split {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 1280px) {
  .container-split {
    padding-top: 130px;
    padding-bottom: 130px;
  }
}
@media only screen and (min-width: 1920px) {
  .container-split {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
@media only screen and (min-width: 1440px) {
  .container-split {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}

/*Обнуление*/
* {
  padding: 0;
  margin: 0;
  border: 0;
  font-family: "Blender Pro", serif;
  color: #030303;
  line-height: 110%;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

:focus,
:active {
  outline: none;
}

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

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

html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 110%;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  background-color: #fff;
}

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

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

button {
  cursor: pointer;
}

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

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

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

font {
  color: inherit;
}

.h1, .promo__info-title h1 {
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Uni Sans-Trial";
}
@media only screen and (min-width: 768px) {
  .h1, .promo__info-title h1 {
    font-size: 48px;
    letter-spacing: -0.96px;
  }
}
@media only screen and (min-width: 1440px) {
  .h1, .promo__info-title h1 {
    font-size: 60px;
    letter-spacing: -1.2px;
  }
}
@media only screen and (min-width: 1920px) {
  .h1, .promo__info-title h1 {
    font-size: 80px;
    letter-spacing: -1.6px;
  }
}

.h2, .fridge__form-title h2, .achievement__title h2, .team__info h2, .direction__title h2, .news__title-block h2, .event__title h2 {
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Uni Sans-Trial";
}
@media only screen and (min-width: 768px) {
  .h2, .fridge__form-title h2, .achievement__title h2, .team__info h2, .direction__title h2, .news__title-block h2, .event__title h2 {
    font-size: 42px;
  }
}
@media only screen and (min-width: 1280px) {
  .h2, .fridge__form-title h2, .achievement__title h2, .team__info h2, .direction__title h2, .news__title-block h2, .event__title h2 {
    font-size: 54px;
  }
}
@media only screen and (min-width: 1920px) {
  .h2, .fridge__form-title h2, .achievement__title h2, .team__info h2, .direction__title h2, .news__title-block h2, .event__title h2 {
    font-size: 64px;
  }
}

.h3, .promo__info-text p {
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .h3, .promo__info-text p {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .h3, .promo__info-text p {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1920px) {
  .h3, .promo__info-text p {
    font-size: 48px;
  }
}

.h3-2, .direction__item-title h4 span, .direction__item-title h4 {
  font-size: 24px;
  font-weight: 700;
  font-family: "Uni Sans-Trial";
}
@media only screen and (min-width: 768px) {
  .h3-2, .direction__item-title h4 span, .direction__item-title h4 {
    font-size: 28px;
  }
}
@media only screen and (min-width: 1280px) {
  .h3-2, .direction__item-title h4 span, .direction__item-title h4 {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1920px) {
  .h3-2, .direction__item-title h4 span, .direction__item-title h4 {
    font-size: 48px;
  }
}

.h4, .fridge__form-title p, .achievement__title p, .direction__title p, .event__list-title p {
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
}
@media only screen and (min-width: 768px) {
  .h4, .fridge__form-title p, .achievement__title p, .direction__title p, .event__list-title p {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1280px) {
  .h4, .fridge__form-title p, .achievement__title p, .direction__title p, .event__list-title p {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1920px) {
  .h4, .fridge__form-title p, .achievement__title p, .direction__title p, .event__list-title p {
    font-size: 48px;
  }
}

.h5 {
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
}
@media only screen and (min-width: 768px) {
  .h5 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .h5 {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1920px) {
  .h5 {
    font-size: 48px;
  }
}

.title-1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 125%;
}
@media only screen and (min-width: 1920px) {
  .title-1 {
    font-size: 20px;
  }
}

.title-2, .footer__info-menu__title h3, .footer__adres-info__item h3, .footer__adres-details p, .event__calendar-date-month .swiper-slide {
  font-size: 28px;
  font-weight: 700;
}
@media only screen and (min-width: 1920px) {
  .title-2, .footer__info-menu__title h3, .footer__adres-info__item h3, .footer__adres-details p, .event__calendar-date-month .swiper-slide {
    font-size: 32px;
  }
}

.news-title, .news__item-title {
  font-size: 16px;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .news-title, .news__item-title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .news-title, .news__item-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .news-title, .news__item-title {
    font-size: 24px;
  }
}

.footer-h2, .footer__contact-phone a, .footer__contact-mail a {
  font-size: 20px;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .footer-h2, .footer__contact-phone a, .footer__contact-mail a {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .footer-h2, .footer__contact-phone a, .footer__contact-mail a {
    font-size: 48px;
  }
}
@media only screen and (min-width: 1920px) {
  .footer-h2, .footer__contact-phone a, .footer__contact-mail a {
    font-size: 64px;
  }
}

.button-regular, .btn-arrow, .direction__item-service-link, .btn, .direction__item-link {
  font-size: 16px;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .button-regular, .btn-arrow, .direction__item-service-link, .btn, .direction__item-link {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1280px) {
  .button-regular, .btn-arrow, .direction__item-service-link, .btn, .direction__item-link {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .button-regular, .btn-arrow, .direction__item-service-link, .btn, .direction__item-link {
    font-size: 24px;
  }
}

.button-small, .fridge__cats a, .direction__head-list a {
  font-size: 13px;
  font-weight: 500;
}
@media only screen and (min-width: 1280px) {
  .button-small, .fridge__cats a, .direction__head-list a {
    font-size: 16px;
  }
}

.search-text, .fridge__form-field input, .team__image .hint, .event__list-item__prop span {
  font-size: 16px;
  font-weight: 500;
}

.search-text-s {
  font-size: 13px;
  font-weight: 500;
}
@media only screen and (min-width: 1280px) {
  .search-text-s {
    font-size: 16px;
  }
}

.menu-text, .header__menu ul a {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
}
@media only screen and (min-width: 1280px) {
  .menu-text, .header__menu ul a {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1920px) {
  .menu-text, .header__menu ul a {
    font-size: 18px;
  }
}

.text-large, .fridge__form-hint p, .team__info p {
  font-size: 16px;
  font-weight: 500;
}
@media only screen and (min-width: 1280px) {
  .text-large, .fridge__form-hint p, .team__info p {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1920px) {
  .text-large, .fridge__form-hint p, .team__info p {
    font-size: 32px;
  }
}

.text-medium, .footer__up a, .footer__copyright-links a, .footer__copyright-title p, .footer__info-menu__list a, .footer__adres-info__item p, .fridge__form-text p, .direction__item-text p, .news__item-info-date time, .news__item-info-view, .event__cat-item, .event__list-item__title h4, .event__calendar-table__td, .event__calendar-table__th, .service__block-title h2 {
  font-size: 15px;
  font-weight: 500;
}
@media only screen and (min-width: 1280px) {
  .text-medium, .footer__up a, .footer__copyright-links a, .footer__copyright-title p, .footer__info-menu__list a, .footer__adres-info__item p, .fridge__form-text p, .direction__item-text p, .news__item-info-date time, .news__item-info-view, .event__cat-item, .event__list-item__title h4, .event__calendar-table__td, .event__calendar-table__th, .service__block-title h2 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1280px) {
  .text-medium, .footer__up a, .footer__copyright-links a, .footer__copyright-title p, .footer__info-menu__list a, .footer__adres-info__item p, .fridge__form-text p, .direction__item-text p, .news__item-info-date time, .news__item-info-view, .event__cat-item, .event__list-item__title h4, .event__calendar-table__td, .event__calendar-table__th, .service__block-title h2 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .text-medium, .footer__up a, .footer__copyright-links a, .footer__copyright-title p, .footer__info-menu__list a, .footer__adres-info__item p, .fridge__form-text p, .direction__item-text p, .news__item-info-date time, .news__item-info-view, .event__cat-item, .event__list-item__title h4, .event__calendar-table__td, .event__calendar-table__th, .service__block-title h2 {
    font-size: 24px;
  }
}

.footer-text, .footer__info-social__link {
  font-size: 11px;
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .footer-text, .footer__info-social__link {
    font-size: 20px;
  }
}

.footer-text-s {
  font-size: 14px;
  font-weight: 500;
}

.icon-youtube, .header__social-link_yt {
  background-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="29" height="29" rx="14.5" stroke="%23E6E6E6"/><path d="M20.7491 11.9054C20.6808 11.6329 20.5469 11.3845 20.3607 11.185C20.1745 10.9855 19.9426 10.842 19.6883 10.7688C18.7536 10.5 15.0005 10.5 15.0005 10.5C15.0005 10.5 11.2475 10.5 10.3117 10.7688C10.0577 10.8426 9.82609 10.9863 9.63999 11.1857C9.4539 11.3851 9.31976 11.6332 9.25092 11.9054C9 12.9081 9 15 9 15C9 15 9 17.0919 9.25092 18.0946C9.31976 18.3668 9.4539 18.6149 9.63999 18.8143C9.82609 19.0137 10.0577 19.1574 10.3117 19.2312C11.2475 19.5 15.0005 19.5 15.0005 19.5C15.0005 19.5 18.7525 19.5 19.6883 19.2312C19.9426 19.158 20.1745 19.0145 20.3607 18.815C20.5469 18.6155 20.6808 18.3671 20.7491 18.0946C21 17.0919 21 15 21 15C21 15 21 12.9081 20.7491 11.9054ZM13.7998 16.9281V13.0719L16.9228 15L13.7998 16.9281Z" fill="%23030303"/></svg>');
  width: 30px;
  height: 30px;
}
.icon-telegram, .header__social-link_tg {
  background-image: url('data:image/svg+xml,<svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.16699" y="0.5" width="29" height="29" rx="14.5" stroke="%23E6E6E6"/><g clip-path="url(%23clip0_53_8321)"><path d="M21.0269 11.3023L19.3999 18.975C19.2772 19.5166 18.9571 19.6513 18.5022 19.3962L16.0232 17.5695L14.8271 18.7199C14.6948 18.8523 14.584 18.963 14.3289 18.963L14.507 16.4383L19.1015 12.2866C19.3012 12.1086 19.0582 12.0099 18.791 12.188L13.1111 15.7644L10.6659 14.9991C10.134 14.833 10.1244 14.4672 10.7766 14.2121L20.341 10.5273C20.7838 10.3613 21.1713 10.626 21.0269 11.3023Z" fill="%23030303"/></g><defs><clipPath id="clip0_53_8321"><rect width="12" height="12" fill="white" transform="translate(9.66699 9)"/></clipPath></defs></svg>');
  width: 30px;
  height: 30px;
}
.icon-instagram, .header__social-link_in {
  background-image: url('data:image/svg+xml,<svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.833008" y="0.5" width="29" height="29" rx="14.5" stroke="%23E6E6E6"/><path d="M15.333 9C13.7034 9 13.4993 9.00694 12.8591 9.03619C11.8841 9.08062 11.0276 9.3195 10.3399 10.0071C9.6527 10.6944 9.41363 11.5508 9.3692 12.5261C9.33995 13.1662 9.33301 13.3704 9.33301 15C9.33301 16.6296 9.33995 16.8338 9.3692 17.4739C9.41363 18.4489 9.65251 19.3054 10.3401 19.9931C11.0274 20.6805 11.8839 20.9196 12.8593 20.964C13.4993 20.9931 13.7034 21 15.333 21C16.9626 21 17.1668 20.9931 17.8069 20.9638C18.7817 20.9194 19.6384 20.6805 20.3261 19.9929C21.0135 19.3056 21.2526 18.4491 21.297 17.4737C21.3261 16.8338 21.333 16.6296 21.333 15C21.333 13.3704 21.3261 13.1662 21.2968 12.5261C21.2524 11.5511 21.0135 10.6946 20.3259 10.0069C19.6386 9.3195 18.7821 9.08044 17.8067 9.036C17.1668 9.00694 16.9626 9 15.333 9Z" fill="%23030303"/><path d="M15.333 11.9194C13.6314 11.9194 12.252 13.2989 12.252 15.0004C12.252 16.702 13.6314 18.0814 15.333 18.0814C17.0345 18.0814 18.414 16.702 18.414 15.0004C18.414 13.2989 17.0345 11.9194 15.333 11.9194ZM15.333 17.0005C14.2284 17.0005 13.3329 16.105 13.3329 15.0004C13.3329 13.8959 14.2284 13.0004 15.333 13.0004C16.4375 13.0004 17.333 13.8959 17.333 15.0004C17.333 16.105 16.4375 17.0005 15.333 17.0005Z" fill="white"/><path d="M18.5354 12.5172C18.9331 12.5172 19.2554 12.1948 19.2554 11.7972C19.2554 11.3995 18.9331 11.0771 18.5354 11.0771C18.1378 11.0771 17.8154 11.3995 17.8154 11.7972C17.8154 12.1948 18.1378 12.5172 18.5354 12.5172Z" fill="white"/></svg>');
  width: 30px;
  height: 30px;
}
.icon-behance, .header__social-link_be {
  background-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="29" height="29" rx="14.5" stroke="%23E6E6E6"/><path d="M12.4905 11.25C12.8367 11.25 13.1569 11.2768 13.4494 11.3561C13.7425 11.4091 13.9825 11.5152 14.1954 11.6475C14.4089 11.7798 14.5687 11.9657 14.6749 12.2041C14.7816 12.4425 14.8352 12.7345 14.8352 13.0521C14.8352 13.4234 14.7551 13.7411 14.5687 13.9795C14.4089 14.2184 14.1423 14.43 13.8227 14.5891C14.2756 14.722 14.6218 14.9604 14.8352 15.278C15.0482 15.5962 15.1814 15.9937 15.1814 16.4443C15.1814 16.8155 15.1012 17.1332 14.968 17.3984C14.8352 17.6636 14.6218 17.902 14.3818 18.0611C14.1211 18.2316 13.8329 18.357 13.5296 18.4318C13.21 18.5116 12.8903 18.5646 12.5707 18.5646H9V11.25H12.4905ZM12.2771 14.2179C12.5702 14.2179 12.8102 14.1386 12.9965 14.0062C13.1829 13.8739 13.2631 13.635 13.2631 13.3436C13.2631 13.1845 13.236 13.0254 13.1829 12.9198C13.1298 12.8137 13.0496 12.7339 12.9434 12.6546C12.8348 12.5944 12.7181 12.5499 12.5967 12.5223C12.4634 12.4955 12.3307 12.4955 12.1704 12.4955H10.6253V14.2184L12.2771 14.2179ZM12.3573 17.3453C12.5171 17.3453 12.6769 17.3186 12.8102 17.2923C12.9434 17.2655 13.0767 17.213 13.1829 17.1332C13.2915 17.0556 13.3823 16.9563 13.4494 16.8418C13.5025 16.7095 13.5562 16.5503 13.5562 16.365C13.5562 15.9937 13.4494 15.7286 13.2365 15.5432C13.0231 15.3841 12.73 15.3048 12.3838 15.3048H10.6253V17.3459L12.3573 17.3453ZM17.4996 17.3186C17.7125 17.5307 18.0321 17.6368 18.4585 17.6368C18.7516 17.6368 19.0181 17.5575 19.231 17.4252C19.4445 17.2661 19.5778 17.107 19.6309 16.9478H20.9365C20.723 17.5837 20.4034 18.0343 19.9776 18.3257C19.5507 18.5909 19.0447 18.75 18.432 18.75C18.0399 18.7512 17.6512 18.6792 17.2861 18.5378C16.9577 18.416 16.6647 18.2158 16.4334 17.955C16.186 17.711 16.0031 17.4106 15.9009 17.0802C15.7676 16.7357 15.714 16.365 15.714 15.9407C15.714 15.5432 15.7676 15.1725 15.9009 14.8275C16.0292 14.4954 16.219 14.1898 16.4605 13.9264C16.7 13.688 16.9931 13.4764 17.3127 13.3436C17.6685 13.2022 18.0485 13.1301 18.432 13.1314C18.8849 13.1314 19.2847 13.2112 19.6309 13.3966C19.9776 13.582 20.2436 13.7941 20.4565 14.1123C20.67 14.4037 20.8303 14.7482 20.9365 15.1195C20.9896 15.4902 21.0161 15.8614 20.9896 16.2852H17.1263C17.1263 16.7095 17.2861 17.107 17.4996 17.3191M19.178 14.5366C18.9916 14.3512 18.6985 14.2452 18.3518 14.2452C18.1485 14.2422 17.9474 14.2875 17.7656 14.3775C17.6058 14.4573 17.4996 14.5634 17.3929 14.6695C17.2948 14.7719 17.2299 14.901 17.2065 15.0402C17.1794 15.173 17.1529 15.2786 17.1529 15.3846H19.5507C19.4976 14.9871 19.3643 14.7225 19.178 14.5366ZM16.8332 11.7536H19.8172V12.4693H16.8338L16.8332 11.7536Z" fill="%23030303"/></svg>');
  width: 30px;
  height: 30px;
}
.icon-burger, .header__mobile-link {
  background-image: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6667 10H14C13.4749 10.0001 12.955 10.1039 12.4702 10.3055C11.9853 10.5071 11.545 10.8025 11.1747 11.1747C10.8025 11.545 10.5071 11.9853 10.3055 12.4702C10.1039 12.955 10.0001 13.4749 10 14V16.6667C10 17.7667 10.4493 18.7667 11.1747 19.492C11.545 19.8642 11.9853 20.1596 12.4702 20.3612C12.955 20.5628 13.4749 20.6666 14 20.6667H16.6667C17.1918 20.6666 17.7117 20.5628 18.1965 20.3612C18.6814 20.1596 19.1216 19.8642 19.492 19.492C19.8642 19.1216 20.1596 18.6814 20.3612 18.1965C20.5628 17.7117 20.6666 17.1918 20.6667 16.6667V14C20.6666 13.4749 20.5628 12.955 20.3612 12.4702C20.1596 11.9853 19.8642 11.545 19.492 11.1747C19.1216 10.8025 18.6814 10.5071 18.1965 10.3055C17.7117 10.1039 17.1918 10.0001 16.6667 10ZM30 10H27.3333C26.8082 10.0001 26.2883 10.1039 25.8035 10.3055C25.3186 10.5071 24.8784 10.8025 24.508 11.1747C24.1358 11.545 23.8404 11.9853 23.6388 12.4702C23.4372 12.955 23.3334 13.4749 23.3333 14V16.6667C23.3333 17.7667 23.7827 18.7667 24.508 19.492C24.8784 19.8642 25.3186 20.1596 25.8035 20.3612C26.2883 20.5628 26.8082 20.6666 27.3333 20.6667H30C30.5251 20.6666 31.045 20.5628 31.5299 20.3612C32.0147 20.1596 32.455 19.8642 32.8253 19.492C33.1975 19.1216 33.4929 18.6814 33.6945 18.1965C33.8961 17.7117 33.9999 17.1918 34 16.6667V14C33.9999 13.4749 33.8961 12.955 33.6945 12.4702C33.4929 11.9853 33.1975 11.545 32.8253 11.1747C32.455 10.8025 32.0147 10.5071 31.5299 10.3055C31.045 10.1039 30.5251 10.0001 30 10ZM16.6667 23.3333H14C13.4749 23.3334 12.955 23.4372 12.4702 23.6388C11.9853 23.8404 11.545 24.1358 11.1747 24.508C10.8025 24.8784 10.5071 25.3186 10.3055 25.8035C10.1039 26.2883 10.0001 26.8082 10 27.3333V30C10 31.1 10.4493 32.1 11.1747 32.8253C11.545 33.1975 11.9853 33.4929 12.4702 33.6945C12.955 33.8961 13.4749 33.9999 14 34H16.6667C17.1918 33.9999 17.7117 33.8961 18.1965 33.6945C18.6814 33.4929 19.1216 33.1975 19.492 32.8253C19.8642 32.455 20.1596 32.0147 20.3612 31.5299C20.5628 31.045 20.6666 30.5251 20.6667 30V27.3333C20.6666 26.8082 20.5628 26.2883 20.3612 25.8035C20.1596 25.3186 19.8642 24.8784 19.492 24.508C19.1216 24.1358 18.6814 23.8404 18.1965 23.6388C17.7117 23.4372 17.1918 23.3334 16.6667 23.3333ZM30 23.3333H27.3333C26.8082 23.3334 26.2883 23.4372 25.8035 23.6388C25.3186 23.8404 24.8784 24.1358 24.508 24.508C24.1358 24.8784 23.8404 25.3186 23.6388 25.8035C23.4372 26.2883 23.3334 26.8082 23.3333 27.3333V30C23.3333 31.1 23.7827 32.1 24.508 32.8253C24.8784 33.1975 25.3186 33.4929 25.8035 33.6945C26.2883 33.8961 26.8082 33.9999 27.3333 34H30C30.5251 33.9999 31.045 33.8961 31.5299 33.6945C32.0147 33.4929 32.455 33.1975 32.8253 32.8253C33.1975 32.455 33.4929 32.0147 33.6945 31.5299C33.8961 31.045 33.9999 30.5251 34 30V27.3333C33.9999 26.8082 33.8961 26.2883 33.6945 25.8035C33.4929 25.3186 33.1975 24.8784 32.8253 24.508C32.455 24.1358 32.0147 23.8404 31.5299 23.6388C31.045 23.4372 30.5251 23.3334 30 23.3333Z" fill="%23030303"/></svg>');
  width: 44px;
  height: 44px;
}
.icon-zoom, .vacancies-header__search::before, .mobile-menu__search-btn, .event__form-button, .header__search-button {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"><path d="M15.5 14.0683H14.71L14.43 13.7983C15.0549 13.0723 15.5117 12.2171 15.7675 11.2939C16.0234 10.3708 16.072 9.40249 15.91 8.45833C15.44 5.67833 13.12 3.45833 10.32 3.11833C9.33559 2.9938 8.33576 3.09611 7.397 3.41742C6.45824 3.73874 5.60542 4.27055 4.90381 4.97217C4.20219 5.67378 3.67038 6.5266 3.34906 7.46536C3.02775 8.40412 2.92544 9.40395 3.04997 10.3883C3.38997 13.1883 5.60998 15.5083 8.38998 15.9783C9.33413 16.1404 10.3024 16.0917 11.2256 15.8359C12.1487 15.58 13.0039 15.1233 13.73 14.4983L14 14.7783V15.5683L18.25 19.8183C18.66 20.2283 19.33 20.2283 19.74 19.8183C20.15 19.4083 20.15 18.7383 19.74 18.3283L15.5 14.0683ZM9.49997 14.0683C7.00997 14.0683 4.99997 12.0583 4.99997 9.56833C4.99997 7.07833 7.00997 5.06833 9.49997 5.06833C11.99 5.06833 14 7.07833 14 9.56833C14 12.0583 11.99 14.0683 9.49997 14.0683Z" fill="%23030303"/></svg>');
  width: 24px;
  height: 24px;
  background-color: transparent;
}
.icon-arrow, .investment-projects-services .investment-projects-services-navigation .investment-projects-services-prev::after,
.investment-projects-services .investment-projects-services-navigation .investment-projects-services-next::after, .news__slider-nav .swiper-news-button-next::after, .news__slider-nav .swiper-news-button-prev::after, .level-panel__next::after, .level-panel__prev::after, .btn-square_down::after, .btn-square_up::after, .btn-square_right::after, .btn-square_left::after, .nav-split__next::after, .nav-split__prev::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path d="M9.08598 5.58606C9.46103 5.21112 9.96965 5.00049 10.5 5.00049C11.0303 5.00049 11.5389 5.21112 11.914 5.58606L18.329 12.0001L11.914 18.4141C11.524 18.8051 11.012 19.0001 10.5 19.0001C9.98798 19.0001 9.47598 18.8051 9.08598 18.4141C8.71104 18.039 8.50041 17.5304 8.50041 17.0001C8.50041 16.4697 8.71104 15.9611 9.08598 15.5861L12.671 12.0001L9.08598 8.41406C8.71104 8.039 8.50041 7.53039 8.50041 7.00006C8.50041 6.46973 8.71104 5.96112 9.08598 5.58606Z" fill="%23030303"/></svg>');
  width: 24px;
  height: 24px;
}
.icon-arrow-disable {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path d="M15.914 5.58606C15.539 5.21112 15.0303 5.00049 14.5 5.00049C13.9697 5.00049 13.4611 5.21112 13.086 5.58606L6.67102 12.0001L13.086 18.4141C13.476 18.8051 13.988 19.0001 14.5 19.0001C15.012 19.0001 15.524 18.8051 15.914 18.4141C16.289 18.039 16.4996 17.5304 16.4996 17.0001C16.4996 16.4697 16.289 15.9611 15.914 15.5861L12.329 12.0001L15.914 8.41406C16.289 8.03901 16.4996 7.53039 16.4996 7.00006C16.4996 6.46973 16.289 5.96112 15.914 5.58606Z" fill="%23999999"/></svg>');
  width: 24px;
  height: 24px;
}
.icon-touch, .nav-split__touch {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"><path d="M6.82061 13.0403C6.67895 12.5162 6.53728 11.8504 6.23978 10.8445C5.99894 10.0654 5.75811 9.62618 5.57394 9.10202C5.38978 8.57785 5.14894 8.08202 4.86561 7.43035C4.60896 6.76494 4.396 6.0835 4.22811 5.39035C4.16789 5.10286 4.17091 4.80571 4.23696 4.51951C4.30301 4.2333 4.4305 3.96488 4.61061 3.73285C4.85964 3.48784 5.16896 3.31296 5.50728 3.22589C5.8456 3.13882 6.20092 3.14266 6.53728 3.23702C7.07184 3.46866 7.52201 3.85946 7.82645 4.35618C8.25102 5.02279 8.59799 5.73576 8.86061 6.48118C9.25573 7.50199 9.54529 8.56056 9.72478 9.64035L9.85228 10.2778C9.85228 10.2778 9.78144 8.69118 9.78144 8.63452C9.78144 7.21785 9.69644 6.05618 9.78144 4.46952C9.78144 4.29952 9.88061 3.64785 9.90894 3.46368C9.92693 3.16449 10.0244 2.8755 10.1912 2.62649C10.358 2.37748 10.5882 2.17745 10.8581 2.04702C11.1697 1.9062 11.5078 1.83337 11.8498 1.83337C12.1918 1.83337 12.5298 1.9062 12.8414 2.04702C13.1185 2.17102 13.3561 2.36871 13.5285 2.61852C13.7009 2.86834 13.8013 3.16068 13.8189 3.46368C13.8189 3.61952 13.9464 4.88035 13.9464 5.03618C13.9464 6.45285 13.9464 7.35952 13.9464 8.12452C13.9464 8.45035 13.9464 10.4195 13.9464 10.1929C13.9918 8.32359 14.1575 6.45918 14.4423 4.61118C14.5261 4.32542 14.669 4.06046 14.8618 3.83349C15.0546 3.60652 15.293 3.42261 15.5614 3.29368C15.8925 3.18764 16.2459 3.17245 16.5849 3.2497C16.9238 3.32696 17.2357 3.49382 17.4881 3.73285C17.8934 4.18281 18.1333 4.75745 18.1681 5.36202C18.1681 5.92868 18.1681 6.63702 18.1681 7.11868C18.1681 8.35118 18.1681 9.00285 18.1681 10.1362C18.1681 10.1362 18.1681 10.547 18.1681 10.3912C18.3098 9.99452 18.4373 9.62618 18.5506 9.32868C18.6639 9.03118 18.8906 8.46452 19.0606 8.11035C19.232 7.77637 19.4261 7.45451 19.6414 7.14702C19.8644 6.78417 20.1967 6.50143 20.5906 6.33952C20.7671 6.27196 20.9554 6.24041 21.1443 6.24674C21.3332 6.25306 21.519 6.29712 21.6906 6.37633C21.8622 6.45554 22.0163 6.5683 22.1436 6.70796C22.271 6.84761 22.3692 7.01135 22.4323 7.18952C22.5161 7.70558 22.5161 8.23179 22.4323 8.74785C22.3298 9.54023 22.1592 10.3223 21.9223 11.0853C21.7523 11.7228 21.5398 12.8278 21.4406 13.352C21.3414 13.8762 21.1148 15.307 20.9306 15.9303C20.6891 16.6305 20.3505 17.2934 19.9248 17.8995C19.2361 18.6691 18.6677 19.5383 18.2389 20.4778C18.1275 20.9414 18.0798 21.418 18.0973 21.8945C18.0978 22.3345 18.1549 22.7725 18.2673 23.1978C17.6882 23.2616 17.1039 23.2616 16.5248 23.1978C15.9723 23.1129 15.2781 22.0079 15.1081 21.6679C15.065 21.5745 14.9961 21.4954 14.9095 21.44C14.8228 21.3846 14.7222 21.3552 14.6194 21.3552C14.5165 21.3552 14.4159 21.3846 14.3293 21.44C14.2426 21.4954 14.1737 21.5745 14.1306 21.6679C13.8189 22.2062 13.1389 23.1837 12.6431 23.2404C11.7081 23.3537 9.73894 23.2404 8.19478 23.2404C8.19478 23.2404 8.46394 21.8237 7.88311 21.3137C7.30228 20.8037 6.70728 20.2087 6.25394 19.812L5.07811 18.5087C4.68144 17.9987 4.18561 16.9645 3.32144 15.6754C2.82561 14.9529 1.90478 14.1312 1.49394 13.437C1.16299 12.8677 1.06646 12.192 1.22478 11.5529C1.34408 11.1421 1.61144 10.7902 1.97517 10.5652C2.33889 10.3401 2.77314 10.2579 3.19394 10.3345C3.8456 10.381 4.46118 10.6512 4.93644 11.0995C5.3181 11.42 5.67341 11.7705 5.99894 12.1478C6.23978 12.4312 6.29644 12.5445 6.53728 12.8703C6.77811 13.1962 6.96228 13.522 6.84894 13.0403" fill="white"/><path d="M6.95245 13.1981C6.81078 12.6739 6.66911 12.0081 6.37161 11.0022C6.13078 10.2231 5.88995 9.7839 5.70578 9.25973C5.52161 8.73557 5.28078 8.23973 4.99745 7.58806C4.74079 6.92266 4.52784 6.24121 4.35995 5.54807C4.29973 5.26058 4.30275 4.96343 4.3688 4.67722C4.43485 4.39102 4.56234 4.1226 4.74245 3.89056C4.99147 3.64556 5.30079 3.47067 5.63911 3.3836C5.97744 3.29654 6.33275 3.30038 6.66911 3.39473C7.20368 3.62637 7.65384 4.01717 7.95828 4.5139C8.38285 5.18051 8.72983 5.89347 8.99245 6.6389C9.38756 7.6597 9.67713 8.71828 9.85661 9.79807L9.98411 10.4356C9.98411 10.4356 9.91328 8.8489 9.91328 8.79223C9.91328 7.37557 9.82828 6.2139 9.91328 4.62723C9.91328 4.45723 10.0124 3.80556 10.0408 3.6214C10.0588 3.3222 10.1562 3.03321 10.323 2.7842C10.4899 2.53519 10.7201 2.33517 10.9899 2.20473C11.3016 2.06392 11.6396 1.99109 11.9816 1.99109C12.3236 1.99109 12.6616 2.06392 12.9733 2.20473C13.2503 2.32874 13.488 2.52643 13.6603 2.77624C13.8327 3.02605 13.9332 3.3184 13.9508 3.6214C13.9508 3.77723 14.0783 5.03806 14.0783 5.1939C14.0783 6.61057 14.0783 7.51723 14.0783 8.28223C14.0783 8.60807 14.0783 10.5772 14.0783 10.3506C14.1237 8.4813 14.2893 6.61689 14.5741 4.7689C14.6579 4.48313 14.8009 4.21817 14.9937 3.9912C15.1865 3.76423 15.4248 3.58032 15.6933 3.4514C16.0243 3.34535 16.3778 3.33017 16.7167 3.40742C17.0556 3.48467 17.3676 3.65153 17.6199 3.89056C18.0252 4.34052 18.2651 4.91516 18.2999 5.51973C18.2999 6.0864 18.2999 6.79473 18.2999 7.2764C18.2999 8.5089 18.2999 9.16057 18.2999 10.2939C18.2999 10.2939 18.2999 10.7047 18.2999 10.5489C18.4416 10.1522 18.5691 9.7839 18.6824 9.4864C18.7958 9.1889 19.0224 8.62223 19.1924 8.26807C19.3639 7.93408 19.5579 7.61222 19.7733 7.30473C19.9962 6.94188 20.3286 6.65914 20.7224 6.49723C20.899 6.42967 21.0873 6.39813 21.2762 6.40445C21.4651 6.41077 21.6508 6.45484 21.8224 6.53405C21.9941 6.61326 22.1481 6.72601 22.2755 6.86567C22.4029 7.00533 22.501 7.16906 22.5641 7.34723C22.6479 7.86329 22.6479 8.3895 22.5641 8.90557C22.4616 9.69794 22.291 10.48 22.0541 11.2431C21.8841 11.8806 21.6716 12.9856 21.5724 13.5097C21.4733 14.0339 21.2466 15.4647 21.0624 16.0881C20.8209 16.7883 20.4823 17.4511 20.0566 18.0572C19.3679 18.8268 18.7995 19.696 18.3708 20.6356C18.2593 21.0991 18.2117 21.5758 18.2291 22.0522C18.2296 22.4922 18.2868 22.9302 18.3991 23.3556C17.82 23.4193 17.2357 23.4193 16.6566 23.3556C16.1041 23.2706 15.4099 22.1656 15.2399 21.8256C15.1968 21.7322 15.1279 21.6532 15.0413 21.5978C14.9547 21.5423 14.854 21.5129 14.7512 21.5129C14.6484 21.5129 14.5477 21.5423 14.4611 21.5978C14.3745 21.6532 14.3055 21.7322 14.2624 21.8256C13.9508 22.3639 13.2708 23.3414 12.7749 23.3981C11.8399 23.5114 9.87078 23.3981 8.32661 23.3981C8.32661 23.3981 8.59578 21.9814 8.01495 21.4714C7.43411 20.9614 6.83911 20.3664 6.38578 19.9697L5.20995 18.6664C4.81328 18.1564 4.31745 17.1222 3.45328 15.8331C2.95745 15.1106 2.03661 14.2889 1.62578 13.5947C1.29482 13.0254 1.1983 12.3497 1.35661 11.7106C1.47591 11.2998 1.74328 10.9479 2.107 10.7229C2.47073 10.4978 2.90498 10.4157 3.32578 10.4922C3.97744 10.5387 4.59302 10.809 5.06828 11.2572C5.44994 11.5777 5.80525 11.9282 6.13078 12.3056C6.37161 12.5889 6.42828 12.7022 6.66911 13.0281C6.90995 13.3539 7.09411 13.6797 6.98078 13.1981" stroke="%23030303" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.751 18.9478V14.0461" stroke="%23030303" stroke-linecap="round"/><path d="M13.8892 18.962L13.875 14.0461" stroke="%23030303" stroke-linecap="round"/><path d="M11.0703 14.0886L11.0986 18.9336" stroke="%23030303" stroke-linecap="round"/></svg>');
  width: 24px;
  height: 24px;
}
.icon-view, .news__item-info-view::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M9.99998 7.5C9.33694 7.5 8.70105 7.76339 8.23221 8.23223C7.76337 8.70107 7.49998 9.33696 7.49998 10C7.49998 10.663 7.76337 11.2989 8.23221 11.7678C8.70105 12.2366 9.33694 12.5 9.99998 12.5C10.663 12.5 11.2989 12.2366 11.7677 11.7678C12.2366 11.2989 12.5 10.663 12.5 10C12.5 9.33696 12.2366 8.70107 11.7677 8.23223C11.2989 7.76339 10.663 7.5 9.99998 7.5ZM9.99998 14.1667C8.89491 14.1667 7.8351 13.7277 7.0537 12.9463C6.2723 12.1649 5.83331 11.1051 5.83331 10C5.83331 8.89493 6.2723 7.83512 7.0537 7.05372C7.8351 6.27232 8.89491 5.83333 9.99998 5.83333C11.105 5.83333 12.1649 6.27232 12.9463 7.05372C13.7277 7.83512 14.1666 8.89493 14.1666 10C14.1666 11.1051 13.7277 12.1649 12.9463 12.9463C12.1649 13.7277 11.105 14.1667 9.99998 14.1667ZM9.99998 3.75C5.83331 3.75 2.27498 6.34167 0.833313 10C2.27498 13.6583 5.83331 16.25 9.99998 16.25C14.1666 16.25 17.725 13.6583 19.1666 10C17.725 6.34167 14.1666 3.75 9.99998 3.75Z" fill="%23666666"/></svg>');
  width: 20px;
  height: 20px;
}
.icon-sound {
  background-image: url('data:image/svg+xml,         <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="typcn:volume-up"> <path id="Vector" d="M16.706 10.2922C16.613 10.1995 16.5027 10.126 16.3813 10.0759C16.2599 10.0259 16.1299 10.0002 15.9986 10.0004C15.8673 10.0006 15.7373 10.0266 15.6161 10.077C15.4948 10.1274 15.3847 10.2012 15.292 10.2942C15.1993 10.3872 15.1258 10.4975 15.0757 10.6189C15.0256 10.7403 15 10.8703 15.0002 11.0016C15.0003 11.1329 15.0264 11.2629 15.0768 11.3842C15.1272 11.5054 15.201 11.6155 15.294 11.7082C15.639 12.0532 15.829 12.5112 15.829 12.9992C15.829 13.4882 15.639 13.9472 15.293 14.2932C15.1055 14.4807 15.0002 14.735 15.0002 15.0002C15.0002 15.2654 15.1055 15.5197 15.293 15.7072C15.4805 15.8947 15.7348 16.0001 16 16.0001C16.2652 16.0001 16.5195 15.8947 16.707 15.7072C17.431 14.9842 17.829 14.0222 17.829 12.9992C17.829 11.9762 17.431 11.0152 16.706 10.2922ZM18.706 8.29222C18.6136 8.19685 18.5032 8.12083 18.3811 8.0686C18.259 8.01637 18.1278 7.98898 17.995 7.98802C17.8622 7.98705 17.7306 8.01254 17.6077 8.063C17.4849 8.11345 17.3734 8.18786 17.2796 8.28188C17.1859 8.3759 17.1118 8.48766 17.0617 8.61062C17.0116 8.73358 16.9864 8.86529 16.9878 8.99806C16.9891 9.13084 17.0169 9.26201 17.0695 9.38394C17.122 9.50587 17.1984 9.61611 17.294 9.70822C17.7276 10.1386 18.0714 10.6507 18.3055 11.215C18.5396 11.7792 18.6595 12.3843 18.658 12.9952C18.6601 13.6079 18.5406 14.215 18.3062 14.7811C18.0719 15.3472 17.7275 15.8612 17.293 16.2932C17.1055 16.4807 17.0002 16.735 17.0002 17.0002C17.0002 17.2654 17.1055 17.5197 17.293 17.7072C17.4805 17.8947 17.7348 18.0001 18 18.0001C18.2652 18.0001 18.5195 17.8947 18.707 17.7072C19.3279 17.0898 19.82 16.3553 20.1549 15.5463C20.4898 14.7373 20.6608 13.8698 20.658 12.9942C20.66 12.1203 20.4885 11.2547 20.1534 10.4475C19.8183 9.64039 19.3263 8.90779 18.706 8.29222ZM20.706 6.29222C20.6136 6.19685 20.5032 6.12083 20.3811 6.0686C20.259 6.01637 20.1278 5.98898 19.995 5.98802C19.8622 5.98705 19.7306 6.01254 19.6077 6.063C19.4849 6.11345 19.3734 6.18786 19.2796 6.28188C19.1859 6.3759 19.1118 6.48766 19.0617 6.61062C19.0116 6.73358 18.9864 6.86529 18.9878 6.99806C18.9891 7.13084 19.0169 7.26201 19.0695 7.38394C19.122 7.50587 19.1984 7.61611 19.294 7.70822C19.9908 8.40011 20.5434 9.22344 20.9197 10.1305C21.296 11.0375 21.4885 12.0102 21.486 12.9922C21.4896 13.977 21.2977 14.9527 20.9212 15.8627C20.5447 16.7727 19.9913 17.5988 19.293 18.2932C19.1055 18.4807 19.0002 18.735 19.0002 19.0002C19.0002 19.2654 19.1055 19.5197 19.293 19.7072C19.4805 19.8947 19.7348 20.0001 20 20.0001C20.2652 20.0001 20.5195 19.8947 20.707 19.7072C21.5917 18.8273 22.2929 17.7804 22.77 16.6274C23.247 15.4743 23.4904 14.238 23.486 12.9902C23.4891 11.7453 23.245 10.5122 22.7678 9.3624C22.2906 8.2126 21.5897 7.16902 20.706 6.29222ZM12.138 5.82422C11.689 5.82422 11.233 5.97622 10.782 6.27722L8.109 8.05922C7.357 8.56122 5.904 9.00022 5 9.00022C3.346 9.00022 2 10.3462 2 12.0002V14.0002C2 15.6542 3.346 17.0002 5 17.0002C5.904 17.0002 7.357 17.4392 8.109 17.9412L10.781 19.7222C11.232 20.0232 11.688 20.1752 12.137 20.1752C13.035 20.1762 14 19.4952 14 18.0002V8.00022C14 6.50522 13.035 5.82422 12.138 5.82422ZM5 15.0002C4.73478 15.0002 4.48043 14.8949 4.29289 14.7073C4.10536 14.5198 4 14.2654 4 14.0002V12.0002C4 11.735 4.10536 11.4806 4.29289 11.2931C4.48043 11.1056 4.73478 11.0002 5 11.0002C6.211 11.0002 7.907 10.5052 9 9.85422V16.1472C7.907 15.4952 6.211 15.0002 5 15.0002ZM12 18.0002L11.994 18.1202L11.89 18.0582L10 16.7982V9.20222L11.891 7.94122L11.995 7.87922L12 8.00022V18.0002Z" fill="#030303"/> </g> </svg>');
  width: 20px;
  height: 20px;
}

.btn, .direction__item-link {
  background-color: #030303;
  color: #fff;
  border-radius: 999px;
  border: 1px solid #030303;
  padding: 0 24px;
  height: 56px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .btn, .direction__item-link {
    width: 260px;
  }
}
.btn:hover, .direction__item-link:hover {
  background: #1E1E2F;
  border-color: #1E1E2F;
}

.btn-arrow, .direction__item-service-link {
  height: 56px;
  padding: 12px 12px 12px 24px;
  border: 1px solid #030303;
  border-radius: 999px;
  color: #030303;
  background-color: #fff;
  display: flex;
  text-transform: uppercase;
  align-items: center;
  justify-content: space-between;
}
.btn-arrow::after, .direction__item-service-link::after {
  content: "";
  background-color: #030303;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M5.05699 3.724C5.30703 3.47404 5.64611 3.33362 5.99966 3.33362C6.35321 3.33362 6.69229 3.47404 6.94233 3.724L11.219 8L6.94233 12.276C6.68233 12.5367 6.34099 12.6667 5.99966 12.6667C5.65833 12.6667 5.31699 12.5367 5.05699 12.276C4.80703 12.026 4.66661 11.6869 4.66661 11.3333C4.66661 10.9798 4.80703 10.6407 5.05699 10.3907L7.44699 8L5.05699 5.60933C4.80703 5.3593 4.66661 5.02022 4.66661 4.66667C4.66661 4.31311 4.80703 3.97404 5.05699 3.724Z" fill="white"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
}

.nav-split {
  display: flex;
}
.nav-split__prev {
  width: 56px;
  height: 45px;
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
  border-left: 1px solid #030303;
  border-top: 1px solid #030303;
  border-bottom: 1px solid #030303;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 1920px) {
  .nav-split__prev {
    height: 56px;
  }
}
.nav-split__prev::after {
  content: "";
  display: block;
  transform: scale(-1);
}
.nav-split__touch {
  padding: 0px 24px;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  border-top: 1px solid #030303;
  border-bottom: 1px solid #030303;
  height: 45px;
}
@media only screen and (min-width: 1920px) {
  .nav-split__touch {
    height: 56px;
    padding: 0px 32px;
  }
}
.nav-split__next {
  width: 56px;
  height: 45px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #030303;
  border-top: 1px solid #030303;
  border-bottom: 1px solid #030303;
}
@media only screen and (min-width: 1920px) {
  .nav-split__next {
    height: 56px;
  }
}
.nav-split__next::after {
  content: "";
  display: block;
}

.breadcrumbs {
  padding: 30px 0;
}
@media only screen and (min-width: 768px) {
  .breadcrumbs {
    padding: 38px 0;
  }
}
@media only screen and (min-width: 1280px) {
  .breadcrumbs {
    padding: 50px 0;
  }
}
@media only screen and (min-width: 1440px) {
  .breadcrumbs {
    padding: 50px 0;
  }
}
.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.breadcrumbs__item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.breadcrumbs__item:not(:last-child)::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("../img/icons/arrow-right.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.breadcrumbs__link {
  font-family: "Blender Pro";
  font-weight: 500;
  font-size: 16px;
  line-height: 110%;
  color: #030303;
  text-decoration: none;
  transition: color 0.3s ease;
}
.breadcrumbs__link:hover {
  color: #818181;
}
@media only screen and (min-width: 768px) {
  .breadcrumbs__link {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1280px) {
  .breadcrumbs__link {
    font-size: 20px;
  }
}
.breadcrumbs__current {
  font-family: "Blender Pro";
  font-weight: 500;
  font-size: 16px;
  line-height: 110%;
  color: #818181;
}
@media only screen and (min-width: 768px) {
  .breadcrumbs__current {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1280px) {
  .breadcrumbs__current {
    font-size: 20px;
  }
}

.btn-square {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  border: 1px solid #030303;
  background: #D9D9D9;
  box-shadow: 2px 2px 0px 0px #030303;
  transition: all 0.1s ease;
}
.btn-square:active {
  transform: translateY(1px);
  box-shadow: 1px 1px 0px 0px #030303;
}
.btn-square_left::after {
  content: "";
  display: block;
  transform: scale(-1);
}
.btn-square_right::after {
  content: "";
  display: block;
}
.btn-square_up::after {
  content: "";
  display: block;
  transform: rotate(-90deg);
}
.btn-square_down::after {
  content: "";
  display: block;
  transform: rotate(90deg);
}
@media only screen and (min-width: 1280px) {
  .btn-square {
    width: 55px;
    height: 55px;
  }
  .btn-square_left::after {
    content: "";
    display: block;
    transform: scale(-1);
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
  }
  .btn-square_right::after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
  }
  .btn-square_up::after {
    content: "";
    display: block;
  }
  .btn-square_down::after {
    content: "";
    display: block;
  }
}
@media only screen and (min-width: 1920px) {
  .btn-square {
    width: 80px;
    height: 80px;
  }
  .btn-square_left::after {
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
  }
  .btn-square_right::after {
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
  }
  .btn-square_up::after {
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
  }
  .btn-square_down::after {
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
  }
}

.btn-wasd {
  display: grid;
  grid-template-columns: repeat(3, 44px);
  grid-template-rows: repeat(2, 44px);
  gap: 10px;
}
.btn-wasd > a:nth-child(1) {
  grid-column: 2;
  grid-row: 1;
}
.btn-wasd > a:nth-child(2) {
  grid-column: 1;
  grid-row: 2;
}
.btn-wasd > a:nth-child(3) {
  grid-column: 2;
  grid-row: 2;
}
.btn-wasd > a:nth-child(4) {
  grid-column: 3;
  grid-row: 2;
}
@media only screen and (min-width: 1280px) {
  .btn-wasd {
    grid-template-columns: repeat(3, 55px);
    grid-template-rows: repeat(2, 55px);
  }
}
@media only screen and (min-width: 1920px) {
  .btn-wasd {
    grid-template-columns: repeat(3, 80px);
    grid-template-rows: repeat(2, 80px);
  }
}

.btn-lr {
  display: grid;
  grid-template-columns: repeat(2, 44px);
  grid-template-rows: repeat(1, 44px);
  gap: 10px;
}
@media only screen and (min-width: 1280px) {
  .btn-lr {
    grid-template-columns: repeat(2, 55px);
    grid-template-rows: repeat(1, 55px);
  }
}
@media only screen and (min-width: 1920px) {
  .btn-lr {
    grid-template-columns: repeat(2, 80px);
    grid-template-rows: repeat(1, 80px);
  }
}

.filters {
  max-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}
.filters .filter input[type=checkbox] {
  display: none;
}
.filters .filter input[type=checkbox]:checked + label {
  background-color: #030303;
  color: #fff;
  border-color: #030303;
}
.filters .filter label {
  color: #666;
  font-family: "Blender Pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
  border-radius: 24px;
  border: 1px solid #E6E6E6;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 768px) {
  .filters .filter label {
    font-size: 16px;
    padding: 10.5px 16px;
  }
}
@media only screen and (min-width: 1920px) {
  .filters .filter label {
    font-size: 18px;
  }
}

.button {
  padding: 12px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  border-radius: 99px;
}
@media only screen and (min-width: 768px) {
  .button {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .button {
    padding: 16px 24px;
  }
}
@media only screen and (min-width: 1920px) {
  .button {
    font-size: 24px;
  }
}
.button_pr {
  background-color: #424242;
}
.button_black {
  background-color: #030303;
}
.button_red {
  background: #E83030;
}

.header {
  border-bottom: 1px solid #E4E4E4;
  padding: 14px 0;
}
@media only screen and (min-width: 768px) {
  .header {
    padding: 20px 0;
  }
}
@media only screen and (min-width: 1920px) {
  .header {
    padding: 24px 0;
  }
}
.header__block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header__left {
  display: flex;
  align-items: center;
}
.header__right {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media only screen and (min-width: 1280px) {
  .header__right {
    gap: 16px;
  }
}
@media only screen and (min-width: 1920px) {
  .header__right {
    gap: 40px;
  }
}
.header__logo a img {
  height: 33px;
}
@media only screen and (min-width: 768px) {
  .header__logo a img {
    height: 38px;
  }
}
@media only screen and (min-width: 1920px) {
  .header__logo a img {
    height: 48px;
  }
}
.header__menu {
  margin-left: 80px;
}
@media only screen and (max-width: 1279.5px) {
  .header__menu {
    display: none;
  }
}
.header__menu ul {
  display: flex;
  gap: 8px;
}
.header__menu ul a {
  font-weight: 700;
  padding: 8px 16px 6px 16px;
}
@media only screen and (max-width: 1279.5px) {
  .header__search {
    display: none;
  }
}
.header__search-form {
  position: relative;
}
.header__search-input {
  padding: 8px 10px 8px 20px;
  border: 1px solid #E4E4E4;
  border-radius: 999px;
  width: 200px;
  font-size: 15px;
}
@media only screen and (min-width: 1920px) {
  .header__search-input {
    width: 300px;
    font-size: 18px;
  }
}
.header__search-input::-moz-placeholder {
  color: #818181;
  font-size: 18px;
}
.header__search-input::placeholder {
  color: #818181;
  font-size: 18px;
}
.header__search-button {
  position: absolute;
  top: calc(50% - 12px);
  right: 11px;
}
@media only screen and (max-width: 1279.5px) {
  .header__social {
    display: none;
  }
}
.header__social-list {
  display: flex;
  gap: 8px;
}
.header__social-link {
  display: block;
  gap: 8px;
}
.header__contact {
  display: none;
}
@media only screen and (min-width: 768px) {
  .header__contact {
    display: block;
  }
}
.header__contact-link {
  border-radius: 999px;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  border: 1px solid #E6E6E6;
}
.header__mobile {
  display: block;
  margin-left: 16px;
}
@media only screen and (min-width: 1280px) {
  .header__mobile {
    display: block;
  }
}
.header__mobile-link {
  display: block;
}

.service {
  padding: 16px 0;
  overflow-x: hidden;
}
.service__block {
  display: flex;
  flex-wrap: wrap;
}
.service__block-title {
  display: none;
}
@media only screen and (min-width: 1280px) {
  .service__block-title {
    display: flex;
    align-items: flex-end;
    width: 25%;
  }
}
@media only screen and (min-width: 1920px) {
  .service__block-title {
    width: 20%;
  }
}
.service__block-title h2 {
  color: #666;
  line-height: 125%;
  font-family: "Blender Pro";
  font-weight: 500;
}
.service__list {
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .service__list {
    width: 75%;
  }
}
@media only screen and (min-width: 1920px) {
  .service__list {
    width: 80%;
  }
}
.service__list .swiper-wrapper {
  display: flex;
  justify-content: flex-start;
  background-color: #fff;
}
@media only screen and (min-width: 1920px) {
  .service__list .swiper-wrapper {
    justify-content: flex-end;
  }
}
.service__item {
  max-width: 100px;
}
.service__item > a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.service__image {
  width: 56px;
  height: 56px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .service__image {
    width: 68px;
    height: 68px;
  }
}
@media only screen and (min-width: 1280px) {
  .service__image {
    width: 70px;
    height: 70px;
  }
}
@media only screen and (min-width: 1920px) {
  .service__image {
    width: 80px;
    height: 80px;
  }
}

.promo {
  padding: 0 0 45px;
}
@media only screen and (min-width: 768px) {
  .promo {
    padding: 45px 0;
  }
}
.promo__block {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.promo__info {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .promo__info {
    align-items: center;
  }
}
@media only screen and (min-width: 1280px) {
  .promo__info {
    width: 50%;
    align-items: flex-start;
  }
}
.promo__info-title {
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) {
  .promo__info-title {
    text-align: center;
  }
}
@media only screen and (min-width: 1280px) {
  .promo__info-title {
    text-align: left;
  }
}
.promo__info-title h1::before {
  content: "(";
  display: inline;
  font-size: 48px;
  margin-right: 8px;
  font-family: "Blender Pro";
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000;
  color: #FFF;
  font-style: italic;
}
@media only screen and (min-width: 768px) {
  .promo__info-title h1::before {
    font-size: 72px;
  }
}
@media only screen and (min-width: 1280px) {
  .promo__info-title h1::before {
    font-size: 80px;
  }
}
@media only screen and (min-width: 1920px) {
  .promo__info-title h1::before {
    font-size: 100px;
  }
}
.promo__info-title h1::after {
  content: ")";
  display: inline;
  font-size: 48px;
  margin-left: 8px;
  font-family: "Blender Pro";
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000;
  color: #FFF;
  font-style: italic;
}
@media only screen and (min-width: 768px) {
  .promo__info-title h1::after {
    font-size: 72px;
  }
}
@media only screen and (min-width: 1280px) {
  .promo__info-title h1::after {
    font-size: 80px;
  }
}
@media only screen and (min-width: 1920px) {
  .promo__info-title h1::after {
    font-size: 100px;
  }
}
@media only screen and (min-width: 1280px) {
  .promo__info-title {
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 1920px) {
  .promo__info-title {
    margin-bottom: 16px;
  }
}
.promo__info-text {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .promo__info-text {
    text-align: center;
  }
}
@media only screen and (min-width: 1280px) {
  .promo__info-text {
    text-align: left;
  }
}
@media only screen and (min-width: 1920px) {
  .promo__info-text {
    margin-bottom: 48px;
  }
}
.promo__info-text p {
  color: #666;
}
.promo__image {
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 767.5px) {
  .promo__image {
    order: -1;
  }
}
@media only screen and (min-width: 1280px) {
  .promo__image {
    width: 50%;
  }
}
.promo__image > img {
  max-width: 100%;
  position: relative;
}
.promo__image-nav {
  position: absolute;
  bottom: 80px;
  left: calc(50% - 100px);
}

.promo-preview {
  height: 100%;
  width: 100%;
  top: 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  margin-bottom: 40px;
  position: absolute;
  z-index: 10;
  right: -100%;
  transition: right 0.5s ease;
}
@media only screen and (min-width: 1280px) {
  .promo-preview {
    flex-direction: row;
  }
}
.promo-preview__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1001;
}
.promo-preview__close::before, .promo-preview__close::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  background: #222;
  border-radius: 2px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.promo-preview__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media only screen and (min-width: 768px) {
  .promo-preview__close {
    top: 50%;
    left: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .promo-preview__close {
    width: 64px;
    height: 64px;
    left: 80px;
  }
  .promo-preview__close::before, .promo-preview__close::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background: #222;
    border-radius: 2px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .promo-preview__close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
}
.promo-preview__3d {
  background: #21163d;
  display: flex;
  justify-content: center;
  height: 100%;
  max-height: 400px;
  margin-bottom: 40px;
  position: relative;
}
.promo-preview__3d canvas {
  display: block;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .promo-preview__3d {
    max-height: 500px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1280px) {
  .promo-preview__3d {
    width: 65%;
    max-height: none;
  }
}
@media only screen and (min-width: 1280px) {
  .promo-preview__blocks {
    height: -moz-fit-content;
    height: fit-content;
    padding-top: 100px;
    padding-bottom: 100px;
    width: 35%;
  }
}

.start-block {
  position: relative;
  overflow-x: hidden;
}
.start-block_active .promo-preview {
  right: 0;
}
.promo-preview-block {
  display: none;
}
.promo-preview-block_active {
  display: flex;
  flex-direction: column;
}
.promo-preview-block__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .promo-preview-block__title {
    font-size: 42px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .promo-preview-block__title {
    font-size: 38px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .promo-preview-block__title {
    font-size: 48px;
    margin-bottom: 40px;
  }
}
.promo-preview-block__subtitle {
  color: #666;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
}
@media only screen and (min-width: 768px) {
  .promo-preview-block__subtitle {
    font-size: 20px;
    max-width: 500px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .promo-preview-block__subtitle {
    font-size: 16px;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1920px) {
  .promo-preview-block__subtitle {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.promo-preview-block__links {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 32px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .promo-preview-block__links {
    flex-direction: row;
    gap: 14px;
    margin-top: 10px;
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 1280px) {
  .promo-preview-block__links {
    flex-direction: column;
    gap: 10px;
  }
}
@media only screen and (min-width: 1920px) {
  .promo-preview-block__links {
    gap: 16px;
  }
}
.promo-preview-block__link {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #030303;
  text-align: center;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
  padding: 10px 12px;
}
@media only screen and (min-width: 768px) {
  .promo-preview-block__link {
    font-size: 18px;
    padding: 8px 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .promo-preview-block__link {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .promo-preview-block__link {
    font-size: 24px;
  }
}
.promo-preview-block__link_more {
  background: #FFC809;
}
.promo-preview-block__link_service {
  display: none;
  flex-direction: row;
  align-items: center;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .promo-preview-block__link_service {
    display: flex;
    border: 1px solid #030303;
  }
}
@media only screen and (min-width: 1280px) {
  .promo-preview-block__link_service {
    justify-content: start;
  }
}
.promo-preview-block__link_service::after {
  position: absolute;
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 99px;
  background: var(--Total-black, #030303);
  right: 5px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 25 24" fill="none"><path d="M9.08598 5.58606C9.46103 5.21112 9.96965 5.00049 10.5 5.00049C11.0303 5.00049 11.5389 5.21112 11.914 5.58606L18.329 12.0001L11.914 18.4141C11.524 18.8051 11.012 19.0001 10.5 19.0001C9.98798 19.0001 9.47598 18.8051 9.08598 18.4141C8.71104 18.039 8.50041 17.5304 8.50041 17.0001C8.50041 16.4697 8.71104 15.9611 9.08598 15.5861L12.671 12.0001L9.08598 8.41406C8.71104 8.039 8.50041 7.53039 8.50041 7.00006C8.50041 6.46973 8.71104 5.96112 9.08598 5.58606Z" fill="white"/></svg>');
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
}

.level-panel {
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  display: flex;
  align-items: center;
  background: white;
  border-radius: 50px;
}
.level-panel__prev, .level-panel__next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
}
@media only screen and (min-width: 1920px) {
  .level-panel__prev, .level-panel__next {
    width: 64px;
    height: 64px;
  }
}
.level-panel__prev {
  border-right: 1px solid var(--outline, #E6E6E6) !important;
}
.level-panel__prev::after {
  content: "";
  display: block;
  transform: rotate(90deg) scale(0.7);
}
@media only screen and (min-width: 1920px) {
  .level-panel__prev::after {
    transform: rotate(90deg) scale(1);
  }
}
.level-panel__next {
  border-left: 1px solid var(--outline, #E6E6E6) !important;
}
.level-panel__next::after {
  content: "";
  display: block;
  transform: rotate(-90deg) scale(0.7);
}
@media only screen and (min-width: 1920px) {
  .level-panel__next::after {
    transform: rotate(-90deg) scale(1);
  }
}
.level-panel__label {
  color: #030303;
  text-align: center;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 12px 24px;
  white-space: nowrap;
}
@media only screen and (min-width: 1920px) {
  .level-panel__label {
    font-size: 24px;
    padding: 13px 48px;
  }
}
.level-panel button {
  background: none;
  border: none;
  font-size: 1.5em;
  cursor: pointer;
  color: #6c63ff;
  outline: none;
}

.event {
  background-color: #F6F5F8;
  padding: 24px 0;
}
@media only screen and (min-width: 768px) {
  .event {
    padding: 36px 0;
  }
}
@media only screen and (min-width: 1280px) {
  .event {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1920px) {
  .event {
    padding: 100px 0;
  }
}
.event__block {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media only screen and (min-width: 1280px) {
  .event__block {
    flex-direction: row;
  }
}
.event__calendar {
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .event__calendar {
    width: 738px;
  }
}
@media only screen and (min-width: 1920px) {
  .event__calendar {
    width: 1045px;
  }
}
.event__calendar-head {
  margin-bottom: 30px;
}
.event__calendar-wrapper {
  width: calc(100% + 32px);
  margin-left: -16px;
  border-radius: 28px;
  background-color: #fff;
  border: 1px solid #E8E4DF;
  padding: 30px 16px;
}
@media only screen and (min-width: 768px) {
  .event__calendar-wrapper {
    width: 100%;
    margin-left: 0;
    border-radius: 44px;
    padding: 40px;
  }
}
@media only screen and (min-width: 1280px) {
  .event__calendar-wrapper {
    padding: 40px 50px;
  }
}
.event__calendar-date-switcher {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1280px) {
  .event__calendar-date-switcher {
    gap: 20px;
  }
}
.event__calendar-date-prev {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="18" viewBox="0 0 26 18" fill="none"><path d="M14.343 11.2179C14.2023 11.3585 14.0116 11.4375 13.8127 11.4375C13.6138 11.4375 13.4231 11.3585 13.2825 11.2179L10.8768 8.81266L13.2825 6.40741C13.4287 6.26079 13.6207 6.18766 13.8127 6.18766C14.0047 6.18766 14.1967 6.26079 14.343 6.40741C14.4836 6.54806 14.5625 6.73879 14.5625 6.93766C14.5625 7.13653 14.4836 7.32726 14.343 7.46791L12.9986 8.81266L14.343 10.1574C14.4836 10.2981 14.5625 10.4888 14.5625 10.6877C14.5625 10.8865 14.4836 11.0773 14.343 11.2179Z" fill="%23999999"/><rect x="-0.5" y="0.5" width="23.75" height="17" rx="8.5" transform="matrix(-1 0 0 1 24.25 0)" stroke="%23999999"/></svg>');
  width: 25px;
  height: 18px;
  background-size: cover;
}
@media only screen and (min-width: 768px) {
  .event__calendar-date-prev {
    width: 33px;
    height: 24px;
  }
}
@media only screen and (min-width: 1920px) {
  .event__calendar-date-prev {
    width: 44px;
    height: 32px;
  }
}
.event__calendar-date-next {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="18" viewBox="0 0 26 18" fill="none"><path d="M14.343 11.2179C14.2023 11.3585 14.0116 11.4375 13.8127 11.4375C13.6138 11.4375 13.4231 11.3585 13.2825 11.2179L10.8768 8.81266L13.2825 6.40741C13.4287 6.26079 13.6207 6.18766 13.8127 6.18766C14.0047 6.18766 14.1967 6.26079 14.343 6.40741C14.4836 6.54806 14.5625 6.73879 14.5625 6.93766C14.5625 7.13653 14.4836 7.32726 14.343 7.46791L12.9986 8.81266L14.343 10.1574C14.4836 10.2981 14.5625 10.4888 14.5625 10.6877C14.5625 10.8865 14.4836 11.0773 14.343 11.2179Z" fill="%23999999"/><rect x="-0.5" y="0.5" width="23.75" height="17" rx="8.5" transform="matrix(-1 0 0 1 24.25 0)" stroke="%23999999"/></svg>');
  width: 25px;
  height: 18px;
  background-size: cover;
  transform: scaleX(-1);
}
@media only screen and (min-width: 768px) {
  .event__calendar-date-next {
    width: 33px;
    height: 24px;
  }
}
@media only screen and (min-width: 1920px) {
  .event__calendar-date-next {
    width: 44px;
    height: 32px;
  }
}
.event__calendar-date-month {
  width: 220px;
  overflow: hidden;
}
.event__calendar-date-month .swiper-slide {
  text-align: center;
}
.event__calendar-table {
  border-collapse: separate;
  border-spacing: 8px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.event__calendar-table__row {
  width: 100%;
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}
.event__calendar-table__row:first-child {
  margin-bottom: 16px;
}
.event__calendar-table__th {
  height: 28px;
  width: calc((100% - 48px) / 7);
  border-radius: 999px;
  border: 1px dashed #030303;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .event__calendar-table__th {
    height: 40px;
  }
}
@media only screen and (min-width: 1920px) {
  .event__calendar-table__th {
    height: 60px;
  }
}
.event__calendar-table__td {
  position: relative;
  height: 28px;
  width: calc((100% - 48px) / 7);
  border-radius: 999px;
  border: 1px solid #030303;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .event__calendar-table__td {
    height: 48px;
  }
}
@media only screen and (min-width: 1920px) {
  .event__calendar-table__td {
    height: 90px;
  }
}
.event__calendar-table__td.disabled {
  opacity: 0;
}
.event__calendar-table__td.active {
  background-color: #FFC809;
}
.event__calendar-table__td.active .event__calendar-mark__item {
  border: 1px solid #030303;
}
.event__calendar-mark__list {
  position: absolute;
  display: flex;
  gap: 1px;
  top: 80%;
}
@media only screen and (min-width: 1280px) {
  .event__calendar-mark__list {
    gap: 2px;
  }
}
@media only screen and (min-width: 1280px) {
  .event__calendar-mark__list {
    gap: 4px;
  }
}
.event__calendar-mark__item {
  width: 2px;
  height: 2px;
  border-radius: 50%;
}
@media only screen and (min-width: 1280px) {
  .event__calendar-mark__item {
    width: 4px;
    height: 4px;
  }
}
@media only screen and (min-width: 1920px) {
  .event__calendar-mark__item {
    width: 8px;
    height: 8px;
  }
}
.event__calendar-mark__item_1 {
  background-color: #6AEBC8;
}
.event__calendar-mark__item_2 {
  background-color: #C0C0C0;
}
.event__calendar-mark__item_3 {
  background-color: #FFC809;
}
.event__calendar-mark__item_4 {
  background-color: #ABE8FE;
}
.event__calendar-mark__item_5 {
  background-color: #251E4F;
}
.event__calendar-mark__item_6 {
  background-color: #FF1E1E;
}
.event__list {
  flex: 1;
}
.event__list-title {
  margin-bottom: 30px;
}
@media only screen and (min-width: 1280px) {
  .event__list-title {
    height: 90px;
    display: flex;
    align-items: flex-end;
  }
}
@media only screen and (min-width: 1920px) {
  .event__list-title {
    height: 115px;
  }
}
.event__list-title p {
  color: #818181;
}
.event__list-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 340px;
  overflow-y: scroll;
  scrollbar-color: #666 #fff;
  scrollbar-width: 6px;
}
@media only screen and (min-width: 1920px) {
  .event__list-wrapper {
    height: 618px;
  }
}
.event__list-item {
  padding: 24px;
  background-color: #fff;
  border-radius: 24px;
  border: 1px solid #E4E4E4;
  position: relative;
}
.event__list-item_1 .event__list-item__block {
  border-color: #6AEBC8;
}
.event__list-item_2 .event__list-item__block {
  border-color: #C0C0C0;
}
.event__list-item_3 .event__list-item__block {
  border-color: #FFC809;
}
.event__list-item_4 .event__list-item__block {
  border-color: #ABE8FE;
}
.event__list-item_5 .event__list-item__block {
  border-color: #251E4F;
}
.event__list-item_6 .event__list-item__block {
  border-color: #FF1E1E;
}
.event__list-item__block {
  border-left-width: 4px;
  border-left-style: solid;
  padding-left: 16px;
}
.event__list-item__title {
  margin-bottom: 8px;
}
.event__list-item__props {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media only screen and (min-width: 768px) {
  .event__list-item__props {
    flex-direction: row;
  }
}
@media only screen and (min-width: 1280px) {
  .event__list-item__props {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1920px) {
  .event__list-item__props {
    flex-direction: row;
  }
}
.event__list-item__prop {
  padding-left: 24px;
  background-position: center left;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  height: 20px;
}
.event__list-item__prop span {
  color: #666;
  line-height: 20px;
}
.event__list-item__prop_time {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.8979 10.4442C14.0043 10.6032 14.0664 10.7943 14.0664 11C14.0664 11.5523 13.6187 12 13.0664 12H10.0664C9.51412 12 9.06641 11.5523 9.06641 11V8C9.06641 7.44772 9.51412 7 10.0664 7C10.2721 7 10.4632 7.06208 10.6222 7.16853C10.89 7.34793 11.0664 7.65337 11.0664 8V9.66667V10H11.3997H13.0664C13.413 10 13.7185 10.1764 13.8979 10.4442ZM3.06641 10.5C3.06641 6.3575 6.42391 3 10.5664 3C14.7089 3 18.0664 6.3575 18.0664 10.5C18.0664 14.6425 14.7089 18 10.5664 18C6.42391 18 3.06641 14.6425 3.06641 10.5Z" fill="%23666666"/></svg>');
}
.event__list-item__prop_user {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none"><path d="M14.2331 7.49967C14.2331 6.34884 13.7664 5.30717 13.0131 4.55384C12.2589 3.79967 11.2172 3.33301 10.0664 3.33301C8.91557 3.33301 7.87391 3.79967 7.11974 4.55384C6.36641 5.30717 5.89974 6.34884 5.89974 7.49967C5.89974 8.65051 6.36641 9.69217 7.11974 10.4455C7.87391 11.1997 8.91557 11.6663 10.0664 11.6663C11.2172 11.6663 12.2589 11.1997 13.0131 10.4455C13.4005 10.0591 13.7076 9.59987 13.917 9.09433C14.1264 8.58878 14.2338 8.04686 14.2331 7.49967ZM5.06641 15.833C5.06641 16.6663 6.94141 17.4997 10.0664 17.4997C12.9981 17.4997 15.0664 16.6663 15.0664 15.833C15.0664 14.1663 13.1047 12.4997 10.0664 12.4997C6.94141 12.4997 5.06641 14.1663 5.06641 15.833Z" fill="%23666666"/></svg>');
}
.event__list-item__prop_place {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none"><path d="M8.70642 15.918C8.99725 16.7922 9.54892 16.823 9.93809 15.9897L14.3623 6.51049C14.7514 5.67549 14.3906 5.31549 13.5564 5.70465L4.07642 10.128C3.24225 10.5172 3.27392 11.0688 4.14725 11.3605L7.56642 12.4997L8.70642 15.918Z" fill="%23666666"/></svg>');
}
.event__title {
  margin-bottom: 8px;
}
.event__cat {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .event__cat {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1920px) {
  .event__cat {
    margin-bottom: 40px;
  }
}
.event__cat-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.event__cat-item {
  display: flex;
  gap: 8px;
  align-items: center;
}
.event__cat-item::before {
  content: "";
  width: 13px;
  height: 13px;
  border-radius: 50%;
}
.event__cat-item_1::before {
  background-color: #6AEBC8;
}
.event__cat-item_2::before {
  background-color: #C0C0C0;
}
.event__cat-item_3::before {
  background-color: #FFC809;
}
.event__cat-item_4::before {
  background-color: #ABE8FE;
}
.event__cat-item_5::before {
  background-color: #251E4F;
}
.event__cat-item_6::before {
  background-color: #FF1E1E;
}
.event__form {
  display: none;
}
@media only screen and (min-width: 768px) {
  .event__form {
    display: block;
  }
}
.event__form-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 8px;
}
.event__form-field {
  margin-bottom: 8px;
}
.event__form-field_search {
  position: relative;
  width: 100%;
}
.event__form-field_select {
  width: calc((100% - 8px) / 2);
}
@media only screen and (min-width: 768px) {
  .event__form-field_select {
    width: calc((100% - 24px) / 4);
  }
}
@media only screen and (min-width: 1280px) {
  .event__form-field_select {
    width: calc((100% - 8px) / 2);
  }
}
@media only screen and (min-width: 1920px) {
  .event__form-field_select {
    width: calc((100% - 24px) / 4);
  }
}
.event__form-field input {
  padding: 8px 10px 8px 20px;
  border: 1px solid #E4E4E4;
  border-radius: 999px;
  width: 100%;
  font-size: 15px;
}
@media only screen and (min-width: 1920px) {
  .event__form-field input {
    font-size: 18px;
  }
}
.event__form-field input::-moz-placeholder {
  color: #818181;
  font-size: 18px;
}
.event__form-field input::placeholder {
  color: #818181;
  font-size: 18px;
}
.event__form-field select {
  padding: 8px 10px 8px 20px;
  border: 1px solid #E4E4E4;
  border-radius: 999px;
  width: 100%;
  font-size: 15px;
}
@media only screen and (min-width: 1920px) {
  .event__form-field select {
    font-size: 18px;
  }
}
.event__form-field select::-moz-placeholder {
  color: #818181;
  font-size: 18px;
}
.event__form-field select::placeholder {
  color: #818181;
  font-size: 18px;
}
.event__form-button {
  position: absolute;
  top: calc(50% - 12px);
  right: 11px;
}

.news {
  overflow-x: hidden;
  padding: 20px 0;
}
.news__block {
  display: flex;
  flex-wrap: wrap;
}
.news__title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  z-index: 5;
  background-color: white;
}
@media only screen and (min-width: 768px) {
  .news__title {
    justify-content: flex-start;
    gap: 30px;
  }
}
@media only screen and (min-width: 1920px) {
  .news__title {
    width: 20%;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 0;
  }
}
.news__slider-nav {
  display: flex;
  gap: 8px;
}
.news__slider-nav .swiper-news-button-prev {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #030303;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .news__slider-nav .swiper-news-button-prev {
    width: 45px;
    height: 45px;
  }
}
@media only screen and (min-width: 1920px) {
  .news__slider-nav .swiper-news-button-prev {
    width: 56px;
    height: 56px;
  }
}
.news__slider-nav .swiper-news-button-prev::after {
  content: "";
  display: block;
  transform: scale(-1);
}
.news__slider-nav .swiper-news-button-next {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #030303;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .news__slider-nav .swiper-news-button-next {
    width: 45px;
    height: 45px;
  }
}
@media only screen and (min-width: 1920px) {
  .news__slider-nav .swiper-news-button-next {
    width: 56px;
    height: 56px;
  }
}
.news__slider-nav .swiper-news-button-next::after {
  content: "";
  display: block;
}
.news__list {
  width: 100%;
}
@media only screen and (min-width: 1920px) {
  .news__list {
    width: 80%;
  }
}
.news__item {
  width: 328px;
  height: 240px;
}
@media only screen and (min-width: 768px) {
  .news__item {
    width: 338px;
    height: 325px;
  }
}
@media only screen and (min-width: 1280px) {
  .news__item {
    width: 379px;
    height: 364px;
  }
}
@media only screen and (min-width: 1920px) {
  .news__item {
    width: 417px;
    height: 400px;
  }
}
.news__item-link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.news__item-image {
  position: relative;
  width: 100%;
  height: 100%;
}
.news__item-image img {
  border-radius: 32px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.news__item-text {
  position: absolute;
  bottom: 8px;
  left: 8px;
  width: calc(100% - 16px);
  background-color: #fff;
  border-radius: 24px;
  padding: 16px;
}
.news__item-info {
  display: flex;
  gap: 12px;
  margin-bottom: 8px;
}
.news__item-info-view {
  color: #666;
  display: flex;
  gap: 8px;
  align-items: center;
}
.news__item-info-view::before {
  content: "";
}
.news__item-info-date {
  display: flex;
  gap: 12px;
  align-items: center;
}
.news__item-info-date::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #030303;
}
.news__item-info-date time {
  color: #666;
}
.direction__block {
  margin-bottom: 30px;
  margin-top: 60px;
}
.direction__head {
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1280px) {
  .direction__head {
    flex-direction: row;
    justify-content: space-between;
  }
}
.direction__head-list {
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .direction__head-list {
    width: 40%;
  }
}
.direction__head-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.direction__head-list a {
  color: #666;
  border: 1px solid #E4E4E4;
  padding: 0 16px;
  height: 32px;
  display: flex;
  align-items: center;
  border-radius: 24px;
}
@media only screen and (min-width: 768px) {
  .direction__head-list a {
    height: 40px;
  }
}
.direction__head-list a.active {
  background-color: black;
  border-color: #030303;
  color: #fff;
}
.direction__title {
  width: 100%;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1280px) {
  .direction__title {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
}
@media only screen and (min-width: 1920px) {
  .direction__title {
    align-items: flex-start;
    padding-left: 10%;
  }
}
.direction__title p {
  color: #B6B6B6;
}
@media only screen and (min-width: 1920px) {
  .direction__title p {
    padding-left: 100px;
  }
}
.direction__list {
  width: 100%;
  overflow: hidden;
  margin-bottom: 50px;
}
.direction__item {
  display: flex;
  width: 100%;
  padding-left: 16px;
  box-sizing: border-box;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 768px) {
  .direction__item {
    padding-left: 35px;
    flex-direction: row;
  }
}
@media only screen and (min-width: 1280px) {
  .direction__item {
    padding-left: 50px;
    gap: 33px;
  }
}
@media only screen and (min-width: 1440px) {
  .direction__item {
    padding-left: 80px;
  }
}
.direction__item-info {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 25px;
}
@media only screen and (min-width: 768px) {
  .direction__item-info {
    width: 300px;
  }
}
@media only screen and (min-width: 1280px) {
  .direction__item-info {
    gap: 33px;
    width: 467px;
  }
}
@media only screen and (min-width: 1920px) {
  .direction__item-info {
    gap: 40px;
    width: 586px;
  }
}
.direction__item-info-head {
  display: flex;
}
.direction__item-head {
  display: flex;
  align-items: center;
}
.direction__item-icon {
  margin-right: 16px;
}
@media only screen and (min-width: 1280px) {
  .direction__item-icon {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .direction__item-icon {
    margin-right: 24px;
  }
}
.direction__item-icon img {
  height: 56px;
  width: auto;
}
@media only screen and (min-width: 768px) {
  .direction__item-icon img {
    height: 72px;
  }
}
@media only screen and (min-width: 1280px) {
  .direction__item-icon img {
    height: 80px;
  }
}
@media only screen and (min-width: 1920px) {
  .direction__item-icon img {
    height: 106px;
  }
}
.direction__item-title h4 {
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.direction__item-text p {
  color: #666;
  margin-bottom: 12px;
}
@media only screen and (min-width: 1920px) {
  .direction__item-text p {
    margin-bottom: 20px;
  }
}
.direction__item-more {
  display: flex;
  width: 100%;
  gap: 16px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1280px) {
  .direction__item-more {
    flex-wrap: nowrap;
  }
}
.direction__item-link {
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .direction__item-link {
    width: 260px;
  }
}
.direction__item-service-link {
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .direction__item-service-link {
    flex: 1;
  }
}
.direction__item-image {
  display: flex;
  position: relative;
  justify-content: center;
  flex: 1 auto;
}
@media only screen and (min-width: 1920px) {
  .direction__item-image {
    width: 50%;
  }
}
.direction__item-image img {
  height: 334px;
  z-index: 1;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .direction__item-image img {
    height: 447px;
  }
}
@media only screen and (min-width: 1280px) {
  .direction__item-image img {
    height: 547px;
  }
}
@media only screen and (min-width: 1920px) {
  .direction__item-image img {
    height: 658px;
  }
}
.direction__item-image-mask {
  position: absolute;
  top: 0;
  left: -16px;
  width: calc(100% + 16px);
  height: 290px;
}
@media only screen and (min-width: 768px) {
  .direction__item-image-mask {
    width: 50%;
    top: 25px;
    left: 50%;
    height: 380px;
  }
}
@media only screen and (min-width: 1280px) {
  .direction__item-image-mask {
    width: 50%;
    top: 32px;
    left: 50%;
    height: 465px;
  }
}
@media only screen and (min-width: 1920px) {
  .direction__item-image-mask {
    width: 50%;
    top: 39px;
    left: 50%;
    height: 560px;
  }
}
.direction__item-image-mask_1 {
  background-color: #FFC809;
}
.direction__item-image-mask_2 {
  background-color: #C0C0C0;
}
.direction__item-image-mask_3 {
  background-color: #6AEBC8;
}
.direction__item-image-mask_4 {
  background-color: #424242;
}
.direction__item-image-mask_5 {
  background-color: #002B56;
}
.direction__item-image-mask_6 {
  background: url("../img/dirs/bg-6.png");
}
.direction__item-image-mask_7 {
  background-color: #ABE8FE;
}
.direction__item-image-mask_8 {
  background-color: #14C0FE;
}
.direction__item-image-mask_9 {
  background-color: #251E4F;
}
.direction__item-image-mask_10 {
  background-color: #F8DB21;
}
.direction__item-image-mask_11 {
  background-color: #F8DB23;
}
.direction__item-image-mask_12 {
  background-color: #FF1E1E;
}

.team {
  padding: 60px 0;
}
@media only screen and (min-width: 768px) {
  .team {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1280px) {
  .team {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 1920px) {
  .team {
    padding: 130px 0;
  }
}
@media only screen and (max-width: 767.5px) {
  .team .container {
    padding: 0;
  }
}
.team__block {
  display: flex;
  background-color: #FCDB1E;
  position: relative;
  border-radius: 24px;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 768px) {
  .team__block {
    border-radius: 28px;
    flex-direction: row;
  }
}
@media only screen and (min-width: 1280px) {
  .team__block {
    border-radius: 38px;
  }
}
@media only screen and (min-width: 1920px) {
  .team__block {
    border-radius: 48px;
  }
}
.team__block::after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../img/vacancy-mask.png);
  background-size: cover;
  opacity: 0.15;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}
.team__image {
  position: relative;
  width: 100%;
  height: 305px;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .team__image {
    width: 50%;
    min-height: 350px;
  }
}
@media only screen and (min-width: 1280px) {
  .team__image {
    min-height: 422px;
  }
}
@media only screen and (min-width: 1920px) {
  .team__image {
    min-height: 472px;
  }
}
.team__image img {
  height: 305px;
  width: auto;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media only screen and (min-width: 768px) {
  .team__image img {
    height: 255px;
  }
}
@media only screen and (min-width: 1280px) {
  .team__image img {
    height: 371px;
    right: calc(50% - 279px);
  }
}
@media only screen and (min-width: 1920px) {
  .team__image img {
    height: 478px;
  }
}
.team__image .hint {
  position: absolute;
  border-radius: 16px 16px 0px 16px;
  background-color: #fff;
  padding: 12px;
  right: 207px;
}
@media only screen and (min-width: 768px) {
  .team__image .hint {
    bottom: 195px;
    right: 174px;
    padding: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .team__image .hint {
    bottom: 269px;
    right: calc(50% - 23px);
  }
}
@media only screen and (min-width: 1920px) {
  .team__image .hint {
    bottom: 354px;
    right: calc(50% + 54px);
  }
}
.team__info {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 48px 16px 36px;
  flex-direction: column;
  display: flex;
  gap: 24px;
}
@media only screen and (min-width: 768px) {
  .team__info {
    width: 50%;
    padding: 70px 43px 37px 0;
    gap: 15px;
  }
}
@media only screen and (min-width: 1280px) {
  .team__info {
    padding: 55px 77px 77px 0;
  }
}
@media only screen and (min-width: 1920px) {
  .team__info {
    padding: 64px 95px 58px 0;
    gap: 24px;
  }
}
.team__info p {
  color: #655601;
}
.achievement {
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) {
  .achievement {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 1280px) {
  .achievement {
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 1920px) {
  .achievement {
    margin-bottom: 130px;
  }
}
@media only screen and (min-width: 768px) {
  .achievement__block {
    height: 440px;
    position: relative;
  }
}
@media only screen and (min-width: 1280px) {
  .achievement__block {
    height: 561px;
  }
}
@media only screen and (min-width: 1920px) {
  .achievement__block {
    height: 809px;
  }
}
.achievement__title {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .achievement__title {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    flex-direction: column;
  }
}
.achievement__title p {
  color: #B6B6B6;
}
@media only screen and (min-width: 1920px) {
  .achievement__title p {
    text-align: right;
  }
}
.achievement__image {
  display: none;
}
@media only screen and (min-width: 768px) {
  .achievement__image {
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    left: 75%;
    transform: translateX(-50%);
  }
}
@media only screen and (min-width: 1920px) {
  .achievement__image {
    left: 50%;
    transform: translateX(-50%);
  }
}
.achievement__image img {
  height: 100%;
}
.achievement__list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media only screen and (min-width: 768px) {
  .achievement__list {
    display: none;
  }
}
.achievement__item {
  width: calc(50% - 8px);
}
.achievement__item-image {
  margin-bottom: 16px;
}
.fridge {
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) {
  .fridge {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 1280px) {
  .fridge {
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 1920px) {
  .fridge {
    margin-bottom: 130px;
  }
}
.fridge__block {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media only screen and (min-width: 768px) {
  .fridge__block {
    flex-direction: row;
    align-items: center;
  }
}
@media only screen and (min-width: 1280px) {
  .fridge__block {
    gap: 80px;
  }
}
.fridge__wrapper {
  width: calc(100% + 32px);
  margin-left: -16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #F7EDF4;
  border-radius: 24px;
  padding: 15px;
}
@media only screen and (min-width: 768px) {
  .fridge__wrapper {
    border-radius: 28px;
    width: 50%;
    padding: 13px;
  }
}
@media only screen and (min-width: 1280px) {
  .fridge__wrapper {
    border-radius: 38px;
    padding: 17px;
  }
}
@media only screen and (min-width: 1920px) {
  .fridge__wrapper {
    border-radius: 48px;
  }
}
.fridge__image {
  height: 286px;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .fridge__image {
    height: 304px;
  }
}
@media only screen and (min-width: 1280px) {
  .fridge__image {
    height: 431px;
  }
}
@media only screen and (min-width: 1920px) {
  .fridge__image {
    height: 684px;
  }
}
.fridge__image img {
  height: 100%;
  mix-blend-mode: darken;
}
.fridge__cats {
  padding: 12px;
  border-radius: 24px;
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .fridge__cats {
    padding: 14px;
  }
}
@media only screen and (min-width: 1280px) {
  .fridge__cats {
    padding: 18px 16px;
    border-radius: 32px;
  }
}
@media only screen and (min-width: 1920px) {
  .fridge__cats {
    padding: 24px 16px;
  }
}
.fridge__cats ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.fridge__cats a {
  color: #666;
  border: 1px solid #E4E4E4;
  padding: 0 16px;
  height: 32px;
  display: flex;
  align-items: center;
  border-radius: 24px;
}
@media only screen and (min-width: 768px) {
  .fridge__cats a {
    height: 40px;
  }
}
.fridge__cats a.active {
  background-color: black;
  border-color: #030303;
  color: #fff;
}
.fridge__form {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .fridge__form {
    width: 50%;
  }
}
.fridge__form-title {
  margin-bottom: 10px;
}
.fridge__form-title p {
  color: #B6B6B6;
}
.fridge__form-text {
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .fridge__form-text {
    margin-bottom: 40px;
  }
}
.fridge__form-text p {
  color: #B6B6B6;
}
.fridge__form-hint {
  margin-bottom: 16px;
}
.fridge__form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.fridge__form-field {
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .fridge__form-field {
    width: calc(50% - 8px);
  }
}
.fridge__form-field input {
  display: flex;
  height: 50px;
  padding: 19px 24px;
  align-items: center;
  gap: 10px;
  color: #030303;
  align-self: stretch;
  border-radius: 99px;
  width: 100%;
  background-color: #E9E9E9;
}
.fridge__form-field input::-moz-placeholder {
  color: #B6B6B6;
}
.fridge__form-field input::placeholder {
  color: #B6B6B6;
}
.fridge__form-button {
  margin-top: 30px;
  width: 100%;
}

.footer {
  background-color: #030303;
  padding-top: 24px;
  overflow-x: hidden;
  position: relative;
}
@media only screen and (min-width: 1280px) {
  .footer {
    background-image: url(../img/footer.png);
    background-repeat: no-repeat;
    background-position: 45% top;
  }
}
@media only screen and (min-width: 768px) {
  .footer {
    padding-top: 36px;
    position: static;
  }
}
@media only screen and (min-width: 1280px) {
  .footer {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 1920px) {
  .footer {
    padding-top: 100px;
  }
}
.footer__block {
  display: flex;
  flex-wrap: wrap;
}
.footer__block:first-child {
  padding-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .footer__block:first-child {
    padding-bottom: 36px;
  }
}
@media only screen and (min-width: 1280px) {
  .footer__block:first-child {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 1920px) {
  .footer__block:first-child {
    padding-bottom: 100px;
  }
}
.footer__block:last-child::before {
  content: "";
  height: 2px;
  background-color: #fff;
  opacity: 0.3;
  width: calc(100% + 200px);
  margin-left: -100px;
  margin-right: -100px;
}
.footer__contact {
  width: 100%;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .footer__contact {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 1920px) {
  .footer__contact {
    flex-direction: column;
    gap: 110px;
    width: 50%;
    justify-content: inherit;
  }
}
.footer__contact-mail {
  margin-bottom: 8px;
}
.footer__contact-mail a {
  color: #fff;
}
@media only screen and (min-width: 1920px) {
  .footer__contact-mail {
    margin-bottom: 30px;
  }
}
.footer__contact-phone {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.footer__contact-phone a {
  color: #fff;
}
.footer__adres {
  display: none;
}
@media only screen and (min-width: 768px) {
  .footer__adres {
    display: flex;
    flex-direction: column;
    width: 50%;
  }
}
@media only screen and (min-width: 1280px) {
  .footer__adres {
    width: 30%;
  }
}
@media only screen and (min-width: 1920px) {
  .footer__adres {
    width: 100%;
  }
}
.footer__adres-details p {
  color: #fff;
  margin-bottom: 8px;
}
@media only screen and (min-width: 1920px) {
  .footer__adres-details p {
    margin-bottom: 28px;
  }
}
.footer__adres-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media only screen and (min-width: 1920px) {
  .footer__adres-info {
    flex-direction: row;
  }
}
@media only screen and (min-width: 1920px) {
  .footer__adres-info__item {
    width: 50%;
  }
}
.footer__adres-info__item h3 {
  color: #fff;
  margin-bottom: 8px;
}
.footer__adres-info__item p {
  color: #fff;
}
.footer__info {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-content: flex-start;
}
@media only screen and (min-width: 768px) {
  .footer__info {
    position: relative;
  }
}
@media only screen and (min-width: 1920px) {
  .footer__info {
    width: 50%;
    padding-left: 150px;
  }
}
.footer__info-menu {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .footer__info-menu {
    width: 50%;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .footer__info-menu {
    width: 33.33333333%;
  }
}
@media only screen and (min-width: 1920px) {
  .footer__info-menu {
    width: 60%;
  }
}
.footer__info-menu__title {
  width: 100%;
  margin-bottom: 16px;
}
.footer__info-menu__title h3 {
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .footer__info-menu__title {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .footer__info-menu__title {
    margin-bottom: 24px;
  }
}
.footer__info-menu__list {
  width: 50%;
}
.footer__info-menu__list ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media only screen and (min-width: 1920px) {
  .footer__info-menu__list ul {
    gap: 12px;
  }
}
.footer__info-menu__list a {
  color: #fff;
  letter-spacing: -0.36px;
  opacity: 0.6;
}
@media only screen and (min-width: 768px) {
  .footer__info-menu_main {
    width: 20%;
  }
  .footer__info-menu_main .footer__info-menu__list_modal {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  .footer__info-menu_main {
    width: 16.6666666%;
  }
}
@media only screen and (min-width: 1920px) {
  .footer__info-menu_main {
    width: 20%;
  }
}
.footer__info-menu_main .footer__info-menu__list {
  width: 100%;
}
@media only screen and (max-width: 767.5px) {
  .footer__info-menu_main .footer__info-menu__list {
    width: 50%;
  }
  .footer__info-menu_main .footer__info-menu__list_modal .footer__adres-details p, .footer__info-menu_main .footer__info-menu__list_modal .footer__adres-info__item h3 {
    font-size: 20px;
  }
}
.footer__info-social {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .footer__info-social {
    width: 20%;
  }
}
@media only screen and (min-width: 1280px) {
  .footer__info-social {
    width: 50%;
  }
}
@media only screen and (min-width: 1920px) {
  .footer__info-social {
    width: 60%;
    margin-top: 40px;
  }
}
.footer__info-social ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media only screen and (min-width: 1280px) {
  .footer__info-social ul {
    width: 400px;
  }
}
.footer__info-social li {
  width: calc(50% - 8px);
}
@media only screen and (min-width: 768px) {
  .footer__info-social li {
    width: 100%;
  }
}
@media only screen and (min-width: 1280px) {
  .footer__info-social li {
    width: calc(50% - 8px);
  }
}
.footer__info-social a {
  color: #fff;
}
.footer__info-social__link {
  display: flex;
  align-items: center;
  gap: 17px;
}
.footer__info-social__link::before {
  content: "";
  width: 36px;
  height: 36px;
  border: 1px solid #fff;
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1280px) {
  .footer__info-social__link::before {
    width: 48px;
    height: 48px;
  }
}
.footer__info-social__link_be::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M5.81755 3.75C6.39452 3.75 6.92815 3.79464 7.41573 3.92679C7.90421 4.01518 8.30421 4.19196 8.65906 4.4125C9.01481 4.63303 9.28117 4.94286 9.45815 5.34018C9.63602 5.7375 9.72541 6.2241 9.72541 6.75357C9.72541 7.37231 9.59178 7.90178 9.28117 8.2991C9.01481 8.69731 8.57057 9.04999 8.03784 9.31517C8.79269 9.5366 9.36966 9.93392 9.72541 10.4634C10.0803 10.9937 10.3024 11.6562 10.3024 12.4071C10.3024 13.0259 10.1687 13.5553 9.94663 13.9973C9.72541 14.4393 9.36966 14.8366 8.96966 15.1018C8.53516 15.386 8.05485 15.595 7.54936 15.7196C7.01663 15.8527 6.48391 15.941 5.95118 15.941H0V3.75H5.81755ZM5.4618 8.69642C5.95028 8.69642 6.35028 8.56428 6.66088 8.34374C6.97149 8.12321 7.10512 7.72499 7.10512 7.23928C7.10512 6.9741 7.05997 6.70892 6.97149 6.53303C6.883 6.35624 6.74937 6.22321 6.57239 6.09107C6.39136 5.99074 6.19678 5.91648 5.99452 5.87053C5.7724 5.82589 5.55119 5.82589 5.28392 5.82589H2.70878V8.69731L5.4618 8.69642ZM5.59543 13.9089C5.86179 13.9089 6.12816 13.8643 6.35028 13.8205C6.57239 13.7759 6.79451 13.6884 6.97149 13.5553C7.15242 13.4261 7.30379 13.2606 7.41573 13.0696C7.50421 12.8491 7.5936 12.5839 7.5936 12.275C7.5936 11.6562 7.41573 11.2143 7.06088 10.9053C6.70512 10.6402 6.21664 10.508 5.63967 10.508H2.70878V13.9098L5.59543 13.9089ZM14.166 13.8643C14.5208 14.2178 15.0536 14.3946 15.7642 14.3946C16.2527 14.3946 16.6969 14.2625 17.0517 14.0419C17.4075 13.7768 17.6296 13.5116 17.7181 13.2464H19.8942C19.5384 14.3062 19.0057 15.0571 18.296 15.5428C17.5845 15.9848 16.7411 16.25 15.7199 16.25C15.0665 16.252 14.4186 16.132 13.8102 15.8964C13.2628 15.6934 12.7746 15.3597 12.389 14.925C11.9767 14.5183 11.6718 14.0176 11.5015 13.4669C11.2793 12.8928 11.19 12.275 11.19 11.5678C11.19 10.9053 11.2793 10.2875 11.5015 9.71249C11.7153 9.15893 12.0316 8.64963 12.4342 8.21071C12.8333 7.81338 13.3218 7.46071 13.8545 7.23928C14.4474 7.00362 15.0809 6.88356 15.7199 6.88571C16.4748 6.88571 17.1411 7.01874 17.7181 7.32767C18.296 7.6366 18.7393 7.99017 19.0942 8.52053C19.4499 9.00624 19.7172 9.58035 19.8942 10.1991C19.9826 10.817 20.0269 11.4357 19.9826 12.1419H13.5439C13.5439 12.8491 13.8102 13.5116 14.166 13.8652M16.9633 9.22767C16.6527 8.91874 16.1642 8.74195 15.5863 8.74195C15.2475 8.73693 14.9124 8.81257 14.6093 8.96249C14.343 9.09552 14.166 9.27231 13.9881 9.4491C13.8247 9.61986 13.7165 9.83501 13.6775 10.067C13.6324 10.2884 13.5881 10.4643 13.5881 10.6411H17.5845C17.496 9.97856 17.2739 9.53749 16.9633 9.22767ZM13.0554 4.58928H18.0287V5.78214H13.0563L13.0554 4.58928Z" fill="white"/></svg>');
}
.footer__info-social__link_tg::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M18.9331 3.83718L16.2215 16.6251C16.017 17.5276 15.4835 17.7522 14.7253 17.3271L10.5937 14.2825L8.60021 16.1999C8.37967 16.4205 8.1951 16.6051 7.7699 16.6051L8.0667 12.3972L15.7242 5.47776C16.0571 5.18097 15.652 5.01648 15.2067 5.31331L5.74021 11.274L1.66478 9.99847C0.778299 9.72167 0.762283 9.11194 1.84928 8.68679L17.7899 2.54558C18.5279 2.26882 19.1738 2.70999 18.9331 3.83718Z" fill="white"/></svg>');
}
.footer__info-social__link_yt::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M19.5818 4.84231C19.4681 4.38818 19.2448 3.9741 18.9345 3.64162C18.6242 3.30914 18.2377 3.06996 17.8139 2.94807C16.256 2.5 10.0009 2.5 10.0009 2.5C10.0009 2.5 3.74584 2.5 2.18612 2.94807C1.76276 3.07102 1.37681 3.31056 1.06666 3.64288C0.756498 3.97519 0.532939 4.38871 0.418192 4.84231C-7.87383e-06 6.51346 0 10 0 10C0 10 -7.87383e-06 13.4865 0.418192 15.1577C0.532939 15.6113 0.756498 16.0248 1.06666 16.3571C1.37681 16.6894 1.76276 16.929 2.18612 17.0519C3.74584 17.5 10.0009 17.5 10.0009 17.5C10.0009 17.5 16.2542 17.5 17.8139 17.0519C18.2377 16.93 18.6242 16.6909 18.9345 16.3584C19.2448 16.0259 19.4681 15.6118 19.5818 15.1577C20 13.4865 20 10 20 10C20 10 20 6.51346 19.5818 4.84231ZM7.99964 13.2135V6.78654L13.2047 10L7.99964 13.2135Z" fill="white"/></svg>');
}
.footer__info-social__link_in::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 0C7.28406 0 6.94375 0.0115625 5.87687 0.0603125C4.25187 0.134375 2.82437 0.5325 1.67812 1.67844C0.532812 2.82406 0.134375 4.25125 0.0603125 5.87687C0.0115625 6.94375 0 7.28406 0 10C0 12.7159 0.0115625 13.0562 0.0603125 14.1231C0.134375 15.7481 0.5325 17.1756 1.67844 18.3219C2.82406 19.4675 4.25156 19.8659 5.87719 19.94C6.94375 19.9884 7.28406 20 10 20C12.7159 20 13.0562 19.9884 14.1231 19.9397C15.7478 19.8656 17.1756 19.4675 18.3219 18.3216C19.4675 17.1759 19.8659 15.7484 19.94 14.1228C19.9884 13.0563 20 12.7159 20 10C20 7.28406 19.9884 6.94375 19.9397 5.87687C19.8656 4.25187 19.4675 2.82437 18.3216 1.67812C17.1759 0.5325 15.7484 0.134062 14.1228 0.06C13.0563 0.0115625 12.7159 0 10 0Z" fill="white"/><path d="M9.99975 4.86572C7.16381 4.86572 4.86475 7.16478 4.86475 10.0007C4.86475 12.8367 7.16381 15.1357 9.99975 15.1357C12.8357 15.1357 15.1347 12.8367 15.1347 10.0007C15.1347 7.16478 12.8357 4.86572 9.99975 4.86572ZM9.99975 13.3342C8.15881 13.3342 6.66631 11.8417 6.66631 10.0007C6.66631 8.15978 8.15881 6.66728 9.99975 6.66728C11.8407 6.66728 13.3332 8.15978 13.3332 10.0007C13.3332 11.8417 11.8407 13.3342 9.99975 13.3342Z" fill="%23030303"/><path d="M15.3379 5.86193C16.0007 5.86193 16.5379 5.32466 16.5379 4.66192C16.5379 3.99917 16.0007 3.46191 15.3379 3.46191C14.6752 3.46191 14.1379 3.99917 14.1379 4.66192C14.1379 5.32466 14.6752 5.86193 15.3379 5.86193Z" fill="%23030303"/></svg>');
}
.footer__copyright {
  padding: 20px 0;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 768px) {
  .footer__copyright {
    flex-direction: row;
    justify-content: space-between;
  }
}
.footer__copyright-title p {
  color: #fff;
  opacity: 0.6;
}
.footer__copyright-links ul {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1280px) {
  .footer__copyright-links ul {
    flex-direction: row;
    gap: 40px;
  }
}
.footer__copyright-links a {
  color: #fff;
  opacity: 0.6;
}
.footer__up {
  position: absolute;
  top: 24px;
  right: 16px;
}
@media only screen and (min-width: 768px) {
  .footer__up {
    top: 0;
    right: 0;
  }
}
.footer__up a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  color: #fff;
}
.footer__up a::before {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M1.66803 12.9822H13.668C13.7895 12.9818 13.9086 12.9483 14.0125 12.8852C14.1163 12.8222 14.2011 12.7321 14.2575 12.6245C14.3139 12.5169 14.34 12.3959 14.3328 12.2746C14.3256 12.1534 14.2854 12.0363 14.2167 11.9362L8.21669 3.2695C7.96803 2.91017 7.36936 2.91017 7.12003 3.2695L1.12003 11.9362C1.05058 12.0361 1.00985 12.1532 1.00227 12.2747C0.99469 12.3962 1.02055 12.5174 1.07704 12.6252C1.13352 12.7331 1.21848 12.8233 1.32267 12.8863C1.42686 12.9492 1.54631 12.9824 1.66803 12.9822Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  width: 36px;
  height: 36px;
  border: 1px solid #fff;
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1280px) {
  .footer__up a::before {
    width: 48px;
    height: 48px;
  }
}

.page-intro__block {
  padding: 38px 0px;
}
@media only screen and (min-width: 768px) {
  .page-intro__block {
    padding-top: 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro__block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-intro__block {
    padding-bottom: 50px;
  }
}
.page-intro__block_title {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1280px) {
  .page-intro__block_title {
    width: 35%;
  }
}
.page-intro__title {
  color: #030303;
  /* Heading h1 360 */
  font-family: "Uni Sans-Trial";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  /* 39.6px */
  text-transform: uppercase;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .page-intro__title {
    font-size: 48px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro__title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .page-intro__title {
    margin-bottom: 20px;
    font-size: 80px;
  }
}
.page-intro__subtitle {
  color: #666;
  /* search text 1280 */
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  /* 17.6px */
}
@media only screen and (min-width: 768px) {
  .page-intro__subtitle {
    font-size: 18px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro__subtitle {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1440px) {
  .page-intro__subtitle {
    font-size: 24px;
  }
}
.page-intro__link {
  display: flex;
  padding: 16px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 99px;
  background: #030303;
  margin: 32px 0px;
  color: #fff;
  text-align: center;
  /* button regular 360 */
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  /* 17.6px */
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .page-intro__link {
    display: none;
  }
}
.page-intro__image_wrapper {
  position: relative;
  display: block;
}
@media only screen and (min-width: 768px) {
  .page-intro__image_wrapper {
    max-height: 400px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro__image_wrapper {
    width: 65%;
    margin-top: -40px;
    max-height: 450px;
  }
}
@media only screen and (min-width: 1440px) {
  .page-intro__image_wrapper {
    margin-top: -70px;
    max-height: 585px;
  }
}
.page-intro__image {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
  max-height: 400px;
}
@media only screen and (min-width: 1280px) {
  .page-intro__image {
    max-height: 450px;
  }
}
@media only screen and (min-width: 1440px) {
  .page-intro__image {
    max-height: 585px;
  }
}
.page-intro__image_link {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 20px;
  left: 30px;
  z-index: 1;
  width: 45px;
  height: 45px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: opacity 0.3s ease;
  background-image: url("../img/icons/typcn_volume-up.svg");
}
.page-intro__image_link:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 768px) {
  .page-intro__image_link {
    display: flex;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro__image_link {
    top: 25px;
    left: 35px;
    width: 55px;
    height: 55px;
  }
}
@media only screen and (min-width: 1440px) {
  .page-intro__image_link {
    top: 30px;
    left: 30px;
    width: 65px;
    height: 65px;
  }
}

.page-intro-square__block {
  padding: 38px 0px;
}
@media only screen and (min-width: 768px) {
  .page-intro-square__block {
    padding: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0px 0px 60px 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro-square__block {
    padding: 0px 0px 100px 0px;
  }
}
.page-intro-square__block_title {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .page-intro-square__block_title {
    width: 40%;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro-square__block_title {
    width: 40%;
  }
}
@media only screen and (min-width: 1440px) {
  .page-intro-square__block_title {
    width: 31%;
  }
}
.page-intro-square__title {
  color: #030303;
  /* Heading h1 360 */
  font-family: "Uni Sans-Trial";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  /* 39.6px */
  text-transform: uppercase;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .page-intro-square__title {
    font-size: 48px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro-square__title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .page-intro-square__title {
    margin-bottom: 20px;
    font-size: 80px;
  }
}
.page-intro-square__subtitle {
  color: #666;
  /* search text 1280 */
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  /* 17.6px */
}
@media only screen and (min-width: 768px) {
  .page-intro-square__subtitle {
    font-size: 18px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro-square__subtitle {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1440px) {
  .page-intro-square__subtitle {
    font-size: 24px;
  }
}
.page-intro-square__links {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 32px;
  margin-bottom: 80px;
}
@media only screen and (min-width: 768px) {
  .page-intro-square__links {
    display: none;
  }
}
.page-intro-square__link {
  display: flex;
  padding: 10px 24px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 99px;
  text-align: center;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
}
.page-intro-square__link_yellow {
  background-color: #FFC809;
}
.page-intro-square__link_pr {
  background-color: #424242;
  color: #fff;
}
.page-intro-square__link_blue {
  background-color: #002B56;
}
.page-intro-square__link_gradient {
  color: #fff;
  background: var(--Media-gradient, linear-gradient(133deg, #64C8D0 3.94%, #498ECC 33.88%, #914B9D 63.82%, #EE2356 94.67%));
}
.page-intro-square__link_transparent {
  border: 1px solid #030303;
  border-radius: 999px;
  text-align: left;
  justify-content: space-between;
  position: relative;
}
.page-intro-square__link_transparent::after {
  position: absolute;
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 99px;
  background: var(--Total-black, #030303);
  right: 5px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 25 24" fill="none"><path d="M9.08598 5.58606C9.46103 5.21112 9.96965 5.00049 10.5 5.00049C11.0303 5.00049 11.5389 5.21112 11.914 5.58606L18.329 12.0001L11.914 18.4141C11.524 18.8051 11.012 19.0001 10.5 19.0001C9.98798 19.0001 9.47598 18.8051 9.08598 18.4141C8.71104 18.039 8.50041 17.5304 8.50041 17.0001C8.50041 16.4697 8.71104 15.9611 9.08598 15.5861L12.671 12.0001L9.08598 8.41406C8.71104 8.039 8.50041 7.53039 8.50041 7.00006C8.50041 6.46973 8.71104 5.96112 9.08598 5.58606Z" fill="white"/></svg>');
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) {
  .page-intro-square__link {
    display: none;
  }
}
.page-intro-square__image_wrapper {
  position: relative;
  display: block;
}
@media only screen and (min-width: 768px) {
  .page-intro-square__image_wrapper {
    width: 50%;
    max-height: 400px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro-square__image_wrapper {
    width: 65%;
    margin-top: -40px;
    max-height: 450px;
  }
}
@media only screen and (min-width: 1440px) {
  .page-intro-square__image_wrapper {
    margin-top: -70px;
    max-height: 585px;
  }
}
.page-intro-square__image {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  max-height: 400px;
}
@media only screen and (min-width: 768px) {
  .page-intro-square__image {
    margin-bottom: -40px;
    margin-top: -26px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro-square__image {
    margin-top: -40px;
    margin-bottom: -80px;
    padding-right: 20px;
    -o-object-position: right;
       object-position: right;
    max-height: 530px;
  }
}
@media only screen and (min-width: 1440px) {
  .page-intro-square__image {
    max-height: 668px;
    margin-top: -20px;
    margin-bottom: -80px;
  }
}
.page-intro-square__image_link {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 20px;
  left: 30px;
  z-index: 1;
  width: 45px;
  height: 45px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: opacity 0.3s ease;
  background-image: url("../img/icons/typcn_volume-up.svg");
}
.page-intro-square__image_link:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 768px) {
  .page-intro-square__image_link {
    display: flex;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro-square__image_link {
    top: 25px;
    left: 35px;
    width: 55px;
    height: 55px;
  }
}
@media only screen and (min-width: 1440px) {
  .page-intro-square__image_link {
    top: 30px;
    left: 30px;
    width: 65px;
    height: 65px;
  }
}

.services__block {
  padding-top: 40px;
  padding-bottom: 100px;
}
@media only screen and (min-width: 768px) {
  .services__block {
    padding-top: 60px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 1280px) {
  .services__block {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 1920px) {
  .services__block {
    padding-top: 160px;
    padding-bottom: 100px;
  }
}
.services__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .services__title {
    font-size: 40px;
    text-align: left;
  }
}
@media only screen and (min-width: 1280px) {
  .services__title {
    font-size: 48px;
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 1920px) {
  .services__title {
    font-size: 64px;
  }
}
.services__list {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .services__list {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.services .service {
  padding: 0px;
  display: flex;
  flex-direction: column;
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
  .services .service {
    width: calc(50% - 35px);
    margin-right: 70px;
    margin-bottom: 80px;
  }
  .services .service:nth-child(2n) {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .services .service {
    width: calc((100% - 105px) / 4);
    margin-right: 35px;
    margin-bottom: 80px;
  }
  .services .service:nth-child(2) {
    width: calc((100% - 105px) / 4 * 2);
  }
  .services .service:nth-child(2) {
    margin-right: 70px;
  }
  .services .service:nth-child(3) {
    margin-right: 0px;
  }
  .services .service:nth-child(4) {
    margin-left: calc((100% - 105px) / 4 + 35px);
    margin-right: 35px;
  }
  .services .service:nth-child(6) {
    margin-right: 0px;
  }
  .services .service:nth-child(8) {
    margin-right: 35px;
  }
  .services .service:nth-child(9) {
    width: calc((100% - 105px) / 4 * 2);
  }
  .services .service:nth-child(10) {
    width: calc((100% - 105px) / 4 * 2);
    margin-right: 70px;
  }
}
.services .service__title {
  font-family: "Blender Pro";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 16px;
}
.services .service__title::before {
  content: "{";
  color: #030303;
  margin-right: 4px;
}
.services .service__title::after {
  content: "}";
  color: #030303;
  margin-left: 4px;
}
@media only screen and (min-width: 768px) {
  .services .service__title {
    font-size: 32px;
    margin-bottom: 18px;
  }
}
@media only screen and (min-width: 1920px) {
  .services .service__title {
    font-size: 48px;
  }
}
.services .service__list_wrapper {
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .services .service__list_wrapper {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.services .service__list {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 8px;
  margin-bottom: 24px;
}
.services .service__value {
  width: -moz-fit-content;
  width: fit-content;
  color: #666;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
}
.services .service__value::before {
  content: "-";
  color: #666;
  margin-right: 8px;
}
.services .service__value--more::before {
  content: "";
  margin-right: 0px;
}
@media only screen and (min-width: 768px) {
  .services .service__value {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .services .service__value {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1920px) {
  .services .service__value {
    font-size: 24px;
  }
}
.services .service__button {
  display: inline-table;
  width: 100%;
  height: 42px;
  padding: 16px 24px;
  border-radius: 99px;
  background: #030303;
  color: #fff;
  text-align: center;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .services .service__button {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1280px) {
  .services .service__button {
    padding: 12px 24px;
  }
}
@media only screen and (min-width: 1920px) {
  .services .service__button {
    padding: 16px 24px;
    font-size: 24px;
  }
}
.services .service__button:hover {
  background: #1E1E2F;
}

.page-contacts__block {
  display: flex;
  flex-direction: column;
  padding-top: 60px;
}
@media only screen and (min-width: 768px) {
  .page-contacts__block {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-contacts__block {
    padding-top: 0px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.page-contacts-preview__group {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .page-contacts-preview__group:first-child {
    flex-direction: row;
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-contacts-preview__group {
    flex-direction: row;
    align-items: center;
    margin-bottom: 50px;
  }
  .page-contacts-preview__group:first-child {
    margin-bottom: 50px;
  }
  .page-contacts-preview__group:last-child {
    flex-direction: row;
  }
}
@media only screen and (min-width: 1920px) {
  .page-contacts-preview__group:first-child {
    margin-bottom: 0px;
  }
  .page-contacts-preview__group:last-child {
    margin-bottom: 80px;
  }
}
.page-contacts-preview__map {
  width: 100%;
  margin: 32px 0px;
}
.page-contacts-preview__map-image {
  border-radius: 45px;
  -o-object-fit: cover;
     object-fit: cover;
  width: calc(100% + 32px);
  -o-object-position: center;
     object-position: center;
  margin-left: -16px;
  margin-right: -16px;
}
@media only screen and (min-width: 768px) {
  .page-contacts-preview__map-image {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-contacts-preview__map-image {
    height: 540px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-contacts-preview__map-image {
    height: 650px !important;
  }
}
@media only screen and (min-width: 1280px) {
  .page-contacts-preview__map {
    margin: 0px;
    width: 50%;
    margin-right: 50px;
  }
  .page-contacts-preview__map-image {
    width: 100%;
    height: 540px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}
@media only screen and (min-width: 1920px) {
  .page-contacts-preview__map {
    margin-right: 80px;
  }
}
.page-contacts-preview .contacts-block {
  border-bottom: 1px solid #030303 !important;
}
@media only screen and (min-width: 768px) {
  .page-contacts-preview .contacts-block .contact__title {
    margin-bottom: 5px;
  }
  .page-contacts-preview .contacts-block .contact__value {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 32px */
    letter-spacing: -0.8px;
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-contacts-preview .contacts-block {
    width: 50%;
    border-bottom: none !important;
    margin-bottom: 0px;
  }
  .page-contacts-preview .contacts-block__title {
    margin-bottom: 32px;
    font-size: 48px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-contacts-preview .contacts-block .contact {
    margin-top: 30px;
  }
  .page-contacts-preview .contacts-block .contact__title {
    font-size: 32px;
    margin-bottom: 16px;
  }
  .page-contacts-preview .contacts-block .contact__value {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 8px;
  }
}
.page-contacts-preview__image {
  display: none;
}
@media only screen and (min-width: 768px) {
  .page-contacts-preview__image {
    display: block;
    height: 270px;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media only screen and (min-width: 1280px) {
  .page-contacts-preview__image {
    height: 316px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-contacts-preview__image {
    height: 380px;
  }
}
.page-contacts-preview__text {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .page-contacts-preview__text {
    margin-top: auto;
    margin-left: 35px;
    font-size: 42px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-contacts-preview__text {
    font-size: 48px;
    margin-left: 150px;
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media only screen and (min-width: 1920px) {
  .page-contacts-preview__text {
    font-size: 64px;
    margin-left: 300px;
  }
}

.contacts-block {
  border-bottom: 1px solid #030303;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.contacts-block:last-child {
  border-bottom: none;
}
@media only screen and (min-width: 768px) {
  .contacts-block {
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 1280px) {
  .contacts-block {
    max-width: 47%;
    margin-bottom: 110px;
  }
}
@media only screen and (min-width: 1920px) {
  .contacts-block {
    padding-bottom: 30px;
    margin-bottom: 40px;
  }
}
.contacts-block__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}
@media only screen and (min-width: 768px) {
  .contacts-block__title {
    font-size: 48px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1280px) {
  .contacts-block__title {
    font-size: 32px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1920px) {
  .contacts-block__title {
    font-size: 48px;
    margin-bottom: 10px;
  }
}
.contacts-block__content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contact {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}
@media only screen and (min-width: 768px) {
  .contact {
    min-width: 50%;
    margin-top: 14px;
  }
}
@media only screen and (min-width: 1920px) {
  .contact {
    margin-top: 30px;
  }
}
.contact__title {
  color: #666;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .contact__title {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1920px) {
  .contact__title {
    font-size: 32px;
  }
}
.contact__value {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: 8px;
}
.contact__value:last-child {
  margin-bottom: 0px;
}
@media only screen and (min-width: 768px) {
  .contact__value {
    font-size: 26px;
    margin-bottom: 8px;
  }
  .contact__value:last-child {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .contact__value {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1920px) {
  .contact__value {
    font-size: 32px;
  }
}

.industrial-overview {
  overflow: hidden;
  padding: 80px 0;
  position: relative;
}
.industrial-overview__block {
  display: flex;
  flex-direction: column;
  position: relative;
}
.industrial-overview__block .btn-lr {
  display: none;
}
.industrial-overview__block .btn-wasd {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media only screen and (min-width: 768px) {
  .industrial-overview__block .btn-lr {
    display: none;
  }
  .industrial-overview__block .btn-wasd {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  .industrial-overview__block {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .industrial-overview__block .btn-lr {
    position: absolute;
    display: flex;
  }
}
.industrial-overview__block_left .industrial-overview__image {
  -o-object-position: left;
     object-position: left;
}
@media only screen and (min-width: 768px) {
  .industrial-overview__block_left .industrial-overview__text {
    position: absolute;
    right: 0;
    top: 0;
  }
  .industrial-overview__block_left .industrial-overview__image {
    margin-left: -35px;
  }
}
@media only screen and (min-width: 1280px) {
  .industrial-overview__block_left {
    flex-direction: row-reverse;
  }
  .industrial-overview__block_left .industrial-overview__text {
    position: relative;
  }
  .industrial-overview__block_left .industrial-overview__image {
    margin-left: -50px;
    margin-right: 0px;
  }
  .industrial-overview__block_left .btn-lr {
    position: absolute;
    left: 0;
    bottom: 50px;
  }
}
@media only screen and (min-width: 992px) {
  .industrial-overview__block_left .industrial-overview__image {
    margin-left: -80px;
  }
}
@media only screen and (min-width: 1920px) {
  .industrial-overview__block_left .industrial-overview__image {
    margin-left: -80px;
  }
  .industrial-overview__block_left .btn-lr {
    bottom: 80px;
  }
}
.industrial-overview__block_right {
  display: none;
}
.industrial-overview__block_right .industrial-overview__image {
  -o-object-position: right;
     object-position: right;
}
@media only screen and (min-width: 768px) {
  .industrial-overview__block_right {
    display: flex;
  }
  .industrial-overview__block_right .industrial-overview__text {
    position: absolute;
    left: 0;
    top: 0;
  }
  .industrial-overview__block_right .industrial-overview__image {
    margin-left: 35px;
  }
}
@media only screen and (min-width: 1280px) {
  .industrial-overview__block_right .industrial-overview__text {
    position: relative;
  }
  .industrial-overview__block_right .industrial-overview__image {
    margin-left: 0px;
    margin-right: -50px;
  }
  .industrial-overview__block_right .btn-lr {
    position: absolute;
    right: 0;
    bottom: 50px;
  }
}
@media only screen and (min-width: 992px) {
  .industrial-overview__block_right .industrial-overview__image {
    margin-right: -80px;
  }
}
@media only screen and (min-width: 1920px) {
  .industrial-overview__block_right .industrial-overview__image {
    margin-right: -80px;
  }
  .industrial-overview__block_right .btn-lr {
    bottom: 80px;
  }
}
.industrial-overview__image {
  width: calc(100% + 32px);
  max-height: 400px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-left: -16px;
  margin-right: -16px;
}
@media only screen and (min-width: 768px) {
  .industrial-overview__image {
    max-height: 320px;
  }
}
@media only screen and (min-width: 1280px) {
  .industrial-overview__image {
    max-height: 470px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media only screen and (min-width: 1920px) {
  .industrial-overview__image {
    max-height: 650px;
  }
}
.industrial-overview__text {
  color: #666;
  font-family: "Blender Pro";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 30px;
}
.industrial-overview__text span {
  color: #030303;
  font-family: "Blender Pro";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
@media only screen and (min-width: 768px) {
  .industrial-overview__text {
    margin-bottom: 0;
    max-width: 320px;
    font-size: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .industrial-overview__text {
    font-size: 32px;
    max-width: 45%;
  }
}
@media only screen and (min-width: 1920px) {
  .industrial-overview__text {
    font-size: 48px;
    max-width: 45%;
  }
}

.worths__block {
  padding: 40px 0px;
}
@media only screen and (min-width: 768px) {
  .worths__block {
    padding: 50px 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .worths__block {
    padding: 60px 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .worths__block {
    padding: 80px 0px;
  }
}
.worths__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 48px;
}
@media only screen and (min-width: 768px) {
  .worths__title {
    font-size: 42px;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 1280px) {
  .worths__title {
    font-size: 54px;
    margin-bottom: 90px;
  }
}
@media only screen and (min-width: 1920px) {
  .worths__title {
    font-size: 64px;
    margin-bottom: 60px;
  }
}
.worths__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.worth {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.worth:last-child {
  justify-content: end;
}
@media only screen and (min-width: 768px) {
  .worth {
    width: calc((100% - 40px) / 2);
    margin-right: 40px;
    margin-bottom: 40px;
  }
  .worth:nth-child(2n) {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .worth {
    width: calc((100% - 100px) / 3);
    margin-bottom: 50px;
    margin-right: 50px;
  }
  .worth:nth-child(2) {
    margin-right: calc((100% - 100px) / 3 + 50px);
  }
  .worth:nth-child(3) {
    margin-right: 50px;
    margin-left: calc((100% - 100px) / 3 + 50px);
  }
}
@media only screen and (min-width: 1920px) {
  .worth {
    width: calc((100% - 150px) / 4);
    margin-bottom: 50px;
    margin-right: 50px;
  }
  .worth:nth-child(2) {
    margin-right: 50px;
  }
  .worth:nth-child(3) {
    margin-right: 0px;
    margin-left: calc((100% - 150px) / 4 + 50px);
  }
  .worth:nth-child(4) {
    margin-right: 50px;
    margin-left: calc((100% - 150px) / 4 + 50px);
  }
}
.worth__title {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
  margin: 24px 0px;
}
@media only screen and (min-width: 768px) {
  .worth__title {
    font-size: 32px;
    margin: 20px 0px 8px 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .worth__title {
    margin: 20px 0px 12px 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .worth__title {
    font-size: 48px;
    margin: 24px 0px 24px 0px;
  }
}
.worth__text {
  color: #666;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
}
@media only screen and (min-width: 768px) {
  .worth__text {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .worth__text {
    font-size: 24px;
  }
}
.worth__btn {
  width: 64px;
  height: 64px;
  font-family: "Blender Pro";
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
}
@media only screen and (min-width: 768px) {
  .worth__btn {
    width: 55px;
    height: 55px;
    font-size: 40px;
    font-size: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .worth__btn {
    width: 60px;
    height: 60px;
    font-size: 32px;
  }
}
@media only screen and (min-width: 1920px) {
  .worth__btn {
    width: 80px;
    height: 80px;
    font-size: 48px;
  }
}

.game {
  display: none;
}
@media only screen and (min-width: 768px) {
  .game {
    display: block;
  }
}
.game__block {
  margin: 50px 0px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 100px 0;
  position: relative;
  border-radius: 35px;
  border: 1px solid #030303;
  background-size: cover;
  background-repeat: no-repeat;
  height: 430px;
}
@media only screen and (min-width: 1280px) {
  .game__block {
    height: 600px;
    border-radius: 50px;
  }
}
@media only screen and (min-width: 992px) {
  .game__block {
    height: 700px;
  }
}
@media only screen and (min-width: 1920px) {
  .game__block {
    border-radius: 64px;
    height: 920px;
    margin: 80px 0px;
  }
}
.game__wasd {
  position: absolute;
  bottom: 36px;
  right: 36px;
}
@media only screen and (min-width: 1920px) {
  .game__wasd {
    bottom: 48px;
    right: 48px;
  }
}
.game__image {
  position: absolute;
  bottom: 70px;
  left: 70px;
  width: 93px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media only screen and (min-width: 1280px) {
  .game__image {
    width: 100px;
    bottom: 85px;
    left: 70px;
  }
}
@media only screen and (min-width: 1920px) {
  .game__image {
    left: 48px;
    bottom: 100px;
  }
}
.game__text {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  border-radius: 48px 16px 16px 0px;
  border: 1px solid #E4E4E4;
  background: #fff;
  display: inline-flex;
  padding: 13px 24px;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  bottom: 34px;
  left: 29px;
}
@media only screen and (min-width: 1280px) {
  .game__text {
    font-size: 20px;
    bottom: 36px;
    left: 40px;
  }
}
@media only screen and (min-width: 1920px) {
  .game__text {
    font-size: 24px;
    left: 64px;
    bottom: 36px;
    padding: 24px;
  }
}

.comics__block {
  display: flex;
  flex-direction: column;
  padding: 40px 0;
}
@media only screen and (min-width: 768px) {
  .comics__block {
    padding: 50px 0;
  }
}
@media only screen and (min-width: 1280px) {
  .comics__block {
    flex-direction: row;
    justify-content: space-between;
  }
}
.comics__info {
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .comics__info {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 1280px) {
  .comics__info {
    margin-right: 90px;
  }
}
@media only screen and (min-width: 1920px) {
  .comics__info {
    margin-right: 180px;
  }
}
.comics__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) {
  .comics__title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 1280px) {
  .comics__title {
    font-size: 54px;
  }
}
@media only screen and (min-width: 1920px) {
  .comics__title {
    font-size: 64px;
  }
}
.comics__text {
  color: #B6B6B6;
  font-family: "Blender Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .comics__text {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1280px) {
  .comics__text {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1920px) {
  .comics__text {
    font-size: 44px;
  }
}
.comics__btn {
  display: none;
}
@media only screen and (min-width: 768px) {
  .comics__btn {
    display: block;
    color: #fff;
    text-align: center;
    font-family: "Blender Pro";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    width: 342px;
    height: 46px;
    padding: 10px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 99px;
    background: #030303;
    margin-top: 18px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
  .comics__btn {
    margin-top: 25px;
    font-size: 20px;
    width: 334px;
    height: 50px;
    padding: 10px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .comics__btn {
    font-size: 24px;
    width: 334px;
    height: 50px;
    padding: 10px 24px;
    flex-direction: column;
    height: 56px;
    padding: 10px 24px;
    margin-top: 40px;
  }
}
.comics__preview {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: -16px;
  margin-right: -12px;
}
@media only screen and (min-width: 768px) {
  .comics__preview {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.comics__human {
  width: 120px;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  bottom: -25px;
  left: 0px;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .comics__human {
    display: none;
  }
}
@media only screen and (min-width: 1920px) {
  .comics__human {
    display: block;
    height: 430px;
    width: 430px;
    left: -280px;
    bottom: -50px;
  }
}
.comics__image {
  border-radius: 24px;
  border: 1px solid #030303;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  box-shadow: 4px 4px 0px 0px #030303;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media only screen and (min-width: 768px) {
  .comics__image {
    border-radius: 40px;
    border: 1px solid #030303;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    box-shadow: 12px 12px 0px 0px #030303;
  }
}
.comics__hint {
  position: absolute;
  color: #030303;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  display: inline-flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 99px;
  border: 1px solid #030303;
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .comics__hint {
    font-size: 26px;
    padding: 15px 30px;
  }
}
@media only screen and (min-width: 1280px) {
  .comics__hint {
    font-size: 32px;
    padding: 15px 30px;
  }
}
@media only screen and (min-width: 1920px) {
  .comics__hint {
    font-size: 44px;
    padding: 24px 48px;
  }
}

.contact-us__block {
  display: flex;
  flex-direction: column;
  padding: 40px 0px 100px 0px;
}
@media only screen and (min-width: 768px) {
  .contact-us__block {
    flex-direction: column-reverse;
    padding: 50px 0px 130px 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .contact-us__block {
    padding: 50px 0px 110px 0px;
    flex-direction: row;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1920px) {
  .contact-us__block {
    padding: 80px 0px 160px 0px;
  }
}
.contact-us__info {
  display: flex;
  flex-direction: column;
  margin-bottom: 45px;
}
@media only screen and (min-width: 768px) {
  .contact-us__info {
    margin-bottom: 0px;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1280px) {
  .contact-us__info {
    margin-bottom: 0px;
    margin-top: 0px;
    width: 45%;
  }
}
.contact-us__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .contact-us__title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 1280px) {
  .contact-us__title {
    font-size: 54px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1920px) {
  .contact-us__title {
    font-size: 64px;
    margin-bottom: 60px;
  }
}
.contact-us__map {
  width: calc(100% + 32px);
  height: 270px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 24px;
  margin-left: -16px;
  margin-right: -16px;
}
@media only screen and (min-width: 768px) {
  .contact-us__map {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    border-radius: 35px;
    height: 320px;
  }
}
@media only screen and (min-width: 1280px) {
  .contact-us__map {
    width: 50%;
    height: 460px;
  }
}
@media only screen and (min-width: 1920px) {
  .contact-us__map {
    height: 650px;
  }
}
@media only screen and (min-width: 768px) {
  .contact-us__contacts {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.contact-us__social {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 8px;
}
@media only screen and (min-width: 768px) {
  .contact-us__social {
    flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 1280px) {
  .contact-us__social {
    flex-wrap: wrap;
  }
}
.contact-us__social_link {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 50%;
  color: #030303;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: 8px;
}
.contact-us__social_link::before {
  display: block;
  content: "";
  width: 40px;
  height: 40px;
  border: 1px solid #B6B6B6;
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .contact-us__social_link::before {
    width: 48px;
    height: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .contact-us__social_link {
    min-width: -moz-fit-content;
    min-width: fit-content;
    margin-right: 22px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 1280px) {
  .contact-us__social_link {
    font-size: 20px;
    min-width: 30%;
  }
}
@media only screen and (min-width: 1920px) {
  .contact-us__social_link {
    min-width: -moz-fit-content;
    min-width: fit-content;
    margin-right: 40px;
  }
}
.contact-us__social_yt::before {
  background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.7491 11.9054C20.6808 11.6329 20.5469 11.3845 20.3607 11.185C20.1745 10.9855 19.9426 10.842 19.6883 10.7688C18.7536 10.5 15.0005 10.5 15.0005 10.5C15.0005 10.5 11.2475 10.5 10.3117 10.7688C10.0577 10.8426 9.82609 10.9863 9.63999 11.1857C9.4539 11.3851 9.31976 11.6332 9.25092 11.9054C9 12.9081 9 15 9 15C9 15 9 17.0919 9.25092 18.0946C9.31976 18.3668 9.4539 18.6149 9.63999 18.8143C9.82609 19.0137 10.0577 19.1574 10.3117 19.2312C11.2475 19.5 15.0005 19.5 15.0005 19.5C15.0005 19.5 18.7525 19.5 19.6883 19.2312C19.9426 19.158 20.1745 19.0145 20.3607 18.815C20.5469 18.6155 20.6808 18.3671 20.7491 18.0946C21 17.0919 21 15 21 15C21 15 21 12.9081 20.7491 11.9054ZM13.7998 16.9281V13.0719L16.9228 15L13.7998 16.9281Z" fill="%23030303"/></svg>');
}
.contact-us__social_tg::before {
  background-image: url('data:image/svg+xml,<svg width="41" height="40" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_53_8321)"><path d="M21.0269 11.3023L19.3999 18.975C19.2772 19.5166 18.9571 19.6513 18.5022 19.3962L16.0232 17.5695L14.8271 18.7199C14.6948 18.8523 14.584 18.963 14.3289 18.963L14.507 16.4383L19.1015 12.2866C19.3012 12.1086 19.0582 12.0099 18.791 12.188L13.1111 15.7644L10.6659 14.9991C10.134 14.833 10.1244 14.4672 10.7766 14.2121L20.341 10.5273C20.7838 10.3613 21.1713 10.626 21.0269 11.3023Z" fill="%23030303"/></g><defs><clipPath id="clip0_53_8321"><rect width="12" height="12" fill="white" transform="translate(9.66699 9)"/></clipPath></defs></svg>');
}
.contact-us__social_in::before {
  background-image: url('data:image/svg+xml,<svg width="41" height="40" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.333 9C13.7034 9 13.4993 9.00694 12.8591 9.03619C11.8841 9.08062 11.0276 9.3195 10.3399 10.0071C9.6527 10.6944 9.41363 11.5508 9.3692 12.5261C9.33995 13.1662 9.33301 13.3704 9.33301 15C9.33301 16.6296 9.33995 16.8338 9.3692 17.4739C9.41363 18.4489 9.65251 19.3054 10.3401 19.9931C11.0274 20.6805 11.8839 20.9196 12.8593 20.964C13.4993 20.9931 13.7034 21 15.333 21C16.9626 21 17.1668 20.9931 17.8069 20.9638C18.7817 20.9194 19.6384 20.6805 20.3261 19.9929C21.0135 19.3056 21.2526 18.4491 21.297 17.4737C21.3261 16.8338 21.333 16.6296 21.333 15C21.333 13.3704 21.3261 13.1662 21.2968 12.5261C21.2524 11.5511 21.0135 10.6946 20.3259 10.0069C19.6386 9.3195 18.7821 9.08044 17.8067 9.036C17.1668 9.00694 16.9626 9 15.333 9Z" fill="%23030303"/><path d="M15.333 11.9194C13.6314 11.9194 12.252 13.2989 12.252 15.0004C12.252 16.702 13.6314 18.0814 15.333 18.0814C17.0345 18.0814 18.414 16.702 18.414 15.0004C18.414 13.2989 17.0345 11.9194 15.333 11.9194ZM15.333 17.0005C14.2284 17.0005 13.3329 16.105 13.3329 15.0004C13.3329 13.8959 14.2284 13.0004 15.333 13.0004C16.4375 13.0004 17.333 13.8959 17.333 15.0004C17.333 16.105 16.4375 17.0005 15.333 17.0005Z" fill="white"/><path d="M18.5354 12.5172C18.9331 12.5172 19.2554 12.1948 19.2554 11.7972C19.2554 11.3995 18.9331 11.0771 18.5354 11.0771C18.1378 11.0771 17.8154 11.3995 17.8154 11.7972C17.8154 12.1948 18.1378 12.5172 18.5354 12.5172Z" fill="white"/></svg>');
}
.contact-us__social_be::before {
  background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.4905 11.25C12.8367 11.25 13.1569 11.2768 13.4494 11.3561C13.7425 11.4091 13.9825 11.5152 14.1954 11.6475C14.4089 11.7798 14.5687 11.9657 14.6749 12.2041C14.7816 12.4425 14.8352 12.7345 14.8352 13.0521C14.8352 13.4234 14.7551 13.7411 14.5687 13.9795C14.4089 14.2184 14.1423 14.43 13.8227 14.5891C14.2756 14.722 14.6218 14.9604 14.8352 15.278C15.0482 15.5962 15.1814 15.9937 15.1814 16.4443C15.1814 16.8155 15.1012 17.1332 14.968 17.3984C14.8352 17.6636 14.6218 17.902 14.3818 18.0611C14.1211 18.2316 13.8329 18.357 13.5296 18.4318C13.21 18.5116 12.8903 18.5646 12.5707 18.5646H9V11.25H12.4905ZM12.2771 14.2179C12.5702 14.2179 12.8102 14.1386 12.9965 14.0062C13.1829 13.8739 13.2631 13.635 13.2631 13.3436C13.2631 13.1845 13.236 13.0254 13.1829 12.9198C13.1298 12.8137 13.0496 12.7339 12.9434 12.6546C12.8348 12.5944 12.7181 12.5499 12.5967 12.5223C12.4634 12.4955 12.3307 12.4955 12.1704 12.4955H10.6253V14.2184L12.2771 14.2179ZM12.3573 17.3453C12.5171 17.3453 12.6769 17.3186 12.8102 17.2923C12.9434 17.2655 13.0767 17.213 13.1829 17.1332C13.2915 17.0556 13.3823 16.9563 13.4494 16.8418C13.5025 16.7095 13.5562 16.5503 13.5562 16.365C13.5562 15.9937 13.4494 15.7286 13.2365 15.5432C13.0231 15.3841 12.73 15.3048 12.3838 15.3048H10.6253V17.3459L12.3573 17.3453ZM17.4996 17.3186C17.7125 17.5307 18.0321 17.6368 18.4585 17.6368C18.7516 17.6368 19.0181 17.5575 19.231 17.4252C19.4445 17.2661 19.5778 17.107 19.6309 16.9478H20.9365C20.723 17.5837 20.4034 18.0343 19.9776 18.3257C19.5507 18.5909 19.0447 18.75 18.432 18.75C18.0399 18.7512 17.6512 18.6792 17.2861 18.5378C16.9577 18.416 16.6647 18.2158 16.4334 17.955C16.186 17.711 16.0031 17.4106 15.9009 17.0802C15.7676 16.7357 15.714 16.365 15.714 15.9407C15.714 15.5432 15.7676 15.1725 15.9009 14.8275C16.0292 14.4954 16.219 14.1898 16.4605 13.9264C16.7 13.688 16.9931 13.4764 17.3127 13.3436C17.6685 13.2022 18.0485 13.1301 18.432 13.1314C18.8849 13.1314 19.2847 13.2112 19.6309 13.3966C19.9776 13.582 20.2436 13.7941 20.4565 14.1123C20.67 14.4037 20.8303 14.7482 20.9365 15.1195C20.9896 15.4902 21.0161 15.8614 20.9896 16.2852H17.1263C17.1263 16.7095 17.2861 17.107 17.4996 17.3191M19.178 14.5366C18.9916 14.3512 18.6985 14.2452 18.3518 14.2452C18.1485 14.2422 17.9474 14.2875 17.7656 14.3775C17.6058 14.4573 17.4996 14.5634 17.3929 14.6695C17.2948 14.7719 17.2299 14.901 17.2065 15.0402C17.1794 15.173 17.1529 15.2786 17.1529 15.3846H19.5507C19.4976 14.9871 19.3643 14.7225 19.178 14.5366ZM16.8332 11.7536H19.8172V12.4693H16.8338L16.8332 11.7536Z" fill="%23030303"/></svg>');
}
.contact-us .contact {
  margin-bottom: 16px;
  margin-top: 0px;
}
.contact-us .contact:last-child {
  margin-bottom: 0px !important;
}
@media only screen and (min-width: 768px) {
  .contact-us .contact {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1920px) {
  .contact-us .contact {
    margin-bottom: 60px;
  }
}
.contact-us .contact__title {
  font-size: 16px;
  margin-bottom: 0px;
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) {
  .contact-us .contact__title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .contact-us .contact__title {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1920px) {
  .contact-us .contact__title {
    font-size: 32px;
  }
}
.contact-us .contact__value {
  font-family: "Blender Pro";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 0px;
}
@media only screen and (min-width: 1280px) {
  .contact-us .contact__value {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1920px) {
  .contact-us .contact__value {
    font-size: 48px;
  }
}

.our-team {
  overflow: hidden;
  padding: 40px 0px;
}
@media only screen and (min-width: 768px) {
  .our-team {
    padding: 50px 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .our-team {
    padding: 50px 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .our-team {
    padding: 60px 0px;
  }
}
.our-team__block {
  display: flex;
  flex-direction: column;
}
.our-team__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.our-team__header .control {
  display: none;
}
@media only screen and (min-width: 768px) {
  .our-team__header {
    margin-bottom: 40px;
  }
  .our-team__header .control {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media only screen and (min-width: 1280px) {
  .our-team__header {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 1920px) {
  .our-team__header {
    margin-bottom: 16px;
  }
}
.our-team__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .our-team__title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 1280px) {
  .our-team__title {
    font-size: 54px;
  }
}
@media only screen and (min-width: 1920px) {
  .our-team__title {
    font-size: 64px;
  }
}
.our-team__content {
  padding: 40px 100px;
  margin: 0 -100px;
}
@media only screen and (min-width: 768px) {
  .our-team__content {
    padding: 40px 150px;
    margin: 0 -150px;
  }
}
@media only screen and (min-width: 1280px) {
  .our-team__content {
    padding: 40px 200px;
    margin: 0 -200px;
  }
}

.swiper {
  overflow: visible;
  width: 100%;
  margin-left: 0px;
}

.swiper-wrapper {
  align-items: center;
  display: flex;
}

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

.human {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: 9999px;
  border: 1px solid #030303;
  background: #E9E9E9;
}
.human_active, .human.swiper-slide-active {
  border-radius: 9999px;
  border: 1px solid #030303;
  background: #E9E9E9;
  box-shadow: 4px 4px 0px 0px #030303;
  width: 156px;
  height: 156px;
}
.human_active .human__image, .human.swiper-slide-active .human__image {
  width: 77px;
  height: 64px;
}
.human_active .human__name, .human.swiper-slide-active .human__name {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}
.human_active .human__position, .human.swiper-slide-active .human__position {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}
@media only screen and (min-width: 768px) {
  .human_active, .human.swiper-slide-active {
    width: 200px !important;
    height: 200px !important;
    border-radius: 9999px;
    border: 1px solid #030303;
    background: #E9E9E9;
    box-shadow: 12px 12px 0px 0px #030303;
  }
  .human_active .human__image, .human.swiper-slide-active .human__image {
    width: 129.104px;
    height: 108.209px;
  }
  .human_active .human__name, .human.swiper-slide-active .human__name {
    font-size: 16px;
    margin-top: 13px;
    margin-bottom: 0px;
  }
  .human_active .human__position, .human.swiper-slide-active .human__position {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1280px) {
  .human_active, .human.swiper-slide-active {
    width: 372px !important;
    height: 372px !important;
  }
  .human_active .human__image, .human.swiper-slide-active .human__image {
    width: 296.791px;
    height: 249.078px;
  }
  .human_active .human__name, .human.swiper-slide-active .human__name {
    font-size: 28px;
    margin-top: 14px;
    margin-bottom: 4px;
  }
  .human_active .human__position, .human.swiper-slide-active .human__position {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .human_active, .human.swiper-slide-active {
    width: 460px !important;
    height: 460px !important;
  }
  .human_active .human__image, .human.swiper-slide-active .human__image {
    width: 367px;
    height: 308px;
  }
  .human_active .human__name, .human.swiper-slide-active .human__name {
    font-size: 32px;
    margin-top: 40px;
    margin-bottom: 8px;
  }
  .human_active .human__position, .human.swiper-slide-active .human__position {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .human {
    width: 169px;
    height: 169px;
  }
}
@media only screen and (min-width: 1280px) {
  .human {
    width: 240px;
    height: 240px;
  }
}
@media only screen and (min-width: 1920px) {
  .human {
    width: 280px;
    height: 280px;
  }
}
.human__image {
  width: 40px;
  height: 33px;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media only screen and (min-width: 768px) {
  .human__image {
    width: 106.329px;
    height: 88.021px;
  }
}
@media only screen and (min-width: 1280px) {
  .human__image {
    width: 151px;
    height: 125px;
  }
}
@media only screen and (min-width: 1920px) {
  .human__image {
    width: 191px;
    height: 160px;
  }
}
.human__name {
  color: #030303;
  text-align: center;
  font-family: "Blender Pro";
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin-top: 12px;
  margin-bottom: 4px;
}
@media only screen and (min-width: 768px) {
  .human__name {
    font-size: 14px;
    margin-top: 4px;
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .human__name {
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 4px;
  }
}
@media only screen and (min-width: 1920px) {
  .human__name {
    font-size: 24px;
    margin-top: 32px;
    margin-bottom: 8px;
  }
}
.human__position {
  color: #818181;
  font-family: "Blender Pro";
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
@media only screen and (min-width: 768px) {
  .human__position {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1280px) {
  .human__position {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .human__position {
    font-size: 24px;
  }
}

.control {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .control {
    display: none;
  }
}
.control__counter {
  color: #030303;
  text-align: center;
  font-family: "Blender Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media only screen and (min-width: 1280px) {
  .control__counter {
    font-size: 28px;
  }
}
@media only screen and (min-width: 1920px) {
  .control__counter {
    font-size: 32px;
  }
}
.control__progress {
  width: 120px;
  height: 3px;
  background-color: #030303;
  margin-left: 8px;
  margin-right: 20px;
}
@media only screen and (min-width: 1280px) {
  .control__progress {
    margin-left: 16px;
    margin-right: 30px;
  }
}
@media only screen and (min-width: 1920px) {
  .control__progress {
    width: 200px;
    margin-left: 24px;
    margin-right: 40px;
  }
}
.control__buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.control__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 899px;
  border: 1px solid #030303;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) {
  .control__button {
    width: 42px;
    height: 42px;
  }
}
@media only screen and (min-width: 1280px) {
  .control__button {
    width: 56px;
    height: 56px;
  }
  .control__button_prev {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 25 24" fill="none"><path d="M9.08598 5.58606C9.46103 5.21112 9.96965 5.00049 10.5 5.00049C11.0303 5.00049 11.5389 5.21112 11.914 5.58606L18.329 12.0001L11.914 18.4141C11.524 18.8051 11.012 19.0001 10.5 19.0001C9.98798 19.0001 9.47598 18.8051 9.08598 18.4141C8.71104 18.039 8.50041 17.5304 8.50041 17.0001C8.50041 16.4697 8.71104 15.9611 9.08598 15.5861L12.671 12.0001L9.08598 8.41406C8.71104 8.039 8.50041 7.53039 8.50041 7.00006C8.50041 6.46973 8.71104 5.96112 9.08598 5.58606Z" fill="%23030303"/></svg>');
  }
  .control__button_next {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 25 24" fill="none"><path d="M9.08598 5.58606C9.46103 5.21112 9.96965 5.00049 10.5 5.00049C11.0303 5.00049 11.5389 5.21112 11.914 5.58606L18.329 12.0001L11.914 18.4141C11.524 18.8051 11.012 19.0001 10.5 19.0001C9.98798 19.0001 9.47598 18.8051 9.08598 18.4141C8.71104 18.039 8.50041 17.5304 8.50041 17.0001C8.50041 16.4697 8.71104 15.9611 9.08598 15.5861L12.671 12.0001L9.08598 8.41406C8.71104 8.039 8.50041 7.53039 8.50041 7.00006C8.50041 6.46973 8.71104 5.96112 9.08598 5.58606Z" fill="%23030303"/></svg>');
  }
}
.control__button_prev {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 25 24" fill="none"><path d="M9.08598 5.58606C9.46103 5.21112 9.96965 5.00049 10.5 5.00049C11.0303 5.00049 11.5389 5.21112 11.914 5.58606L18.329 12.0001L11.914 18.4141C11.524 18.8051 11.012 19.0001 10.5 19.0001C9.98798 19.0001 9.47598 18.8051 9.08598 18.4141C8.71104 18.039 8.50041 17.5304 8.50041 17.0001C8.50041 16.4697 8.71104 15.9611 9.08598 15.5861L12.671 12.0001L9.08598 8.41406C8.71104 8.039 8.50041 7.53039 8.50041 7.00006C8.50041 6.46973 8.71104 5.96112 9.08598 5.58606Z" fill="%23030303"/></svg>');
  transform: rotate(-180deg);
}
.control__button_next {
  margin-left: 4px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 25 24" fill="none"><path d="M9.08598 5.58606C9.46103 5.21112 9.96965 5.00049 10.5 5.00049C11.0303 5.00049 11.5389 5.21112 11.914 5.58606L18.329 12.0001L11.914 18.4141C11.524 18.8051 11.012 19.0001 10.5 19.0001C9.98798 19.0001 9.47598 18.8051 9.08598 18.4141C8.71104 18.039 8.50041 17.5304 8.50041 17.0001C8.50041 16.4697 8.71104 15.9611 9.08598 15.5861L12.671 12.0001L9.08598 8.41406C8.71104 8.039 8.50041 7.53039 8.50041 7.00006C8.50041 6.46973 8.71104 5.96112 9.08598 5.58606Z" fill="%23030303"/></svg>');
}

.brandbook {
  overflow: hidden;
  border-radius: 24px;
  background: var(--Light-grey-bg, #F5F5F5);
  padding: 40px 0px;
}
@media only screen and (min-width: 768px) {
  .brandbook {
    background: none;
    padding: 50px 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .brandbook {
    padding: 60px 0px;
  }
}
.brandbook__block {
  display: flex;
  flex-direction: column;
  padding: 50px 0px 20px 0px;
}
@media only screen and (min-width: 768px) {
  .brandbook__block {
    border-radius: 35px;
    background: var(--Light-grey-bg, #F5F5F5);
    padding: 40px 20px 20px 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .brandbook__block {
    padding: 70px 38px 38px 38px;
  }
}
@media only screen and (min-width: 1920px) {
  .brandbook__block {
    padding: 120px 60px;
  }
}
.brandbook__header {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .brandbook__header {
    flex-direction: row;
    justify-content: space-between;
  }
  .brandbook__header .control {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.brandbook__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 7px;
}
@media only screen and (min-width: 768px) {
  .brandbook__title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 1280px) {
  .brandbook__title {
    font-size: 54px;
  }
}
@media only screen and (min-width: 1920px) {
  .brandbook__title {
    font-size: 64px;
  }
}
.brandbook__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 40px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .brandbook__content {
    margin-top: 25px;
  }
}
@media only screen and (min-width: 1280px) {
  .brandbook__content {
    margin-top: 70px;
  }
}
@media only screen and (min-width: 1920px) {
  .brandbook__content {
    margin-top: 40px;
  }
}
.brandbook__image {
  width: 100%;
  height: 184px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 24px;
  border: 1px solid #030303;
}
@media only screen and (min-width: 768px) {
  .brandbook__image {
    height: 364px;
    border-radius: 35px;
  }
}
@media only screen and (min-width: 1280px) {
  .brandbook__image {
    height: 300px;
  }
}
@media only screen and (min-width: 1920px) {
  .brandbook__image {
    height: 456px;
    border-radius: 48px;
  }
}

.years {
  overflow: hidden;
  padding: 80px 0;
}
.years__block {
  position: relative;
  margin-left: -16px;
  margin-right: -16px;
}
@media only screen and (min-width: 768px) {
  .years__block {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.years__title {
  margin-bottom: 40px;
}
.years__slider {
  position: relative;
}
.years__content {
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}
.years__item {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 24px;
}
.years__image {
  width: 100%;
  height: 410px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media only screen and (min-width: 768px) {
  .years__image {
    height: 420px;
  }
}
@media only screen and (min-width: 1280px) {
  .years__image {
    height: 600px;
  }
}
@media only screen and (min-width: 1920px) {
  .years__image {
    height: 921px;
  }
}
.years__navigation {
  margin: 0px 16px;
  position: relative;
  margin-top: 24px;
  padding-top: 24px;
}
.years__navigation::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: var(--Light-grey-bg, #F5F5F5);
  border-radius: 100px;
}
.years__navigation::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 10px;
  background: #D9D9D9;
  transition: width 0.3s ease;
  border-radius: 100px;
}
.years__navigation[data-progress="0"]::after {
  width: 10%;
}
.years__navigation[data-progress="1"]::after {
  width: 20%;
}
.years__navigation[data-progress="2"]::after {
  width: 30%;
}
.years__navigation[data-progress="3"]::after {
  width: 40%;
}
.years__navigation[data-progress="4"]::after {
  width: 50%;
}
.years__navigation[data-progress="5"]::after {
  width: 60%;
}
.years__navigation[data-progress="6"]::after {
  width: 70%;
}
.years__navigation[data-progress="7"]::after {
  width: 80%;
}
.years__navigation[data-progress="8"]::after {
  width: 100%;
}
.years__years {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 0 12px;
  margin: 0 -4px;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--Light-grey-bg, #F5F5F5) var(--Light-grey-bg, #F5F5F5);
  padding-bottom: 40px;
  margin-bottom: -20px;
}
.years__years::-webkit-scrollbar {
  height: 4px;
  width: 4px;
  position: relative;
  top: 20px;
}
.years__years::-webkit-scrollbar-track {
  background: var(--Light-grey-bg, #F5F5F5);
  border-radius: 100px;
  margin: 0 4px;
  position: relative;
  top: 20px;
}
.years__years::-webkit-scrollbar-thumb {
  background: var(--Light-grey-bg, #F5F5F5);
  border-radius: 100px;
  margin: 0 4px;
  position: relative;
  top: 20px;
}
.years__years:hover::-webkit-scrollbar-thumb {
  background: var(--Light-grey-bg, #F5F5F5);
}
@media (hover: none) {
  .years__years::-webkit-scrollbar-thumb {
    background: var(--Light-grey-bg, #F5F5F5);
  }
}
.years__year {
  display: flex;
  width: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  border-radius: 99px;
  border: 1px solid #030303;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .years__year {
    width: 100px;
    padding: 10px 24px;
    margin-right: 8px;
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (min-width: 1280px) {
  .years__year {
    width: 100px;
    padding: 10px 24px;
    margin-right: 8px;
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (min-width: 1920px) {
  .years__year {
    width: 100px;
    padding: 10px 24px;
    margin-right: 8px;
    flex-direction: column;
    justify-content: center;
    font-size: 24px;
  }
}
.years__year:first-child {
  background: #000;
  color: #fff;
}
.years__year:hover {
  color: var(--color-accent);
}
.years__year.active {
  background: #030303;
  color: #fff;
}
@media (max-width: 1279px) {
  .years__years {
    gap: 12px;
  }
  .years__year {
    font-size: 12px;
    padding: 6px 12px;
  }
  .years .control__button {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 767px) {
  .years {
    padding: 40px 0;
  }
  .years__title {
    margin-bottom: 24px;
  }
  .years__item {
    height: 300px;
  }
  .years__years {
    gap: 8px;
    padding: 0 8px;
  }
  .years__year {
    font-size: 10px;
    padding: 4px 8px;
  }
  .years .control {
    gap: 16px;
    margin-bottom: 16px;
  }
  .years .control__counter {
    font-size: 12px;
    min-width: 32px;
  }
  .years .control__buttons {
    gap: 4px;
  }
  .years .control__button {
    width: 32px;
    height: 32px;
  }
  .years .control__button::before {
    width: 6px;
    height: 6px;
  }
}

.page-news__block {
  display: flex;
  flex-direction: column;
  padding: 100px 0px;
}
@media only screen and (min-width: 1280px) {
  .page-news__block {
    padding: 140px 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-news__block {
    padding: 200px 0px 120px 0px;
  }
}
.page-news__info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-news__head {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .page-news__head {
    width: 50%;
  }
}
.page-news__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  .page-news__title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-news__title {
    font-size: 54px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-news__title {
    font-size: 64px;
  }
}
.page-news__subtitle {
  color: #B6B6B6;
  font-family: "Blender Pro";
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 16px;
}
@media only screen and (min-width: 1280px) {
  .page-news__subtitle {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-news__subtitle {
    font-size: 44px;
  }
}

.page-news__form {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 64px;
}
@media only screen and (min-width: 768px) {
  .page-news__form {
    width: 50%;
    margin-bottom: 70px;
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 1280px) {
  .page-news__form {
    margin-bottom: 50px;
    width: 42%;
  }
}
.page-news__form_search {
  width: 100%;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .page-news__form_search {
    margin-bottom: 0px;
  }
}
.page-news__form_checkboxes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .page-news__form_checkboxes {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-news__form_checkboxes {
    margin-bottom: 8px;
  }
}
.page-news__form-field {
  max-width: 100%;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.page-news__form-field::-moz-placeholder {
  color: #666;
}
.page-news__form-field::placeholder {
  color: #666;
}
.page-news__form-field_checkbox input {
  display: none;
}
.page-news__form-field_checkbox input:checked + label {
  background-color: #030303;
  color: #fff;
  border-color: #030303;
}
.page-news__form-field_checkbox label {
  color: #666;
  font-family: "Blender Pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
  border-radius: 24px;
  border: 1px solid #E6E6E6;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 768px) {
  .page-news__form-field_checkbox label {
    font-size: 16px;
    padding: 6.5px 16px;
  }
}
.page-news__form-field_search {
  position: relative;
  width: 100%;
}
.page-news__form-field_search::before {
  position: absolute;
  content: "";
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" fill="none"%3E%3Ccircle cx="6.36364" cy="6.36364" r="5.66364" stroke="%23030303" stroke-width="1.4"/%3E%3Cline x1="13.0101" y1="14" x2="10.1818" y2="11.1718" stroke="%23030303" stroke-width="1.4" stroke-linecap="round"/%3E%3C/svg%3E');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  left: 24px;
  top: 17px;
  width: 14px;
  height: 14px;
  z-index: 1;
}
.page-news__form-field_search input {
  position: relative;
  width: 100%;
  border: none;
  outline: none;
  background-color: transparent;
  border-radius: 999px;
  border: 1px solid #030303;
  background: #fff;
  color: #030303;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  border-radius: 24px;
  display: flex;
  align-items: center;
  padding: 14px 100px 14px 54px;
}
@media only screen and (min-width: 768px) {
  .page-news__form-field_search input {
    font-size: 16px;
  }
}
.page-news__form-field_search button {
  position: absolute;
  border-radius: 99px;
  background: #030303;
  display: flex;
  padding: 10px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  cursor: pointer;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  /* 17.6px */
  text-transform: uppercase;
  color: #fff;
  right: 5px;
  top: 5px;
}

.articles {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 25px;
}
@media only screen and (min-width: 768px) {
  .articles {
    gap: 35px;
  }
}
@media only screen and (min-width: 1280px) {
  .articles {
    gap: 10px;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) {
  .articles_page .article:nth-child(1), .articles_page .article:nth-child(2) {
    flex-direction: column;
    width: calc(50% - 17.5px);
    gap: 14px;
  }
  .articles_page .article:nth-child(1) .article__image, .articles_page .article:nth-child(2) .article__image {
    width: 100%;
    height: 330px;
    margin-bottom: 30px;
  }
  .articles_page .article:nth-child(1) .article__content, .articles_page .article:nth-child(2) .article__content {
    margin-left: 0px;
    margin-bottom: 30px;
  }
  .articles_page .article:nth-child(1) .article__title, .articles_page .article:nth-child(2) .article__title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 1280px) {
  .articles_page .article:nth-child(1), .articles_page .article:nth-child(2) {
    width: calc(50% - 10px);
    gap: 12px;
  }
  .articles_page .article:nth-child(1) .article__image, .articles_page .article:nth-child(2) .article__image {
    margin-bottom: 10px;
  }
  .articles_page .article:nth-child(1) .article__title, .articles_page .article:nth-child(2) .article__title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1920px) {
  .articles_page .article:nth-child(1), .articles_page .article:nth-child(2) {
    width: calc(50% - 20px);
  }
  .articles_page .article:nth-child(1) .article__image, .articles_page .article:nth-child(2) .article__image {
    height: 420px;
    border-radius: 64px;
    margin-bottom: 30px;
  }
}
.articles .article {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .articles .article {
    flex-direction: row;
  }
}
@media only screen and (min-width: 1280px) {
  .articles .article {
    align-items: center;
    width: calc(50% - 10px);
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .articles .article {
    width: calc(50% - 20px);
  }
}
.articles .article__content {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .articles .article__content {
    margin-left: 30px;
  }
}
.articles .article__image {
  width: 100%;
  height: 216px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 24px;
  border: 1px solid #030303;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .articles .article__image {
    width: 190px;
    height: 190px;
    border: none;
    border-radius: 50px;
  }
}
@media only screen and (min-width: 1920px) {
  .articles .article__image {
    width: 250px;
    height: 250px;
    border-radius: 64px;
  }
}
.articles .article__line {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
@media only screen and (min-width: 768px) {
  .articles .article__line {
    margin-bottom: 12px;
  }
  .articles .article__line:last-child {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .articles .article__line {
    margin-bottom: 16px;
  }
  .articles .article__line:last-child {
    margin-bottom: 0px;
  }
}
.articles .article__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  color: #030303;
  margin-top: 8px;
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) {
  .articles .article__title {
    margin-top: 0px;
    font-size: 26px;
    text-transform: none;
  }
}
@media only screen and (min-width: 1280px) {
  .articles .article__title {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1920px) {
  .articles .article__title {
    font-size: 32px;
    margin-bottom: 16px;
  }
}
.articles .article__subtitle {
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  color: #030303;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .articles .article__subtitle {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1920px) {
  .articles .article__subtitle {
    margin-bottom: 16px;
  }
}
.articles .article__text {
  color: #666;
  font-family: "Blender Pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .articles .article__text {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1280px) {
  .articles .article__text {
    font-size: 20px;
  }
}
.articles .article__text_watch::before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 viewBox=%220 0 16 16%22 fill=%22none%22%3E %3Cpath d=%22M7.99984 6C7.4694 6 6.9607 6.21071 6.58562 6.58579C6.21055 6.96086 5.99984 7.46957 5.99984 8C5.99984 8.53043 6.21055 9.03914 6.58562 9.41421C6.9607 9.78929 7.4694 10 7.99984 10C8.53027 10 9.03898 9.78929 9.41405 9.41421C9.78912 9.03914 9.99984 8.53043 9.99984 8C9.99984 7.46957 9.78912 6.96086 9.41405 6.58579C9.03898 6.21071 8.53027 6 7.99984 6ZM7.99984 11.3333C7.11578 11.3333 6.26794 10.9821 5.64281 10.357C5.01769 9.7319 4.6665 8.88406 4.6665 8C4.6665 7.11595 5.01769 6.2681 5.64281 5.64298C6.26794 5.01786 7.11578 4.66667 7.99984 4.66667C8.88389 4.66667 9.73174 5.01786 10.3569 5.64298C10.982 6.2681 11.3332 7.11595 11.3332 8C11.3332 8.88406 10.982 9.7319 10.3569 10.357C9.73174 10.9821 8.88389 11.3333 7.99984 11.3333ZM7.99984 3C4.6665 3 1.81984 5.07333 0.666504 8C1.81984 10.9267 4.6665 13 7.99984 13C11.3332 13 14.1798 10.9267 15.3332 8C14.1798 5.07333 11.3332 3 7.99984 3Z%22 fill=%22%23666666%22/%3E %3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 8px;
  margin-top: -2px;
}
@media only screen and (min-width: 768px) {
  .articles .article__text_watch {
    margin-right: 16px;
  }
}
.articles .article__text_date::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: #666;
  margin-right: 8px;
  margin-top: -2px;
}
@media only screen and (min-width: 768px) {
  .articles .article__text_date::before {
    width: 8px;
    height: 8px;
    margin-top: 0px;
  }
}
.articles .article__button {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding: 10px 24px;
  border-radius: 99px;
  background: #6AEBC8;
  color: #030303;
  text-align: center;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .articles .article__button {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .articles .article__button {
    padding: 13px 24px;
  }
}
@media only screen and (min-width: 1920px) {
  .articles .article__button {
    font-size: 24px;
    padding: 15px 24px;
  }
}

.watch-out__block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 100px 0;
}
@media only screen and (min-width: 768px) {
  .watch-out__block {
    align-items: center;
    justify-content: space-between;
    padding: 70px 0px 0px 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .watch-out__block {
    padding: 90px 0px 0px 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .watch-out__block {
    padding: 120px 0px 30px 0px;
  }
}
@media only screen and (min-width: 768px) {
  .watch-out__info {
    width: 35%;
  }
}
@media only screen and (min-width: 1280px) {
  .watch-out__info {
    width: 50%;
  }
}
.watch-out__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .watch-out__title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 1280px) {
  .watch-out__title {
    font-size: 54px;
  }
}
@media only screen and (min-width: 1280px) {
  .watch-out__title {
    font-size: 64px;
  }
}
.watch-out__subtitle {
  color: #666;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin-top: 16px;
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .watch-out__subtitle {
    font-size: 20px;
    margin-bottom: 0px;
    margin-top: 12px;
  }
}
@media only screen and (min-width: 1280px) {
  .watch-out__subtitle {
    font-size: 26px;
    margin-top: 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .watch-out__subtitle {
    font-size: 32px;
    margin-top: 24px;
  }
}
.watch-out .socials {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
  gap: 14px;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (min-width: 768px) {
  .watch-out .socials {
    width: 60%;
  }
}
@media only screen and (min-width: 1280px) {
  .watch-out .socials {
    width: 50%;
    gap: 32px;
  }
}
@media only screen and (min-width: 1920px) {
  .watch-out .socials {
    gap: 43px;
  }
}
.watch-out .social {
  width: 100px;
  height: 100px;
  flex-shrink: 0;
  border-radius: 9999px;
  background: #E9E9E9;
  display: flex;
  justify-content: center;
  align-items: center;
}
.watch-out .social__image {
  width: 55px;
  height: 55px;
}
@media only screen and (min-width: 768px) {
  .watch-out .social__image {
    width: 65px;
    height: 65px;
  }
}
@media only screen and (min-width: 1280px) {
  .watch-out .social__image {
    width: 94px;
    height: 94px;
  }
}
@media only screen and (min-width: 1920px) {
  .watch-out .social__image {
    width: 143px;
    height: 143px;
  }
}
@media only screen and (min-width: 768px) {
  .watch-out .social {
    width: 120px;
    height: 120px;
  }
}
@media only screen and (min-width: 1280px) {
  .watch-out .social {
    width: 170px;
    height: 170px;
  }
}
@media only screen and (min-width: 1920px) {
  .watch-out .social {
    width: 260px;
    height: 260px;
  }
}

@media only screen and (min-width: 1280px) {
  .single-news {
    margin: 0px 190px 50px 190px;
  }
}
@media only screen and (min-width: 1920px) {
  .single-news {
    margin: 0px 480px 120px 480px;
  }
}
@media only screen and (min-width: 1280px) {
  .single-news__block {
    display: flex;
    flex-direction: column;
  }
}
.single-news__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
  .single-news__title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 1280px) {
  .single-news__title {
    font-size: 64px;
  }
}
.single-news__info {
  display: flex;
  flex-direction: row;
  justify-content: start;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .single-news__info {
    gap: 24px;
    margin-bottom: 25px;
  }
}
.single-news__text {
  color: #666;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media only screen and (min-width: 1280px) {
  .single-news__text {
    font-size: 20px;
  }
}
.single-news__text_date::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #666;
  margin-right: 8px;
  margin-top: 0px;
}
.single-news__text_watch::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 viewBox=%220 0 16 16%22 fill=%22none%22%3E %3Cpath d=%22M7.99984 6C7.4694 6 6.9607 6.21071 6.58562 6.58579C6.21055 6.96086 5.99984 7.46957 5.99984 8C5.99984 8.53043 6.21055 9.03914 6.58562 9.41421C6.9607 9.78929 7.4694 10 7.99984 10C8.53027 10 9.03898 9.78929 9.41405 9.41421C9.78912 9.03914 9.99984 8.53043 9.99984 8C9.99984 7.46957 9.78912 6.96086 9.41405 6.58579C9.03898 6.21071 8.53027 6 7.99984 6ZM7.99984 11.3333C7.11578 11.3333 6.26794 10.9821 5.64281 10.357C5.01769 9.7319 4.6665 8.88406 4.6665 8C4.6665 7.11595 5.01769 6.2681 5.64281 5.64298C6.26794 5.01786 7.11578 4.66667 7.99984 4.66667C8.88389 4.66667 9.73174 5.01786 10.3569 5.64298C10.982 6.2681 11.3332 7.11595 11.3332 8C11.3332 8.88406 10.982 9.7319 10.3569 10.357C9.73174 10.9821 8.88389 11.3333 7.99984 11.3333ZM7.99984 3C4.6665 3 1.81984 5.07333 0.666504 8C1.81984 10.9267 4.6665 13 7.99984 13C11.3332 13 14.1798 10.9267 15.3332 8C14.1798 5.07333 11.3332 3 7.99984 3Z%22 fill=%22%23666666%22/%3E %3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 8px;
}
.single-news__text_share {
  margin-left: auto;
}
.single-news__text_share::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("../img/share.svg");
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 8px;
}
.single-news__content {
  overflow: hidden;
}
.single-news__content p {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .single-news__content p {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .single-news__content p {
    font-size: 24px;
  }
}
.single-news__content p + h2 {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  .single-news__content p + h2 {
    margin-top: 40px;
  }
}
.single-news__content p + img {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  .single-news__content p + img {
    margin-top: 20px;
  }
}
.single-news__content h2 {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .single-news__content h2 {
    font-size: 32px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .single-news__content h2 {
    font-size: 48px;
  }
}
.single-news__content img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin-top: 40px;
  margin-bottom: 40px;
  border-radius: 20px;
}
@media only screen and (min-width: 768px) {
  .single-news__content img {
    border-radius: 64px;
  }
}
.single-news__content ul {
  padding-left: 20px;
  margin-bottom: 20px;
}
.single-news__content ul li {
  list-style-type: disc;
  color: #030303;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  padding-left: 10px;
}
@media only screen and (min-width: 768px) {
  .single-news__content ul li {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .single-news__content ul li {
    font-size: 24px;
  }
}
.single-news__content a {
  color: #666;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .single-news__content a {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .single-news__content a {
    font-size: 24px;
  }
}

.page-news_single .page-news__block {
  padding-top: 50px;
}
.page-news_single .page-news__title {
  display: none;
}
@media only screen and (min-width: 1280px) {
  .page-news_single .page-news__title {
    display: flex;
    margin-bottom: 30px;
  }
}
.page-news_single .page-news__head {
  width: 100%;
}

.help-block__block {
  padding: 120px 0px 60px 0px;
}
@media only screen and (min-width: 768px) {
  .help-block__block {
    padding: 90px 0px 0px 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .help-block__block {
    padding: 130px 0px 0px 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .help-block__block {
    padding: 120px 0px 120px 0px;
  }
}
.help-block__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .help-block__title {
    font-size: 42px;
    width: 50%;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1280px) {
  .help-block__title {
    max-width: 450px;
    font-size: 54px;
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 1920px) {
  .help-block__title {
    max-width: 500px;
    font-size: 64px;
  }
}
.help-block__list {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media only screen and (min-width: 768px) {
  .help-block__list {
    gap: 35px;
  }
}
@media only screen and (min-width: 1280px) {
  .help-block__list {
    gap: 90px;
  }
}

.help {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .help {
    flex-direction: row;
    justify-content: space-between;
    gap: 16px;
  }
  .help:nth-child(2n) {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 1280px) {
  .help {
    gap: 30px;
    align-items: center;
  }
}
@media only screen and (min-width: 1920px) {
  .help {
    gap: 70px;
  }
  .help:nth-child(2n) .help__image {
    width: 1120px;
  }
  .help:nth-child(2n) .help__wrapper {
    width: calc(100% - 1120px);
  }
}
.help__image {
  width: calc(100% + 32px);
  height: 360px;
  margin-left: -16px;
  margin-right: -16px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom;
     object-position: bottom;
  border-radius: 24px;
  border: 1px solid #030303;
  margin-bottom: 32px;
  background-color: #F5F5F5;
}
.help__image_red {
  background-color: #E83030;
}
@media only screen and (min-width: 768px) {
  .help__image {
    width: 50%;
    margin-left: 0px;
    margin-right: 0px;
    height: 390px;
    border-radius: 30px;
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .help__image {
    height: 360px;
    border-radius: 64px;
  }
}
@media only screen and (min-width: 1920px) {
  .help__image {
    height: 570px;
    width: 570px;
  }
}
.help__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .help__title {
    font-size: 32px;
    margin-bottom: 20px;
    text-transform: none;
    -webkit-hyphens: auto;
            hyphens: auto;
  }
}
@media only screen and (min-width: 1920px) {
  .help__title {
    font-size: 48px;
    margin-bottom: 40px;
    max-width: 690px;
  }
}
.help__wrapper {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .help__wrapper {
    width: 50%;
  }
}
@media only screen and (min-width: 1280px) {
  .help__wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1920px) {
  .help__wrapper {
    width: calc(100% - 570px);
    flex-direction: column;
  }
}
.help__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .help__content {
    gap: 10px;
    margin-bottom: 17px;
  }
}
@media only screen and (min-width: 1280px) {
  .help__content {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .help__content {
    flex-direction: row;
    gap: 40px;
  }
}
.help__text {
  color: #666;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
}
@media only screen and (min-width: 768px) {
  .help__text {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .help__text {
    font-size: 32px;
    max-width: 690px;
  }
}
.help__link {
  color: #fff;
  text-align: center;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  display: flex;
  padding: 10px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 99px;
  background: #424242;
  border: 1px solid #030303;
  margin-bottom: 8px;
  height: -moz-fit-content;
  height: fit-content;
}
.help__link_red {
  background: #E83030;
}
@media only screen and (min-width: 768px) {
  .help__link {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1280px) {
  .help__link {
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 0px;
    margin-right: 20px;
    padding: 12px 50px !important;
  }
}
@media only screen and (min-width: 1920px) {
  .help__link {
    font-size: 24px;
  }
}
.help__link_arrow {
  color: #424242;
  border: 1px solid #424242;
  background: #fff;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 12px 24px;
}
.help__link_arrow::after {
  position: absolute;
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 99px;
  background: #030303;
  right: 5px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 25 24" fill="none"><path d="M9.08598 5.58606C9.46103 5.21112 9.96965 5.00049 10.5 5.00049C11.0303 5.00049 11.5389 5.21112 11.914 5.58606L18.329 12.0001L11.914 18.4141C11.524 18.8051 11.012 19.0001 10.5 19.0001C9.98798 19.0001 9.47598 18.8051 9.08598 18.4141C8.71104 18.039 8.50041 17.5304 8.50041 17.0001C8.50041 16.4697 8.71104 15.9611 9.08598 15.5861L12.671 12.0001L9.08598 8.41406C8.71104 8.039 8.50041 7.53039 8.50041 7.00006C8.50041 6.46973 8.71104 5.96112 9.08598 5.58606Z" fill="white"/></svg>');
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) {
  .help__link_arrow {
    padding: 10px 24px;
    align-items: center;
    margin-bottom: 0px;
  }
  .help__link_arrow::after {
    display: none;
  }
}
@media only screen and (min-width: 1920px) {
  .help__link_arrow {
    display: none;
  }
}

.help-form-block__block {
  padding: 90px 0px;
}
@media only screen and (min-width: 1280px) {
  .help-form-block__block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 180px;
  }
}
@media only screen and (min-width: 1920px) {
  .help-form-block__block {
    padding: 130px 0px;
    gap: 70px;
  }
}
.help-form-block__title_wrapper {
  position: relative;
  margin-bottom: 30px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .help-form-block__title_wrapper {
    margin-bottom: 60px;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media only screen and (min-width: 1920px) {
  .help-form-block__title_wrapper {
    width: 50%;
    margin-bottom: 0px;
  }
}
.help-form-block__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 7px;
}
@media only screen and (min-width: 768px) {
  .help-form-block__title {
    font-size: 48px;
    max-width: 350px;
  }
}
@media only screen and (min-width: 1280px) {
  .help-form-block__title {
    font-size: 54px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1920px) {
  .help-form-block__title {
    font-size: 64px;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}
.help-form-block__image {
  height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  -o-object-position: bottom;
     object-position: bottom;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .help-form-block__image {
    position: absolute;
    right: -150px;
    top: -50px;
    height: 250px;
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .help-form-block__image {
    display: none;
  }
}
@media only screen and (min-width: 1920px) {
  .help-form-block__image {
    display: block;
    bottom: 0px;
    top: auto;
    right: 0px;
    height: 550px;
  }
}
.help-form-block__subtitle {
  color: #B6B6B6;
  font-family: "Blender Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .help-form-block__subtitle {
    font-size: 26px;
    max-width: 250px;
  }
}
@media only screen and (min-width: 1280px) {
  .help-form-block__subtitle {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1920px) {
  .help-form-block__subtitle {
    font-size: 44px;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}
@media only screen and (min-width: 1280px) {
  .help-form {
    width: 100%;
  }
}
@media only screen and (min-width: 1920px) {
  .help-form {
    width: 50%;
    margin-top: 100px;
  }
  .help-form_vacancies {
    margin-top: 0px;
  }
}
.help-form__title {
  color: #666;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .help-form__title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1280px) {
  .help-form__title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .help-form__title {
    font-size: 24px;
    margin-bottom: 16px;
  }
}
.help-form__checkboxes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .help-form__checkboxes {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .help-form__checkboxes {
    margin-bottom: 36px;
  }
}
@media only screen and (min-width: 1920px) {
  .help-form__checkboxes {
    margin-bottom: 24px;
  }
}
.help-form__fields {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .help-form__fields {
    flex-direction: row;
    gap: 16px;
  }
}
.help-form__field {
  border-radius: 99px;
  background: #E6E6E6;
  padding: 12px 24px;
  color: #030303;
  font-family: "Blender Pro";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: 16px;
  width: 100%;
  height: 42px;
}
.help-form__field_wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.help-form__field_wrapper .help-form__title {
  margin-bottom: 0px;
}
@media only screen and (min-width: 768px) {
  .help-form__field_wrapper {
    width: 50%;
  }
}
.help-form__field::-moz-placeholder {
  color: #666;
}
.help-form__field::placeholder {
  color: #666;
}
.help-form__field.help-form__field_textarea {
  resize: none;
}
@media only screen and (min-width: 768px) {
  .help-form__field.help-form__field_textarea {
    padding: 20px 24px;
    height: 120px;
    border-radius: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .help-form__field.help-form__field_textarea {
    margin-bottom: 36px;
  }
}
@media only screen and (min-width: 1920px) {
  .help-form__field.help-form__field_textarea {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .help-form__field.help-form__field_input {
    margin-bottom: 36px;
  }
}
@media only screen and (min-width: 1920px) {
  .help-form__field.help-form__field_input {
    margin-bottom: 24px;
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .help-form__field {
    font-size: 18px;
    padding: 15px 24px;
    height: -moz-fit-content;
    height: fit-content;
  }
}
.help-form__checkbox input {
  display: none;
}
.help-form__checkbox input:checked + label {
  background-color: #030303;
  color: #fff;
}
.help-form__checkbox label {
  color: #666;
  font-family: "Blender Pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 24px;
  border: 1px solid #E6E6E6;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  transition: all 0.1s ease;
  line-height: 100%;
}
@media only screen and (min-width: 768px) {
  .help-form__checkbox label {
    font-size: 18px;
    padding: 6px 12px;
    text-transform: none;
  }
}
@media only screen and (min-width: 1920px) {
  .help-form__checkbox label {
    padding: 10px 12px;
  }
}
.help-form__btn {
  border-radius: 99px;
  background: #FFC809;
  display: flex;
  width: 100%;
  padding: 16px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #030303;
  text-align: center;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
  margin-top: 16px;
}
.help-form__btn.help-form__btn_red {
  background: #E83030;
}
.help-form__btn_yellow {
  background: #FFC809 !important;
  color: #030303 !important;
}
@media only screen and (min-width: 768px) {
  .help-form__btn {
    width: 100%;
    background: #424242;
    color: #fff;
    font-size: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .help-form__btn {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1920px) {
  .help-form__btn {
    font-size: 24px;
    padding: 20px 50px;
  }
}

.technology-stack__block {
  padding: 20px 0px 80px 0px;
}
@media only screen and (min-width: 768px) {
  .technology-stack__block {
    padding: 20px 0px 100px 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .technology-stack__block {
    padding: 30px 0px 130px 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .technology-stack__block {
    padding: 30px 0px 160px 0px;
  }
}
.technology-stack__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .technology-stack__title {
    width: 100%;
    text-align: center;
    font-size: 42px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .technology-stack__title {
    font-size: 54px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1920px) {
  .technology-stack__title {
    font-size: 64px;
    margin-bottom: 40px;
  }
}
.technology-stack__list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 20px 0px;
  overflow: hidden;
  border-top: 1px solid #030303;
  border-bottom: 1px solid #030303;
  background: #F5F5F5;
  margin-left: -16px;
  margin-right: -16px;
}
@media only screen and (min-width: 768px) {
  .technology-stack__list {
    margin-left: -35px;
    margin-right: -35px;
    padding: 35px 60px;
    border: none;
    flex-wrap: wrap;
    gap: 60px;
  }
}
@media only screen and (min-width: 1280px) {
  .technology-stack__list {
    margin-left: -50px;
    margin-right: -50px;
    gap: 50px;
    padding: 16px 70px;
  }
}
@media only screen and (min-width: 1920px) {
  .technology-stack__list {
    margin-left: -80px;
    margin-right: -80px;
    gap: 80px;
    padding: 24px 70px;
  }
}
.technology-stack__link {
  transition: all 0.1s ease;
}
.technology-stack__link:hover img {
  mix-blend-mode: normal;
}
.technology-stack__item {
  width: -moz-fit-content;
  width: fit-content;
  max-height: 55px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  mix-blend-mode: luminosity;
}
@media only screen and (min-width: 1920px) {
  .technology-stack__item {
    max-height: 65px;
  }
}

.best-projects__block {
  padding: 0px 0px 30px 0px;
}
@media only screen and (min-width: 768px) {
  .best-projects__block {
    padding: 110px 0px 10px 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .best-projects__block {
    padding: 130px 0px 10px 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .best-projects__block {
    padding: 200px 0px 10px 0px;
  }
}
.best-projects__head {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .best-projects__head {
    margin-bottom: 50px;
    flex-direction: row;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1280px) {
  .best-projects__head {
    flex-direction: column;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1920px) {
  .best-projects__head {
    margin-bottom: 70px;
  }
}
.best-projects__head_wrapper {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .best-projects__head_wrapper {
    width: 40%;
  }
}
@media only screen and (min-width: 1280px) {
  .best-projects__head_wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}
.best-projects__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .best-projects__title {
    font-size: 42px;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 1280px) {
  .best-projects__title {
    font-size: 56px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1920px) {
  .best-projects__title {
    font-size: 64px;
    margin-bottom: 24px;
  }
}
.best-projects__subtitle {
  color: #666;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.32px;
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .best-projects__subtitle {
    margin-bottom: 0px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 1280px) {
  .best-projects__subtitle {
    font-size: 20px;
    width: 35%;
    position: absolute;
    top: 55px;
    right: 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .best-projects__subtitle {
    font-size: 32px;
  }
}
.best-projects__filters {
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) {
  .best-projects__filters {
    width: 52%;
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .best-projects__filters {
    width: 50%;
  }
}
.best-projects__btn {
  margin-top: 35px;
}
@media only screen and (min-width: 768px) {
  .best-projects__btn {
    margin-top: 0px;
  }
}

.projects {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
}
@media only screen and (min-width: 768px) {
  .projects {
    gap: unset;
  }
}
.projects .project {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .projects .project {
    width: calc(50% - 12px);
    margin-right: 24px;
    margin-bottom: 24px;
  }
  .projects .project:nth-child(2n) {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .projects .project {
    margin-right: 20px;
    margin-bottom: 40px;
    width: calc(50% - 10px);
  }
}
@media only screen and (min-width: 1920px) {
  .projects .project {
    margin-right: 30px;
    margin-bottom: 40px;
    width: calc(50% - 15px);
  }
}
.projects .project__image {
  width: 100%;
  height: 320px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 16px;
  border-radius: 24px;
  border: 1px solid #030303;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .projects .project__image {
    height: 330px;
    border-radius: 40px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .projects .project__image {
    border-radius: 50px;
    height: 570px;
  }
}
@media only screen and (min-width: 1920px) {
  .projects .project__image {
    height: 570px;
    border-radius: 64px;
    margin-bottom: 32px;
  }
}
.projects .project__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase !important;
}
@media only screen and (min-width: 768px) {
  .projects .project__title {
    font-size: 28px;
    text-transform: none;
  }
}
@media only screen and (min-width: 1280px) {
  .projects .project__title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1920px) {
  .projects .project__title {
    font-size: 36px;
    text-transform: uppercase;
  }
}
.projects .project__empty {
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .projects .project__empty {
    height: 330px;
    border: 1px solid #030303;
    border-radius: 40px;
    display: flex;
    flex-direction: column;
    padding: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .projects .project__empty {
    height: 570px;
    border-radius: 50px;
    padding: 15px;
  }
}
.projects .project__empty .project__image {
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (min-width: 768px) {
  .projects .project__empty .project__image {
    border: none;
    height: 140px;
  }
}
@media only screen and (min-width: 1280px) {
  .projects .project__empty .project__image {
    width: 320px;
    height: 370px;
    left: -60px;
    position: absolute;
    bottom: 70px;
  }
}
@media only screen and (min-width: 1920px) {
  .projects .project__empty .project__image {
    width: 325px;
    height: 375px;
    bottom: 0px;
    left: 0px;
  }
}
.projects .project__empty .project__title {
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .projects .project__empty .project__title {
    margin-top: auto;
  }
}
@media only screen and (min-width: 1280px) {
  .projects .project__empty .project__title {
    margin-left: 200px;
    margin-bottom: 20px;
    max-width: 340px;
  }
}
@media only screen and (min-width: 1920px) {
  .projects .project__empty .project__title {
    margin-left: 355px;
  }
}
.projects .project__empty .project__btn {
  color: #fff;
  text-align: center;
  font-family: "Blender Pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  display: flex;
  width: 100%;
  padding: 20px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 99px;
  background-color: #030303;
  margin-top: 14px;
}
@media only screen and (min-width: 768px) {
  .projects .project__empty .project__btn {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .projects .project__empty .project__btn {
    margin-left: 200px;
    width: calc(100% - 200px);
    padding: 10px 75px;
    margin-bottom: 88px;
    max-width: 340px;
    font-size: 24px;
  }
}
@media only screen and (min-width: 1920px) {
  .projects .project__empty .project__btn {
    margin-left: 355px;
  }
}

.specialization__block {
  padding: 50px 0px 0px 0px;
}
@media only screen and (min-width: 768px) {
  .specialization__block {
    padding: 90px 0px 10px 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .specialization__block {
    padding: 120px 0px 20px 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .specialization__block {
    padding: 160px 0px 30px 0px;
  }
}
.specialization__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .specialization__title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 1280px) {
  .specialization__title {
    font-size: 54px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1920px) {
  .specialization__title {
    font-size: 80px;
    margin-bottom: 60px;
  }
}
.specialization__tabs {
  display: flex;
  gap: 10px;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) {
  .specialization__tabs {
    gap: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .specialization__tabs {
    gap: 40px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1920px) {
  .specialization__tabs {
    gap: unset;
    justify-content: space-between;
    margin-bottom: 40px;
  }
}
.specialization__tab {
  background-color: transparent;
  color: #666;
  font-family: "Blender Pro";
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.specialization__tab:hover {
  color: #030303;
  border-bottom: 1px solid #030303;
}
@media only screen and (min-width: 768px) {
  .specialization__tab {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1280px) {
  .specialization__tab {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .specialization__tab {
    font-size: 32px;
  }
}
.specialization__tab_active {
  color: #030303;
  border-bottom: 1px solid #030303;
}
.specialization__content {
  display: none;
}
.specialization__content_active {
  display: block;
}
.specialization__item {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  border-bottom: 1px solid #030303;
  padding: 10px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease;
  cursor: pointer;
}
.specialization__item:hover a {
  color: #666;
}
.specialization__item:first-child {
  border-top: 1px solid #030303;
}
@media only screen and (min-width: 768px) {
  .specialization__item {
    font-size: 20px;
    padding: 16px 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .specialization__item {
    font-size: 32px;
    padding: 18px 0px;
  }
}
.specialization__item::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("../img/icons/arrow-right.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 768px) {
  .specialization__item::after {
    width: 22px;
    height: 22px;
  }
}
@media only screen and (min-width: 1920px) {
  .specialization__item::after {
    width: 40px;
    height: 40px;
  }
}
.specialization__item_link {
  display: flex;
  max-width: 90%;
}

.startup {
  overflow: hidden;
}
.startup__block {
  padding: 70px 0px 0px 0px;
}
@media only screen and (min-width: 1920px) {
  .startup__block {
    padding: 160px 0px 0px 0px;
  }
}
.startup__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) {
  .startup__header {
    gap: 20px;
    margin-bottom: 65px;
  }
}
@media only screen and (min-width: 1280px) {
  .startup__header {
    margin-left: auto;
    width: 80%;
    gap: 40px;
  }
}
@media only screen and (min-width: 1920px) {
  .startup__header {
    gap: 64px;
  }
}
.startup__title {
  color: #818181;
  text-align: center;
  font-family: "Uni Sans-Trial";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  padding-bottom: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.startup__title:hover {
  color: rgba(3, 3, 3, 0.8);
}
.startup__title_active {
  color: #030303;
  border-bottom: 1px solid #030303;
}
@media only screen and (min-width: 768px) {
  .startup__title_active {
    border-bottom: 3px solid #030303;
  }
}
@media only screen and (min-width: 768px) {
  .startup__title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1280px) {
  .startup__title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 1920px) {
  .startup__title {
    font-size: 64px;
  }
}

.investment-projects {
  display: none !important;
}
.investment-projects.active {
  display: block !important;
}
.investment-projects__row {
  margin-bottom: 50px;
}
.investment-projects__row:last-child {
  margin-bottom: 0px;
}
@media only screen and (min-width: 768px) {
  .investment-projects__row {
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 1280px) {
  .investment-projects__row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1920px) {
  .investment-projects__row {
    margin-bottom: 100px;
  }
}
.investment-projects__label {
  color: #666;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .investment-projects__label {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1920px) {
  .investment-projects__label {
    font-size: 24px;
  }
}
.investment-projects__desc {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.36px;
}
@media only screen and (min-width: 768px) {
  .investment-projects__desc {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1920px) {
  .investment-projects__desc {
    font-size: 32px;
    max-width: 950px;
  }
}
.investment-projects__content {
  overflow: hidden;
  padding-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .investment-projects__content {
    overflow: visible;
  }
}
@media only screen and (min-width: 1280px) {
  .investment-projects__content {
    width: 80%;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1280px) {
  .investment-projects__about {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
  }
}
@media only screen and (min-width: 1920px) {
  .investment-projects__about {
    gap: 40px;
  }
}
.investment-projects__about-image {
  width: 100%;
  height: 235px;
  margin-bottom: 30px;
}
.investment-projects__about-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 36px;
  border: 1px solid #030303;
}
@media only screen and (min-width: 768px) {
  .investment-projects__about-image {
    height: 380px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1280px) {
  .investment-projects__about-image {
    width: 560px;
    margin-bottom: 0px;
  }
  .investment-projects__about-image img {
    width: 560px;
  }
}
@media only screen and (min-width: 1920px) {
  .investment-projects__about-image {
    width: 930px;
    height: 670px;
  }
  .investment-projects__about-image img {
    width: 930px;
  }
}

.investment-projects-services {
  width: calc(100% - 60px);
  position: relative;
}
.investment-projects-services .swiper-wrapper {
  display: flex;
  align-items: stretch;
  height: auto !important;
}
.investment-projects-services .swiper-slide {
  height: auto !important;
}
.investment-projects-services .investment-projects-service {
  border-radius: 28px;
  border: 1px solid #030303;
  background: #E9E9E9;
  padding: 24px;
  gap: 12px;
  display: flex;
  flex-direction: column;
  align-items: start;
  min-width: 270px;
  height: 100%;
  box-shadow: 6px 6px 0px 0px #030303;
}
@media only screen and (min-width: 768px) {
  .investment-projects-services .investment-projects-service {
    width: 270px;
    flex-shrink: 0;
  }
}
@media only screen and (min-width: 1920px) {
  .investment-projects-services .investment-projects-service {
    padding: 40px 32px;
    width: 440px;
    border-radius: 48px;
    border: 1px solid #030303;
    background: #E9E9E9;
    box-shadow: 8px 8px 0px 0px #030303;
  }
}
.investment-projects-services .investment-projects-service__title {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}
@media only screen and (min-width: 1920px) {
  .investment-projects-services .investment-projects-service__title {
    font-size: 32px;
  }
}
.investment-projects-services .investment-projects-service__subtitle {
  color: #666;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  flex-grow: 1;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1920px) {
  .investment-projects-services .investment-projects-service__subtitle {
    font-size: 24px;
    margin-bottom: 32px;
  }
}
.investment-projects-services .investment-projects-service__links {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
}
@media only screen and (min-width: 1920px) {
  .investment-projects-services .investment-projects-service__links {
    gap: unset;
    justify-content: space-between;
  }
}
.investment-projects-services .investment-projects-service__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  color: #030303;
  text-align: center;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}
.investment-projects-services .investment-projects-service__link_btn {
  display: flex;
  height: 44px;
  width: 100%;
  padding: 10px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 99px;
  background: #030303;
  color: #fff;
  font-family: "Blender Pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (min-width: 1920px) {
  .investment-projects-services .investment-projects-service__link_btn {
    height: 56px;
    border-radius: 99px;
    font-size: 24px;
  }
}
.investment-projects-services .investment-projects-service__link-picture {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media only screen and (min-width: 1920px) {
  .investment-projects-services .investment-projects-service__link-picture {
    width: 120px;
    height: 120px;
  }
}
.investment-projects-services .investment-projects-service__link-picture:after {
  content: "";
  width: 25px;
  height: 25px;
  background-image: url(../img/startup/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
}
@media only screen and (min-width: 1920px) {
  .investment-projects-services .investment-projects-service__link-picture:after {
    width: 40px;
    height: 40px;
  }
}
.investment-projects-services .investment-projects-service__link-picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.investment-projects-services .investment-projects-services-navigation {
  display: flex;
  justify-content: space-between;
  position: absolute;
  flex-direction: column;
  top: 50%;
  right: -60px;
  transform: translateY(-50%);
  width: auto;
  z-index: 20;
  padding: 0;
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .investment-projects-services .investment-projects-services-navigation {
    display: none;
  }
}
.investment-projects-services .investment-projects-services-navigation .investment-projects-services-prev,
.investment-projects-services .investment-projects-services-navigation .investment-projects-services-next {
  pointer-events: auto;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #030303;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .investment-projects-services .investment-projects-services-navigation .investment-projects-services-prev,
  .investment-projects-services .investment-projects-services-navigation .investment-projects-services-next {
    width: 45px;
    height: 45px;
  }
}
@media only screen and (min-width: 1920px) {
  .investment-projects-services .investment-projects-services-navigation .investment-projects-services-prev,
  .investment-projects-services .investment-projects-services-navigation .investment-projects-services-next {
    width: 56px;
    height: 56px;
  }
}
.investment-projects-services .investment-projects-services-navigation .investment-projects-services-prev::after,
.investment-projects-services .investment-projects-services-navigation .investment-projects-services-next::after {
  content: "";
  display: block;
}
.investment-projects-services .investment-projects-services-navigation .startup-services-prev {
  transform: rotate(180deg);
}

.startups {
  display: none;
  flex-direction: column;
  gap: 60px;
}
.startups.active {
  display: flex;
}
@media only screen and (min-width: 1280px) {
  .startups {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1280px) {
  .startups__list {
    width: 70%;
  }
}
@media only screen and (min-width: 1920px) {
  .startups__list {
    width: 80%;
  }
}
@media only screen and (min-width: 1280px) {
  .startups__filter {
    width: 30%;
  }
}
@media only screen and (min-width: 1920px) {
  .startups__filter {
    width: 16%;
  }
}
.startups__pagination {
  display: none;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
}
@media only screen and (min-width: 1280px) {
  .startups__pagination {
    display: flex;
  }
}
.startups__pagination-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 28px;
}
.startups__pagination-prev, .startups__pagination-next {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../img/startup/pagination-arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 32px;
  height: 32px;
}
.startups__pagination-next {
  transform: rotate(180deg);
}
.startups__pagination-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.startups__pagination-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.startups__pagination-link {
  color: #030303;
  text-align: center;
  font-family: "Blender Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  border-radius: 999px;
  border: 1px solid #030303;
  background: #E6E6E6;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.startups__pagination-link_active {
  background: #14C0FE;
  color: #fff;
}
.startups__pagination-link:hover {
  background: #14C0FE;
  color: #fff;
}
.startups__pagination-show {
  display: flex;
  align-items: center;
  gap: 12px;
}
.startups__pagination-text {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 20px;
  font-weight: 700;
  white-space: nowrap;
}
.startups__pagination-select-wrapper {
  position: relative;
}
.startups__pagination-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #F1F1F1;
  border: none;
  border-radius: 999px;
  padding: 12px 35px 12px 20px;
  color: #030303;
  font-family: "Blender Pro";
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  min-width: 70px;
}
.startups__pagination-select:focus {
  outline: none;
}
.startups__pagination-select option {
  background: white;
  padding: 8px;
  text-align: center;
}
.startups__pagination-select-wrapper::after {
  content: "▼";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%) scaleX(1.5);
  pointer-events: none;
  font-size: 12px;
  color: #030303;
}

.startups__filter__form,
.filter__form {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.startups__filter__search,
.filter__search {
  width: 100%;
  border: 1px solid #030303;
  border-radius: 99px;
  padding: 10px 10px 10px 54px;
  color: #030303;
  font-family: "Blender Pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.36px;
  background-image: url(../img/startup/search.svg);
  background-repeat: no-repeat;
  background-position: 20px center;
  background-size: 14px;
}
.startups__filter__search::-moz-placeholder, .filter__search::-moz-placeholder {
  color: #818181;
}
.startups__filter__search::placeholder,
.filter__search::placeholder {
  color: #818181;
}
.startups__filter__group,
.filter__group {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #030303;
  padding-top: 32px;
}
.startups__filter__group_no-border,
.filter__group_no-border {
  border-top: none;
  padding-top: 0px;
}
.startups__filter__title,
.filter__title {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.startups__filter__title::after,
.filter__title::after {
  content: "▼";
  transform: scaleX(1.5) rotate(0deg);
  font-size: 14px;
  transition: transform 0.3s ease;
}
.startups__filter__title.active::after,
.filter__title.active::after {
  transform: scaleX(1.5) rotate(180deg);
}
.startups__filter__options,
.filter__options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: all 0.3s ease;
  will-change: max-height, opacity;
}
.startups__filter__options.active,
.filter__options.active {
  max-height: 1000px;
  opacity: 1;
  padding-top: 24px;
}
.startups__filter__options_radio,
.filter__options_radio {
  flex-direction: column;
  gap: 8px;
}
.startups__filter__label,
.filter__label {
  color: #666;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  cursor: pointer;
  transition: all 0.1s ease;
  text-transform: uppercase;
  background: #fff;
  display: flex;
  height: 40px;
  padding: 0px 16px;
  align-items: center;
  border-radius: 24px;
  border: 1px solid #E6E6E6;
}
.startups__filter__label input:checked ~ *,
.filter__label input:checked ~ * {
  color: #fff;
}
.startups__filter__label:has(input:checked),
.filter__label:has(input:checked) {
  background-color: #030303;
  color: #fff;
}
.startups__filter__checkbox,
.filter__checkbox {
  display: none;
}
.startups__filter__radio-label,
.filter__radio-label {
  font-family: "Blender Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.4px;
  cursor: pointer;
  transition: all 0.1s ease;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 32px;
}
.startups__filter__radio-label input[type=radio],
.filter__radio-label input[type=radio] {
  display: none;
}
.startups__filter__radio-label::after,
.filter__radio-label::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border: 1px solid #E6E6E6;
  border-radius: 50%;
  transition: all 0.1s ease;
  box-sizing: border-box;
}
.startups__filter__radio-label:has(input[type=radio]:checked),
.filter__radio-label:has(input[type=radio]:checked) {
  color: #030303;
}
.startups__filter__radio-label:has(input[type=radio]:checked)::after,
.filter__radio-label:has(input[type=radio]:checked)::after {
  border: 4px solid #030303;
}
.startups__filter__button,
.filter__button {
  color: #fff;
  text-align: center;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 24px;
  display: flex;
  width: 100%;
  padding: 13px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #030303;
  border-radius: 99px;
  border: 1px solid #030303;
}
.startups-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 26px;
}
.startups-item:last-child {
  margin-bottom: 0px;
}
@media only screen and (min-width: 768px) {
  .startups-item {
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1920px) {
  .startups-item {
    flex-direction: row;
    gap: 40px;
  }
}
.startups-item:first-child {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 22px;
  border-radius: 32px;
  border: 1px solid #030303;
  overflow: hidden;
  height: 340px;
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) {
  .startups-item:first-child {
    padding: 30px;
  }
}
@media only screen and (min-width: 1920px) {
  .startups-item:first-child {
    height: 655px;
    border-radius: 50px;
  }
}
.startups-item:first-child .startups-item__info {
  display: flex;
  flex-direction: column;
  z-index: 2;
  margin-top: auto;
  gap: unset;
}
.startups-item:first-child .startups-item__rating {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 8px;
}
.startups-item:first-child .startups-item__stars {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-right: 15px;
}
.startups-item:first-child .startups-item__star {
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("../img/startup/star.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.startups-item:first-child .startups-item__star_active {
  background-image: url("../img/startup/star-filled.png");
}
@media only screen and (min-width: 768px) {
  .startups-item:first-child .startups-item__star {
    width: 20px;
    height: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .startups-item:first-child .startups-item__star {
    width: 32px;
    height: 32px;
  }
}
.startups-item:first-child .startups-item__views {
  color: #fff;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  display: flex;
  line-height: 98%;
  align-items: center;
}
.startups-item:first-child .startups-item__views::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("../img/startup/eye.svg");
  margin-right: 8px;
  filter: unset;
}
@media only screen and (min-width: 768px) {
  .startups-item:first-child .startups-item__views {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1920px) {
  .startups-item:first-child .startups-item__views {
    font-size: 20px;
  }
}
.startups-item:first-child .startups-item__title {
  color: #fff;
  font-family: "Uni Sans-Trial";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .startups-item:first-child .startups-item__title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1920px) {
  .startups-item:first-child .startups-item__title {
    font-size: 32px;
  }
}
.startups-item:first-child .startups-item__subtitle {
  color: #fff;
  font-family: "Blender Pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  .startups-item:first-child .startups-item__subtitle {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1920px) {
  .startups-item:first-child .startups-item__subtitle {
    font-size: 24px;
  }
}
.startups-item:first-child .startups-item__date {
  color: #fff;
  font-family: "Blender Pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
}
@media only screen and (min-width: 768px) {
  .startups-item:first-child .startups-item__date {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1920px) {
  .startups-item:first-child .startups-item__date {
    font-size: 20px;
  }
}
.startups-item:first-child .startups-item__idea {
  display: none;
}
.startups-item:first-child .startups-item__picture {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  margin-left: 0px;
}
.startups-item:first-child .startups-item__picture::after {
  display: none;
}
@media only screen and (min-width: 768px) {
  .startups-item:first-child .startups-item__picture {
    width: 100%;
    height: 100%;
    max-width: 100%;
  }
}
.startups-item:first-child .startups-item__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.startups-item__info {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media only screen and (min-width: 768px) {
  .startups-item__info {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1920px) {
  .startups-item__info {
    order: 1;
  }
}
.startups-item__rating {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.startups-item__stars {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-right: 15px;
}
.startups-item__star {
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("../img/startup/star.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.startups-item__star_active {
  background-image: url("../img/startup/star-filled.png");
}
@media only screen and (min-width: 768px) {
  .startups-item__star {
    width: 20px;
    height: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .startups-item__star {
    width: 32px;
    height: 32px;
  }
}
.startups-item__views {
  display: flex;
  align-items: center;
  color: #666;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 97%;
}
.startups-item__views::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("../img/startup/eye.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px;
  filter: brightness(0) saturate(100%) invert(46%) sepia(9%) saturate(343%) hue-rotate(182deg) brightness(94%) contrast(86%);
}
@media only screen and (min-width: 768px) {
  .startups-item__views::before {
    width: 20px;
    height: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .startups-item__views {
    font-size: 18px;
    line-height: 90%;
  }
}
@media only screen and (min-width: 1920px) {
  .startups-item__views {
    font-size: 20px;
  }
}
.startups-item__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}
@media only screen and (min-width: 768px) {
  .startups-item__title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 1920px) {
  .startups-item__title {
    font-size: 32px;
  }
}
.startups-item__subtitle {
  overflow: hidden;
  color: #666;
  text-overflow: ellipsis;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
}
@media only screen and (min-width: 1920px) {
  .startups-item__subtitle {
    font-size: 24px;
  }
}
.startups-item__date {
  color: #666;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}
@media only screen and (min-width: 1920px) {
  .startups-item__date {
    font-size: 20px;
  }
}
.startups-item__idea {
  display: none;
}
@media only screen and (min-width: 1920px) {
  .startups-item__idea {
    display: flex;
    flex-direction: column;
    gap: 24px;
    order: 2;
    max-width: 500px;
  }
}
.startups-item__idea-title {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
}
.startups-item__idea-subtitle {
  color: #666;
  font-family: "Blender Pro";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.startups-item__awards {
  color: #666;
  font-family: "Blender Pro";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}
.startups-item__picture {
  width: 100%;
  height: 230px;
  border-radius: 20px;
  border: 1px solid #030303;
  overflow: hidden;
  margin-bottom: 12px;
  position: relative;
}
.startups-item__picture::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("../img/startup/arrow-link.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 17px;
  right: 17px;
}
@media only screen and (min-width: 1920px) {
  .startups-item__picture::after {
    width: 48px;
    height: 48px;
    top: unset;
    bottom: 24px;
    right: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .startups-item__picture {
    max-width: 320px;
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .startups-item__picture {
    height: 320px;
    max-width: 480px;
    border-radius: 32px;
    order: 3;
  }
}
.startups-item__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.bots {
  padding: 16px 0px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .bots {
    padding: 24px 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .bots {
    padding: 35px 0px;
  }
}
.bots__directions {
  display: none;
}
@media only screen and (min-width: 1280px) {
  .bots__directions {
    margin-top: auto;
    margin-bottom: 16px;
    display: block;
    border-top: 2px solid #E6E6E6;
    padding-top: 4px;
    padding-right: 40px;
    color: #666;
    font-family: "Blender Pro";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    text-transform: uppercase;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  .bots__directions {
    font-size: 20px;
  }
}
.bots__block {
  display: flex;
  flex-direction: row;
  gap: 100px;
}
@media only screen and (min-width: 1920px) {
  .bots__block {
    gap: 30px;
  }
}

.bot__list {
  display: flex;
  flex-direction: row;
  gap: 12px;
  overflow-y: scroll;
  scrollbar-width: 0px;
}
.bot__list::-webkit-scrollbar {
  display: none;
}
@media only screen and (min-width: 768px) {
  .bot__list {
    gap: 30px;
  }
}
@media only screen and (min-width: 1920px) {
  .bot__list {
    gap: 40px;
  }
}
.bot__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
@media only screen and (min-width: 768px) {
  .bot__link {
    gap: 10px;
  }
}
@media only screen and (min-width: 1920px) {
  .bot__link {
    gap: 16px;
  }
}
.bot__image {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 99px;
  border: 2px solid #ABE8FE;
}
.bot__image img {
  width: 47px;
  height: 47px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  border-radius: 99px;
  background-color: #ABE8FE;
}
@media only screen and (min-width: 768px) {
  .bot__image img {
    width: 58px;
    height: 58px;
  }
}
@media only screen and (min-width: 1920px) {
  .bot__image img {
    width: 67px;
    height: 67px;
  }
}
@media only screen and (min-width: 768px) {
  .bot__image {
    width: 70px;
    height: 70px;
  }
}
@media only screen and (min-width: 1920px) {
  .bot__image {
    width: 80px;
    height: 80px;
  }
}
.bot__title {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .bot__title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .bot__title {
    font-size: 24px;
  }
}

@media only screen and (min-width: 768px) {
  .botovenok__block {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .botovenok__block {
    width: 72%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1920px) {
  .botovenok__block {
    width: 58%;
  }
}
@media only screen and (min-width: 768px) {
  .botovenok__block .watch-out__block {
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 1280px) {
  .botovenok__block .watch-out__block {
    flex-direction: column;
  }
  .botovenok__block .watch-out__block .watch-out__info {
    width: 100%;
  }
  .botovenok__block .watch-out__block .watch-out__info .watch-out__title {
    font-size: 54px;
  }
  .botovenok__block .watch-out__block .watch-out__info .watch-out__subtitle {
    font-size: 26px;
  }
  .botovenok__block .watch-out__block .socials {
    margin-top: 30px;
    width: 100%;
    justify-content: start;
  }
  .botovenok__block .watch-out__block .socials .social {
    width: 218px;
    height: 218px;
  }
  .botovenok__block .watch-out__block .socials .social img {
    width: 120px;
    height: 120px;
  }
}
@media only screen and (min-width: 1920px) {
  .botovenok__block .watch-out__block .watch-out__info .watch-out__title {
    font-size: 64px;
  }
  .botovenok__block .watch-out__block .watch-out__info .watch-out__subtitle {
    font-size: 32px;
  }
  .botovenok__block .watch-out__block .socials {
    margin-top: 50px;
  }
  .botovenok__block .watch-out__block .socials .social {
    width: 260px;
    height: 260px;
  }
  .botovenok__block .watch-out__block .socials .social img {
    width: 143px;
    height: 143px;
  }
}
.botovenok__header {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .botovenok__header {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-bottom: 46px;
  }
}
@media only screen and (min-width: 1280px) {
  .botovenok__header {
    margin-bottom: 60px;
  }
}
.botovenok__image {
  height: 250px;
}
.botovenok__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media only screen and (min-width: 768px) {
  .botovenok__image {
    width: 50%;
    margin-right: 20px;
    height: 320px;
  }
}
@media only screen and (min-width: 1280px) {
  .botovenok__image {
    width: 40%;
  }
}
@media only screen and (min-width: 768px) {
  .botovenok__info {
    width: 50%;
  }
  .botovenok__info .breadcrumbs {
    padding: 0px;
    margin-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .botovenok__info {
    width: 60%;
  }
}
@media only screen and (min-width: 1920px) {
  .botovenok__info .breadcrumbs .breadcrumbs__link,
  .botovenok__info .breadcrumbs .breadcrumbs__current {
    font-size: 20px;
  }
}
.botovenok__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .botovenok__title {
    font-size: 48px;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 1280px) {
  .botovenok__title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 1920px) {
  .botovenok__title {
    font-size: 80px;
    margin-bottom: 24px;
  }
}
.botovenok__subtitle {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .botovenok__subtitle {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 1280px) {
  .botovenok__subtitle {
    font-size: 20px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1920px) {
  .botovenok__subtitle {
    font-size: 24px;
    margin-bottom: 46px;
  }
}
.botovenok__buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1280px) {
  .botovenok__buttons {
    flex-direction: row;
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .botovenok__buttons {
    gap: 16px;
  }
}
.botovenok__buttons .botovenok__button {
  color: #030303;
  text-align: center;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
  display: flex;
  padding: 10px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 99px;
  border: 1px solid #030303;
}
.botovenok__buttons .botovenok__button_black {
  background-color: #030303;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .botovenok__buttons .botovenok__button {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1280px) {
  .botovenok__buttons .botovenok__button {
    width: 100%;
  }
}
@media only screen and (min-width: 1920px) {
  .botovenok__buttons .botovenok__button {
    font-size: 24px;
    padding: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .botovenok__buttons {
    margin-bottom: 0px;
  }
}
.botovenok__content h2,
.botovenok__content h3,
.botovenok__content h4,
.botovenok__content h5 {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .botovenok__content h2,
  .botovenok__content h3,
  .botovenok__content h4,
  .botovenok__content h5 {
    font-size: 32px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .botovenok__content h2,
  .botovenok__content h3,
  .botovenok__content h4,
  .botovenok__content h5 {
    font-size: 48px;
  }
}
.botovenok__content p {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
}
@media only screen and (min-width: 768px) {
  .botovenok__content p {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .botovenok__content p {
    font-size: 32px;
  }
}
.botovenok__content li a {
  display: inline;
  color: black;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  padding: 0px;
  background: none;
  background-color: none;
  width: none;
  height: none;
  margin: 0px;
  border: none;
  outline: none;
  box-shadow: none;
  text-decoration: underline;
  text-decoration-color: black;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .botovenok__content li a {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .botovenok__content li a {
    font-size: 32px;
  }
}
.botovenok__content a {
  display: flex;
  width: 100%;
  padding: 10px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
  background-color: #030303;
  border-radius: 99px;
}
@media only screen and (min-width: 768px) {
  .botovenok__content a {
    font-size: 18px;
    padding: 12.5px 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .botovenok__content a {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .botovenok__content a {
    font-size: 24px;
    padding: 15px;
  }
}
.botovenok__content a + p,
.botovenok__content a + img,
.botovenok__content a + ol,
.botovenok__content a + ul,
.botovenok__content a + h2,
.botovenok__content a + h3,
.botovenok__content a + h4,
.botovenok__content a + h5 {
  margin-top: 70px;
}
@media only screen and (min-width: 768px) {
  .botovenok__content a + p,
  .botovenok__content a + img,
  .botovenok__content a + ol,
  .botovenok__content a + ul,
  .botovenok__content a + h2,
  .botovenok__content a + h3,
  .botovenok__content a + h4,
  .botovenok__content a + h5 {
    margin-top: 95px;
  }
}
.botovenok__content h2 + img {
  margin-top: 10px;
}
.botovenok__content p + a {
  margin-top: 35px;
}
@media only screen and (min-width: 768px) {
  .botovenok__content p + a {
    margin-top: 45px;
  }
}
.botovenok__content p + ul,
.botovenok__content p + ol {
  margin-top: 0px;
}
.botovenok__content p + p {
  margin-top: 10px;
}
@media only screen and (min-width: 1280px) {
  .botovenok__content p + p {
    margin-top: 20px;
  }
}
.botovenok__content ul li,
.botovenok__content ol li {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
}
@media only screen and (min-width: 768px) {
  .botovenok__content ul li,
  .botovenok__content ol li {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .botovenok__content ul li,
  .botovenok__content ol li {
    font-size: 32px;
  }
}
.botovenok__content ul li {
  list-style: disc inside;
  margin-left: 10px;
}
.botovenok__content ol li {
  list-style: decimal inside;
  margin-left: 10px;
}
.botovenok__content img {
  height: 350px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 24px;
  border-radius: 48px;
}
@media only screen and (min-width: 768px) {
  .botovenok__content img {
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 1280px) {
  .botovenok__content img {
    height: 430px;
  }
}
@media only screen and (min-width: 1920px) {
  .botovenok__content img {
    height: 670px;
  }
}

.page-intro-service__block {
  padding-top: 70px;
  padding-bottom: 60px;
}
@media only screen and (min-width: 768px) {
  .page-intro-service__block {
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    padding-left: 50px;
    padding-right: 50px;
    gap: 40px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro-service__block {
    padding: 130px 80px 100px 80px;
    gap: 55px;
    align-items: center;
  }
}
@media only screen and (min-width: 1920px) {
  .page-intro-service__block {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 100px;
    padding-bottom: 160px;
    gap: 100px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-intro-service__header {
    width: 30%;
    margin-top: auto;
  }
  .page-intro-service__header .page-intro-service__title {
    display: none;
  }
  .page-intro-service__header .breadcrumbs {
    display: none;
  }
}
.page-intro-service__repeat {
  display: none;
}
@media only screen and (min-width: 1920px) {
  .page-intro-service__repeat {
    display: flex;
    flex-direction: column;
    margin-bottom: auto;
    width: 33%;
  }
}
.page-intro-service__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .page-intro-service__title {
    font-size: 48px;
    line-height: 52px;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro-service__title {
    font-size: 60px;
    line-height: 110%;
    margin-bottom: 2px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-intro-service__title {
    font-size: 80px;
  }
}
.page-intro-service__subtitle {
  color: #666;
  font-family: "Blender Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .page-intro-service__subtitle {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro-service__subtitle {
    font-size: 20px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-intro-service__subtitle {
    font-size: 24px;
    margin-bottom: 48px;
  }
}
.page-intro-service__btn {
  width: 100%;
  color: #fff;
  text-align: center;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  display: flex;
  height: 42px;
  padding: 10px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  background-color: #030303;
  border-radius: 99px;
  margin-bottom: 44px;
}
@media only screen and (min-width: 768px) {
  .page-intro-service__btn {
    font-size: 18px;
    height: 38px;
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro-service__btn {
    width: 300px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-intro-service__btn {
    font-size: 24px;
    height: 56px;
    width: 340px;
    margin-bottom: 54px;
  }
}
.page-intro-service__image_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 330px;
  border-radius: 32px;
  border: 1px solid #030303;
  background: #F5F5F5;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .page-intro-service__image_wrapper {
    width: 270px;
    min-width: 270px;
    height: 270px;
    margin-top: auto;
    border-radius: 36px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro-service__image_wrapper {
    width: 410px;
    min-width: 410px;
    height: 410px;
    border-radius: 64px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-intro-service__image_wrapper {
    width: 480px;
    min-width: 480px;
    height: 480px;
  }
}
.page-intro-service__image_no-border {
  border: none;
  background-color: #fff;
}
.page-intro-service__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-intro-service .breadcrumbs {
  padding: 0px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .page-intro-service .breadcrumbs {
    margin-bottom: 48px;
  }
  .page-intro-service .breadcrumbs .breadcrumbs__link,
  .page-intro-service .breadcrumbs .breadcrumbs__current {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro-service .breadcrumbs {
    margin-bottom: 25px;
  }
  .page-intro-service .breadcrumbs .breadcrumbs__link,
  .page-intro-service .breadcrumbs .breadcrumbs__current {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-intro-service .breadcrumbs {
    margin-bottom: 48px;
  }
}

.page-intro-techno {
  background: #F6F5F8;
  margin-bottom: 75px;
  padding: 40px 0px;
}
@media only screen and (min-width: 768px) {
  .page-intro-techno {
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro-techno {
    padding: 120px 60px 60px 60px;
    margin-bottom: 200px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-intro-techno {
    padding: 0px 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-intro-techno__block {
    padding: 220px 0px 80px 0px;
  }
}
.page-intro-techno__sm {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media only screen and (min-width: 768px) {
  .page-intro-techno__sm {
    display: none;
  }
}
.page-intro-techno__md {
  display: none;
}
@media only screen and (min-width: 768px) {
  .page-intro-techno__md {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro-techno__md {
    gap: 86px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-intro-techno__md {
    display: none;
  }
}
.page-intro-techno__hd {
  display: none;
}
@media only screen and (min-width: 1920px) {
  .page-intro-techno__hd {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}
.page-intro-techno__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .page-intro-techno__title {
    font-size: 42px;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro-techno__title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-intro-techno__title {
    font-size: 80px;
    width: 33%;
  }
}
.page-intro-techno__subtitle {
  color: #666;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
}
@media only screen and (min-width: 768px) {
  .page-intro-techno__subtitle {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro-techno__subtitle {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-intro-techno__subtitle {
    font-size: 24px;
    margin-bottom: 40px;
  }
}
.page-intro-techno__btn {
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  display: flex;
  padding: 10px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  background: #FF1E1E;
  border-radius: 99px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .page-intro-techno__btn {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro-techno__btn {
    max-width: 300px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-intro-techno__btn {
    font-size: 24px;
    max-width: unset;
  }
}
.page-intro-techno__image {
  width: 250px;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .page-intro-techno__image {
    width: 290px;
    height: 290px;
    margin-left: unset;
    margin-right: unset;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro-techno__image {
    width: 380px;
    height: 380px;
    margin-top: 120px;
    position: absolute;
  }
}
@media only screen and (min-width: 1920px) {
  .page-intro-techno__image {
    left: 38%;
    margin-top: -60px;
    width: 480px;
    height: 480px;
  }
}
.page-intro-techno__wrapper {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .page-intro-techno__wrapper {
    max-width: 300px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-intro-techno__wrapper {
    margin-left: 40%;
    max-width: 450px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-intro-techno__wrapper {
    margin-left: unset;
    max-width: unset;
    width: 33%;
    margin-top: 70px;
  }
}

.botovenks__header {
  margin-bottom: 36px;
}
@media only screen and (min-width: 768px) {
  .botovenks__header {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1280px) {
  .botovenks__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 33px;
  }
}
.botovenks__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) {
  .botovenks__title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .botovenks__title {
    font-size: 54px;
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .botovenks__title {
    font-size: 64px;
  }
}
.botovenks__subtitle {
  color: #666;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
}
@media only screen and (min-width: 768px) {
  .botovenks__subtitle {
    font-size: 18px;
    max-width: 455px;
  }
}
@media only screen and (min-width: 1280px) {
  .botovenks__subtitle {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .botovenks__subtitle {
    font-size: 24px;
    max-width: 550px;
  }
}
.botovenks__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
}
@media only screen and (min-width: 768px) {
  .botovenks__list {
    gap: unset;
  }
}

.botovenk {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  padding: 32px;
  border-radius: 48px;
  background: #F5F5F5;
}
@media only screen and (min-width: 768px) {
  .botovenk {
    width: calc(50% - 9px);
    margin-bottom: 56px;
    margin-right: 18px;
  }
  .botovenk:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .botovenk {
    width: calc(33.3333333333% - 13.3333333333px);
    margin-right: 20px;
    margin-bottom: 43px;
  }
  .botovenk:nth-child(2n) {
    margin-right: 20px;
  }
  .botovenk:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1920px) {
  .botovenk {
    width: calc(25% - 15px);
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .botovenk:nth-child(2n) {
    margin-right: 20px;
  }
  .botovenk:nth-child(3n) {
    margin-right: 20px;
  }
  .botovenk:nth-child(4n) {
    margin-right: 0px;
  }
}
.botovenk__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  margin-bottom: 8px;
}
.botovenk__subtitle {
  overflow: hidden;
  color: #666;
  text-overflow: ellipsis;
  font-family: "Blender Pro";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
  margin-bottom: 24px;
}
.botovenk__image_wrapper {
  border-radius: 32px;
  border: 1px solid #030303;
  height: 360px;
  width: 100%;
  margin-bottom: 24px;
  overflow: hidden;
  margin-top: auto;
}
@media only screen and (min-width: 768px) {
  .botovenk__image_wrapper {
    height: 306px;
  }
}
.botovenk__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.botovenk__btn {
  color: #fff;
  text-align: center;
  font-family: "Blender Pro";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  display: flex;
  height: 56px;
  padding: 10px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 99px;
  background: #030303;
  width: 100%;
}

.how-we-work__block {
  padding-top: 80px;
  padding-bottom: 100px;
}
@media only screen and (min-width: 768px) {
  .how-we-work__block {
    padding-top: 110px;
    padding-bottom: 110px;
  }
}
@media only screen and (min-width: 1280px) {
  .how-we-work__block {
    padding-top: 130px;
    padding-bottom: 130px;
  }
}
.how-we-work__subtitle {
  color: #666;
  font-family: "Blender Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 4px;
}
@media only screen and (min-width: 768px) {
  .how-we-work__subtitle {
    font-size: 26px;
    margin-bottom: 7px;
  }
}
@media only screen and (min-width: 1280px) {
  .how-we-work__subtitle {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1920px) {
  .how-we-work__subtitle {
    font-size: 44px;
  }
}
.how-we-work__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .how-we-work__title {
    font-size: 48px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1280px) {
  .how-we-work__title {
    font-size: 54px;
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 1920px) {
  .how-we-work__title {
    font-size: 64px;
    margin-bottom: 48px;
  }
}
.how-we-work__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
}
@media only screen and (min-width: 768px) {
  .how-we-work__list {
    gap: unset;
  }
}
.how-we-work__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 40px 52px;
  width: 100%;
  border-radius: 48px;
  border: 1px solid #030303;
  background: #F5F5F5;
  box-shadow: 8px 8px 0px 0px #030303;
  margin-right: 8px;
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) {
  .how-we-work__item {
    margin-right: 32px;
    margin-bottom: 32px;
  }
  .how-we-work__item:first-child {
    width: calc(45% - 24px);
    margin-right: 32px;
  }
  .how-we-work__item:nth-child(n) {
    width: calc(45% - 24px);
    margin-right: 32px;
  }
  .how-we-work__item:nth-child(2n) {
    width: calc(55% - 24px);
    margin-right: 8px;
  }
}
@media only screen and (min-width: 1280px) {
  .how-we-work__item {
    margin-bottom: 32px;
  }
  .how-we-work__item:nth-child(1), .how-we-work__item:nth-child(5) {
    width: 45%;
    margin-right: 32px;
  }
  .how-we-work__item:nth-child(2), .how-we-work__item:nth-child(6) {
    width: calc(55% - 40px);
  }
  .how-we-work__item:nth-child(3) {
    width: 40%;
    margin-right: 32px;
  }
  .how-we-work__item:nth-child(4) {
    width: calc(60% - 40px);
  }
}
@media only screen and (min-width: 1920px) {
  .how-we-work__item:nth-child(1) {
    width: 33.3333333333%;
    margin-right: 32px;
  }
  .how-we-work__item:nth-child(5) {
    width: 33.3333333333%;
    margin-right: 32px;
  }
  .how-we-work__item:nth-child(2) {
    width: 38.3333333333%;
    margin-right: 32px;
  }
  .how-we-work__item:nth-child(6) {
    width: 38.3333333333%;
    margin-right: 8px;
  }
  .how-we-work__item:nth-child(3) {
    width: 24%;
    margin-right: 8px;
  }
  .how-we-work__item:nth-child(4) {
    width: 24%;
    margin-right: 32px;
  }
}
.how-we-work__item-title {
  overflow: hidden;
  color: #030303;
  text-overflow: ellipsis;
  font-family: "Uni Sans-Trial";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}
.how-we-work__item-subtitle {
  color: #666;
  font-family: "Blender Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
}
@media only screen and (min-width: 1280px) {
  .how-we-work__item-subtitle {
    font-size: 32px;
  }
}

.what-think__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 7px;
}
@media only screen and (min-width: 768px) {
  .what-think__title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .what-think__title {
    font-size: 54px;
  }
}
@media only screen and (min-width: 1920px) {
  .what-think__title {
    font-size: 64px;
  }
}
.what-think__subtitle {
  color: #B6B6B6;
  font-family: "Blender Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .what-think__subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .what-think__subtitle {
    font-size: 36px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1920px) {
  .what-think__subtitle {
    font-size: 44px;
  }
}
.what-think__list {
  overflow-x: hidden;
}
@media only screen and (min-width: 768px) {
  .what-think__list {
    margin-left: 35px;
    margin-right: 35px;
  }
}
@media only screen and (min-width: 1280px) {
  .what-think__list {
    margin-left: 50px;
    margin-right: 50px;
  }
}
.what-think__item {
  border-radius: 24px;
  border: 1px solid #030303;
  background: rgba(255, 200, 9, 0.2);
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media only screen and (min-width: 768px) {
  .what-think__item {
    border-radius: 30px;
  }
}
@media only screen and (min-width: 1280px) {
  .what-think__item {
    padding: 24px;
    gap: 24px;
  }
}
@media only screen and (min-width: 1920px) {
  .what-think__item {
    padding: 32px;
    border-radius: 48px;
  }
}
.what-think__item-title {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
}
@media only screen and (min-width: 1280px) {
  .what-think__item-title {
    font-size: 24px;
  }
}
.what-think__item-image {
  width: 100%;
  height: 410px;
  border-radius: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (min-width: 768px) {
  .what-think__item-image {
    height: 340px;
    border-radius: 30px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (min-width: 1280px) {
  .what-think__item-image {
    height: 420px;
    border-radius: 32px;
  }
}
@media only screen and (min-width: 1920px) {
  .what-think__item-image {
    height: 440px;
  }
}

.packages {
  display: none;
}
@media only screen and (min-width: 768px) {
  .packages {
    display: flex;
  }
}
.packages__block {
  padding-top: 110px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 1280px) {
  .packages__block {
    padding-top: 130px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .packages__block {
    padding-top: 200px;
    padding-bottom: 20px;
  }
}
.packages__title {
  color: #030303;
  text-align: center;
  font-family: "Uni Sans-Trial";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 52px;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  margin-bottom: 44px;
}
@media only screen and (min-width: 1280px) {
  .packages__title {
    font-size: 54px;
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 1920px) {
  .packages__title {
    font-size: 80px;
    margin-bottom: 40px;
  }
}
.packages__additional {
  color: #B6B6B6;
  text-align: right;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: italic;
  font-weight: 501;
  line-height: 110%;
  text-transform: uppercase;
  margin-top: 20px;
}
@media only screen and (min-width: 1280px) {
  .packages__additional {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1920px) {
  .packages__additional {
    font-size: 36px;
    margin-top: 25px;
  }
}

.package {
  border-radius: 20px;
  border: 1px solid #030303;
  background: #fff;
  padding: 30px;
  position: relative;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1920px) {
  .package {
    padding: 52px;
    border-radius: 48px;
  }
}
.package__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media only screen and (min-width: 1920px) {
  .package__header {
    max-width: 1040px;
  }
}
.package__title {
  overflow: hidden;
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}
@media only screen and (min-width: 1280px) {
  .package__title {
    font-size: 32px;
  }
}
.package__price {
  color: #B6B6B6;
  font-family: "Blender Pro";
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: 30px;
}
@media only screen and (min-width: 768px) {
  .package__price {
    margin-right: 57px;
  }
}
@media only screen and (min-width: 1920px) {
  .package__price {
    margin-right: 0;
  }
}
.package__description {
  color: #666;
  font-family: "Blender Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.4px;
}
@media only screen and (min-width: 1280px) {
  .package__description {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1920px) {
  .package__description {
    font-size: 32px;
  }
}
.package_open .package__info {
  display: flex;
}
.package__info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
  display: none;
  margin-top: 64px;
  gap: 30px;
}
.package__image_wrapper {
  width: 180px;
  min-width: 180px;
  min-height: 200px;
  height: 100%;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid #030303;
  background: #B6B6B6;
}
@media only screen and (min-width: 1280px) {
  .package__image_wrapper {
    width: 488px;
    min-width: 450px;
    border-radius: 48px;
    min-height: 488px;
  }
}
.package__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.package__content_wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .package__content_wrapper {
    gap: 50px;
  }
}
@media only screen and (min-width: 1920px) {
  .package__content_wrapper {
    max-width: 1040px;
  }
}
.package__control {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../img/icons/plus.svg) no-repeat center center;
  background-size: contain;
  cursor: pointer;
}
@media only screen and (min-width: 1280px) {
  .package__control {
    width: 28px;
    height: 28px;
  }
}
@media only screen and (min-width: 1920px) {
  .package__control {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 52px;
    top: 52px;
  }
}
.package__content p,
.package__content h1,
.package__content h2,
.package__content h3,
.package__content ul,
.package__content li {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  margin-bottom: 16px;
}
@media only screen and (min-width: 1280px) {
  .package__content p,
  .package__content h1,
  .package__content h2,
  .package__content h3,
  .package__content ul,
  .package__content li {
    font-size: 28px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1920px) {
  .package__content p,
  .package__content h1,
  .package__content h2,
  .package__content h3,
  .package__content ul,
  .package__content li {
    font-size: 32px;
  }
}
.package__content ul {
  width: 100%;
}
.package__content ul[type=disc] {
  list-style: disc;
}
.package__content ul[type=disc] li {
  display: list-item;
  list-style-type: disc;
  list-style-position: inside;
  color: #666;
  margin-bottom: 0px;
}
.package__content li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: end;
}
.package__content li span {
  display: flex;
  flex-direction: row;
  white-space: nowrap;
}
.package__content li span:first-child {
  margin-right: 10px;
}
.package__content li span:nth-child(2) {
  width: 100%;
}
.package__content li span:nth-child(2)::before {
  content: "";
  width: 100%;
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: 1px solid #B6B6B6;
}
.package__content li span:last-child {
  white-space: nowrap;
}

.page-404__block {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 60px 0px 100px 0px;
}
@media only screen and (min-width: 768px) {
  .page-404__block {
    padding: 70px 0px 115px 0px;
    gap: 25px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-404__block {
    padding: 120px 0px 120px 0px;
    gap: 60px;
    flex-direction: row;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1920px) {
  .page-404__block {
    gap: 100px;
    padding: 40px 0px 160px 0px;
  }
}
.page-404__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 12px;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .page-404__title {
    font-size: 48px;
    margin-bottom: 7px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-404__title {
    font-size: 60px;
    margin-top: 35px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-404__title {
    font-size: 64px;
    margin-top: 90px;
  }
}
.page-404__subtitle {
  color: #B6B6B6;
  font-family: "Blender Pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.36px;
  text-transform: uppercase;
  margin-bottom: 24px;
  word-break: keep-all;
  overflow-wrap: normal;
  white-space: nowrap;
}
@media only screen and (min-width: 1280px) {
  .page-404__subtitle {
    font-size: 28px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-404__subtitle {
    font-size: 44px;
    margin-bottom: 40px;
  }
}
.page-404__btn {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .page-404__btn {
    width: 280px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-404__btn {
    width: 340px;
  }
}
.page-404__image-wrapper {
  width: 100%;
  display: block;
  position: relative;
}
.page-404__image {
  min-height: 170px;
  max-width: 100%;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .page-404__image {
    min-height: 370px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-404__image {
    min-height: 420px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-404__image {
    min-height: 580px;
  }
}

.about-block {
  background-position: 80%;
  background-repeat: no-repeat;
  height: 490px;
  padding-top: 75px;
  margin-top: 70px;
  margin-bottom: 90px;
}
@media only screen and (min-width: 768px) {
  .about-block {
    height: 620px;
    padding-top: 100px;
  }
}
@media only screen and (min-width: 1280px) {
  .about-block {
    margin-top: 100px;
    margin-bottom: 140px;
    background-position: 80% 82%;
    background-size: cover;
  }
}
@media only screen and (min-width: 1920px) {
  .about-block {
    height: 720px;
    padding-top: 64px;
  }
}
.about-block__block {
  display: flex;
  padding: 28px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 32px;
  border: 1px solid #030303;
  background: #fff;
  margin-left: 10px;
  margin-right: 10px;
}
@media only screen and (min-width: 768px) {
  .about-block__block {
    margin-left: auto;
    margin-right: 40px;
    width: 335px;
    padding: 40px 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .about-block__block {
    width: 600px;
    padding: 64px 48px 48px 48px;
    gap: 24px;
    border-radius: 48px;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .about-block__block {
    width: 750px;
    margin-right: 0px;
  }
}
.about-block__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .about-block__title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .about-block__title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 1920px) {
  .about-block__title {
    font-size: 64px;
  }
}
.about-block__text {
  color: #030303;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "Blender Pro";
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.26px;
}
@media only screen and (min-width: 768px) {
  .about-block__text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1280px) {
  .about-block__text {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .about-block__text {
    font-size: 24px;
  }
}
.about-block__link {
  display: flex;
  height: 36px;
  padding: 10px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 99px;
  background: #FF1E1E;
  color: #fff;
  text-align: center;
  font-family: "Blender Pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .about-block__link {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1280px) {
  .about-block__link {
    font-size: 24px;
    padding: 28px 24px;
    margin-top: 20px;
  }
}

.directions__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .directions__title {
    font-size: 42px;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 1280px) {
  .directions__title {
    font-size: 48px;
    text-align: center;
  }
}
@media only screen and (min-width: 1920px) {
  .directions__title {
    font-size: 64px;
    margin-bottom: 60px;
  }
}
.directions__list {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .directions__list {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
  }
}
.directions .direction {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
  height: auto;
  flex: 0 1 auto;
}
@media only screen and (min-width: 768px) {
  .directions .direction {
    width: calc(50% - 7.5px);
    margin-right: 15px;
    margin-bottom: 40px;
  }
  .directions .direction:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .directions .direction {
    width: calc(33.3333333333% - 27px);
    margin-right: 40px;
    margin-bottom: 0px;
  }
  .directions .direction:nth-child(2n) {
    margin-right: 40px;
  }
  .directions .direction:nth-child(3n) {
    margin-right: 0;
  }
}
.directions .direction:last-child {
  margin-bottom: 0;
}
.directions .direction__image {
  position: absolute;
  width: 100px;
  height: 100px;
}
@media only screen and (min-width: 1280px) {
  .directions .direction__image {
    width: 140px;
    height: 140px;
  }
}
@media only screen and (min-width: 1920px) {
  .directions .direction__image {
    width: 160px;
    height: 160px;
  }
}
.directions .direction__content {
  display: flex;
  padding: 70px 32px 32px 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  flex-shrink: 0;
  border-radius: 32px;
  border: 1px solid #030303;
  background: #E9E9E9;
  margin-top: 70px;
  height: 100%;
  flex: 1 1 auto;
}
@media only screen and (min-width: 768px) {
  .directions .direction__content {
    padding: 70px 32px 50px 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .directions .direction__content {
    gap: 24px;
    margin-top: 100px;
    border-radius: 48px;
    padding: 70px 32px 40px 32px;
  }
}
@media only screen and (min-width: 1920px) {
  .directions .direction__content {
    margin-top: 120px;
  }
}
.directions .direction__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 0px;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 1280px) {
  .directions .direction__title {
    font-size: 48px;
  }
}
.directions .direction__text {
  color: #666;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "Blender Pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.36px;
}
@media only screen and (min-width: 1280px) {
  .directions .direction__text {
    font-size: 24px;
  }
}
.directions .direction__link {
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: "Blender Pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  display: flex;
  height: 46px;
  padding: 10px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 99px;
  background: #FF1E1E;
  width: 100%;
  margin-top: auto;
}
@media only screen and (min-width: 1280px) {
  .directions .direction__link {
    font-size: 24px;
    height: 56px;
  }
}
.residents__block {
  padding-top: 100px;
}
@media only screen and (min-width: 768px) {
  .residents__block {
    padding-top: 150px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 1920px) {
  .residents__block {
    padding-top: 190px;
    padding-bottom: 0px;
  }
}
.residents__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .residents__title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 1280px) {
  .residents__title {
    font-size: 48px;
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 1920px) {
  .residents__title {
    font-size: 64px;
    width: 420px;
    margin-bottom: 24px;
  }
}
.residents__subtitle {
  color: #666;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.32px;
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .residents__subtitle {
    font-size: 20px;
    max-width: 400px;
    margin-bottom: 26px;
  }
}
@media only screen and (min-width: 1280px) {
  .residents__subtitle {
    font-size: 24px;
  }
}
.residents__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media only screen and (min-width: 1280px) {
  .residents__list {
    margin-top: -90px;
    gap: unset;
  }
}
@media only screen and (min-width: 1920px) {
  .residents__list {
    margin-top: -264px;
  }
}

.resident {
  width: calc((100% - 80px) / 5);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .resident {
    width: calc((100% - 60px) / 4);
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1280px) {
  .resident {
    width: calc((100% - 120px) / 7);
    margin-right: 20px;
  }
  .resident:nth-child(1) {
    margin-left: calc((100% - 120px) / 7 * 3 + 58px);
  }
  .resident:nth-child(4), .resident:nth-child(11), .resident:nth-child(18) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1920px) {
  .resident {
    margin-bottom: 70px;
    margin-right: 30px;
    width: calc((100% - 180px) / 7);
  }
  .resident:nth-child(1) {
    margin-left: calc((100% - 180px) / 7 * 2 + 60px);
  }
  .resident:nth-child(4), .resident:nth-child(11) {
    margin-right: 30px;
  }
  .resident:last-child {
    margin-right: 0px;
  }
  .resident:nth-child(5), .resident:nth-child(12) {
    margin-right: 0px;
  }
}
.resident__image {
  width: 40px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  .resident__image {
    width: 100px;
    height: 130px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .resident__image {
    width: 145px;
    height: 190px;
    margin-bottom: 24px;
  }
}
.resident__title {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .resident__title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1280px) {
  .resident__title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .resident__title {
    font-size: 32px;
  }
}

.mobile-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}

.mobile-menu-overlay.active {
  opacity: 1;
  pointer-events: all;
}

.mobile-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 768px;
  height: 100vh;
  background: #fff;
  z-index: 1010;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
  transform: translateX(100%);
  transition: transform 0.35s cubic-bezier(0.77, 0, 0.18, 1);
  display: flex;
  flex-direction: column;
  font-family: "BlenderPro-Bold", "Uni Sans", Arial, sans-serif;
}

.mobile-menu.active {
  transform: translateX(0);
}

.mobile-menu__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 16px;
  border-bottom: 1px solid #eee;
}

.mobile-menu__logo img {
  height: 32px;
}
@media only screen and (min-width: 768px) {
  .mobile-menu__logo img {
    height: 41px;
  }
}

.mobile-menu__close {
  background: none;
  border: none;
  font-size: 0;
  color: #222;
  cursor: pointer;
  line-height: 1;
  padding: 0;
  transition: color 0.2s;
  border-radius: 999px;
  background: var(--Stroke-elements, #E4E4E4);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  position: relative;
}
.mobile-menu__close::before, .mobile-menu__close::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 2px;
  background: #222;
  transition: background 0.2s;
}
.mobile-menu__close::before {
  transform: rotate(45deg);
}
.mobile-menu__close::after {
  transform: rotate(-45deg);
}

.mobile-menu__content {
  flex: 1;
  overflow-y: auto;
  padding: 16px 20px 24px 20px;
  display: flex;
  flex-direction: column;
}

.mobile-menu__section {
  border-bottom: 1px solid #030303;
  padding: 10px 0 27px 0;
  color: #030303;
  font-family: "Blender Pro";
  font-size: 24px;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
}
.mobile-menu__section_last {
  border-bottom: none;
}

.mobile-menu__section a {
  color: inherit;
  text-decoration: none;
  display: block;
  width: 100%;
}

.mobile-menu__dropdown {
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: var(--Total-black, #030303);
  font-family: "Blender Pro";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
}

.mobile-menu__dropdown-arrow {
  font-size: 20px;
  margin-left: 8px;
  transition: transform 0.2s;
}

.mobile-menu__dropdown-arrow.closed {
  transform: rotate(180deg);
}

.mobile-menu__services {
  margin: 10px 0 0 0;
  padding: 0 0 10px 0;
  display: block;
  transition: max-height 0.3s;
}

.mobile-menu__services.closed {
  display: none;
}

.mobile-menu__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 8px;
  margin-top: 16px;
}

.mobile-menu__tags span {
  color: #666;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  border: 1px solid #E6E6E6;
  border-radius: 18px;
  padding: 10px 16px;
  font-weight: 500;
  transition: background 0.2s, color 0.2s;
  cursor: pointer;
}

.mobile-menu__tags span:hover {
  background: #181818;
  color: #fff;
}

.mobile-menu__search-block {
  display: flex;
  align-items: center;
  margin: 12px 0 0 0;
  border-radius: 999px;
  border: 1px solid var(--Stroke-elements, #E4E4E4);
}

.mobile-menu__search {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 1rem;
  padding: 6px 0;
  outline: none;
  color: var(--Search-grey-text, #818181);
  font-family: "Blender Pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.36px;
  padding: 10px 20px;
}

.mobile-menu__search-btn {
  border: none;
  width: 32px;
  height: 32px;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.2s;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}

.mobile-menu__search-btn:hover {
  opacity: 1;
}

.mobile-menu__socials {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 32px;
  margin: 18px 0 0 0;
  justify-content: flex-start;
}

.mobile-menu__social-item {
  display: flex;
  align-items: center;
  width: calc(50% - 16px);
  margin-bottom: 8px;
}

.mobile-menu__social {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f5f5f5;
  transition: background 0.2s;
  margin-right: 12px;
  flex-shrink: 0;
}

.mobile-menu__social-label {
  color: var(--Search-grey-text, #818181);
  font-family: "Blender Pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.36px;
}

.mobile-menu__social_yt {
  background: url("../img/social/youtube.svg") no-repeat center/40px, #f5f5f5;
}

.mobile-menu__social_in {
  background: url("../img/social/instagram.svg") no-repeat center/40px, #f5f5f5;
}

.mobile-menu__social_tg {
  background: url("../img/social/telegram.svg") no-repeat center/40px, #f5f5f5;
}

.mobile-menu__social_be {
  background: url("../img/social/behance.svg") no-repeat center/40px, #f5f5f5;
}

.mobile-menu__social:hover {
  background-color: #181818;
}

@media (max-width: 400px) {
  .mobile-menu {
    width: 100vw;
    border-radius: 0;
  }
  .mobile-menu__header,
  .mobile-menu__content {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .mobile-menu__footer {
    display: flex;
    flex-direction: row;
    align-items: start;
    gap: 40px;
    margin-top: 36px;
  }
  .mobile-menu__search-block {
    margin-top: 0px;
    width: 700px;
  }
  .mobile-menu__socials {
    margin-top: 0px;
  }
  .mobile-menu__section_wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .mobile-menu__section_wrapper .mobile-menu__section {
    width: 50%;
  }
  .mobile-menu__section_wrapper .mobile-menu__section_last {
    border-bottom: 1px solid #030303;
    width: 100%;
  }
  .mobile-menu .mobile-menu__section {
    padding: 18px 0 18px 0;
  }
  .mobile-menu__close {
    background: none;
  }
  .mobile-menu__close::before, .mobile-menu__close::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 3px;
    background: #222;
    transition: background 0.2s;
  }
  .mobile-menu__header,
  .mobile-menu__content {
    padding-left: 35px;
    padding-right: 35px;
  }
}
.vacancies-header {
  background-color: rgba(255, 200, 9, 0.95);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 140px;
}
@media only screen and (min-width: 768px) {
  .vacancies-header {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 1280px) {
  .vacancies-header {
    margin-bottom: 80px;
  }
}
.vacancies-header__block {
  display: flex;
  flex-direction: column;
  align-items: start;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .vacancies-header__block {
    height: 400px;
    padding: 80px 135px;
  }
}
@media only screen and (min-width: 1280px) {
  .vacancies-header__block {
    padding: 80px 442px;
  }
}
@media only screen and (min-width: 1920px) {
  .vacancies-header__block {
    height: 420px;
    padding: 42px 660px;
  }
}
@media only screen and (min-width: 768px) {
  .vacancies-header .breadcrumbs {
    padding: 0px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .vacancies-header .breadcrumbs {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1920px) {
  .vacancies-header .breadcrumbs {
    margin-bottom: 80px;
  }
}
.vacancies-header__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .vacancies-header__title {
    font-size: 48px;
    margin-bottom: 0px;
    max-width: 300px;
  }
}
@media only screen and (min-width: 1280px) {
  .vacancies-header__title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 1920px) {
  .vacancies-header__title {
    font-size: 80px;
  }
}
.vacancies-header__maskot {
  width: 255px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom;
     object-position: bottom;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .vacancies-header__maskot {
    width: 322px;
    position: absolute;
    bottom: 0;
    right: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .vacancies-header__maskot {
    width: 362px;
    right: 85px;
  }
}
@media only screen and (min-width: 1920px) {
  .vacancies-header__maskot {
    width: auto;
    height: 100%;
    right: 175px;
  }
}
.vacancies-header__search {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: 100%;
  margin-bottom: 22px;
}
@media only screen and (min-width: 768px) {
  .vacancies-header__search {
    display: none;
  }
}
.vacancies-header__search::before {
  content: "";
  display: block;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  position: absolute;
  left: 24px;
}
.vacancies-header__search-input {
  width: 100%;
  height: 48px;
  border-radius: 999px;
  border: 1px solid #030303;
  padding: 10px 54px;
  color: #030303;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
}
.vacancies-header__search-input::-moz-placeholder {
  color: #666;
}
.vacancies-header__search-input::placeholder {
  color: #666;
}
.vacancies-header__search-button {
  border-radius: 99px;
  background: #030303;
  position: absolute;
  padding: 12px 24px;
  right: 3px;
  color: #fff;
  text-align: center;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
}

.vacancies-we__block {
  display: flex;
  flex-direction: column;
  padding: 100px 0px;
}
@media only screen and (min-width: 1920px) {
  .vacancies-we__block {
    padding: 160px 0px;
  }
}
.vacancies-we__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .vacancies-we__title {
    font-size: 36px;
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1280px) {
  .vacancies-we__title {
    font-size: 54px;
    margin-bottom: 42px;
  }
}
@media only screen and (min-width: 1920px) {
  .vacancies-we__title {
    font-size: 64px;
    margin-bottom: 40px;
  }
}
.vacancies-we__image {
  width: 100%;
  height: 400px;
  border-radius: 25px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid #030303;
}
@media only screen and (min-width: 1280px) {
  .vacancies-we__image {
    height: 580px;
    border-radius: 38px;
  }
}
@media only screen and (min-width: 1920px) {
  .vacancies-we__image {
    height: 625px;
    border-radius: 48px;
    -o-object-position: bottom;
       object-position: bottom;
  }
}

.vacancies-block__block {
  display: flex;
  flex-direction: column;
}
.vacancies-block__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .vacancies-block__header {
    margin-bottom: 29px;
  }
}
@media only screen and (min-width: 1280px) {
  .vacancies-block__header {
    width: 65%;
    margin-left: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 1920px) {
  .vacancies-block__header {
    height: 55%;
  }
}
.vacancies-block__header .vacancies-block__title {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  padding-bottom: 8px;
  border-bottom: 1px solid #030303;
  width: 190px;
}
@media only screen and (min-width: 768px) {
  .vacancies-block__header .vacancies-block__title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .vacancies-block__header .vacancies-block__title {
    font-size: 22px;
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .vacancies-block__header .vacancies-block__title {
    font-size: 24px;
  }
}
.vacancies-block__header .vacancies-header__search {
  display: none;
}
@media only screen and (min-width: 1280px) {
  .vacancies-block__header .vacancies-header__search {
    display: flex;
    margin-bottom: 0px;
    width: 390px;
  }
}
@media only screen and (min-width: 1920px) {
  .vacancies-block__header .vacancies-header__search {
    width: 480px;
  }
}
.vacancies-block__header .vacancies-block__filter {
  color: #030303;
  text-align: center;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  padding: 16px 24px;
  border-radius: 99px;
  background: #fff;
  border: 1px solid #030303;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 44px;
}
@media only screen and (min-width: 1280px) {
  .vacancies-block__header .vacancies-block__filter {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  .vacancies-block__content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 24px;
  }
}
.vacancies-block__list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (min-width: 768px) {
  .vacancies-block__list {
    gap: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .vacancies-block__list {
    width: 65%;
    gap: 22px;
  }
}
@media only screen and (min-width: 1920px) {
  .vacancies-block__list {
    gap: 32px;
    height: 55%;
  }
}
.vacancies-block__item {
  display: flex;
  padding: 24px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px;
  background: #F5F5F5;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .vacancies-block__item {
    padding: 35px;
    border-radius: 26px;
    border: 1px solid #030303;
  }
}
@media only screen and (min-width: 1280px) {
  .vacancies-block__item {
    padding: 40px;
    border-radius: 32px;
  }
}
@media only screen and (min-width: 1920px) {
  .vacancies-block__item {
    padding: 40px 48px;
    border-radius: 48px;
    gap: 24px;
  }
}
.vacancies-block__item-image {
  width: 32px;
  height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media only screen and (min-width: 768px) {
  .vacancies-block__item-image {
    width: 45px;
    height: 45px;
    position: absolute;
  }
}
@media only screen and (min-width: 1920px) {
  .vacancies-block__item-image {
    width: 48px;
    height: 48px;
  }
}
.vacancies-block__item-title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .vacancies-block__item-title {
    font-size: 36px;
    margin-left: 59px;
    margin-top: 6px;
  }
}
@media only screen and (min-width: 1920px) {
  .vacancies-block__item-title {
    font-size: 48px;
    margin-top: 2px;
    margin-left: 70px;
  }
}
.vacancies-block__item-subtitle {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .vacancies-block__item-subtitle {
    font-size: 20px;
  }
}
.vacancies-block__item-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.vacancies-block__item-label {
  color: #666;
  font-family: "Blender Pro";
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
  padding: 9px 16px;
  border-radius: 99px;
  border: 1px solid #666;
}
@media only screen and (min-width: 768px) {
  .vacancies-block__item-label {
    font-size: 16px;
  }
}
.vacancies-block .filter__form {
  display: none;
}
.vacancies-block .filter__form_active {
  display: flex;
}
@media only screen and (min-width: 1280px) {
  .vacancies-block .filter__form {
    display: flex;
    width: 27%;
  }
}
@media only screen and (min-width: 1920px) {
  .vacancies-block .filter__form {
    max-width: 350px;
  }
}

.vacancy-page__block {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .vacancy-page__block {
    padding-top: 40px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 1280px) {
  .vacancy-page__block {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1920px) {
  .vacancy-page__block {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.vacancy-page__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .vacancy-page__title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .vacancy-page__title {
    font-size: 64px;
  }
}
.vacancy-page__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 40px;
}
.vacancy-page__item {
  color: #666;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .vacancy-page__item {
    font-size: 20px;
  }
}
.vacancy-page__item:nth-child(n+2)::before {
  content: "•";
  margin-right: 10px;
  font-size: 24px;
}
.vacancy-page__item:last-child::before {
  content: "";
  margin-right: 0px;
}
@media only screen and (min-width: 768px) {
  .vacancy-page__item:last-child {
    margin-left: auto;
  }
}
.vacancy-page__content {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media only screen and (min-width: 768px) {
  .vacancy-page__content {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1280px) {
  .vacancy-page__content {
    font-size: 24px;
  }
}
.vacancy-page__content h2,
.vacancy-page__content h3,
.vacancy-page__content h4,
.vacancy-page__content h5,
.vacancy-page__content h6 {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: 120%;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .vacancy-page__content h2,
  .vacancy-page__content h3,
  .vacancy-page__content h4,
  .vacancy-page__content h5,
  .vacancy-page__content h6 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1280px) {
  .vacancy-page__content h2,
  .vacancy-page__content h3,
  .vacancy-page__content h4,
  .vacancy-page__content h5,
  .vacancy-page__content h6 {
    font-size: 24px;
  }
}
.vacancy-page__content p {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .vacancy-page__content p {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1280px) {
  .vacancy-page__content p {
    font-size: 24px;
  }
}
.vacancy-page__content ul {
  padding-left: 20px;
  margin-bottom: 20px;
}
.vacancy-page__content li {
  list-style-type: disc;
  color: #030303;
  font-family: "Blender Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 14px;
  margin-left: 10px;
}
@media only screen and (min-width: 768px) {
  .vacancy-page__content li {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1280px) {
  .vacancy-page__content li {
    font-size: 24px;
  }
}

.people-in-need__block {
  padding: 40px 0px;
}
@media only screen and (min-width: 768px) {
  .people-in-need__block {
    padding: 90px 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .people-in-need__block {
    padding: 120px 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .people-in-need__block {
    padding: 150px 0px;
  }
}
.people-in-need__title {
  color: #030303;
  text-align: center;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .people-in-need__title {
    font-size: 42px;
    margin-bottom: 40px;
    max-width: 590px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1280px) {
  .people-in-need__title {
    margin-bottom: 50px;
    font-size: 53px;
    max-width: 700px;
  }
}
@media only screen and (min-width: 1920px) {
  .people-in-need__title {
    font-size: 64px;
    margin-bottom: 64px;
    max-width: 800px;
  }
}
.people-in-need__button {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  .people-in-need__button {
    margin-top: 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .people-in-need__button {
    margin-top: 20px;
  }
}

.peoples {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .peoples {
    gap: unset;
  }
}
.peoples .people {
  display: flex;
  padding: 39px 21px 40px 21px;
  flex-direction: column;
  align-self: stretch;
  border-radius: 30px;
  background: #F5F5F5;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .peoples .people {
    margin-right: 15px;
    margin-bottom: 40px;
    width: calc((100% - 15px) / 2);
  }
  .peoples .people:nth-child(2n) {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .peoples .people {
    padding: 50px 36px;
    margin-right: 20px;
    margin-bottom: 50px;
    width: calc((100% - 20px) / 2);
  }
  .peoples .people:nth-child(2n) {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .peoples .people {
    margin-right: 20px;
    margin-bottom: 20px;
    width: calc((100% - 40px) / 3);
  }
  .peoples .people:nth-child(2n) {
    margin-right: 20px;
  }
  .peoples .people:nth-child(3n) {
    margin-right: 0px;
  }
}
.peoples .people__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}
@media only screen and (min-width: 1280px) {
  .peoples .people__title {
    font-size: 48px;
    margin-bottom: 10px;
  }
}
.peoples .people__description {
  color: #666;
  font-family: "Blender Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
}
@media only screen and (min-width: 1280px) {
  .peoples .people__description {
    font-size: 24px;
  }
}
.peoples .people__image {
  width: 100%;
  height: 260px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 24px;
  border: 1px solid #000;
  margin-top: 20px;
  margin-bottom: 28px;
}
@media only screen and (min-width: 1280px) {
  .peoples .people__image {
    height: 300px;
    border-radius: 32px;
  }
}
.peoples .people__info {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.4px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1280px) {
  .peoples .people__info {
    font-size: 26px;
  }
}
.peoples .people__link {
  color: #030303;
  text-align: center;
  font-family: "Blender Pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  display: flex;
  height: 42px;
  width: 100%;
  padding: 10px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 99px;
  background: #ABE8FE;
}
@media only screen and (min-width: 1280px) {
  .peoples .people__link {
    font-size: 20px;
    height: 54px;
  }
}

.statistics {
  padding-top: 80px;
  padding-bottom: 0px;
}
@media only screen and (min-width: 768px) {
  .statistics {
    padding-top: 0px;
  }
}
.statistics__title {
  color: #030303;
  font-family: "Uni Sans-Trial";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .statistics__title {
    font-size: 42px;
    margin-bottom: 42px;
    max-width: 600px;
  }
}
@media only screen and (min-width: 1280px) {
  .statistics__title {
    font-size: 54px;
    margin-bottom: 50px;
    max-width: 700px;
  }
}
@media only screen and (min-width: 1280px) {
  .statistics__title {
    font-size: 64px;
    margin-bottom: 64px;
    max-width: 1000px;
  }
}
.statistics__content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.statistics .help {
  display: flex;
  flex-direction: column;
  gap: unset;
  width: 100%;
}
@media only screen and (min-width: 1920px) {
  .statistics .help {
    width: 60%;
    gap: unset;
  }
}
.statistics .help__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 18px;
}
@media only screen and (min-width: 768px) {
  .statistics .help__header {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .statistics .help__header {
    margin-bottom: 30px;
    width: 100%;
  }
}
.statistics .help__dropdown {
  margin-left: auto;
  margin-right: 10px;
  color: #030303;
  text-align: right;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "Blender Pro";
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
  border-radius: 999px;
  border: 1px solid #E6E6E6;
  background: #fff;
  padding: 8px 16px;
}
.statistics .help__dropdown::after {
  content: "▼";
  margin-left: 10px;
}
@media only screen and (min-width: 768px) {
  .statistics .help__dropdown {
    font-size: 16px;
    background: var(--Button-white, #EFEFEF);
    margin-right: 15px;
  }
}
.statistics .help__what {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.statistics .help__what img {
  margin-right: 6px;
}
@media only screen and (min-width: 768px) {
  .statistics .help__what img {
    width: 40px;
    -o-object-fit: cover;
       object-fit: cover;
    margin-right: 15px;
  }
}
.statistics .help__what a {
  color: #030303;
  text-align: center;
  font-family: "Blender Pro";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 107.023%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
@media only screen and (min-width: 768px) {
  .statistics .help__what a {
    font-size: 16px;
    text-decoration: none;
  }
}
.statistics .help__title {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: none;
  margin-bottom: 0px;
}
@media only screen and (min-width: 768px) {
  .statistics .help__title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 1280px) {
  .statistics .help__title {
    font-size: 32px;
  }
}
.statistics .help__container {
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 1920px) {
  .statistics .help__container {
    height: 100%;
  }
}
.statistics .help__grid {
  opacity: 0;
  position: absolute;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .statistics .help__grid {
    opacity: 1;
    display: block;
    position: absolute;
    left: 97px;
    height: 100%;
    width: calc(100% - 85px - 12px);
  }
  .statistics .help__grid table {
    border-collapse: collapse;
    height: 100%;
    width: 100%;
  }
  .statistics .help__grid table td {
    border-radius: 2px;
    border: 1px solid var(--dark-grid-stroke, #CDCDCD);
  }
  .statistics .help__grid ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10px;
  }
  .statistics .help__grid ul li {
    color: var(--Search-grey-text, #818181);
    text-align: right;
    font-family: "Blender Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
  }
}
.statistics .help-line {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .statistics .help-line {
    flex-direction: row;
    align-items: center;
    margin-top: 50px;
  }
  .statistics .help-line:last-child {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 1920px) {
  .statistics .help-line {
    margin-top: 40px;
    margin-bottom: 65px;
  }
}
.statistics .help-line__title {
  color: #666;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: 9px;
}
@media only screen and (min-width: 768px) {
  .statistics .help-line__title {
    width: 85px;
    margin-right: 12px;
    margin-bottom: 0px;
    text-align: right;
  }
}
.statistics .help-line__progress {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
  border-radius: 50px;
  background: var(--Social, #ABE8FE);
  height: 18px;
  position: relative;
  padding-right: 10px;
  margin-bottom: 15px;
  width: 0%;
  box-sizing: border-box;
  transition: width 0.5s ease;
}
@media only screen and (min-width: 768px) {
  .statistics .help-line__progress {
    height: 24px;
    border-radius: 99px;
    margin-bottom: 0px;
  }
}
.statistics .help-line__human {
  width: 32px;
  height: 32px;
  -o-object-fit: cover;
     object-fit: cover;
}
.statistics .help-line__index {
  color: #030303;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  position: absolute;
  right: -30px;
}
@media only screen and (min-width: 768px) {
  .statistics .help-line__index {
    font-size: 20px;
  }
}
.statistics .work {
  margin-top: 50px;
  margin-bottom: 85px;
}
@media only screen and (min-width: 768px) {
  .statistics .work {
    margin-top: 90px;
    margin-bottom: 90px;
  }
}
@media only screen and (min-width: 1280px) {
  .statistics .work {
    width: 40%;
    border-radius: 30px;
    background: var(--Light-grey-bg, #F5F5F5);
    padding: 30px;
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .statistics .work {
    margin-top: 0px;
    margin-bottom: 0px;
    background: none;
    width: 30%;
    padding: 0px;
  }
}
.statistics .work__title {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: none;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .statistics .work__title {
    font-size: 32px;
    margin-bottom: 26px;
  }
}
.statistics .work__line {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.statistics .work__hour {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .statistics .work__hour {
    font-size: 24px;
  }
}
.statistics .work__content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media only screen and (min-width: 768px) {
  .statistics .work__content {
    gap: 20px;
  }
}
.statistics .work .human {
  width: 66px;
  height: 66px;
  margin-left: -13px;
  flex-shrink: 0;
}
@media only screen and (min-width: 768px) {
  .statistics .work .human {
    width: 82px;
    height: 82px;
    margin-left: 0px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .statistics .work .human {
    margin-left: -25px;
  }
}
.statistics .work .human:first-child {
  margin-left: 0px;
}
.statistics .work .human__img {
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (min-width: 768px) {
  .statistics .work .human__img {
    width: 43px;
    height: 40px;
  }
}
.statistics .work .human.human_empty .human__title {
  margin-top: 30px;
}
.statistics .work .human__title {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
@media only screen and (min-width: 768px) {
  .statistics .work .human__title {
    font-size: 14px;
  }
}
.statistics .work .human__hour {
  color: #666;
  font-family: "Blender Pro";
  font-size: 10px;
  font-style: italic;
  font-weight: 501;
  line-height: 100%;
}
@media only screen and (min-width: 768px) {
  .statistics .work .human__hour {
    font-size: 12px;
  }
}
.statistics .info {
  border-radius: 30px;
  background: #F5F5F5;
  padding: 35px;
  margin-left: -16px;
  margin-right: -16px;
}
@media only screen and (min-width: 768px) {
  .statistics .info {
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .statistics .info {
    width: 58%;
    margin-top: 90px;
  }
}
@media only screen and (min-width: 1920px) {
  .statistics .info {
    display: flex;
    flex-direction: row;
    align-items: start;
    width: 100%;
    gap: 32px;
    padding: 80px 48px;
    border-radius: 48px;
    margin-top: 150px;
  }
}
.statistics .info__block {
  display: flex;
  flex-direction: column;
  margin-bottom: 35px;
  flex-shrink: 0;
}
.statistics .info__block:last-child {
  margin-bottom: 0px;
}
@media only screen and (min-width: 768px) {
  .statistics .info__block {
    flex-direction: row;
    gap: 40px;
  }
  .statistics .info__block:last-child {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 1920px) {
  .statistics .info__block {
    width: 50%;
    flex-direction: row-reverse;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .statistics .info__block:last-child {
    flex-direction: row;
  }
  .statistics .info__block:last-child .info__text {
    margin-top: auto;
  }
}
.statistics .info__img {
  width: 290px;
  height: 290px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 25px;
  border: 1px solid #030303;
  background: var(--Social, #ABE8FE);
  margin-bottom: 26px;
  flex-shrink: 0;
}
@media only screen and (min-width: 768px) {
  .statistics .info__img {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .statistics .info__img {
    height: 358px;
    width: 358px;
    border-radius: 32px;
  }
}
.statistics .info__text {
  color: #030303;
  font-family: "Blender Pro";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
@media only screen and (min-width: 1920px) {
  .statistics .info__text {
    font-size: 32px;
  }
}

.padding-top {
  padding-top: 0px !important;
}/*# sourceMappingURL=style.css.map */