/* COUNTERPARTY RISK */
.spotex-risk-section {
	position: relative;
	width: 100%;
	min-height: 540px;
	overflow: hidden;
	display: flex;
	align-items: center;
	background-color: #f5f5f5;
	background-image: url('/images/Ring-back.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
}

/* Texture */
.spotex-risk-section:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background: repeating-linear-gradient(-45deg,
			rgba(0, 0, 0, .018) 0,
			rgba(0, 0, 0, .018) 2px,
			transparent 2px,
			transparent 8px);
}

/* Background Fade */
.spotex-risk-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	inset: 0;
	z-index: 1;
	background: linear-gradient(140deg,
			rgba(255, 255, 255, .38) 0%,
			rgba(255, 255, 255, .48) 18%,
			rgba(255, 255, 255, .64) 42%,
			rgba(255, 255, 255, .82) 68%,
			rgba(255, 255, 255, .91) 100%);
}

/* Layout */
.spotex-risk-wrapper {
	position: relative;
	z-index: 3;
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	padding: 70px 70px 70px 30px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.spotex-risk-visual {
	flex: 0 0 48%;
	min-height: 380px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.spotex-risk-ring {
	width: 300px;
	max-width: 100%;
	opacity: .96;
	-webkit-filter: drop-shadow(0 4px 12px rgba(0, 0, 0, .08));
	filter: drop-shadow(0 4px 12px rgba(0, 0, 0, .08));
}

.spotex-risk-content {
	flex: 0 0 44%;
	max-width: 760px;
	margin-left: -70px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.spotex-risk-subtitle {
	margin: 0 0 16px;
	font-size: 23px;
	letter-spacing: 9px;
}

.spotex-risk-title {
	margin: 0 0 28px;
	font-family: 'Archivo', sans-serif;
	font-size: 62px;
	line-height: 1.02;
	font-weight: 700;
	color: #16385e;
	letter-spacing: -0.5px;
}

.spotex-risk-text {
	width: 112%;
	max-width: 760px;
	margin: 0;
	font-family: 'Archivo', sans-serif;
	font-size: 22px;
	line-height: 1.52;
	font-weight: 400;
	color: #1f1f1f;
	letter-spacing: .5px;
}

/* FEATURE BANNER */

.feature-banner {
	padding: 0 0;
}

.feature-banner-bg {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: linear-gradient(135deg,
			#001e4d 0%,
			#002D57 50%,
			#0D638A 100%);
	padding: 80px 0 40px;
}

.feature-banner-bg::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	inset: 0;
	background: repeating-linear-gradient(90deg,
			rgba(255, 255, 255, .018) 0,
			rgba(255, 255, 255, .018) 1px,
			transparent 1px,
			transparent 120px);
	pointer-events: none;
}

.feature-banner-row {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 80px;
	min-height: 420px;
}

.feature-banner-content {
	flex: 1;
	max-width: 620px;
}

.feature-banner-title {
	font-family: 'Archivo', sans-serif;
	font-size: 50px;
	line-height: 1.12;
	font-weight: 500;
	letter-spacing: -1px;
	color: #ffffff;
}

.feature-banner-media {
	flex: 1;
	display: flex;
	justify-content: flex-end;
}

.feature-banner-image {
	width: 100%;
	max-width: 560px;
	display: block;
	border-radius: 14px;
}

.feature-banner-tags {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 18px;
	margin-top: 50px;
	padding-top: 28px;
	border-top: 1px solid rgba(255, 255, 255, .10);
}

.feature-banner-tag {
	font-family: 'Archivo', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: rgba(255, 255, 255, .82);
}

/* DEEP INSTITUTIONAL LIQUIDITY */
.spotex-liquidity-section {
	padding: 0 0;
	background: #F4F8FD;
}

.spotex-liquidity-bg {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 80px 0;
}

.spotex-liquidity-bg::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 75% 50%,
			rgba(37, 99, 235, .06),
			transparent 55%);
	pointer-events: none;
}

.spotex-liquidity-row {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 80px;
	min-height: 320px;
}

.spotex-liquidity-media {
	flex: 1;
	display: flex;
	justify-content: flex-start;
}

.spotex-liquidity-image {
	width: 100%;
	max-width: 560px;
	display: block;
}

.spotex-liquidity-content {
	flex: 1;
	max-width: 620px;
}

.spotex-liquidity-title {
	font-family: 'Archivo', sans-serif;
	font-size: 62px;
	line-height: 1.02;
	font-weight: 700;
	letter-spacing: -0.5px;
	color: #16385e;
	margin: 0 0 24px;
}

.spotex-liquidity-text {
	width: 100%;
	font-family: 'Archivo', sans-serif;
	font-size: 22px;
	line-height: 1.52;
	font-weight: 400;
	color: #1f1f1f;
	margin: 0;
	letter-spacing: .5px;
}

/* Responsive */
@media (max-width: 991px) {
	.spotex-liquidity-row {
		flex-direction: column;
		text-align: left;
		gap: 36px;
		min-height: auto;
	}

	.spotex-liquidity-media {
		justify-content: center;
	}

	.spotex-liquidity-content {
		max-width: 100%;
	}

	.spotex-liquidity-title {
		font-size: 36px;
	}

	.spotex-liquidity-text {
		font-size: 17px;
	}

	.spotex-liquidity-image {
		max-width: 340px;
	}
}

.spotex-institutions{
    padding:110px 0;
    position:relative;
    overflow:hidden;
    background:#fff;
}

.spotex-institutions::before{
    content:"";
    position:absolute;
    inset:0;
    background:url("/images/candlestick.jpg") no-repeat right center/cover;
    opacity:.3;
    z-index:0;
}

.spotex-institutions .container-fluid{
    position:relative;
    z-index:1;
}

/* Grid */
.spotex-institutions .cm-grid{
    display:flex;
    justify-content:center;
    gap:60px;
    margin-top:60px;
    flex-wrap:wrap;
}

/* Card */
.spotex-institutions .cm-card{
    width:330px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}

/* Image */
.institution-icon{
    width:120px;
    height:120px;
    margin:0 auto 28px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.institution-icon img{
    width:100%;
    height:100%;
    object-fit:contain;
}

/* Heading */
.spotex-institutions .cm-card .cm-heading{
    width:100%;
    margin-bottom:18px;
    text-align:center;
    line-height:1.2;
}

/* Text */
.spotex-institutions .cm-card .cm-text{
    width:100%;
    max-width:310px;
    margin:0 auto;
    text-align:center;
    line-height:1.8;
}
.spotex-inst-icon {
	width: 82px;
	height: 82px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 30px;
}

.spotex-inst-icon i {
	font-size: 56px;
	color: #2563eb;
}

/*synthetic*/
.synthetic-section {
	position: relative;
	padding: 100px 0;
	overflow: hidden;
}

.synthetic-item {
	padding: 15px 0 60px;
	margin-bottom: 60px;
}

.synthetic-icon {
	width: 75px;
	height: 75px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #04395e;
	font-size: 64px;
	line-height: 1;
}