html.lenis {
	height: auto !important;
}

body.lenis {
	height: auto !important;
}
body {
	background: #010101;
}
.section-models {
	background: url(../img/main-page-models-bg.png) center center/cover no-repeat;
	padding-top: 91px;
	padding-bottom: 107px;
	margin-bottom: 170px;
}
.models-block {
		display: grid;
		grid-template-columns: 65% 35%;
	}
	.models-block__ttl {
		font: 600 40px/1.2 Inter;
	}
		.models-block__ttl span {
			background: linear-gradient(91deg, #A3CEFF 31.3%, #8695FF 83.18%);
			background-clip: text;
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}
	.models__item-list {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
		.models__item {
			color: #ffffff;
			opacity: .5;
			display: flex;
			align-items: center;
		}
		.models__item.active {
			gap: 16px;
		}
		.models__item.is-active {
			color: #ffffff;
		}
			.models__item-ttl {
				font: 600 28px/1.3 Inter;
				transition: all .3s;
				padding: 7px 0 7px 0;
			}
			.models__item img {
				opacity: 0;
				height: 100%;
				max-height: 50px;
				transition: all .5s;
				position: absolute;
			}
			.models__item.active .models__item-ttl {padding: 7px 0 7px 74px;}
			.models__item.active img {
				opacity: 1;
				width: auto;
				transition: all .3s;
			}

@media (max-width: 991px) {
	.models-block__ttl {
		font: 600 28px/1.2 Inter;
	}
	.models-block__ttl br {
		display: none;
	}
}

/*Hero*/
.leader-line {
	z-index: 10 !important;
}
.hero-draggbles-container {
	/* min-height: 50vh; */
}
.hero-node-1 {
	grid-area: 1 / 4 / 2 / 6;
	max-width: 174px;
	width: 100%;
	/* height: 107px; */
}
.hero-node-2 {
	grid-area: 1 / 1 / 3 / 4;
	align-self: center;
	justify-self: center;
	max-width: 265px;
	width: 100%;
	/* height: 198px; */
}
.hero-node-3 {
	grid-area: 2 / 4 / 3 / 6;
	align-self: start;
	max-width: 174px;
	width: 100%;
	/* height: 214px; */
}
.hero-node-4 {
	grid-area: 1 / 6 / 2 / 9;
	justify-self: center;
	align-self: start;
	max-width: 220px;
	width: 100%;
}
.hero-node-5 {
	grid-area: 2 / 6 / 3 / 9;
	justify-self: center;
	/* align-self: start; */
	max-width: 236px;
	width: 100%;
	/* height: 264px; */
}
.hero-node-6 {
	grid-area: 1 / 9 / 3 / 13;
	align-self: start;
	justify-self: center;
	max-width: 366px;
	width: 100%;
	/* height: 273px; */
}
.node-card img.node-card {
	opacity: 0;
	transition: opacity .3s;
}
.node-card img.node-card.visible {
	opacity: 1;
}
.request-block-card {
	background: #202020;
	padding: 8px;
	border-radius: 8px;
}
	.request-block-card__input {
		display: grid;
		grid-template-columns: auto 20px;
		grid-gap: 4px;
	}
		.request-block-card__input-txt {
			background: #181818;
			color: #fff;
			width: 100%;
			font: 400 11px/1.3 Inter;
			border-radius: 8px;
			overflow: hidden;
			user-select: none;
			pointer-events: none;
			padding: 2px 5px;
		}
		.request-block-card__input-icon-wrap {
			display: flex;
			flex-direction: column;
			gap: 4px;
			align-items: center;
		}
			.request-block-card__input-icon-close {
				color: #B9B9B9;
			}
			.request-block-card__input-icon-upload {
				color: #B9B9B9;
			}
			.request-block-card__input-icon-submit {
				background: #6E6E6E;
				padding: 4px;
				color: #fff;
				border-radius: 2px;
			}
	.request-block-card__bottom-wrap {
		margin-top: 8px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
		.request-block-card__bottom-inner {
			background: #303030;
			display: flex;
			align-items: center;
			gap: 4px;
			padding: 4px 7px;
			border-radius: 100px;
		}
			.request-block-card__bottom-auto-wrap {
				display: flex;
				align-items: center;
				gap: 3px;
			}
				.request-block-card__bottom-auto-wrap svg {
					color: #787878;
				}
				.request-block-card__bottom-auto-wrap span {
					font: 600 11px / 1.3 Inter;
					color: #BBBBBB;
				}
			.request-block-card__bottom-inner svg {
				color: #BBBBBB;
			}
		.request-block-card__bottom-icon-wrap {
			display: flex;
			align-items: center;
			gap: 4px;
		}
			.request-block-card__bottom-icon-wrap svg {
				background: #303030;
				color: #BEBEBE;
				padding: 4px;
				border-radius: 4px;
				width: 18px;
				height: 18px;
			}
			.request-block-card__bottom-icon-wrap svg:first-child {
				background: #6E6E6E;
			}























img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}







.section-hero {
	z-index: 2;
	width: 100vw;
	padding-left: 4.5vw;
	padding-right: 4.5vw;
	position: relative;
	/*background: linear-gradient(180deg, #000 28.5%, rgba(0, 0, 0, 0.00) 56.35%), #000 url(../img/main-page/hero-main-bg.png) bottom center repeat;*/
	background: #000 url(../img/main-page/hero-main-bg.png) bottom center repeat;
	padding-top: 216px;
	padding-bottom: 113px;
}
	.main-page__h1 {
		font: 500 96px/1 Inter;
		text-align: center;
		margin-bottom: 90px;
	}
		.main-page__h1 span {
			background: var(--text, linear-gradient(91deg, #A3CEFF 31.3%, #8695FF 83.18%));
			background-clip: text;
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}
	.main-page-hero__btn-wrap {
		display: flex;
		justify-content: center;
	}
		/*.main-page-hero__btn {
			font: 400 18px/1.5 Inter;
			color: #fff;
			text-decoration: none;
			text-align: center;
			border-radius: 8px;
			padding: 8px 24px;
			min-width: 158px;
			background: #857FFF;
		}*/
		.main-page-hero__btn {
			font: 400 14px / 1.5 Inter;
			color: #fff;
			text-decoration: none;
			text-align: center;
			border-radius: 8px;
			padding: 11px 30px;
			min-width: 158px;
			transition: background 1s ease-out;
			box-shadow: 0px 20px 24px -10px #0B042F;
			overflow: hidden;
			position: relative;
		}
		.main-page-hero__btn::before {
			content: "";
			display: block;
			width: 200%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			pointer-events: none;
			background: linear-gradient(211deg, #8F79FF 13.4%, #426BFF 118.74%);
			z-index: -1;
			transition: .5s all ease-out;
		}
		.main-page-hero__btn:hover::before {
			left: -100%;
		}
.grid-container {

}

.grid-container.is-hero {

}
.hero-draggbles-comp {
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	grid-template-rows: auto auto;
	grid-template-columns: repeat(12, 1fr);
	grid-auto-columns: 1fr;
	width: 100%;
	margin-bottom: auto;
	padding: 74px 0 69px;
	display: grid;
	position: relative;
}
.line-anchor {
  position: absolute;
}

.line-anchor.start {
  top: 3rem;
  right: 0;
}

.line-anchor.end {
  top: 3rem;
  left: 0;
}
.hr_img-rodin-mobile, .hr_img-c-difference-mobile, .hr_img-stable-diff-mobile, .hr_img-flux-mobile, .hr_img-video-mobile {
  display: none;
}
.drag-handle {
  z-index: 9;
  height: 10%;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}
/*Hero End*/
/*About*/
.section-main-about {
	padding-top: 161px;
	padding-bottom: 210px;
	position: relative;
}
.section-main-about::before{
	position: absolute;
	content: '';
	/* background: linear-gradient(358deg, #000 33.16%, rgba(0, 0, 0, 0.00) 59.86%, #000 77.84%); */
	background: linear-gradient(358deg, #000000 1% 2%, rgba(0, 0, 0, 0.00) 20%, #00000082 100%);
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
}
	.section-main-about .container {
		z-index: 2;
		position: relative;
	}
	.main-about__h2 {
		font: 600 40px/1.3 Inter;
		text-align: center;
	}
		.main-about__h2 span {
			background: var(--text, linear-gradient(91deg, #A3CEFF 31.3%, #8695FF 83.18%));
			background-clip: text;
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}
	.main-about__text {
		color: rgba(255, 255, 255, 0.50);
		text-align: center;
		margin-top: 8px;
		margin-bottom: 78px;
	}
	.main-about__col-wrap {
		display: grid;
		grid-template-columns: repeat(auto-fit,minmax(270px,auto));
		grid-gap: 79px;
		justify-content: center;
	}
		.main-about__col {
			
		}
			.main-about__col-ttl {
				font: 600 21px/1.3 Inter;
				text-align: center;
				margin-bottom: 14px;
			}
			.main-about__col-ttl--large {
				font: 600 24px/1.3 Inter;
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 6px;
				margin: 1px;
			}
				.main-about__col-ttl span {
					font: 600 30px/1.3 Inter;
				}
			.main-about__col-txt {
				font: 300 14px/1.4 Inter;
				text-align: center;
			}
	.main-about__bg-video {
		position: absolute;
		top: 0;
		/* bottom: 0; */
		left: 0;
		/* right: 0; */
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: -1;
	}
/*About End*/
/*Gallery Templates*/
.jayflow-gallery-template-block {
	margin-top: 160px;
}
.jayflow-gallery-template__ttl {
	font: 700 48px/1.3 Inter;
	text-align: center;
	margin-bottom: 0;
}
.jayflow-gallery-template__subttl {
	font: 400 16px/1.5 Inter;
	color: rgba(255, 255, 255, 0.50);
	text-align: center;
	margin-bottom: 4px;
}
.gallery-template-tabs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin-top: 66px;
}
	.gallery-template-tabs__item {
		font: 400 12px/1.5 Inter;
		color: #FCFCFE;
		text-decoration: none;
		padding: 12px;
		border-radius: 16px;
		border: none;
		cursor: pointer;
		transition: all .3s;
	}
	.gallery-template-tabs__item.active,
	.gallery-template-tabs__item:hover {
		color: #FCFCFE;
		border-radius: 300px;
		background: #212225;
	}
	.gallery-template-tabs__item.active {
		pointer-events: none;
	}
	.jayflow-content__gallery-video {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 30px 30px;
		/* padding-left: 6vmax; */
		/* padding-right: 6vmax; */
		margin-top: 30px;
	}
	.jayflow-content__gallery-video-item {
		/* border-radius: 8px; */
		/* box-shadow: 0 0 0px 0.2px #9494BD; */
		/* overflow: hidden; */
		/* cursor: pointer; */
		position: relative;
		/* transition: background-color .3s; */
		/* overflow: hidden; */
	}
	.jayflow-content__gallery-video-item:hover {
		
	}
		.jayflow-content__gallery-video-item-inner {
			position: relative;
			z-index: 1;
			border-radius: 24px 24px 24px 24px;
			overflow: hidden;
			outline: 1px solid rgb(255 255 255 / 50%);
			outline-offset: -.2px;
		}
		.jayflow-content__gallery-video-item-inner::before {
			position: absolute;
			content: '';
			/* background: linear-gradient(180deg, rgba(32, 32, 32, 0.00) 0.41%, #141414 99.59%); */
			background: linear-gradient(0deg, rgba(20, 20, 20, 0.53) 22%, rgba(20, 20, 20, 0.11) 66%, rgba(20, 20, 20, 0.77) 94%);
			width: 100%;
			height: 100%;
			bottom: 0;
		}
			.jayflow-content__gallery-video-item-video {
				display: block;
				width: 100%;
				height: 360px;
				object-fit: cover;
			}
			.jayflow-content__gallery-item-post-categories {
				position: absolute;
				top: 10px;
				right: 10px;
				z-index: 1;
				font: 400 10px/1.6 Inter;
				padding: 4px 8px;
				border-radius: 12px;
				background: rgba(0, 0, 0, 0.80);
				background: rgba(255, 255, 255, 0.15);
				backdrop-filter: blur(2px);
			}
			.jayflow-content__gallery-item-post-categories--izobrazheniya {
				color: #EF71C3;
			}
			.jayflow-content__gallery-item-post-categories--video {
				color: #EF71C3;
			}
			.jayflow-content__gallery-item-post-categories--agenty {
				color: #0082FB;
			}
			.jayflow-content__gallery-item-post-categories--prilozheniya {
				color: #FF928C;
			}
			.jayflow-content__gallery-item-post-categories--poisk-i-analiz-dannyh {
				color: #977477;
			}
		.jayflow-content__gallery-txt-item-inner {
			padding: 12px 10px 37px;
			position: relative;
			z-index: 4;
			transition: .3s all;
			bottom: 0;
		}
		.jayflow-content__gallery-video-item:hover .jayflow-content__gallery-txt-item-inner {
			background: #0e0e0e;
			bottom: -40px;
			opacity: 0;
			background: transparent;
		}
			.jayflow-content__gallery-video-item-ttl {
				font: 400 12px / 1.3 Inter;
				letter-spacing: 0.04px;
				position: absolute;
				z-index: 1;
				bottom: 20px;
				left: 16px;
				transition: all .3s;
			}
			.jayflow-content__gallery-video-item:hover .jayflow-content__gallery-video-item-ttl {
				/* bottom: 49px; */
			}
			.jayflow-content__gallery-video-item-author {
				font: 400 12px/1.3 Inter;
				color: #8B8D98;
				letter-spacing:  0.04px;
				opacity: 1;
				display: flex;
				align-items: center;
			}
				.gallery-author-logo {
					margin-right: 8px;
				}
				.jayflow-content__gallery-video-item-author span {
					font: 400 12px/1.3 Inter;
					color: #8B8D98;
				}
		.jayflow-content__gallery-item-btn-wrap {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			outline: 1px solid rgba(255, 255, 255, 0.05);
			outline-offset: -.2px;
			/* box-shadow: inset 0 0 0px 1px rgba(255, 255, 255, 0.05); */
			border-radius: 24px;
			text-decoration: none;
			z-index: 3;
			display: flex;
			align-items: flex-end;
			/* justify-content: center; */
			transition: all .3s;
			/* border: 1px solid rgba(255, 255, 255, 0.05); */
			outline: none;
		}
		.jayflow-content__gallery-video-item:hover .jayflow-content__gallery-item-btn-wrap {
			bottom: 0;
			z-index: 4;
		}
			.jayflow-content__gallery-item-btn {
				font: 500 16px / 1.5 Inter;
				color: #fff;
				border-radius: 8px;
				background: #605FE3;
				padding: 12px 16px;
				/* margin: 0 10px 16px; */
				/* width: 100%; */
				text-align: center;
				opacity: 0;
				position: absolute;
				left: 10px;
				right: 10px;
				bottom: -20px;
				transition: all .2s;
				overflow: hidden;
				z-index: 2;
			}
			.jayflow-content__gallery-item-btn::before {
				content: '';
				position: absolute;
				z-index: -1;
				border-radius: 0 0 8px 8px;
				background: #0e0e0e;
				top: 0;
				bottom: -15px;
				left: -10px;
				right: -10px;
				transition: all .3s;
				background: transparent;
			}
			.jayflow-content__gallery-video-item:hover .jayflow-content__gallery-item-btn {
				opacity: 1;
				bottom: 10px;
			}
	/*.gallery-tmpl-loadmore {
		font: 400 18px / 1.5 Inter;
		color: #EDEEF0;
		transition: all .3s;
		cursor: pointer;
		border-radius: 8px;
		background: #857FFF;
		display: flex;
		justify-self: center;
		justify-content: center;
		padding: 4px 24px;
		margin-top: 82px;
		text-align: center;
		width: 100%;
		width: auto;
		max-width: 569px;
	}*/
	.gallery-tmpl-loadmore {
		font: 14px / 1.5 Inter;
		font-weight: 500;
		color: #FFF;
		transition: all .3s;
		cursor: pointer;
		border-radius: 8px;
		display: flex;
		justify-self: center;
		justify-content: center;
		padding: 11px 30px;
		margin-top: 72px;
		text-align: center;
		width: 100%;
		max-width: 300px;
		overflow: hidden;
		position: relative;
		background: transparent;
	}
	.gallery-tmpl-loadmore::before {
		content: "";
		display: block;
		width: 200%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		pointer-events: none;
		background: linear-gradient(211deg, #8F79FF 13.4%, #426BFF 118.74%);
		z-index: -1;
		transition: 1s all ease-out;
	}
	.gallery-tmpl-loadmore:hover::before {
		left: -100%;
	}
	@media(max-width:991px) {
		.jayflow-content__gallery-video {
			padding-left: 1.5vmax;
			padding-right: 1.5vmax;
			grid-template-columns: 1fr 1fr;
		}
	}
	@media(max-width:767px) {
		.jayflow-content__gallery-video {
			grid-template-columns: 1fr;
		}
	}
	.gallery-popup {
		background: #18191B;
		max-width: 994px;
		margin: 0 auto;
		position: relative;
		border-radius: 24px;
		box-shadow: 0 0 0px 0.2px #fff;
	}
	.mfp-close-btn-in .gallery-popup .mfp-close {
		color: #fff;
		font: 200 40px/1 Inter;
	}
		.gallery-popup-block {
			/* padding: 48px 32px; */
			padding-top: 48px;
			padding-bottom: 48px;
		}
			.gallery-popup-block .scrollbar-inner > .scroll-element {
				transition: width .3s;
			}
			.gallery-popup-block .scrollbar-inner > .scroll-element .scroll-bar {
				width: 3px;
				height: 62px!important;
				background-color: #d9edff5d;
				border-radius: 0;
				transition: width .3s;
			}
			.gallery-popup-block .scrollbar-inner > .scroll-element .scroll-element_outer,
			.gallery-popup-block .scrollbar-inner > .scroll-element .scroll-element_track,
			.gallery-popup-block .scrollbar-inner > .scroll-element .scroll-bar {
				border-radius: 0;
				/* left: 0; */
			}
			.gallery-popup-block .scrollbar-inner > .scroll-element.scroll-y {
				width: 3px;
				right: 16px;
				top: 0;
			}
			.gallery-popup-block .scrollbar-inner > .scroll-element .scroll-element_track {
				width: 3px;
				transition: width .3s;
			}
			.gallery-popup-block .scrollbar-inner > .scroll-element:hover .scroll-bar {
				background-color: #5C5C71;
				width: 9px;
			}
			.gallery-popup-block .scrollbar-inner > .scroll-element:hover {
				width: 9px;
			}
			.gallery-popup-block .scrollbar-inner > .scroll-element:hover .scroll-element_track {
				width: 9px;
			}
			.gallery-popup-inner {
				/* max-height: 1090px; */
				height: 100%;
				max-height: 80vh;
				padding-left: 32px !important;
				padding-right: 32px !important;
			}
				.gallery-popup-ttl {
					font: 700 24px/1.5 Inter;
					margin-bottom: 32px;
				}
				.gallery-popup-video {
					width: 100%;
					display: block;
					border-radius: 8px;
				}
				.gallery-popup-description {
					font: 400 16px / 1.5 Inter;
					padding-bottom: 50px;
					position: relative;
				}
				.gallery-popup-description h5 {
					font: 600 20px/1.3 Inter;
					margin-top: 32px;
					margin-bottom: 16px;
				}
				.gallery-popup-description p {

				}
				.gallery-popup-description ul {
					list-style: disc;
				}
				.gallery-popup-description ol {
					list-style: decimal;
					padding-left: 22px;
				}
				.gallery-popup-description ul li:not(:last-child),
				.gallery-popup-description ol li:not(:last-child) {
					margin-bottom: 16px;
				}
			.gallery-popup-btn-wrap {
				display: flex;
				position: relative;
				padding: 0 32px;
			}
			.gallery-popup-btn-wrap::after {
				content: '';
				position: absolute;
				background: linear-gradient(0deg, #18191B 28.68%, rgba(31, 31, 31, 0.00) 60.4%);
				left: 0;
				right: 14px;
				top: -109px;
				height: 110px;
				pointer-events: none;
			}
				.gallery-popup-btn {
					font: 400 20px/1.5 Inter;
					color: #fff;
					text-decoration: none;
					padding: 12px 16px;
					border-radius: 8px;
					background: var(--main-violet, #605FE3);
				}
@media (max-width: 991px) {
	.jayflow-gallery-template-block {
		margin-top: 96px;
	}
    .jayflow-gallery-template__ttl {
        font: 600 28px/1.3 Inter;
        padding-left: 1.5vmax;
        padding-right: 1.5vmax;
    }
	.jayflow-gallery-template__subttl {
        padding-left: 1.5vmax;
        padding-right: 1.5vmax;
    }
	.gallery-template-tabs {
		padding-left: 1.5vmax;
        padding-right: 1.5vmax;
	}
	.gallery-popup {
		padding: 28px 15px;
	}
	.gallery-popup-block {
		padding-top: 18px;
		padding-bottom: 18px;
	}
	.gallery-popup-inner {
		max-height: 70vh;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.gallery-popup-inner::-webkit-scrollbar {
	  display: none;
	}

	/* Для Firefox */
	.gallery-popup-inner {
	  scrollbar-width: none;
	}

	/* Для IE/Edge */
	.gallery-popup-inner {
	  -ms-overflow-style: none;
	}
	.gallery-popup-ttl {
		font: 700 28px / 1.5 Inter;
	}
	.gallery-popup-block .scrollbar-inner > .scroll-element.scroll-y {
		right: 0;
	}
	.gallery-popup-description ul,
	.gallery-popup-description ol {
		padding-left: 32px;
	}
}
@media(max-width:767px) {
	.jayflow-content__gallery-video-item {
		padding-bottom: 46px;
	}
	.jayflow-content__gallery-item-btn-wrap {
		justify-content: center;
	}
	.jayflow-content__gallery-item-btn::before {
		display: none;
	}
	.jayflow-content__gallery-item-btn {
		opacity: 1;
		position: relative;
		left: 0;
		right: 0;
		bottom: 16px;
		width: calc(100% - 32px);
	}
	.jayflow-content__gallery-video-item:hover .jayflow-content__gallery-txt-item-inner {
		background: transparent;
	}
	.jayflow-content__gallery-video-item:hover .jayflow-content__gallery-item-btn-wrap {
		bottom: 0;
	}
}
/*Gallery Templates End*/
/*Slider*/
.section_workflows-slider {
	margin-top: 201px;
	margin-bottom: 197px;
}
	.workflows-slider__ttl {
		font: 700 48px / 1.3 Inter;
		text-align: center;
		margin-bottom: 32px;
	}
.splide__track {
	overflow: visible;
}
.splide__slide .splide__slide-inner {
	transform: scale(0.9);
	transition: all .3s;
}
.splide__slide.is-active .splide__slide-inner {
	transform: scale(1);
	background: #1C2024;
}
.splide__slide-inner {
	border-radius: 32px;
	border: 1px solid rgba(255, 255, 255, 0.05);
	background: #0E0E0E;
	backdrop-filter: blur(10px);
	position: relative;
	overflow: hidden;
	height: 100%;
	padding: 0 7rem 4rem;
	display: grid;
}
	.splide__slide-inner::before {
		position: absolute;
		content: '';
		background: linear-gradient(180deg, #0D0D0D 2.72%, rgba(13, 13, 13, 0.00) 97.12%);
		z-index: 2;
		left: 0;
		right: 0;
		top: 0;
		bottom: 50%;
	}
	.splide__slide-inner::after {
		position: absolute;
		content: '';
		background: url(../img/main-page/main-slider-bg.png);
		z-index: 1;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
		.splide__slide-text-wrap {
			max-width: 540px;
			align-self: start;
			z-index: 3;
			margin-top: 4rem;
		}
			.splide__slide-ttl {
				font: 600 28px/1.3 Inter;
				margin-bottom: 6px;
				text-align: center;
			}
			.splide__slide-txt {
				font: 400 12px/1.3 Inter;
				color: rgba(255, 255, 255, 0.50);
				letter-spacing: 0.04px;
				text-align: center;
			}
		.splide__slide-inner img {
			justify-self: center;
			z-index: 3;
		}
	.splide__arrows-wrap {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 24px;
		margin-top: 20px;
	}
	.splide__arrows-wrap .splide__arrow {
		cursor: pointer;
	}
	.splide__arrows-wrap .splide__arrow rect,
	.splide__arrows-wrap .splide__arrow path {
			transition: all .3s;
		}
	.splide__arrows-wrap .splide__arrow:hover rect {
			stroke: #857FFF;
		}
	.splide__arrows-wrap .splide__arrow:hover path {
			stroke: #857FFF;
		}
	.slide-counter {
		user-select: none;
	}
/*Slider End*/
/*Tabs*/
.section-create {
	margin-top: 170px;
	margin-bottom: 200px;
}
	   .tabs-header-wrapper {
			margin-bottom: 55px;
		}
		/* Контейнер с прокруткой по зажатию */
		.tabs-header {
			display: flex;
			flex-wrap: nowrap;
			justify-content: center;
			gap: 24px;
			overflow-x: auto;
			overflow-y: hidden;
			scroll-behavior: smooth;
			-webkit-overflow-scrolling: touch;
			scrollbar-width: none;
			-ms-overflow-style: none;
			cursor: grab;
			padding-bottom: 0.5rem;
			padding-right: 0.5rem;
		}
		@media(max-width:767px) {
			.tabs-header {
				justify-content: flex-start;
			}
		}
		.tabs-header::-webkit-scrollbar {
			display: none;
		}
		.tabs-header.dragging {
			cursor: grabbing;
			scroll-behavior: auto;
		}
		.tab-btn {
			font: 400 12px/1.5 Inter;
			color: #fff;
			background: transparent;
			border: none;
			padding: 16px 48px;
			cursor: pointer;
			border-radius: 60px;
			transition: all .3s;
			background: rgba(255, 255, 255, 0.02);
			white-space: nowrap;
			flex-shrink: 0;
			user-select: none;
			-webkit-tap-highlight-color: transparent;
			position: relative;
			z-index: 2;
		}
		.tab-btn.active {
			box-shadow: inset 0 0 0 1px rgb(255 255 255);
			/* font: 600 20px/1.3 Inter; */
		}
		.tab-btn:not(.active):hover {
			box-shadow: inset 0 0 0 1px rgb(255 255 255);
		}
		.tab-btn:active {
			/* transform: scale(0.96); */
		}
		.tabs-content {
			position: relative;
		}
		.tab-pane {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			opacity: 0;
			visibility: hidden;
			transition: opacity 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1), visibility 0.3s;
			pointer-events: none;
			will-change: opacity;
			border-radius: 1.5rem;
		}
		.tab-pane.active-pane {
			position: relative;
			opacity: 1;
			visibility: visible;
			pointer-events: auto;
		}
		.tab-pane-img {
			
		}
		@media (max-width: 700px) {
			.tab-btn {
				padding: 0.6rem 1.3rem;
				font-size: 0.9rem;
			}
			.tabs-header {
				cursor: grab;
			}
		}

		@media (max-width: 480px) {
			.tab-btn {
				padding: 0.5rem 1.1rem;
				font-size: 0.85rem;
			}
		}
/*Tabs End*/
/*Tariff*/
.section-tariff {
	margin-top: 197px;
	margin-bottom: 200px;
}
	.section-tariff__ttl {
		font: 700 48px / 1.3 Inter;
		text-align: center;
		margin-bottom: 32px;
	}
	.tariff-block {
		display: grid;
		grid-template-columns: repeat(auto-fit,minmax(294px, auto));
		grid-gap: 60px;
		max-width: 1006px;
		margin: 0 auto;
	}
		.tariff-item {
			padding: 4px 4px 16px;
			display: grid;
			grid-gap: 95px;
		}
			.tariff-item__name {
				font: 400 14px/1.4 Inter;
				color: #fff;
				letter-spacing: 0;
				margin-bottom: 4px;
			}
			.tariff-item__descr {
				font: 400 12px/1.3 Inter;
				color: #696E77;
				letter-spacing: 0.04px;
				margin-bottom: 24px;
			}
			.tariff-item__price {
				font: 400 28px/1.3 Inter;
				color: #fff;
				letter-spacing: -0.12px;
				margin-bottom: 28px;
			}
				.tariff-item__currency {
					color: #696E77;
				}
				.tariff-item__duration {
					font: 400 12px / 1.3 Inter;
					color: #696E77;
					letter-spacing: 0.04px;
				}
			.tariff-item__list {
				font: 400 12px/1.3 Inter;
				color: #fff;
				letter-spacing: 0.04px;
			}
				.tariff-item__list li {
					margin-bottom: 8px;
					padding-left: 20px;
					position: relative;
				}
				.tariff-item__list li:last-child {
					margin-bottom: 0;
				}
				.tariff-item__list li::after {
					content: '';
					position: absolute;
					width: 8px;
					height: 8px;
					background: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4C0 1.79086 1.79086 0 4 0C6.20914 0 8 1.79086 8 4C8 6.20914 6.20914 8 4 8C1.79086 8 0 6.20914 0 4Z' fill='white' fill-opacity='0.4'/%3E%3Crect x='2' y='2' width='4' height='4' rx='2' fill='white'/%3E%3C/svg%3E%0A") center center/contain no-repeat;
					left: 0px;
					top: 4px;
				}
			.tariff-item__btn-wrap {
				align-self: end;
			}
				.tariff-item__btn {
					font: 400 12px/1.3 Inter;
					color: #fff;
					letter-spacing: 0.04px;
					padding: 8px;
					border-radius: 12px;
					border: 1px solid #272A2D;
					background: #212225;
					text-decoration: none;
					transition: all .3s;
				}
				.tariff-item__btn:hover {
					background: #857fff;
				}
		.tariff-item--colored {
			border-radius: 24px;
			background: #857FFF;
			backdrop-filter: blur(15px);
			padding: 16px;
		}
			.tariff-item--colored .tariff-item__name {
				
			}
			.tariff-item--colored .tariff-item__descr {
				color: rgba(255, 255, 255, 0.60);
			}
			.tariff-item--colored .tariff-item__price {
				
			}
				.tariff-item--colored .tariff-item__currency {
					color: rgba(255, 255, 255, 0.60);
				}
				.tariff-item--colored .tariff-item__duration {
					color: rgba(255, 255, 255, 0.60);
				}
			.tariff-item--colored .tariff-item__list {
				
			}
				.tariff-item--colored .tariff-item__list li {
					
				}
				.tariff-item--colored .tariff-item__list li::before {
					
				}
			.tariff-item--colored .tariff-item__btn-wrap {
				
			}
				.tariff-item--colored .tariff-item__btn {
					color: #111113;
					border: 1px solid #FFF;
					background: #FFF;
				}
				.tariff-item--colored .tariff-item__btn:hover {
					color: #fff;
					border: 1px solid #272A2D;
					background: #212225;
				}
/*Tariff End*/
/*FAQ*/
.jayflow-main-faq__ttl {
	font: 700 48px / 1.3 Inter;
	margin-bottom: 24px;
}
.jayflow-main-faq__subttl {
	font: 400 16px/1.5 Inter;
	color: rgba(255, 255, 255, 0.50);
}
.jprices-faq__spoiler .faq_title p {
	font: 400 16px / 1.5 Inter;
}
.jprices-faq__spoiler .faq_title .faq_arr_visible {
	width: 10px;
	height: 6px;
	right: 24px;
}
.jprices-faq__spoiler .faq_title.active .faq_arr_hideden {
	display: block;
	top: calc(50% - 3px);
	right: 24px;
	width: 10px;
	height: 6px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.jprices-faq__spoiler.jayflow-main-faq__spoiler .faq_answer p {
	font: 200 16px / 1.5 Inter;
}
.jprices-faq__spoiler.jayflow-main-faq__spoiler .faq_item {
	border-bottom-color: rgba(255, 255, 255, 0.10);
}
.jprices-faq__spoiler-item:last-child .faq_item {
	border: none;
}
.jprices-faq__spoiler .faq_title {
	padding: 16px 32px 16px 0;
}
.jprices-faq__spoiler .faq_title.active {
	padding: 16px 32px 16px 0;
}
.jprices-faq__spoiler .faq_answer {
	padding: 0px 32px 24px 0;
}
/*FAQ End*/
/*Cta Banner*/
.section-cta-banner {
	margin-top: 198px;
	margin-bottom: 200px;
}
	.cta-banner {
		position: relative;
		overflow: hidden;
		padding: 40px 24px 35px;
		display: flex;
		flex-direction: column;
		align-items: center;
		border-radius: 24px;
	}
	.cta-banner__video {
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.cta-banner__logo {
		margin-bottom: 60px;
	}
	.cta-banner__ttl {
		font: 700 48px/1.3 Inter;
		margin-bottom: 24px;
		text-align: center;
	}
	/*.cta-banner__btn {
		font: 400 18px/1.5 Inter;
		color: #fff;
		text-decoration: none;
		padding: 8px 24px;
		margin-bottom: 72px;
		background: #857FFF;
		border-radius: 8px;
	}*/
		.cta-banner__btn {
			font: 400 14px / 1.5 Inter;
			color: #fff;
			text-decoration: none;
			text-align: center;
			border-radius: 8px;
			padding: 11px 30px;
			min-width: 158px;
			transition: background 1s ease-out;
			box-shadow: 0px 20px 24px -10px #0B042F;
			overflow: hidden;
			position: relative;
			margin-bottom: 76px;
		}
		.cta-banner__btn::before {
			content: "";
			display: block;
			width: 200%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			pointer-events: none;
			background: linear-gradient(211deg, #8F79FF 13.4%, #426BFF 118.74%);
			z-index: -1;
			transition: .5s all ease-out;
		}
		.cta-banner__btn:hover::before {
			left: -100%;
		}
	.cta-banner__txt {
		text-align: center;
	}
		.cta-banner__txt a {
			color: #fff;
			text-decoration-skip-ink: none;
			text-underline-position: from-font;
			transition: all .3s;
		}
		.cta-banner__txt a:hover {
			color: #888DFE;
		}
/*Cta Banner End*/
/*Footer*/
.footer {
	margin-top: 318px;
	padding: 0 0 90px;
}
.footer-inner--with-menu {
	grid-template-columns: 300px 672px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
	padding-bottom: 46px;
}
.footer-menu__list > li.menu-item > a {
	font: 400 12px / 1.3 Inter;
	color: rgba(255, 255, 255, 0.50);
}
.footer-menu__list > li.menu-item ul.sub-menu > li.menu-item a {
	font: 300 14px / 1.3 Inter;
	color: #fff;
	transition: all .3s;
}
.footer-menu__list > li.menu-item ul.sub-menu > li.menu-item a:hover {
	color: #888DFE;
}
.footer__logo {
	margin-bottom: 22px;
}
.footer__copyright-text {
	font: 400 12px / 1.3 Inter;
	color: rgba(255, 255, 255, 0.50);
	letter-spacing: 0.04px;
	margin-bottom: 22px;
}
.footer__copyright-text-just-ai {
	font: 400 12px / 1.3 Inter;
	color: rgba(255, 255, 255, 0.50);
	letter-spacing: 0.04px;
	text-decoration: none;
}
.footer__copyright-wrap {
	margin-top: 46px;
}
	.footer-jayflow__copyright {
		font: 400 12px / 1.3 Inter;
		color: rgba(255, 255, 255, 0.50);
		letter-spacing: 0.04px;
		display: flex;
		align-items: center;
		gap: 4px;
		justify-content: flex-end;
	}
		.footer-jayflow__copyright a {
			text-decoration: none;
			color: rgba(255, 255, 255, 0.50);
		}
@media(max-width:991px) {
	.footer-inner--with-menu {
		grid-template-columns: 1fr;
	}
	.footer-inner-copyright {
		order: 2;
	}
	.footer-menu {
		order: 1;
	}
}
@media(max-width:767px) {
	.footer-jayflow__copyright {
		flex-direction: column;
	}
}
/*Footer End*/
@media(max-width:991px) {
	.section-hero {
		padding-top: 106px;
		padding-bottom: 96px;
	}
.section-main-about {
	padding-top: 74px;
	padding-bottom: 170px;
}
.section-create {
	margin-bottom: 170px;
}
.section_workflows-slider {
	margin-top: 170px;
	margin-bottom: 170px;
}
.section-tariff {
	margin-top: 170px;
	margin-bottom: 170px;
}
.section-cta-banner {
	margin-top: 170px;
	margin-bottom: 170px;
}
	.main-page__h1 {
		font: 600 32px / 1.3 Inter;
	}
	.section-tariff__ttl {
		font: 600 28px / 1.3 Inter;
	}
	.jayflow-main-faq__ttl {
		font: 600 28px / 1.3 Inter;
	}
	.main-about__h2 {
		font: 600 28px / 1.3 Inter;
	}
	.workflows-slider__ttl {
		font: 600 28px / 1.3 Inter;
	}
	.cta-banner__ttl {
		font: 600 28px / 1.3 Inter;
	}
	.splide__slide-ttl {
		font: 600 24px / 1.3 Inter;
	}
	.models-block {
		grid-template-columns: auto;
		grid-gap: 32px;
	}
	
	.hero-draggbles-comp {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto auto auto auto;
		padding-top: 0;
	}
	.hero-node-1 {
		grid-area: 2 / 2 / 3 / 3;
		max-width: 174px;
		width: 100%;
	}
	.hero-node-2 {
		grid-area: 2 / 1 / 3 / 2;
		align-self: center;
		max-width: 195px;
		width: 100%;
	}
	.hero-node-3 {
		grid-area: 3 / 1 / 4 / 2;
		align-self: end;
		justify-self: center;
		max-width: 134px;
		width: 100%;
	}
	.hero-node-4 {
		grid-area: 1 / 1 / 2 / 3;
		justify-self: center;
		align-self: start;
		width: 220px;
	}
	.hero-node-5 {
		grid-area: 3 / 2 / 4 / 3;
		justify-self: center;
		max-width: 176px;
		width: 100%;
	}
	.hero-node-6 {
		grid-area: 4 / 1 / 5 / 3;
		align-self: end;
		justify-self: center;
		max-width: 236px;
		width: 100%;
	}
	
}
@media(max-width:767px) {
	.hero-node-1 {
		grid-area: 2 / 2 / 3 / 3;
		max-width: 174px;
		width: 100%;
	}
	.hero-node-2 {
		grid-area: 2 / 1 / 3 / 2;
		align-self: center;
		max-width: 195px;
		width: 100%;
	}
	.hero-node-3 {
		grid-area: 3 / 1 / 4 / 2;
		align-self: end;
		justify-self: center;
		max-width: 134px;
		width: 100%;
	}
	.hero-node-4 {
		grid-area: 1 / 1 / 2 / 3;
		justify-self: center;
		align-self: start;
		width: 220px;
	}
	.hero-node-5 {
		grid-area: 3 / 2 / 4 / 3;
		justify-self: center;
		max-width: 176px;
		width: 100%;
	}
	.hero-node-6 {
		grid-area: 4 / 1 / 5 / 3;
		align-self: end;
		justify-self: center;
		max-width: 236px;
		width: 100%;
	}
	.splide__slide-inner {
		max-width: 90vw;
		padding: 0 24px 24px;
	}
}