/* ADAPTIVE */
@media (max-width: 1920px) {
	.services__hero__info {
		max-width: 100%;
	}
}

@media (max-width: 960px) {
	nav.menu {
		display: none;
	}

	.burger {
		display: flex;
	}

	.left {
		gap: 3.3333vw;
		padding: 2.0833vw;
	}

	span.line {
		display: flex;
		width: 40px;
		height: 2px;
		background: var(--white);
		transition: all .25s ease;
	}

	header.header.fixed span.line, header.header.header--white span.line {
		background: var(--black);
	}

	header.header.header--white.nav__active span.line {
	    background: var(--white);
	}

	a.logo svg {
		width: 12.6042vw;
		height: 3.3333vw;
	}

	a.phone {
		padding: 2.6042vw 2.0833vw;
		font-size: 1.875vw;
		line-height: 2.2917vw;
	}

	section.hero {
		max-height: 64.5833vw;
	}

	section {
		margin-bottom: 30px;
	}

	.hero__wrapper {
		gap: 4.7917vw;
	}

	.hero__info {
		padding: 0 2.0833vw;
		gap: 2.0833vw;
	}

	section.hero h1.title {
		font-size: 5vw;
		line-height: 1;
		max-width: 100%;
	}

	.btn.hero__btn {
		padding: 1.6667vw 2.0833vw;
		font-size: 2.2917vw;
		line-height: 2.7083vw;
	}

	.hero__services__item {
		padding: 2.0833vw;
		height: 27.0833vw;
	}

	p.hero__services__item__title {
		font-size: 2.2917vw;
		line-height: 1;
	}

	.hero__services__item nav ul {
		gap: 1.6667vw;
	}

	.hero__services__item nav ul a {
		font-size: 1.875vw;
		line-height: 1;
	}

	h2.section__title {
		font-size: 5vw;
		line-height: 1;
	}

	h1.section__title {
		font-size: 4vw;
		line-height: 1;
	}

	.projects__cats__item {
		padding: 0.625vw 1.6667vw;
		font-size: 1.6667vw;
		line-height: 1;
		border-radius: 1.25vw;
	}

	.projects__cats {
		gap: 0.2083vw;
	}

	.grid__2 {
		grid-template-columns: repeat(1, 1fr);
	}

	.gap20 {
		gap: 10px;
	}

	a.projects__item {
		height: 52.0833vw;
	}

	.tag,
	.spaces__item__tags ul li {
		border-radius: 1.25vw;
	}

	.projects__item__info {
		padding: 0.8333vw;
	}

	h3.projects__item__name {
		font-size: 2.0833vw;
		line-height: 1.2;
		padding: 0.8333vw;
	}

	.company__info {
		max-width: 100%;
		gap: 2.0833vw;
	}

	h3.company__title {
		font-size: 4.1667vw;
		line-height: 1;
	}

	a.link {
		font-size: 2.7083vw;
		line-height: 1;
		gap: 1.25vw;
		padding: 0.625vw 0;
		align-items: center;
	}

	a.link svg {
		width: 12px;
		height: 12px;
		margin: 5px 0 0;
	}

	.company__wrapper {
		gap: 4.1667vw;
	}

	.company__stats {
		gap: 2.0833vw 1.25vw;
		grid-template-columns: repeat(2, 1fr);
	}

	.company__stats__item {
		gap: 0.2083vw;
		padding-bottom: 8px;
	}

	p.value {
		font-size: 8.3333vw;
		line-height: 9.7917vw;
	}

	.company__stats__item .text {
		font-size: 2.0833vw;
		line-height: 2.5vw;
	}

	.partners__item {
		width: 14.5833vw;
		height: 14.5833vw;
		padding: 3.125vw;
	}

	.direction__tabs {
		gap: 2.0833vw;
	}

	p.direction__tab {
		font-size: 2.2917vw;
		line-height: 2.7083vw;
		padding-bottom: 0.4167vw;
		border-bottom: 0.1042vw solid transparent;
	}

	video.direction__bg {
		height: 100%;
	}

	.direction__body__item {
		height: 22.9167vw;
		padding: 2.0833vw;
		gap: 1.6667vw;
	}

	.info {
		gap: 1.0417vw;
	}

	.info a.title {
		font-size: 2.5vw;
		line-height: 2.9167vw;
	}

	.info .text {
		font-size: 1.6667vw;
		line-height: 2.0833vw;
	}

	.direction__body__item .link svg {
		height: 1.4583vw;
		width: 1.4583vw;
	}

	.direction__body__item .link {
		gap: 1.25vw;
		font-size: 2.0833vw;
		line-height: 1;
	}

	.links {
		gap: 1.6667vw;
	}

	section.blog h2.section__title {
		font-size: 2.9167vw;
		line-height: 3.3333vw;
	}

	img.blog__item__poster__mobile {
		display: block;
		height: 18.8542vw;
		overflow: hidden;
		width: 100%;
		object-fit: cover;
	}

	img.blog__item__poster:not(section.blog.blog--page a.blog__item img.blog__item__poster) {
		display: none;
	}

	a.blog__item:not(section.blog.blog--page a.blog__item) {
		gap: 8px;
		height: 360px;
		aspect-ratio: auto;
		width: 100%;
		max-height: 500px;
		padding: 20px;
		border: calc(var(--u) * 1) solid var(--Colors-Black-5, #0000000D);
		border-bottom: none;
	}

	.blog__list:not(section.blog.blog--page .blog__list) {
		gap: 0;
		border-right: calc(var(--u) * 1) solid var(--Colors-Black-5, #0000000D);
		border-bottom: calc(var(--u) * 1) solid var(--Colors-Black-5, #0000000D);
	}

	a.blog__item:last-child:not(section.blog.blog--page a.blog__item) {
	    border-right: none;
	}

	.container {
		padding: 0 2.0833vw;
		gap: 3.125vw;
	}

	span.date {
		font-size: 16px;
		line-height: 1.4583vw;
	}

	h3.blog__item__title {
		line-height: 1.4;
		color: var(--black);
		font-weight: 500;
		font-size: 24px;
	}

	.blog__item__anons {
		font-weight: 500;
		font-size: 16px;
		line-height: 160%;
		letter-spacing: 0%;
	}

	.blog__item__tags {
		gap: 0.4167vw 1.25vw;
		max-width: 100%;
	}

	span.blog__item__tag {
		font-size: 14px;
		line-height: 16px;
	}

	a.blog__item:hover {
		background: transparent;
	}

	section.blog a.link {
		font-size: 2.2917vw;
		line-height: 1;
		gap: 1.25vw;
	}

	section.blog a.link svg {
		width: 1.0417vw;
		height: 1.0417vw;
	}

	.fos__wrapper {
		display: flex;
		flex-direction: column;
		height: auto;
	}

	.fos__info {
		flex-direction: row;
		gap: 2.0833vw;
		padding: 1.6667vw;
	}

	.fos__info__header {
		max-width: 39.5833vw;
		gap: 0.8333vw;
	}

	.fos__info svg {
		width: 31.25vw;
		height: 8.125vw;
	}

	form.fos__form {
		padding: 1.6667vw;
		gap: 5.8333vw;
	}

	section.fos .container {
		gap: 3.125vw;
	}

	.row {
		gap: 0.8333vw;
		flex-wrap: wrap;
		flex-direction: row;
	}

	p.row__title {
		font-size: 2.0833vw;
		line-height: 2.5vw;
		width: 100%;
	}

	input.fos__input[name="name"], input.fos__input[name="phone"] {
		width: calc(50% - 0.4167vw);
	}

	input.fos__input {
		width: 100%;
		padding: 1.25vw 0 0.8333vw 0;
		font-size: 2.2917vw;
		line-height: 2.7083vw;
	}

	form.fos__form .row:nth-child(2) {
		gap: 0.8333vw;
	}

	p.row__title.small {
		font-size: 1.6667vw;
		line-height: 1.25;
	}

	form.fos__form .row:nth-child(2) input.fos__input {
		padding-bottom: 0.8333vw;
		font-size: 1.6667vw;
		line-height: 2.0833vw;
	}

	.fos__input__file span {
		padding: 0.5208vw;
		font-size: 1.25vw;
		line-height: 1.4583vw;
	}

	.bottom {
		gap: 1.25vw;
	}

	.checkbox__input {
		width: 1.25vw;
		height: 1.25vw;
	}

	label.checkbox__label {
		font-size: 1.25vw;
		line-height: 1;
	}

	button.btn.fos__btn {
		padding: 1.6667vw;
		font-size: 2.2917vw;
		line-height: 1;
	}

	.form__successful {
		padding: 2.0833vw;
	}

	.form__successful__info {
		width: calc(50% - 2.0833vw);
		gap: 1.6667vw;
	}

	.form__successful__info .title {
		font-size: 2.2917vw;
		line-height: 1;
		padding-bottom: 1.6667vw;
	}

	.form__successful__info .text {
		font-size: 1.6667vw;
		line-height: 2.0833vw;
	}

	.tg__wrapper {
		max-width: 56.6667vw;
		padding: 1.25vw;
		gap: 1.25vw;
	}

	.tg__wrapper .left {
		padding: 0;
		gap: 1.25vw;
		max-width: calc(100% - 25.625vw);
	}

	.tg__wrapper .title {
		font-size: 3.3333vw;
		line-height: 3.9583vw;
	}

	.tg__wrapper .text {
		font-size: 1.6667vw;
		line-height: 2.0833vw;
	}

	a.btn.tg__btn {
		gap: 0.8333vw;
		padding: 0.625vw 1.6667vw;
		font-size: 1.875vw;
		line-height: 1;
	}

	.tg__wrapper .right {
		gap: 0.4167vw;
		max-width: 24.375vw;
	}

	.tg__wrapper .item {
		padding: 1.0938vw 0.8333vw;
		font-size: 1.4583vw;
		line-height: 1;
	}

	footer.footer {
		padding: 2.0833vw 0;
	}

	nav.footer__nav ul {
		gap: 2.0833vw;
	}

	nav.footer__nav ul li a {
		font-size: 1.875vw;
		line-height: 2.2917vw;
	}

	.footer__contacts {
		gap: 4.1667vw;
	}

	.footer__contacts .mail {
		font-size: 8.3333vw;
		line-height: .7;
	}

	.footer__contacts .mail::before {
		height: 0.2083vw;
		bottom: -1.3542vw;
	}

	.footer__contacts__list {
		gap: 2.0833vw;
	}

	.footer__contacts__item {
		width: 18.3333vw;
	}

	.footer__contacts__item .title {
		font-size: 2.0833vw;
		line-height: 2.5vw;
	}

	a.footer__contacts__phone {
		font-size: 1.6667vw;
		line-height: 1;
	}

	.footer__contacts__item .text {
		font-size: 1.4583vw;
		line-height: 1;
	}

	.footer__bottom svg {
		margin: 4.1667vw 0 2.0833vw 0;
	}

	p.copyright, a.footer__link {
		font-size: 1.4583vw;
		line-height: 1.6667vw;
	}

	.projects__list {
	    display: flex;
	    flex-wrap: wrap;
	    gap: 20px 10px;
	}
	
	.projects__list a.projects__item:nth-child(1), .projects__list a.projects__item:nth-child(8) {
	    width: 100%;
	    height: calc(var(--u) * 900);
	}
	
	.projects__list a.projects__item {
	    width: 100%;
	}
	
	.projects__cats__wrapper {
	    gap: 16px;
	}

	section.blog.blog--page a.blog__item {
	    width: 100%;
	    max-height: 500px;
	    padding: 20px;
	    border: calc(var(--u) * 1) solid var(--Colors-Black-5, #0000000D);
	    border-bottom: none;
	}
	
	section.blog.blog--page a.blog__item h3.blog__item__title {
	    color: #000000B2;
	    font-size: 24px;
	}
	
	section.blog.blog--page a.blog__item:hover h3.blog__item__title {
	    color: var(--blue);
	}
	
	
	section.blog.blog--page a.blog__item span.date {
	    font-size: 16px;
	}
	
	section.blog.blog--page a.blog__item .blog__item__content {
	    gap: 16px;
	    max-width: 600px;
	}
	
	section.blog.blog--page a.blog__item .blog__item__anons {
	    display: flex;
	    font-weight: 500;
	    font-size: 16px;
	    line-height: 160%;
	    letter-spacing: 0%;
	}
	
	section.blog.blog--page a.blog__item img.blog__item__poster {
	    max-width: 400px;
	}
	
	.blog__list a.blog__item.marked.marked img.blog__item__poster {
	    max-width: 430px;
	}
	
	section.blog.blog--page .blog__list a.blog__item.marked h3.blog__item__title {
	    color: var(--white);
	}
	
	section.blog.blog--page .blog__list a.blog__item.marked .blog__item__content {
	    max-width: 100%;
	}
	
	.blog__list a.blog__item.marked span.blog__item__tag {
	    font-size: 14px;
	    line-height: 16px;
	}
	
	section.blog.blog--page a.blog__item:last-child {
	    border-bottom: calc(var(--u) * 1) solid var(--Colors-Black-5, #0000000D);
	}

	section.blog.blog--page .container {
	    gap: 20px;
	    padding: 0;
	}
	
	section.blog.blog--page .section__header {
	    padding: 0 calc(var(--u) * 40);
	}

	.pt--detail {
		padding-top: 40px;
	}

	.project__detail h1.detail__title {
		padding-left: 2.0833vw;
	}

	.project__detail .categories {
		padding-left: 2.0833vw;
		margin: 20px 0;
	}

	a.category.tag {
		font-size: 18px;
		line-height: 22px;
	}

	.project__poster {
		max-height: 600px;
	}

	.author {
		padding: 20px;
	}

	.author__inner {
		gap: 20px;
		max-width: 770px;
	}

	.author__header img {
		width: 80px;
		height: 80px;
	}

	.author__info .name {
		font-size: 24px;
		line-height: 1.4;
	}

	.author__info .status {
		font-size: 18px;
		line-height: 1.4;
	}

	.author__text {
		font-size: 24px;
		line-height: 1.6;
	}

	.text__container {
		max-width: 100%;
		padding: 40px 80px;
		gap: 20px;
		font-size: 24px;
		line-height: 1.6;
	}

	.text__container h2 {
		font-size: 36px;
		line-height: 42px;
	}

	.text__container ol, .text__container ul {
		font-size: 20px;
		line-height: 1.6;
	}

	.text__container h3 {
		font-size: 28px;
		line-height: 36px;
	}

	.project__detail__slider.swiper .swiper-slide {
		width: 83.3vw;
		height: 66.6vw;
	}

	.project__detail__slider.swiper {
		padding-left: 2.0833vw;
	}

	.project__service__inner {
		padding: 40px;
		gap: 20px;
	}

	p.project__service__title {
		max-width: 100%;
		font-size: 52px;
		line-height: 62px;
	}

	.project__service__text {
		max-width: 800px;
		font-size: 24px;
		line-height: 28px;
	}

	.project__service__inner a.link {font-size: 40px;gap: 20px;margin-top: 40px;}

	.project__service__inner a.link svg {
		width: 18px;
		height: 18px;
	}

	section.recent__project {
		display: none;
	}

	.post__nav.adaptive {
		display: none;
	}

	.post__content {
		flex-direction: column;
	}

	/* header.header.fixed a.phone, header.header.header--white a.phone {
		background: var(--blue);
		color: var(--white);
	} */

	.blog__list a.blog__item {
	    width: calc((100% - 0.8333vw * 2)/3);
	}

	section.post .container {
	    padding: 0;
	}
	
	section.post .section__header {
	    padding: 0 20px;
	}
	
	h2.detail__title {
	    font-size: 40px;
	}
	
	
	section.post .post__content {
	    padding: 0;
	    gap: 0;
	    background: var(--bg);
	}
	
	.content {
	    width: 100%;
	    gap: 10px;
	    padding: 20px;
	    background: var(--white);
	}
	
	h1.post__title {
	    font-size: 48px;
	}
	
	.post__quar {
	    font-size: 18px;
	}
	
	.post__content__detail h2 {
	    font-size: 40px;
	    line-height: 48px;
	    margin: 32px 0 20px 0;
	}
	
	.post__content__detail {
	    font-size: 20px;
	    padding-bottom: 0;
	    border: none;
	    margin-top: 20px;
	}
	
	.post__content__detail h2, .post__content__detail h3, .post__content__detail h4, .post__content__detail p, .post__content__detail ol, .post__content__detail ul, .post__content__detail .mark {
	    margin-right: 60px;
	    margin-left: 60px;
	}
	
	
	.mark {
	    margin: 30px 0;
	    padding: 20px 40px;
	    font-size: 22px;
	    line-height: 1.4;
	}
	
	.post__content__detail h3 {
	    font-size: 32px;
	    line-height: 38px;
	    margin-bottom: 20px;
	    margin-top: 42px;
	}
	
	figcaption, span.post__small, em {
	    display: flex;
	    font-size: 16px;
	    line-height: 20px;
	    padding: 0 60px;
	    width: 100%;
	}

	figure {
	    gap: 14px;
	}
	
	.author__info .name, .author__info .status {
	    margin: 0;
	}
	
	section.post .author__header img {
	    width: 100px;
	    height: 100px;
	}
	
	section.post .author__info .name {
	    font-size: 28px;
	    line-height: 32px;
	}
	
	section.post .author__info .status {
	    font-size: 18px;
	    line-height: 22px;
	}
	
	
	.post__content__detail .author {
	    margin: 30px 60px 14px 60px;
	}
	
	span.post__small {
	    padding-bottom: 20px;
	}
		
	.post__content__footer {
	    display: flex;
	    margin: 0 60px;
	    padding-top: 40px;
	    border-top: 1px solid var(--Colors-Black-30, #0000004D);
	}
	
	.post__nav {
	    display: none;
	}
	
	.post__nav.adaptive {
	    display: flex;
	    gap: 18px;
	}
	
	
	nav.post__nav__list {
	    padding: 8px 40px;
	}
	
	nav.post__nav__list ul li {
	    color: var(--blue);
	}
	
	nav.post__nav__list ul li a {
	    color: var(--blue);
	}

	figure {
	    gap: 14px;
	}
	
	.author__info .name, .author__info .status {
	    margin: 0;
	}
	
	section.post .author__header img {
	    width: 100px;
	    height: 100px;
	}
	
	section.post .author__info .name {
	    font-size: 28px;
	    line-height: 32px;
	}
	
	section.post .author__info .status {
	    font-size: 18px;
	    line-height: 22px;
	}
	
	
	.post__content__detail .author {
	    margin: 30px 60px 14px 60px;
	}
	
	span.post__small {
	    padding-bottom: 20px;
	}
	
	.post__content__footer {
	    display: flex;
	    margin: 0 60px;
	    padding-top: 40px;
	    border-top: 1px solid var(--Colors-Black-30, #0000004D);
	}
	
	.post__nav {
	    display: none;
	}
	
	.post__nav.adaptive {
	    display: flex;
	    gap: 18px;
	}
	
	
	nav.post__nav__list {
	    padding: 8px 0px 8px 40px;
	    font-size: 18px;
	    line-height: 22px;
	}
	
	nav.post__nav__list ul li {
	    color: var(--blue);
	}
	
	nav.post__nav__list ul li a {
	    color: var(--blue);
	}
	
	aside.sidebar {
	    max-width: calc(100% - 40px);
	    margin: 20px;
	}
	
	p.post__service__title {
	    font-size: 52px;
	    line-height: 62px;
	}
	
	.post__service a.link {
	    margin-top: 40px;
	    font-size: 40px;
	    line-height: 1;
	}
	
	.post__service a.link svg {
	    width: 18px;
	    height: 18px;
	}
	
	section.recent__posts {
	    display: none;
	}
	
	section.post {
	    margin-bottom: 20px;
	}

	section.about__hero {
		max-height: 520px;
		margin-bottom: 30px;
	}

	section.about__hero .container {
		justify-content: flex-end;
		padding-bottom: 6.875vw;
	}

	.about__hero__info {
		gap: 20px;
	}

	.about__hero__info h1.title {font-size: 40px;}

	.about__hero__info h1.title span.large {
		font-size: 80px;
		line-height: 1;
	}

	.about__hero__info .subtitle {
		max-width: 670px;
		font-size: 24px;
	}

	.company__information.grid {
		grid-template-columns: 3fr 5fr;
		padding: 0 20px;
	}

	.company__information img {
		width: 23.33vw;
	}

	.company__information__text {
		gap: 4.167vw;
		font-size: 24px;
		line-height: 28px;
	}

	section.company .container {
		gap: 30px;
		padding: 0;
	}

	.company__principe {
		display: flex;
		flex-direction: column;
		padding: 40px 20px;
		gap: 40px;
	}

	h3.section__title {
		max-width: 580px;
		font-size: 32px;
		line-height: 38px;
	}

	.company__principe__wrapper {
		padding: 0;
	}

	.company__principe__items > p {
		font-size: 22px;
	}

	.company__principe__list {
		gap: 50px 40px;
	}

	.company__principe__disclaimer {
		max-width: 572px;
		font-size: 18px;
	}

	section.company {
		margin-bottom: 30px;
	}

	section.team .grid {
		grid-template-columns: 3fr 5fr;
		padding: 0 20px;
	}

	h2.section__title.small {
		font-size: 32px;
		line-height: 38px;
	}

	.section__description {
		font-size: 24px;
		line-height: 28px;
	}

	.team__slider.swiper {
	    padding-left: 39.375vw;
	    padding-right: 20px;
	}
	
	.swiper-slide.team__item {
		width: 47.5vw;
		gap: 12px;
	}
	
	
	.team__item__photo > img {
	    height: 63.54167vw;
	}
	
	.team__item__info {
	    gap: 4px;
	}
	
	.team__item__info .name {
	    font-size: 28px;
	    line-height: 32px;
	}
	
	.team__item__info .status {
	    font-size: 20px;
	    line-height: 24px;
	}

	.swiper-slide.team__item:hover .overlay, .swiper-slide.team__item:hover .team__item__text {
		opacity: 0;
	}
	
	.swiper-slide.team__item.swiper-slide-active .overlay,
	.swiper-slide.team__item.swiper-slide-active .team__item__text,
	.swiper-slide.team__item.swiper-slide-next .overlay,
	.swiper-slide.team__item.swiper-slide-next .team__item__text,
	.swiper-slide.team__item.swiper-slide-active:hover .overlay,
	.swiper-slide.team__item.swiper-slide-active:hover .team__item__text,
	.swiper-slide.team__item.swiper-slide-next:hover .overlay,
	.swiper-slide.team__item.swiper-slide-next:hover .team__item__text {
	    opacity: 1;
	}
	
	.team__item__text {
	    font-size: 18px;
	    line-height: 1.3;
	    gap: 12px;
	}

	section.team .section__footer {
	    padding: 0 20px 0 39.375vw;
	    width: 100%;
	}
	
	.team__footer__text {
	    width: 100%;
	    font-size: 24px;
	    line-height: 28px;
	    font-weight: 400;
	    gap: 12px;
	}
	
	section.team {
	    margin-bottom: 50px;
	}
	
	section.geo {
	    margin-bottom: 70px;
	}
	
	.rules__wrapper.grid.grid__5__7 {
	    display: flex;
	    flex-direction: column;
	    gap: 50px;
	}
	
	section.rules h2.section__title {
	    max-width: 100%;
	}
	
	.rules__row.grid {
	    grid-template-columns: repeat(2, 1fr);
	    gap: 80px;
	    padding-bottom: 20px;
	}
	
	.rules__item {
	    font-size: 20px;
	    line-height: 24px;
	}
	
	section.rules {
	    margin-bottom: 70px;
	}
	
	.clients__wrapper.grid.grid__5__7 {
	    display: flex;
	    flex-direction: column;
	    gap: 20px;
	}
	
	.clients__info {
	    max-width: 572px;
	}
	
	p.clients__title {
	    font-size: 32px;
	    line-height: 38px;
	}
	
	p.clients__text {
	    font-size: 22px;
	    line-height: 26px;
	    max-width: 100%;
	}
	
	.clients__slider__wrapper {
	    max-width: 100%;
	    padding: 20px;
	    min-height: 400px;
	}
	
	.clients__item__info {
	    padding-right: 13.02083vw;
	}
	
	.clients__item__info .text {
	    font-size: 32px;
	    line-height: 38px;
	}
	
	.clients__item__info .read__more {
	    font-size: 20px;
	    line-height: 24px;
	}
	
	.clients__slider__more {
	    gap: 16px;
	    font-size: 20px;
	    line-height: 24px;
	    right: 20px;
	    top: 20px;
	}

	.clients__slider.swiper {
		height: 360px;
	}

	.clients__logo.swiper .swiper-wrapper {
		gap: 0;
		display: flex;
	}

	.swiper-slide.client__logo {
		width: 16.667vw;
		height: 8.333vw;
	}

	.swiper-slide.client__logo img {
		max-width: 8.333vw;
	}

	    .clients {
        overflow: hidden;
    }

    .clients__track {
        display: flex;
        width: max-content;
        animation: clientsScroll 40s linear infinite;
    }

    .clients__item {
        flex-shrink: 0;
        width: 140px;   /* или твои адаптивные значения */
        height: 80px;
    }

    /* показываем дубли */
    .clients__item--duplicate {
        display: flex;
    }

	section.clients {
		margin-bottom: 50px;
	}

	section.service__hero {
	    height: 520px;
	    padding-bottom: 63px;
	    margin-bottom: 40px;
	}
	
	.service__hero__info {
	    gap: 20px;
	}
	
	h1.title, .services__hero__info h1.title {
	    font-size: 40px;
	}
	
	.service__hero__text {
	    max-width: 757px;
	    font-size: 20px;
	    line-height: 24px;
	}
	
	section.spaces .container {
	    gap: 40px;
	}
	
	.spaces__item {
	    display: flex;
	    flex-direction: column;
	    padding: 40px 0;
	}
	
	p.spaces__item__title {
	    font-size: 24px;
	}
	
	.spaces__item__tags {
	    opacity: 1;
	}
	
	section.spaces {
	    margin-bottom: 80px;
	}
	
	.grid {
	    display: flex;
	    flex-direction: column;
	}
	
	section.sets .grid {
	    gap: 40px;
	}
	
	.sets__item__row {
	    gap: 40px;
	    padding-bottom: 20px;
	}
	
	.sets__item {
	    gap: 16px;
	}
	
	p.sets__item__title {
	    font-size: 20px;
	    line-height: 24px;
	}
	
	.sets__item__text {
	    font-size: 16px;
	    line-height: 20px;
	}
	
	.sets__wrapper {
	    gap: 40px;
	}
	
	section.sets {
	    margin-bottom: 40px;
	}
	
	section.steps {
	    padding: 20px 0;
	    margin-bottom: 40px;
	}
	
	.steps__wrapper {
	    gap: 60px;
	}
	
	.steps__items {
	    grid-template-columns: repeat(2, 1fr);
	    gap: 50px 40px;
	}
	
	.steps__item .title {
	    font-size: 26px;
	    margin: 24px 0 10px 0;
	}
	
	.steps__item .text {
	    font-size: 20px;
	    line-height: 1.2;
	}
	
	section.approach .container {
	    gap: 40px;
	}
	
	section.approach .section__header {
	    gap: 16px;
	    max-width: 456px;
	}
	
	.approach__item:nth-child(3n-1), .approach__item:nth-child(3n-2), .approach__item {
	    width: calc((100% - 40px)/2);
	    padding-right: 0;
	    padding-bottom: 20px;
	}
	
	.approach__item:nth-child(2n-1) {padding-right: 40px;width: calc(calc((100% - 40px)/2) + 40px);}
	
	
	.approach__item {
	    gap: 16px;
	}
	
	p.approach__title {
	    font-size: 20px;
	    line-height: 24px;
	}
	
	.approach__text {
	    font-size: 16px;
	    line-height: 20px;
	}
	
	
	section.approach {
	    margin-bottom: 80px;
	}
	
	section.service__projects {
	    margin-bottom: 40px;
	}
	
	.profits__wrapper {
	    gap: 40px;
	    width: 100%;
	}
	
	.profits__wrapper .text {
	    font-size: 20px;
	    line-height: 24px;
	    max-width: 572px;
	    font-weight: 500;
	}
	
	.profits__items {
	    width: 100%;
	    gap: 50px 40px;
	}
	
	
	.opacity__text {
	    max-width: 572px;
	    font-size: 18px;
	}

	section.profits {
		margin-bottom: 40px;
	}

	p.faq__icon {
		width: 24px;
		height: 24px;
	}

	.faq__item span.line {
		height: 2px;
	}

	.faq__item {
		padding: 20px 0 10px 0;
		gap: 10px;
	}

	p.question {
		font-size: 20px;
		line-height: 24px;
	}

	.faq__body__inner {
		font-size: 16px;
		line-height: 20px;
		max-width: 572px;
	}

	section.faq {
		margin-bottom: 60px;
	}

	.tag,
	.spaces__item__tags ul li {
		font-size: 18px;
		line-height: 22px;
		padding: 6px 20px;
		border-radius: 12px;
	}

	section.approach .section__header p.section__description {
		font-size: 20px;
		line-height: 24px;
	}

	.profits__items .steps__item p.text {
		font-size: 20px;
	}

	header .container {
		max-width: 100%;
	}

	.service__hero__tags .tag {
	    background: var(--Colors-White-15, #FFFFFF26);
	    color: var(--white);
	}

	section.spaces h2.section__title {
	    font-size: 32px;
	    line-height: 38px;
	}

	section.faq h2.section__title {
	    font-size: 32px;
	    line-height: 38px;
	}

	section.services__hero {
		height: 53.85vw;
		margin-bottom: 40px;
	}

	.services__hero__wrapper {
		align-items: flex-end;
		padding: 0 0 82px 0;
	}

	.services__hero__info {
		gap: 50px;
		max-width: 688px;
	}

	.services__hero__text {
		max-width: 100%;
		font-size: 20px;
		line-height: 24px;
		color: #FFFFFFB2;
	}

	.tasks__grid.grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 8px;
	}

	.task__media h2.section__title {
		font-size: 32px;
		line-height: 38px;
	}

	img.tasks__img {
		width: 340px;
	}

	.tasks__text {
		gap: 48px;
		font-size: 20px;
		line-height: 24px;
	}

	section.tasks {
		margin-bottom: 140px;
	}


	section.services h2.section__title {
		font-size: 60px;
	}

	section.services .container {
		gap: 100px;
	}

	section.services .section__description {
		font-size: 30px;
		font-weight: 500;
		line-height: 1.155;
	}

	.services__wrapper {
		gap: 100px;
	}

	.services__item {
		display: flex;
		flex-direction: column;
		gap: 50px;
		padding-top: 40px;
	}

	p.services__item__title {
		font-size: 30px;
	}

	.services__item__description {
		font-size: 20px;
		line-height: 24px;
	}

	.services__item__info {
		max-width: 460px;
	}

	.services__item__list {
		gap: 30px;
	}

	.services__item__list__header .num {
		font-size: 16px;
		line-height: 28px;
		width: 23px;
	}

	.services__item__list__header .title {
		font-size: 28px;
		line-height: 32px;
	}

	.services__item__list__body {
		padding-left: 43px;
	}

	.services__item__list__body .text {
		font-size: 16px;
		line-height: 20px;
	}

	.services__item__list__body .link {
		font-size: 26px;
		line-height: 1;
	}

	section.complex .container, section.complex .section__content {
		gap: 60px;
	}

	section.complex .section__header {
		max-width: 455px;
		gap: 20px;
	}

	section.complex h2.section__title {
		font-size: 36px;
		line-height: 42px;
	}

	section.complex .section__description {
		font-size: 18px;
		line-height: 22px;
		max-width: 100%;
	}

	.complex__item {
		gap: 20px;
	}

	p.complex__item__title {
		font-size: 20px;
		line-height: 24px;
		order: 1;
	}

	.complex__item__benefits {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
		order: 3;
	}

	.complex__item__benefits__el {
		gap: 10px;
	}

	.complex__item__benefits__el .num {
		font-size: 48px;
		line-height: 1;
	}

	.complex__item__benefits__el .title {
		font-size: 16px;
		line-height: 20px;
	}

	p.complex__item__footer {
		margin: 0 0 20px 0;
		font-size: 14px;
		max-width: 340px;
		line-height: 16px;
		order: 2;
	}

	.spacepm__grid.grid.grid__5__7 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	.spacepm__media {
		gap: 50px;
	}

	.spacepm__media h2.section__title {
		font-size: 32px;
		line-height: 38px;
	}

	.spacepm__media img {
		width: 340px;
	}

	.spacepm__items {
		flex-wrap: nowrap;
		flex-direction: column;
		gap: 40px;
	}

	.spacepm__item:nth-child(2n-1), .spacepm__item:nth-child(2n) {
		width: 100%;
		padding: 0 0 20px 0;
		gap: 16px;
	}

	p.spacepm__title {
		font-size: 20px;
		line-height: 24px;
	}

	.spacepm__text {
		font-size: 16px;
		line-height: 20px;
	}

	section.spacepm {
		margin-bottom: 70px;
	}

	.spacepm__wrapper {
		gap: 40px;
	}

	section.page__404 {
		height: 100vh;
		max-height: 1000px;
		background: var(--blue);
		color: var(--white);
		margin: 0;
	}

	section.page__404 .container {
		justify-content: center;
		align-items: center;
		gap: 40px;
	}

	section.page__404 p {
		font-size: calc(var(--u) * 30);
	}

	section.page__404 p.title__404 {
		font-size: calc(var(--u) * 400);
		line-height: calc(var(--u) * 320);
		font-weight: 700;
		color: #FFFFFF80;
	}

	.btn.hero__btn.white__btn {
		background: var(--white);
		color: var(--blue);
	}

	.btn.hero__btn.white__btn:hover {
		background: var(--Colors-White-50, #FFFFFF80);
		color: var(--white);
	}

	section.page__404 {
		height: 640px;
	}

	section.page__404 p {
		font-size: 20px;
	}

	section.page__404 p.title__404 {
		font-size: 200px;
		line-height: 140px;
	}

	.modal__nav__wrapper {
		padding: 10vw 3.33vw 20px 3.33vw;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
		color: var(--white);
		width: 100%;
		overflow: hidden;
	}

	.modal__nav__top {
		display: flex;
		justify-content: space-between;
		gap: 20px;
	}

	.modal__nav__top nav.footer__nav ul {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}

	.modal__nav__wrapper .mail {
		font-size: 40px;
		line-height: 1;
	}

	.modal__nav__wrapper .footer__contacts__list {
		flex-direction: column;
	}

	.modal__nav__top .footer__contacts {
		gap: 20px;
		max-width: 340px;
	}

	.modal__nav__top nav.footer__nav ul li a {
		color: var(--white);
	}

	.burger.active span.line:nth-child(2) {
		opacity: 0;
	}

	.burger.active span.line {
		position: absolute;
		transform: rotate(45deg);
	}

	.burger.active span.line:nth-child(3) {
		transform: rotate(-45deg);
	}

	.modal__nav__wrapper .mail::before {
		bottom: -3px;
	}

	.blog__list.grid.grid__3 {
	    flex-direction: row;
	}

	.modal__nav__top nav.footer__nav ul li a:hover {
		opacity: .7;
	}
}

@media (max-width: 560px) {
	a.phone {
		display: none;
	}

	.left {
		width: 100%;
		flex-direction: row-reverse;
		justify-content: space-between;
		padding: 12px 16px 12px 8px;
	}

	.burger {
		gap: 9px;
		width: 32px;
	}

	span.line {
		width: 32px;
	}

	a.logo svg {
		width: 121px;
		height: 32px;
	}

	section.hero {
		max-height: 620px;
	}

	.hero__wrapper {
		gap: 80px;
	}

	.hero__info {
		padding: 0 8px;
		gap: 20px;
	}

	section.hero h1.title {
		font-size: 28px;
		line-height: 1;
	}

	.hero__services__item {
		padding: 20px;
		width: 280px;
		height: 260px;
	}

	p.hero__services__item__title {
		font-size: 22px;
	}

	.hero__services__item nav ul a {
		font-size: 18px;
	}

	.hero__services__item nav ul {
		gap: 16px;
	}

	.hero__services__wrapper {
		width: 100%;
		overflow-x: scroll;
	}

	section.projects .section__header {
		gap: 8px;
	}

	h2.section__title,
	h1.section__title {
		font-size: 28px;
	}

	.projects__cats__item, .projects__cats__row .projects__cats__item {
		padding: 6px 8px;
		font-size: 12px;
		line-height: 14px;
		border-radius: 10px;
	}

	.projects__cats {
		gap: 2px;
	}

	.container {
		padding: 0 8px;
		gap: 8px;
	}

	a.projects__item, .projects__list a.projects__item:nth-child(1), .projects__list a.projects__item:nth-child(8) {
		height: 320px;
	}

	.projects__item__info {
		padding: 8px;
	}

	.tag,
	.spaces__item__tags ul li {
		padding: 6px 12px;
		border-radius: 10px;
		font-size: 12px;
		line-height: 1;
	}

	h3.projects__item__name {
		font-size: 16px;
		line-height: 20px;
		padding: 8px;
	}

	h3.company__title {
		font-size: 24px;
		line-height: 28px;
	}

	.company__info {
		gap: 20px;
	}

	a.link {
		font-size: 26px;
		gap: 12px;
	}

	.company__stats.grid.grid__2.gap20 {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

	.company__stats__item {
		gap: 0px;
	}

	p.value {
		font-size: 52px;
		line-height: 62px;
	}

	.company__stats__item .text {
		font-size: 18px;
		line-height: 22px;
	}

	.partners__item {
		width: 100px;
		height: 100px;
		padding: 10px;
	}

	section.company {
		margin-bottom: 20px;
	}

	.direction__wrapper {
		gap: 8px;
	}

	.direction__tabs {
		gap: 12px;
	}

	p.direction__tab {
		font-size: 14px;
		line-height: 16px;
		padding-bottom: 2px;
		border-bottom: 2px solid transparent;
	}

	.direction__body__item {
		height: 160px;
		border: 1px solid var(--Colors-White-100, #FFFFFF);
	}

	.info {
		gap: 10px;
	}

	.info a.title {
		font-size: 18px;
		line-height: 22px;
	}

	.info .text {
		font-size: 12px;
		line-height: 14px;
	}

	.direction__body__item .link {
		font-size: 14px;
		gap: 8px;
	}

	.direction__body__item .link svg {
		width: 8px;
		height: 8px;
		margin: 2px 0 0;
	}

	section.blog .container {
		gap: 16px;
	}

	section.blog h2.section__title {
		font-size: 24px;
		line-height: 28px;
	}

	.blog__list {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

	img.blog__item__poster__mobile {
		height: 207px;
	}

	a.blog__item {
		gap: 6px;
	}

	.blog__item__content {
		gap: 8px;
	}

	span.date {
		font-size: 12px;
		line-height: 14px;
	}

	h3.blog__item__title {
		font-size: 16px;
	}

	.blog__item__tags {
		gap: 8px;
	}

	span.blog__item__tag {
		font-size: 12px;
		line-height: 14px;
	}

	a.blog__item:not(section.blog.blog--page a.blog__item) {
	    padding: 12px;
	    gap: 8px;
	    height: 360px;
	    aspect-ratio: auto;
	}
	
	.blog__item__anons {
	    font-size: 14px;
	}

	.section__content {
		gap: 16px;
	}

	section.blog a.link {
		gap: 12px;
		font-size: 22px;
		line-height: 1;
		padding: 0;
	}

	section.blog a.link svg {
		width: 10px;
		height: 10px;
	}

	.fos__info {
		flex-direction: column-reverse;
		gap: 20px;
		padding: 16px;
	}

	.fos__info svg {
		width: 154px;
		height: 40px;
	}

	.fos__info__header {
		max-width: 100%;
		gap: 8px;
	}

	p.fos__title {
		font-size: 22px;
		line-height: 26px;
		font-weight: 500;
	}

	p.fos__text {
		font-size: 14px;
		line-height: 16px;
	}

	form.fos__form {
		padding: 16px 12px;
		gap: 92px;
	}

	.top {
		gap: 30px;
	}

	.row {
		gap: 8px;
		flex-direction: column;
		flex-wrap: nowrap;
	}

	p.row__title {
		font-size: 20px;
		line-height: 24px;
		padding-bottom: 4px;
	}

	input.fos__input[name="name"], input.fos__input[name="phone"] {
		width: 100%;
	}

	input.fos__input {
		padding: 10px 0 6px 0;
		font-size: 20px;
		line-height: 24px;
	}

	form.fos__form .row:nth-child(2) {
		gap: 8px;
	}

	p.row__title.small {
		font-size: 16px;
		line-height: 20px;
	}

	form.fos__form .row:nth-child(2) input.fos__input {
		padding-bottom: 6px;
		font-size: 16px;
		line-height: 20px;
	}

	.fos__input__file span {
		padding: 5px;
		font-size: 12px;
		line-height: 14px;
	}

	.bottom {
		gap: 12px;
	}

	.checkbox__item {
		gap: 4px;
	}

	.checkbox__input {
		width: 12px;
		height: 12px;
	}

	label.checkbox__label {
		font-size: 12px;
		line-height: 12px;
	}

	button.btn.fos__btn {
		padding: 16px;
		font-size: 20px;
	}

	.form__successful__info {
		width: 100%;
		gap: 12px;
	}

	.form__successful {
		padding: 12px;
	}

	.form__successful__info .title {
		font-size: 18px;
		padding-bottom: 12px;
	}

	.form__successful__info .text {
		font-size: 14px;
		line-height: 16px;
	}

	.tg__wrapper {
		display: flex;
		flex-direction: column;
		max-width: 100%;
		padding: 12px;
		gap: 12px;
	}

	.tg__wrapper .left {
		max-width: 100%;
		gap: 12px;
	}

	.tg__wrapper .title {
		font-size: 28px;
		line-height: 32px;
	}

	.tg__wrapper .text {
		font-size: 14px;
		line-height: 18px;
	}

	a.btn.tg__btn {
		width: 100%;
		padding: 8px;
		gap: 8px;
		font-size: 18px;
	}

	.tg__wrapper .right {
		max-width: 100%;
		gap: 2px;
	}

	.tg__wrapper .item {
		padding: 8px;
		font-size: 12px;
	}

	footer.footer .container {
		gap: 20px;
	}

	nav.footer__nav ul {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	footer.footer {
		padding: 20px 0;
	}

	nav.footer__nav ul li a {
		font-size: 16px;
		line-height: 20px;
	}

	.footer__contacts .mail {
		font-size: 40px;
		line-height: 1;
	}

	.footer__contacts {
		gap: 20px;
	}

	.footer__contacts__list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px 25px;
	}

	.footer__contacts__item {
		width: 100%;
		gap: 4px;
	}

	.footer__contacts__item .title {
		font-size: 16px;
		line-height: 20px;
	}

	a.footer__contacts__phone {
		font-size: 14px;
		line-height: 16px;
	}

	.footer__contacts__item .text {
		font-size: 12px;
		line-height: 1;
	}

	.footer__bottom svg {
		margin: 20px 0;
	}

	.footer__bottom__info {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	p.copyright, a.footer__link {
		font-size: 12px;
		line-height: 14px;
	}

    .btn.hero__btn {
        padding: 12px 16px;
        font-size: 20px;
        line-height: 24px;
    }

	section.projects.project--page .container {
	    gap: 12px;
	}
	
	section.projects.project--page .section__header {
	    gap: 12px;
	}
	
	section.projects.project--page .projects__cats__wrapper {
	    gap: 12px;
	}
	
	.projects__cats__row {
	    gap: 4px;
	}
	
	span.projects__cats__name {
	    font-size: 12px;
	}

	section.blog.blog--page .section__header {
	    gap: 40px;
	}
	
	.blog__tags {
	    gap: 10px;
	}
	
	a.blog__tag {
	    font-size: 14px;
	    line-height: 18px;
	}
	
	section.blog.blog--page a.blog__item {
	    padding: 12px;
	    gap: 8px;
	    height: 360px;
	    aspect-ratio: auto;
	}
	
	section.blog.blog--page a.blog__item img.blog__item__poster {max-width: 180px;}
	
	section.blog.blog--page a.blog__item .blog__item__content {
	    gap: 8px;
	}
	
	section.blog.blog--page a.blog__item span.date {
	    font-size: 14px;
	}
	
	section.blog.blog--page a.blog__item h3.blog__item__title {
	    font-size: 16px;
	    line-height: 20px;
	}
	
	section.blog.blog--page a.blog__item .blog__item__anons {
	    font-size: 14px;
	}
	
	section.blog.blog--page .blog__list {
	    gap: 0;
	}
	
	section.blog.blog--page .blog__item__tags {
	    max-width: calc(100% - 180px);
	    gap: 4px;
	}
	
	.blog__list a.blog__item.marked.marked img.blog__item__poster {
	    max-width: 200px;
	}
	
	.blog__list a.blog__item:nth-child(7) img.blog__marked__logo, .blog__list a.blog__item:nth-child(16) img.blog__marked__logo, img.blog__marked__logo {
	    width: 122px;
	    height: 32px;
	    left: 12px;
	    top: 12px;
	}
	
	section.blog.blog--page a.blog__item.marked {
	    height: 400px;
	    border: none;
	}

	.project__detail h1.detail__title {
	    padding-left: 12px;
	    font-size: 24px;
	    line-height: 1;
	    max-width: 100%;
	}
	
	.project__detail .categories {
	    padding-left: 12px;
	    margin: 12px 0 20px 0;
	}
	
	a.category.tag {
	    padding: 6px 8px;
	    font-size: 12px;
	    line-height: 1;
	    border-radius: 10px;
	}
	
	.project__poster {
	    height: 300px;
	}
	
	.author {
	    padding: 20px 8px;
	}
	
	.author__inner {
	    max-width: 100%;
	    padding-left: 20px;
	    border-left: 4px solid var(--blue);
	}
	
	.author__header {
	    gap: 16px;
	}
	
	.author__header img {
	    width: 60px;
	    height: 60px;
	}
	
	.author__info .name {
	    font-size: 20px;
	    line-height: 1.4;
	}
	
	.author__info .status {
	    font-size: 14px;
	    line-height: 1.4;
	}
	
	.author__text {
	    font-size: 14px;
	    line-height: 1.5;
	}
	
	.text__container {
	    padding: 40px 8px;
	    gap: 12px;
	    font-size: 16px;
	    line-height: 1.6;
	}
	
	.text__container h2 {
	    font-size: 24px;
	    line-height: 28px;
	}
	
	.text__container h3 {
	    font-size: 20px;
	    line-height: 24px;
	}
	
	.text__container ol, .text__container ul {
	    font-size: 14px;
	    padding: 8px 0 8px 20px;
	}
	
	.project__detail__slider.swiper {
	    padding-left: 8px;
	}
	
	.project__detail__slider.swiper .swiper-slide {
	    width: 88.889vw;
	    height: 71.11vw;
	}
	
	p.overlay span.line {
	    width: 40px;
	    height: 2px;
	}
	
	.project__service__inner {
	    padding: 20px 16px;
	    gap: 16px;
	}
	
	p.project__service__title {
	    font-size: 22px;
	    line-height: 26px;
	}
	
	.project__service__text {
	    font-size: 14px;
	    line-height: 16px;
	}
	
	.project__service__inner a.link {
	    font-size: 22px;
	    line-height: 1;
	    gap: 12px;
	    margin-top: 24px;
	}
	
	.project__service__inner a.link svg {
	    width: 10px;
	    height: 10px;
	}

	section.post .section__header {
	    padding: 0 12px;
	}
	
	h2.detail__title {
	    font-size: 24px;
	}
	
	a.back__link {
	    gap: 12px;
	    font-size: 16px;
	    line-height: 20px;
	}
	
	a.back__link svg {
	    width: 24px;
	    height: 11px;
	}
	
	.post__content__header {
	    gap: 20px;
	}
	
	.content {
	    padding: 20px 8px;
	}

	section.clients {
	    margin-bottom: 50px;
	}
	
	section.about__hero {
	    max-height: 600px;
	    margin-bottom: 40px;
	}
	
	section.about__hero .container {
	    padding-bottom: 120px;
	}
	
	.about__hero__info h1.title {
	    font-size: 24px;
	}
	
	.about__hero__info h1.title span.large {
	    font-size: 40px;
	}
	
	.about__hero__info .subtitle {
	    max-width: 100%;
	    font-size: 16px;
	    line-height: 20px;
	}
	
	.company__information.grid {
	    display: flex;
	    flex-direction: column;
	    align-items: flex-start;
	    gap: 30px;
	    padding: 0 8px;
	}
	
	.company__information img {
	    width: 224px;
	}
	
	.company__information__text {
	    gap: 20px;
	    font-size: 18px;
	    line-height: 22px;
	}
	
	section.company .container {
	    gap: 40px;
	}
	
	.company__principe.grid {
	    padding: 20px 8px;
	}
	
	h3.section__title {
	    max-width: 100%;
	    font-size: 20px;
	    line-height: 1;
	}
	
	.company__principe__items > p {
	    font-size: 16px;
	    line-height: 20px;
	}
	
	.company__principe__list {
	    display: flex;
	    flex-direction: column;
	    gap: 40px;
	}
	
	p.num {
	    gap: 4px;
	    font-size: 12px;
	    line-height: 14px;
	}
	
	p.num span.line {
	    width: calc(100% - 20px);
	}
	
	p.num span {
	    width: 16px;
	}
	
	.company__principe__item .text {
	    font-size: 16px;
	    line-height: 20px;
	}
	
	.company__principe__disclaimer {
	    max-width: 100%;
	    font-size: 14px;
	    line-height: 16px;
	    margin-top: 10px;
	}
	
	.company__principe__wrapper {
	    gap: 40px;
	}
	
	section.company {
	    margin-bottom: 40px;
	}
	
	section.team .grid {
	    display: flex;
	    flex-direction: column;
	    gap: 10px;
	    padding: 0 8px;
	}
	
	h2.section__title.small {
	    font-size: 24px;
	    line-height: 28px;
	}
	
	.section__description {
	    font-size: 18px;
	    line-height: 22px;
	}
	
	section.team .container {
	    gap: 30px;
	}
	
	.team__slider.swiper {
	    padding: 0 8px;
	}
	
	.swiper-slide.team__item {
	    width: calc(100vw - 16px);
	    gap: 8px;
	}
	
	.team__item__info .name {
	    font-size: 22px;
	    line-height: 22px;
	}
	
	.team__item__info .status {
	    font-size: 16px;
	    line-height: 1;
	}
	
	.team__item__photo > img {
	    height: 132.778vw;
	}
	
	.team__item__text {
	    width: calc(100% - 16px);
	    left: 8px;
	    bottom: 8px;
	    font-size: 14px;
	    line-height: 18px;
	}
	
	.swiper-slide.team__item.swiper-slide-active .overlay, .swiper-slide.team__item.swiper-slide-active .team__item__text, .swiper-slide.team__item.swiper-slide-next .overlay, .swiper-slide.team__item.swiper-slide-next .team__item__text {
	    opacity: 0;
	}
	
	section.team .section__footer {
	    padding: 0 8px;
	}
	
	.team__footer__text {
	    font-size: 18px;
	    line-height: 22px;
	}
	
	section.team {
	    margin-bottom: 90px;
	}
	
	section.geo {
	    margin-bottom: 100px;
	}
	
	.rules__wrapper.grid.grid__5__7 {
	    gap: 20px;
	}
	
	.rules__list {
	    gap: 20px;
	}
	
	.rules__row.grid {
	    gap: 20px;
	    display: flex;
	    flex-direction: column;
	    border: none;
	    padding: 0;
	}
	
	.rules__item {
	    font-size: 14px;
	    line-height: 16px;
	    padding-left: 10px;
	    border-left: 1px solid var(--Colors-Black-50, #00000080);
	}
	
	section.rules {
	    margin-bottom: 90px;
	}
	
	.clients__info {
	    max-width: 100%;
	    gap: 16px;
	}
	
	p.clients__title {
	    font-size: 24px;
	    line-height: 28px;
	}
	
	p.clients__text {
	    font-size: 14px;
	    line-height: 16px;
	}
	
	.clients__slider__wrapper {
	    padding: 12px;
	    min-height: 300px;
	}
	
	.clients__item__info .text {
	    font-size: 14px;
	    line-height: 16px;
	}
	
	.clients__item__info {
	    padding-right: 75px;
	}
	
	.clients__item__info .read__more {
	    font-size: 14px;
	    line-height: 16px;
	}
	
	.clients__slider__more {
	    gap: 8px;
	    font-size: 14px;
	    line-height: 16px;
	    right: 12px;
	    top: 12px;
	}
	
	.clients__slider__more svg {
	    width: 15px;
	    height: 16px;
	}
	
	.clients__item__footer {
	    gap: 20px;
	}
	
	.clients__item__footer img {
	    width: 93px;
	}

	.team__slider.swiper .swiper-wrapper {
		display: flex;
		flex-direction: column;
		gap: 60px;
	}

	section.clients .container {
	    gap: 60px;
	}
	
	section.clients {
	    margin-bottom: 20px;
	}
	
	.swiper-slide.client__logo {
	    width: 120px;
	    height: 70px;
	}
	
	.swiper-slide.client__logo img {
	    max-width: 60px;
	}

	.clients__item__author .name {
		font-size: 16px;
		line-height: 20px;
	}

	.clients__item__author .status {
		font-size: 14px;
		line-height: 16px;
	}

	.swiper-slide.team__item:hover .overlay, .swiper-slide.team__item:hover .team__item__text {
		opacity: 0;
	}

	.swiper-slide.team__item.show .overlay, .swiper-slide.team__item.show .team__item__text {
		opacity: 1;
	}

	.clients__slider.swiper {
		height: 276px;
	}

	section.service__hero {
	    height: 144vw;
	    padding: 0;
	}
	
	h1.title {
	    font-size: 24px;
	}
	
	.service__hero__text {
	    font-size: 14px;
	    line-height: 16px;
	}
	
	.service__hero__wrapper {
	    align-items: center;
	}

	section.spaces h2.section__title {
	    font-size: 20px;
	    line-height: 24px;
	}
	
	section.spaces .container {
	    gap: 20px;
	}
	
	.spaces__item {
	    padding: 20px 0;
	    gap: 10px;
	}
	
	p.spaces__item__title {
	    font-size: 20px;
	    line-height: 24px;
	}
	
	section.sets .grid {
	    gap: 20px;
	}
	
	.sets__item__row {
	    display: flex;
	    flex-direction: column;
	    gap: 24px;
	    border: none;
	    padding: 0;
	}
	
	.sets__items {
	    gap: 24px;
	}
	
	.sets__item {
	    gap: 4px;
	    padding-bottom: 16px;
	    border-bottom: 1px solid var(--Colors-Black-50, #00000080);
	}
	
	p.sets__item__title {
	    font-size: 16px;
	    line-height: 20px;
	}
	
	.sets__item__text {
	    font-size: 14px;
	    line-height: 16px;
	}
	
	.sets__wrapper {
	    gap: 20px;
	}
	
	.sets__wrapper .link {
	    font-size: 22px;
	}
	
	.sets__wrapper .link svg {
	    width: 10px;
	    height: 10px;
	    margin: 0;
	}
	
	.steps__items {
	    display: flex;
	    flex-direction: column;
	    gap: 30px;
	}
	
	.steps__item .title {
	    font-size: 18px;
	    line-height: 1;
	    margin: 10px 0;
	}
	
	.steps__item .text {
	    font-size: 14px;
	    line-height: 16px;
	}
	
	.steps__wrapper {
	    gap: 30px;
	}
	
	section.steps {
	    padding: 40px 0;
	}
	
	section.approach .section__header {
	    gap: 10px;
	}
	
	section.approach .section__header p.section__description {
	    font-size: 16px;
	    line-height: 20px;
	}

	section.approach .container {
	    gap: 20px;
	}
	
	.approach__items {
	    flex-direction: column;
	    flex-wrap: nowrap;
	    gap: 24px;
	}
	
	.approach__item:nth-child(3n-1), .approach__item:nth-child(3n-2), .approach__item:nth-child(2n-1), .approach__item {
	    width: 100%;
	    padding-right: 0;
	}
	
	.approach__item {
	    gap: 12px;
	    padding-bottom: 16px;
	}
	
	
	.approach__text {
	    font-size: 14px;
	    line-height: 16px;
	}
	
	.approach__wrapper {
	    gap: 20px;
	}
	
	.approach__wrapper .link {
	    font-size: 22px;
	    line-height: 1;
	}
	
	section.service__projects .container {
	    gap: 12px;
	}
	
	section.service__projects h3.section__title {
	    font-size: 28px;
	    font-weight: 500;
	}
	
	.profits__wrapper .text {
	    font-size: 14px;
	    line-height: 16px;
	}
	
	.profits__items {
	    display: flex;
	    flex-direction: column;
	    gap: 40px;
	}
	
	.profits__items .steps__item p.text {
	    font-size: 16px;
	    line-height: 20px;
	}
	
	.opacity__text {
	    font-size: 14px;
	    line-height: 16px;
	}
	
	section.profits {
	    padding: 20px 0;
	}
	
	section.faq h2.section__title {
	    font-size: 20px;
	    line-height: 24px;
	}
	
	section.faq .container {
	    gap: 0;
	}
	
	p.question {
	    font-size: 16px;
	    line-height: 20px;
	}
	
	.faq__item span.line {
	    height: 1px;
	    width: 16px;
	}
	
	.faq__body__inner {
	    font-size: 14px;
	    line-height: 16px;
	    max-width: 90%;
	}

	section.services__hero {
		min-height: 114vw;
		height: auto;
	}

	.services__hero__wrapper {
		align-items: center;
		padding: 90px 0;
	}

	.services__hero__info {
		gap: 20px;
	}

	section.services__hero h1.title {
		font-size: 32px;
		line-height: 38px;
	}

	.services__hero__text {
		font-size: 14px;
		line-height: 16px;
	}

	.tasks__grid.grid {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.task__media {
		gap: 20px;
	}

	img.tasks__img {
		width: 100%;
		max-width: 100%;
	}

	.task__media h2.section__title {
		font-size: 20px;
		line-height: 24px;
		font-weight: 600;
	}

	.tasks__text {
		gap: 28px;
		font-size: 16px;
		line-height: 20px;
	}

	section.tasks {
		margin-bottom: 80px;
	}

	section.services h2.section__title {
		font-size: 20px;
		line-height: 24px;
		font-weight: 600;
	}

	section.services .section__description {
		font-size: 16px;
		line-height: 20px;
	}

	section.services .container {
		gap: 40px;
	}

	.services__wrapper {
		gap: 60px;
	}

	.services__item {
		padding-top: 20px;
		gap: 40px;
	}

	.services__item__info {
		gap: 10px;
	}

	p.services__item__title {
		font-size: 16px;
		line-height: 20px;
	}

	.services__item__description {
		font-size: 14px;
		line-height: 16px;
	}

	.services__item__list {
		gap: 20px;
	}

	.services__item__list__header .left {
		flex-direction: row;
		gap: 4px;
		justify-content: flex-start;
	}

	.services__item__list__header .num {
		font-size: 12px;
		line-height: 1;
		width: 15px;
		padding-top: 4px;
	}

	.services__item__list__header .title {
		font-size: 16px;
		line-height: 20px;
	}

	p.icon {
		width: 16px;
		height: 16px;
	}

	.services__item__list__header p.icon span.line {
		height: 1.5px;
	}

	.services__item__list__body {
		padding: 0;
	}

	.services__item__list__body .text {
		font-size: 14px;
		line-height: 16px;
	}

	.services__item__list__body .link {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.services__item__list__body .link svg {
		width: 10px;
		height: 10px;
	}

	section.complex {
		padding: 20px 0;
		margin-bottom: 40px;
	}


	section.complex h2.section__title {
		font-size: 20px;
		line-height: 1;
	}

	section.complex .section__description {
		font-size: 14px;
		line-height: 16px;
	}

	p.complex__item__footer {
		margin: 0;
	}

	.complex__item__benefits {
		display: flex;
		flex-direction: column;
		gap: 40px;
	}

	.complex__item__benefits__el {
		flex-direction: row;
		align-items: flex-start;
		gap: 16px;
	}

	.complex__item__benefits__el .title {
		font-size: 14px;
		line-height: 16px;
		padding-top: 26px;
	}

	.complex__item__benefits__el .num {
		width: 28px;
	}

	.complex__item__benefits__el svg {
		display: none;
	}

	.complex__item__benefits__el {
		position: relative;
		width: 100%;
	}

	.complex__item:nth-child(2) .complex__item__benefits__el p.title {
		padding: 0;
	}

	.complex__item:nth-child(2) .complex__item__benefits {
		gap: 20px;
	}

	.complex__item:nth-child(2) .complex__item__benefits__el {
		height: 40px;
		align-items: flex-end;
		margin-left: 4px;
		gap: 12px;
	}

	.complex__item__benefits__el .mobile__complex__svg {
		display: block;
		width: auto;
	}

	.spacepm__grid.grid.grid__5__7 {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.spacepm__media {
		max-width: 100%;
	}

	.spacepm__media h2.section__title {
	    font-size: 20px;
	    line-height: 24px;
	    font-weight: 600;
	}
	
	.spacepm__media {
	    gap: 20px;
	}
	
	.spacepm__item:nth-child(2n-1), .spacepm__item:nth-child(2n) {
	    padding: 0 0 16px 0;
	    gap: 8px;
	}
	
	p.spacepm__title {
	    font-size: 16px;
	    line-height: 20px;
	}
	
	.spacepm__text {
	    font-size: 14px;
	    line-height: 16px;
	}
	
	.spacepm__items {
	    gap: 20px;
	}
	
	.spacepm__wrapper {
	    gap: 20px;
	}
	
	.spacepm__wrapper .link {
	    font-size: 22px;
	}
	
	.spacepm__wrapper .link svg {
	    width: 10px;
	    height: 10px;
	}

	section.page__404 {
	    height: 520px;
	}
	
	main {
	    min-height: 50vh;
	}
	
	section.page__404 p {
	    font-size: 16px;
	}
	
	section.page__404 p.title__404 {
	    font-size: 100px;
	    line-height: 70px;
	    margin-top: 10px;
	}
	
	section.page__404 .container {
	    height: 30px;
	}
	
	section.page__404 .btn {
	    font-size: 22px;
	    line-height: 26px;
	    padding: 16px 20px;
	}

	section.blog .blog__list.grid.grid__3 {
	    flex-direction: column;
	}
	
	.blog__list a.blog__item {
	    width: 100%;
	    max-height: max-content;
	}

	.modal__nav__wrapper {
	    padding: 21.11vw 8px 20px 8px;
	    gap: 20px;
	}
	
	.modal__nav__top {
	    flex-direction: column;
	    gap: 32px;
	}
	
	.modal__nav__top nav.footer__nav ul {
	    gap: 12px;
	}
	
	.modal__nav__top nav.footer__nav ul li a {
	    font-size: 20px;
	    line-height: 24px;
	}
	
	.modal__nav__top .footer__contacts {
	    max-width: 100%;
	}

	h1.post__title {font-size: 22px;line-height: 26px;}
	
	.post__quar {
	    font-size: 14px;
	    line-height: 1.6;
	    padding: 10px 16px;
	    border-left: 2px solid var(--blue);
	}
	
	.post__picture img, .post__picture picture {
	    height: auto;
	    min-height: 200px;
	}
	
	.post__content__detail h2, .post__content__detail h3, .post__content__detail h4, .post__content__detail p, .post__content__detail ol, .post__content__detail ul, .post__content__detail .mark {
	    margin-left: 0;
	    margin-right: 0;
	}
	
	.post__content__detail h2 {
	    font-size: 18px;
	    line-height: 22px;
	    margin: 26px 0 15px 0;
	}
	
	.post__content__detail p {
	    margin-bottom: 16px;
	}
	
	.post__content__detail {
	    font-size: 13px;
	    line-height: 1.6;
	    margin: 0;
	}
	
	.mark {
	    padding: 8px 16px;
	    border-left: 2px solid var(--Colors-Primary-100, #2755C5);
	    font-size: 14px;
	    line-height: 1.6;
	    margin: 20px 0;
	}
	
	.post__content__detail h3 {
	    font-size: 18px;
	    line-height: 22px;
	    margin: 26px 0 15px 0;
	}
	
	.post__content__detail ul li {
	    padding: 5px 0;
	    padding-left: 17px;
	}
	
	.post__content__detail ul li::before {
	    width: 12px;
	    height: 12px;
	    top: 10px;
	}
	
	figcaption, span.post__small, em {
	    padding: 0;
	    font-size: 12px;
	    line-height: 14px;
	}
	
	figure {
	    gap: 12px;
	}
	
	.post__content__detail .author {
	    margin: 0 0 12px 0;
	    gap: 16px;
	    padding: 16px;
	}
	
	.post__content__detail .author__header {
	    gap: 14px;
	}
	
	section.post .author__header img {
	    height: 60px;
	    width: 60px;
	}
	
	section.post .author__info .name {
	    font-size: 16px;
	    line-height: 20px;
	}
	
	section.post .author__info .status {
	    font-size: 14px;
	}
	
	.post__content__footer {
	    margin: 0;
	    padding-top: 20px;
	}
	
	.post__share {
	    gap: 6px;
	}
	
	.post__share span {
	    font-size: 16px;
	    line-height: 20px;
	}
	
	a.share__link {
	    width: 48px;
	    height: 48px;
	}
	
	a.share__link svg {
	    max-width: 24px;
	    height: auto;
	}
	
	.post__service {
	    padding: 20px 16px;
	    gap: 16px;
	}
	
	p.post__service__title {
	    font-size: 22px;
	    line-height: 26px;
	}
	
	.post__service__text {
	    font-size: 14px;
	    line-height: 16px;
	}
	
	.post__service a.link {
	    font-size: 22px;
	    line-height: 1;
	    margin-top: 22px;
	}
	
	.post__service a.link svg {
	    width: 10px;
	    height: 10px;
	}

	.post__nav.adaptive {
	    gap: 12px;
	}
	
	p.post__nav__title {
	    font-size: 12px;
	    line-height: 14px;
	}
	
	nav.post__nav__list {
	    padding: 4px 0 4px 32px;
	    font-size: 14px;
	    line-height: 16px;
	    border-left: 2px solid var(--blue);
	}
	
	nav.post__nav__list ul li a {
	    font-size: 14px;
	    line-height: 16px;
	}
	
	nav.post__nav__list ul {
	    gap: 12px;
	}
}