@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 img:nth-child(1){
        display: none;
        width: 40px;
    }
    .headerMainLogo img:nth-child(2){
        display: block;
        width: 120px;
    }
    .headerMainLogo > img{
        width: 80px;
    }
    .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: none;
    }
    .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: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 12px; /* 120% */
        letter-spacing: 0.1px;
        opacity: .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;
    }
    .mobileLogoWrapper{
        position: absolute;
        width: 150px;
        top: calc(50% - 20px);
        left: calc(50% - 75px);
    }
    .mobileLogoWrapper > img{
        width: 100%;
    }
    .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: 10px;
        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: none;
    }
    .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: 10px;
        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: none;
        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: 12px;
        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: 12px;
        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: 12px;
        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: 10px;
        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: .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: 12px;
        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{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 300px!important;
    }
    a.projectLinkBtn{
        padding: 10px 20px;
    }
    .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);        
    }
    .footerMobile > div:nth-child(1) > div > img{
        max-width: 120px;
    }
    .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: none;
        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: .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: .45;    
    }
    .mobile__nav div > li > a:hover{
        opacity: 1;
        transition: .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: .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: 120px;
    }
    .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;        
    }
    .modalCallLogo > img{
        width: 120px;
    }
    .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: .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;
    } */
    .preloader__content > .preloaderLogo > div{
        width: 150px;
        height: 41px;
    }
    .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%;
    }

}