@charset "UTF-8";
@media only screen and (min-width: 768px) {
	.section-title.title-partners .bg-inner{
		grid-template-columns: 1fr 1fr;
	}

		.header .right {
				justify-content: flex-end;
				min-width: 295px;
				margin-left: 32px;
		}
		.user-menu {
				align-items: flex-end;
				text-align: right;
		}
		.header .btns {
				padding: 6px;
				background: var(--white);
				position: relative;
				z-index: 3;
				border-radius: 16px;
		}
		.lang {
				font-size: 14px;
				line-height: 1;
		}
		.lang img {
				height: 16px;
		}
		.lang .toggle, .lang .sub > * {
				gap: 6px;
		}
		.footer .logo img {
				height: 66.5px;
		}
		.top-index .bg-inner .container {
				display: flex;
				align-items: flex-start;
				gap: 80px;
		}
		.top-index .title1 {
				margin: 0;
				flex: 1;
				align-self: center;
		}
		.top-index .title1 .sparkles {
				display: inline-block;
				vertical-align: top;
				position: relative;
		}
		.top-index .title1 .sparkles:after {
				content: '';
				pointer-events: none;
				position: absolute;
				background: url("../img/top-index/title-desktop.svg") no-repeat 50% 50%;
				background-size: contain;
				width: 52px;
				height: 32px;
				top: -12px;
				right: -67px;
				transform: scale(0.7);
		}
		.top-index .bg .text {
				flex: 0 0 auto;
				width: 14.36em;
		}
		.top-index .btn {
				margin-top: 74px;
		}
		.top-index .btn:before {
				content: '';
				pointer-events: none;
				background: url("../img/top-index/arrow.svg") no-repeat 50% 50%;
				background-size: contain;
				width: 53px;
				height: 102px;
				position: absolute;
				top: -91px;
				left: -68px;
		}
		.top-index .blocks {
				margin: 0 auto;
				grid-template-areas:
						"block1 block3"
						"block2 block3";
				grid-template-columns: 1fr 1fr;
				grid-template-rows: 1fr 1fr;
		}
		.top-index .el {
				justify-content: space-between;
				padding: 20px 50% 20px 20px;
				min-height: 160px;
		}
		.top-index .el.bg1 {
				grid-area: block1;
				background-position: calc(100% + 70px) calc(50% - 15px);
		}
		.top-index .el.bg2 {
				grid-area: block2;
				background-position: calc(100% + 52px) calc(100% + 132px);
		}
		.top-index .el.bg3 {
				grid-area: block3;
				background-position: calc(50% + 120px) calc(100% + 442px);
				padding-right: 20px;
				padding-bottom: 20px;
		}
		.about .top {
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 16px;
				margin: 40px 0 0 0;
		}
		.about .video {
				flex: 0 0 auto;
				width: 50%;
				margin: 0;
		}
		.about .text {
				flex: 1;
		}
		.about .title2 {
				max-width: 8em;
		}
		.about .max {
				max-width: 22em;
		}
		.about .title3 {
				text-align: center;
		}
		.about ul {
				grid-template-columns: repeat(3, 1fr);
		}
		.features .top {
				text-align: center;
		}
		.features .top .max {
				color: var(--grey);
				margin: 0 auto;
				max-width: 47.5em;
		}
		.features ol {
				gap: 160px;
		}
		.features li {
				display: flex;
				align-items: center;
				gap: 40px;
		}
		.features li:nth-child(even) {
				flex-direction: row-reverse;
		}
		.features .image {
				width: 50%;
				margin: 0;
		}
		.features .text {
				flex: 1;
		}
		.features .title4 .num {
				display: none;
		}
		.features .title4 .small {
				font-size: 0.666em;
		}
		.features .num {
				transform: translate3d(-50%, 0, 0);
				top: 0;
		}
		.features li:nth-child(6n - 5) .num {
				left: 89.5%;
				transform: rotate(30deg);
				margin-top: -0.2em;
		}
		.features li:nth-child(6n - 5) .num:after {
				transform: rotate(-30deg);
				background-image: url("../img/features/1.svg");
				background-size: auto 0.258em;
				background-position: 0.2em 30%;
		}
		.features li:nth-child(6n - 4) .num {
				left: 20%;
				transform: rotate(26.81deg);
				margin-top: -1.25em;
		}
		.features li:nth-child(6n - 4) .num:after {
				transform: translate3d(-10%, -10%, 0) rotate(-26.81deg);
				background-image: url("../img/features/2.svg");
				margin: -0.225em;
				background-size: contain;
		}
		.features li:nth-child(6n - 3) .num {
				left: 64.5%;
				transform: rotate(1.41deg);
				margin-top: -1.25em;
		}
		.features li:nth-child(6n - 3) .num:after {
				transform: translate3d(27.5%, 0, 0) rotate(-1.41deg);
				background-image: url("../img/features/3.svg");
				background-size: contain;
				margin: -0.36em;
		}
		.features li:nth-child(6n - 2) .num {
				left: 31.6%;
				margin-top: -1.5em;
		}
		.features li:nth-child(6n - 2) .num:after {
				background-image: url("../img/features/4.svg");
				background-size: contain;
				margin: -0.2795em;
				transform: translate3d(24%, 8%, 0);
		}
		.features li:nth-child(6n - 1) .num {
				left: 68.5%;
				margin-top: -1.66em;
		}
		.features li:nth-child(6n - 1) .num:after {
				transform: translate3d(23%, 0, 0);
				background-image: url("../img/features/5.svg");
				background-size: contain;
				margin: -0.166666em;
		}

		.features li:nth-child(7n - 1) .num {
			left: 31.6%;
			margin-top: -1.5em;
		}
		.features li:nth-child(7n - 1) .num:after {
			background-image: url("../img/features/4.svg");
			background-size: contain;
			margin: -0.2795em;
			transform: translate3d(24%, 8%, 0);
		}

		.usage .el {
				display: flex;
				align-items: flex-start;
		}
		.usage .image {
				width: 50%;
				max-width: none;
				flex: 0 0 auto;
				margin: 0;
		}
		.usage .text {
				margin-top: 20px;
				flex: 1;
				border: 2px solid var(--black);
				border-radius: 15px;
				padding: 20px;
				box-shadow: 0px 20px 50px var(--grey-bg);
		}
		.usage .el.before {
				flex-direction: row-reverse;
		}
		.usage .el.before .text {
				margin-right: -200px;
				padding-right: 220px;
		}
		.usage .el.after .text {
				margin-left: -200px;
				padding-left: 220px;
		}
		.strategies .container {
				display: flex;
				align-items: center;
				flex-direction: row-reverse;
		}
		.strategies .image {
				width: 45%;
				max-width: none;
				margin: 0;
		}
		/*.section-title.title-materials .bg {*/
		/*		background-image: url("../img/materials/desktop.svg");*/
		/*		background-size: auto 350px;*/
		/*		background-position: calc(100% + 30px) 50%;*/
		/*}*/
		.section-title.title-faq .bg {
				background-image: url("../img/faq/desktop.svg");
				background-size: auto 220px;
				background-position: calc(100% - 16px) 50%;
		}

		.new-materials .swiper {
				margin: 0 -10px !important;
		}
		.new-materials .swiper-slide {
				padding: 0 10px;
				min-width: 0;
		}
		.article-card {
				display: flex;
				gap: 20px;
		}
		.article-card .image {
				flex: 0 0 auto;
				width: calc(50% - 7px);
				margin: 0;
				max-height: none;
		}
		.article-card .text {
				flex: 1;
		}
		.pagination .prev, .pagination .next {
				padding: 0 12px;
				margin: 0 4px;
		}
		.pagination .prev svg, .pagination .next svg {
				display: none;
		}
		.faq .images > * {
				width: calc(50% - 5px);
		}
		/*edited 07.04.23 start*/
		.faq .images > *:only-child {
				width: 100%;
		}
		/*edited 07.04.23 end*/
		.partner {
				display: flex;
				gap: 6px;
		}
		.partner .logo {
				align-self: flex-start;
		}
		/*edited 05.04.23 start*/
		.partner .head {
				flex: 0 0 auto;
				width: calc(38.5% + 86px);
				border-radius: 15px;
				background: var(--white);
				display: flex;
				flex-direction: column;
				justify-content: center;
				padding: 15px;
				gap: 10px;
		}
		.partner .logo ~ .head {
				width: 38.5%;
		}
		/*edited 05.04.23 end*/
		.partner .info {
				flex-wrap: wrap;
		}
		.partner .info li {
				background: #F5F5F5;
				border-radius: 8px;
				padding: 6px 8px;
		}
		.partner .text {
				flex: 1;
				padding: 15px;
				border-radius: 15px;
				background: var(--white);
				display: flex;
				flex-direction: column;
				justify-content: center;
		}
		.partner .text > * {
				display: -webkit-box;
				-webkit-line-clamp: 5;
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
				flex: 0 0 auto;
				width: 100%;
		}
		.article-head {
				text-align: center;
		}
		.article-head .breadcrumbs {
				justify-content: center;
		}
}