@media (max-width: 767px) {
    .container {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .full-container {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .mobile {
        display: flex !important;
    }

    header .box .lang {
        order: 1;
        height: 50px;
        padding: 0 4px;
        gap: 4px;
    }

    header .box .logo {
        order: 2;
    }

    header .box .logo img {
        max-height: 20px;
    }

    #menu {
        position: fixed;
        left: -110%;
        top: 0;
        width: 100%;
        height: 100vh;
        transition: var(--all-inout);
        overflow: hidden;
        background: var(--bg);
        padding-top: 90px;
        padding-bottom: 32px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 24px;
    }

    #menu::after {
        border-radius: 50%;
        width: 550px;
        height: 550px;
        content: "";
        background: #F77E13;
        filter: blur(145px);
        position: absolute;
        left: calc(50% - 275px);
        bottom: -320px;
        z-index: 1;
        opacity: 0.7;
        /*mix-blend-mode: plus-lighter;*/
        scale: 0.4;
    }

    #menu.open {
        left: 0;
    }

    #menu ul {
        display: flex;
        flex-direction: column;
        max-height: calc(100vh - 228px);
        height: 100vh;
        overflow: scroll;
        align-items: flex-start;
    }

    #menu .header-mobile-social {
        display: flex;
        flex-direction: column;
        gap: 24px;
        align-items: center;
        text-align: center;
    }

    #menu .header-mobile-social .subtitle {
        color: var(--light-grey);
        font-size: 12px;
        font-weight: 300;
        letter-spacing: 4.8px;
    }
    
    #menu .header-mobile-social .social {
        display: flex;
        align-items: center;
        gap: 24px;
    }

    #menu .header-mobile-social .social a {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(193, 189, 181, 0.4);
    }

    #menu .header-mobile-social .social a img {
        filter: brightness(0) invert(1);
        max-width: 24px;
        max-height: 24px;
    }

    #header-menu {
        padding-left: 20px;
        padding-right: 20px;
    }

    #header-menu > li {
        width: 100%;
        position: relative;
        padding-right: 32px;
    }

    #header-menu > li > a {
        color: var(--white);
        font-size: 20px;
        font-weight: 600;
        line-height: 120%;
    }

    #header-menu > li.menu-item-has-children > a::after {
        display: none;
    }

    #header-menu > li.menu-item-has-children > a::after {
        width: 24px;
        height: 24px;
        display: flex;
        border: 0;
        padding: 0;
        background: var(--white);
        mask: url('../images/accordion-arrow.svg') center center / 12px auto no-repeat;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        transition: var(--all-inout);
    }

    #header-menu > li.menu-item-has-children > a.open::after {
        rotate: 180deg;
    }

    #header-menu .sub-menu {
        max-height: 0;
        opacity: 0;
        position: relative;
        left: initial;
        top: initial;
        width: 100%;
        transition: var(--all-inout);
        padding: 0 0 0 24px;
        background: none;
        height: auto;
    }
    
    #header-menu .sub-menu.show {
        max-height: 600px;
		opacity: 1;
		transform: translateY(0);
    }

    #header-menu .sub-menu > li:last-child {
        padding-bottom: 0;
    }

    #header-menu .sub-menu > li > a {
        font-size: 14px;
        font-weight: 200;
    }

    header .box .header-but {
        display: none;
    }

    .home-first .content .container .text {
        align-items: center;
        text-align: center;
    }

    .home-first .content .container .text .but-stroked,
    .home-first .content .container .text .but {
        width: 100%;
    }

    .home-first .title p {
        max-width: 100%;
    }
    
    .home-first .items-box .container, .inner-first-statistics {
        grid-template-columns: repeat(2, 1fr);
    }

    .home-first .items-box .container .item .info, .inner-first-statistics .item .info {
        height: 126px;
        gap: 12px;
    }

    .home-first .items-box .container .item .info .number, .inner-first-statistics .item .info .number {
        font-size: 62px;
        line-height: 55px;
    }

    .home-first .items-box .container .item .info p, .inner-first-statistics .item .info p {
        font-size: 12px;
    }

    .home-first .items-box .container .item .name, .inner-first-statistics .item .name {
        height: 40px;
        gap: 4px;
        font-size: 16px;
    }

    .home-first .items-box .container .item img, .inner-first-statistics .item img {
        max-width: 15px;
        max-height: 17px;
    }

    h2, .h2 {
        font-size: 28px;
        text-transform: uppercase;
    }

    .services-block .box {
        grid-template-columns: 100%;
    }

    .services-block .container {
        gap: 24px;
    }

    .home-first + .services-block {
        margin-top: 0px;
    }

    .services-block {
        padding: 70px 0 50px;
    }

    .services-block .box .item {
        height: 140px;
    }

    .services-block .box .item a .name {
        height: 40px;
        padding: 0 16px;
        font-size: 16px;
        align-items: center;
        background: url('../images/service-arrow.svg') calc(100% - 16px) 12px / 14px auto no-repeat, rgba(0, 0, 0, 0.25);
    }

    .services-block .box .item:last-child a .name {
        background: url('../images/service-arrow.svg') calc(100% - 51px) 12px / 14px auto no-repeat, rgba(0, 0, 0, 0.25);
    }

    .services-block .box::before {
        border-top: 45px solid var(--white);
        border-right: 45px solid transparent;
    }

    .services-block .box::after {
        border-bottom: 45px solid var(--white);
        border-left: 45px solid transparent;
    }

    .about-info-block {
        padding: 50px 0;
    }

    .about-info-block .box {
        grid-template-columns: 100%;
    }

    .about-info-block .box .info {
        flex-direction: column-reverse;
    }

    .about-info-block .box .info .text {
        padding: 24px 0;
        padding-right: 40px;
        background: transparent;
    }

    .about-info-block .box .info .text .but {
        display: none;
    }

    .about-info-block .box .info .text::after {
        left: calc(100% - 70px);
        width: 70px;
        clip-path: polygon(0 0, 70px 0, 0 100%);
    }

    .about-info-block .box .info .text::before {
        right: 71px;
        z-index: -1;
    }

    .serts-carusel .title {
        flex-direction: column;
        position: relative;
    }

    footer .box {
        gap: 50px;
        flex-direction: column;
    }

    .about-info-block .box .info .list.accordion-list .accordion, .about-info-block .box .info .list.accordion-list .accordion-open {
        font-size: 16px;
        padding-left: 28px;
        padding-right: 24px;
        padding-bottom: 24px;
    }

    .about-info-block .box .info .list.accordion-list .accordion::before, .about-info-block .box .info .list.accordion-list .accordion-open::before {
        font-size: 16px;
        left: 0px;
    }

    .about-info-block .box .info .list.accordion-list .accordion:not(:first-child)::before, .about-info-block .box .info .list.accordion-list .accordion-open:not(:first-child)::before {
        top: 24px;
    }

    .about-info-block .box .info .list.accordion-list .accordion::after {
        width: 20px;
        height: 20px;
        background: url('../images/accordion-arrow.svg') center center / 12px auto no-repeat;
    }

    .about-info-block .box .info .list.accordion-list .accordion:not(:first-child)::after {
        top: 24px;
    }

    .about-info-block .box .info .list.accordion-list .accordion:not(:first-child), .about-info-block .box .info .list.accordion-list .accordion-open:not(:first-child) {
        padding-top: 24px;
    }

    .about-info-block .box .info .list.accordion-list .panel-inner {
        padding: 0 0 24px;
    }

    .about-info-block .box .info .list.accordion-list .panel-inner {
        padding-left: 28px;
        padding-right: 24px;
    }

    .about-info-block .box .image {
        flex-direction: row-reverse;
        gap: 4px;
        align-items: center;
        justify-content: space-between;
    }

    .about-info-block .box .image .img {
        width: 100%;
        height: 260px;
        flex-shrink: 0;
    }

    .about-info-block .box .image .caption {
        font-size: 10px;
        letter-spacing: 2.72px;
    }

    .about-info-block .box .but.mobile {
        margin-top: 24px;
    }

    .about-info-block .box .but.mobile a {
        width: 100%;
    }

    .home-projects {
        margin-top: 40px;
        padding: 100px 0 360px;
    }

    .home-projects .img > img {
        object-position: left center;
    }

    .home-projects h2 {
        max-width: 50%;
    }

    .home-projects .box::before {
        width: 2060px;
        clip-path: polygon(0 0, 2060px 0, 2000px 100%, 0 100%);
    }

    .home-projects .container h2 + .box {
        margin-top: 32px;
    }

    .home-projects .box {
        padding: 24px 48px 24px 0;
    	max-width: 80%;
    }

    .home-projects .box .controls {
        gap: 20px;
        margin-bottom: 24px;
    }

    .home-projects .box .slider .item .but-stroked a {
        width: 210px;
    }

    .serts-carusel {
        padding: 70px 0;
    }

    .serts-carusel .title h2 {
        max-width: 60%;
    }

    .serts-carusel .title .text .subtitle {
        font-size: 10px;
        letter-spacing: 2.72px;
        position: absolute;
        top: 10px;
        right: 0;
        max-width: 40%;
    }

    .serts-carusel .slider {
        margin-top: 40px;
    }

    .serts-carusel .slider .controls {
        margin-top: 50px;
        padding-left: 0;
    }

    section.yellow-line {
        padding: 12px 10px;
    }

    .cards-swiper-button-prev, .cards-swiper-button-next {
        bottom: 15px;
    }

    .experts-block {
        padding: 70px 0 0;
    }

    .experts-block .box {
        gap: 70px;
        flex-direction: column-reverse;
    }

    .experts-block .box .cards {
        max-width: 90%;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        padding-left: 35px;
    }

    .experts-block .box .cards .cards-slider .item .img {
        height: 375px;
    }

    .reviews-block .box > .info {
        max-width: 100%;
        padding: 24px 0;
        gap: 12px;
    }

    .reviews-block .box > .info .controls {
        margin-top: 12px;
    }

    .reviews-block .box > .info::before {
        width: 2070px;
        clip-path: polygon(0 0, 2070px 0, 2000px 100%, 0 100%);
        right: 0;
    }

    .reviews-block .box {
        gap: 32px;
        flex-direction: column;
    }

    .reviews-block .box .slider-wr {
        margin-top: 0px;
        width: 100%;
    }

    .reviews-block .box .slider-wr .item {
        grid-template-columns: 100%;
        gap: 16px;
    }

    .reviews-block .box .slider-wr .item .photo {
        width: 100%;
        height: 220px;
    }

    .reviews-block .box .slider-wr .item .review-info {
        padding-top: 4px;
    }

    .media-center-block {
        padding: 32px 0 40px;
    }

    .media-center-block .box {
        grid-template-columns: 100%;
    }

    .media-center-block .box .item:first-child {
        grid-row-start: 1;
        grid-row-end: 2;
        height: 335px;
    }

    .media-center-block .box .item:first-child .info {
        gap: 24px;
        padding: 16px;
    }

    .media-center-block .box .item:first-child .info .title > a {
        font-size: 20px;
    }

    .media-center-block .box .item:not(:first-child), .article-item {
        flex-direction: column;
        gap: 0;
    }

    .media-center-block .box .item:not(:first-child) .image, .article-item .image {
        width: 100%;
        height: 220px;
    }

    .media-center-block .box .item:not(:first-child) .info, .article-item .info {
        padding: 16px;
    }

    .text-section {
        padding: 35px 0 70px;
    }

    .text-section .box .text {
        columns: 1;
    }

    section.yellow-line .container {
        align-items: flex-start;
        gap: 24px;
        flex-direction: column;
    }

    section.yellow-line .container .text {
        font-size: 14px;
    }

    footer {
        padding: 50px 0;
        overflow-x: hidden;
    }

    footer .box .title {
        font-size: 24px;
        margin-bottom: 12px;
    }

    footer .box .info .block .footer-menu ul {
        grid-template-columns: 100%;
        gap: 16px;
    }

    footer .box .info .block .footer-menu ul a {
        font-size: 14px;
    }

    footer .box .info {
        flex-direction: column-reverse;
        gap: 45px;
    }

    footer .box .info .block .footer-contacts .addr a, footer .box .info .block .footer-contacts .email a, footer .box .info .block .footer-contacts .phone a, footer .box .info .block .footer-contacts .work-time p {
        font-size: 14px;
    }

    footer .box .info .block .footer-contacts .social {
        gap: 20px;
        position: relative;
        flex-direction: row;
        bottom: initial;
        right: initial;
        margin-top: 24px;
    }

    footer .box .info .block .footer-contacts .social a {
        width: 50px;
        height: 50px;
    }

    .form form .form-group input[type="text"], .form form .form-group input[type="tel"], .form form .form-group input[type="email"] {
        height: 54px;
    }

    .form form .form-group input[type="submit"] {
        height: 54px;
    }

    header .menu-but {
        order: 3;
        width: 50px;
        height: 50px;
        border: 1px solid rgba(193, 189, 181, 0.40);
        position: relative;
        display: flex;
        cursor: pointer;
    }

    header .box {
        padding: 18px 0px;
        gap: 12px;
    }

    header .menu-but span {
        transition: var(--all-inout);
        width: 30px;
        height: 2px;
        border-radius: 2px;
        background: var(--white);
        position: absolute;
        left: calc(50% - 15px);
        top: calc(50% - 1px);
    }

    header .menu-but span:first-child {
        margin-top: -8px;
    }

    header .menu-but span:last-child {
        margin-top: 8px;
    }

    header .menu-but span:nth-child(2) {
        width: 20px;
        left: calc(50% - 5px);
    }

    header .menu-but.open span:first-child {
        margin-top: 0;
        rotate: 45deg;
    }

    header .menu-but.open span:last-child {
        margin-top: 0;
        rotate: -45deg;
    }

    header .menu-but.open span:nth-child(2) {
        opacity: 0;
    }

    .home-first .title {
        top: 110px;
        display: flex;
        flex-direction: column-reverse;
    }

    .home-first .human-image span {
        scale: 0.4;
        bottom: 90px;
    }

    .home-first .human-image {
        bottom: initial;
        left: initial;
        height: 520px;
        top: 200px;
        width: 250px;
        right: 30px;
    }

    .home-first .image2 {
        bottom: initial;
        left: 0px;
        scale: 1;
        top: 405px;
        width: 135px;
        height: 224px;
    }

    .home-first .image2 > div {
        width: 100%;
        height: 100%;
    }

    .home-first .image2 span {
        bottom: 60px;
        left: -70px;
        scale: 0.5;
    }

    .home-first .title .container {
        position: relative;
        top: initial;
        left: initial;
        transform: translateX(0%);
    }

    .home-first {
        min-height: 10px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    .home-first .objects-box {
        position: relative;
        right: 0px;
        bottom: initial;
        z-index: 4;
        order: 1;
        margin-top: 440px;
        display: flex;
        justify-content: flex-end;
    }

    .home-first .objects-box .objects-item {
        padding: 50px 24px 80px;
        height: auto;
        width: 310px;
    }

    .home-first .objects-box .objects-item .image {
        right: -140px;
        height: 85%;
        width: 100%;
    }

    .home-first .items-box {
        margin-top: -50px;
        order: 2;
    }

    .home-first .content {
        margin-top: 40px;
        order: 3;
    }

    .home-first .content .but-stroked a {
        width: 100%;
    }

    .home-first .content .but a {
        width: 100%;
    }

    .home-first .content .but a::before {
        border-top-color: var(--black);
    }

    .home-first .content .but a::after {
        border-bottom-color: var(--black);
    }

    .home-first .title .word video {
        width: 120%;
        left: -10%;
        top: -60px;
    }

    .home-first .title .word {
        line-height: 32px;
        height: 135px;
    }

    .home-first .title .word::before {
        box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 1) inset;
        -webkit-box-shadow: 0px 0px 20px 20px rgb(0, 0, 0) inset;
        -moz-box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 1) inset;
        animation: 4s ease-in 1s hideShadow;
        opacity: 0;
    }

    @keyframes hideShadow {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
        }
    }

    section.yellow-line .container .menu {
        margin-left: 0px;
        display: none;
    }

    section.yellow-line .container .menu ul {
        flex-wrap: wrap;
        gap: 2px 10px;
    }

    .about-in-numbers {
        overflow: hidden;
        padding: 70px 0 70px;
        background: url('../images/381404.webp') 50% 10% / auto 150% no-repeat, var(--bg);
        overflow: hidden;
    }
    
    .about-in-numbers::before {
        display: none;
    }
    
    .about-in-numbers::after {
        border-radius: 50%;
        width: 550px;
        height: 550px;
        content: "";
        background: #F77E13;
        filter: blur(145px);
        position: absolute;
        left: 20%;
        bottom: -320px;
        z-index: 1;
        opacity: 0.7;
        scale: 0.7;
    }

    .about-in-numbers .image {
        bottom: -130px;
        margin-left: -230px;
        height: auto;
        display: none;
    }

   .about-in-numbers .box .item .info {
        height: 126px;
        gap: 12px;
    }

    .about-in-numbers .box .item .info .number {
        font-size: 62px;
        line-height: 55px;
    }

    .about-in-numbers .box .item .info p {
        font-size: 12px;
    }

    .about-in-numbers .box .item .name {
        height: 40px;
        gap: 4px;
        font-size: 16px;
    }

    .about-in-numbers .box .item img {
        max-width: 15px;
        max-height: 17px;
    }

    .reviews-block {
        padding: 70px 0 40px;
    }

    .cases-section {
        padding: 60px 0 40px;
    }

    .cases-section .title {
        grid-template-columns: 100%;
    }

    .cases-section .title .filter select {
        height: 54px;
    }

    .cases-section .title + .box {
        margin-top: 40px;
    }

    .cases-section .box .list {
        grid-template-columns: 100%;
    }

    .cases-section .box .list .item .images .img {
        height: 260px;
    }

    .cases-section .box .list .item .images .info {
        gap: 8px;
        width: 80%;
        flex-wrap: wrap;
    }

    .cases-section .box .list .item .text .but-stroked a {
        width: fit-content;
        padding: 0 16px;
    }

    .cases-section .box .list .item .text .name {
        gap: 12px;
    }

    .cases-section .box .list .item {
        gap: 20px;
    }

    .cases-section .box .list .item .text {
        flex-direction: column;
    }

    .cases-section .box .list .item .text .but-stroked,
    .cases-section .box .list .item .text .but-stroked a {
        width: 100%;
    }

    .about-info-block .box .image.reverse .caption {
        padding-top: 24px;
    }

    .about-info-block .box .image.reverse {
        flex-direction: column;
    }

    .cases-first {
        height: 400px;
    }

    .cases-first .box .watch a {
        font-size: 14px;
        align-items: center;
    }

    .cases-first .box .watch a .icon {
        width: 80px;
        height: 80px;
    }

    .cases-section .box .list .item .text .but-stroked {
        flex-shrink: 0;
    }

    .contacts-section {
        padding: 40px 0 70px;
    }

    .contacts-section .box {
        grid-template-columns: 100%;
        gap: 32px;
    }

    .contacts-section .box .info .block .title {
        font-size: 24px;
    }

    .contacts-section .box .info {
        gap: 40px;
    }

    .contacts-section .box .info .block .content div, .contacts-section .box .info .block .content p {
        font-size: 14px;
    }

    .contacts-section .box .info .block .content div::before {
        width: 50px;
        height: 50px;
        background-size: 24px auto;
    }

    .contacts-section .box .info .block .content-row {
        gap: 20px;
    }

    .contacts-section .box .info .block .content-row a {
        width: 50px;
        height: 50px;
    }

    .contacts-section .map {
        height: 400px;
    }

    .footer-section {
        padding: 60px 0;
    }

    .services-list .list ul {
        gap: 12px;
    }

    .services-list .list ul li a {
        height: 44px;
        padding: 0px 12px;
    }

    .footer-section .box .form-part .info .h2 {
        max-width: 100%;
        order: 2;
    }

    .footer-section .box .form-part .info p {
        max-width: 100%;
        order: 3;
    }

    .footer-section .box .form-part .info .img {
        margin-top: 0px;
        margin-bottom: 24px;
        order: 1;
        text-align: center;
    }

    .footer-section .box {
        gap: 60px;
    }

    .footer-section .box .form-part {
        grid-template-columns: 100%;
        gap: 32px;
    }

    .media-center-first .box {
        padding-top: 150px;
        padding-bottom: 40px;
        gap: 60px;
        position: relative;
        flex-direction: column;
    }

    h1, .h1 {
        font-size: 32px;
    }

    .media-center-first .box .title {
        max-width: 100%;
        min-height: 125px;
    }

    .media-center-first .box::before {
        right: 0;
        width: 2070px;
        height: 310px;
        clip-path: polygon(0 0, 2070px 0, 2000px 310px, 0 310px);
    }

    .media-center-first .box .categories .h5 {
        font-size: 16px;
    }

    .media-center-first .box .categories .list {
        gap: 12px;
    }

    .media-center-first .box .categories .list a {
        height: 44px;
        padding: 0 24px;
    }

    .media-center-list {
        padding: 40px 0 30px;
    }

    .media-center-list .box {
        grid-template-columns: 100%;
    }

    .media-center-list .more.but-stroked button {
        width: 190px;
        height: 55px;
    }

    .service-first .box:not(.text-section-box) {
        grid-template-columns: 100%;
    }

    .service-first .box .text .preview {
        padding: 30px 0;
    }

    .service-first .box .text .preview h1 {
        max-width: 100%;
    }

    .service-first .box .text .preview .buts {
        flex-direction: column;
    }

    .service-first .box .text .preview .buts div, 
    .service-first .box .text .preview .buts a {
        width: 100%;
    }

    .service-first .box .image {
        margin-top: 10px;
        height: 260px;
    }

    .service-first {
        padding: 40px 0 30px;
    }

    .service-first.service-first-add .box .image {
        order: 2;
    }

    .service-first.service-first-add .box .text {
        order: 1;
    }

    .service-first.service-first-add .box .text .subtitle {
        padding-top: 0px;
        text-align: left;
        margin-bottom: 0px;
    }

    .service-first.service-first-add .box .text .preview {
        padding-left: 0;
    }

    .text-section-box .text-wr .text {
        columns: 1;
    }

    .suggest-block {
        padding: 70px 0 40px;
    }

    .suggest-block .box {
        grid-template-columns: 100%;
        gap: 32px;
    }

    .suggest-block .box .info .more-but {
        margin-top: 24px;
        padding-top: 0;
        padding-right: 0;
    }

    .suggest-block .box .info .more-but::before {
        display: none;
    }

    .suggest-block > .image {
        display: none;
    }

    .text-with-image {
        padding: 40px 0;
    }

    .text-with-image .box {
        grid-template-columns: 100%;
    }

    .service-advantages {
        padding: 40px 0 60px;
    }

    .service-advantages h2 + .box {
        margin-top: 40px;
    }

    .service-advantages .box {
        grid-template-columns: repeat(2, 1fr);
    }

    .service-advantages .box .item .image {
        height: 120px;
        padding: 12px;
    }

    .service-advantages .box .item .name {
        height: 50px;
        font-size: 14px;
    }

    .service-advantages .box .item .name img {
        max-height: 20px;
    }

    .service-advantages .box .item .text {
        padding: 16px 12px 0 12px;
    }

    .service-advantages .box .item .but-more {
        padding: 16px 12px 16px;
    }

    .form-section .box {
        flex-direction: column-reverse;
        padding-bottom: 0;
    }

    .form-section .box .text {
        margin-left: 0;
        max-width: 100%;
        position: relative;
        padding: 0px;
		margin-top: 40px;
    }

    .form-section .box .text::before {
        width: 2070px;
        right: -120px;
        clip-path: polygon(0 0, 2070px 0, 2000px 100%, 0 100%);
        z-index: -1;
		display: none;
    }
	
	.form-section .box .text .logo {
		height: 225px;
		position: relative;
		padding: 26px 0 26px 165px;
	}
	
	.form-section .box .text .logo::before {
		width: 2070px;
        right: 0px;
        clip-path: polygon(0 0, 2070px 0, 2000px 100%, 0 100%);
        z-index: -1;
		height: 100%;
		position: absolute;
  		top: 0;
  		content: "";
  		background: linear-gradient(87deg, #F3D05B 0%, #FC0 103.73%);
	}
	
	.form-section .box .form.only-but .but {
		display: none;
	}

    .form-section .box .image {
        position: absolute;
        left: 0px;
    	bottom: initial;
    	top: 105px;
    }
	
	.form-section .box .form.only-but {
		max-width: 100%;
		padding-top: 0;
	}
	
	.form-section .box .form.only-but p {
		margin-top: 0;
	}

    .form-section {
        overflow: hidden;
        margin: 30px 0 40px;
        padding-top: 0;
    }

    .form-section .box .image img {
        max-height: 300px;
    }
	
	.form-section .box .but.mobile, .form-section .box .but.mobile a {
		width: 100%;
	}
	
	section.yellow-line .image {
  		top: calc(50% - 40px);
	}
	
	section.yellow-line .image img {
  		width: 80px;
	}

    .form-section .box .text .title {
        font-size: 20px;
    }
	
	.form-section.dark .box .text .title {
		color: var(--grey);
	}
	
	.form-section.dark .box .text p {
		color: var(--grey);
	}
	
	.form-section.dark .box .text .subtitle {
		display: none;
	}

    .cases-section.inner {
        padding: 30px 0 40px;
    }

    .cases-section .title h2, .cases-section .title h1 {
        max-width: 100%;
    }

    .cases-section.inner .title + .box {
        margin-top: 40px;
    }

    .suggest-block .box .list.accordion-list .accordion, .suggest-block .box .list.accordion-list .accordion-open, .list.accordion-list .accordion, .list.accordion-list .accordion-open {
        font-size: 18px;
        padding-left: 32px;
        padding-bottom: 24px;
    }

    .suggest-block .box .list.accordion-list .accordion:not(:first-child), .suggest-block .box .list.accordion-list .accordion-open:not(:first-child), .list.accordion-list .accordion:not(:first-child), .list.accordion-list .accordion-open:not(:first-child) {
        padding-top: 24px;
    }

    .suggest-block .box .list.accordion-list .accordion::before, .suggest-block .box .list.accordion-list .accordion-open::before, .list.accordion-list .accordion::before, .list.accordion-list .accordion-open::before {
        font-size: 18px;
        left: 0px;
    }

    .suggest-block .box .list.accordion-list .accordion::after, .list.accordion-list .accordion::after {
        width: 14px;
        height: 22px;
        background: url('../images/accordion-arrow.svg') center center / 14px auto no-repeat;
    }

    .suggest-block .box .list.accordion-list .panel-inner, .list.accordion-list .panel-inner {
        padding-left: 32px;
    }

    .suggest-block .box .list.accordion-list .accordion:not(:first-child)::before, .suggest-block .box .list.accordion-list .accordion-open:not(:first-child)::before, .list.accordion-list .accordion:not(:first-child)::before, .list.accordion-list .accordion-open:not(:first-child)::before {
        top: 24px;
    }

    .suggest-block .box .list.accordion-list .accordion:not(:first-child)::after, .list.accordion-list .accordion:not(:first-child)::after {
        top: 24px;
    }

    .about-first .box {
        margin-top: 32px;
        padding: 32px 0;
    }

    .about-first .items-box {
        margin-top: 50px;
    }

    .roadmap-section {
        padding: 60px 0;
        overflow: hidden;
    }

    .roadmap-section .title {
        gap: 24px;
        flex-direction: column;
    }

    .roadmap-section .title {
        gap: 24px;
        flex-direction: column;
    }

    .roadmap-section .subtitle {
        text-align: left;
    }

    .roadmap-section .box .item {
        flex-direction: column;
    }

    .roadmap-section .box .item:nth-child(2n) {
        flex-direction: column;
    }

    .roadmap-section .box .item:nth-child(2n+1) .number {
        text-align: left;
    }

    .roadmap-section .box .item .number {
        max-width: 100%;
        font-size: 100px;
    }

    .roadmap-section .box .item .info {
        max-width: 100%;
        flex-direction: column;
    }

    .roadmap-section .box .item .info .text {
        padding: 32px 10px;
    }

    .roadmap-section .box .item .info .text::after {
        display: none;
    }

    .roadmap-section .box .item .info .image {
        width: 100%;
        height: 260px;
        transform: translateY(0px);
        margin-top: 24px;
    }

    .roadmap-section .box .item:nth-child(2n) .info {
        flex-direction: column;
    }

    .competencies-section {
        padding: 60px 0;
    }

    .competencies-section .title {
        align-items: flex-start;
        gap: 12px;
        flex-direction: column;
    }

    .competencies-section .box {
        grid-template-columns: repeat(2, 1fr);
    }

    .competencies-section .box .item .name {
        height: auto;
        font-size: 14px;
        padding: 8px 12px;
        min-height: 50px;
    }

    .competencies-section .box .item .image {
        height: 145px;
    }

    .fields-section {
        padding: 60px 0;
    }

    .fields-section .container .title {
        align-items: flex-start;
        gap: 12px;
        flex-direction: column;
    }

    .fields-section .container .title .subtitle {
        text-align: left;
    }

    .fields-section .container .box {
        grid-template-columns: 100%;
    }

    .fields-section .container .box .item .images .img {
        height: 260px;
    }

    .fields-section .container .box .item {
        gap: 20px;
    }

    .fields-section .container .box .item .text {
        gap: 16px;
        flex-direction: column;
    }

    .fields-section .container .box .item .text .but-stroked,
    .fields-section .container .box .item .text .but-stroked a {
        width: 100%;
    }

    .inner-first.about-first {
        overflow-x: hidden;
    }

    .block-404 .box .num {
        font-size: 180px;
        line-height: 170px;
    }

    .block-404 .box p {
        text-align: center;
    }

    .block-404 .box .services-list {
        margin-top: 50px;
    }

    .block-404 {
        padding: 110px 0 70px;
    }

    .for-partners-first .box {
        max-width: 100%;
        margin-top: 115px;
    }

    .why-choose-us .container {
        grid-template-columns: 100%;
    }

    .why-choose-us .container .image {
        order: 2;
        padding-top: 0;
        height: 400px;
    }

    .why-choose-us .box {
        padding-top: 0;
        padding-bottom: 0;
        max-width: 100%;
        gap: 50px;
    }

    .why-choose-us .container .image .image-inner {
        height: 100%;
        position: relative;
    }

    .why-choose-us::before {
        width: 100%;
        height: 490px;
    }

    .why-choose-us {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .page-services-list {
        padding: 50px 0;
    }

    .partners-section {
        padding: 50px 0;
    }

    .partners-section .title {
        align-items: flex-start;
        gap: 12px;
        flex-direction: column;
    }

    .partners-section .slider .item {
        height: 80px;
    }

    .form-section.dark .box .image {
        left: initial;
    	right: 0;
    	bottom: initial;
    	top: 106px;
    }

    .form-section.dark .box .form {
        order: 3;
        padding-bottom: 0;
        display: flex;
        flex-direction: column;
        margin-top: 0;
    }

    .form-section.dark .box .form > p {
        order: 1;
        margin-top: 0;
    }

    .form-section.dark .box .form .social {
        order: 2;
    }

    .form-section.dark .box .form .but {
        order: 3;
        margin-top: 24px;
    }

    .form-section .box .form.only-but .social a {
        width: 50px;
        height: 50px;
    }

    .form-section.dark::after {
        display: none;
    }

    .form-section.dark .box .text {
        order: 2;
        margin-left: 0;
        max-width: 100%;
        padding-left: 0px;
		margin-top: 65px;
    }
	
	.form-section.dark .box .text .logo {
		overflow: hidden;
		margin-left: -10px;
		margin-right: -10px;
		padding: 26px 0 26px 35px;
	}
	
	.form-section.dark .box .text .logo::before {
		width: 100vw;
  		height: 100%;
  		content: "";
  		background: url('../images/3812.webp') center center / cover no-repeat, var(--bg);
  		opacity: 0.9;
  		position: absolute;
  		left: 0;
  		top: 0;
  		mix-blend-mode: hard-light;
	}
	
	.about-info-block .box .info .text > * {
		position: relative;
		z-index: 2;
	}
	
	.form-section.dark .box .form.only-but .social a img {
		filter: invert(0);
	}
	
	.form-section.dark .box .text .logo img {
		position: relative;
		z-index: 3;
		filter: invert(0);
	}
	
	.form-section.dark {
		background: none;
	}
	
	.form-section.dark::before {
		display: none;
	}
	
	.form-section.dark .box .text .logo::after {
		content: "";
		width: 542px;
		height: 542px;
		border-radius: 50%;
		background: #F77E13;
		filter: blur(143px);
		position: absolute;
		right: calc(50% - 270px);
		bottom: calc(100% - 110px);
		display: flex;
		opacity: 0.4;
	}
	
	.form-section.dark .circle {
		display: none;
	}

    .form-section.dark .container::before,
    .form-section.dark .container::after {
        display: none;
    }

    .vacancies-first .box {
        grid-template-columns: 100%;
    }

    .vacancies-first .box .info .img {
        margin-bottom: -215px;
    }

    .vacancies-first .box .info .buts {
        flex-direction: column;
    }

    .vacancies-first .box .info .buts div,
    .vacancies-first .box .info .buts div a {
        width: 100%;
    }

    .vacancies-first .box .items-box .item .info .number {
        font-size: 62px;
        line-height: 55px;
    }
    
    .vacancies-first .box .items-box .item .info p {
        font-size: 12px;
    }

    .vacancies-first .box .items-box .item .info {
        height: 126px;
        gap: 12px;
        padding: 20px 6px;
    }

    .vacancies-first .box .items-box {
        grid-template-columns: 1fr 1fr;
    }

    .vacancies-first .box .items-box .item .name {
        height: auto;
        font-size: 14px;
        min-height: 46px;
        padding: 6px 4px;
        text-align: center;
    }

    .vacancies-first {
        padding-bottom: 70px;
    }   
    
    .about-info-block.vacancies-cards {
        padding: 70px 0;
    }

    .about-info-block.vacancies-cards .box .info .text::before {
        right: -10px;
    }

    .about-info-block.vacancies-cards .box .info .text::after {
        display: none;
    }

    .vacancies-cards .cards {
        max-width: 90%;
    }

    .vacancies-cards .cards .cards-slider .item .img {
        height: 375px;
    }

    .about-info-block.vacancies-cards .box .image.reverse .caption {
        padding-top: 85px;
    }

    .vacancies-cards .cards-swiper-button-prev, .vacancies-cards .cards-swiper-button-next {
        left: calc(50% - 64px);
    }

    .vacancies-cards .cards-swiper-button-next {
        left: calc(50% - 8px);
    }

    .text-with-image-reverse .box {
        grid-template-columns: 100%;
    }

    .text-with-image-reverse .box .info .list.accordion-list {
        padding-left: 0px;
    }

    .text-with-image-reverse .box .info > h3 {
        padding-left: 0px;
    }

    .vacancies-section {
        padding: 70px 0 40px;
    }

    .vacancies-section .title {
        grid-template-columns: 100%;
    }

    .vacancies-section .title .tabs .tabs-list button {
        height: 44px;
        padding: 0 12px;
    }

    .vacancies-section .title + .box {
        margin-top: 50px;
    }

    .vacancies-section .box .tabcontent-inner {
        grid-template-columns: 100%;
    }

    .vacancies-section .box .tabcontent-inner .item {
        padding: 16px;
        gap: 24px;
    }

    .about-info-block.vacancies-cards .box .image.reverse {
        overflow-x: hidden;
    }

    .services-tiles {
        padding: 60px 0 40px;
        overflow-x: hidden;
    }

    .project-first {
        overflow-x: hidden;
    }

    .project-first .box {
        margin-top: 90px;
        max-width: 100%;
        padding: 24px 0;
    }

    .project-first .box::before {
        clip-path: polygon(0 0, 2140px 0, 2020px 100%, 0 100%);
        right: -40px;
    }

    .project-first .box .text > .but {
        margin-top: 20px;
    }

    .text-section.project-about {
        padding: 50px 0;
    }

    .text-section.project-about .container {
        grid-template-columns: 100%;
        gap: 24px;
    }

    .why-choose-us.why-choose-us-project {
        margin-top: 60px;
    }

    .partners-section .box .controls {
        margin-bottom: 40px;
    }

    .directions-first .title {
        margin-top: 40px;
        align-items: flex-start;
        gap: 14px;
        flex-direction: column;
    }

    .directions-first .box {
        margin-top: 50px;
        grid-template-columns: 100%;
        gap: 20px;
    }

    .directions-first .box .item {
        grid-template-columns: 100%;
    }

    .directions-first .box .item .info {
        padding: 16px;
        gap: 20px;
        order: 2;
    }

    .directions-first .box .item .img {
        order: 1;
        height: 200px;
    }

    .directions-first .box .item .info .name {
        font-size: 18px;
    }

    .article-first .box > .text > .title {
        padding: 24px 50px 24px 0;
    }

    .text-columns .box .text {
        columns: 1;
    }
    
    .text-columns {
        padding: 40px 0 20px;
    }

    .text-columns.grey-bg {
        padding: 50px 0 40px;
    }

    .article-first .box > .text > .title::before {
        right: 0;
        width: 2060px;
        clip-path: polygon(0 0, 2060px 0, 2000px 100%, 0 100%);
    }

    .services-tiles .box {
        grid-template-columns: 100%;
    }
    
    .services-tiles .box .tabs-blocks {
        order: 1;
        grid-template-columns: 1fr 1fr;
    }

    .services-tiles .box .tabs-blocks .t-block {
        padding: 16px;
        height: 152px;
        overflow: hidden;
    }

    .services-tiles .box .tabs-blocks .t-block .name {
        font-size: 14px;
    }

    .services-tiles .box .tabs-blocks .t-block .img {
        max-width: 100%;
        height: 70px;
    }

    .services-tiles .box .tabs-content {
        order: 2;
        padding: 16px;
        max-height: initial;
    }

    .services-tiles .box .tabs-content .tabcontent .tabcontent-inner .number {
        font-size: 26px;
    }

    .services-tiles .box .tabs-content .tabcontent .tabcontent-inner .img {
        width: 170px;
        height: 210px;
    }

    .services-tiles .box .tabs-content .tabcontent .tabcontent-inner {
        padding-top: 75px;
    }

    h3, .h3 {
        font-size: 22px;
    }

    .services-tiles .box .tabs-content .tabcontent .tabcontent-inner .text h3 {
        font-size: 22px;
        max-width: 65%;
    }

    .services-tiles .box .tabs-content .tabcontent .tabcontent-inner .list {
        margin-top: 40px;
    }

    .article-first .box {
        flex-direction: column;
    }

    .article-first .box .image {
        margin-top: 24px;
        width: 100%;
        height: 320px;
    }

    .case-attributes {
        padding: 40px 0 60px;
    }

    .case-attributes h2 + .box {
        margin-top: 50px;
    }

    .case-attributes .box {
        grid-template-columns: 100%;
        gap: 16px 24px;
    }

    .case-attributes .box .item {
        padding-bottom: 16px;
        border-bottom: 1px solid var(--light-grey-bg);
    }

    .home-first .items-box .container .item:first-child,
    .for-partners-first .inner-first-statistics .item:first-child,
    .about-first .inner-first-statistics .item:first-child {
        mask: none;
    }

    .home-first .items-box .container .item:last-child,
    .for-partners-first .inner-first-statistics .item:last-child,
    .about-first .inner-first-statistics .item:last-child {
        mask: none;
    }

    .home-first .socials .subtitle {
        display: none;
    }

    .home-first .socials {
        left: initial;
        top: 355px;
        z-index: 5;
        width: 36px;
        right: 15px;
    }

    .experts-block::after {
        width: 80%;
        height: 265px;
        top: 210px;
        bottom: initial;
    }

    .experts-block::before {
        right: calc(50% - 260px);
        top: 30px;
        bottom: initial;
        opacity: 0.4;
        scale: 0.6;
    }

    .experts-object-box .about {
        padding: 12px 0 24px;
        gap: 40px;
        max-width: 100%;
    }

    .experts-object-box .about .more {
        margin-right: 0px;
        position: relative;
        z-index: 2;
        flex-shrink: 0;
        position: absolute;
        top: -120px;
        right: 0;
    }

    .experts-object-box::before {
        clip-path: polygon(0 0, 2060px 0, 2000px 100%, 0 100%);
        width: 2060px;
    }

    .experts-object-box .image img {
        max-width: 88%;
    }

    .experts-object-box .about::before {
        backdrop-filter: blur(5px);
        position: absolute;
        right: -17px;
        width: 2077px;
        height: 100%;
        clip-path: polygon(0 0, 2036px 0, 2000px 100%, 0 100%);
        z-index: 1;
    }

    .experts-object-box::after {
        bottom: 27px;
        right: 120px;
    }

    footer .box .form.form-items .but a {
        height: 64px;
    }

    footer .box .info .block .footer-contacts .addr::before,
    footer .box .info .block .footer-contacts .work-time::before,
	footer .box .info .block .footer-contacts .phone::before,
    footer .box .info .block .footer-contacts .email::before {
        width: 50px;
        height: 50px;
    }

    #client, #partner {
        padding: 32px 16px !important;
    }

    .modal-box.cols {
        width: 100%;
        flex-direction: column;
        gap: 32px;
        padding: 0;
    }

    .modal-box.cols .form-title-text .text-block .h1 {
        font-size: 24px;
    }

    .modal-box.cols .form-title-text .text-block::before {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        right: -16px;
        width: calc(100% + 32px);
    }

    .modal-box.cols .form-title-text .text-block {
        padding: 24px 0;
        padding-right: 0px;
    }

    form .twos > p,
    form .trios > p {
        grid-template-columns: 1fr;
    }
	
	.home-first .content .container .text {
		padding-left: 0px;
	}
























































}

@media (min-width: 768px) and (max-width: 1020px) {
    .container {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .full-container {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .mobile {
        display: flex !important;
    }

    header .box .lang {
        order: 1;
        height: 50px;
        padding: 0 4px;
        gap: 4px;
    }

    header .box .logo {
        order: 2;
    }

    header .box .logo img {
        max-height: 20px;
    }

    #menu {
        position: fixed;
        left: -110%;
        top: 0;
        width: 100%;
        height: 100vh;
        transition: var(--all-inout);
        overflow: hidden;
        background: var(--bg);
        padding-top: 90px;
        padding-bottom: 32px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 24px;
    }

    #menu::after {
        border-radius: 50%;
        width: 550px;
        height: 550px;
        content: "";
        background: #F77E13;
        filter: blur(145px);
        position: absolute;
        left: calc(50% - 275px);
        bottom: -350px;
        z-index: 1;
        opacity: 0.7;
        /*mix-blend-mode: plus-lighter;*/
        scale: 0.4;
    }

    #menu.open {
        left: 0;
    }

    #menu ul {
        display: flex;
        flex-direction: column;
        max-height: calc(100vh - 204px);
        height: 100vh;
        overflow: scroll;
        align-items: flex-start;
    }

    #menu .header-mobile-social {
        display: flex;
        flex-direction: column;
        gap: 24px;
        align-items: center;
        text-align: center;
    }

    #menu .header-mobile-social .subtitle {
        color: var(--light-grey);
        font-size: 12px;
        font-weight: 300;
        letter-spacing: 4.8px;
    }
    
    #menu .header-mobile-social .social {
        display: flex;
        align-items: center;
        gap: 24px;
    }

    #menu .header-mobile-social .social a {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(193, 189, 181, 0.4);
    }

    #menu .header-mobile-social .social a img {
        filter: brightness(0) invert(1);
        max-width: 24px;
        max-height: 24px;
    }

    #header-menu {
        padding-left: 20px;
        padding-right: 20px;
    }

    #header-menu > li {
        width: 100%;
        position: relative;
        padding-right: 32px;
    }

    #header-menu > li > a {
        color: var(--white);
        font-size: 20px;
        font-weight: 600;
        line-height: 120%;
    }

    #header-menu > li.menu-item-has-children > a::after {
        display: none;
    }

    #header-menu > li.menu-item-has-children .submenu-but {
        width: 24px;
        height: 24px;
        display: flex;
        border: 0;
        padding: 0;
        background: var(--white);
        mask: url('../images/accordion-arrow.svg') center center / 12px auto no-repeat;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        transition: var(--all-inout);
    }

    #header-menu > li.menu-item-has-children .submenu-but.show {
        rotate: 180deg;
    }

    #header-menu .sub-menu {
        max-height: 0;
        opacity: 0;
        position: relative;
        left: initial;
        top: initial;
        width: 100%;
        transition: var(--all-inout);
        padding: 0 0 0 24px;
        background: none;
        height: auto;
    }
    
    #header-menu .sub-menu.show {
        max-height: 600px;
		opacity: 1;
		transform: translateY(0);
    }

    #header-menu .sub-menu > li:last-child {
        padding-bottom: 0;
    }

    #header-menu .sub-menu > li > a {
        font-size: 14px;
        font-weight: 200;
    }

    header .box .header-but {
        display: none;
    }
    
    .home-first .items-box .container, .inner-first-statistics {
        grid-template-columns: repeat(4, 1fr);
    }

    .home-first .items-box .container .item .info, .inner-first-statistics .item .info {
        height: 126px;
        gap: 12px;
    }

    .home-first .items-box .container .item .info .number, .inner-first-statistics .item .info .number {
        font-size: 62px;
        line-height: 55px;
    }

    .home-first .items-box .container .item .info p, .inner-first-statistics .item .info p {
        font-size: 12px;
    }

    .home-first .items-box .container .item .name, .inner-first-statistics .item .name {
        height: 40px;
        gap: 4px;
        font-size: 16px;
    }

    .home-first .items-box .container .item img, .inner-first-statistics .item img {
        max-width: 15px;
        max-height: 17px;
    }

    h2, .h2 {
        font-size: 28px;
        text-transform: uppercase;
    }

    .services-block .box {
        grid-template-columns: repeat(4, 1fr);
    }

    .services-block .container {
        gap: 24px;
    }

    .home-first + .services-block {
        margin-top: 0px;
    }

    .services-block {
        padding: 70px 0 30px;
    }

    .services-block .box .item {
        height: 140px;
    }

    .services-block .box .item a .name {
        height: 52px;
        padding: 0px 16px;
        font-size: 16px;
        align-items: center;
        background: url('../images/service-arrow.svg') calc(100% - 16px) 12px / 14px auto no-repeat, rgba(0, 0, 0, 0.25);
    }

    .services-block .box .item:last-child a .name {
        background: url('../images/service-arrow.svg') calc(100% - 51px) 12px / 14px auto no-repeat, rgba(0, 0, 0, 0.25);
    }

    .services-block .box::before {
        border-top: 45px solid var(--white);
        border-right: 45px solid transparent;
    }

    .services-block .box::after {
        border-bottom: 45px solid var(--white);
        border-left: 45px solid transparent;
    }

    .about-info-block {
        padding: 30px 0;
    }

    .about-info-block .box {
        grid-template-columns: calc(50% - 10px) calc(50% - 10px);
    }

    .about-info-block .box .info {
        flex-direction: column-reverse;
    }

    .about-info-block .box .info .text {
        padding: 24px 0;
        padding-right: 20px;
        background: transparent;
    }

    .about-info-block .box .info .text .but {
        display: none;
    }

    .about-info-block .box .info .text::after {
        left: 100%;
        width: 70px;
        clip-path: polygon(0 0, 70px 0, 0 100%);
    }

    .about-info-block .box .info .text::before {
        right: 0px;
        z-index: -1;
    }

    .serts-carusel .title {
        flex-direction: column;
        position: relative;
    }

    footer .box {
        gap: 50px;
    }

    footer .box .form {
        max-width: 330px;
    }

    .about-info-block .box .info .list.accordion-list .accordion, .about-info-block .box .info .list.accordion-list .accordion-open {
        font-size: 16px;
        padding-left: 28px;
        padding-right: 24px;
        padding-bottom: 24px;
    }

    .about-info-block .box .info .list.accordion-list .accordion::before, .about-info-block .box .info .list.accordion-list .accordion-open::before {
        font-size: 16px;
        left: 0px;
    }

    .about-info-block .box .info .list.accordion-list .accordion:not(:first-child)::before, .about-info-block .box .info .list.accordion-list .accordion-open:not(:first-child)::before {
        top: 24px;
    }

    .about-info-block .box .info .list.accordion-list .accordion::after {
        width: 20px;
        height: 20px;
        background: url('../images/accordion-arrow.svg') center center / 12px auto no-repeat;
    }

    .about-info-block .box .info .list.accordion-list .accordion:not(:first-child)::after {
        top: 24px;
    }

    .about-info-block .box .info .list.accordion-list .accordion:not(:first-child), .about-info-block .box .info .list.accordion-list .accordion-open:not(:first-child) {
        padding-top: 24px;
    }

    .about-info-block .box .info .list.accordion-list .panel-inner {
        padding: 0 0 24px;
    }

    .about-info-block .box .info .list.accordion-list .panel-inner {
        padding-left: 28px;
        padding-right: 24px;
    }

    .about-info-block .box .image {
        flex-direction: row-reverse;
        gap: 4px;
        align-items: center;
        justify-content: space-between;
    }

    .about-info-block .box .image .img {
        width: 100%;
        height: 260px;
        flex-shrink: 0;
    }

    .about-info-block .box .image .caption {
        font-size: 10px;
        letter-spacing: 2.72px;
    }

    .about-info-block .box .but.mobile {
        margin-top: 24px;
    }

    .about-info-block .box .but.mobile a {
        width: 100%;
    }

    .home-projects {
        margin-top: 40px;
        padding: 100px 0 180px;
    }

    .home-projects .img > img {
        object-position: left center;
    }

    .home-projects h2 {
        max-width: 50%;
    }

    .home-projects .box::before {
        width: 2060px;
        clip-path: polygon(0 0, 2060px 0, 2000px 100%, 0 100%);
    }

    .home-projects .container h2 + .box {
        margin-top: 32px;
    }

    .home-projects .box {
        padding: 24px 74px 24px 0;
        max-width: 100%;
    }

    .home-projects .box .controls {
        gap: 20px;
        margin-bottom: 24px;
    }

    .home-projects .box .slider .item .but-stroked a {
        width: 210px;
    }

    .serts-carusel {
        padding: 70px 0;
    }

    .serts-carusel .title h2 {
        max-width: 60%;
    }

    .serts-carusel .title .text .subtitle {
        font-size: 10px;
        letter-spacing: 2.72px;
        position: absolute;
        top: 10px;
        right: 0;
        max-width: 40%;
    }

    .serts-carusel .slider {
        margin-top: 40px;
    }

    .serts-carusel .slider .controls {
        margin-top: 50px;
    }

    section.yellow-line {
        padding: 12px 10px;
    }

    .experts-block {
        padding: 70px 0 0;
    }

    .experts-block .box {
        gap: 50px;
    }

    .experts-block .box .info {
        max-width: 350px;
    }

    .experts-block .box .cards {
        max-width: 335px;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
    }

    .experts-block .box .info .swiper .item .about > * {
        font-size: 14px;
    }

    .experts-block .box .cards .cards-slider .item .img {
        height: 375px;
    }

    .experts-block .box .info .swiper .item {
        padding-bottom: 2px;
    }

    .experts-object-box .about {
        align-items: flex-start;
        gap: 16px;
        flex-direction: column;
    }

    .experts-object-box .about .text {
        max-width: 300px;
    }

    .experts-object-box .about .text p {
        font-size: 12px;
    }

    .reviews-block .box > .info {
        max-width: 100%;
        padding: 24px 0;
        gap: 12px;
    }

    .reviews-block .box > .info .controls {
        margin-top: 12px;
    }

    .reviews-block .box > .info::before {
        width: 2070px;
        clip-path: polygon(0 0, 2070px 0, 2000px 100%, 0 100%);
        right: 0;
    }

    .reviews-block .box {
        gap: 32px;
        flex-direction: column;
    }

    .reviews-block .box .slider-wr {
        margin-top: 0px;
        width: 100%;
    }

    .reviews-block .box .slider-wr .item {
        gap: 16px;
    }

    .reviews-block .box .slider-wr .item .photo {
        width: 100%;
        height: 220px;
    }

    .reviews-block .box .slider-wr .item .review-info {
        padding-top: 4px;
    }

    .media-center-block {
        padding: 32px 0 40px;
    }

    .media-center-block .box {
        grid-template-columns: 100%;
    }

    .media-center-block .box .item:first-child {
        grid-row-start: 1;
        grid-row-end: 2;
        height: 335px;
    }

    .media-center-block .box .item:first-child .info {
        gap: 24px;
        padding: 16px;
    }

    .media-center-block .box .item:first-child .info .title > a {
        font-size: 20px;
    }

    .media-center-block .box .item:not(:first-child), .article-item {
        flex-direction: column;
        gap: 0;
    }

    .media-center-block .box .item:not(:first-child) .image, .article-item .image {
        width: 100%;
        height: 220px;
    }

    .media-center-block .box .item:not(:first-child) .info, .article-item .info {
        padding: 16px;
    }

    .text-section {
        padding: 35px 0 70px;
    }

    .text-section .box .text {
        columns: 2;
    }

    section.yellow-line .container {
        gap: 24px;
    }

    section.yellow-line .container .text {
        font-size: 14px;
    }

    footer {
        padding: 50px 0;
    }

    footer .box .title {
        font-size: 24px;
        margin-bottom: 12px;
    }

    footer .box .info .block .footer-menu ul {
        gap: 4px 16px;
    }

    footer .box .info .block .footer-menu ul a {
        font-size: 14px;
    }

    footer .box .info {
        flex-direction: column-reverse;
        gap: 45px;
    }

    footer .box .info .block .footer-contacts .addr a, footer .box .info .block .footer-contacts .email a {
        font-size: 14px;
    }

    footer .box .info .block .footer-contacts .social {
        gap: 20px;
    }

    footer .box .info .block .footer-contacts .social a {
        width: 50px;
        height: 50px;
    }

    footer .copyright {
        margin-top: 40px;
    }

    .form form .form-group input[type="text"], .form form .form-group input[type="tel"], .form form .form-group input[type="email"] {
        height: 54px;
    }

    .form form .form-group input[type="submit"] {
        height: 54px;
    }

    header .menu-but {
        order: 3;
        width: 50px;
        height: 50px;
        border: 1px solid rgba(193, 189, 181, 0.40);
        position: relative;
        display: flex;
        cursor: pointer;
    }

    header .box {
        padding: 18px 0px;
        gap: 12px;
    }

    header .menu-but span {
        transition: var(--all-inout);
        width: 30px;
        height: 2px;
        border-radius: 2px;
        background: var(--white);
        position: absolute;
        left: calc(50% - 15px);
        top: calc(50% - 1px);
    }

    header .menu-but span:first-child {
        margin-top: -8px;
    }

    header .menu-but span:last-child {
        margin-top: 8px;
    }

    header .menu-but span:nth-child(2) {
        width: 20px;
        left: calc(50% - 5px);
    }

    header .menu-but.open span:first-child {
        margin-top: 0;
        rotate: 45deg;
    }

    header .menu-but.open span:last-child {
        margin-top: 0;
        rotate: -45deg;
    }

    header .menu-but.open span:nth-child(2) {
        opacity: 0;
    }

    .home-first .title {
        top: 110px;
        display: flex;
        flex-direction: column-reverse;
    }

    .home-first .human-image span {
        scale: 0.4;
    }

    .home-first .human-image {
        bottom: initial;
        left: initial;
        height: 400px;
        top: 160px;
        width: 250px;
        right: 40px;
    }

    .home-first .image2 {
        bottom: initial;
        left: -70px;
        scale: 0.6;
        top: 250px;
    }

    .home-first .image2 span {
        bottom: 280px;
        left: 0;
        scale: 0.5;
    }

    .home-first .title .container {
        position: relative;
        top: initial;
        left: initial;
        transform: translateX(0%);
    }

    .home-first {
        min-height: 10px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    .home-first .objects-box {
        position: relative;
        right: 0px;
        bottom: initial;
        z-index: 4;
        order: 1;
        margin-top: 440px;
        display: flex;
        justify-content: flex-end;
    }

    .home-first .objects-box .objects-item {
        padding: 50px 24px 80px;
        height: auto;
        width: 310px;
    }

    .home-first .objects-box .objects-item .image {
        right: -140px;
        height: 85%;
        width: 100%;
    }

    .home-first .items-box {
        margin-top: -50px;
        order: 2;
    }

    .home-first .content {
        margin-top: 40px;
        order: 2;
        position: absolute;
        top: 573px;
    }

    .home-first .content .but-stroked a {
        height: 40px;
    }

    .home-first .content .but a {
        width: 100%;
    }

    .home-first .content .but a::before {
        border-top-color: var(--black);
    }

    .home-first .content .but a::after {
        border-bottom-color: var(--black);
    }

    .home-first .title .word video {
        width: 120%;
        left: -10%;
        top: -130px;
    }

    .home-first .title .word {
        line-height: 32px;
        height: 295px;
    }

    .home-first .title .word::before {
        box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 1) inset;
        -webkit-box-shadow: 0px 0px 20px 20px rgb(0, 0, 0) inset;
        -moz-box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 1) inset;
    }

    section.yellow-line .container .menu {
        margin-left: 0px;
    }

    section.yellow-line .container .menu ul {
        flex-wrap: wrap;
        gap: 2px 10px;
    }

    .about-in-numbers {
        overflow: hidden;
        padding: 70px 0;
    }

    .about-in-numbers::before {
        display: none;
    }

    .about-in-numbers .image {
        bottom: 0;
        margin-left: -50px;
        height: auto;
    }

   .about-in-numbers .box .item .info {
        height: 126px;
        gap: 12px;
    }

    .about-in-numbers .box .item .info .number {
        font-size: 62px;
        line-height: 55px;
    }

    .about-in-numbers .box .item .info p {
        font-size: 12px;
    }

    .about-in-numbers .box .item .name {
        height: 40px;
        gap: 4px;
        font-size: 16px;
    }

    .about-in-numbers .box .item img {
        max-width: 15px;
        max-height: 17px;
    }

    .reviews-block {
        padding: 70px 0 40px;
    }

    .cases-section {
        padding: 60px 0 40px;
    }

    .cases-section .title .filter select {
        height: 54px;
    }

    .cases-section .title + .box {
        margin-top: 40px;
    }

    .cases-section .box .list {
        grid-template-columns: calc(50% - 10px) calc(50% - 10px);
    }

    .cases-section .box .list .item .images .img {
        height: 260px;
    }

    .cases-section .box .list .item .images .info {
        gap: 8px;
        width: 80%;
        flex-wrap: wrap;
    }

    .cases-section .box .list .item .text .but-stroked a {
        width: fit-content;
        padding: 0 16px;
    }

    .cases-section .box .list .item .text .name {
        gap: 12px;
    }

    .cases-section .box .list .item {
        gap: 20px;
    }

    .cases-section .box .list .item .text {
        flex-direction: column;
    }

    .cases-section .box .list .item .text .but-stroked,
    .cases-section .box .list .item .text .but-stroked a {
        width: 100%;
    }

    .about-in-numbers .box {
        max-width: 430px;
    }

    .about-info-block .box .image.reverse .caption {
        padding-top: 24px;
    }

    .about-info-block .box .image.reverse {
        flex-direction: column;
    }

    .cases-first {
        height: 400px;
    }

    .cases-first .box .watch a {
        font-size: 14px;
        align-items: center;
    }

    .cases-first .box .watch a .icon {
        width: 80px;
        height: 80px;
    }

    .cases-section .box .list .item .text .but-stroked {
        flex-shrink: 0;
    }

    .contacts-section {
        padding: 40px 0 70px;
    }

    .contacts-section .box {
        gap: 32px;
    }

    .contacts-section .box .info .block .title {
        font-size: 24px;
    }

    .contacts-section .box .info {
        gap: 40px;
    }

    .contacts-section .box .info .block .content div {
        font-size: 14px;
    }

    .contacts-section .box .info .block .content div::before {
        width: 50px;
        height: 50px;
        background-size: 24px auto;
    }

    .contacts-section .box .info .block .content-row {
        gap: 20px;
    }

    .contacts-section .box .info .block .content-row a {
        width: 50px;
        height: 50px;
    }

    .footer-section {
        padding: 60px 0;
    }

    .services-list .list ul {
        gap: 12px;
    }

    .services-list .list ul li a {
        height: 44px;
        padding: 0px 12px;
    }

    .footer-section .box .form-part .info .h2 {
        max-width: 100%;
        order: 2;
    }

    .footer-section .box .form-part .info p {
        max-width: 100%;
        order: 3;
    }

    .footer-section .box .form-part .info .img {
        margin-top: 0px;
        margin-bottom: 24px;
        order: 4;
        text-align: center;
    }

    .footer-section .box {
        gap: 60px;
    }

    .footer-section .box .form-part {
        gap: 32px;
    }

    .media-center-first .box {
        padding-top: 150px;
        padding-bottom: 40px;
        gap: 60px;
        position: relative;
        flex-direction: column;
    }

    h1, .h1 {
        font-size: 32px;
    }

    .media-center-first .box .title {
        max-width: 100%;
        min-height: 125px;
    }

    .media-center-first .box::before {
        right: 0;
        width: 2070px;
        height: 310px;
        clip-path: polygon(0 0, 2070px 0, 2000px 310px, 0 310px);
    }

    .media-center-first .box .categories .h5 {
        font-size: 16px;
    }

    .media-center-first .box .categories .list {
        gap: 12px;
    }

    .media-center-first .box .categories .list a {
        height: 44px;
        padding: 0 24px;
    }

    .media-center-list {
        padding: 40px 0 30px;
    }

    .media-center-list .more.but-stroked button {
        width: 190px;
        height: 55px;
    }

    .service-first .box:not(.text-section-box) {
        grid-template-columns: 100%;
    }

    .service-first .box .text .preview {
        padding: 30px 0;
    }

    .service-first .box .text .preview h1 {
        max-width: 100%;
    }

    .service-first .box .text .preview .buts div, 
    .service-first .box .text .preview .buts a {
        width: 100%;
    }

    .service-first .box .image {
        margin-top: 10px;
        height: 360px;
    }

    .service-first {
        padding: 40px 0 30px;
    }

    .service-first.service-first-add .box .image {
        order: 2;
    }

    .service-first.service-first-add .box .text {
        order: 1;
    }

    .service-first.service-first-add .box .text .subtitle {
        padding-top: 0px;
        text-align: left;
        margin-bottom: 0px;
    }

    .service-first.service-first-add .box .text .preview {
        padding-left: 0;
    }

    .text-section-box .text-wr .text {
        columns: 2;
    }

    .suggest-block {
        padding: 70px 0 40px;
    }

    .suggest-block .box {
        grid-template-columns: 100%;
        gap: 32px;
    }

    .suggest-block .box .info .more-but {
        margin-top: 24px;
        padding-top: 0;
        padding-right: 0;
    }

    .suggest-block .box .info .more-but::before {
        display: none;
    }

    .suggest-block > .image {
        display: none;
    }

    .text-with-image {
        padding: 40px 0;
    }

    .service-advantages {
        padding: 40px 0 60px;
    }

    .service-advantages h2 + .box {
        margin-top: 40px;
    }

    .service-advantages .box {
        grid-template-columns: repeat(2, 1fr);
    }

    .service-advantages .box .item .image {
        height: 120px;
        padding: 12px;
    }

    .service-advantages .box .item .name {
        height: 50px;
        font-size: 14px;
    }

    .service-advantages .box .item .name img {
        max-height: 20px;
    }

    .service-advantages .box .item .text {
        padding: 16px 12px 0 12px;
    }

    .service-advantages .box .item .but-more {
        padding: 16px 12px 16px;
    }

    .form-section .box {
        padding-bottom: 0;
    }

    .form-section .box .text {
        margin-left: 0;
        max-width: 100%;
        position: relative;
        padding-top: 54px;
        padding-bottom: 54px;
        padding-right: 60px;
        padding-left: 175px;
    }

    .form-section .box .text::before {
        width: 2070px;
        right: 0px;
        clip-path: polygon(0 0, 2070px 0, 2000px 100%, 0 100%);
        z-index: -1;
    }

    .form-section .box .image {
        position: absolute;
        left: -65px;
        top: 30px;
    }

    .form-section {
        overflow: hidden;
        margin: 30px 0 40px;
        padding-top: 0;
    }

    .form-section .box .image img {
        max-height: 262px;
    }

    .form-section .box .text .title {
        font-size: 20px;
    }

    .form-section .box .form {
        max-width: 265px;
    }

    .cases-section.inner {
        padding: 30px 0 40px;
    }

    .cases-section .title h2, .cases-section .title h1 {
        max-width: 100%;
    }

    .cases-section.inner .title + .box {
        margin-top: 40px;
    }

    .suggest-block .box .list.accordion-list .accordion, .suggest-block .box .list.accordion-list .accordion-open, .list.accordion-list .accordion, .list.accordion-list .accordion-open {
        font-size: 18px;
        padding-left: 32px;
        padding-bottom: 24px;
    }

    .suggest-block .box .list.accordion-list .accordion:not(:first-child), .suggest-block .box .list.accordion-list .accordion-open:not(:first-child), .list.accordion-list .accordion:not(:first-child), .list.accordion-list .accordion-open:not(:first-child) {
        padding-top: 24px;
    }

    .suggest-block .box .list.accordion-list .accordion::before, .suggest-block .box .list.accordion-list .accordion-open::before, .list.accordion-list .accordion::before, .list.accordion-list .accordion-open::before {
        font-size: 18px;
        left: 0px;
    }

    .suggest-block .box .list.accordion-list .accordion::after, .list.accordion-list .accordion::after {
        width: 14px;
        height: 22px;
        background: url('../images/accordion-arrow.svg') center center / 14px auto no-repeat;
    }

    .suggest-block .box .list.accordion-list .panel-inner, .list.accordion-list .panel-inner {
        padding-left: 32px;
    }

    .suggest-block .box .list.accordion-list .accordion:not(:first-child)::before, .suggest-block .box .list.accordion-list .accordion-open:not(:first-child)::before, .list.accordion-list .accordion:not(:first-child)::before, .list.accordion-list .accordion-open:not(:first-child)::before {
        top: 24px;
    }

    .suggest-block .box .list.accordion-list .accordion:not(:first-child)::after, .list.accordion-list .accordion:not(:first-child)::after {
        top: 24px;
    }

    .about-first .box {
        margin-top: 32px;
        padding: 32px 0;
    }

    .about-first .items-box {
        margin-top: 50px;
    }

    .roadmap-section {
        padding: 60px 0;
        overflow: hidden;
    }

    .roadmap-section .title {
        gap: 24px;
    }

    .roadmap-section .subtitle {
        text-align: left;
    }

    .roadmap-section .box .item {
        align-items: flex-start;
    }

    .roadmap-section .box .item .number {
        max-width: 20%;
        font-size: 100px;
    }

    .roadmap-section .box .item .info {
        max-width: 80%;
    }

    .roadmap-section .box .item .info .text {
        padding: 32px 10px;
    }

    .roadmap-section .box .item .info .image {
        transform: translateY(0px);
        margin-top: 24px;
        width: 100px;
        height: 100px;
    }

    .competencies-section {
        padding: 60px 0;
    }

    .competencies-section .title {
        align-items: flex-start;
        gap: 12px;
        flex-direction: column;
    }

    .competencies-section .box {
        grid-template-columns: repeat(2, 1fr);
    }

    .competencies-section .box .item .name {
        height: auto;
        font-size: 14px;
        padding: 8px 12px;
        min-height: 50px;
    }

    .competencies-section .box .item .image {
        height: 145px;
    }

    .fields-section {
        padding: 60px 0;
    }

    .fields-section .container .title {
        gap: 12px;
    }

    .fields-section .container .title .subtitle {
        text-align: left;
    }

    .fields-section .container .box {
        grid-template-columns: 1fr 1fr;
    }

    .fields-section .container .box .item .images .img {
        height: 260px;
    }

    .fields-section .container .box .item {
        gap: 20px;
    }

    .fields-section .container .box .item .text {
        gap: 16px;
        flex-direction: column;
    }

    .fields-section .container .box .item .text .but-stroked,
    .fields-section .container .box .item .text .but-stroked a {
        width: 100%;
    }

    .inner-first.about-first {
        overflow-x: hidden;
    }

    .block-404 .box .num {
        font-size: 180px;
        line-height: 170px;
    }

    .block-404 .box p {
        text-align: center;
    }

    .block-404 .box .services-list {
        margin-top: 50px;
    }

    .block-404 {
        padding: 110px 0 70px;
    }

    .for-partners-first .box {
        max-width: 100%;
        margin-top: 115px;
    }

    .why-choose-us .container .image {
        order: 1;
        padding-top: 0;
        height: 450px;
    }

    .why-choose-us .box {
        padding-top: 0;
        padding-bottom: 0;
        max-width: 100%;
        gap: 50px;
        order: 2;
    }

    .why-choose-us .container .image .image-inner {
        height: 100%;
    }

    .why-choose-us::before {
        width: 50%;
        height: 490px;
    }

    .why-choose-us {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .why-choose-us::after {
        scale: 0.7;
    }

    .page-services-list {
        padding: 50px 0;
    }

    .partners-section {
        padding: 50px 0;
    }

    .partners-section .title {
        align-items: flex-start;
        gap: 12px;
        flex-direction: column;
    }

    .partners-section .slider .item {
        height: 80px;
    }

    .form-section.dark .box .image {
        left: -75px;
        right: initial;
        top: initial;
        bottom: 0;
    }

    .form-section.dark .box .form {
        order: 3;
    }

    .form-section.dark::after {
        display: none;
    }

    .form-section.dark .box .text {
        order: 2;
        margin-left: 195px;
        max-width: 65%;
        padding-left: 0px;
        padding-right: 0;
    }

    .form-section.dark .container::before,
    .form-section.dark .container::after {
        display: none;
    }

    .vacancies-first .box {
        grid-template-columns: 100%;
    }

    .vacancies-first .box .info .img {
        margin-bottom: -215px;
    }

    .vacancies-first .box .info .buts div,
    .vacancies-first .box .info .buts div a {
        width: 100%;
    }

    .vacancies-first .box .items-box .item .info .number {
        font-size: 62px;
        line-height: 55px;
    }
    
    .vacancies-first .box .items-box .item .info p {
        font-size: 12px;
    }

    .vacancies-first .box .items-box .item .info {
        height: 126px;
        gap: 12px;
        padding: 20px 6px;
    }

    .vacancies-first .box .items-box {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .vacancies-first .box .items-box .item .name {
        height: auto;
        font-size: 14px;
        min-height: 46px;
        padding: 6px 4px;
        text-align: center;
    }

    .vacancies-first {
        padding-bottom: 70px;
    }   
    
    .about-info-block.vacancies-cards {
        padding: 70px 0;
        overflow: hidden;
    }

    .about-info-block.vacancies-cards .box .info .text::before {
        right: -10px;
    }

    .about-info-block.vacancies-cards .box .info .text::after {
        left: initial;
        width: 70px;
        clip-path: polygon(0 0, 70px 0, 0 100%);
        right: -80px;
    }

    .vacancies-cards .cards {
        max-width: 90%;
    }

    .vacancies-cards .cards .cards-slider .item .img {
        height: 375px;
    }

    .about-info-block.vacancies-cards .box .image.reverse .caption {
        padding-top: 85px;
    }

    .vacancies-cards .cards-swiper-button-prev, .vacancies-cards .cards-swiper-button-next {
        left: calc(50% - 64px);
    }

    .vacancies-cards .cards-swiper-button-next {
        left: calc(50% - 8px);
    }

    .text-with-image-reverse .box .info .list.accordion-list {
        padding-left: 0px;
    }

    .text-with-image-reverse .box .info > h3 {
        padding-left: 0px;
    }

    .vacancies-section {
        padding: 70px 0 40px;
    }

    .vacancies-section .title {
        grid-template-columns: 100%;
    }

    .vacancies-section .title .tabs .tabs-list button {
        height: 44px;
        padding: 0 12px;
    }

    .vacancies-section .title + .box {
        margin-top: 50px;
    }

    .vacancies-section .box .tabcontent-inner {
        grid-template-columns: 1fr 1fr;
    }

    .vacancies-section .box .tabcontent-inner .item {
        padding: 16px;
        gap: 24px;
    }

    .vacancies-section .title .text h2 {
        max-width: 100%;
    }

    .vacancies-section .title .text p {
        max-width: 100%;
    }

    .about-info-block.vacancies-cards .box .image.reverse {
        overflow-x: hidden;
        margin-top: 280px;
    }

    .services-tiles {
        padding: 60px 0 40px;
    }

    .project-first {
        overflow-x: hidden;
    }

    .project-first .box {
        margin-top: 150px;
        padding: 24px 0;
    }

    .project-first .box::before {
        clip-path: polygon(0 0, 2140px 0, 2020px 100%, 0 100%);
    }

    .project-first .box .text > .but {
        margin-top: 20px;
    }

    .text-section.project-about {
        padding: 50px 0;
    }

    .text-section.project-about .container {
        grid-template-columns: auto 500px;
        gap: 24px;
    }

    .text-section.project-about .box .text-wr::after {
        background: var(--light-grey-bg);
        background: -webkit-linear-gradient(0deg, var(--light-grey-bg) 20%, rgba(255, 255, 255, 0) 100%);
        background: -moz-linear-gradient(0deg, var(--light-grey-bg) 20%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(0deg, var(--light-grey-bg) 20%, rgba(255, 255, 255, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=0);
    }

    .why-choose-us.why-choose-us-project {
        margin-top: 60px;
    }

    .partners-section .box .controls {
        margin-bottom: 40px;
    }

    .directions-first .title {
        margin-top: 40px;
        align-items: flex-start;
        gap: 14px;
        flex-direction: column;
    }

    .directions-first .box {
        margin-top: 50px;
        gap: 20px;
    }

    .directions-first .box .item {
        grid-template-columns: 100%;
    }

    .directions-first .box .item .info {
        padding: 16px;
        gap: 20px;
        order: 2;
    }

    .directions-first .box .item .img {
        order: 1;
        height: 200px;
    }

    .directions-first .box .item .info .name {
        font-size: 18px;
    }

    .article-first .box > .text > .title {
        padding: 24px 50px 24px 0;
    }

    .text-columns .box .text {
        columns: 2;
    }
    
    .text-columns {
        padding: 40px 0 20px;
    }

    .text-columns.grey-bg {
        padding: 50px 0 40px;
    }

    .article-first .box > .text > .title::before {
        right: 0;
        width: 2060px;
        clip-path: polygon(0 0, 2060px 0, 2000px 100%, 0 100%);
    }

    .home-first .title p {
        max-width: 100%;
    }

    .services-tiles .box {
        grid-template-columns: 100%;
    }
    
    .services-tiles .box .tabs-blocks {
        order: 1;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .services-tiles .box .tabs-blocks .t-block {
        padding: 16px;
        height: 152px;
        overflow: hidden;
    }

    .services-tiles .box .tabs-blocks .t-block .name {
        font-size: 14px;
    }

    .services-tiles .box .tabs-blocks .t-block .img {
        max-width: 100%;
        height: 70px;
    }

    .services-tiles .box .tabs-content {
        order: 2;
        padding: 24px;
        max-height: initial;
    }

    .services-tiles .box .tabs-content .tabcontent .tabcontent-inner {
        padding-top: 75px;
    }

    .services-tiles .box .tabs-content .tabcontent .tabcontent-inner .list {
        margin-top: 40px;
    }

    .sevices-first .image::before {
        right: calc(50% - 160px);
    }

    .article-first .box {
        flex-direction: column;
    }

    .article-first .box .text {
        max-width: 100%;
    }

    .article-first .box .image {
        margin-top: 24px;
        width: 100%;
        height: 320px;
    }

    .home-first .items-box .container .item:first-child,
    .for-partners-first .inner-first-statistics .item:first-child,
    .about-first .inner-first-statistics .item:first-child {
        mask: none;
    }

    .home-first .items-box .container .item:last-child,
    .for-partners-first .inner-first-statistics .item:last-child,
    .about-first .inner-first-statistics .item:last-child {
        mask: none;
    }

    .home-first .socials .subtitle {
        display: none;
    }

    .home-first .socials {
        left: initial;
        top: 355px;
        z-index: 5;
        width: 36px;
        right: 15px;
    }
	
	.home-first .content .container .text {
		padding-left: 0px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	


    


    

}

@media (min-width: 1021px) and (max-width: 1229px) {
    .container {
        max-width: 991px;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .full-container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    header .box {
        padding: 18px 0px;
        gap: 32px;
    }

    header .box .logo img {
        max-width: 110px;
    }

    #header-menu {
        gap: 24px;
    }

    #header-menu > li > a {
        font-size: 14px;
    }

    header .but > a{
        padding: 0 20px;
    }

    footer .box .form {
        max-width: 390px;
    }

    .roadmap-section .box .item .number {
        max-width: 360px;
    }

    .competencies-section .box {
        grid-template-columns: repeat(2, 1fr);
    }

    .reviews-block .box > .info {
        max-width: 295px;
    }

    .article-first .box .text {
        max-width: 510px;
    }

    .form-section.dark .box .text {
        margin-left: 20px;
    }

    .form-section.dark .box .image {
        right: -70px;
    }

    .form-section .box .form {
        max-width: 375px;
    }

    .about-info-block .box {
        grid-template-columns: auto 470px;
    }

    .about-in-numbers .box {
        max-width: 510px;
    }

    .about-in-numbers .image img {
        width: 100%;
        object-fit: contain;
        object-position: bottom right;
    }

    .about-in-numbers .image {
        left: initial;
        right: 0;
        margin-left: 0;
        height: 80%;
        width: 70%;
    }

    .directions-first .box .item {
        grid-template-columns: auto 200px;
    }

    .why-choose-us::before {
        background: url('../images/2978bbac20b406cee054e5075086b1d1117bbd21.webp') bottom right / 100% auto no-repeat;
    }

    .experts-block .box .info .swiper .item {
        padding-bottom: 2px;
    }

    .experts-block .box .info {
        max-width: 500px;
    }

    .experts-block .box .cards {
        max-width: 375px;
    }

    .experts-block .box .cards .cards-slider .item .img {
        height: 500px;
    }

    .media-center-block .box .item:not(:first-child) .image, .article-item .image {
        width: 195px;
    }

    .home-first .title .word {
        margin-top: 50px;
    }

    .home-first .title .word video {
        margin-left: -10%;
        margin-right: initial;
        width: 120%;
    }

    .home-first .title .container {
        top: 520px;
        z-index: 2;
    }

    .home-first .content {
        margin-top: 400px;
    }

    .home-first {
        min-height: 1024px;
    }

    .media-center-first .box::before {
        right: 45%;
    }

    .form-section .box .image {
        left: -120px;
    }

    .form-section .box .text {
        margin-left: 225px;
    }

    .form-section .box .text::before {
        right: 370px;
    }

    .services-tiles .box {
        grid-template-columns: 540px auto;
    }

    .services-tiles .box .tabs-content .tabcontent .tabcontent-inner .img {
        width: 240px;
        height: 240px;
    }

    .services-tiles .box .tabs-content .tabcontent .tabcontent-inner .text {
        max-width: 290px;
    }

    .services-tiles .box .tabs-blocks .t-block .img {
        max-width: 130px;
        height: 120px;
    }

    .vacancies-first .box .items-box {
        grid-template-columns: repeat(2, calc(50% - 10px));
    }

    .vacancies-first .box .items-box .item .name {
        font-size: 16px;
        text-align: center;
    }

    .about-info-block.vacancies-cards .box {
        grid-template-columns: calc(55% - 10px) calc(45% - 10px)auto;
    }

    .vacancies-cards .cards {
        max-width: 350px;
    }

    .vacancies-cards .cards .cards-slider .item .img {
        height: 525px;
    }

    .about-info-block.vacancies-cards .box .image {
        gap: 145px;
    }

    .vacancies-section .box .tabcontent-inner .item {
        padding: 24px;
    }

    section.yellow-line .container .menu {
        margin-left: auto;
    }

    .modal-box.cols .form-title-text {
        max-width: 450px;
        flex-shrink: 0;
    }

    .modal-box.cols .form-title-text .text-block::before {
        width: 482px;
        clip-path: polygon(0 0, 482px 0, 352px 100%, 0 100%);
    }



    

















    
}

@media (min-width: 1230px) and (max-width: 1405px) {
    header .box {
        padding: 18px 15px;
        gap: 40px;
    }

    #header-menu > li > a {
        font-size: 17px;
    }
}