@charset "UTF-8";
@media only screen and (max-width: 639px) {
		.service-head.service-head-basis .image .pic {
				background-image: url("../img/services/basis/Dashboard_1x.png");
		}
}
@media only screen and (min-width: 640px) {
		.service-head.service-head-basis .image .pic {
				background-image: url("../img/services/basis/Dashboard_2x.png");
		}
}
.service-head-basis .logo-bg:before {
		transform: scale(1, -1);
}
.service-head-basis .logo-bg:after {
		left: 50%;
		background-image: radial-gradient(circle at 0 0, #9542FF 0%, #C253D5 50%, #19FCFE 100%);
}
@media only screen and (max-width: 999px) {
		.service-head-basis .logo-bg:before {
				width: 510px;
				top: 64px;
				left: -99px;
		}
		.service-head-basis .logo-bg:after {
				width: 618px;
				top: -350px;
				margin-left: -34px;
		}
}
@media only screen and (min-width: 1000px) {
		.service-head-basis .logo-bg:before {
				width: 1051px;
				top: -147px;
				left: 79px;
		}
		.service-head-basis .logo-bg:after {
				width: 1003px;
				top: -421px;
				margin-left: 12.25rem;
		}
}
.service-head-basis .moving-gradient-wrap {
		--color1: #FFE040;
		--color2: #FE4487;
		--color3: #C03FFD;
		--color4: #B02EFF;
		--color5: #010315;
		--color6: rgba(255, 224, 64, 0.6);
}
.service-head-basis .image .pic:after {
		--color6: rgba(176, 46, 255, 1);
}
.basis-empower {
		overflow: hidden;
		padding-top: var(--vspace-small);
		padding-bottom: 50px;
}
.basis-empower .top-text {
		margin-bottom: 50px;
}
.basis-empower .top-text .max {
		max-width: 52.2em;
}
.basis-empower .h2 {
		font-size: 33px;
		max-width: 16.4em;
		margin-top: -6px;
		margin-bottom: 18px;
}
@media only screen and (min-width: 1000px) {
		.basis-empower .top-text {
				margin-bottom: 70px;
		}
		.basis-empower .h2 {
				font-size: 4rem; /*64px*/
				margin-top: -0.75rem;
				margin-bottom: 22px;
		}
}
.basis-empower-slider {
		overflow: visible !important;
		width: auto !important;
		margin-left: -5px !important;
		margin-right: -5px !important;
}
.basis-empower-slider .swiper-slide {
		width: 20%;
		padding: 0 5px;
		min-width: 258px;
}
.basis-empower-slider .swiper-slide:first-child {
		margin-left: auto;
}
.basis-empower-slider .swiper-slide:last-child {
		margin-right: auto;
}
.basis-empower .block {
		font-weight: 500;
		font-size: 27px;
		line-height: 1.5;
		color: var(--white);
		backface-visibility: hidden;
		padding: 42px 0 40px 0;
		border-radius: 20px;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
		overflow: hidden;
		transform: translateZ(0);
		--color: #000;
		background: radial-gradient(ellipse at -70px -65px, var(--color), var(--black) 80%);
}
.basis-empower .swiper-slide:nth-child(1) .block {
		transition-delay: 0s;
}
.basis-empower .swiper-slide:nth-child(2) .block {
		transition-delay: 0.1s;
}
.basis-empower .swiper-slide:nth-child(3) .block {
		transition-delay: 0.2s;
}
.basis-empower .swiper-slide:nth-child(4) .block {
		transition-delay: 0.3s;
}
.basis-empower .swiper-slide:nth-child(5) .block {
		transition-delay: 0.4s;
}
.basis-empower .swiper-slide:nth-child(6) .block {
		transition-delay: 0.5s;
}
.basis-empower .swiper-slide:nth-child(7) .block {
		transition-delay: 0.6s;
}
.basis-empower .swiper-slide:nth-child(8) .block {
		transition-delay: 0.7s;
}
.basis-empower .swiper-slide:nth-child(9) .block {
		transition-delay: 0.8s;
}
.basis-empower .swiper-slide:nth-child(10) .block {
		transition-delay: 0.9s;
}
.basis-empower .block:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: inherit;
		background: rgba(12, 19, 27, 0.60);
}
.basis-empower .block > * {
		flex: 0 0 auto;
		max-width: 100%;
		position: relative;
}
.basis-empower .block .title {
		font-weight: 500;
		font-size: 20px;
		line-height: 1.5;
		color: inherit;
		opacity: 0.7;
		margin: 0 0 13px 0;
}
.basis-empower .block .part {
		font-size: 16px;
		padding: 0 12px 0 42px;
		height: 40px;
		line-height: 40px;
		white-space: nowrap;
		position: relative;
		text-align: left;
		margin-top: 38px;
		border-radius: 10px;
}
.basis-empower .block .part:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 12px;
		width: 20px;
		height: 20px;
		margin: -10px 0;
		background: url("../img/icons/Pie_chart-white.svg") no-repeat 50% 50%;
		background-size: contain;
}
.basis-empower .block.bg-bronze {
		--color: #CD885F;
}
.basis-empower .block.bg-bronze .part {
		background: linear-gradient(180deg, #D58D65 0%, rgba(182, 118, 72, 0.90) 100%);
}
.basis-empower .block.bg-silver {
		--color: #767D8B;
}
.basis-empower .block.bg-silver .part {
		background: linear-gradient(180deg, #7D8391 0%, rgba(86, 95, 115, 0.90) 100%);
}
.basis-empower .block.bg-gold {
		--color: #C6B55B;
}
.basis-empower .block.bg-gold .part {
		background: linear-gradient(180deg, #C8B75D 0%, rgba(176, 155, 44, 0.90) 100%);
}
.basis-empower .block.bg-platinum {
		--color: #AEB8CB;
}
.basis-empower .block.bg-platinum .part {
		background: linear-gradient(180deg, #B2BCCF 0%, rgba(153, 163, 186, 0.90) 100%), linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.90) 100%);
}
.basis-empower .block.bg-black {
		--color: #000;
}
.basis-empower .block.bg-black .part {
		background: #000;
		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}
.basis-risk {
		overflow: hidden;
		color: var(--white);
}
.basis-risk .container {
		display: flex;
		flex-direction: column;
		align-items: center;
}
.basis-risk .video {
		position: relative;
		aspect-ratio: 1/1;
		width: 181%;
		flex: 0 0 auto;
		max-width: 707px;
}
.basis-risk .text {
		flex: 0 0 auto;
		width: 100%;
		position: relative;
		margin-top: -38px;
}
.basis-risk .h2 {
		font-size: 36px;
		margin: 0 0 18px 0;
}
.basis-risk p {
		margin: 0 0 19px 0;
}
@media only screen and (min-width: 1000px) {
		.basis-risk .h2 {
				font-size: 3.5rem; /*56px*/
				margin-bottom: 30px;
		}
}
.basis-risk .text > *:last-child {
		margin-bottom: 0;
}
@media only screen and (min-width: 760px) {
		.basis-risk .container {
				flex-direction: row;
		}
		.basis-risk .video {
				width: 70%;
				max-width: none;
				margin: 0 -6.5%;
		}
		.basis-risk .text {
				width: 43%;
				padding-top: var(--vspace-small);
				padding-bottom: var(--vspace-small);
		}
}
.basis-service {
		padding-top: 108px;
}
.basis-service .top {
		font-size: 18px;
		color: var(--white);
		max-width: 33.333333em;
		margin: 0 0 48px 0;
}
.basis-service .h2 {
		font-size: 36px;
		margin: 0 0 18px 0;
}
.basis-service .key {
		margin: 0 0 50px 0;
		font-size: 16px;
		max-width: 31.5625em;
}
.basis-service .key .h3 {
		font-weight: 600;
		font-size: 36px;
		line-height: 1.1;
		margin: 0 0 17px 0;
}
.basis-service .key .text-grad {
		background: var(--grad3-rev);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
}
.basis-service .list, .basis-service .list .el {
		position: relative;
}
.basis-service .list .el:not(:last-child) {
		padding-bottom: 70px;
}
.basis-service .list .h3 {
		font-weight: 600;
		line-height: 1.1;
		font-size: 24px;
		margin: 0 0 21px 0;
}
@media only screen and (min-width: 760px) {
		.basis-service .container {
				display: grid;
				grid-template-columns: 57% 43%;
				gap: 70px 0;
		}
		.basis-service .top {
				grid-column: 1;
				margin: 0 30px auto 0;
		}
		.basis-service .key {
				grid-column: 1;
				margin: auto 30px 26px 0;
		}
		.basis-service .list {
				grid-row: 1/3;
				grid-column: 2;
				margin-top: 8px;
		}
		.basis-service .list:before, .basis-service .list .el:before {
				top: 13px;
				left: 0;
				background: #B7FF42;
		}
		.basis-service .list:before {
				content: '';
				position: absolute;
				bottom: 0;
				width: 1.5px;
				transform: translate3d(-50%, 0, 0);
		}
		.basis-service .list .el {
				padding-left: 30px;
		}
		.basis-service .list .el:before {
				content: '';
				position: absolute;
				width: 11px;
				height: 11px;
				transform: translate3d(-50%, -50%, 0);
				border-radius: 50%;
		}
		.basis-service .list .el:last-child {
				padding-bottom: 52px;
		}
}
@media only screen and (min-width: 1000px) {
		.basis-service {
				margin-bottom: calc(24px - var(--vspace-small));
		}
		.basis-service .h2 {
				font-size: 4rem; /*64px*/
				margin-bottom: 12px;
		}
		.basis-service .key .h3 {
				font-size: 24px;
				margin-bottom: 20px;
		}
		.basis-service .list .h3 {
				font-size: 30px;
				margin-bottom: 30px;
		}
		.basis-service .list:before, .basis-service .list .el:before {
				top: 15px;
				left: 20px;
		}
		.basis-service .list .el {
				padding-left: 78px;
		}
}
.basis-service .h2 {
		transition-delay: 0s;
}
.basis-service .top .text {
		transition-delay: 0.1s;
}
.basis-service .key .h3 {
		transition-delay: 0.2s;
}
.basis-service .key .text {
		transition-delay: 0.3s;
}
.basis-service .list .el:nth-child(1) .h3 {
		transition-delay: 0.4s;
}
.basis-service .list .el:nth-child(1) .list-mini {
		transition-delay: 0.5s;
}
.basis-service .list .el:nth-child(2) .h3 {
		transition-delay: 0.6s;
}
.basis-service .list .el:nth-child(2) .list-mini {
		transition-delay: 0.7s;
}
.basis-service .list .el:nth-child(3) .h3 {
		transition-delay: 0.8s;
}
.basis-service .list .el:nth-child(3) .list-mini {
		transition-delay: 0.9s;
}