/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

div#wpadminbar {
    display: none;
}

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

html {
  scrollbar-width: none;
}

html::-webkit-scrollbar {
  display: none;
}


a {
    text-decoration: none;
    color: #000;
}

img {
    max-width: 100%;
	display: block;
    -o-object-fit: cover;
       object-fit: cover;
}

body {
    font-family: "Geist", sans-serif;
    font-size: 20px;
    line-height: 140%;
    background-color: #FFF8F0;
    font-weight: 400;
	padding-top: 148px;
}




.container {
    margin: auto;
    max-width: 1296px;
    padding: 0 16px;
    width: 100%;
}

.section {
	margin: 140px 0;
}

@media screen and (max-width: 1024px) {
	.section {
		margin: 100px 0;
	}
}


@media screen and (max-width: 768px) {
	.section {
		margin: 64px 0;
	}
}

/*header*/

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: #FFF8F0;
    padding: 48px 0;
    -webkit-transition:
    padding 0.8s ease,
    border-bottom 0.3s ease;
    -o-transition:
    padding 0.8s ease,
    border-bottom 0.3s ease;
    transition:
    padding 0.8s ease,
    border-bottom 0.3s ease;
    border-bottom: 1px solid transparent;
}

.header--scrolled {
    padding: 16px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.header__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
	width: 100%;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.header__wrapper-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.header__wrapper-nav {
    font-size: 14px;
    line-height: 100%;
    font-weight: 700;
    text-decoration: none;
    color: #000;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.header__wrapper-nav:hover {
    color: #ef433a;
}

.header__wrapper-search {
    width: 22px;
    height: 22px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
	cursor: pointer;
}

.header__wrapper-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	gap:32px;
	margin-left: auto;
}

.wrapper-panel__button {
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    background-color: #EF433A;
    padding: 15px 24px;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.wrapper-panel__button:hover {
    background-color: #000;
}

.language-switching {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.language-switching-item {
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
}

.language-switching-item.active{
	color: #EF433A;
}


.burger {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 6px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    z-index: 1001;
    position: relative;
}

.burger span {
    height: 2px;
    background-color: #000;
    width: 100%;
   -webkit-transition: background-color 0.4s ease, -webkit-transform 0.4s ease;
   transition: background-color 0.4s ease, -webkit-transform 0.4s ease;
   -o-transition: transform 0.4s ease, background-color 0.4s ease;
   transition: transform 0.4s ease, background-color 0.4s ease;
   transition: transform 0.4s ease, background-color 0.4s ease, -webkit-transform 0.4s ease;
}


.burger.active span:nth-child(1) {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: 10px;
    left: 0;
}

.burger.active span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    top: 10px;
    left: 0;
}


body.no-scroll {
    overflow: hidden;
}

.header__wrapper-logo {
    display: block;
    z-index: 1001;
}

.header__wrapper-logo img {
    -webkit-transition: -webkit-filter 0.4s ease;
    transition: -webkit-filter 0.4s ease;
    -o-transition: filter 0.4s ease;
    transition: filter 0.4s ease;
    transition: filter 0.4s ease, -webkit-filter 0.4s ease;
}

.header__wrapper-menu.active ~ .header__wrapper-panel .header__wrapper-logo img,
.header__wrapper-logo img.invert {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}

.burger.active span {
    background-color: #fff;
}

/*Поиск*/

.search {
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    width: 100%;
    height: calc(100vh - 100%);
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    display: none;
    background-color: rgba(255, 248, 240, 0.9);
    z-index: 999;
}


.search__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    border: 1px solid #000000;
    border-radius: 4px;
    padding: 0 16px;
    margin-top: 12px;
}

.search__form-input {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 16px;
    font-size: 18px;
    border: none;
    outline: none;
    background: transparent;
    color: #000;
}

.search__form-close {
    width: 20px;
    height: 20px;
    cursor: pointer;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -o-object-fit: contain;
       object-fit: contain;
}

.header__wrapper-menu .wrapper-panel__button--mob {
	display: none;
}



@media screen and (max-width: 1168px) {
    .header__wrapper-menu {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        background-color: #000;
        color: #fff;
        gap: 48px;
        -webkit-transition: left 0.4s ease;
        -o-transition: left 0.4s ease;
        transition: left 0.4s ease;
        z-index: 1000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 0 40px;
    }

    .header__wrapper-menu a {
        color: #fff;
        font-size: 24px;
    }

    .header__wrapper-menu.active {
        left: 0;
    }

    .burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
	
}


@media screen and (max-width: 768px) {
	.wrapper-panel__button {
		display:none;
	}
	
	.header {
		padding: 32px 0;
	}
	
	body {
		padding-top: 90px;
	}
	
	.header__wrapper-panel {
		gap: 20px;
	}
	
	.header__wrapper-logo {
		max-width: 160px;
	}
	
	.search__form-close {
		width: 16px;
		height: 16px;
	}
	
	.burger.active span {
		background-color: #fc645c;
	}
	
	.header__wrapper-menu {	
		padding: 0 16px;
		gap: 32px;
	}
	
	
	.header__wrapper-menu .wrapper-panel__button--mob {
		position: absolute;
		bottom: 16px;
		left: 50%;
		-webkit-transform: translate(-50%, -0%);
		    -ms-transform: translate(-50%, -0%);
		        transform: translate(-50%, -0%);
		font-size: 16px;
		line-height: 16px;
		font-weight: 600;
		background-color: #EF433A;
		padding: 15px 0;
		text-align: center;
		width: calc(100% - 32px);
		display: block;
	}
	
	 .header--scrolled {
        padding: 12px 0;
    }
	
	
}


/*Блок №1*/

.main__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
    margin-bottom: 48px;	
}

.main__title {
    font-size: 70px;
    line-height: 120%;
    font-weight: 900;
    letter-spacing: -2px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    max-width: 735px;
	margin:0;
}

.main__subtitle {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    max-width: 411px;
}

.main__image img {
    width: 100%;
    height: 100%;
    max-height: 460px;
}

@media screen and (max-width: 1248px) {
	.main__top {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 32px;
		margin-bottom: 32px;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	
	.main__subtitle {
		margin-left: auto;
		margin-right: 60px;
	}
	
	.main__image img {
		max-height: 420px;
	}

}

@media screen and (max-width: 768px) {
	.main__title {
		font-size: 34px;
		line-height: 44px;
		font-weight: 800;
	}
	
	.main__top {
		gap: 24px;
		margin-bottom: 24px;
	}
	
	.main__subtitle {
        margin: 0;
        font-size: 16px;
        line-height: 22px;
        max-width: 100%;
    }
	
	.main__image img {
		max-height: 160px;
	}
}


/*Блок №2*/

.awards-title {
    font-size: 50px;
    line-height: 52px;
    font-weight: 900;
    letter-spacing: -2px;
}

.awards-title span {
    color: #EF433A;
}

.awards-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 64px;
	margin-top: 64px;
}


.awards-box__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: calc((100% - 2 * 64px) / 3);
    gap: 16px;
}

.awards-box__item-title {
    font-size: 44px;
    line-height: 52px;
    font-weight: 900;
    letter-spacing: -2px;
}

.awards-box__item-subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 44px;
    line-height: 52px;
    font-weight: 900;
    letter-spacing: -2px;
}


.awards-box__item-text {
    color: #71717A;
}

@media screen and (max-width: 1024px) {
	.awards-title {
		font-size: 42px;
		line-height: 48px;
		font-weight: 900;
		letter-spacing: -2px;
	}
	
	.awards-box__item {
		width: calc((100% - 2* 32px) / 3);
	}
	
	.awards-box {
    	gap: 32px;
		margin-top: 48px;
	}
}


@media screen and (max-width: 768px) {
	.awards-title {
		font-size: 30px;
		line-height: 36px;
	}
	
	.awards-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 24px;
		margin-top: 32px;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	
	.awards-box__item {
    	width: 100%;
		gap: 12px;
	}
	
	.awards-box__item-title {
		font-size: 34px;
		line-height: 38px;
	}
	
	.awards-box__item-subtitle {
		font-size: 34px;
		line-height: 38px;
	}
	
	.awards-box__item-text {
		font-size: 18px;
	}

}




.main-title {
    font-size: 46px;
    line-height: 52px;
    font-weight: 900;
    letter-spacing: -2px;
    margin-bottom: 32px;
	max-width: 900px;
	display: block;
}

a.main-title:hover {
	color: #EF433A;
}


@media screen and (max-width: 1080px) {
	.main-title {
		font-size: 32px;
		line-height: 38px;
		font-weight: 800;
		letter-spacing: -2px;
		margin-bottom: 24px;
	}
}



/*Блок 3. С нами работают*/

.our-clients-logo {
    position: relative;
	display: block;
    height: 68px;
}

.page-banner__clients-list-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

.page-banner__clients-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    gap: 50px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    min-width: 100%;
    padding: 0 25px;
    -webkit-animation: move-logos 60s linear infinite;
            animation: move-logos 60s linear infinite;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.section.our-clients {
    margin-bottom: 32px;
}

@-webkit-keyframes move-logos {
    from { -webkit-transform: translateX(0); transform: translateX(0) }
    to { -webkit-transform: translateX(-100%); transform: translateX(-100%) }
}

@keyframes move-logos {
    from { -webkit-transform: translateX(0); transform: translateX(0) }
    to { -webkit-transform: translateX(-100%); transform: translateX(-100%) }
}


@media screen and (max-width: 768px) {
	.page-banner__clients-list {
		-webkit-animation: move-logos 25s linear infinite;
		        animation: move-logos 25s linear infinite;
	}
}


	/*Блок 4. Проекты*/

    .swiper {
      width: 100%;
      height: 100%;
    }

	.swiper-container {
		position: relative;
	}

	.project-slide__box {
		display: block;
		height: 550px;
	}

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
    }

	.project-slide__content {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding: 16px;
		-webkit-transition: -webkit-transform 0.7s ease;
		transition: -webkit-transform 0.7s ease;
		-o-transition: transform 0.7s ease;
		transition: transform 0.7s ease;
		transition: transform 0.7s ease, -webkit-transform 0.7s ease;
	}

	.project-slide__title {
		font-size: 44px;
		line-height: 48px;
		font-weight: 900;
		letter-spacing: -2px;
		color: #fff;
		text-align: left;
		-webkit-transition: -webkit-transform 0.7s ease;
		transition: -webkit-transform 0.7s ease;
		-o-transition: transform 0.7s ease;
		transition: transform 0.7s ease;
		transition: transform 0.7s ease, -webkit-transform 0.7s ease;
	}

	.project-slide__subtitle {
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		-webkit-transform: translateY(10px);
		    -ms-transform: translateY(10px);
		        transform: translateY(10px);
		-webkit-transition:
			opacity 0.7s ease,
			max-height 0.7s ease,
			-webkit-transform 0.7s ease;
		transition:
			opacity 0.7s ease,
			max-height 0.7s ease,
			-webkit-transform 0.7s ease;
		-o-transition:
			opacity 0.7s ease,
			transform 0.7s ease,
			max-height 0.7s ease;
		transition:
			opacity 0.7s ease,
			transform 0.7s ease,
			max-height 0.7s ease;
		transition:
			opacity 0.7s ease,
			transform 0.7s ease,
			max-height 0.7s ease,
			-webkit-transform 0.7s ease;
		font-size: 14px;
		line-height: 19px;
		font-weight: 400;
		color: #fff;
		text-align: left;
	}

	.project-slide__box:hover .project-slide__title {
		-webkit-transform: translateY(-10px);
		    -ms-transform: translateY(-10px);
		        transform: translateY(-10px);
	}

	.project-slide__box:hover .project-slide__subtitle {
		max-height: 200px;
		opacity: 1;
		-webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		        transform: translateY(0);
	}

	.project-slide__color {
		background-color: #000;
		position: absolute;
		width: 100%;
		height: 100%;
		opacity: 0.8;
	}


	.custom-swiper-pagination {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin: 32px 0;
	}

	.swiper-pagination-bullet-active {
		background: #EF433A;
	}

	.swiper-pagination-bullet {
		width: 10px;
		height: 10px;
	}

	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 6px;
	}


	@media screen and (max-width: 768px) {
		.project-slide__title {
			font-size: 38px;
			line-height: 42px;
		}
		
		.custom-swiper-pagination {
			margin: 24px 0;
		}
	}


/*Основная кнопка*/
.page-button {
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    background-color: #EF433A;
    padding: 12px 16px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    cursor: pointer;
}

.page-button:hover {
	background-color: #000;
}



/*Услуги*/

.section.services {
    background-color: #D4D4D8;
    padding: 64px 0;
    margin-top: 64px;
}

.services-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
	gap: 24px 24px;
}

.services-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: calc((100% - 3* 24px) / 3);
    background-color: #FFFAEA;
    border-top: 3px solid #000;
    padding: 24px;
    gap: 12px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}



.services-box a:hover {
	border-top: 3px solid #EF433A;
}	


.services-box a:hover .services-item--title{
	color: #EF433A;
}	



.services-item-icon {
    max-width: 190px;
    -o-object-fit: contain;
       object-fit: contain;
}

.services-item--subtitle {
    font-size: 16px;
    color: #71717A;
    line-height: 22px;
}

.services-item--title {
    font-weight: 600;
    width: 100%;
    text-align: left;
}



@media screen and (max-width: 1024px) {	
	.services-box {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		gap: 16px 16px;
	}
	
	.services-item {
		width: calc((100% - 2* 16px) / 2);
		padding: 16px;
	}
	
}


@media screen and (max-width: 768px) {	
	.services-box {
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		margin: 10px -16px 0;
		overflow: hidden;
		overflow-x: auto;
		padding-right: 0;
		scrollbar-width: none;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	
	.services-item {
        width: 312px;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    }
		
	.services-item:first-child {
		margin-left: 16px;
	}
			
	.services-item:last-child {
		margin-right: 16px;
	}
	
	
}








/*Отзывы*/
.container-reviews {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	overflow: hidden;
	position: relative;
}


.reviewsSwiper .swiper-slide {
	width: 628px;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	opacity: 0.2;
}

.reviewsSwiper .swiper-slide.swiper-slide-active {
	opacity: 1;
}


.reviews-slide__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}

.reviews__text {
    font-size: 18px;
    margin-bottom: 24px;
}

.reviews__name {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px;
}

.reviews__status {
    font-size: 14px;
    line-height: 20px;
    color: #71717A;
}

.section-reviews-title {
    font-size: 46px;
    line-height: 52px;
    font-weight: 900;
    letter-spacing: -2px;
    margin-bottom: 32px;
    text-align: center;
    width: 100%;
}

.arrov-swiper {
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.arrov-swiper-next {
	right: 20px;
}

.arrov-swiper-prev{
	left: 20px;
}

.reviews-pagination {
    display: none;
}

@media screen and (max-width: 1024px) {
	.reviewsSwiper .swiper-slide {
		width: 460px;
	}
	
	.arrov-swiper {
		display:none;
	}
	
	.reviews-pagination {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

@media screen and (max-width: 768px) {
	.reviewsSwiper .swiper-slide {
		width: 100%;
		opacity: 1 !important; 
	}
	
	.container-reviews {
		padding: 0 16px;
	}
	
	.section-reviews-title {
		font-size: 32px;
		line-height: 38px;
		font-weight: 600;
		margin-bottom: 24px;
	}
	
	.reviews__text {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 16px;
	}
}


/*Сниппет*/

.section.snippet {
    background-color: #ef433a;
    color: #fff;
}

.snippet-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.snippet-box__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
    gap: 32px;
    padding: 64px 0;
    max-width: 628px;
}

.snippet-title {
    font-size: 46px;
    line-height: 52px;
    font-weight: 900;
    letter-spacing: -2px;
    max-width: 900px;
}

.snippet-text {
    font-size: 20px;
    line-height: 26px;
    color: #FFF8F0;
}

.snippet-image {
    display: block;
    width: 400px;
}


.snippet-image img {
    pointer-events: none;
}

.white-button {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
    background-color: #FFF8F0;
    padding: 15px 54px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
	display: block;
	cursor: pointer;
}

.white-button:hover {
	background-color: #000;
	color: #fff;
}

@media screen and (max-width: 1168px) {
	.snippet-box__content {
		max-width: 580px;
	}
	
	.snippet-title {
		font-size: 42px;
		line-height: 48px;
	}
	
}	


@media screen and (max-width: 968px) {
	.snippet-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	
	.snippet-box__content {
		max-width: 100%;
		gap: 24px;
		padding: 0 0 24px 0;
	}
	
	.snippet-image {
		display: block;
		width: 340px;
	}
	
	 .snippet-title {
        font-size: 32px;
        line-height: 38px;
        font-weight: 600;
    }
	
	.snippet-text {
		font-size: 16px;
		line-height: 22px;
	}
	
	.white-button {
		width: 100%;
		text-align: center;
	}	
	
}	









/*Блог (слайдер)*/

.main-blog-title__box .main-title {
	margin: 0;
}

.main-blog--text {
    font-size: 14px;
    line-height: 19px;
    max-width: 510px;
}

.main-blog-title__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 32px;
}


.blog-slide__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 12px;
}

.blog-slide__image {
    height: 300px;
	width: 100%;
}


.blog-slide__autor {
    font-size: 14px;
    line-height: 19px;
}

.blog-slide__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    font-size: 20px;
	font-weight: 700;
	line-height: 26px;
}

.blog-slide__subtitle {
    font-size: 14px;
    line-height: 19px;
    color: #71717A;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    max-height: 58px;
    height: 100%;
}


@media screen and (max-width: 768px) {	
	.main-blog-title__box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 24px;
		margin-bottom: 24px;
	}	
}

@media screen and (max-width: 568px) {	
	.blog-slide__image {
		height: 250px;
	}
}

/*Снипет подписка в тг*/
@media screen and (max-width: 968px) {	
	.subtg .snippet-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 0;
	}

	.subtg .snippet-box__content {
        max-width: 100%;
        gap: 24px;
        padding: 24px 0 0 0;  
	}
}


.section.snippet.subtg {
    margin-bottom: 0;
}






/*Footer*/

.footer {
    background-color: #000;
    color: #fff;
    padding: 64px 0;
}

.footer__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 48px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.footer__wrapper-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 48px;
}


.footer__wrapper-menu--box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
}


.footer__menu--box-name {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
}

.footer__menu--box-link {
    color: #EF433A;
    font-size: 20px;
    line-height: 26px;
    display: block;
    cursor: pointer;
}

.footer__menu--box-link:hover {
 color:#fff;
}

.footer__wrapper-logo img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}

.footer__street {
	font-size: 16px;
    line-height: 24px;
    color: #e4e4e780;
    margin-top: 16px;
}

.footer__wrapper-logo {
    display: block;
    width: 400px;
	height: -webkit-max-content;
	height: -moz-max-content;
	height: max-content;
}

.footer__wrapper-logo img {
	width: 100%;
}


.footer-bottom__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 48px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
	margin-top: 48px;
}

.footer-bottom__wrapper-copyright {
    width: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
	gap: 16px;
}

.requisites {
    color: #fff;
    font-size: 14px;
	line-height: 19px;
    text-decoration: underline;
}

.requisites:hover {
	color: #EF433A;
}

.copyright-text {
    font-size: 14px;
    line-height: 19px;
    color: #e4e4e780;
}

.footer-bottom__wrapper-item {
    color: #fff;
    font-size: 14px;
    line-height: 19px;
}

a.footer-bottom__wrapper-item:hover {
	color: #EF433A;
}

.footer-bottom__wrapper-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

@media screen and (max-width: 1024px) {	
	.footer-bottom__wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		gap: 32px;
		margin-top: 32px;
	}
	
	.footer {
		padding: 48px 0;
	}
	
	.footer__wrapper-logo {
		width: 250px;
	}
}

@media screen and (max-width: 868px) {	
	.footer__wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
}


@media screen and (max-width: 668px) {	
	.footer__wrapper {
		gap: 24px;
	}
	
	.footer__wrapper-menu {
		gap: 16px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	
	.footer__wrapper-menu--box {
		gap: 8px;
	}
	
	.footer-bottom__wrapper {
		gap: 24px;
		margin-top: 24px;
	}
	
	.footer-bottom__wrapper-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		gap: 24px;
	}
	
	.footer-bottom__wrapper-copyright {
		width: 100%;
	}
	
	.footer__wrapper-logo {
        width: 100%;
    }
}


.page-banner__clients-item img {
    height: 48px;
}




/*О компании*/

.team-information__wrap {
    border-top: 1px solid #000;
    padding-top: 32px;
    display: flex;
    justify-content: space-between;
    gap: 32px;
}

.team-information__box {
    max-width: 360px;
}

.team-information__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 32px;
}

.team-information__box .page-button {
    margin-left: 0;
}

.team-information__info {
    font-size: 40px;
    font-weight: 900;
    line-height: 48px;
    letter-spacing: -2px;
    max-width: 740px;
}

.team-information__info span{
    color: #EF433A;
}


.tendency__wrap {
    display: flex;
    gap: 20px;
    margin-top: 48px;
}

.tendency__item-name {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -1px;
    max-width: 180px;
    margin-bottom: 24px;
    height: 56px;
}


.black-snippet {
    background-color: #000000;
    color: #fff;
    padding: 64px 0;
}

.black-snippet__box {
    display: flex;
    gap: 32px;
    align-items: center;
	justify-content: space-between;
}

.black-snippet__large-text {
    color: #FFF8F0;
    font-size: 40px;
    font-weight: 900;
    line-height: 48px;
    letter-spacing: -2px;
	max-width: 740px;
}


.black-snippet__large-text span {
	color: #EF433A;
}

.black-snippet__small-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    max-width: 410px;
}

.team-photo__box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 24px;
}

.team-photo__item {
    display: flex;
    flex-direction: column;
    width: calc((100% - 4 * 24px) / 4);
	gap: 6px;
}

.team-photo--name {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -1px;
}

.team-photo--position {
    color: #71717A;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.team-photo--img {
    height: 350px;
}


.about-project .page-button {
    background-color: #fff0;
    color: #000000;
    border: 1px solid #000;
    margin-left: 0;
}

.about-project .page-button:hover {
    background-color: #000;
    color: #fff;
}

section.lastblock {
    margin-bottom: 0;
}



@media screen and (max-width: 1168px) {
	.team-information__info {
		font-size: 26px;
		line-height: 34px;
		letter-spacing: -1px;
	}
	
	.black-snippet__large-text {
		font-size: 24px;
		line-height: 34px;
		letter-spacing: -1px;
	}
	
	.team-photo--img {
		height: 250px;
	}
	
	.team-photo--name {
		font-size: 18px;
		line-height: 24px;
	}
	
	.team-photo__item {
		width: calc((100% - 3 * 24px) / 3);
	}
}


@media screen and (max-width: 768px) {
	.team-information__wrap {
		display: flex;
		flex-direction: column;
		padding-top: 24px;
	}
	
	.team-information__box {
		max-width: 100%;
	}
	
	.team-information__box .page-button {
    	margin-left: 0;
		width: 100%;
	}
	
	.team-information__info {
		font-size: 22px;
		line-height: 28px;
	}
	
	
	.tendency__wrap {
		flex-wrap: wrap;
		gap: 20px 14px;
		margin-top: 24px;
		justify-content: space-between;
	}
	
	.tendency__item {
		width: calc((100% - 2 * 14px) / 2);
	}
	
	.tendency__item-name {
		max-width: 100%;
		height: auto;
		font-size: 16px;
		line-height: 19px;
		margin-bottom: 12px;
	}
	
	.black-snippet__box {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
	
	.black-snippet__large-text {
		font-size: 22px;
		line-height: 28px;
	}
	
	.team-photo__box {
		-ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 10px -16px 0;
        overflow: hidden;
        overflow-x: auto;
        padding-right: 0;
        scrollbar-width: none;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
	}
	
	.team-photo__item {
		width: 312px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
	}
	
	.team-photo__item:first-child {
        margin-left: 16px;
    }
	
	.team-photo--img {
        height: auto;
        max-height: 390px;
    }
	
	.team-photo__item:last-child {
        margin-right: 16px;
    }
	
}





/*Вакансии*/
.vacancy__top {
    margin: 48px 0 32px;
    display: flex;
    gap: 100px;
    justify-content: space-between;
    align-items: flex-start;
}

.vacancy__top-title {
    font-size: 46px;
    font-weight: 900;
    line-height: 52px;
    letter-spacing: -2.3px;
    white-space: nowrap;
}

.vacancy__top-text {
    display: flex;
    gap: 24px;
    justify-content: space-between;
}

.vacancy__top-text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    max-width: 400px;
	margin: 0;
}

.vacancy-list__item {
    display: flex;
    gap: 80px;
    justify-content: flex-start;
    align-items: center;
    border-top: 1px solid #000;
    padding: 32px;
}

.vacancy-list__item:last-child {
	border-bottom: 1px solid #000;
}

.vacancy-list__number {
    margin-bottom: auto;
    color: #EF433A;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
}

.vacancy-list__info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 610px;
}



.vacancy-name {
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1px;
}

.vacancy-tags {
    display: flex;
    align-items: center;
	gap: 8px;
}

.vacancy-tags span {
    width: 6px;
    height: 6px;
    background: #EF433A;
    display: block;
    border-radius: 100px;
}

.vacancy-description, .vacancy-requirements, .vacancy-tags {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.vacancy-list__item .page-button {
    margin: 0 0 0 auto;
	flex-shrink: 0;
}




.how-work__wrap {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    flex-direction: row;
}

.how-work__item {
    display: flex;
    flex-direction: column;
    width: calc((100% - 4 * 24px) / 4);
    gap: 32px;
}

.how-work__item-title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -1px;
	height: 90px;
}

.how-work__item-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    color: #71717A;
}


.section.office {
    background-color: #000;
    color: #fff;
    position: relative;
}

.office-img {
	position: absolute;
    top: 0;
    right: 0;
    max-width: 50%;
    height: 100%;
}	

.office-info {
    padding: 64px 48px 64px 0;
    max-width: 410px;
    background-color: #000;
    z-index: 1;
    display: block;
    position: relative;
}

.office-title {
    font-size: 46px;
    font-weight: 700;
    line-height: 52px;
    letter-spacing: -1px;
    margin-bottom: 32px;
}

.office-text {
    color: #FFF8F0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 32px;
}

.office-name {
    color: #FFF8F0;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -1px;
    margin-bottom: 16px;
}

.office-address {
    color: #FFF8F0;
    font-size: 24px;
    font-weight: 400;
    line-height: 140%;
}

.office-mobile-img {
	display:none;
}

.vacancy__top-false .vacancy__top-title {
	white-space: normal;
	max-width: 460px;
	width: 100%;
}

.vacancy__top-false .vacancy__top-text {
    font-size: 14px;
    line-height: 140%;
    max-width: 410px;
}

@media screen and (max-width: 1168px) {
	.vacancy__top-text {
		flex-direction: column;
		gap: 12px;
	}
	
	.vacancy-list__item {
		gap: 32px;
	}
	
	.how-work__item {
		width: calc((100% - 2 * 24px) / 2);
		gap: 24px;
	}
	
	.how-work__item-title {
		height: auto;
		max-width: 420px;
	}
	
}

@media screen and (max-width: 768px) {
	
	
	.vacancy__top {
		flex-direction: column;
		gap: 24px;
		margin-top: 24px;
	}
	
	.vacancy__top-title {
		font-size: 30px;
		line-height: 36px;
		letter-spacing: -1.5px;
	}
	
	
	.vacancy-list__item {
		flex-wrap: wrap;
		flex-direction: row;
		gap: 16px;
	}
	
	.vacancy-list__item .page-button {
		width: 100%;
	}
	
	.vacancy-list__info {
		max-width: calc(100% - 46px);
		width: 100%;
		gap: 10px;
	}
	
	.vacancy-name {
		font-size: 20px;
	}
	
	.vacancy-list__number {
		font-size: 20px;
	}
	
	
	.vacancy-description, .vacancy-requirements, .vacancy-tags {
		font-size: 14px;
	}
	
	.how-work__item {
		width: 100%;
		gap: 12px;
	}
	
	.how-work__item-title {
		font-size: 20px;
		max-width: 100%;
	}
	
	.office-img {
		display: none;
	}
	
	.office-mobile-img {
		display:block;
		border-radius: 8px;
        margin-bottom: 16px;
	}
	
	.office-info {
    	padding: 24px 0;
		max-width: 100%;
	}
	
	.office-title {
		font-size: 30px;
		line-height: 38px;
		margin-bottom: 16px;
	}
	
	.office-text {
		margin-bottom: 16px;
	}
	
	.office-address {
		font-size: 18px;
	}
	
	
}


	


/*Решения*/

.decision {
    background-color: #fff;
    padding: 32px;
	margin-bottom: 32px;
	position: relative;
}

.decision-wrap {
    display: flex;
    justify-content: space-between;
    gap: 32px;
    align-items: stretch;
    flex-direction: row;
}

.decision-title {
    font-size: 32px;
    font-weight: 900;
    line-height: 42px;
    letter-spacing: -2.3px;
	margin-bottom: 24px;
	max-width: 410px;
    width: 100%;
}

.decision-info {
    width: 100%;
    max-width: 440px;
}

.decision-slider {
    width: 100%;
	max-width: 664px;
	flex-shrink: 0;
}

.decision-info__text p{
	font-size: 16px;
    font-weight: 400;
    line-height: 22px;
	margin-top: 0;
	margin-bottom: 12px;
}

.decision-info__item {
    background-color: #000;
    color: #fff;
    padding: 16px;
    display: flex;
    flex-direction: column;
	width: 100%;
	height: 100%;
}







.decision-info__item-title {
    font-size: 20px;
    line-height: 140%;
    font-weight: 700;
    letter-spacing: -1px;
    margin-bottom: 24px;
	display: block;
    color: #fff;
}

.decision-info__item-title:hover {
	    color: #EF433A;
}


.decision-info__text p:last-child{
	margin:0 0 32px 0;
}

.decision-info__item-link {
    color: #EF433A;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    margin-top: auto;
    display: block;
    max-width: max-content;
    border-bottom: 1px solid transparent;
}

.decision-info__item-link:hover {
	border-color: #EF433A;
}

.decision-info__item-text {
    color: #FFF8F0;
    font-size: 14px;
    line-height: 20px;
}

.decision-title span {
    color: #EF433A;
    font-weight: 400;
    width: 42px;
    display: inline-block;
}



/* обёртка слайдера */
.decision-slider { 
	position: relative; 
	min-width: 0; 
}

.decision-slider .swiper { 
	width: 100%; 
	overflow: hidden; 
	display: block; 
}

.decision-slider .swiper-wrapper { 
	will-change: transform; 
}

.decision-slider .swiper-slide { 
	height: auto; 
}


.decision-slider__next {
    position: absolute;
    top: 50%;
    right: -16px;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: #ef433a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 5;
}

.decision-slider__next svg path {
    fill: #fff;
}

.decision-slider__next svg{ 
	width: 10px; 
	height: 18px; 
}

@media (min-width:1081px){
  .decision-slider__next{ display: inline-flex; }
  .decision-slider .decision-slider__pagination{ display:none; }
}

@media (max-width:1080px){
  .decision-slider__next{ display:none; }
  .decision-slider .decision-slider__pagination{ position:static; margin-top:12px; display:block; }
}

.decision-slider .swiper{ cursor: grab; }
.decision-slider .swiper:active{ cursor: grabbing; }


.section-decision {
    margin-top: 48px;
}


@media screen and (max-width: 1080px) {
	.decision-wrap {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
	}
	
	.decision-slider .swiper-slide {
		height: auto;
		min-height: 280px;
	}
	
	.decision-slider {
		max-width: 100%;
	}
	
	.decision-info {
		width: 100%;
		max-width: 520px;
	}
}


@media screen and (max-width: 768px) {
	
	.section-decision {
		margin-top: 24px;
	}
	
	.decision-title span {
		width: 32px;
	}
	
	.decision-title {
		font-size: 22px;
		line-height: 32px;
		letter-spacing: -0.5px;
		margin-bottom: 12px;
	}
	
	.decision-info__text p {
		font-size: 14px;
		line-height: 19px;
		margin-bottom: 8px;
	}
	
	.decision-info__text p:last-child {
		margin: 0 0 16px 0;
	}
	
	.decision {
		background-color: #fff;
		padding: 16px;
		margin-bottom: 32px;
		position: relative;
	}
	
	.decision-slider .decision-slider__pagination {
        margin-top: 10px;
    }
}


.section-form-grey {
    background-color: #D4D4D8;
    padding: 96px 0;
	margin-bottom: 0;
}	

@media screen and (max-width: 768px) {
    .section-form-grey {
        padding: 64px 0;
    }
}

.section-form-grey .vacancy__top-text {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.section-form-grey .vacancy__top {
    margin-top: 0;
}


/*Шапка контакты*/
.page-id-5871 .vacancy__top-text {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.contact-links {
    display: flex;
    gap: 16px;
}

.contact-links-item {
    font-size: 16px;
    line-height: 19px;
    color: #EF433A;
	border-bottom: 1px solid #fff0;
}

.contact-links-item:hover {
	border-bottom: 1px solid #EF433A;
}





/*Текстовые страницы*/

.policy h1{
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -1px;
    margin: 0 0 16px 0;
}

.policy p {
    margin: 12px 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.policy h2,
.policy h3,
.policy h4,
.policy h5,
.policy h6 {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.5px;
    margin: 0 0 12px 0;
}

.policy ul {
    margin: 0 0 16px 0;
    font-size: 16px;
    line-height: 22px;
}

.policy .policy-content{
    padding-bottom: 80px;
    max-width: 900px;
}





/*Проекты*/

.section.section-project-menu {
    margin: 42px 0;
}

.section.section-project {
    margin: 42px 0;
}

.project-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
}

.project-menu__link {
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    padding: 10px;
    background-color: #000;
    color: #fff;
    width: 100%;
    text-align: center;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
	-webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.project-menu__link:hover {
    background-color: #EF433A;
}

.project-menu__link.active {
    background-color: #EF433A;
}




.project-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 60px 24px;
    justify-content: flex-start;
}


.project-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
	
	flex: 0 0 calc((100% - 2 * 24px) / 3);
  	max-width: calc((100% - 2 * 24px) / 3);
}

.project-item__img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 12;  
  overflow: hidden;
}

.project-item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.4s ease;
}

.project-item__img:hover img {
	transform: scale(1.05); 
}

.project-item__cat-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.project-item__cat-wrapper span {
	width: 4px;
	height: 4px;
	border-radius: 50px;
	background-color: #000;
}

.project-item__cat {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
}

.project-item__cat:hover {
    color: #ef433a;
}




.project-item__title {
	display: block;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -1px;
}

.project-item__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #71717A;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.project-item__button {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 14px;
    border: 1px solid;
    color: #000;
    font-weight: 600;
    width: max-content;
    padding: 12px 16px;
	cursor: pointer;
	-webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}


.project-item__button:hover{
	color: #fff;
	background-color: #000;
}

.project-wrapper .project-item.is-hidden { 
	display: none !important; 
}


@media screen and (max-width: 1080px) {
    
	.project-menu {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		margin: 10px -16px 0;
		overflow: hidden;
		overflow-x: auto;
		padding-right: 0;
		scrollbar-width: none;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		gap: 24px;
	}

	.project-menu__link {
		width: 180px;
		-ms-flex-negative: 0;
		flex-shrink: 0;
	}

	.project-menu__link {
		width: 180px;
		-ms-flex-negative: 0;
		flex-shrink: 0;
	}
	
	.project-menu__link:first-child {
        margin-left: 16px;
    }	
	
	.project-menu__link:last-child {
        margin-right: 16px;
    }
	
	.project-item {
		flex: 0 0 calc((100% - 1 * 24px) / 2);
		max-width: calc((100% - 1 * 24px) / 2);
	}
	
	
}


@media screen and (max-width: 768px) {
	.section.section-project-menu {
		margin: 32px 0;
	}
	
	.section.section-project {
		margin: 32px 0;
	}
	
	.project-menu__link {
		width: 148px;
		height: 30px;
		font-size: 12px;
		line-height: 12px;
	}
	
	.project-menu {
		gap: 12px;
	}
	
	.project-wrapper {
		gap: 32px;
	}
	
	.project-item {
		flex-basis: 100%;
		max-width: 100%;
		 gap: 10px;
	}
	
	.project-item__cat {
		font-size: 11px;
		line-height: 16px;
	}
	
	.project-item__title {
		font-size: 16px;
		line-height: 22px;
	}
	
	.project-item__text {
		font-size: 12px;
		line-height: 18px;
	}
	
	.project-item__button {
		font-size: 12px;
		line-height: 12px;
		padding: 8px 12px;
	}
	
}	


.section-cases {
    margin: 64px 0px;
}

.sc-start__wrap {
    display: flex;
    gap: 32px;
    justify-content: space-between;
	margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #000;
}

.sc-start__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 80px;
    width: 560px;
    flex-shrink: 0;
}

.sc-start__content-title {
    font-weight: 900;
    font-size: 74px;
    line-height: 120%;
    margin: 0;
    letter-spacing: -2px;
}

.sc-start__content-text {
    font-weight: 900;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: -1px;
}

.sc-start__image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}




	.sc-cases_info {
		display: flex;
		flex-wrap: wrap;
		gap: 48px; 
	}

	.sc-cases_info-item {
		flex: 0 0 100%;
	}

	.sc-cases_info-item:nth-last-child(2):first-child,
	.sc-cases_info-item:nth-last-child(2):first-child ~ .sc-cases_info-item {
		flex-basis: calc((100% - 48px) / 2);
	}

	.sc-cases_info-item:nth-last-child(3):first-child,
	.sc-cases_info-item:nth-last-child(3):first-child ~ .sc-cases_info-item {
		flex-basis: calc((100% - 2 * 48px) / 3);
	}


	.sc-cases_info-item:nth-last-child(4):first-child,
	.sc-cases_info-item:nth-last-child(4):first-child ~ .sc-cases_info-item {
		flex-basis: calc((100% - 3 * 48px) / 4);
	}

	.sc-cases_info-title {
		font-weight: 700;
		font-size: 24px;
		line-height: 100%;
		letter-spacing: -1px;
		margin-bottom: 12px;
	}

	.sc-cases_info-text {
		font-weight: 400;
		font-size: 14px;
		line-height: 140%;
		color: #71717A;
	}


	.section-bg-red {
		background-color: #EF433A;
		padding: 44px 0;
	}

	.sc-cases_doing-title {
		font-weight: 800;
		font-size: 46px;
		line-height: 52px;
		color: #FFF8F0;
		margin-bottom: 24px;
	}

	.sc-cases_doing-text {
		font-size: 14px;
		line-height: 20px;
		color: #FFF8F0;
	}

	.sc-cases_doing-wrap {
		display: flex;
		gap: 32px;
		align-items: center;
	}

	.section-doing .decision-info__item {
		min-height: 240px;
		background-color: #FFFAEA;
		border-top: 3px solid #000;
	}

	.section-doing .decision-info__item-title,
	.section-doing .decision-info__item-text {
			color: #000;
		}

	.section-doing .decision-slider__next {
		background: #000;
	}


	.sc-results-title {
		font-weight: 900;
		font-size: 62px;
		line-height: 68px;
		color: #FFF8F0;
		margin-bottom: 6px;
	}

	.sc-results-subtitle {
		font-weight: 700;
		font-size: 20px;
		line-height: 26px;
		color: #FFF8F0;
		margin-bottom: 24px;
		min-height: 52px;
	}

	.sc-results-text {
		font-weight: 400;
		font-size: 20px;
		line-height: 140%;
		color: #FFF8F0;
	}

	.section-results__title {
		font-weight: 800;
		font-size: 46px;
		line-height: 52px;
		letter-spacing: -2px;
		color: #fff;
		margin-bottom: 40px;
	}

	.section-cases .reviews-slide__box {
		max-width: 628px;
		margin: 0 auto;
	}



	.video-block {
		position: relative;
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}

	.video-block::before{
	  content:"";
	  display:block;
	  padding-top:56.25%; /* 9/16 */
	}

	.video-frame{
	  position:absolute;
	  inset:0;
	}

	.video-placeholder{
	  position:absolute;
	  inset:0;
	  width:100%;
	  height:100%;
	  border:0;
	  padding:0;
	  background:#000;
	  cursor:pointer;
	  -webkit-tap-highlight-color: transparent;
	}

	.video-thumb{
	  width:100%;
	  height:100%;
	  object-fit:cover;
	  display:block;
	  user-select:none;
	  -webkit-user-drag:none;
	}

	.video-play-icon{
	  position:absolute;
	  top:50%;
	  left:50%;
	  width:68px;
	  height:48px;
	  transform:translate(-50%,-50%);
	  pointer-events:none; 
	  transition:transform .25s ease, opacity .25s ease;
	}

	.video-play-icon::before{
	  content:"";
	  position:absolute;
	  inset:0;
	  border-radius:12px;
	  background:rgba(0,0,0,.5);
	  backdrop-filter:saturate(120%) blur(1px);
	}

	.video-play-icon::after{
	  content:"";
	  position:absolute;
	  left:26px; 
	  top:12px;
	  border-style:solid;
	  border-width:12px 0 12px 18px;
	  border-color:transparent transparent transparent #fff;
	}

	.video-placeholder:hover .video-play-icon{
	  transform:translate(-50%,-50%) scale(1.2);
	}

	.video-player{
	  position:absolute;
	  inset:0;
	  width:100%;
	  height:100%;
	  display:none;
	  background:#000;
	  border:0;
	}

	.section-doing .swiper-pagination-bullet-active {
		background: #000000;
	}

	.section-cases.section-form-grey {
		padding: 64px 0;
	}

	.section-sc-slider img {
		aspect-ratio: 16 / 9;
	}

	.section-sc-slider .custom-swiper-pagination {
		margin-bottom: 0;
	}



@media screen and (max-width: 1080px) {
	.sc-start__content-title {
		font-size: 52px;
	}
	
	.sc-start__content-text {
		font-size: 24px;
	}
	
	.sc-start__content {
		width: 360px;
		gap: 120px;
	}
	
	.sc-cases_doing-wrap {
		flex-direction: column;
	}
	
	.sc-cases_info-title {
		font-size: 20px;
	}
	
	.sc-cases_info-item:nth-last-child(4):first-child,
	.sc-cases_info-item:nth-last-child(4):first-child ~ .sc-cases_info-item {
		flex-basis: calc((100% - 48px) / 2);
  	}
	
	.sc-cases_doing-title {
		font-size: 32px;
		line-height: 38px;
	}
	
	.sc-results-title {
		font-size: 48px;
		line-height: 54px;
	}
	
	.sc-results-subtitle {
		min-height: auto;
		margin-bottom: 12px;
		font-size: 18px;
		line-height: 24px;
	}
	
	.sc-results-text {
    	font-size: 18px;
		line-height: 24px;
	}
	
	.section-results__title {
		font-size: 32px;
		line-height: 38px;
	}
	
}


@media screen and (max-width: 768px) {
	
	.sc-start__content-title {
		font-size: 34px;
	}
	
	.sc-start__content-text {
		font-weight: 400;
		font-size: 16px;
	}
	
	.sc-start__wrap {
		flex-direction: column;
		gap: 24px;
		margin-bottom: 24px;
		padding-bottom: 24px;
	}
	
	.sc-start__content {
		gap: 16px;
		width: 100%;
	}
	
	.section-cases.mt24-m {
		margin-top: 24px;
	}
	
	.sc-cases_info-item {
		flex-basis: 100% !important;
	  }
	
	.sc-cases_info {
		gap: 24px;
	}
	
	.sc-results-text {
		font-size: 16px;
		line-height: 22px;
	}
	
}