@charset "UTF-8";
.service-head-trading-station .text-grad {
		background: radial-gradient(circle at 0 100%, #C253D5 20%, #B7FF42 80%, #19FCFE 100%);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
}
@media only screen and (max-width: 639px) {
		.service-head.service-head-trading-station .image .pic, .trading-station-customize .pic {
				background-image: url("../img/services/trading-station/Depth_1x.png");
		}
}
@media only screen and (min-width: 640px) {
		.service-head.service-head-trading-station .image .pic, .trading-station-customize .pic {
				background-image: url("../img/services/trading-station/Depth_2x.png");
		}
}
.service-head-trading-station .logo-bg:after {
		left: 50%;
		background-image: radial-gradient(circle at -2.3% 45%, #FF9142 0%, #C253D5 35%, #6219FE 50%);
}
@media only screen and (max-width: 999px) {
		.service-head-trading-station .logo-bg:before {
				transform: scale(-1, -1);
				width: 510px;
				top: 62px;
				left: -294px;
		}
		.service-head-trading-station .logo-bg:after {
				width: 419px;
				top: -212px;
				margin-left: 13px;
		}
}
@media only screen and (min-width: 1000px) {
		.service-head-trading-station .logo-bg:before {
				transform: scale(1, -1);
				width: 1051px;
				top: -168px;
				left: 301px;
		}
		.service-head-trading-station .logo-bg:after {
				width: 839px;
				top: -313px;
				margin-left: 18.1875rem;
		}
}
.service-head-trading-station .moving-gradient-wrap {
		--color1: rgba(159, 64, 255, 1);
		--color2: #782AE5;
		--color3: #3F8BFD;
		--color4: #691EF7;
		--color5: #010315;
		--color6: rgba(159, 64, 255, 0.6);
}
.service-head-trading-station .image .pic:after {
		--color2: rgba(255, 255, 255, 0.1);
		--color3: #3F8BFD;
		--color4: #691EF7;
		--color6: rgba(159, 64, 255, 0.5);
}
@media only screen and (min-width: 1000px) {
		.trading-station-explore, .trading-station-customize {
				--side-padding: 6.25rem;
		}
}
.trading-station-explore {
		padding-top: var(--vspace-small);
}
.trading-station-explore .h2 {
		max-width: 13.85em;
}
@media only screen and (max-width: 999px) {
		.trading-station-explore .h2 {
				margin-top: -5px;
				font-size: 36px;
		}
}
.trading-station-explore .top-text {
		margin-bottom: 30px;
}
.trading-station-explore .top-text .max {
		max-width: 48.5em;
}
.trading-station-explore ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		text-align: center;
		font-weight: 500;
}
.trading-station-explore 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: 55px var(--padding) 20px var(--padding);
		overflow: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
		display: flex;
		flex-direction: column;
}
.trading-station-explore li:before {
		display: none;
}
.trading-station-explore .h3 {
		position: relative;
		z-index: 2;
		font-size: 27px;
}
.trading-station-explore .pic {
		flex: 0 0 auto;
		align-self: stretch;
		position: relative;
		margin-bottom: -20px;
		margin-left: calc(var(--padding) * -1);
		margin-right: calc(var(--padding) * -1);
}
.trading-station-explore .pic-img {
		margin-top: 45px;
		overflow: hidden;
		backface-visibility: hidden;
}
.trading-station-explore .pic-img > div:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
}
.trading-station-explore .pic-video {
		aspect-ratio: 1/1;
		margin-top: 10px;
}
.trading-station-explore .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%);
}
.trading-station-explore .pic video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}
.trading-station-explore .pic img {
		height: auto;
		transform: none !important;
		opacity: 1 !important;
}
.trading-station-explore .pic > div {
		position: relative;
		backface-visibility: hidden;
		overflow: hidden;
		opacity: var(--percent);
		transform: translate3d(0, calc(40px - 40px * var(--percent)), 0);
}
.trading-station-explore .text {
		margin: 0 auto auto auto;
		width: 100%;
		max-width: 32.5em;
		flex: 0 0 auto;
		position: relative;
		z-index: 2;
}
.trading-station-explore .text.max2 {
		max-width: 28.5em;
}
@media only screen and (min-width: 760px) {
		.trading-station-explore li {
				width: calc((100% - 30px) / 2);
		}
}
@media only screen and (min-width: 1000px) {
		.trading-station-explore {
				padding-top: 120px;
				padding-bottom: 160px;
		}
		.trading-station-explore .h2 {
				margin-bottom: 20px;
		}
		.trading-station-explore .top-text {
				margin-bottom: 70px;
		}
		.trading-station-explore .h3 {
				font-size: 30px;
				margin-bottom: 15px;
		}
		.trading-station-explore ul {
				gap: 30px;
		}
		.trading-station-explore li {
				--padding: 40px;
				padding-top: 60px;
		}
}
@media only screen and (max-width: 1279px) {
		.trading-station-explore .pic-img {
				aspect-ratio: 350/365;
				backface-visibility: hidden;
		}
		.trading-station-explore .pic-img > div:after {
				background: linear-gradient(340deg, rgba(19, 29, 41, 1) 0%, rgba(9, 15, 22, 0.385) 69.81%);
		}
		.trading-station-explore .pic-img img {
				width: 100%;
				position: absolute;
				top: 0;
				left: 50%;
				transform: translate3d(-50%, 0, 0) !important;
		}
		.trading-station-explore .pic-img > div {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
		}
		.trading-station-explore .pic-web {
				max-height: 400px;
		}
		.trading-station-explore .pic-web img {
				min-width: 635px;
		}
		.trading-station-explore .pic-management {
				max-height: 380px;
		}
		.trading-station-explore .pic-management img {
				min-width: 568px;
		}
}
@media only screen and (min-width: 1280px) {
		.trading-station-explore li:not(.big) {
				width: calc((100% - 30px) * 0.3672);
		}
		.trading-station-explore li.big {
				width: calc((100% - 30px) * 0.6328);
		}
		.trading-station-explore .pic-img > div:after {
				background: linear-gradient(340deg, var(--block-bg) 20%, rgba(9, 15, 22, 0.385) 80%);
		}
		.trading-station-explore .pic-video {
				margin-top: -1.5rem;
				margin-bottom: calc(-10px - 1.5rem);
		}
		.trading-station-explore .pic-web {
				margin-left: calc(45px - var(--padding));
				flex: 1 0 auto;
				max-height: 510px;
				border-top-left-radius: 20px;
		}
		.trading-station-explore .pic-web > div {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
		}
		.trading-station-explore .pic-web img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				min-width: 746px;
		}
		.trading-station-explore .pic-management {
				margin-left: calc(62px - var(--padding));
				margin-right: calc(62px - var(--padding));
		}
		.trading-station-explore .pic-management > div {
				border-radius: 25px 25px 0 0;
		}
		.trading-station-explore .pic-management > div:before {
				content: '';
				pointer-events: none;
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				border: 1px solid transparent;
				border-bottom-width: 0;
				background: linear-gradient(to bottom, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.07) 100%) border-box;
				-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
				mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
				-webkit-mask-composite: destination-out;
				mask-composite: exclude;
				border-radius: inherit;
				z-index: 2;
		}
		.trading-station-explore .pic-management img {
				width: 100%;
				height: auto;
		}
}
.trading-station-customize {
		overflow: hidden;
		padding-top: 120px;
}
.trading-station-customize .pic {
		backface-visibility: hidden;
		position: relative;
		aspect-ratio: 1200/766;
		border-radius: 9px;
		border: 3px solid rgba(255, 255, 255, 0.10);
		background-color: rgba(22, 29, 38, 0.50);
		background-repeat: no-repeat;
		background-position: 50% 0;
		background-size: cover;
		-webkit-backdrop-filter: blur(33px);
		backdrop-filter: blur(33px);
}
@media only screen and (min-width: 640px) and (max-width: 999px) {
		.trading-station-customize .pic {
				border-width: 6px;
				border-radius: 18px;
		}
}
@media only screen and (min-width: 1000px) {
		.trading-station-customize .pic {
				border-width: 8px;
				border-radius: 28px;
		}
}
.trading-station-customize .image-wrap {
		min-width: 700px;
		flex: 0 0 auto;
		margin-left: 20px;
}
.trading-station-customize .image {
		position: relative;
		backface-visibility: hidden;
		transform-origin: 0 0;
		transform: skewX(-14deg);
		will-change: transform;
}
.trading-station-customize .image:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: -1px;
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, var(--black) 100%);
}
.trading-station-customize .text {
		font-size: 18px;
		position: relative;
		margin-top: -22px;
}
.trading-station-customize .h2 {
		font-size: 36px;
		margin: 0 0 20px 0;
		max-width: 9.375em;
}
.trading-station-customize .max {
		max-width: 24.625em;
}
.trading-station-customize .btns {
		margin-top: 30px;
}
@media only screen and (max-width: 759px) {
		.trading-station-customize .text {
				text-align: center;
		}
		.trading-station-customize .h2, .trading-station-customize .max {
				margin-left: auto;
				margin-right: auto;
		}
		.trading-station-customize .btns {
				justify-content: center;
		}
		.trading-station-customize .image-wrap {
				transition-delay: 0s;
		}
		.trading-station-customize .h2 {
				transition-delay: 0.1s;
		}
		.trading-station-customize .max {
				transition-delay: 0.2s;
		}
		.trading-station-customize .btns {
				transition-delay: 0.3s;
		}
}
@media only screen and (min-width: 760px) {
		.trading-station-customize .container {
				display: flex;
				align-items: center;
		}
		.trading-station-customize .text {
				flex: 0 0 auto;
				width: 46.17%;
				margin: 0 12% 0 0;
		}
		.trading-station-customize .image-wrap {
				order: 2;
				margin: 0;
		}
		.trading-station-customize .h2 {
				transition-delay: 0s;
		}
		.trading-station-customize .max {
				transition-delay: 0.1s;
		}
		.trading-station-customize .btns {
				transition-delay: 0.2s;
		}
		.trading-station-customize .image-wrap {
				transition-delay: 0.3s;
		}
}
@media only screen and (min-width: 1000px) {
		.trading-station-customize {
				padding-bottom: 20px;
		}
		.trading-station-customize .h2 {
				font-size: 4rem; /*64px*/
				margin-bottom: 18px;
		}
		.trading-station-customize .text {
				font-size: 24px;
		}
		.trading-station-customize .image-wrap {
				min-width: 1155px;
				margin-bottom: -180px;
		}
}