/*Inter Font*/
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Regular.eot');
    src: local('Inter Regular'), local('Inter-Regular'),
        url('../fonts/Inter/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter-Regular.woff2') format('woff2'),
        url('../fonts/Inter/Inter-Regular.woff') format('woff'),
        url('../fonts/Inter/Inter-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-SemiBold.eot');
    src: local('Inter Semi Bold'), local('Inter-SemiBold'),
        url('../fonts/Inter/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter-SemiBold.woff2') format('woff2'),
        url('../fonts/Inter/Inter-SemiBold.woff') format('woff'),
        url('../fonts/Inter/Inter-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Medium.eot');
    src: local('Inter Medium'), local('Inter-Medium'),
        url('../fonts/Inter/Inter-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter-Medium.woff2') format('woff2'),
        url('../fonts/Inter/Inter-Medium.woff') format('woff'),
        url('../fonts/Inter/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
/*
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Bold.eot');
    src: local('Inter Bold'), local('Inter-Bold'),
        url('../fonts/Inter/Inter-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter-Bold.woff2') format('woff2'),
        url('../fonts/Inter/Inter-Bold.woff') format('woff'),
        url('../fonts/Inter/Inter-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-BoldItalic.eot');
    src: local('Inter Bold Italic'), local('Inter-BoldItalic'),
        url('../fonts/Inter/Inter-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter-BoldItalic.woff2') format('woff2'),
        url('../fonts/Inter/Inter-BoldItalic.woff') format('woff'),
        url('../fonts/Inter/Inter-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-MediumItalic.eot');
    src: local('Inter Medium Italic'), local('Inter-MediumItalic'),
        url('../fonts/Inter/Inter-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter-MediumItalic.woff2') format('woff2'),
        url('../fonts/Inter/Inter-MediumItalic.woff') format('woff'),
        url('../fonts/Inter/Inter-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Black.eot');
    src: local('Inter Black'), local('Inter-Black'),
        url('../fonts/Inter/Inter-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter-Black.woff2') format('woff2'),
        url('../fonts/Inter/Inter-Black.woff') format('woff'),
        url('../fonts/Inter/Inter-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-BlackItalic.eot');
    src: local('Inter Black Italic'), local('Inter-BlackItalic'),
        url('../fonts/Inter/Inter-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter-BlackItalic.woff2') format('woff2'),
        url('../fonts/Inter/Inter-BlackItalic.woff') format('woff'),
        url('../fonts/Inter/Inter-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-ExtraBoldItalic.eot');
    src: local('Inter Extra Bold Italic'), local('Inter-ExtraBoldItalic'),
        url('../fonts/Inter/Inter-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Inter/Inter-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/Inter/Inter-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-ExtraBold.eot');
    src: local('Inter Extra Bold'), local('Inter-ExtraBold'),
        url('../fonts/Inter/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter-ExtraBold.woff2') format('woff2'),
        url('../fonts/Inter/Inter-ExtraBold.woff') format('woff'),
        url('../fonts/Inter/Inter-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Italic.eot');
    src: local('Inter Italic'), local('Inter-Italic'),
        url('../fonts/Inter/Inter-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter-Italic.woff2') format('woff2'),
        url('../fonts/Inter/Inter-Italic.woff') format('woff'),
        url('../fonts/Inter/Inter-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-SemiBoldItalic.eot');
    src: local('Inter Semi Bold Italic'), local('Inter-SemiBoldItalic'),
        url('../fonts/Inter/Inter-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Inter/Inter-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Inter/Inter-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-LightBETA.eot');
    src: local('Inter Light'), local('Inter-Light'),
        url('../fonts/Inter/Inter-LightBETA.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter-Light.woff2') format('woff2'),
        url('../fonts/Inter/Inter-Light.woff') format('woff'),
        url('../fonts/Inter/Inter-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-ExtraLightBETA.eot');
    src: local('Inter Extra Light'), local('Inter-ExtraLight'),
        url('../fonts/Inter/Inter-ExtraLightBETA.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter-ExtraLight.woff2') format('woff2'),
        url('../fonts/Inter/Inter-ExtraLight.woff') format('woff'),
        url('../fonts/Inter/Inter-ExtraLight.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
}
*/
/*/Inter Font End*/
/*
font: italic bold 0.8em/1.2 Arial,sans-serif;
*/
.title-h1 {
	font: 600 48px/56px Inter;
	letter-spacing: -0.96px;
}
	.title-h1--mob {
		font: 600 32px/38px Inter;
		letter-spacing: -0.64px;
	}
.title-h2 {
	font: 600 32px/38px Inter;
	letter-spacing: -0.64px;
}
	.title-h2--mob {
		font: 600 22px/28px Inter;
		letter-spacing: -0.44px;
	}
.title-xl {
	font: 500 18px/24px Inter;
	letter-spacing: -0.72px;
}
.text-s-medium {
	font: 500 16px/22px Inter;
	letter-spacing: -0.64px;
}
	.text-s-medium--mob {
		font: 500 14px/20px Inter;
		letter-spacing: -0.56px;
	}
.text-S-regular {
	font: 400 16px/22px Inter;
	letter-spacing: -0.64px;
}
	.text-S-regular--mob {
		font: 400 14px/20px Inter;
		letter-spacing: -0.56px;
	}
.text-label {
	font: 500 12px/12px Inter;
	letter-spacing: -0.48px;
}
.text-align--center {
	text-align: center;
}
.btn-white {
	font: 500 16px/22px Inter;
	letter-spacing: -0.64px;
	color: #08090A;
	text-decoration: none;
	border-radius: 500px;
	background: #FFF;
	padding: 10px 16px;
	transition: all .3s;
	cursor: pointer;
}
	.btn-white:hover {
		background: #B5B6B6;
	}
.btn-arrow {
	font: 500 16px/22px Inter;
	letter-spacing: -0.64px;
	color: #fff;
	text-decoration: none;
	border-radius: 200px;
	background: transparent;
	padding: 10px 8px;
	transition: all .3s;
	cursor: pointer;
}
	.btn-arrow:hover {
		background: #1A1A1A;
	}
@media(max-width:991px) {
	.title-h1 {
		font: 600 32px/38px Inter;
		letter-spacing: -0.64px;
	}
	.title-h2 {
		font: 600 22px/28px Inter;
		letter-spacing: -0.44px;
	}
	.text-s-medium {
		font: 500 14px/20px Inter;
		letter-spacing: -0.56px;
	}
	.text-S-regular {
		font: 400 14px/20px Inter;
		letter-spacing: -0.56px;
	}
	.mob-text-align--center {
		text-align: center;
	}
	.mob-text-align--left {
		text-align: left;
	}
	.btn-white {
		width: 100%;
		max-width: 335px;
		text-align: center;
	}
}
body {
	font: 400 16px/22px Inter;
	color: #B5B6B6;
	letter-spacing: -0.64px;
	background: #111;
}
header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    padding-top: 24px;
    padding-bottom: 24px;
    transition: all .3s;
    z-index: 10;
}
body.scrolled header {
	background: #111;
}
	header .container {
		max-width: 1369px;
	}
		.header-inner {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
			.section-header__main-logo {
				
			}
			.header-menu {
				border-radius: 500px;
				background: var(--Color, rgba(255, 255, 255, 0.15));
				padding: 10px 36px;
				display: flex;
				gap: 36px;
			}
				.header-menu__item {
					font:400 16px/22px Inter;
					letter-spacing: -0.64px;
					color: #B5B6B6;
				}
					.header-menu__item-url {
						color: #B5B6B6;
						text-decoration: none;
					}
			.header-btn__wrap {
				display: grid;
				grid-template-columns: auto auto;
				grid-gap: 24px;
				justify-content: flex-end;
				align-items: center;
			}
				.header-btn__reg {
					
				}
				.header-btn__order {
					
				}
.section-header {
	padding: 200px 0 230px;
	/* padding: 200px 0 0px; */
	/* overflow-x: hidden; */
	position: relative;
}
	.section-header::after {
		position: absolute;
		content: '';
		background: url(../img/header-bg-fullwidth.svg) 32% 100%/cover no-repeat;
		width: 100%;
		height: 711px;
		left: 0;
		bottom: -160px;
	}
.section-header .container {
	position: relative;
}
	.section-header .container::before {
		position: absolute;
		content: '';
		background: url(../img/header-grid-1.svg) center center/cover no-repeat;
		width: calc(100vw - 60%);
		max-width: 720px;
		height: 100%;
		max-height: 720px;
		z-index: -1;
		left: 49.4%;
		top: 0;
	}
	.section-header .container::after {
		position: absolute;
		content: '';
		background: url(../img/header-grid-2.svg) center center/cover no-repeat;
		width: calc(100vw - 60%);
		max-width: 720px;
		height: 100%;
		max-height: 720px;
		z-index: -1;
		right: 49.4%;
		top: 0;
	}
		.section-header__ttl {
			color: #fff;
			position: relative;
			z-index: 1;
		}
		.section-header__subttl {
			color: #B5B6B6;
			margin-top: 24px;
			position: relative;
			z-index: 1;
		}
		.section-header__btn-wrap {
			display: grid;
			grid-template-columns: auto auto;
			grid-gap: 24px;
			align-items: center;
			justify-content: center;
			margin-top: 36px;
			position: relative;
			z-index: 1;
		}
		.section-header__logos-wrap {
			margin-top: 110px;
			display: grid;
			grid-gap: 59px;
			grid-template-columns: repeat(auto-fit, minmax(48px,auto));
			justify-content: center;
			position: relative;
			z-index: 1;
		}
			.section-header__logo {
				display: block;
				margin: 0 auto;
				width: 48px;
				height: 48px;
			}
			@media(max-width:991px) {
				.section-header__logos-wrap {
					margin-top: 27px;
					grid-gap: 16px;
					grid-template-columns: repeat(auto-fit, minmax(24px,auto));
				}
					.section-header__logo {
						width: 24px;
						height: 24px;
					}
			}
.section-rag {
	margin-top: -116px;
	color: #fff;
}
	.rag-block {
		border-radius: 4px;
		background: linear-gradient(292deg, #19191D 0%, #161617 100.82%);
		padding: 40px;
		position: relative;
		z-index: 1;
	}
		.rag-ttl_area {
			display: grid;
			grid-template-columns: auto 426px;
			align-items: flex-end;
			justify-content: space-between;
			margin-bottom: 41px;
		}
			.rag-ttl_area-tag {
				position: relative;
				padding-left: 18px;
				margin-bottom: 12px;
				color: #B5B6B6;
			}
			.rag-ttl_area-tag::before {
				position: absolute;
				content: '';
				border-radius: 20px;
				background: #FC58FF;
				width: 12px;
				height: 8px;
				left: 0;
				top: 2px;
			}
			.rag-ttl_area-ttl {
				
			}
			.rag-ttl_area-txt {
				padding-right: 57px;
			}
			@media(max-width:991px) {
				.rag-ttl_area-txt br {
					display: none;
				}
			}
		.rag-top-row_area {
			display: grid;
			grid-template-columns: 39% auto;
			grid-gap: 24px;
			margin-bottom: 24px;
		}
		.rag-bottom-row_area {
			display: grid;
			grid-template-columns: auto 39%;
			grid-gap: 24px;
		}
			.rag-row_area-item {
				padding: 24px;
				position: relative;
			}
			.rag-top-row_area .rag-row_area-item:nth-child(1) {
				border-radius: 4px;
				padding-right: 48px;
				padding-top: 113px;
				overflow: hidden;
			}
			.rag-top-row_area .rag-row_area-item:nth-child(2) {
				border-radius: 4px;
				padding-right: 148px;
				padding-top: 109px;
				overflow: hidden;
			}
			.rag-bottom-row_area .rag-row_area-item:nth-child(1) {
				border-radius: 4px;
				padding-right: 120px;
				padding-top: 90px;
				overflow: hidden;
			}
			.rag-bottom-row_area .rag-row_area-item:nth-child(2) {
				border-radius: 4px;
				padding-right: 13px;
				padding-top: 88px;
				overflow: hidden;
			}
			.rag-top-row_area .rag-row_area-item:nth-child(1)::before {
				position: absolute;
				content: '';
				border-radius: 4px;
				background: url(../img/rag-bg-1.svg) 50% 0%/cover no-repeat;
				left: 1px;
				right: 1px;
				top: 1px;
				bottom: 1px;
				z-index: 2;
			}
			.rag-top-row_area .rag-row_area-item:nth-child(2)::before {
				position: absolute;
				content: '';
				border-radius: 4px;
				background: url(../img/rag-bg-2.svg) 100% 0%/cover no-repeat;
				left: 1px;
				right: 1px;
				top: 1px;
				bottom: 1px;
				z-index: 2;
			}
			.rag-bottom-row_area .rag-row_area-item:nth-child(1)::before {
				position: absolute;
				content: '';
				border-radius: 4px;
				background: url(../img/rag-bg-3.svg) 100% 0%/cover no-repeat;
				left: 1px;
				right: 1px;
				top: 1px;
				bottom: 1px;
				z-index: 2;
			}
			.rag-bottom-row_area .rag-row_area-item:nth-child(2)::before {
				position: absolute;
				content: '';
				border-radius: 4px;
				background: url(../img/rag-bg-4.svg) 50% 0%/contain no-repeat;
				left: 1px;
				right: 1px;
				top: 1px;
				bottom: 1px;
				background-size: cover;
				z-index: 2;
			}
			.rag-top-row_area .rag-row_area-item:nth-child(1)::after,
			.rag-bottom-row_area .rag-row_area-item:nth-child(1)::after,
			.rag-bottom-row_area .rag-row_area-item:nth-child(2)::after {
				position: absolute;
				content: '';
				border-radius: 4px;
				background: linear-gradient(324deg, rgba(255, 255, 255, 0.20) 20.44%, rgba(255, 255, 255, 0.00) 78.83%);
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				z-index: 1;
			}
			.rag-top-row_area .rag-row_area-item:nth-child(2)::after {
				position: absolute;
				content: '';
				border-radius: 4px;
				background: linear-gradient(180deg, #0F0F11 0%, rgba(15, 15, 17, 0.90) 59%, rgba(22, 22, 23, 0.50) 100%);
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				z-index: 1;
			}
				.rag-row_area-item-ttl {
					position: relative;
					z-index: 2;
				}
				.rag-row_area-item-txt {
					color: #B5B6B6;
					margin-top: 12px;
					position: relative;
					z-index: 2;
				}
	@media(max-width:991px) {
		.rag-ttl_area {
			grid-template-columns: auto;
			grid-gap: 12px;
			margin-bottom: 24px;
		}
		.rag-top-row_area,
		.rag-bottom-row_area {
			grid-template-columns: auto;
		}
		.rag-top-row_area .rag-row_area-item:nth-child(1) {
			padding-right: 42px;
			padding-top: 130px;
		}
		.rag-top-row_area .rag-row_area-item:nth-child(2) {
			padding-right: 27px;
			padding-top: 130px;
		}
		.rag-bottom-row_area .rag-row_area-item:nth-child(1) {
			padding-right: 28px;
			padding-top: 110px;
		}
		.rag-bottom-row_area .rag-row_area-item:nth-child(2) {
			padding-right: 33px;
			padding-top: 110px;
		}
	}
.section-api {
	color: #fff;
	margin: 120px 0;
}
	.section-api__ttl {
		margin-bottom: 16px;
	}
	.section-api__subttl {
		color: #B5B6B6;
		margin-bottom: 40px;
		padding: 0 16px;
	}
	.section-api__img-wrap {
		position: relative;
		margin-bottom: 24px;
	}
		.section-api__img-wrap::before {
			position: absolute;
			content: '';
			background: url(../img/api__logos-left.svg) center center/contain no-repeat;
			width: 365px;
			height: 308px;
			left: calc(-100% + 10px);
			top: calc(50% - 154px);
		}
		.section-api__img-wrap::after {
			position: absolute;
			content: '';
			background: url(../img/api__logos-right.svg) center center/contain no-repeat;
			width: 358px;
			height: 261px;
			right: calc(-100% + 17px);
			top: calc(50% - 130.5px);
		}
		.section-api__img {
			display: block;
			width: 100%;
			height: 100%;
			margin: 0 auto;
			object-fit: contain;
			object-position: top;
		}
	.section-api__tags-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		max-width: 370px;
		margin: -4px auto;
	}
		.section-api__tag {
			padding: 2px 4px;
			margin: 4px;
		}
		.section-api__tag:nth-child(1) {
			background: rgba(242, 95, 0, 0.20);
		}
		.section-api__tag:nth-child(2) {
			background: rgba(252, 88, 255, 0.20);
		}
		.section-api__tag:nth-child(3) {
			background: rgba(41, 255, 98, 0.20);
		}
		.section-api__tag:nth-child(4) {
			background: rgba(41, 56, 255, 0.20);
		}
	.section-api__btn-wrap {
		display: flex;
		justify-content: center;
		margin-top: 16px;
	}
	@media(max-width:1200px) and (min-width:992px) {
		.section-api__img-wrap::before {
			width: 278px;
			height: 235px;
			left: -273px;
			top: calc(50% - 117.5px);
		}
		.section-api__img-wrap::after {
			width: 278px;
			height: 203px;
			right: -273px;
			top: calc(50% - 101.5px);
		}
	}
	@media(max-width:991px) {
		.section-api__subttl {
		    margin-bottom: 0;
		    padding: 0 40px;
		}
		.section-api__img-wrap {
			position: relative;
			margin-bottom: 36px;
			padding-top: 271px;
			padding-bottom: 161px;
		}
		.section-api__img-wrap::before {
			background: url(../img/api__logos-left--mob.svg) center center/contain no-repeat;
			width: 100%;
			max-width: 337px;
			height: 240px;
			left: calc(50% - 169px);
			top: calc(0% + 36px);
			right: 1%;
			left: 1%;
			margin: 0 auto;
		}
		.section-api__img-wrap::after {
			background: url(../img/api__logos-right-mob.svg) center center/contain no-repeat;
			width: 100%;
			max-width: 348px;
			height: 165px;
			right: calc(50% - 172px);
			top: auto;
			bottom: calc(0% + 0px);
			right: 1%;
			left: 1%;
			margin: 0 auto;
		}
		.section-api__tag {
			margin: 2px;
		}
	}
.section-how {
	margin: 120px 0 40px;
}
	.how-main-ttl {
		color: #fff;
		margin-bottom: 36px;
	}
	.jkh-how-text {
		color: #fff;
		margin-top: 12px;
		padding-right: 86px;
		display: none;
	}
	.jkh-how-text.active {
		display: block;
	}
	.jcopilot-task__mainsubtxt {
			font: 20px/1.5 Inter-Medium;
			text-align: center;
		}
		.jcopilot-task__tab-block {
			margin-top: 80px;
		}
		.jcopilot-task__tab-block--test {
			margin-top: 32px;
		}
		.jcopilot-task__tab-inner {
			display: flex;
			flex-direction: column;
		}
		.jcopilot-task__tab-ttl {
			font: 500 16px/22px Inter;
			color: #B5B6B6;
			padding: 5px 0 5px 22px;
			margin-bottom: 16px;
			/* border-bottom: 2px solid transparent; */
			cursor: pointer;
			text-decoration: none;
			transition: all .3s;
			/* max-width: 200px; */
			position: relative;
		}
		.jcopilot-task__tab-ttl:last-child {
			margin-bottom: 0;
		}
		.jcopilot-task__tab-ttl::before {
			position: absolute;
			content: '';
			width: 6px;
			height: 100%;
			border-radius: 20px;
			background: #232326;
			transition: all .3s;
			left: 0;
			top: 0;
		}
		.jcopilot-task__tab-ttl.active::before,
		.jcopilot-task__tab-ttl:hover::before {
			background: #2938FF;
		}

		.jcopilot-task__tab-ttl.active,
		.jcopilot-task__tab-ttl:hover {
			color: #fff;
			/* border-bottom: 2px solid #605FE3; */
		}
		.jcopilot-task__tab-img {
			display: block;
			width: 100%;
			max-width: 970px;
			height: auto;
			height: auto;
			margin: 0 auto;
		}
		.jcopilot-task__tab-content-inner {
			position: relative;
		}
		.jcopilot-task__tab-img-wrap {
			position: absolute;
			opacity: 0;
			transition: all .4s ease-in;
			visibility: hidden;
			top: 0;
			left: 0;
			right: 0;
		}
		.jcopilot-task__tab-img-wrap.active {
			opacity: 1;
			visibility: visible;
			/* height: auto; */
			position: relative;
		}
		.jcopilot-task__tab-img:last-child {
			margin-bottom: 0;
		}
		.jcopilot-task__tab-img-wrap:not(.active) {
			/* right: 15px; */
			width: 100%;
			height: auto;
		}
		.jcopilot-task__tab-block-btn-wrap {
			margin-top: 40px;
		}
	@media(max-width:991px) {
		.how-main-ttl br {
			display: none;
		}
	}
.section-control {
	margin: 40px 0 120px;
}
	.control-block {
		position: relative;
		padding-top: 40px;
	}
	.control-block::before {
		position: absolute;
		content: '';
		background: #B5B6B6;
		height: 1px;
		left: 15px;
		right: 15px;
		top: 0;
	}
	.control__img-wrap {
		position: relative;
	}
		.control__img {
			display: block;
			width: 100%;
			max-width: 450px;
			object-fit: cover;
			object-position: top right;
		}
		.control__img-ttl {
			position: absolute;
			left: 24px;
			right: 47px;
			bottom: 80px;
		}
		.control__img-txt {
			position: absolute;
			left: 24px;
			right: 47px;
			bottom: 24px;
		}
	.control-text_area-tag {
		position: relative;
		padding-left: 18px;
		margin-bottom: 12px;
		color: #B5B6B6;
	}
	.control-text_area-tag::before {
		position: absolute;
		content: '';
		border-radius: 20px;
		background: #2938FF;
		width: 12px;
		height: 8px;
		left: 0;
		top: 2px;
	}
	.control-text_area-ttl {
		color: #fff;
		margin-bottom: 24px;
	}
	.control-text_area-wrap {
		max-width: 384px;
	}
		.control-text_area-txt {
			margin-bottom: 12px;
		}
		.control-text_area-txt:last-child {
			margin-bottom: 0;
		}
	.control-text__btn-wrap {
		display: flex;
		justify-content: flex-start;
		margin-top: 24px;
	}
.section-why {
	margin: 120px 0;
	padding-top: 92px;
	position: relative;
	overflow: hidden;
}
.section-why .container {
	position: relative;
}
	.section-why .container::before {
		position: absolute;
		content: '';
		background: url(../img/section-why-bg-left-1.svg) 50% 0%/cover no-repeat;
		width: 661px;
		height: 663px;
		top: -150px;
		left: calc(-100%/6);
		z-index:-1;
	}
	.section-why .container::after {
		position: absolute;
		content: '';
		background: url(../img/section-why-bg-right-1.svg) 50% 0%/cover no-repeat;
		width: 949px;
		height: 663px;
		top: -150px;
		right: calc(-100%/3);
		z-index:-1;
	}
	.why-ttl-block {
		margin-bottom: 114px;
	}
		.why-ttl-block__ico {
			display: block;
			margin: 0 auto 24px;
		}
		.why-ttl {
			color: #fff;
			margin-bottom: 24px;
		}
		.why-subttl {
			
		}
	.why-block {
		margin-bottom: -40px;
	}
		.why-item {
			margin-bottom: 40px;
		}
			.why-item__wrap {
				
			}
				.why-item__ttl {
					color: #fff;
					display: grid;
					grid-template-columns: auto auto;
					align-items: center;
					justify-content: flex-start;
					grid-gap: 12px;
					margin-bottom: 12px;
				}
					.why-item__ico {
						
					}
					.why-item__ttl span {
						
					}
				.why-item__txt {
					
				}
	.why__btn-wrap {
		display: flex;
		justify-content: center;
		margin-top: 24px;
	}
	@media(max-width: 1200px) {
		.section-why .container::before {
			left: auto;
			right: -165px;
		}
		.section-why .container::after {
			display: none;
		}
	}
	@media(max-width: 575px) {
		.why-item__txt br {
			display: none;
		}
	}
.section-rag-business {
	margin: 120px 0;
}
	.rag-business__tag {
		position: relative;
		padding-left: 18px;
		margin-bottom: 12px;
		color: #B5B6B6;
	}
	.rag-business__tag::before {
		position: absolute;
		content: '';
		border-radius: 20px;
		background: #F25F00;
		width: 12px;
		height: 8px;
		left: 0;
		top: 2px;
	}
	.rag-business__main-ttl {
		color: #fff;
		margin-bottom: 50px;
	}
	.rag-business-block {
		
	}
		.rag-business__inner {
			border-radius: 8px;
			background: linear-gradient(3deg, #0F0F11 2.13%, #161617 100.79%);
			border: 1px solid rgba(255, 255, 255, 0.20);
			padding: 24px 24px 28px;
			height: 100%;
		}
			.rag-business__item-ttl-wrap {
				display: grid;
				grid-template-columns: auto auto;
				grid-gap: 36px;
				justify-content: flex-start;
			}
				.rag-business__item-ttl {
					color: #fff;
					margin-bottom: 8px;
				}
				.rag-business__item-txt {
					margin-bottom: 16px;
				}
					.rag-business__item-txt span {
						white-space: nowrap;
					}
				.rag-business__item-btn-wrap {
					display: flex;
					justify-content: flex-start;
				}
					.rag-business__item-btn {
						font: 500 16px / 22px Inter;
						letter-spacing: -0.64px;
						color: #fff;
						text-decoration: none;
					}
				.rag-business-logo {
					
				}
			.rag-business__item-stat {
				margin-top: 44px;
				display: grid;
				grid-template-columns: auto auto;
				justify-content: flex-start;
				grid-gap: 155px;
			}
				.rag-business__item-stat-item {
					
				}
					.rag-business__item-stat-item-ttl {
						color: #fff;
						margin-bottom: 8px;
					}
					.rag-business__item-stat-item-txt {
						
					}
	.rag-articles-block-ttl {
		margin: 40px 0;
		padding-bottom: 16px;
		border-bottom: 1px solid #B5B6B6;
	}
		.rag-articles-block {
			
		}
			.rag-articles__item {
				
			}
				.rag-articles__item-inner {
					border-radius: 8px;
					border: 1px solid rgba(255, 255, 255, 0.20);
					background: linear-gradient(292deg, #363638 0%, #161617 100.82%);
					padding: 24px;
					height: 100%;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
				}
					.rag-articles__item-ttl {
						margin-bottom: 74px;
					}
					.rag-articles__item-btn-wrap {
						display: grid;
						grid-template-columns: auto auto;
						justify-content: space-between;
						align-items: center;
					}
						.rag-articles__item-url {
							color: #fff;
							text-decoration: none;
						}
						.rag-articles__item-tag {
							background: var(--White-15, rgba(255, 255, 255, 0.15));
							padding: 6px;
						}
.section-tariff {
	margin: 120px 0 120px;
}
	.tariff-wrap__border {
		position: relative;
		z-index: 0;
		overflow: hidden;
		border-radius: 8px;
		padding: 40px;
		background: #111;
	}
	.tariff-wrap__border::before {
		position: absolute;
		z-index: -1;
		content: '';
		border-radius: 8px;
		background: var(--Main-Colours-Linear, linear-gradient(324deg, rgba(255, 255, 255, 0.20) 20.44%, rgba(255, 255, 255, 0.00) 78.83%));
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
	.tariff-wrap__border::after {
		position: absolute;
		z-index: 2;
		content: '';
		border-radius: 8px;
		background: linear-gradient(3deg, #0F0F11 2.13%, #161617 100.79%);
		/* background: url(../img/tariff-grid.png) right center no-repeat; */
		left: 1px;
		right: 1px;
		top: 1px;
		bottom: 1px;
	}
		.tariff-wrap {
			position: relative;
			z-index: 3;
			
		}
		.tariff-wrap::before {
			position: absolute;
			z-index: 2;
			content: '';
			border-radius: 8px;
			background: url(../img/tariff-grid.png) 100% 0% no-repeat;
			left: -39px;
			right: -39px;
			top: -39px;
			bottom: -39px;
		}
		.tariff-wrap::after {
			position: absolute;
			z-index: 2;
			content: '';
			border-radius: 8px;
			background: url(../img/tariff-colored-bg.png) 100% 100% no-repeat;
			left: -39px;
			right: -39px;
			top: -39px;
			bottom: -39px;
		}
			.tariff-about-block {
				margin-bottom: 52px;
				position: relative;
				z-index: 4;
			}
				.tariff-about__inner {
					
				}

					.tariff-about__tag {
						position: relative;
						padding-left: 18px;
						margin-bottom: 12px;
						color: #B5B6B6;
					}
					.tariff-about__tag::before {
						position: absolute;
						content: '';
						border-radius: 20px;
						background: #FC58FF;
						width: 12px;
						height: 8px;
						left: 0;
						top: 2px;
					}
					.tariff-about__txt {
						margin-bottom: 12px;
						max-width: 488px;
					}
					.tariff-about__url {
						color: #fff;
						text-decoration: none;
					}
			.tariff-block {
				position: relative;
				z-index: 4;
				display: grid;
				grid-template-columns: 1fr 1fr;
				grid-gap: 162px;
				align-items: flex-end;
			}
				.tariff-inner {
					display: grid;
					grid-template-columns: 1fr 1fr;
					grid-gap: 162px;
					align-items: flex-end;
				}
					.tariff-text-wrap {
						
					}
						.tariff__ttl {
							color: #fff;
							margin-bottom: 16px;
						}
						.tariff__txt {
							color: #fff;
							margin-bottom: 18px;
							display: grid;
							grid-template-columns: auto auto;
							grid-gap: 8px;
							justify-content: flex-start;
							align-items: center;
						}
						.tariff__btn-wrap {
							display: flex;
							justify-content: flex-start;
						}
					.tariff-price-wrap {
						width: 100%;
					}
						.tariff-price-inner {
							/* width: 100%; */
						}
							.tariff-price__item {
								padding: 18px 16px;
								border-radius: 4px;
								background: var(--White-15, rgba(255, 255, 255, 0.15));
								display: grid;
								grid-template-columns: auto auto;
								justify-content: space-between;
								align-items: center;
								margin-bottom: 24px;
							}
							.tariff-price__item:last-child {
								margin-bottom: 0;
							}
								.tariff-price__item-token {
									color: #fff;
								}
								.tariff-price__item-price {
									color: #fff;
								}
@media(min-width:768px) {
	.tariff__btn-wrap--mob {
		display: none;
	}
}
@media(max-width:767px) {
	.tariff-wrap__border {
		padding: 40px 24px;
	}
	.tariff-wrap {
		display: flex;
		flex-direction: column;
	}
	.tariff-about-block {
		order: 2;
		margin-top: 24px;
		margin-bottom: 0;
	}
	.tariff-block {
        order: 1;
    }
	.tariff__btn-wrap--desktop {
		display: none;
	}
	.tariff__btn-wrap--mob {
		display: flex;
		margin-top: 24px;
	}
	.tariff__txt {
		margin-bottom: 0;
	}
	.tariff-wrap::after {
		background: url(../img/tariff-colored-bg.png) 30% 100% / cover no-repeat;
		left: -39px;
		right: -39px;
		top: -39px;
		bottom: -39px;
		height: 450px;
		transform: rotateX(180deg);
	}
}
								
								
								
								
								
								
								
								
								
								
								
								
.section-faq {
	margin: 120px 0;
}
.faq-wrapp {
    
}
	.faq-ttl-block {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
		.faq__main-ttl {
			color: #fff;
		}
		.faq-btn-note {
			margin-bottom: 1px;
		}
		.faq-btn-wrap {
			display: felx;
			justify-content: flex-start;
		}
			.faq-btn {
				color: #fff;
				text-decoration: none;
			}






		
.section-faq {
	margin: 120px 0;
}
	.faq-wrapp {
		
	}
		.faq-ttl-block {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
			.faq__ttl {
				color: #fff;
			}
			.faq-cta--mob {
				display: none;
			}
			.faq-btn-note {
				margin-bottom: 1px;
			}
			.faq-btn-wrap {
				display: felx;
				justify-content: flex-start;
			}
				.faq-btn {
					color: #fff;
					text-decoration: none;
				}
		.jprices-faq__spoiler-item {
			border-bottom: 1px solid #232326;
		}
		.jprices-faq__spoiler-item:last-child {
			margin-bottom: 0;
			padding-bottom: 0;
			border-bottom: none;
		}
				.jprices-faq__spoiler .faq_wrap {
					margin-top: 0;
				}
			.jprices-faq__spoiler .faq_wrap {
				position: relative;
				overflow: hidden;
				height: 100%;
			}

					.jprices-faq__spoiler .faq_item {
						margin: 0;
						box-sizing: border-box;
						transition: all .3s;
						background: transparent;
						position: relative;
						z-index: 1;
					}
					.jprices-faq__spoiler .faq_item:hover {
						transition: all .3s;
					}
					.jprices-faq__spoiler .faq_item:last-child {
						margin-bottom: 0;
					}
						.jprices-faq__spoiler .faq_title {
							transition: all .3s;
							padding: 0 89px 0 0;
							transition: all .1s;
							position: relative;
							cursor: pointer;
						}
						.jprices-faq__spoiler .faq_title.active {
							padding: 0 89px 0 0;
							transition: all .1s;
						}
						.jprices-faq__spoiler .faq_title .faq_arr_hideden,
						.jprices-faq__spoiler .faq_title .faq_arr_visible {
							position: absolute;
							margin: 0;
							right: 32px;
							top: 24px;
							transition: all .3s;
						}
						.jprices-faq__spoiler .jprices-faq__spoiler-item:first-child .faq_title .faq_arr_hideden,
						.jprices-faq__spoiler .jprices-faq__spoiler-item:first-child .faq_title .faq_arr_visible {
							top: 0;
						}
						.jprices-faq__spoiler .faq_title .faq_arr_hideden {
							display: none;
						}
						.jprices-faq__spoiler .faq_title .faq_arr_visible {
						width: 24px;
						height: 24px;
						right: 32px;
						}
						.jprices-faq__spoiler .faq_title.active .faq_arr_visible {
							display: none;
						}
						.jprices-faq__spoiler .faq_title.active .faq_arr_hideden {
							display: block;
							top: 24px;
							/* top: 0; */
							right: 34px;
							width: 24px;
							height: 24px;
						}
						.jprices-faq__spoiler .jprices-faq__spoiler-item:first-child .faq_title.active .faq_arr_hideden {
							top: 0;
						}
						.jprices-faq__spoiler .faq_title .faq_arr_visible path {
							transition: all .3s;
						}
						.jprices-faq__spoiler .faq_title:hover .faq_arr_visible path {
							/* fill:#605FE3; */
						}
							.jprices-faq__spoiler .faq_title.active p,
							.jprices-faq__spoiler .faq_title:hover p {
								color: #fff;
							}
							.jprices-faq__spoiler .faq_title.active p {
								color: #fff;
								padding: 24px 0 0;
							}
							.jprices-faq__spoiler .jprices-faq__spoiler-item:first-child .faq_title p {
								padding: 0 0 24px;
							}
							.jprices-faq__spoiler .faq_title p {
								font: 500 16px/22px Inter;
								letter-spacing: -0.64px;
								color: #fff;
								transition: all .3s;
								padding: 24px 0;
							}
						.jprices-faq__spoiler .faq_answer {
							padding: 18px 89px 24px 0;
							display: none;
						}
							.jprices-faq__spoiler .faq_answer p {
								font: 400 16px / 22px Inter;
								color: rgba(255, 255, 255, 0.63);
								letter-spacing: -0.64px;
							}
							.jprices-faq__spoiler .faq_answer p a {
								color: #605FE3;
							}
							.jprices-faq__spoiler .faq_answer p span {
								font-weight: normal;
							}
						.jprices-faq__spoiler .faq_answer ul {
							list-style: disc;
							padding-left: 22px;
						}
						.jprices-faq__spoiler .faq_answer ol {
							list-style: auto;
							padding-left: 22px;
						}
	@media(max-width: 991px) {
		.jprices-faq__spoiler .faq_title p {
			font: 500 14px / 20px Inter;
			letter-spacing: -0.56px;
		}
		.jprices-faq__spoiler .faq_answer p {
			font: 400 14px / 20px Inter;
			color: rgba(255, 255, 255, 0.63);
			letter-spacing: -0.56px;
		}
	}
	@media(max-width: 767px) {
		.faq__ttl {
			margin-bottom: 24px;
		}
		.faq-cta--desktop {
			display: none;
		}
		.faq-cta--mob {
			margin-top: 12px;
			display: grid;
			grid-gap: 4px;
			justify-content: center;
			text-align: center;
		}
	}
.section-banner {
	margin: 120px 0 0;
}
	.banner-wrap {
		display: grid;
		grid-template-columns: auto auto;
		justify-content: space-between;
		padding: 40px 40px 35px;
		position: relative;
		border-radius: 8px;
		overflow: hidden;
	}
	.banner-wrap::before {
		position: absolute;
		z-index: -1;
		content: '';
		border-radius: 8px;
		background: var(--Main-Colours-Linear, linear-gradient(324deg, rgba(255, 255, 255, 0.20) 20.44%, rgba(255, 255, 255, 0.00) 78.83%));
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
	.banner-wrap::after {
		position: absolute;
		z-index: 2;
		content: '';
		border-radius: 8px;
		background: linear-gradient(3deg, #0F0F11 2.13%, #161617 100.79%);
		left: 1px;
		right: 1px;
		top: 1px;
		bottom: 1px;
	}
		.banner-txt-wrap {
		position: relative;
		z-index: 3;
		}
			.banner__tag {
				position: relative;
				padding-left: 18px;
				margin-bottom: 12px;
				color: #B5B6B6;
			}
			.banner__tag::before {
				position: absolute;
				content: '';
				border-radius: 20px;
				background: #FC58FF;
				width: 12px;
				height: 8px;
				left: 0;
				top: 2px;
			}
			.banner__ttl {
				color: #fff;
			}
			.banner-img {
				position: absolute;
				z-index: 3;
				bottom: 1px;
				left: 35%;
			}
			.banner-img--mob {
				display: none;
			}
			.banner__btn-wrap {
				position: relative;
				z-index: 3;
				display: grid;
				grid-template-columns: auto auto;
				grid-gap: 13px 24px;
				justify-content: flex-end;
			}
			.banner__btn-wrap::after {
				position: absolute;
				content: '';
				background: radial-gradient(16.67% 100% at 30.75% 0%, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%);
				z-index: 1;
				width: 364px;
				height: 208px;
				transform: rotate(90deg);
				right: -120px;
				top: -10px;
			}
			.banner__btn-wrap .btn-arrow,
			.banner__btn-wrap .btn-white {
				position: relative;
				z-index: 2;
			}
footer {
	padding: 140px 0 155px;
    background: url(../img/footer-bg.png) 50% 100% / contain no-repeat;
}
	.footer-inner {
		
	}
		.footer-powered {
			font: 400 23px/normal Inter;
			color: #fff;
			display: grid;
			grid-template-columns: auto auto;
			grid-gap: 16px;
			justify-content: center;
			align-items: center;
			margin-bottom: 24px;
		}
			.footer-logo {
				
			}
		.footer-menu {
			display: flex;
			justify-content: center;
			gap: 36px;
			margin-bottom: 36px;
		}
			.footer-menu__item {
				font: 400 16px/22px Inter;
				color: #B5B6B6;
				letter-spacing: -0.64px;
			}
				.footer-menu__item-url {
					color: #B5B6B6;
					text-decoration: none;
				}
		.footer-copyright {
			font: 400 16px/22px Inter;
			color: #B5B6B6;
			letter-spacing: -0.64px;
			text-align: center;
		}




/*Right Sidebar*/
.page-content {
	transition: all .5s;
	overflow: hidden;
}
.right-sidebar-is-open .page-content {
	position: relative;
    top: 0;
    /*right: 512px;*/
	transform: translateX(-512px);
    width: 100%;
    height: 100%;
}
.right-sidebar__open-btn {
	cursor: pointer;
	/*overflow: hidden;*/
}
.right-sidebar {
	visibility: hidden;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transition: all .5s;
	z-index: 1000;
}
.right-sidebar-open {
	visibility: visible;
	background: #19191fe6;
	z-index: 1000;
	cursor: url(../img/right-sidebar__close-btn.svg) 10 10, move;
}
	.right-sidebar__overflow {
		background: #08090A;
		width: 512px;
		height: 100%;
		transition: all .3s;
		position: fixed;
		top: 0;
		right: -560px;
	}
	.right-sidebar-open__overflow {
		width: 512px;
		height: 100%;
		right: 0;
		transition: all .5s;
		cursor: pointer;
	}
		.right-sidebar__close-btn {
			position: absolute;
			width: 45px;
			height: 45px;
			background: #fff;
			top: 0;
			left: -45px;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			cursor: pointer;
		}
			.right-sidebar__close-btn::before {
				position: absolute;
				content: '';
				background: #000;
				width: 30px;
				height: 2px;
				transform: rotate(45deg);
			}
			.right-sidebar__close-btn::after {
				position: absolute;
				content: '';
				background: #000;
				width: 30px;
				height: 2px;
				transform: rotate(135deg);
			}
	.right-sidebar-form__wrap {
		padding: 48px 92px;
		overflow-y: auto;
		overflow-x: hidden;
		height: 100%;
	}
		.right-sidebar-form {
			transform: translateX(0);
			opacity: 1;
			transition: all .5s;
		}
		.form-hidden {
			transition: all 5.7s;
			transform: translateX(150%);
			opacity: 0;
			height: 0px;
			overflow: hidden;
			
		}
		.right-sidebar-form__ttl {
			font: 500 24px/1.5 Inter;
			margin-bottom: 24px;
			color: #fff;
		}
		.right-sidebar-form__input-wrap {
			position: relative;
			margin-bottom: 24px;
		}
			.right-sidebar-form__label {
				position: absolute;
				left: 10px;
				top: 12px;
				color: #B5B6B6;
				font: 400 16px/1.5 Inter;
				letter-spacing: normal;
				box-sizing: border-box;
				background-color: transparent;
				cursor: text;
				-webkit-transition: all .2s cubic-bezier(0.215, 0.061, 0.355, 1);
				-moz-transition: all .2s cubic-bezier(0.215, 0.061, 0.355, 1);
				-ms-transition: all .2s cubic-bezier(0.215, 0.061, 0.355, 1);
				-o-transition: all .2s cubic-bezier(0.215, 0.061, 0.355, 1);
				transition: all .2s cubic-bezier(0.215, 0.061, 0.355, 1);
			}
			.right-sidebar-form__label-ai-solution {
				line-height: 1.1;
				top: 6px;
			}
			@media(max-width:575px) {
				.right-sidebar-form__label.tel-label__width-flags {
					padding-left: 64px!important;
				}
			}
			.right-sidebar-form__input:focus + .right-sidebar-form__label,
			.right-sidebar-form__input--not-empty + .right-sidebar-form__label {
				top: -9px;
				font: 400 12px/1.5 Inter;
				background: #08090A;
			}
			.right-sidebar-form__input:focus + .right-sidebar-form__label.right-sidebar-form__label-message,
			.right-sidebar-form__input--not-empty + .right-sidebar-form__label.right-sidebar-form__label-message {
				top: -18px;
				right: 9px;
			}
			.right-sidebar-form__input,
			.right-sidebar-form__input:focus-within,
			.right-sidebar-form__input:focus-visible {
				font: 400 16px/1.5 Inter;
				color: #fff!important;
				width: 100%;
				padding: 11px 16px 10px;
				border: 1px solid #232326;
				background-color: #08090A!important;
				border-radius: 4px;
			}
			.right-sidebar-form__input.right-sidebar-form__input-textarea,
			.right-sidebar-form__input.right-sidebar-form__input-textarea:focus-within,
			.right-sidebar-form__input.right-sidebar-form__input-textarea:focus-visible {
				padding: 14px 16px 10px;
			}
			select.right-sidebar-form__input,
			.right-sidebar-form__input option {
				height: 47px;
				display: block;
			}
			.right-sidebar-form__input:focus {
				border: 1px solid #232326;
				background-color: #08090A!important;
				color: #F4F4F6!important;
			}
			.right-sidebar-form__input:-webkit-autofill,
			.right-sidebar-form__input:-webkit-autofill:hover, 
			.right-sidebar-form__input:-webkit-autofill:focus, 
			.right-sidebar-form__input:-webkit-autofill:active			{
				-webkit-box-shadow: 0 0 0 30px #08090A inset!important;
				-webkit-text-fill-color: #ffffff!important;
				background-color: #08090A!important;
				-webkit-animation: autofill 0s forwards;
				background-color: -internal-light-dark(#08090A, #08090A);
			}
			@-webkit-keyframes autofill {
				100% {
					background-color: #08090A!important;
					color: inherit;
				}
			}
			.right-sidebar-form__label-control {
					margin: 0;
					padding: 0;
					display: flex;
					flex-direction: row;
					font: 400 10px/1.5em Inter;
					color: #B5B6B6;
			}
			.right-sidebar-form__btn--color_bg {
				width: 100%;
				border: none;
				cursor: pointer;
				font: 500 16px / 22px Inter;
				letter-spacing: -0.64px;
				color: #08090A;
				text-decoration: none;
				border-radius: 500px;
				background: #FFF;
				padding: 12px 16px;
				transition: all .3s;
			}
			.right-sidebar-form__btn--color_bg:hover {
				background: #B5B6B6;
			}
.right-sidebar-form__label-control {
	display: block;
	position: relative;
	padding-left: 33px;
	margin-bottom: 0;
	padding-top: 0px;
	cursor: pointer;
	color: #333;
}
.right-sidebar-form__label-control-url {
	font: 400 10px/1.5 Inter;
	color: #B5B6B6;
	/* text-decoration: none; */
}
.right-sidebar-form__label-control-txt {
	font: 400 10px/1.5 Inter;
	color: #B5B6B6;
	padding-top: 10px;
}
	.right-sidebar-form__label-control-txt a {
		color: #5692F1;
	}
.right-sidebar-form__control-checkbox {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.right-sidebar-form__control-checkbox:checked ~ .right-sidebar-form__checkbox-indicator	{
	display: block;
}
.right-sidebar-form__control-checkbox:disabled ~ .right-sidebar-form__checkbox-indicator {
	background: #e6e6e6;
	opacity: 0.6;
	pointer-events: none;
}
.right-sidebar-form__checkbox-indicator {
	position: absolute;
	top: 7px;
	left: 0;
	height: 16px;
	width: 16px;
	background: transparent;
	border: 1px solid #B5B6B6;
	border-radius: 4px;
	-webkit-box-sizing: unset;
	box-sizing: unset;
}

.right-sidebar-form__checkbox-indicator:after {
	-webkit-box-sizing: unset;
	box-sizing: unset;
	content: '';
	position: absolute;
	display: none;
	left: 5px;
	top: 2px;
	width: 5px;
	height: 8px;
	border: solid #A6A6C4;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.right-sidebar-form__control-checkbox:checked ~ .right-sidebar-form__checkbox-indicator:after	{
  display: block;
}
.control-checkbox .right-sidebar-form__checkbox-indicator:after {
	display: block;
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid #333333;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.right-sidebar-form__control-checkbox:disabled ~ .right-sidebar-form__checkbox-indicator:after {
	border-color: #7b7b7b;
}
/*Right Sidebar End*/
@media(min-width:1201px) {
	.menu-open-close {
		display: none;
	}
}	
@media(max-width:1200px) {
	.menu-open-close {
		display: block;
	}
	.header-menu,
	.header-btn__wrap {
		display: none;
	}
}
@media(max-width:991px) {
	.section-header {
		padding: 120px 0 230px;
		position: relative;
	}
	.section-header__subttl {
		font: 500 14px / 20px Inter;
		letter-spacing: -0.56px;
	}
		.section-rag {
			margin-top: -160px;
			background: #111;
			position: relative;
		}
	.rag-block {
		background: transparent;
		padding: 80px 0 0;
	}
	.rag-row_area-item-txt {
		margin-top: 6px;
	}
	.section-api {
		margin: 80px 0;
	}
	.section-api__ttl {
		font: 600 32px / 38px Inter;
		letter-spacing: -0.64px;
	}
	.section-how {
		margin: 80px 0 36px;
	}
	.how-main-ttl {
		margin-bottom: 24px;
		font: 600 32px / 38px Inter;
		letter-spacing: -0.64px;
	}
	.jcopilot-task__tab-ttl {
		font: 400 14px / 20px Inter;
		letter-spacing: -0.56px;
	}
	.jkh-how-text {
		color: #B5B6B6;
		margin-top: 12px;
		padding-right: 0;
		font: 400 14px / 20px Inter;
		letter-spacing: -0.56px;
		margin-bottom: 16px;
	}
	.section-control {
		margin: 36px 0 85px;
	}
	.control__img-ttl {
		left: 16px;
		right: 0;
		bottom: 90px;
		color: #fff;
	}
	.control__img-txt {
		left: 16px;
		right: 47px;
		bottom: 24px;
	}
	.section-why {
		margin: 85px 0 80px;
		padding-top: 0;
	}
	.why-ttl-block__ico {
		display: block;
		margin: 0 0 16px;
	}
	.why-ttl {
		text-align: left;
	}
	.why-subttl {
		text-align: left;
	}
	.why-ttl-block {
		margin-bottom: 40px;
	}
	.why__btn-wrap {
		margin-top: 32px;
	}
	.section-rag-business {
		margin: 80px 0;
	}
	.rag-business__main-ttl {
		margin-bottom: 26px;
	}
	.rag-business__item-ttl {
		font: 500 14px / 20px Inter;
		letter-spacing: -0.56px;
	}
	.rag-business__item-txt {
		margin-bottom: 4px;
		font: 500 14px / 20px Inter;
		letter-spacing: -0.56px;
	}
	.rag-business__item-btn {
		font: 500 14px / 20px Inter;
		letter-spacing: -0.56px;
	}
	.rag-business__item-stat {
		margin-top: 24px;
		justify-content: space-between;
		grid-gap: 0;
	}
	.rag-articles-block-ttl {
		margin: 36px 0 16px;
		padding-bottom: 12px;
		font: 500 14px / 20px Inter;
		letter-spacing: -0.56px;
	}
	.rag-articles__item-ttl {
		margin-bottom: 16px;
		font: 500 14px / 20px Inter;
		letter-spacing: -0.56px;
		color: #fff;
	}
	.rag-articles__item-tag {
		padding: 4px 7px;
		font-weight: 400;
	}
	.section-tariff {
		margin: 80px 0;
	}
	.section-faq {
		margin: 80px 0;
	}
}
@media(max-width:767px) {
	.section-header .container {
		display: flex;
		flex-direction: column;
	}
.section-header__ttl-block {
	order: 1;
}
.section-header__logos-wrap {
	order: 2;
}
.section-header__btn-wrap {
	order: 3;
}
.section-header__btn-wrap {
    margin-top: 71px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.control-txt-col {
	order: 1;
}
.control-img-col {
	order: 2;
}
.control-text_area-wrap {
    max-width: 100%;
}
.control-text__btn-wrap {
    justify-content: center;
}
.control__img-wrap {
    background: #16151f;
}
.rag-business-block {
	margin-bottom: -24px;
}
.rag-business__item {
	margin-bottom: 24px;
}
.faq__main-ttl {
    margin-bottom: 24px;
}
.section-banner {
    margin: 80px 0 0;
}
.banner-img--desktop {
	display: none;
}
.banner-img--mob {
	display: block;
	position: relative;
	z-index: 3;
	margin-top: -16px;
	margin-right: -8px;
}
.banner-wrap {
    padding: 24px;
	grid-gap: 13px 0;
}
.banner__btn-wrap::after {
	display: none;
}
.banner__btn-wrap {
	grid-template-columns: auto;
    justify-content: center;
    grid-area: 2 / 1 / 3 / 3;
}
.banner__btn-wrap .btn-white {
	order: 1;
}
.banner__btn-wrap .btn-arrow {
	order: 2;
}
.footer-powered {
    font: 400 20px / normal Inter;
    grid-gap: 14px;
    margin-bottom: 14px;
}
.footer-menu {
    gap: 16px;
    margin-bottom: 36px;
    flex-wrap: wrap;
}
footer {
    padding: 80px 0 70px;
}







.tariff-block {
    position: relative;
    z-index: 4;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 24px;
    align-items: flex-end;
}
.rag-articles-block {
	margin-bottom: -24px;
}
	.rag-articles__item {
		margin-bottom: 24px;
	}
	.tariff__btn-wrap {
		justify-content: center;
	}





}	
@media(max-width:575px) {
	.right-sidebar-open__overflow {
		width: calc(100% - 52px);
	}
	.right-sidebar-form__wrap {
		padding: 32px 16px;
	}
}



.pop-up_thx2 {
	background: #ffffff;
	padding: 50px 15px;
	text-align: left;
	max-width: 600px;
	margin: 40px auto;
	position: relative;
	border-radius: 24px;
}
.pop_title_pal {
	letter-spacing: normal;
	color: #333333;
	position: relative;
	margin-top: 4px;
	margin-bottom: 32px;
	text-align: center;
	font: 500 22px/1.3 Inter;
}
.pop_under_title {
	font-size: 16px;
	line-height: 1.33;
	color: #333333;
	margin-top: 15px;

	text-align: center;
}
.pop-up {
  background: #333333;
  padding: 80px 15px;
  text-align: left;
  max-width: 730px;
  margin: 40px auto;
  position: relative;
}
.pop-up_thx {
  background: #333333;
  padding: 80px 15px;
  text-align: left;
  max-width: 600px;
  margin: 40px auto;
  position: relative;
}
.thx_wrap {
  max-width: 500px;
  margin: auto;
}
.thx_txt {
  font-size: 24px;
  margin-top: 30px;
  color: #fff;
}
/**
 * Fade-zoom animation for first dialog
 */
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}
/**
 * Fade-move animation for second dialog
 */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  transform: translateY(-20px) perspective(600px) rotateX(10deg);
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -ms-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  transform: translateY(-10px) perspective(600px) rotateX(10deg);
}
/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0;
}