/*
Theme Name:     BlankSlate Child
Template:       blankslate
Version:        1.0.0
*/

@import url("../blankslate/style.css");


/* fonts */

@font-face {
    font-family: 'Kanit';
    src: url('fonts/Kanit-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('fonts/Kanit-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('fonts/Kanit-BlackItalic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('fonts/Kanit-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('fonts/Kanit-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('fonts/Kanit-ExtraBoldItalic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('fonts/Kanit-ExtraLightItalic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('fonts/Kanit-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('fonts/Kanit-Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('fonts/Kanit-ExtraBold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('fonts/Kanit-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('fonts/Kanit-BoldItalic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('fonts/Kanit-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('fonts/Kanit-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('fonts/Kanit-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('fonts/Kanit-ThinItalic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('fonts/Kanit-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('fonts/Kanit-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}


body {
	font-family: 'Kanit';
	font-size: 18px; 
	color: #18191F;
    font-weight: 300;
    font-style: normal;
	line-height: 1.4;
  background-color: transparent;
 background-image: linear-gradient(to right, #f0f0f0a3 1px, transparent 1px), linear-gradient(to bottom, #f0f0f0a3 1px, transparent 1px);
  background-size: 28px 28px; 
}

a {
	color: #18191F; 
	transition: 0.3s;
}

img {
	max-width: 100%;
	display: inline-block;
}

/* layout */

.container {
  max-width: 1232px;
  margin: 0 auto;
  padding: 0 16px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 24px;
}

.container.no-padd {
	max-width: 1200px; 
	padding: 0;
}

.al-ctr {
	align-items: center; 
}

.just-ctr {
	justify-content: center; 
}

.col-1  { grid-column: span 1; }
.col-2  { grid-column: span 2; }
.col-3  { grid-column: span 3; }
.col-4  { grid-column: span 4; }
.col-5  { grid-column: span 5; }
.col-6  { grid-column: span 6; }
.col-7  { grid-column: span 7; }
.col-8  { grid-column: span 8; }
.col-9  { grid-column: span 9; }
.col-10 { grid-column: span 10; }
.col-11 { grid-column: span 11; }
.col-12 { grid-column: span 12; }

.grid-st-1 { grid-column: 2 / span 5; }
.grid-st-1-10 { grid-column: 2 / span 10; }
.grid-st-2 { grid-column-start: 2; }
.grid-st-3 { grid-column: 3 / span 8; }
.grid-st-4 { grid-column: 4 / span 6; }
.grid-st-5 { grid-column-start: 5; }
.grid-st-6 { grid-column-start: 6; }
.grid-st-7 { grid-column-start: 7; }

.m-4 {
	margin-bottom: 4px; 
}

.m-8 {
	margin-bottom: 8px; 
}

.m-12 {
	margin-bottom: 12px; 
}

.m-16 {
	margin-bottom: 16px; 
}

.m-20 {
	margin-bottom: 20px; 
}
.m-24 {
	margin-bottom: 24px; 
}

.m-28 {
	margin-bottom: 28px; 
}

.m-32 {
	margin-bottom: 32px; 
}

.m-36 {
	margin-bottom: 36px; 
}

.m-40 {
	margin-bottom: 40px; 
}

.m-50 {
	margin-bottom: 50px; 
}

.m-60 {
	margin-bottom: 60px; 
}


.m-70 {
	margin-bottom: 70px; 
}

.m-80 {
	margin-bottom: 80px; 
}

.m-100 {
	margin-bottom: 100px; 
}

.m-120 {
	margin-bottom: 120px; 
}

.row {
	width: 100%; 
}

@media (max-width: 992px) {
  .container {
    grid-template-columns: repeat(6, 1fr);
    column-gap: 16px;
  }
	
	header .container {
		grid-template-columns: repeat(2, 1fr);
	}

  /* Optional: Stack all columns by default */
  [class*="col-"] {
    grid-column: span 6;
  }
}


/* header */

header {
	padding: 16px 0; 
}

header nav ul {
    display: flex;
    gap: 17px;
}

#branding span, #branding a img {
	display: block;
}

header nav ul a {
	font-size: 16px; 
	font-weight: 500;
	line-height: 1.1;
	text-decoration: none;
}

header .col-5:last-child {
	text-align: right; 
}

header nav ul .current-menu-item a, header nav ul a:hover {
	position: relative;
	background: linear-gradient(-67deg, #775DE2 0%, #4482FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text; /* for future support */
  text-decoration: none;
}

header nav ul a:before {
	position: absolute;
	opacity: 0;
	content: '';
	bottom: 24px;
	left: calc(50% - 4px);
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: linear-gradient(-67deg, #775DE2 0%, #4482FF 100%);
	transition: 0.5s;
}

header nav ul a:hover:before {
	opacity: 1;
}

.outbound a {
	position: relative;
}

.outbound a:after {
	position: absolute;
	content: '';
	width: 11px; 
	height: 11px;
	background: url(/wp-content/uploads/2025/05/arrow.svg) center center no-repeat;
	right: -16px;
	top: 8px;
}

.header-btn {
	position: relative;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	line-height: 16px; 
	padding: 16px 24px 16px 50px;
	background: linear-gradient(-74deg, #DADEEE 0%, #F6F6F6 100%);
	border-radius: 100px;
	border: 1px solid #BFBFDD; 
}

.btn {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	line-height: 16px; 
	padding: 16px 24px;
	background: linear-gradient(-75deg, #775DE2 0%, #4482FF 100%);
	border-radius: 100px;
	text-transform: uppercase;
	letter-spacing: 0.02rem;
}

.btn:hover, .header-btn:hover, .contact-form button:hover {
	-webkit-box-shadow: 0px 2px 21px 0px rgba(119, 93, 226, 0.4)!important;
    -moz-box-shadow: 0px 2px 21px 0px rgba(119, 93, 226, 0.4)!important;
    box-shadow: 0px 2px 21px 0px rgba(119, 93, 226, 0.4)!important;
}

.header-btn:after {
	position: absolute;
	content: '';
	width: 16px; 
	height: 16px; 
	left: 24px;
	top: 16px; 
	background: url(/wp-content/uploads/2025/05/account.svg) center center no-repeat;
}

.header-btn img {
	margin-right: 10px; 
}

/* footer */

footer {
	background: linear-gradient(-65deg, rgba(218, 222, 238, 0.5) 0%, rgba(246, 246, 246, 0.5) 100%);
	backdrop-filter: blur(7.9px);
  -webkit-backdrop-filter: blur(7.9px); /* for Safari */
	border-top: 1px solid #E5E9F3; 
	padding: 50px 0 30px 0;
	border-radius: 24px 24px 0 0;
}

footer .container ul {
	display: flex;
	justify-content: center;
	gap: 20px;
}

footer .container ul li a {
	font-size: 16px;
	display: inline-block;
	text-decoration: none;
}

footer .container:first-child ul li a {
	font-weight: 400;
}

#copyright {
	font-size: 14px; 
}

/* typography */

.fs-90 {
	font-size: 90px;
}

.fs-64 {
	font-size: 64px; 
}

.fs-60 {
	font-size: 60px; 
}

.fs-40 {
	font-size: 40px; 
}

.fs-30 {
	font-size: 30px; 
}

.fs-24 {
	font-size: 24px; 
}

.fs-20 {
	font-size: 20px; 
}

.h1, .h2 {
	line-height: 0.97;
}

.bold, strong, b {
	font-weight: 600!important;
}

.mid {
	font-weight: 500!important;
}

.ctr {
	text-align: center;
}

.upper {
	text-transform: uppercase;
}

.white {
	color:#fff!important;
}

.shaded {
	background: linear-gradient(0deg, #18191F 0%, #535968 100%);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  background-clip: text; 
}

/* home */

.home .hero {
	position: relative;
	padding-top: 92px; 
	padding-bottom: 501px;
	background: url(/wp-content/uploads/2025/06/hero-bg-2-min.webp) bottom center no-repeat;
	overflow: hidden;
}



.hero-box {
	position: absolute;
	display: flex;
	gap: 14px; 
	align-items: center;
	padding: 19px 25px;
	border-radius: 24px;
	background: linear-gradient(-65deg, rgba(191, 191, 221, 0.5) 0%, rgba(229, 233, 243, 0.5) 100%);
	backdrop-filter: blur(7.9px);
  -webkit-backdrop-filter: blur(7.9px); /* for Safari */
	border: 1px solid #BFBFDD; 
}

.hero-box p {
	font-size: 20px; 
	font-weight: 600;
}

.hero-box-1 {
	left: calc(50% - 694px);
	bottom: 187px; 
	
}


.hero-box-2 {
	left: calc(50% - 523px);
	bottom: 368px; 
	padding: 19px 43px 19px 30px;
}


.hero-box-3 {
	left: calc(50% - 202px);
	bottom: 343px; 
	padding: 19px 47px 19px 30px;
}


.hero-box-4 {
	left: calc(50% + 35px);
	bottom: 108px; 
	padding: 19px 49px 19px 30px;
}


.hero-box-5 {
	left: calc(50% + 365px);
	bottom: 458px; 
	padding: 19px 37px 19px 30px;
}


.hero-box-6 {
	left: calc(50% + 469px);
	bottom: 281px; 
	padding: 19px 44px 19px 30px;
}

.why {
	padding-top: 25px; 
}

.why-items {
	position: relative;
	border-radius: 24px; 
	background: linear-gradient(-65deg, rgba(218, 222, 238, 0.5) 0%, rgba(246, 246, 246, 0.5) 100%);
	backdrop-filter: blur(7.9px);
  -webkit-backdrop-filter: blur(7.9px); /* for Safari */
	border: 1px solid #E5E9F3; 
}

.why-items:after {
	position: absolute;
	content: '';
	width: 100px; 
	height: 6px; 
	border-radius: 6px; 
	background: linear-gradient(90deg, #4482FF 0%, #775DE2 100%);
	bottom: -3px;
	left: calc(50% - 50px);
}

.why-items .col-4 {
	padding: 32px 40px;
}

.why-items .col-4:nth-child(4), .why-items .col-4:nth-child(5), .why-items .col-4:nth-child(6) {
	border-top: 1px solid #E0E4F2;
	padding-bottom: 42px; 
}

.why-items p {
	color: #4C4E69; 
}

.asset {
	padding-top: 281px;
	padding-bottom: 106px; 
	background: url(/wp-content/uploads/2025/06/graph-bg-2-min-1.webp) bottom center no-repeat;
}

.asset .row:last-child .container {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.asset .row:last-child .col-4 {
	padding: 16px 20px; 
	display: flex; 
	gap: 10px; 
	align-items: center; 
	background: rgba(255,255,255,0.08);
		backdrop-filter: blur(7.9px);
  -webkit-backdrop-filter: blur(7.9px); /* for Safari */
	border-radius: 100px; 
	margin-bottom: 24px; 
}


.asset .col-4 p {
	color:#E0E4F2; 
	font-size: 17px; 
}

.acc-types {
	padding: 130px 0 0 0;
}

.acc-types .container.no-padd .col-8 {
	border-radius: 24px; 
	background: linear-gradient(-65deg, rgba(218, 222, 238, 0.5) 0%, rgba(246, 246, 246, 0.5) 100%);
	backdrop-filter: blur(7.9px);
  -webkit-backdrop-filter: blur(7.9px); /* for Safari */
	border: 1px solid #E0E4F2; 
}

.acc-types table {
	    table-layout: fixed;
	border-collapse: separate;
  border-spacing: 0;
}

.acc-types table td, .acc-types table th {
	text-align: center;
	border: 1px solid #E0E4F2;
	padding: 15px 12px; 
}

.acc-types table tr:last-child td {
	padding: 20px 12px; 
}

.acc-types table td {
	width: 207px;
	font-size: 16px; 
}

.acc-types table td:first-child {
	width: 172px; 
	color:#4C4E69;
	text-align: right;
}

.acc-types th img {
	display: block;
	margin-top: -44px; 
	margin-bottom: 22px;
	margin-left: auto;
	margin-right: auto; 
}

.acc-types .btn {
	display: inline-block;
	color: #18191F;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	line-height: 16px; 
	padding: 16px 20px;
	background: #fff;
	border: 1px solid #E5E9F3; 
	border-radius: 100px;
	text-transform: uppercase;
	letter-spacing: 0.02rem;
}



.acc-types table th:first-child {
	border-top-left-radius: 24px;
	border-bottom: none;
}

.acc-types table tr:nth-child(1) td:first-child {
	border-top: none;
}

.acc-types table tr:nth-child(4) td:first-child {
	border-bottom: none;
}

.acc-types table tr:last-child td:first-child {
	border-bottom-left-radius: 24px;
	border-top: none;
}

.acc-types table th:last-child {
	border-top-right-radius: 24px;
}

.acc-types table tr:last-child td:last-child {
	border-bottom-right-radius: 24px;
}



.plans {
	min-width: 600px;
}

.platform {
	padding-top: 361px; 
	padding-bottom: 190px; 
	margin-top: -161px; 
	background: url(/wp-content/uploads/2025/06/platform-bg-min.webp) top center no-repeat;
}

.platform .container:nth-child(2) .col-8, .platform .container:last-child .col-8 {
	background: linear-gradient(-65deg, rgba(218, 222, 238, 0.5) 0%, rgba(246, 246, 246, 0.5) 100%);
	backdrop-filter: blur(7.9px);
  -webkit-backdrop-filter: blur(7.9px); /* for Safari */
	border: 1px solid #E0E4F2; 
}

.platform .container:nth-child(2) .col-8 {
	padding: 12px 32px;
	border-radius: 24px 24px 0 0;
}

.platform .container:last-child .col-8 {
	border-radius: 0 0 24px 24px;
	padding: 24px 32px 32px 32px;
}

.platform .container:last-child .col-8 p span {
	color: #4C4E69; 
}

.steps .col-12 {
	position: relative;
	background: linear-gradient(180deg, #340093 0%, #03012C 100%);
	padding: 74px 50px; 
	display: flex; 
	align-items: center;
	gap: 54px; 
	border-radius: 24px; 
}

.steps .col-12:before {
	position: absolute;
	content: '';
	width: 120px; 
	height: 120px; 
	background: url(/wp-content/uploads/2025/05/steps.svg) center center no-repeat;
	top: -60px; 
	left: calc(50% - 60px);
}

.steps .col-12 div:first-child {
	max-width: 613px;
}

.steps p {
	color: #E0E4F2; 
}

.step-items div {
	position: relative;
	padding: 3px 0 56px 32px;
	border-left: 1px solid #2C156A; 
}

.step-items div:last-child {
	border-left: none; 
	padding-bottom: 0;
}

.step-items div:first-child:before {
	position: absolute;
	content: ' 1.';
	font-weight: 500;
	color: #fff;
	width: 32px;
	height: 32px;
	text-align: center;
	background: #2C156A; 
	top:0;
	left: -16px; 
	border-radius: 32px; 
	line-height: 32px; 
}

.step-items div:nth-child(2):before {
	position: absolute;
	content: ' 2.';
	font-weight: 500;
	color: #fff;
	width: 32px;
	height: 32px;
	text-align: center;
	background: #2C156A; 
	top:0;
	left: -16px; 
	border-radius: 32px; 
	line-height: 32px; 
}

.step-items div:last-child:before {
	position: absolute;
	content: ' 3.';
	font-weight: 500;
	color: #fff;
	width: 32px;
	height: 32px;
	text-align: center;
	background: linear-gradient(-45deg, #775DE2 0%, #4482FF 100%);
	top:0;
	left: -16px; 
	border-radius: 32px; 
	line-height: 32px; 
}

.payment-opt {
	padding: 130px 0;
}

/* about */

.about .hero {
	position: relative;
	margin-top: 25px; 
}

.about .hero:after {
	content: '';
	position: absolute;
	bottom: -30px; 
	left: calc(50% - 30px);
	width: 60px; 
	height: 60px;
	background: url(/wp-content/uploads/2025/06/arrow-down.svg) center center no-repeat;
	background-size: cover;
	
}

.about .hero .row:first-child .container {
	position: relative;
	padding-top: 129px; 
	background: url(/wp-content/uploads/2025/06/about-hero-1.png) top center no-repeat;
	height: 492px; 
	z-index: 1;
}

.about .hero .row:last-child .container .col-12 {
	background: linear-gradient(-63deg, #F6F6F6 0%, #DADEEE 100%);
	border: 1px solid #BFBFDD; 
	border-radius: 24px; 
	padding-top: 217px;
	padding-left: 78px; 
	padding-right: 78px; 
	padding-bottom: 80px; 
	margin-top: -157px;
	display: flex; 
	gap: 48px; 
}

.how {
	padding-top: 140px;
}

.how-box {
	position: relative;
	border-radius: 24px; 
	padding: 1px;
	background: linear-gradient(-63deg, #E5E9F3 0%, #BFBFDD 23%, #4681FE 100%);
}

.how-box:first-child:after, .how-box:nth-child(2):after {
	content: '';
	position: absolute;
	background: url(/wp-content/uploads/2025/06/connect.svg) center center no-repeat;
	width: 8px; 
	height: 33px; 
	left: 65px; 
	bottom: -29px; 
	z-index: 1;
}

.how-box-inner {
	border-radius: 23px; 
	background: linear-gradient(-63deg, #DADEEE 0%, #F6F6F6 100%);
	backdrop-filter: blur(7.9px);
    -webkit-backdrop-filter: blur(7.9px); /* for Safari */
	padding: 34px 50px 34px 40px;
	display: flex;
	gap: 78px; 
	align-items: center;
	min-height: 178px;
}

.how-box-inner div:first-child {
	width: 470px;
}

.how-box-inner div:last-child {
	width: calc(100% - 548px);
}

.how-box-inner div:first-child {
	display: flex;
	gap: 21px; 
	align-items: center;
}

.how-box-inner div:first-child h3 {
	width: calc(100% - 81px);
}

.how-box-inner div:first-child p:first-child {
	width: 60px; 
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 60px; 
	background: linear-gradient(-45deg, #4482FF 0%, #775DE2 100%);
}

.careers .container {
	border-radius: 24px; 
	padding: 34px; 
	background: linear-gradient(-45deg, #4482FF 0%, #775DE2 100%);
}

.careers img {
	margin-left: -60px;
}

.black-btn {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	line-height: 16px; 
	padding: 16px 24px;
	background: #18191F;
	border-radius: 100px;
	text-transform: uppercase;
	letter-spacing: 0.02rem;
}

.black-btn:hover {
	color: #18191F; 
	background: #fff;
}

.quote {
	margin-top: -30px;
	padding: 200px 87px 0 87px;
	background: url(/wp-content/uploads/2025/05/platform-bg.png) top center no-repeat;
}

.quote p:last-child, .purple {
	color: #4C4E69; 
}

.purple strong {
	color: #18191F; 
}

.community .container {
	border-radius: 24px; 
	background: linear-gradient(-63deg, #DADEEE 0%, #F6F6F6 100%); 
	border: 1px solid rgba(191, 191, 221, 0.5);
	padding: 50px 40px 70px 78px; 
}

.community .container .col-12 {
	display: flex;
	 align-items: center;
	gap: 12px; 
}

/* account types */

.account-type .hero {
	margin-top: 45px;
	padding-top: 107px;
	position: relative;
	margin-bottom: 191px;
	max-width: 1200px; 
	margin-left: auto;
	margin-right: auto;
}

.account-type .hero .container {
	position: relative;
}

.account-type .hero img {
	max-width: 1200px; 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.account-type .hero h1 {
	margin-bottom: 260px; 
}

.vip-acc .container {
	position: relative;
    background: linear-gradient(180deg, #340093 0%, #03012C 100%); 
	padding: 95px 78px 80px 50px; 
	border-radius: 24px; 
	
}

.vip-acc .container:after {
	content: '';
	position: absolute;
	width: 120px; 
	height: 120px; 
	background: url(/wp-content/uploads/2025/06/acc-types-1.png) center center no-repeat;
	background-size: cover;
	top: -60px; 
	left: calc(50% - 60px);
}

.vip-acc .col-12 {
	display: flex;
	gap: 44px; 
}

.vip-acc .col-12 div:first-child {
	width: 392px;
}


.vip-acc .col-12 div:last-child {
	width: calc(100% - 436px);
}

/* trading platforms */

.trading-platforms .hero {
	margin-top: 80px; 
}

.trading-platforms .hero .col-5:last-child img {
	float: right;
}

.platform-box {
	display: flex; 
	gap: 14px; 
}

.platform-box > p {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 40px;
    background: linear-gradient(-45deg, #4482FF 0%, #775DE2 100%);
}

.platform-box > div {
	width: calc(100% - 54px);
}

.platform-steps .container:last-child .col-10 {
	padding: 40px; 
	border-radius: 0 24px 24px 24px;
	border: 1px solid #BFBFDD;
	background: linear-gradient(-63deg, #DADEEE 0%, #F6F6F6 100%);
    backdrop-filter: blur(7.9px);
    -webkit-backdrop-filter: blur(7.9px);
}

.platform-steps .container:first-child .col-10 {
	max-width: 205px;
	position: relative;
	z-index: 1;
	margin-bottom: -1px;
	background: #F6F6F6;
	padding: 14px 24px; 
	border-radius: 24px 24px 0 0;
	border-top: 1px solid #BFBFDD;
	border-left: 1px solid #BFBFDD; 
	border-right: 1px solid #BFBFDD;
}


/* support */

.support .hero {
	margin-top: 45px; 
}

.support .hero .container .col-12 {
	padding: 58px 40px 122px 40px;
	background: url(/wp-content/uploads/2025/06/support-hero.png) top center no-repeat;
	display: flex; 
	gap: 52px;
}

.support .hero .container .col-12 > div {
	width: 710px; 
	padding-top: 38px; 
}

.why-support .row:last-child .container .col-12, 
.how-support .row:last-child .container .col-12 {
	display: flex;
	border-radius: 24px;
	border: 1px solid rgba(191,191,221,0.5);
	background: linear-gradient(-63deg, #DADEEE 0%, #F6F6F6 100%);
    backdrop-filter: blur(7.9px);
    -webkit-backdrop-filter: blur(7.9px);
}

.how-support ol {
	list-style: numbers;
	padding-left: 20px;
}

.supp-box {
	width: 33.33%;
	padding-top: 30px; 
	padding-left: 40px; 
	padding-right: 40px; 
	padding-bottom: 40px;
}


.why-support .supp-box:nth-child(2) p {
	max-width: 283px;
}

.why-support .supp-box:last-child p {
	max-width: 307px;
}

.supp-box:nth-child(2) {
	border-left: 1px solid rgba(191,191,221,0.5);
	border-right: 1px solid rgba(191,191,221,0.5);
}

.how-support .supp-box {
	position: relative;
	padding-bottom: 90px;
}

.how-support .supp-box .btn {
	position: absolute;
	width: calc(100% - 80px);
	bottom: 40px;
	left: 40px;
}

.supp-box .btn {
	display: block;
	text-align: center;
	background: #fff;
	border: 1px solid rgba(191,191,221,0.5);
	color: #18191F;
}

.resources .col-12 {
	border-radius: 24px;
	border: 1px solid rgba(191,191,221,0.5);
	background: linear-gradient(-63deg, #DADEEE 0%, #F6F6F6 100%);
    backdrop-filter: blur(7.9px);
    -webkit-backdrop-filter: blur(7.9px);
}

.resources .col-12 > div:first-child {
	padding: 24px 40px; 
	border-bottom: 1px solid rgba(191,191,221,0.5);
}

.resources .col-12 > div:last-child {
	display: flex;
}

.resources .col-12 div:last-child div {
	padding:24px 40px;
}


.resources .col-12 div:last-child div:first-child {
	border-right: 1px solid rgba(191,191,221,0.5);
}

.supp-prefooter {
	padding: 272px 0 100px 0;
	background: url(/wp-content/uploads/2025/06/support-pre-bg.png) bottom center no-repeat;
}

.supp-prefooter p {
	max-width: 647px; 
	margin-left: auto; 
	margin-right: auto;
}

.contact-us .hero {
	margin-top: 70px; 
}

.contact-form .col-8 {
	border-radius: 24px; 
	padding: 16px 40px;
	border: 1px solid rgba(191,191,221,0.5);
	background: linear-gradient(-63deg, #DADEEE 0%, #F6F6F6 100%);
    backdrop-filter: blur(7.9px);
    -webkit-backdrop-filter: blur(7.9px);
}

.contact-form form input, 
.contact-form form textarea {
	font-family: 'Kanit'!important;
	border: 1px solid rgba(191,191,221,0.5)!important;
	border-radius: 12px!important;
}

.contact-form button {
	font-family: 'Kanit'!important;
    width: 100%!important;
    border-radius: 100px!important;
	text-transform: uppercase!important;
    background: linear-gradient(-45deg, #4482FF 0%, #775DE2 100%)!important;
}

.default-content .col-12 {
	border-radius: 24px; 
	padding: 16px 40px 60px 40px;
	border: 1px solid rgba(191,191,221,0.5);
	background: linear-gradient(-63deg, #DADEEE 0%, #F6F6F6 100%);
    backdrop-filter: blur(7.9px);
    -webkit-backdrop-filter: blur(7.9px);
}

.default-content h2 {
	font-weight: bold;
	font-size: 40px; 
	line-height: 1;
	margin-bottom: 24px; 
	margin-top: 32px; 
}

.default-content h3 {
	font-weight: bold;
	font-size: 28px; 
	line-height: 1;
	margin-bottom: 16px; 
	margin-top: 24px; 
}

.default-content p {
	margin-bottom: 16px; 
}

.default-content ol {
	list-style: numbers;
	padding-left: 20px;
	margin-bottom: 24px; 
}

.default-content ul {
	list-style: disc;
	margin-bottom: 24px; 
	padding-left: 20px; 
}

footer ul li a:hover {
	color: #7260e5;
}

/* broker page */

.broker .hero {
	padding: 80px 0 0 0;
}

.broker .why-nuvesto .why-items {
    background: linear-gradient(-65deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    border: 1px solid rgba(255,255,255,0.4);
}

.broker .why-nuvesto .why-items p {
	color: #fff;
}

.why-nuvesto {
    padding-top: 281px;
    padding-bottom: 106px;
    
}

.broker .why-nuvesto .why-items .col-4 {
	padding: 32px 24px 40px 24px; 
}

.purple-bottom {
	position: relative;
}

.purple-bottom:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;
	background: url(/wp-content/uploads/2025/10/borker-bg.png) top center no-repeat;
}

.purple-bottom:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 50%;
	bottom: 0;
	z-index: 9;
	left: 0;
	background: url(/wp-content/uploads/2025/10/bottom-bg.png) center center repeat-y;
}

.purple-bottom .container {
	position: relative;
	z-index: 11;
}

.why.double-w .why-items {
	gap: 0;
}

.why.double-w .why-items:after {
	display: none; 
}

.why.double-w .col-6 {
	padding: 32px 40px; 
}

.why.double-w .why-items .col-6:last-child {
	border-left: 1px solid #E0E4F2;
}

.n-logo, .n-logo .container {
	position: relative;
}

.n-logo .container {
	padding-top: 80px;
	padding-bottom: 80px; 
}

.n-logo .col-6 {
	position: relative;
}

.n-logo .container img {
	position: absolute;
	left: calc(50% - 260px);
	top: calc(50% - 188px);
	margin: 0!important;
}

/* affiliate page */

.affiliate .why-nuvesto .col-6 {
	padding: 32px 80px 40px 40px;
}

.affiliate .why-items.container {
	gap: 0;
}

.affiliate .why-items .col-6:first-child {
	border-bottom: 1px solid rgba(224, 228, 242, 0.4); 
}

.affiliate .why-items .col-6:nth-child(2) {
	border-bottom: 1px solid rgba(224, 228, 242, 0.4); 
	border-left: 1px solid rgba(224, 228, 242, 0.4); 
}


.affiliate .why-items .col-6:nth-child(4) {
	border-left: 1px solid rgba(224, 228, 242, 0.4); 
}

.broker .why-items:after {
	display: none; 
}

.broker .community .container {
    padding: 50px 40px 40px 78px;
}


.broker .community .container {
    padding: 50px 78px 40px 78px;
}

.community.reverse .container .col-12 {
	gap: 120px; 
}

.aff-trading .row {
	max-width: 1200px; 
	margin-left: auto;
	margin-right: auto; 
	position: relative;
	padding: 70px 40px 40px 40px;
	border-radius: 24px;
    background: linear-gradient(-63deg, #DADEEE 0%, #F6F6F6 100%);
    border: 1px solid rgba(191, 191, 221, 0.5);
}

.aff-trading .container {
	position: relative;
}

.aff-trading .row:before {
	position: absolute;
	content: '';
	top: 30px;
	left: 0;
	width: 100%;
	height: 100%;
	background:url(/wp-content/uploads/2025/10/aff-bg.png) top center no-repeat;
}

.aff-trading .why-items .col-6 {
	padding: 30px 80px 30px 30px; 
}

.affiliate .how {
	border-radius: 24px; 
	max-width: 1200px; 
	margin-left: auto;
	margin-right: auto;
	padding: 70px 40px 40px 40px;
	background: linear-gradient(180deg, #340093 0%, #03012C 100%);
}

.affiliate .how-box {
	background: none;
}

.affiliate .how-box-inner {
	background: #321578;
	min-height: unset;
}


.affiliate .how-box:first-child:after, .affiliate .how-box:nth-child(2):after, .affiliate .how-box:nth-child(3):after {
    content: '';
    position: absolute;
    background: url(/wp-content/uploads/2025/10/steps-con.svg) center center no-repeat;
    width: 8px;
    height: 33px;
    left: 65px;
    bottom: -29px;
    z-index: 1;
}

.affiliate .n-logo .container {
	padding: 140px 60px; 
}

/* partner page */

.partner .hero .container .col-12 {
	background: url(/wp-content/uploads/2025/10/partner-bg.png) top center no-repeat;
	min-height: 492px; 
}

.partner .hero {
	position: relative;
	z-index: 10;
}

.hero .container .col-12 > div {
    width: 100%;
	max-width: 650px; 
	margin-left: auto;
	margin-right: auto;
}

.partner .community .container {
	position: relative;
	padding-top: 200px; 
	margin-top: -150px; 
}

.partner .community .container:after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
    background: url(/wp-content/uploads/2025/06/arrow-down.svg) center center no-repeat;
    background-size: cover;
}

.partner .community .container .col-12 {
	gap: 40px;
}

.partner .double-w .btn {
    display: inline-block;
    color: #18191F;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    line-height: 16px;
    padding: 16px 20px;
    background: #fff;
    border: 1px solid #E5E9F3;
    border-radius: 100px;
    text-transform: uppercase;
    letter-spacing: 0.02rem;
}


/* failed payment */

.failed-payment .how-support {
	padding-top: 60px; 
}


.failed-bottom {
	border-radius: 24px; 
	background: #fff;
}

.failed-bottom .col-12 {
	display: flex;
	gap: 42px; 
	align-items: center;
	padding: 20px 120px 20px 40px;
	border-radius: 24px; 
	background: linear-gradient(90deg, rgba(248, 211, 187, 1) 0%, rgba(238, 222, 218, 0.3) 100%);
}

.failed-bottom .col-12 img {
	display: block;
}



/* responsive */

.desk {
	display: inline-block;
}

.mob {
	display: none!important;
}

@media only screen and (max-width: 1240px) {

	.mob {
		display: inline-block!important;
	}
	
	.desk, h2 br, h3 br, h1 br {
		display: none!important;
	}
	
	
	header .mob {
		height: 36px; 
		position: relative;
		width: 100%; 
	}
	
	header .mob a.toggle-btn {
		position: absolute;
		right: 16px;
		top: 10px; 
	}
	
	/* mobile menu */
	#mobile-menu {
		position: absolute;
		top: -16px;
		left: 0;
		width: 100%;
		height: 100vh;
		background: #fff;
		z-index: 9999;
		padding: 24px 16px 100px;
		display: flex;
		flex-direction: column;		
		justify-content: flex-start;
		align-items: flex-start;
		transform: translateX(100%);
		transition: transform 0.3s ease;
		 background-image: 
			linear-gradient(to right, #f0f0f0 1px, transparent 1px),
			linear-gradient(to bottom, #f0f0f0 1px, transparent 1px);
		  background-size: 19px 19px; 
	}

	#mobile-menu.open {
		transform: translateX(0);
	}
	
	#mobile-menu nav {
		width: 100%; 
	}

	#mobile-menu nav ul {
		list-style: none;
		padding: 0;
		margin: 0;
		width: 100%;
		flex-direction: column;
    	padding-left: 16px;
		gap: 40px;
	}
	
	header nav ul .current-menu-item a:after {
		display: none;
	}

	

	#mobile-menu nav ul li a {
		font-size: 18px;
		font-weight: 500;
		text-decoration: none;
		color: #000;
	}

	#mobile-menu .current-menu-item a {
		color: #4482FF;
		position: relative;
	}

	#mobile-menu ul li a:before {
		content: '';
		position: absolute;
		left: -12px;
		top: 50%;
		transform: translateY(-50%);
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: #4482FF;
	}

	.mobile-buttons {
		margin-top: auto;
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
	
	.mobile-buttons a {
		text-align: center;
	}

	.mobile-close {
		position: absolute;
		top: 24px;
		right: 24px;
	}
	
	.header-btn:after {
		left: calc(50% - 66px);
		top: 17px;
	}
	
	body {
		background-size: 19px 19px; 
	}
	
	.how-box-inner div:first-child {
		width: 60px; 
	}
	
	.how-box-inner div:last-child {
		width: calc(100% - 138px);
	}
	
	#wrapper {
		overflow: hidden;
	}
	
	.careers .container, .community .container, .vip-acc .container, .support .hero .container, .why-support .row:last-child .container, .how-support .row:last-child .container, .container.why-items, .steps .container {
		margin-left: 16px;
		margin-right: 16px; 
	}
	
	.support .fs-64 {
		font-size: 44px; 
	}
	
	.support .hero .container .col-12 {
		border-radius: 24px 24px 0 0;
	}
	
	footer .container:first-child .col-2:first-child img {
		margin: 0 auto 32px auto;
	}
	
	.header-btn {
		display: block!important;
		text-align: center; 
	}
	
	footer .container:first-child .col-2:first-child .header-btn {
		margin-bottom: 40px; 
	}
	
	footer .container:first-child .col-2:last-child .header-btn {
		display: none!important;
	}
	
	footer .container ul {
		flex-direction: column;
	}
	
	footer .container:first-child .col-8 {
		display: flex; 
		gap: 20px; 
		align-items: flex-start;
	}
	
	footer .container:first-child .col-8 ul {
		width: calc(50% - 10px);
		display: flex!important;
		flex-direction: column;
		gap: 20px; 
	}
	
	footer .container {
        grid-template-columns: repeat(6, 1fr);
        column-gap: 16px;
    }
	
	.vip-acc .btn.mob {
		margin-top: 30px; 
	}
	
}

@media (max-width: 992px) {

	
	footer .container:first-child .col-2:first-child {
		text-align: center;
	}
	
	body {
		font-size: 14px; 
	}
	
	.fs-90, .fs-64 {
		font-size: 44px; 
	}
	
	.fs-60 {
		font-size: 30px;
	}
	
	.fs-30 {
		font-size: 24px; 
	}
	
	.fs-24 {
		font-size: 18px;  
	}
	
	.fs-20 {
		font-size: 18px!important; 
	}
	
	.m-50 {
		margin-bottom: 40px;
	}
	
	.m-60 {
		margin-bottom: 30px; 
	}
	
	.m-80 {
		margin-bottom: 40px;
	}
	
	.btn {
		display: block;
		width: 100%; 
		font-size: 16px;
		text-align: center;
	}
	
	.why-items .col-4 {
		grid-column: span 3;
		padding: 12px;
	}
	
	.why-items .col-4:nth-child(3) {
		border-top: 1px solid #E0E4F2;
	}
	
	.broker .hero {
		padding-top: 40px;
	}
	
	.broker .hero .container {
		gap: 40px; 
	}
	
	.home .hero {
		padding-top: 40px; 
		padding-bottom: 320px; 
		background: url(/wp-content/uploads/2025/06/hero-mob.png) bottom center no-repeat;
	}
	
	.hero-box {
		display: none;
	}
	
	.why-items img {
		max-width: 50px; 
	}
	
	.why-items img.m-24 {
		margin-bottom: 12px; 
	}
	
	.why {
		margin-bottom: 40px; 
	}
	
	.asset {
		background: url(/wp-content/uploads/2025/06/why-bg-mob.png) top center no-repeat;
		position: relative;
		padding-top: 120px; 
		padding-bottom: 50px; 
	}
	
	.asset:before {
		content: '';
		position: absolute;
		width: 100%;
		height: calc(100% - 785px);
		background: #03012C; 
		left: 0;
		bottom: 0;
	}
	
	.asset .row:last-child .col-4 {
		padding: 12px; 
		margin-bottom: 12px;
	}
	
	.asset .row:last-child .col-4 h3 {
		line-height: 1;
	}
	
	.asset .col-4 p {
		font-size: 16px;
	}
	
	.asset .row:last-child .col-4 img {
		max-width: 40px; 
	}
	
	.scroll-table {
		-webkit-overflow-scrolling: touch;
	}

	/* Make first TH and TD sticky */
	.plans th:first-child,
	.plans td:first-child {
		position: sticky;
		left: 0;
		background: linear-gradient(-65deg, rgba(218, 222, 238, 1) 0%, rgba(246, 246, 246, 1) 100%);
		backdrop-filter: blur(7.9px);
		-webkit-backdrop-filter: blur(7.9px);
		z-index: 2;
	}

	/* Ensure header z-index is higher */
	.plans th:first-child {
		z-index: 3;
	}
	
	.acc-types {
		padding-top: 60px; 
	}
	
	.acc-types h2 {
		margin-bottom: 18px; 
	}
	
	.acc-types th img {
		margin-top: 0; 
	}
	
	.acc-types .btn, .acc-types .btn:hover {
		font-size: 13px; 
		padding: 16px 12px; 
	}
	
	.acc-types table td {
		font-size: 14px; 
	}
	
	.acc-types table tr:nth-child(3) td {
		vertical-align: middle;
	}
	
	.scroll-table {
		overflow-x: auto;
		position: relative;
		width: 100%;
	}
	
	.platform {
		padding-top: 172px;
		padding-bottom: 80px;
		margin-top: -64px;
		background: url(/wp-content/uploads/2025/06/platform-mob-bg.png) top center no-repeat;
	}
	
	.steps .col-12:before {
		width: 80px;
		height: 80px;
		top: -40px;
		left: calc(50% - 40px);
		background-size: cover;
	}
	
	.steps .col-12 {
		flex-direction: column; 
		padding: 63px 20px 24px 20px; 
		gap: 0; 
	}
	
	.step-items p, .step-items h3 {
		font-size: 16px; 
	}
	
	.step-items div {
		margin-left: 12px; 
		padding-bottom: 32px; 
	}
	
	.step-items {
		margin-bottom: 40px; 
	}
	
	.payment-opt {
		padding: 60px 0;
	}
	
	.payment-opt .container:last-child {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 16px;
    }
	
	.payment-opt .container:last-child {
		grid-template-columns: repeat(3, 1fr); 
		column-gap: 12px;
		row-gap: 12px; 
	}
	
	.payment-opt .container:last-child .col-2 img {
		margin: 0 auto;
	}

	.payment-opt .container:last-child [class*="col-"] {
		grid-column: span 1; 
	}
	
	
	
	.about .hero .row:first-child .container {
		background: transparent;
		height: unset;
		padding-top: 0;
	}
	
	.about .hero .row:first-child .container .col-12 {
		background: url(/wp-content/uploads/2025/06/about-mob-1.png) top center no-repeat;
		height: 320px;
		border-radius: 24px 24px 0 0;
		padding-top: 103px; 
	}
	
	.about .hero {
		margin-top: 0;
	}
	
	.about .hero:after {
		display: none; 
	}
	
	.how {
		padding-top: 60px; 
	}
	
	.how-box-inner div:first-child p:first-child {
		width: 40px; 
		height: 40px; 
		line-height: 40px; 
		font-size: 16px; 
	}
	
	.how-box-inner {
		align-items: flex-start;
		gap: 12px; 
	}
	
	.how-box-inner div:first-child {
		width: 40px; 
	}
	 
	.how-box-inner div:last-child {
        width: calc(100% - 52px);
    }
	
	.how-box-inner h3 {
		font-size: 20px; 
	}
	
	.how-box-inner {
		min-height: unset; 
		padding: 16px 16px 24px 16px;
	}
	
	.m-120 {
		margin-bottom: 60px; 
	}
	
	.careers img {
		margin-left: 0;
		margin-bottom: 24px;
	}
	
	.careers .col-6:last-child {
		text-align: center; 
	}
	
	.quote p br {
		display: none;
	}
	
	.quote {
		margin-top: 0;
		padding: 100px 87px 0 87px;
		background: url(/wp-content/uploads/2025/06/platform-mob-bg.png) top center no-repeat;
	}
	
	.fs-40 {
		font-size: 24px; 
	}
	
	.community .container .col-12 {
		flex-direction: column; 
		gap: 32px; 
	}
	
	.m-32 {
		margin-bottom: 24px; 
	}
	
	.account-type .hero {
		margin-top: 0;
		padding-top: 64px; 
		background: url(/wp-content/uploads/2025/06/acc-type-mob.png) top center no-repeat;
    	margin-bottom: 101px;
	}
	
	.account-type .hero h1 {
		margin-bottom: 115px;
	}
	
	.vip-acc .container:after {
		width: 80px;
		height: 80px;
		top: -40px;
		left: calc(50% - 40px);
	}
	
	.vip-acc .container {
		padding: 63px 20px 24px 20px; 
	}
	
	.vip-acc .col-12 {
		gap: 24px;
		flex-direction: column;
	}
	
	.vip-acc .col-12 h2 {
		margin: 0;
	}
	
	.vip-acc .col-12 > div {
		width: 100%!important;
	}
	
	.acc-types .container.no-padd {
		margin: 0 16px;
	}
	
	.trading-platforms .hero .container {
		text-align: center;
	}
	
	.trading-platforms .hero .col-5:last-child img {
		float: unset;
		width: 100%;
	}
	
	.trading-platforms .hero {
    	margin-top: 20px;
	}
	
	.platform-steps .container:last-child .col-10 {
		padding: 80px 16px 70px 16px;
		margin-top: -40px; 
		border-radius: 24px; 
	}
	
	.platform-box > p {
		width: 30px;
		height: 30px;
		line-height: 30px; 
	}
	
	.platform-steps .container:first-child .col-10 {
		max-width: 205px;
		margin: 0 auto;
		position: relative;
		z-index: 1;
		margin-bottom: -1px;
		background: #F6F6F6;
		padding: 14px 24px;
		border-radius: 24px;
		border: 1px solid #BFBFDD;
	}
	
	.trading-platforms .platform-steps .row.m-80 {
		margin-bottom: 25px; 
	}
	
	.support .hero {
		margin-top: 0;
		margin-bottom: 30px; 
	}
	
	.support .hero .container .col-12 {
		background: url(/wp-content/uploads/2025/06/support-mob.png) top center no-repeat;
		flex-direction: column;
		padding: 60px 16px 76px 16px;
		min-height: 780px;
		gap: 32px; 
	}
	
	.support .hero .container .col-12 > div {
		width: 100%;
		text-align: center;
		padding-top: 0;
	}
	
	.support .hero img {
		max-width: 221px;
		margin: 0 auto;
	}
	
	.m-40 {
		margin-bottom: 30px; 
	}
	
	.why-support .row:last-child .container .col-12,
	.how-support .row:last-child .container .col-12 {
		flex-direction: column; 
		border: none; 
		border-radius: 0;
		background: transparent;
		gap: 16px;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}
	
	.supp-box {
		width: 100%!important;
		border-radius: 24px;
		border: 1px solid rgba(191, 191, 221, 0.5);
		background: linear-gradient(-63deg, #DADEEE 0%, #F6F6F6 100%);
		backdrop-filter: blur(7.9px);
		-webkit-backdrop-filter: blur(7.9px);
		max-width: 600px;
        margin: 0 auto;
	}
	
	.why-support .supp-box p {
		max-width: 100%!important;
	}
	
	.how-support .supp-box .btn {
		width: calc(100% - 48px);
		bottom: 24px;
		left: 24px;
	}
	
	.resources .col-12 > div:first-child {
		padding: 16px 24px;
	}
	
	.resources .col-12 > div:last-child {
		flex-direction: column;
	}
	
	.resources .col-12 div:last-child div {
		padding: 24px;
	}
	
	.resources .col-12 div:last-child div:first-child {
		border-right: none;
		border-bottom: 1px solid rgba(191, 191, 221, 0.5);
	}
	
	.supp-prefooter {
        background: url(/wp-content/uploads/2025/06/why-bg-mob.png) top center no-repeat;
        margin-top: 24px;
        padding-top: 126px;
        padding-bottom: 60px;
    }
	
	.resources .col-12 {
		max-width: 600px; 
		margin: 0 auto;
	}
	
	.btn, .black-btn, .header-btn {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	
	.payment-opt .container:last-child .col-2 {
		text-align: center; 
	}
	
	.payment-opt p br {
		display: none; 
	}
	
	.contact-form .col-8, .default-content .col-12 {
		padding: 16px; 
	}
	
	.contact-us .hero {
		margin-top: 25px;
	}
	
	.affiliate .why-items .col-6:nth-child(2), .affiliate .why-items .col-6:nth-child(4) {
		border-left: none;
	}
	
	.affiliate .why-items .col-6:nth-child(3) {
		border-bottom: 1px solid rgba(224, 228, 242, 0.4);
	}
	
	.broker .why-nuvesto {
		padding-top: 116px;
		padding-bottom: 40px;
	}
	
	.purple-bottom:before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 10;
		background: url(/wp-content/uploads/2025/10/borker-bg.png) center -120px no-repeat;
	}
	
	.broker .community .container {
		padding: 32px 16px;
	}
	
	.community.reverse .container .col-12 {
		gap: 40px;
	}
	
	.aff-trading .row {
    	padding: 70px 10px 40px 10px; 
	}
	
	.affiliate .how {
		padding: 70px 10px 40px 10px;
	}
	
	.btn, .black-btn {
		text-align: center;
	}
	
	.affiliate .n-logo .container {
		padding: 60px 20px;
		gap: 30px; 
	}
	
	.n-logo .container img {
		display: none; 
	}
	
	.broker .why-items .col-4 {
		border: none;
		border-bottom: 1px solid #E0E4F2;
        grid-column: span 6;
        padding: 12px;
    }
	
	.broker .why-items .col-4:last-child {
		border-bottom: none;
	}
	
	
	
	.m-100 {
		margin-bottom: 60px; 
	}
	
	.affiliate .why-nuvesto .col-6 {
		padding: 32px 16px 40px 16px;
	}
	
	.affiliate .hero img {
		max-width: 200px;
		margin: 0 auto;
		display: block;
	}
	
	.aff-trading .why-items .col-6 {
		padding: 30px 16px 30px 16px;
	}
	
	.why.double-w .col-6 {
		padding: 32px 16px;
	}
	
	.partner .hero .row:first-child .container .col-12 {
        background: url(/wp-content/uploads/2025/06/about-mob-1.png) top center no-repeat;
        height: 320px;
        border-radius: 24px 24px 0 0;
        padding-top: 60px;
		min-height: unset; 
    }
	
	.partner .community .container {
		position: relative;
		padding-top: 170px;
		margin-top: -150px;
	}

	.failed-payment .how-support {
		padding-top: 20px; 
	}
	
	.failed-payment .how-support div:first-child img {
		max-width: 200px!important; 
	}
	
	.failed-bottom .col-12 {
		flex-direction: column;
		text-align: center;
		gap: 24px;
		max-width: 600px; 
		padding: 20px; 
		margin-left: auto;
		margin-right: auto;
	}
	
	.failed-bottom .col-12 div:nth-child(2) {
		display: none;
	}
	
	
	
}

@media (max-width: 768px) {
	.about .hero .row:last-child .container .col-12 {
		flex-direction: column;
		gap: 24px; 
		padding: 185px 16px 30px 16px; 
	}
	
	.careers img {
		max-width: 209px;
	}
	
	.black-btn {
		width: 100%; 
	}
	
	.quote {
		margin-top: 0;
		padding: 100px 16px 0 16px; 
	}
	
	.community .container {
		padding: 32px 16px; 
	}
	
	.supp-box {
		padding: 24px; 
	}
	
	.why-support .supp-box img {
		max-width: 50px; 
	}
	
	.how-support .supp-box img {
		max-width: 40px; 
	}
	
	
}

@media (max-width: 370px) {
	.why-items .col-4 {
		grid-column: span 6;
		padding: 12px;
	}
	
	.account-type .hero h1 {
		font-size: 38px; 
	}
	
	.why-items .col-4:nth-child(2) {
		border-top: 1px solid #E0E4F2;
	}
}