@media screen and (max-width: 1920px) {
  body {
    font-size: calc(100vw / 100 - 0.2px);
  }
}

@media screen and (max-width: 960px) {
  html,
  body {
    overflow-x: hidden;
  }
  body {
    align-self: stretch;
    color: var(--Text-Primary, #3a3d45);
    font-family: "Neue Machina", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    font-size: 14px;
  }
  .sliderButtons {
    gap: 8px;
  }
  .header__wrapper {
    width: 100vw;
  }
  .start__wrapper {
    height: auto;
  }
  .start__content {
    height: auto;
    flex-direction: column;
  }
  .start__slider {
    width: 100%;
    height: auto;
  }
  .start__sliderContent {
    display: flex;
    padding-bottom: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .customSlider {
    gap: 6px;
  }
  .start__sliderRight > .top {
    align-self: flex-start;
  }
  .swiper.imgSliderSwiper {
    width: 100%;
    height: 300px;
  }
  .start__sliderRight {
    display: flex;
    padding: 0px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    width: calc(100% - 40px);
  }
  .main__logo {
    display: none;
  }
  .slider__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    height: 134px;
  }
  .project__name {
    align-self: stretch;
    color: var(--Text-Primary, #3a3d45);
    font-family: "Grtsk Giga";
    font-size: 29px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px; /* 117.241% */
    letter-spacing: -0.812px;
    text-transform: uppercase;
  }
  button {
    width: 38px;
    height: 38px;
    justify-content: center;
    align-items: center;
    gap: 8px;
  }
  .project__desc > p {
    line-height: 20px; /* 142.857% */
  }
  .sidebar__purchase {
    display: none;
  }
  .menu__nav li:nth-child(2),
  .menu__nav li:nth-child(3),
  .menu__nav li:nth-child(4),
  .menu__nav li:nth-child(5),
  .menu__nav li:nth-child(6) {
    display: none;
  }
  .headerMainLogo svg:nth-child(2) {
    display: block;
  }
  .header__left {
    gap: 16px;
  }
  .header__right {
    padding-right: 0 !important;
  }
  button.menu__btn {
    display: flex;
    width: 56px !important;
    height: 56px !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8pximportant;
    align-self: stretch;
  }
  .menu__icons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px !important;
    width: 18px !important;
    height: 10px !important;
  }
  .menu__icons > span:nth-child(2) {
    top: 4px !important;
  }
  .menu__icons > span:nth-child(3) {
    top: 8px !important;
  }
  a.main__tel {
    display: none;
  }
  .call__btn {
    width: 56px !important;
    height: 56px !important;
  }
  .sliderCounter,
  .sliderCounter span {
    font-size: 10px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
  }
  .start__sidebar {
    align-items: start;
  }
  .sidebar__news {
    width: calc(100% - 20px - 108px);
    padding: 24px 20px 24px 108px;
  }
  a.news__title {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
  }
  .sidebar__news > div > p {
    font-size: 10px;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
  }
  .start__sidebar {
    display: none;
  }
  .mobile__news {
    display: block;
  }
  .mobile__newsContent {
    display: flex;
  }
  .mobileNewsInner {
    display: flex;
    width: 360px;
    padding: 24px 20px 24px 0;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .mobile__newsContent > div {
    width: 104px;
    height: 200px;
    position: relative;
  }

  .mobile__newsContent > div > svg {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
  }
  .mobileNewsTitle {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
  }
  .mobileNews__date {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
  }
  .mobileNews__date > p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
    opacity: 0.5;
  }
  .mobile__news {
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
    height: 248px;
  }
  .about__wrapper {
    display: none;
  }
  .mobileAbout {
    display: block;
  }
  .mobileAbout__content {
    display: flex;
    flex-direction: column;
  }
  .videoWrapper {
    width: 100%;
    height: 280px;
    position: relative;
  }
  .videoWrapper > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .videoPlayMobileBtn {
    width: auto;
    height: auto;
    display: none;
    padding: 10px 16px;
    align-items: center;
    gap: 12px;
    background: var(--Control-Accent, #a57e5a);
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 92px);
    z-index: 1;
    justify-content: center;
  }
  .videoPlayMobileBtn > svg {
    width: 16px;
    height: 16px;
  }
  .videoPlayMobileBtn > p {
    color: var(--Text-Light, #f9f5f3);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
  }
  .mobileAboutTitleBlock {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .mobileAboutTitleBlock > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .mobileAboutTitleBlock > div > p:nth-child(1) {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
    opacity: 0.5;
  }
  .mobileAboutTitleBlock > div > p:nth-child(2) {
    font-family: "Grtsk Giga", sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 115.385% */
    letter-spacing: -0.52px;
    text-transform: uppercase;
  }
  .mobileAboutInformation {
    display: flex;
    padding: 24px 20px;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .mobileAboutInformation > p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
  }
  .projects__content {
    display: block;
  }
  .projects__mobile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
  }
  .projectsMobileTitleBlock {
    width: 100%;
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .projectsMobileTitleBlock > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .projectsMobileTitleBlock > div > p:nth-child(1) {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
    opacity: 0.5;
  }
  .projectsMobileTitleBlock > div > h2 {
    font-family: "Grtsk Giga", sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 115.385% */
    letter-spacing: -0.52px;
    text-transform: uppercase;
  }
  .projectsMobileControl {
    display: flex;
    padding: 12px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .projectsMobileControl > div {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
  }
  .filterBtnMobile,
  .mapBtnMobile {
    display: flex;
    padding: 10px 20px;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    background: var(--BG-Secondary, #dedbd9);
  }
  .filterBtnMobile > div,
  .mapBtnMobile > div {
    display: flex;
    width: 20px;
    height: 20px;
    padding: 5px 2.917px 5.347px 2.5px;
    justify-content: center;
    align-items: center;
  }
  .filterSelectOptions {
    width: 99.8%;
    top: 70px;
  }
  .filterSelectOptionVal {
    padding: 12px 16px;
  }
  .projectsMobileContent {
    width: 100%;
    /* height: calc(100% - 4.5714rem); */
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    position: relative;
  }
  .projects__mobile > .projects__content {
    display: block;
  }
  .projects__left,
  .projects__top {
    display: none;
  }
  .cards__row {
    grid-template-columns: repeat(1, auto);
    
  }
  .projectCard {
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .projectImg {
    width: auto;
    height: 280px;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
  }
  .projectImg > div {
    display: flex;
    width: 108px;
    height: 72px;
    padding: 0px 23.443px 48px 0px;
    align-items: center;
    flex-shrink: 0;
  }
  .projectCard__icon {
    width: 16px;
    height: 16px;
  }
  .projectCard__title > div > p {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 133.333% */
  }
  .projectCard__title > div {
    gap: 12px;
  }
  .projectCard__title {
    gap: 6px;
  }
  .projectCard__title > p {
    font-size: 12px;
    line-height: 16px; /* 133.333% */
  }
  .projectPrice {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
  }
  /**/
  .principes__content {
    display: none;
  }
  .principesMobile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
  }
  .principesMobile__top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
  }
  .principesMobile__top > div:nth-child(1) {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .principesMobile__title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .principesMobile__title > p:nth-child(1) {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
    opacity: 0.5;
  }
  .principesMobile__title > h2 {
    font-family: "Grtsk Giga", sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 115.385% */
    letter-spacing: -0.52px;
    text-transform: uppercase;
  }
  .principesMobile__top > div:nth-child(2) {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .principesMobile__top > div:nth-child(2) > p:nth-child(1) {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    letter-spacing: -0.2px;
  }
  .principesMobile__top > div:nth-child(2) > p:nth-child(2) {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    opacity: 0.5;
  }
  .principesMobile__bottom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .principeMobileImg {
    display: flex;
    height: 248px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
    position: relative;
  }
  .principeMobileImg > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  .pricnipeMobileDesc {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .pricnipeMobileDesc > p:nth-child(1) {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    letter-spacing: -0.2px;
  }
  .pricnipeMobileDesc > p:nth-child(2) {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    opacity: 0.5;
  }
  .principeMobileCount {
    display: flex;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .principeMobileCount > div {
    display: flex;
    width: 50%;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-right: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .principeMobileCount > div > p:nth-child(1) {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    letter-spacing: -0.2px;
  }
  .principeMobileCount > div > p:nth-child(2) {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    opacity: 0.5;
  }
  .principeMobileBottom {
    display: flex;
    width: calc(100% - 40px);
    padding: 32px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .principeMobileBottom > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
    align-self: stretch;
  }
  .principeMobileBottom > div > .row {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 4px;
  }
  .principeMobileBottom > div > .row > p,
  .coloredText > p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 122.222% */
    letter-spacing: -0.18px;
  }
  /**/
  .purchase__content {
    display: none;
  }
  .puchaseMobile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
  }
  .puchaseMobile > div:nth-child(1) {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .purchaseMobileTitle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .purchaseMobileTitle > p {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
    opacity: 0.5;
  }
  .puchaseMobilePercents {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
  }
  .puchaseMobilePercents {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
  }
  .percentsMobileLink {
    display: flex;
    padding: 24px 20px;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .percentsMobileLink:hover .socialPercentMobileBtn {
    background: var(--Control-Accent-Hover, #9c7047);
    transition: 0.25s ease-in-out;
  }
  .percentsMobileLink > .left {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
    height: 72px;
  }
  .percentsMobileLink > .left > div {
    width: 38px;
    height: 38px;
    position: relative;
  }
  .percentMobileTextContent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
  }
  .percentMobileTextContent > p:nth-child(1) {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    letter-spacing: -0.2px;
  }
  .percentMobileTextContent > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
  }
  .percentMobileTextContent > div > p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    opacity: 0.5;
  }
  .purchase__form {
    display: flex;
    height: auto;
    width: calc(100% - 40px);
    padding: 32px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    background: var(--BG-Secondary, #dedbd9);
  }
  .form__top > p:nth-child(1) {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    letter-spacing: -0.2px;
  }
  .form__top {
    gap: 24px;
  }
  .form__top > p:nth-child(2) {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    width: 233px;
  }
  .form__fields > input {
    display: flex;
    padding: 9px 16px;
    align-items: center;
    align-self: stretch;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 183.333% */
  }
  .form__submitBtn {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 20px;
    justify-content: center;
  }
  .purchase__form img {
    width: 256px;
    height: 366px;
    position: absolute;
    left: 52px;

    bottom: 0px;
  }
  .copyright__txt > p,
  .copyright__txt > div > p {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
  }
  /**/
  .aboutCards__content {
    display: none;
  }
  .aboutCards__contentMobile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .aboutCards__contentMobile > div:nth-child(1) {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .aboutCards__contentMobile > div:nth-child(1) > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .aboutCards__contentMobile > div:nth-child(1) > div > p {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
    opacity: 0.5;
  }
  .card__item {
    display: flex;
    flex-direction: row;
    padding: 24px 20px;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
    border-right: none;
    width: auto;
  }
  .card__item > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
  }
  .card__item > div > p:nth-child(1) {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 122.222% */
    letter-spacing: -0.18px;
  }
  .card__item > div > p:nth-child(2) {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    opacity: 0.5;
  }
  .form__fields {
    gap: 12px;
  }
  .aboutMobileImg {
    display: flex;
    height: 240px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
    position: relative;
  }
  .aboutMobileImg > img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
  }
  .form__bottom > div:nth-child(2) {
    gap: 16px;
  }
  .media__content {
    display: none;
  }
  .mediaMobile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
  }
  .mediaMobile > .top {
    display: flex;
    width: auto;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .mediaMobile > .top > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .mediaMobile > .top > div > p {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
    opacity: 0.5;
  }
  .mediaMobile > .top > div > h2 {
    font-family: "Grtsk Giga", sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 115.385% */
    letter-spacing: -0.52px;
    text-transform: uppercase;
  }
  .mediaNewsWrapper {
    width: 100%;
  }
  .mediaNews {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
  }
  .mediaNewsControls {
    display: flex;
    padding: 16px 20px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-top: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .mediaNewsControls > div {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    align-self: stretch;
  }
  .mediaNewsControls > div > div {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .mediaMobileCounter > span {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
    opacity: 0.5;
  }
  .mediaNewsCard {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
  }
  .mediaNewsImg {
    position: relative;
    width: 100%;
    height: 220px;
  }
  .mediaNewsImg > img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
  }
  .mediaMobileNewsTitle {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
  }
  .mediaMobileNewsDate {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
    opacity: 0.5;
  }
  .mediaNewsMore {
    display: flex;
    padding: 32px 20px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 56px;
    align-self: stretch;
    border-top: 1px solid var(--Divider-Primary, #d9d6d4);
    position: relative;
  }
  .mediaNewsMore > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    z-index: 2;
  }
  .mediaNewsMore > div > P:nth-child(1) {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    letter-spacing: -0.2px;
  }
  .mediaNewsMore > div > P:nth-child(2) {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    opacity: 0.5;
  }
  .mediaMoreBtn {
    display: flex;
    padding: 10px 16px;
    align-items: center;
    gap: 12px;
    background: var(--BG-Secondary, #dedbd9);
    z-index: 2;
  }
  .mediaMoreBtn > p {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
  }
  .mediaNewsMore > img {
    position: absolute;
    right: 0px;
    width: 304px;
    height: 228px;
    bottom: 0px;
    z-index: 1;
  }
  .textSlider {
    height: 145px !important;
  }
  .callback__content {
    display: none;
  }
  .formCallback.--show {
    justify-content: center;
  }
  .formCallback.--show > .form__left > .callbackformtitleblock,
  .formCallback.--show > .form__left > .callbackformdescblock {
    display: none;
  }
  .formCallback.--show > .form__left > .callbackSuccess {
    display: flex !important;
    width: auto;
  }
  .formCallback.--show > .form__left > .callbackSuccess > p:nth-child(1) {
    font-size: 20px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 24px !important; /* 120% */
    letter-spacing: -0.2px;
  }
  .formCallback.--show > .form__left > .callbackSuccess > p:nth-child(2) {
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 16px !important; /* 133.333% */
  }
  .callbackMobile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-top: 1px solid var(--Divider-Primary, #d9d6d4);
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .callbackForm {
    display: flex;
    padding: 32px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 64px;
    align-self: stretch;
    border-top: 1px solid var(--Divider-Primary, #d9d6d4);
    background: var(--BG-Secondary, #dedbd9);
    width: auto !important;
    border-right: none;
  }
  .form__left > div {
    gap: 12px;
  }
  .form__left > div > p:nth-child(1) {
    width: auto;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
  }
  .form__left > div > p:nth-child(2) {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    letter-spacing: -0.2px;
  }
  .form__left {
    width: auto;
    gap: 32px;
    align-self: stretch;
  }
  .form__left > p {
    font-size: 12px;
    line-height: 16px;
  }
  .submitFormBtn {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
  }
  .form__right {
    gap: 16px;
  }
  .form__fields > input {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 183.333% */
  }
  .copyright > span {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
  }

  .callbackBtn {
    display: flex;
    padding: 24px 20px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border: none;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .callbackBtnCounter > p {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
  }
  .callbackBtnTitle > p:nth-child(1) {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
  }
  .callbackBtnTitle > p:nth-child(2) {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
  }
  .footer__content {
    display: none;
  }
  .footerMobile {
    display: flex !important;
    padding-bottom: 56px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-top: 1px solid var(--Divider-Thirty, #51555e);
  }
  .footerMobile > div:nth-child(1) {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Thirty, #51555e);
  }
  .footerMobile > div:nth-child(1) > div {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    background: var(--BG-Thirty, #393d46);
  }
  .logo__right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .logo__right > p {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
    opacity: 0.5;
    color: var(--Text-Light, #f9f5f3);
  }
  .footerMobileProjects {
    display: flex;
    height: 96px;
    align-items: flex-start;
    align-self: stretch;
  }
  .footerMobileProject {
    display: flex;
    padding: 0px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
    border-right: 1px solid var(--Divider-Thirty, #51555e);
    border-bottom: 1px solid var(--Divider-Thirty, #51555e);
  }
  .footerMobileWide {
    display: flex;
    height: 104px;
    align-items: flex-start;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Thirty, #51555e);
    opacity: 0.96;
  }
  .footerMobileWide:hover {
    background: var(--Control-Thrity-Hover, #6d717a);
    transition: 0.25s ease-in-out;
  }
  .footerMobileWide > div {
    display: flex;
    padding: 0px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
    border-right: 1px solid var(--Divider-Thirty, #51555e);
  }
  .footerMobileBottom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
  }
  .mobile__nav {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Thirty, #51555e);
  }
  .mobile__nav > div {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 12px 24px;
    align-self: stretch;
    flex-wrap: wrap;
  }
  .mobile__nav div > li {
    list-style: none;
  }
  .mobile__nav div > li > a {
    color: var(--Text-Light, #f9f5f3);
    /* D/Link/M */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    opacity: 0.45;
  }
  .mobile__nav div > li > a:hover {
    opacity: 1;
    transition: 0.25s ease-in-out;
  }
  .socialMobile {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 64px;
    align-self: stretch;
  }
  .socialMobile > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .socialMobile > div > p:nth-child(1) {
    width: 256px;
    color: var(--Text-Light, #f9f5f3);
    font-size: 20px;
    font-weight: 400;
    line-height: 24px; /* 120% */
    letter-spacing: -0.2px;
  }
  .socialMobile > div > p:nth-child(2) {
    color: var(--Text-Light, #f9f5f3);
    width: 256px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    opacity: 0.5;
  }
  .socialMobile > div:nth-child(2) {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    gap: 8px;
  }
  .socialMobileBtn {
    display: flex;
    padding: 10px 16px;
    align-items: center;
    gap: 12px;
    background: var(--Control-Thirty, #5e6168);
  }
  .socialMobileBtn:hover {
    transition: 0.25s ease-in-out;
    background: var(--Control-Thrity-Hover, #6d717a);
  }
  .socialMobileBtn > div {
    display: flex;
    width: 16px;
    height: 16px;
    justify-content: center;
    align-items: center;
  }
  .socialMobileBtn > p {
    color: var(--Text-Light, #f9f5f3);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
  }
  .videoServicesBtn {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    background: var(--Control-Thirty, #5e6168);
  }
  .footerMobileContacts {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 64px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Thirty, #51555e);
    position: relative;
  }
  .footerMobileContacts > img {
    width: 216px;
    height: 220px;
    position: absolute;
    right: 0px;
    bottom: 0px;
  }
  .footerMobileContacts > div:nth-child(1) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    z-index: 3;
  }
  .footerContactItem {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .footerContactItem > p:nth-child(1) {
    width: 256px;
    color: var(--Text-Light, #f9f5f3);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    opacity: 0.5;
  }
  .footerContactItem > a {
    color: var(--Text-Light, #f9f5f3);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 133.333% */
  }
  .callbackMobileBtn {
    width: auto;
    height: auto;
    display: flex;
    padding: 10px 16px;
    text-align: center;
    align-items: center;
    gap: 12px;
    background: var(--Control-Thirty, #5e6168);
    position: relative;
    z-index: 5;
  }
  .callbackMobileBtn > p {
    color: var(--Text-Light, #f9f5f3);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    margin: 0 auto;
  }
  .footerMobileCopyright {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 64px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Thirty, #51555e);
  }
  .footerMobileCopyright > p {
    align-self: stretch;
    color: var(--Text-Light, #f9f5f3);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
  }
  .menuWrapper {
    background: var(--BG-Thirty, #393d46);
    backdrop-filter: none;
  }
  .menu__content {
    display: none;
  }
  .menuMobile {
    display: flex !important;
    width: calc(100% - 40px);
    height: calc(100vh - 44px);
    padding: 20px 20px 24px 20px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    z-index: 100;
  }
  .menuMobile > div:nth-child(1) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
  }
  .logoMenuMobile {
    display: flex;
    align-items: center;
    gap: 9.94px;
  }
  .logoMenuMobile > img {
    width: 110px;
  }
  .mobileMenuCloseBtn {
    width: 38px;
    height: 38px;
    background: var(--Control-Thirty, #5e6168);
  }
  .mobileMenuNav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
  }
  .mobileMenuNav > a {
    color: var(--Text-Light, #f9f5f3);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 133.333% */
  }
  .menuNavContacts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
  }
  .menuNavContacts > div:nth-child(1) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .menuNavContacts > div > p:nth-child(1) {
    width: 256px !important;
    color: var(--Text-Light, #f9f5f3);
    font-size: 10px !important;
    font-weight: 400;
    line-height: 12px !important; /* 120% */
    letter-spacing: 0.1px !important;
    opacity: 0.5;
  }
  .menuNavContacts > div > a {
    color: var(--Text-Light, #f9f5f3);
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 22px !important; /* 137.5% */
  }
  .menuMobileSocialBtn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .menuMobileSocialBtn > div {
    display: flex;
    align-items: flex-start;
    gap: 8px;
  }
  .menuMobileSocialBtn > a {
    color: var(--Text-Light, #f9f5f3);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
    opacity: 0.5;
  }
  .modalCall__content {
    display: none;
  }
  .modalCallMobile {
    display: flex;
    width: calc(100% - 44px);
    height: calc(100% - 40px);
    padding: 20px 20px 24px 20px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  .modalCall {
    background: var(--BG-Thirty, #393d46);
  }
  .modalCallMobile > div:nth-child(1) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
  }
  .modalCallLogo {
    display: flex;
    align-items: center;
    gap: 9.94px;
  }
  .closeModalCall {
    display: flex;
    width: 38px;
    height: 38px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: var(--Control-Thirty, #5e6168);
  }
  .form__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
  }
  .form__content > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
  }
  .form__content > div > p:nth-child(1) {
    align-self: stretch;
    color: var(--Text-Light, #f9f5f3);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    letter-spacing: -0.2px;
  }
  .form__content > div > p:nth-child(2) {
    align-self: stretch;
    color: var(--Text-Light, #f9f5f3);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    opacity: 0.5;
  }
  .form__content > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
  }
  .form__content > div:nth-child(2) > div {
    display: flex;
    width: 100%;
    gap: 12px;
    flex-direction: column;
  }
  .inpField {
    display: flex;
    padding: 9px 16px;
    align-items: center;
    align-self: stretch;
    background: var(--Control-Thirty, #5e6168);
    width: auto;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 183.333% */
  }
  .modalCallCopyright {
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    gap: 2px;
    align-self: stretch;
    flex-wrap: wrap;
  }
  .modalCallCopyright > p {
    color: var(--Text-Light, #f9f5f3);
    font-family: "Neue Machina";
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
    opacity: 0.5;
  }
  .modalCallCopyright > span {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
    color: var(--Text-Light, #f9f5f3);
    opacity: 1;
  }
  .submitBtn {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    background: var(--Control-Accent, #a57e5a);
    color: var(--Text-Light, #f9f5f3);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
  }
  /**/
  .contactsPage {
    height: auto !important;
  }
  .contactsPage__content > div {
    display: block !important;
  }
  .contactsPage__left {
    display: none !important;
  }
  .contactsPageMobile {
    display: flex !important;
    width: 100%;
    flex-direction: column;
  }
  .contactsPageMobile > div:nth-child(1) {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .contactsPageMobile > div:nth-child(1) > h2 {
    color: var(--Text-Primary, #3a3d45);
    /* M/Title/H2 */
    font-family: "Grtsk Giga", sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 115.385% */
    letter-spacing: -0.52px;
    text-transform: uppercase;
  }
  .contactsPageCardsMobile > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
  }
  .contactsPageCardsMobile {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .contactsPageMobile > div:nth-child(2) {
    display: flex;
    flex-direction: column;
  }
  .contactsPageCardsMobile > div > p:nth-child(1) {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    opacity: 0.5;
  }
  .contactsPageCardsMobile > div > a {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 133.333% */
  }
  .contactsPageMobileBtn {
    background: var(--BG-Secondary, #dedbd9);
    display: flex;
    justify-content: center;
    padding: 10px 16px;
    align-items: center;
    gap: 12px;
  }
  .contactsPageMobileBtn > p {
    color: #393d46;
    margin: 0;
  }
  .contactsPageCardsMobile > div > p:nth-child(3) {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
  }
  .contactsPageCardsMobile > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
  }
  .contactPageSocialItemBtn {
    display: flex;
    padding: 10px 16px;
    align-items: center;
    gap: 12px;
    background: var(--Control-Secondary, #dedad7);
  }
  .contactPageSocialItemBtn > p {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
  }
  .contactsPageCardsMobile > div:nth-child(2) > div {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
  }
  .contactsPage__map {
    height: 320px;
  }
  .zoomControl {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px !important;
  }
  .zoomControl > button {
    display: flex;
    width: 38px;
    height: 38px;
    justify-content: center;
    align-items: center;
    gap: 8px;
  }
  .menuWrapper.__showMenu {
    z-index: 10;
    backdrop-filter: none !important;
    background: var(--BG-Thirty, #393d46);
  }
  .menu__content {
    display: none !important;
  }
  .mobileMenuNav > a {
    color: var(--Text-Light, #f9f5f3) !important;
  }
  .mainMenuCloseBtn {
    width: 38px !important;
    height: 38px !important;
    background: var(--Control-Thirty, #5e6168) !important;
  }
  /**/
  .aboutPage {
    height: auto;
  }
  .aboutPage__content {
    display: none;
  }
  .aboutPageMobile {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .aboutPageMobile > div:nth-child(1) {
    position: relative;
    display: flex;
    height: 296px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    width: auto;
  }
  .aboutPageMobile > div:nth-child(1) > img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
  }
  .playMobileBtn {
    left: calc(50% - 92px);
    top: calc(50% - 20px);
    position: absolute;
    width: auto;
    height: auto;
    display: flex;
    padding: 10px 16px;
    align-items: center;
    gap: 12px;
    background: var(--Control-Accent, #a57e5a);
  }
  .playMobileBtn > p {
    color: var(--Text-Light, #f9f5f3);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
  }
  .aboutPageMobile > div:nth-child(2) {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .aboutPageMobileTitle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
  }
  .aboutPageMobileTitle > div:nth-child(1) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
  }
  .aboutPageMobileTitle > div:nth-child(1) > p:nth-child(1) {
    align-self: stretch;
    color: var(--Text-Primary, #3a3d45);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
  }
  .aboutPageMobileTitle > div:nth-child(1) > h2 {
    color: var(--Text-Primary, #3a3d45);
    /* M/Title/H2 */
    font-family: "Grtsk Giga", sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 115.385% */
    letter-spacing: -0.52px;
    text-transform: uppercase;
  }
  .aboutPageMobile > div:nth-child(2) > p {
    align-self: stretch;
    color: var(--Text-Primary, #3a3d45);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
  }
  .aboutMobilePageBtn {
    display: flex;
    padding: 10px 16px;
    align-items: center;
    gap: 12px;
    background: var(--BG-Secondary, #dedbd9);
  }
  .aboutMobilePageBtn > p {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
  }
  .aboutPageMobile > div:nth-child(3) {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .aboutPageMobile > div:nth-child(3) > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .aboutPageMobile > div:nth-child(3) > div > p:nth-child(1) {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
    opacity: 0.5;
  }
  .aboutPageMobile > div:nth-child(3) > div > h2 {
    color: var(--Text-Primary, #3a3d45);
    font-family: "Grtsk Giga", sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 115.385% */
    letter-spacing: -0.52px;
    text-transform: uppercase;
  }
  .aboutPageMobile > div:nth-child(4) {
    display: flex;
    padding: 24px 20px;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .aboutPageMobile > div:nth-child(4) > p {
    flex: 1 0 0;
    align-self: stretch;
    color: var(--Text-Primary, #3a3d45);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
  }
  .aboutPageInformation,
  .aboutPageMission,
  .whySection,
  .aboutPageTeam,
  .callbackSection {
    display: none;
  }
  .aboutPageMobile > div:nth-child(5) {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .aboutPageMobile > div:nth-child(5) > p:nth-child(1) {
    align-self: stretch;
    color: var(--Text-Primary, #3a3d45);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    letter-spacing: -0.2px;
  }
  .aboutPageMobile > div:nth-child(5) > p:nth-child(2) {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    opacity: 0.5;
  }
  .aboutPageMobile > div:nth-child(6) {
    display: flex;
    height: 158px;
    padding: 32px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .aboutPageMobileDescription {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
    align-self: stretch;
  }
  .aboutPageMobileDescription > .row {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .aboutPageMobileDescription > .row > p {
    color: var(--Text-Primary, #3a3d45);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 122.222% */
    letter-spacing: -0.18px;
  }
  .row > .coloredText {
    display: flex;
    padding: 0px 2px;
    align-items: center;
    gap: 8px;
  }
  .aboutPageMobileMission,
  .aboutPageMobile > div:nth-child(9) {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .aboutPageMobileMission > p:nth-child(1),
  .aboutPageMobileVision > p:nth-child(1),
  .aboutPageMobile > div:nth-child(9) > p:nth-child(1) {
    color: var(--Text-Primary, #3a3d45);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    letter-spacing: -0.2px;
  }
  .aboutPageMobileMission > p:nth-child(2),
  .aboutPageMobileVision > p:nth-child(2),
  .aboutPageMobile > div:nth-child(9) > p:nth-child(2) {
    align-self: stretch;
    color: var(--Text-Primary, #3a3d45);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    opacity: 0.5;
  }
  .aboutPageMobileVision {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .aboutPageMobile > div:nth-child(10) {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .aboutPageMobile > div:nth-child(10) > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .aboutPageMobile > div:nth-child(10) > div > p {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
    opacity: 0.5;
  }
  .aboutPageMobileWhyCards {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .aboutPageMobileWhyCardItem {
    display: flex;
    padding: 24px 20px;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .aboutPageMobileWhyCardItem > div:nth-child(1) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
  }
  .aboutPageMobileWhyCardItem > div:nth-child(1) > p:nth-child(1) {
    align-self: stretch;
    color: var(--Text-Primary, #3a3d45);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 122.222% */
    letter-spacing: -0.18px;
  }
  .aboutPageMobileWhyCardItem > div:nth-child(1) > p:nth-child(2) {
    align-self: stretch;
    color: var(--Text-Primary, #3a3d45);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    opacity: 0.5;
  }
  .aboutPageMobileWhyCardItem > div:nth-child(2) {
    display: flex;
    padding: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    border: 1px dashed var(--Control-Accent, #a57e5a);
  }
  .aboutPageMobileJob {
    position: relative;
    display: flex;
    padding: 32px 20px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 56px;
    align-self: stretch;
    border-top: 1px solid var(--Divider-Primary, #d9d6d4);
    overflow: hidden;
  }
  .aboutPageMobileJob > img {
    position: absolute;
    width: 296px;
    height: 237px;
    transform: rotate(90deg);
    position: absolute;
    right: -30px;
    object-fit: cover;
    bottom: 30px;
    z-index: 0;
  }
  .aboutPageMobileJob > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    position: relative;
    z-index: 3;
  }
  .aboutPageMobileJob > form {
    position: relative;
    z-index: 3;
  }
  .aboutPageMobileJob > div > p:nth-child(1) {
    align-self: stretch;
    color: var(--Text-Primary, #3a3d45);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    letter-spacing: -0.2px;
  }
  .aboutPageMobileJob > div > p:nth-child(2) {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    opacity: 0.5;
  }
  /**/
  .partnershipPage {
    display: none;
  }
  .partnershipPageBtn {
    display: flex;
    padding: 10px 16px;
    align-items: center;
    gap: 12px;
  }
  .callbackForm {
    display: flex !important;
    padding: 32px 20px !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 64px;
    align-self: stretch;
    border-top: 1px solid var(--Divider-Primary, #d9d6d4);
    background: var(--BG-Secondary, #dedbd9);
  }
  .form__fields > input::placeholder {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
  }
  .form__bottom {
    gap: 16px;
  }
  .callbackform__bottom {
    gap: 16px;
  }
  .aboutPageMobileContactButtons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
  }
  .aboutPageMobileContactButtons > .item {
    display: flex;
    padding: 24px 20px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .aboutPageMobileContactButtons > .item > .left {
    display: flex;
    align-items: flex-start;
    gap: 16px;
  }
  .aboutPageMobileContactCount {
    display: flex;
    padding-top: 4px;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
  }
  .aboutPageMobileContactCount > p {
    color: var(--Text-Primary, #3a3d45);
    text-align: right;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
    opacity: 0.5;
  }
  .aboutPageMobileTitleBlock {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .aboutPageMobileTitleBlock > p:nth-child(1) {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
  }
  .aboutPageMobileTitleBlock > p:nth-child(2) {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    opacity: 0.5;
  }
  html.overflowH {
    overflow: hidden;
  }
  /**/

  .mediaPage__content {
    flex-direction: column;
  }
  .media__left {
    width: 100%;
    height: auto;
  }
  .media__left > div:nth-child(2) {
    display: none;
  }
  .media__left > div:nth-child(1) {
    padding: 24px 20px;
  }
  .mediaPageMobile {
    display: none;
    flex-direction: column;
    align-items: flex-start;
  }

  .media__left > div:nth-child(1) > div > h2 {
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 115.385% */
    letter-spacing: -0.52px;
    text-transform: uppercase;
  }
  .mediaPageMobile > div:nth-child(1) {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .mediaPageMobile > div:nth-child(1) > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .mediaPageMobile > div:nth-child(1) > div > h2 {
    color: var(--Text-Primary, #3a3d45);
    font-family: "Grtsk Giga", sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 115.385% */
    letter-spacing: -0.52px;
    text-transform: uppercase;
  }
  .mediaCards {
    width: 100%;
    grid-template-columns: auto;
  }
  .mediaCardItem {
    border: none;
    display: flex;
    padding: 24px 20px;
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .mediaCardItem__top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
  }
  .mediaCardItemImg {
    height: 220px;
  }
  .mediaCardItemTitle {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
  }
  .mediaCardItem__date {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
  }
  /**/
  .partnershipPage__content {
    display: none;
  }
  .partnerPageMobile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .partnerPageMobile > div:nth-child(1) {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .partnerPageMobile > div:nth-child(1) > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
  }
  .partnerPageMobile > div:nth-child(1) > div > h2 {
    font-family: "Grtsk Giga", sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 115.385% */
    letter-spacing: -0.52px;
    text-transform: uppercase;
    word-break: break-all;
  }
  .partnerPageMobile > div:nth-child(1) > div > p {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
  }
  .partnerPageMobile > div:nth-child(2),
  .partnerPageMobile > div:nth-child(4) {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .partnerPageMobile > div:nth-child(2) > p,
  .partnerPageMobile > div:nth-child(4) > p {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
    opacity: 0.5;
  }
  .partnerPageMobileText {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
  }
  .partnerPageMobileText > p:nth-child(1) {
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 36px; /* 112.5% */
    letter-spacing: -0.32px;
  }
  .partnerPageMobileText > p:nth-child(2),
  .partnerPageMobileText > p:nth-child(5) {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
  }
  .partnerPageMobileText > p:nth-child(3),
  .partnerPageMobileText > p:nth-child(4) {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    opacity: 0.5;
  }
  .partnerPageAboutTender {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
  }
  .partnerPageAboutTender > div:nth-child(1) {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
    height: 280px;
    position: relative;
  }
  .partnerPageAboutTender > div:nth-child(1) > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .partnerPageAboutTender > div:nth-child(2) {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
  }
  .partnerPageAboutTender > div:nth-child(2) > p:nth-child(1) {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    letter-spacing: -0.2px;
  }
  .partnerPageAboutTender > div:nth-child(2) > p:nth-child(2) {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
  }
  .partnerPageAboutTender > div:nth-child(2) > div {
    display: flex;
    align-items: flex-start;
    gap: 8px;
  }
  .partnerMobilePageBtn {
    display: flex;
    padding: 10px 16px;
    align-items: center;
    gap: 12px;
    background: var(--Control-Accent, #a57e5a);
  }
  .partnerMobilePageBtn > p {
    color: var(--Text-Light, #f9f5f3);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
  }
  .partnerMobilePageCallBtn {
    display: flex;
    padding: 10px 16px;
    align-items: center;
    gap: 12px;
    background: var(--BG-Secondary, #dedbd9);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
  }
  .partnerPageAboutTender > div:nth-child(3) {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .partnerPageAboutTender > div:nth-child(3) > p {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
    opacity: 0.5;
  }
  .partnerPageMobileJob {
    display: flex;
    padding-bottom: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
  }
  .partnerPageMobileJobImg {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
    height: 280px;
    position: relative;
  }
  .partnerPageMobileJobImg > img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
  }
  .partnerPageMobileJob > div:nth-child(2) {
    display: flex;
    padding: 0px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
  }
  .partnerPageMobileJob > div:nth-child(2) > p:nth-child(1) {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    letter-spacing: -0.2px;
  }
  .partnerPageMobileJob > div:nth-child(2) > p:nth-child(2) {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
  }
  .partnerPageMobileJob > div:nth-child(2) > form {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 8px;
    align-self: stretch;
    flex-wrap: wrap;
  }
  .projectsMobileFilters {
    display: none;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    width: 100%;
    background: var(--BG-Primary, #edeae8);
    z-index: -100;
  }
  .projectsMobileFilters.show {
    display: flex;
    flex-direction: column;
    opacity: 1;
    transition: 0.25s ease-in-out;
    z-index: 10000;
  }
  .projectsMobileFilters > .projects__left {
    display: flex;
    width: auto;
    border: none;
    padding-top: 0;
    padding: 0px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
  .projectsMobileFiltersTop {
    display: flex;
    padding: 20px 20px 16px 20px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .projectsMobileFiltersTop > p {
    flex: 1 0 0;
    color: var(--Text-Primary, #3a3d45);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 122.222% */
    letter-spacing: -0.18px;
  }
  .projectsMobileFilterBtn {
    background: transparent;
  }
  .projectsMobileFilters > .projects__left > .projects__mapBtn {
    display: none;
  }
  .projectsMobileFilters > .projects__left > .projects__filters {
    padding: 0;
    gap: 24px;
    height: 100%;
    position: relative;
  }
  .project__country {
    border: none;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex: 1 0 0;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
    border: 1px solid var(--Divider-Secondary, #ccc9c8);
  }
  .filterItem {
    gap: 12px;
  }
  .filterItem > p {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
  }
  .filterSelect > p,
  .filterSelectOptionVal > p {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
  }
  .filterSelect {
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
  }
  .controlBtns input {
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
  }
  .controlBtns {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    justify-self: flex-end;
    position: fixed;
    width: calc(100% - 40px);
    bottom: 20px;
    left: 20px;
  }
  /**/
  .preloaderBottom {
    position: absolute;
    width: calc(100% - 48px);
  }
  .projectsMobileFilters > .projects__left {
    height: 85%;
  }
  .preloader__content > .preloaderLogo > div {
    width: 85px;
    height: 85px;
  }
  .preloaderBottom > p:nth-child(1),
  .preloaderBottom > p:nth-child(1),
  .preloaderBottom > div > p:nth-child(2) {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
  }
  .percentValue {
    font-size: 24px;
    line-height: 24px; /* 100% */
    letter-spacing: -0.672px;
    text-transform: uppercase;
  }
  .preloaderBottom > div {
    flex: 1 0 0;
    justify-content: flex-end;
    align-items: flex-end;
  }
  .preloaderBottom > p:nth-child(1) {
    width: 100px;
  }
  .cardPageMobile {
    /* display: inline-flex;
        flex-direction: column;
        align-items: flex-start; */
  }
  .cardPage__content {
    display: flex;
    flex-direction: column;
  }
  .cardPage__left {
    display: flex;
    width: calc(100% - 40px);
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    height: auto;
  }
  .cardPage__left > .top,
  .cardPage__left > .title {
    padding: 0;
  }
  .cardPage__left > .title > div > h2 {
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 115.385% */
    letter-spacing: -0.52px;
    text-transform: uppercase;
  }
  .cardPage__left > .title > div > p:nth-child(2),
  .cardPage__left > .title > div > div > p {
    font-size: 12px;
    line-height: 16px;
  }
  .cardInfoText > div:nth-child(1) > img {
    max-width: 100px;
  }
  .cardPage__left > .bottom {
    display: none;
  }
  .cardPage__left > .title > div {
    gap: 16px;
  }
  .cardInfo__top {
    flex-direction: column;
  }
  .cardInfo__top > div:nth-child(1) {
    display: none;
  }
  .cardInfo__top {
    width: 100vw;
  }
  .cardInfoImg {
    height: 296px;
    /* padding: 16px 24px; */
  }
  .cardInfoText {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
  }
  .cardInfoText > div:nth-child(1) {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
  }
  .cardInfoText > div:nth-child(1) > div {
    gap: 24px;
  }
  .cardInfoArch {
    flex-direction: column;
    width: 100vw;
  }
  .cardInfoImgArrows {
    top: 129px;
    width: calc(100% - 48px);
    left: 24px;
    right: 24px;
  }
  .cardInfoArch > div:nth-child(1) {
    padding: 24px 20px;
    width: calc(100vw - 40px);
    border-right: none;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .cardInfoArchContent {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    width: auto;
  }
  .cardInfoArchContent > p:nth-child(1) {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    letter-spacing: -0.2px;
  }
  .cardInfoArchContent > div {
    gap: 16px;
  }
  .cardInfoTextItem {
    flex-direction: column-reverse;
    gap: 6px;
  }
  .cardInfoTextItem > p:nth-child(1) {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
  }
  .cardInfoTextItem > p:nth-child(2) {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
  }
  .cardInfoTerritory {
    flex-direction: column;
    width: 100vw;
  }
  .cardInfoArchContent > p:nth-child(2) {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
  }
  .cardInfoArch > div:nth-child(1) > p,
  .cardInfoTerritory > div:nth-child(1) > p,
  .cardInfoLocation > div:nth-child(1) > p {
    font-size: 10px;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
  }
  .cardInfoTerritoryContent > p {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
  }
  .cardInfoTerritoryContent > div {
    gap: 16px;
  }
  .cardInfoLocationContent > div:nth-child(1) > div {
    gap: 6px;
  }
  .cardInfoLocationContent > div:nth-child(1) > div > p:nth-child(1) {
    font-size: 10px;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
  }
  .cardInfoLocationContent > div:nth-child(1) > div > p:nth-child(2) {
    font-size: 14px;
    line-height: 20px; /* 142.857% */
  }
  .cardInfoTerritoryContent > div > p:nth-child(1) {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
  }
  .cardInfoTerritoryContent > div > p:nth-child(2) {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
  }
  .cardInfoLocation > div:nth-child(1) {
    width: auto;
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .cardInfoTerritory > div:nth-child(1) {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border: none;
    border-bottom: 1px solid var(--Divider-Primary, #d9d6d4);
    width: 100%;
  }
  .cardInfoTerritoryContent {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
  }
  .cardInfoTerritoryContent > p:nth-child(1) {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    letter-spacing: -0.2px;
  }
  .cardInfoTerritoryContent {
    width: calc(100vw - 40px);
  }
  .cardInfoLocation {
    flex-direction: column;
  }
  .cardInfoLocationContent > div:nth-child(1) {
    display: flex;
    padding: 24px 20px 0px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
  }
  .cardInfoLocationContent > div:nth-child(1) > p:nth-child(1) {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    letter-spacing: -0.2px;
  }
  .cardInfoLocationMap {
    height: 320px;
  }
  .mapControlButtons {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    top: 119px;
    right: 20px;
  }
  .mapControlButtons > button {
    display: flex;
    width: 38px;
    height: 38px;
    justify-content: center;
    align-items: center;
    gap: 8px;
  }
  .allProjectsBtn {
    display: flex;
    padding: 9px 12px;
    align-items: center;
    gap: 12px;
  }
  .cardInfoBtn {
    width: 38px;
    height: 38px;
  }
  .cardInfoSlider.swiper {
    height: 296px;
    width: 100vw;
  }
  /**/
  .newsLayoutContent {
    flex-direction: column;
  }
  .newsItemLeft {
    width: calc(100% - 40px);
    height: auto;
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
  }
  .newsItemLeft > .top,
  .newsItemLeft > .title,
  .newsItemLeft > .bottom {
    padding: 0;
  }
  .allnewsLink {
    padding: 9px 12px;
  }
  .newsItemTitle {
    font-size: 18px;
    line-height: 22px; /* 122.222% */
    letter-spacing: -0.18px;
  }
  .newsItemLeft > .title > p:nth-child(1) {
    font-size: 10px;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
  }
  .newsItemLeft > .bottom > p {
    font-size: 10px;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
  }
  .newsItemRight > div {
    width: 100%;
  }
  .newsItemImg {
    height: 156px;
    padding: 24px;
  }
  .newsItemTextContent {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
  }
  .newsItemTextContent > p {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
  }
  .allnewsLink > p,
  .newsItemTextContentUrl {
    font-size: 14px;
    line-height: 20px; /* 142.857% */
  }
  .newsItemTextContentUrl {
    display: flex;
    padding: 10px 16px;
    align-items: center;
    gap: 12px;
    background: var(--BG-Secondary, #dedbd9);
  }
  .media__content {
    display: flex;
  }
  .mediaTop {
    flex-direction: column;
    align-items: flex-start;
  }
  .mediaTop > div:nth-child(1) {
    padding: 24px 20px;
    gap: 8px;
    width: calc(100% - 40px);
  }
  .media__titleBlock {
    padding: 0;
    gap: 12px;
  }
  .media__titleBlock p:nth-child(1) {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
  }
  .media__titleBlock p:nth-child(2) {
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 115.385% */
    letter-spacing: -0.52px;
    text-transform: uppercase;
  }
  .news__more {
    display: none;
  }
  .media__cardItem {
    max-width: 100%;
    display: flex;
    padding: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    justify-content: start;
  }
  .mediaCardImg {
    height: 220px;
  }
  .media__cardItem.swiper-slide {
    height: auto !important;
  }
  .media__cardItemTop,
  .media__cardItem {
    gap: 16px;
  }
  .mediaCardTitle {
    font-size: 14px;
    line-height: 20px;
  }
  .media__cardDate {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
  }
  .news__cardsWrapper {
    width: 100%;
  }
  .news__cards {
    padding: 0;
  }
  .mediaBottom {
    padding: 24px 20px;
    width: calc(100% - 40px);
  }
  .mediaMobileController {
    display: flex;
    padding: 16px 20px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-top: 1px solid var(--Divider-Primary, #d9d6d4);
  }
  .mediaTop > div:nth-child(2) {
    display: none;
  }
  .mediaMobile > .mediaNews,
  .mediaMobile > .top {
    display: none;
  }
  .aboutPage__playBtn {
    display: none;
  }
  .playMobileBtn {
    display: none;
  }
  .cardProjectDownloadBtn {
    padding: 10px 16px;
    gap: 12px;
  }
  .preloader {
    display: none;
  }
  .aboutCards__contentMobile > div:nth-child(1) > div > p {
    font-family: "Grtsk Giga", sans-serif;
    font-size: 26px;
    line-height: 30px;
    opacity: 1;
  }
  .videoBlockNews {
    width: 100%;
  }
}