@charset "UTF-8";
.about-top .top {
		min-height: 100vh;
		min-height: 100svh;
		padding-top: var(--header);
		padding-bottom: var(--vspace-small);
}
@media only screen and (min-width: 1000px) {
		.about-top .top {
				padding-bottom: 100px;
		}
}
.about-top .moving-gradient-wrap {
		margin-top: 4px;
}
.about-top .circle {
		z-index: 3;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 80vw;
		height: 80vw;
		border-radius: 50%;
		transform: translate3d(-50%, var(--distance), 0);
		background: var(--black);
		min-width: 481px;
		min-height: 481px;
		max-width: 1166px;
		max-height: 1166px;
		box-shadow: 0 0 60px var(--black), 0 0 30px var(--black), 0 0 10px var(--black);
		border: 4px solid var(--white);
		backface-visibility: hidden;
		transition-property: opacity, transform;
		transition-duration: 0.5s, 1.5s;
		transition-timing-function: var(--move-timing);
		opacity: 0;
}
.about-top.visible .circle {
		opacity: 1;
		transform: translate3d(-50%, 0, 0);
}
.about-top .circle:before, .about-top .circle:after {
		content: '';
}
.about-top .circle:before, .about-top .circle:after, .about-top .circle .glow {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: 50%;
}
.about-top .circle .glow {
		top: 0;
		left: 50%;
		width: 84%;
		height: 84%;
		bottom: auto;
		right: auto;
		transform: translate3d(-50%, 0, 0);
		box-shadow: 0 0 calc(var(--radius) * 0.5) var(--white);
		z-index: 1;
}
.about-top .circle:before {
		box-shadow: inset 0 0 calc(var(--radius) * 0.5) var(--white);
		background: var(--black);
		z-index: 2;
}
.about-top .circle:after {
		content: '';
		background: linear-gradient(to bottom, transparent 0%, var(--black) 8.5%);
		margin: -5px;
		z-index: 2;
}
.about-top .top-text {
		margin: 0;
		font-size: 16px;
		color: var(--white);
		position: relative;
		z-index: 3;
		margin-top: -19.4vw;
		padding-top: 100px;
}
@media only screen and (max-width: 809px) {
		.about-top .top-text {
				margin-top: -157px;
		}
}
@media only screen and (min-width: 1440px) {
		.about-top .top-text {
				margin-top: -280px;
		}
}
.about-top .top-text .max {
		max-width: 32.5em;
}
.about-top .h1 {
		font-size: 16px;
		line-height: 1.5;
		text-transform: uppercase;
		background: var(--grad2-rev);
		display: inline-block;
		vertical-align: top;
		margin: 0 0 30px 0;
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
}
.about-top .h2 {
		max-width: 14.4em;
}
@media only screen and (max-width: 999px) {
		.about-top .h2 {
				margin-bottom: 10px;
		}
}
@media only screen and (min-width: 1000px) {
		.about-top .top-text {
				font-size: 1.5rem;
		}
		.about-top .h1 {
				margin-bottom: 23px;
		}
		.about-top .h2 {
				font-size: 4rem;
				margin-bottom: 18px;
		}
}
.about-top .text {
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-height: 100vh;
		min-height: 100svh;
		font-weight: 600;
		font-size: 27px;
		line-height: 1.3;
}
@media only screen and (min-width: 760px) {
		.about-top .text {
				font-size: 2.875rem;
		}
}
.about-top .text .container {
		padding-top: var(--vspace-small);
		padding-bottom: var(--vspace-small);
}
.about-top .text .max {
		margin: 0 auto;
		max-width: 24.782em;
}
.shadow-text {
		--percent: 0;
		--num: 1;
		--width: 0;
		position: relative;
		z-index: 2;
		background: var(--grad2);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
}
.shadow-text .lines {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		overflow: hidden;
		backface-visibility: hidden;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
}
.shadow-text .lines > * {
		flex: 0 0 auto;
		height: calc((100% / var(--num)));
		background: var(--black);
		backface-visibility: hidden;
		will-change: transform;
		transform: translate3d(calc(var(--width) * var(--percent)), 0, 0);
		transition: opacity 0.2s linear;
}
.shadow-text .lines1 > * {
		mix-blend-mode: hue;
}
.shadow-text .lines1 > * {
		opacity: 0.7;
}
.shadow-text .lines2 > * {
		opacity: 0.7;
}
.shadow-text.end .lines > * {
		opacity: 0;
}
.shadow-text .lines > *:before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 100%;
		margin-right: -1px;
		width: 200px;
		max-width: 25vw;
		background: linear-gradient(to right, transparent 0%, var(--black) 100%);
}
.shadow-text .lines > *:nth-child(1) {
		width: 100%;
}
.shadow-text .lines > *:nth-child(2) {
		width: 200%;
}
.shadow-text .lines > *:nth-child(3) {
		width: 300%;
}
.shadow-text .lines > *:nth-child(4) {
		width: 400%;
}
.shadow-text .lines > *:nth-child(5) {
		width: 500%;
}
.shadow-text .lines > *:nth-child(6) {
		width: 600%;
}
.shadow-text .lines > *:nth-child(7) {
		width: 700%;
}
.shadow-text .lines > *:nth-child(8) {
		width: 800%;
}
.shadow-text .lines > *:nth-child(9) {
		width: 900%;
}
.shadow-text .lines > *:nth-child(10) {
		width: 1000%;
}
.shadow-text .lines > *:nth-child(11) {
		width: 1100%;
}
.shadow-text .lines > *:nth-child(12) {
		width: 1200%;
}
.shadow-text .lines > *:nth-child(13) {
		width: 1300%;
}
.shadow-text .lines > *:nth-child(14) {
		width: 1400%;
}
.shadow-text .lines > *:nth-child(15) {
		width: 1500%;
}
.shadow-text .lines > *:nth-child(16) {
		width: 1600%;
}
.shadow-text .lines > *:nth-child(17) {
		width: 1700%;
}
.shadow-text .lines > *:nth-child(18) {
		width: 1800%;
}
.shadow-text .lines > *:nth-child(19) {
		width: 1900%;
}
.shadow-text .lines > *:nth-child(20) {
		width: 2000%;
}
.about-elevate {
		padding-top: var(--vspace-small);
}
.about-elevate .h2 {
		max-width: 13.85em;
}
@media only screen and (max-width: 999px) {
		.about-elevate .h2 {
				font-size: 30px;
		}
}
.about-elevate .top-text {
		margin-bottom: 70px;
}
.about-elevate .top-text .max {
		max-width: 48.5em;
}
.about-elevate ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		gap: 30px;
		text-align: center;
		font-weight: 500;
}
.about-elevate li {
		width: 100%;
		flex: 0 0 auto;
		border-radius: 30px;
		border: 2px solid var(--block-border);
		background: var(--block-bg);
		list-style: none;
		margin: 0;
		--padding: 20px;
		padding: 50px var(--padding) 20px var(--padding);
		overflow: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
		display: flex;
		flex-direction: column;
}
.about-elevate li:before {
		display: none;
}
.about-elevate .h3 {
		position: relative;
		z-index: 2;
		font-size: 27px;
}
@media only screen and (min-width: 1000px) {
		.about-elevate .h3 {
				font-size: 30px;
				margin-bottom: 15px;
		}
}
.about-elevate .pic {
		flex: 0 0 auto;
		position: relative;
		margin-bottom: -20px;
}
.about-elevate .pic-img {
		margin-top: 40px;
}
.about-elevate .pic-video {
		aspect-ratio: 1/1;
		margin-top: 10px;
		margin-left: calc(var(--padding) * -1);
		margin-right: calc(var(--padding) * -1);
}.about-elevate .pic-video:after{
	
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: -1px;
		background-image: linear-gradient(to bottom, var(--block-bg) 0, var(--block-bg0) 10%, var(--block-bg0) 90%, var(--block-bg) 100%), linear-gradient(to right, var(--block-bg) 0, var(--block-bg0) 10%, var(--block-bg0) 90%, var(--block-bg) 100%);
		

}
.about-elevate .pic video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}
.about-elevate .pic img {
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
}
.about-elevate .pic.js_scroll-progress img {
		transform: translate3d(0, calc(var(--distance) - var(--distance) * var(--percent)), 0);
}
.about-elevate .pic-alert img {
		max-width: 566px;
		object-position: top center;
}
.about-elevate .pic-management img {
		min-width: 512px;
		max-width: 665px;
		object-position: top left;
}
.about-elevate .text {
		margin: 0 auto auto auto;
		width: 100%;
		max-width: 32.5em;
		flex: 0 0 auto;
		position: relative;
		z-index: 2;
}
.about-elevate .text.max2 {
		max-width: 28.5em;
}
@media only screen and (min-width: 760px) {
		.about-elevate li {
				width: calc((100% - 30px) / 2);
		}
}
@media only screen and (min-width: 1000px) {
		.about-elevate ul {
				gap: 30px;
		}
		.about-elevate li {
				--padding: 40px;
				padding-top: 60px;
		}
}
@media only screen and (max-width: 1279px) {
		.about-elevate .pic-alert {
				margin-left: calc(var(--padding) * -0.5);
				margin-right: calc(var(--padding) * -0.5);
		}
}
@media only screen and (min-width: 1280px) {
		.about-elevate li:not(.big) {
				width: calc((100% - 30px) * 0.3672);
		}
		.about-elevate li.big {
				width: calc((100% - 30px) * 0.6328);
		}
		.about-elevate .pic-video {
				margin-top: -1.5rem;
				margin-bottom: calc(-20px - 3rem);
		}
		.about-elevate .pic-alert {
				max-height: 393px;
		}
}
.about-why {
		margin-top: var(--vspace-big);
}
.about-why .top-text {
		margin-bottom: 50px;
}
@media only screen and (min-width: 1000px) {
		.about-why .top-text {
				margin-bottom: 90px;
		}
}
.about-why .top-text .max {
		max-width: 33.8em;
}
@media only screen and (max-width: 999px) {
		.about-why .list-mini {
				gap: 50px 40px;
		}
}
.about-info {
		margin-top: var(--vspace-big);
}
.about-info .text-modal {
		display: none;
}
.about-info .cashback {
		font-weight: 500;
		margin: 0 0 20px 0;
		border-radius: 20px;
		border: 2px solid var(--block-border);
		background: var(--block-bg);
		display: flex;
		flex-direction: column;
		gap: 34px;
		padding: 30px 20px;
}
.about-info .cashback .text {
		flex: 0 0 auto;
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 34px;
}
.about-info .cashback .pic {
		margin: -30px -20px 0 -20px;
		position: relative;
		aspect-ratio: 1/1;
}.about-info .cashback .pic:after{
	content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: -1px;
		background-image: linear-gradient(to bottom, var(--block-bg) 0, var(--block-bg0) 10%, var(--block-bg0) 90%, var(--block-bg) 100%), linear-gradient(to right, var(--block-bg) 0, var(--block-bg0) 10%, var(--block-bg0) 90%, var(--block-bg) 100%);
}
.about-info .cashback .pic video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}
.about-info .cashback .h2 {
		font-size: 27px;
		margin: 0;
		line-height: 1.2;
}
.about-info .cashback .btns {
		margin: 0;
}
.about-info .cashback .b {
		margin-top: auto;
}
.about-info ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: grid;
		gap: 20px;
		grid-template-columns: repeat(1, 1fr);
}
.about-info li {
		list-style: none;
		margin: 0;
		padding: 40px 20px;
		border-radius: 20px;
		border: 2px solid var(--block-border);
		background: var(--block-bg);
		display: flex;
		flex-direction: column;
}
.about-info li:before {
		display: none;
}
.about-info li .h3 {
		font-size: 24px;
		line-height: 1.4;
		margin-top: 0;
		margin-bottom: 15px;
}
.about-info li .btns {
		margin-top: auto;
		padding-top: 35px;
}
@media only screen and (min-width: 760px) {
		.about-info .cashback {
				flex-direction: row-reverse;
				gap: 0;
				padding-right: 0;
		}
		.about-info .cashback .text, .about-info .cashback .pic {
				flex: 0 0 auto;
		}
		.about-info .cashback .text {
				width: 48.4%;
				padding-top: 30px;
		}
		.about-info .cashback .pic {
				align-self: center;
				width: 50%;
				margin: 0 auto;
		}
}
@media only screen and (min-width: 1000px) {
		.about-info .cashback {
				padding-top: 60px;
				padding-bottom: 60px;
				padding-left: 30px;
				margin-bottom: 30px;
		}
		.about-info .cashback .h2 {
				font-size: 2.5rem; /*40px*/
		}
		.about-info .cashback .text {
				gap: 36px;
		}
		.about-info .cashback .pic {
				margin-top: -55px;
				margin-bottom: -55px;
		}
		.about-info ul {
				grid-template-columns: repeat(3, 1fr);
				font-size: 16px;
				gap: 30px;
		}
		.about-info li {
				padding-left: 30px;
				padding-bottom: 30px;
				padding-right: 30px;
		}
		.about-info li .text {
				min-height: 15em;
		}
		.about-info li .h3 {
				font-size: 1.875rem; /*30px*/
				margin-bottom: 12px;
		}
		.about-info li .btns {
				padding-top: 40px;
		}
		.about-info li .btns > * {
				flex: 1 1 auto;
				min-width: 0;
		}
}
@media only screen and (min-width: 1280px) {
		.about-info .cashback {
				padding-left: 80px;
		}
		.about-info li {
				padding: 70px 40px 40px 40px;
		}
}