:root {
	--primary-color: #01375c;
	--secondary-color:#0097c7;

	--background-primary: #01375c;
	--background-secondary: #0097c7;
	--background-dark: #0c111c;
	--background-light: #ffffff;
	--background-lightblue: #e8f6ff;
	--background-transparent : #ffffff1c;
	--background-grey : #f4f4f4;

	--text-primary: #006ca1;
	--text-secondary: #01375c;
	--text-red: #dc3545;

	--text-light:#ffffff;
	--text-dark: #0c111c;

}
body.dark-theme {
	--background-dark: #ffffff ;
	--background-light: #000000;
	--background-lightblue: #fff;

	--text-light:#000000;
	--text-dark: #ffffff;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
	font-size: 1rem;
	font-weight: 600;
	background: var(--background-light);
	color: var(--text-dark);
	font-family: "Red Hat Display", sans-serif;
}

a {
	color: var(--text-dark);
	text-decoration: none;
}

a:hover {
	color: var(--text-light);
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-primary {
	font-weight: 600;
	font-family: "Red Hat Display", sans-serif;
}

p,
body ul li{
	letter-spacing: 0.5px;
	line-height: 1.5;
}

.toggler-theme {
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--text-dark);
	background: var(--background-light);
	border: 1px solid;
	border-radius: 50px;
	cursor: pointer;
}
.text-primary{
	color: var(--text-primary) !important;
}

/*--------------------------------------------------------------
# Common CSS
--------------------------------------------------------------*/

.btn{
	font-weight: 600;
	min-width: 5rem;
	padding: 0.6rem 1.2rem;
	text-align: center;
	border: 1px solid transparent;
	position: relative;
	z-index: 1;
	overflow: hidden;
	text-transform: capitalize;
	letter-spacing: 0.5px;
}
.btn:hover{
	color: var(--primary-color);
}
.btn:before {
	position: absolute;
	content: "";
	z-index: -1;
	top: 0;
	right: 0;
	height: 100%;
	width: 0;
	background: #fff; 
	border-radius: 50px;
	transition: .5s;
}

.btn:hover:before {
	width: 100%;
	left: 0;
}
.btn-primary,
.btn-primary:hover,
.btn-primary:focus:hover { 
	color: #fff; 
	background: var(--primary-color);
	border-color: var(--primary-color);
	background-repeat: no-repeat;
	background-size: cover; 
}
.btn-primary:hover,
.btn-primary:focus:hover,
.btn-secondary:hover{ 
	color: #000;
}
.btn-secondary {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
}
.btn-secondary:hover {

	background-color: var(--secondary-color);
	border-color: var(--primary-color);
}
.btn-outline{
	border-color: var(--background-dark);
	color: var(--text-dark);
}
.btn-outline:hover{
	border-color: var(--background-dark);
	color: var(--text-light);
}
.btn-outline:hover:before {
	background: var(--background-dark); 
}
.btn-outline-white{
	border-color: #fff;
	color: #fff;
}


.btn-rounded{
	border-radius: 100px;
}


@keyframes blue-move {
	0% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	left: 15px;
	bottom: 15px;
	z-index: 99999;
	background: var(--primary-color);
	width: 40px;
	height: 40px;
	border-radius: 4px;
	transition: all 0.4s;
}

.back-to-top i {
	font-size: 24px;
	line-height: 0;
}

.back-to-top:hover {
	background: var(--primary-color);
	color: var(--text-light); 
}

.back-to-top.active {
	visibility: visible;
	opacity: 1;
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	[data-aos-delay] {
		transition-delay: 0 !important;
	}
}

/*--------------------------------------------------------------
# Loader overlay
--------------------------------------------------------------*/
/* ===== PRELOADER CSS ===== */
.page-loader{
	width: 100%;
	height: 100vh;
	position: fixed;
	display: flex;
	align-items: center;
	background: linear-gradient(0deg, var(--primary-color) 0%, var(--secondary-color) 100%);

	z-index: 9999;
}

/*  ===== SPINNER ANIMATION   =====*/
.spinner {
	position: relative;
	top: 0;
	bottom: 0; 
	width: 80px !important;
	height: 80px !important;
	margin: auto;
	background: #fff;
	border-radius: 100%;  
	z-index: 0;
	-webkit-animation: sk-scaleout 2.0s infinite ease-in-out;
	animation: sk-scaleout 2.0s infinite ease-in-out;
}
.spinner:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0; 
	width: 80px !important;
	height: 80px !important;
	margin: auto;
	background-image: url('../img/favicon.webp');
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 100%;  
	z-index: -1;
}

@-webkit-keyframes sk-scaleout {
	0% { -webkit-transform: scale(0) }
	100% {
		-webkit-transform: scale(1.0);
		opacity: 0;
	}
}

@keyframes sk-scaleout {
	0% { 
		-webkit-transform: scale(0);
		transform: scale(0);
	} 100% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
		opacity: 0;
	}
}



.form-group {
	position: relative;
}
.form-group .form-control {
	font-size: 0.9rem;
	font-weight: bold;
	color: #000;
	padding: 0.7rem 1rem;
	border-color: #00000014;
	background: #ffffff6e;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 7px;
	box-shadow: rgb(9 25 72 / 5%) 0px 1px 15px;
}

.form-group input::-webkit-outer-spin-button,
.form-group input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.form-group .form-select{
	background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="10"><polygon points="0,0 14,0 7,10" fill="grey"/></svg>');
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 12px;
}
.dark-theme .form-group .form-select option{
	color: var(--text-light);
}

.form-group .form-control:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px var(--background-light)  inset !important; /* Use your background color */
	-webkit-text-fill-color: var(--text-dark) !important; /* Text color */
	transition: background-color 5000s ease-in-out 0s !important;
}
.recaptche-valid .form-control.captchacls {
	padding-left: 6.5rem;
}
.recaptche-valid .recaptche-code {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 1px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.9rem;
	font-weight: bold;
	padding: 12px;
	height: 44px;
	border-radius: .375rem;
	color: #fff;
	min-width: 85px;
	background-color: var(--background-secondary);
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header-top{
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.header-middle {
	position: relative;
	background-color: rgb(255 255 255 / 95%);
	padding: 10px 0;
	margin: 1rem 0.5rem;
	border: 1px solid #ddd;
	border-radius: 50px;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.header-top-language select {
	border: 0;
	background: none;
	border-radius: 20px;
	box-shadow: none;
	box-shadow: none;
	outline: none;
}
.header-top-language select option{
	color: #000;
}
.header-top .header-top-menulink {
	color: #fff;
	padding: 0.5rem;
}
.sticky .header-top .header-top-menulink {
	color: #000 !important;
}
.mobile-partner-link .header-top-menulink {
	border: 1px solid #000;
	color: #000;
	border-radius: 50px;
}
.header-middle .header-logo{
	max-width: 160px;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.header-middle .header-logo img {
	padding: 0;
	margin: 0;
	width: 100%;
}
.header-middle .user-use-buttons {
	justify-content: center;
}
.header-middle .user-use-buttons li{
	margin: 0.2rem;
}

.header-navbar {
	background-color: var(--background-light); 
}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.header {
	z-index: 9;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.header-middle .nav-inner{
	padding: 0.5rem ;
	border-radius: 10rem;
}
.header .navbar {
	padding: 0;
}
.header .navbar .navbar-toggler {
	box-shadow: none;
}
.header .navbar .navbar-toggler .navbar-toggler-icon {
	filter: invert(1);
}
.navbar .navbar-nav {
	margin: 0;
	margin-left: auto !important;
	margin-right: auto !important;
}
.header .header-navbar  {
	border-bottom: 2px solid var(--primary-color);
}
.header .header-navbar .navbar ul {
	margin: 0;
	padding: 0;
	display: flex;
	list-style: none;
	align-items: center;
	margin-top: 1rem;
}

.header .header-navbar .navbar ul li.nav-item {
	position: relative;
	width: 100%;
}

.header .navbar ul .nav-item a,
.header .navbar ul .nav-item a:focus {
	font-size: 1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px;
	font-weight: 600;
	border-bottom: 1px solid #98989836;
	color: #0c111c;
	white-space: nowrap;
	transition: 0.3s;
}


.header .navbar ul li.nav-item a:hover,
.header .navbar ul li.nav-item .active,
.header .navbar ul li.nav-item .active:focus,
.header .navbar ul li.nav-item:hover>a {
	color: var(--text-primary);
	border-color: var(--text-primary)!important;
}
.header .navbar ul .header-top-terminal .nav-link,
.header .navbar ul .header-top-terminal .nav-link:focus{
	border: 1px solid !important;
	border-bottom: 2px solid !important;
	border-radius: 5px;
	text-transform: uppercase;
	color: #0085b3 !important;
	font-weight: bold !important;
	position: relative;
}
.header .navbar ul .header-top-terminal .nav-link .badge {
	position: absolute;
	top: -10px;
	right: 10px;
	background: #01375c;
}
.header .navbar ul .dropdown .dropdown-menu{
	display: block;
	position: absolute;
	left: 14px;
	top: calc(100% + 30px);
	margin: 0;
	margin-top: 5px;
	padding: 1rem;
	z-index: 99;
	opacity: 0;
	background: var(--background-light);
	visibility: hidden;
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	transition: 0.3s;
}

.header .navbar ul .dropdown .dropdown-menu li {
	min-width: 200px;
	margin-left: 0;
}
.header .navbar ul .dropdown .dropdown-menu li .dropdown-item{
	padding: 10px;
	font-size: 1rem;
	text-transform: none;
	border-radius: 5px;
	color: var(--text-dark);
}

.header .navbar ul .dropdown .dropdown-menu li:last-child .dropdown-item {
	border-bottom: 0 !important;

}
.header .navbar ul .dropdown .dropdown-menu li a:hover,
.header .navbar ul .dropdown .dropdown-menu li.active:hover,
.header .navbar ul .dropdown .dropdown-menu li:hover>a {
	color: #fff;
	background: var(--background-secondary);
}

.header .navbar ul .dropdown:hover>ul {
	opacity: 1;
	top: 100%;
	visibility: visible;
}

.header .navbar ul .dropdown .dropdown ul {
	top: 0;
	left: calc(100% - 30px);
	visibility: hidden;
}

.header .navbar ul .dropdown .dropdown:hover>ul {
	opacity: 1;
	top: 0;
	left: 100%;
	visibility: visible;
}
.header .navbar ul .nav-item i {
	color: var(--primary-color);
}
.header .navbar .add-list-button .btn-login {
	color: #0c111c;
}
@media (max-width: 1366px) {
	.header .navbar .dropdown .dropdown ul {
		left: -90%;
	}

	.header .navbar .dropdown .dropdown:hover>ul {
		left: -100%;
	}
}

.gtranslate_wrapper{ 
	width: 130px;
	font-size: 12pt !important;
}
.header-top-language .gt_switcher{
	background: none !important;
}
.header-top-language .gt_switcher .gt_selected,
.header-top-language .gt_switcher .gt_selected a  { 
	color: #000!important;
	padding: 5px; 
	width: 130px !important; 
	font-size: 12pt !important; 
	border: 0 !important; 
	border-radius: 50px !important;
	background: none  !important;
	overflow: hidden;
}


.header-top-language .gt_switcher .gt_option{ 
	background: #fff !important; 
	width: 130px !important; 
	position: absolute!important;
	border: 1px solid; 
	z-index: 99;
}
.header-top-language .gt_switcher .gt_option a{
	color: #000 !important;
}
.header-top-language .gt_switcher .gt_option a:hover{
	color: #fff !important;  
	background: var(--background-primary) !important;
}
.header-top-language .gt_switcher .gt_selected a:after {
	top: 8px;
	filter: brightness(0.5);
}
@media (min-width: 992px) {
	.header-top-language .gt_switcher .gt_selected, .header-top-language .gt_switcher .gt_selected a{
		color: #fff !important;
	}
	.header-top-language .gt_switcher .gt_selected a:after{
		filter: brightness(1) !important;
	}
	.sticky .header-top-language .gt_switcher .gt_selected a:after{
		filter: brightness(0.5) !important;
	}
	.sticky .header-top-language .gt_switcher .gt_selected,
	.sticky .header-top-language .gt_switcher .gt_selected a{
		color: #000 !important;
	}
}

.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9;
	background-color: #fff;
	-webkit-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05);
}

.sticky .header-middle{
	margin-top: 0;
	margin-bottom: 0;
	border: 0 !important;
}
/* Mobile */

.mobile-menu-btn .toggler-icon {
	background: var(--background-primary);
	width: 20px;
	height: 2px;
	display: block;
	margin: 5px;
	border: 0;
}

.offcanvas-header {
	justify-content: end;
	width: auto;
	box-shadow: none;
	padding: 0;
	margin-bottom: 2rem;
}
.offcanvas-header .btn-close{
	box-shadow: none;
	outline: 0;
	cursor: pointer;
}

@media screen and (max-width: 1399px) {
	.navbar-collapse.collapse:not(.show) {
		display: block;
	}
	.navbar-collapse {
		position: fixed;
		top: 0;
		right: 0;
		width: 415px;
		height: 100%;
		z-index: 9999;
		padding: 25px;
		transform: translateX(415px);
		transition: 0.5s ease-in-out;
		display: block;
	}
	.navbar-collapse.show {
		transform: translateX(0px);
	}
	.nav-overlay {
		position: absolute;
		background: #0c111c;
		width: 100vw;
		height: 100vh;
		top: 0;
		left: 0;
		z-index: 2;
		transform: translateX(-100vw);
		transition: 0.5s ease-in-out;
		display: block;
	}
	.nav-overlay.active {
		transform: translateX(0);
	}
} 


/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
	position: relative;
	padding: 3.5rem 0;
	z-index: 0;
	overflow: hidden;
}
.section-bg {
	background-color: var(--background-light);
}
.section-heading .section-heading-title {
	font-weight: 700;
	margin-bottom: 1.2rem;
}
.section-heading .section-heading-title span {
	font-weight: 900;
	position: relative;
	background: linear-gradient(120deg, var(--background-secondary), var(--background-dark), var(--background-secondary), var(--background-dark));
	background-size: 300%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	animation: blue-move 2s infinite linear;
}
.section-listpoint {
	text-align: left;
}
.section-listpoint li {
	position: relative;
	padding-left: 2rem;
	margin: 0.3rem 0;
	display: inline-block;
	margin-right: 1rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.section-listpoint li i {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.3rem;
	line-height: normal;
	color: var(--background-secondary);
}



.trading-steps-wrapper .section-heading span,
.mobile-app-content .section-heading span,
.cta-mainbox .section-heading span,
.copy-how-itwork-section-wrapper .section-heading span,
.product-CTA-section-wrapper .section-heading span,
.product-why-trade-mainbox .section-heading span,
.technical-analysis-benifits-section .section-heading span,
.contact-us-information-content .section-heading .section-heading-title span{
	background: linear-gradient(120deg, var(--background-secondary), #fff, var(--background-secondary), #fff);
	background-size: 300%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	animation: blue-move 2s infinite linear;
}

.demo-account-benefits-mainbox .section-heading .section-heading-title span,
.partner-earn-benifits-content .section-heading .section-heading-title span,
.mam-benifits-content .section-heading .section-heading-title span{
	font-weight: 900;
	position: relative;
	display: inline-block;
	background: linear-gradient(120deg, var(--background-secondary), var(--background-light), var(--background-secondary), var(--background-light));
	background-size: 300%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	animation: blue-move 2s infinite linear;
}
/*.cta-section-wrapper .section-heading span{
background: linear-gradient(120deg, var(--background-secondary), var(--background-light), var(--background-secondary), var(--background-light));
background-size: 300%;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: blue-move 2s infinite linear;
}*/
.glow-effect:{
	position: relative;
	display: inline-block;
}
.glow-effect::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;  
	width: 100%;
	height: 100%;
	background: url(../img/bg-glow.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
}
.bg-waves::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;  
	width: 100%;
	height: 100%;
	background: url(../img/bg-waves.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
	opacity: 0.2;
}
.bg-market::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;  
	width: 100%;
	height: 100%;
	background: url(../img/bg-market.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	z-index: -1;
	opacity: 0.8;
}
.bg-market2::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;  
	width: 100%;
	height: 100%;
	background: url(../img/bg-market2.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	z-index: -1;
	opacity: 0.8;
}
.shine-effect::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.shine-effect:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
/*--------------------------------------------------------------
# Home Banner Section
--------------------------------------------------------------*/
.home-banner  {
	width: 100%;
	/*background-image: linear-gradient(0deg, var(--primary-color) 0%, var(--secondary-color) 100%);*/
	background:  #0c111c;
	background-size: cover;
	background-position: bottom;
	padding-top: 210px;
	position: relative;
	z-index: 0;
}
.home-banner .home-banner-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}
.home-banner .home-banner-overlay {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	backdrop-filter: blur(2px);
	background: rgba(0, 0, 0, 0.5); 
	/* background: linear-gradient(145deg, var(--secondary-color) 0%, var(--primary-color) 75%); */
}
.home-banner .carousel-inner {
	width: 100%;
	display: inline-block;
	position: relative;
	display: block;
}
.home-banner .carousel-item {
	min-height: 450px;
	background: skyblue;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.home-banner .carousel-caption {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.home-banner .carousel-control-next, .home-banner  .carousel-control-prev{
	width: 40px;
	height: 40px;
	top: 50%;
	border-radius: 5px;
	opacity: 1;
}


.home-banner .home-banner-info .home-banner-title {
	font-size: 2rem;
	font-weight: 500;
	color: #fff;
}
.home-banner .home-banner-info .home-banner-title span{
	font-weight: 900;
}
.home-banner .home-banner-info .home-banner-description{
	color: #fff;
}
.home-banner-img {
	margin: 0px auto;
	width: 300px;
	height: 300px;
	position: relative;
}
.home-counter-wrapper {
	background: #ffffff1a;
	padding: 1rem;
	border-radius: 1rem;
	backdrop-filter: blur(5px);
}
.counter-box-info {
	text-align: center;
}
.counter-box-info h5{
	font-size: 1rem;
}

/*-------------------------------------------------------------
# Live Spread Section
--------------------------------------------------------------*/

.live-spread-slider .slider-track .slide {
	width: 250px;
	flex-shrink: 0;
	padding: 10px;
}
.live-spread-slider .hero-live-spread-box {
	padding: 1rem;
	background: var(--background-grey);
	color: #0c111c;
	border-radius: 0.5rem;
	margin: 1rem;
	min-height: 82px;
	align-items: center;
}
.live-spread-slider .hero-live-spread-icon img {
	width: 100%;
	max-width: 30px;
}
.live-spread-slider .hero-live-spread-icon img:nth-child(2){
	margin-top: -10px;
}
.hero-live-spread-list .live-spread-symbol{
	font-size: 1.2rem;
}
.live-spread table .fa-caret-up
{
	color: #09ed86;
	font-size: 18px;
}
.live-spread table .fa-caret-down
{
	color: #dc3545;
	font-size: 18px;
}

/*--------------------------------------------------------------
# Account Type Section
--------------------------------------------------------------*/

.account-type-section-wrapper .account-type-box-list li {
	position: relative;
	z-index: 0;
	padding-left: 2rem;
	list-style-type: none;
	margin: 10px 0;
}
.account-type-section-wrapper .account-type-box-list li::before{
	content: "\f101";
	font-family: "FontAwesome";
	position: absolute;
	left: 0;
	color: var(--background-secondary);
}
.account-type-box-image {
	padding-top: 8rem;
	position: relative;
	z-index: 0;
}

/* two option */
.account-type-section-wrapper .account-type-image{
	display: inline-block;
	width: 100%;
	background: url(../img/account-type-bg-img.webp);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top right;
	position: relative;
	overflow: hidden;
	padding: 5rem 0 1rem;
}

.account-type-section-wrapper .account-type-image .carousel-indicators button {
	background-color: #000;
}
.account-type-section-wrapper .account-type-image .carousel  {
	width: 100%;
	display: inline-block;
	padding: 1rem;
}
.account-type-section-wrapper .account-type-image .home-banner-img-slider2 {
	width: 100%;
	padding: 1rem;
	margin: auto;
	max-width: 480px;
	transform: rotate(18deg);
	transition: all 1s ease-in-out !important;
}
.account-type-section-wrapper .account-type-image:hover .home-banner-img-slider2{
	transform: scale(1.1);
}
/*--------------------------------------------------------------
# Live Markets Section
--------------------------------------------------------------*/

.live-market-box-wrapper{
	background:  radial-gradient(var(--background-secondary), var(--background-primary));
	border-radius: 1rem;
	overflow: hidden;
	border: 1px solid #00608f40;
}
.live-market-box-wrapper .live-market-box-sidebar {
	background: var(--background-primary);
	padding: 1rem;
	height: 100%;
}
.live-market-box-wrapper .live-market-box-sidebar ul li{
	margin: 0.3rem;
}
.live-market-box-wrapper .live-market-box-sidebar ul li a{
	padding: 1rem;
	padding-left: 4rem;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	position: relative;
}
.live-market-box-wrapper .live-market-box-sidebar ul li .nav-link.active {
	background: linear-gradient(145deg, var(--secondary-color) 0%, var(--primary-color) 75%);
}
.live-market-box-wrapper .live-market-box-sidebar ul li .nav-link .live-market-sidebaricon{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;
	width: 100%;
	max-width: 30px;
	margin-right: 1rem;
}
.live-market-box-wrapper .tab-content {
	color: #fff;
	padding: 2rem 1rem;
	border-radius: 1rem;
}
.live-market-box-wrapper .table tr th,
.live-market-box-wrapper .table tr td{
	border-color: var(--background-transparent);
	color: #fff;
	text-align: center;
}
.live-market-box-wrapper .table tr th{
	min-width: 100px;
}
.live-market-box-wrapper .tab-content .btn-trade{
	min-width: max-content;
}

/*--------------------------------------------------------------
# Our Services Section
--------------------------------------------------------------*/

/* .services-section-wrapper{
background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
} */
.services-slider .slick-arrow {
	background: linear-gradient(0deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	z-index: 1;
	padding: 11px;
	height: 40px;
	width: 40px;
	border-radius: 20px;
}
.services-slider .slick-prev:before, 
.services-slider .slick-next:before{
	font-family: "FontAwesome";
	color: #ffffff;
	font-size: 1rem;
}
.services-slider .slick-prev:before{
	content: "\f053";
}
.services-slider .slick-next:before{
	content: "\f054";
}
.services-slider .trade-service-box {
	position: relative;
	display: inline-block;
	padding: 1.5rem;
	margin: 10px 0.5rem;
	color: #ffffff;
	background: linear-gradient(45deg, var(--background-primary), var(--background-secondary));
	border-radius: 1rem;
	overflow: hidden;
	transition: all 0.3s ease-in-out !important;
}

.services-slider .trade-service-box .trade-service-box-icon {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 190px;
	margin: auto;
	margin-bottom: 2rem;
	transition: all 0.3s ease-in-out !important;
}
.services-slider .trade-service-box:hover .trade-service-box-icon{
	transform: scale(1.2);
}
.services-slider .trade-service-box .trade-service-box-title {
	margin: 1rem 0;
	font-size: 1.3rem;
	font-weight: 700;
}
.services-slider .trade-service-box .trade-service-box-moreinfo {
	opacity: 0.7;
	font-weight: normal;
	line-height: 1.3;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.services-slider .trade-service-box .trade-service-box-moreinfo-link{
	display: block;
	color: #fff;
	transition: 400ms ease-in-out;
}

/*--------------------------------------------------------------
# Pips Calculator Section
--------------------------------------------------------------*/

.pips-calculator-wrapper {
	padding: 2rem;
	color: #ffffff;
	background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	border-radius: 2rem;
	position: relative;
	z-index: 0;
	box-shadow: 0 0 50px 4px #0c111c1c;
}
.pips-calculator-form .form-group .form-label{
	color: #ffffff;
}
.pips-calculator-form .form-group .form-select,
.pips-calculator-form .form-group .form-control {
	color: #000;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	width: 100%;
	display: block;
	font-size: 16px;
	font-weight: 600;
	padding: 0.5rem 1rem;
	border-radius: 50px;
	box-shadow: none;
}
.pips-calculator-form .form-group .form-select option{
	color: #0c111c;
}
.pips-calculator_results {
	color: #fff ;
	background: var(--background-primary);
	padding: 0.8rem 1.5rem;
	border-radius: 1rem;
}
.calculator-button .btn-primary:hover{
	color: #0c111c;
}
.calculator-button .btn-primary:before{
	background-color: #fff;
}
/*--------------------------------------------------------------
# Copy Trader Section
--------------------------------------------------------------*/

.copy-trader-section-wrapper .copy-trader-content{
	text-align: center;
}
.copy-trader-section-wrapper .copy-trader-image {
	max-width: 600px;
	margin: auto;
	position: relative;
}
.copy-trader-section-wrapper .copy-trader-image .home-banner-video{
	border-radius: 1.5rem;
	border: 0;
	overflow: hidden;
	box-shadow: none;
	box-sizing: border-box;
	outline: 0 !important;
}

.copy-trader-content .our-banifits-listpoint {
	color: var(--text-dark);
	background: #ffffff36;
	border-radius: 1rem;
	margin-top: 1.5rem;
	display: flex;
	align-items: center;
	transition: all 0.3s ease-in-out !important;
}
.copy-trader-content .our-banifits-listpoint:hover{
	color: #fff;
	background: linear-gradient(180deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}
.copy-trader-content .our-banifits-listpoint i {
	font-size: 1.5rem;
	margin-right: 0.8rem;
}


/*--------------------------------------------------------------
# Why Choose us Section
--------------------------------------------------------------*/
.why-choose-us-slider .slick-arrow {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 100%;
	z-index: 1;
	padding: 1rem;
	border-radius: 20px;
	transition: 1s all ease;
}
.why-choose-us-slider .slick-prev{
	background: linear-gradient(270deg, #ffffff00 0%, var(--background-light) 60%);
}
.why-choose-us-slider .slick-next{
	background: linear-gradient(90deg, #ffffff00 0%, var(--background-light) 60%);
}
.why-choose-us-slider .slick-prev:before, 
.why-choose-us-slider .slick-next:before{
	font-family: "FontAwesome";
	color: var(--text-dark);
	font-size: 1rem;
	width: 40px;
	height: 40px;
	padding: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid var(--text-dark);
	border-radius: 100px;
}

.why-choose-us-slider .slick-prev:before{
	content: "\f053";
}
.why-choose-us-slider .slick-next:before{
	content: "\f054";
}
.why-choose-us-box {
	padding: 1.5rem;
	text-align: center;
	background: var(--background-primary);
	color: #fff;
	border-top: 4px solid var(--background-secondary);
	margin: 0.5rem;
	border-radius: 1rem;
	overflow: hidden;
	transition: all 0.3s ease;
}
.why-choose-us-box:hover {
	transform: scale(1) !important;
}
.why-choose-us-box .why-choose-us-box-icon {
	max-width: 110px;
	display: block;
	margin: auto;
	margin-bottom: 1rem;
	transition: all 0.3s ease;
}
.why-choose-us-box:hover .why-choose-us-box-icon{
	transform: scale(1.3) !important;
}
.why-choose-us-box .why-choose-us-box-moreinfo{
	color: #fff;
	transition: all 0.4s ease;
	margin-bottom: 0;
}
.why-choose-us-slider-item.slick-slide.slick-current.slick-active .why-choose-us-box{
	background: linear-gradient(310deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	border-color: var(--primary-color);
	color: #fff;

}


/*--------------------------------------------------------------
# Countor Section
--------------------------------------------------------------*/
.traders-counter-numbers-box {
	min-height: 88%;
	margin: 0.8rem 0;
}
.traders-counter-numbers-box .traders-counter-number {
	font-size: 2rem;
	color: var(--text-primary);
}

/*--------------------------------------------------------------
# Our Benefits Logo Section
--------------------------------------------------------------*/

.our-banifits-image {
	max-height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.our-banifits-image .or-benifir-boxs {
	max-width: 170px;
	padding: 0.5rem;
	margin: 1.5rem 0.9rem;
	align-items: center;
	backdrop-filter: blur(20px);
	background: linear-gradient(126deg, #ffffff 10.28%, #c7c7c7 106.66%);
	border: 1px solid hsla(0, 0%, 100%, .42);
	border-radius: 1.1875rem;
	box-shadow: 0 2px 15px 5px #8f8f8f14;
	box-sizing: border-box;
}
.our-banifits-image .marquee {
	position: relative;
	overflow: hidden;
	display: inline-block;
}
.marquee-simple{
	animation: scrollUpDown 15s ease-in-out infinite;;
}
@keyframes scrollUpDown{
	0%{top: -30px}
	50%{top:-220px}
	to{top:-30px}
}
.marquee-reverse{
	animation: scrollDownup 15s ease-in-out infinite;;
}
@keyframes scrollDownup {
	0%{top:-350px}
	50%{top:-30px}
	to{top:-350px}
}

.certifications-box{
	text-align: center;
}
.certifications-box .ug-rating{
	max-width: 220px;
	display: inline-block;
	margin-right: 1rem;
}
.certifications-box .ug-rating-1 {
	position: relative;
	background: linear-gradient(304deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	border-radius: 10px;
	padding: 0.5rem;
}

/*--------------------------------------------------------------
# Mobile Apps Analysis Section
--------------------------------------------------------------*/

.mobile-app-wrapper {
	padding: 2rem 1rem;
	background: radial-gradient(var(--background-secondary), var(--background-primary));
	border-radius: 2rem;
	position: relative;
	z-index: 0;
	box-shadow: 0 0 50px 4px #0000001c;
}
.mobile-app-wrapper::after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 93%;
	height: 95%;
	margin: auto;
	border: 1px solid #fff;
	border-radius: 1rem;
	z-index: -1;
	background: linear-gradient(90deg, #01375c80 40.89%, #0097c785 99.46%);
	background-size: cover;
	background-repeat: no-repeat;
}
.mobile-app-wrapper::before{
	content: "";
	position: absolute;
	bottom: 20px;
	right: 40px;
	width: 550px;
	height: 100%;
	z-index: -1;
	background-image: url(../img/mobile-apps-map-bg.webp);
	background-size: contain;
	background-position: bottom;
	background-repeat: no-repeat;
	opacity: 0.5;
}

.mobile-app-content .section-heading{
	color: var(--text-light);
}

.mobile-app-wrapper .mobile-app-listpoint {
	text-align: center;
}
.mobile-app-listpoint li {
	display: inline-block !important;
	margin-right: 1rem;
}
.mobile-app-wrapper .mobile-app-store-btn .btn{
	width: 100%;
	display: inline-block;
	max-width: 250px;
	margin: 0.5rem 0.4rem;
	min-width: auto;
}
.mobile-app-wrapper .mobile-app-store-btn .btn i{
	font-size: 1.4rem;
}

/*--------------------------------------------------------------
# Technical Analysis Section
--------------------------------------------------------------*/
.technical-analysis-section-wrapper{
	position: relative;
	z-index: 0;
}
.technical-analysis-content{
	text-align: center;
}
.technical-analysis-box {
	max-width: 430px;
	margin: 0.8rem auto !important;
	padding: 1rem;
	color: #fff;
	background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	border: 2px solid var(--secondary-color);
	border-radius: 1rem;
	transition: all 0.3s ease-in-out;
}
.technical-analysis-box p {
	opacity: 0.9;
}
.technical-analysis-section-wrapper .technical-analysis-slider .slick-list {
	min-height: 400px;
}

/*--------------------------------------------------------------
# Steps Section
--------------------------------------------------------------*/

.trading-steps-wrapper {
	padding: 2rem;
	background: radial-gradient(var(--background-secondary), var(--background-primary));
	color: var(--text-light);
	border-radius: 2rem;
	box-shadow: 0 0 50px 4px #0000001c;
}
.start-trading-step-box {
	position: relative;
	margin-top: 1.5rem;
	padding: 1.5rem;
	padding-right: 4rem;
	color: var(--text-light);
	background-color: var(--background-transparent);
	border: 2px solid var(--background-transparent);
	border-radius: 1.5rem;
	overflow: hidden;
	transition: all 0.3s ease-in-out !important;
}


.start-trading-step-box .start-trading-step-box-number {
	position: absolute;
	right: -10px;
	bottom: -20px;
	font-size: 10.5rem;
	font-weight: bolder;
	color: #ffffff24;
	line-height: 1;
	z-index: 0;
}

.start-trading-step-box .start-trading-step-box-title {
	font-weight: 600;
	margin-bottom: 1rem;
}
.start-trading-step-box .start-trading-step-box-info {
	margin-bottom: 0;
}
.start-trading-step-button {
	background: var(--background-primary);
}
.start-trading-step-button .start-trading-step-box-title {
	color: var(--text-light);
	font-weight: bold;
	font-size: 2.2rem;
	margin-bottom: 0;
	padding-top: 3rem;
}
.start-trading-step-button i {
	position: absolute;
	right: 20px;
	font-size: 1.5rem;
	transform: rotate(319deg);
}


.cta-box-column {
	padding: 2rem;
	background: #ffffff36;
	margin: 1rem;
	border-radius: 1rem;
	text-align: center;
}
.cta-box-column .cta-box-column-icon {
	max-width: 120px;
	margin: auto;
	margin-bottom: 1rem;
}
.cta-box-column .cta-box-btn a {
	width: 40px;
	height: 40px;
	font-size: 1rem;
	padding: 0.5rem;
	color: #fff;
	background: linear-gradient(0deg, var(--background-primary) 0%, var(--background-secondary) 100%);
	display: inline-flex;
	align-content: flex-start;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	border-radius: 2rem;
	margin-left: 2px;
	margin-right: 2px;
	transition: all 0.4s;
}
.cta-box-column .cta-box-btn a:hover{
	transform: scale(1.1);
}
.cta-box-column .cta-box-btn a i {
	font-size: 1.2rem;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer{
	border-top: 1px solid  var(--background-secondary);
	color: #959595;
}
.footer ul {
	padding-left: 0;
}
.footer ul li{
	font-size: 0.8rem;
	color: var(--text-dark);
	margin-top: 0.5rem;
	list-style-type: none;
}

.footer ul li a{
	color:  var(--text-dark);
}
.footer ul li a:hover{
	color: var(--text-primary);
}
.footer-about .footer-logo {
	max-width: 200px;
	background: #f1f1f1;
	padding: 0.5rem;
	border-radius: 90px;
}

.footer-contact-info li {
	position: relative;
	padding-left: 25px;
	margin-top: 0.3rem !important;
}
.footer-contact-info li i {
	position: absolute;
	left: 5px;
}
.footer-menulinks .footer-menulinks-title {
	font-size: 1rem;
	font-weight: 600;
	color: var(--text-dark);
	margin-bottom: 1.5rem;
}
.footer-menulinks ul li{
	padding-left: 20px;
	position: relative;
}
.footer-menulinks ul li:before{
	font-family: "bootstrap-icons";
	content: "\F234"; /* Unicode for arrow-right */
	position: absolute;
	top:0;
	left: 0;
}
.footer .footer-social-links a {
	width: 30px;
	height: 30px;
	font-size: 0.9rem;
	color: #fff;
	background: linear-gradient(0deg, var(--background-primary) 0%, var(--background-secondary) 100%);
	display: inline-flex;
	align-content: flex-start;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	border-radius: 2rem;
	position: relative;
	z-index: 1;
	transition: all 0.4s;
}

.footer .footer-social-links a:hover{
	transform: scale(1.1);
}
.footer-awards-imagebox {
	max-width: 90px;
	display: inline-block;
}
.footer .disclaimer{
	font-size: 0.8rem;
}
.footer .copyright {
	font-size: 0.9rem;
	color: var(--text-dark);
	border-top: 1px solid #008bcd;
}
.footer .copyright a{
	color: var(--text-primary);
}
.support-sidebar-social {
	position: fixed;
	bottom: 9%;
	right: 7px;
	transform: translateY(-00%);
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 5px;
	z-index: 999;
}
/* Main Button */
.support-sidebar-social .fab-main {
	width: 36px;
	height: 36px;
	background: linear-gradient(0deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	border-radius: 50%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	cursor: pointer;
	box-shadow: 0 12px 30px rgba(0,0,0,0.25);
	transition: 0.3s;
}

/* Rotate effect */
.support-sidebar-social.active .fab-main {
	transform: rotate(45deg);
}

/* Social Buttons */
.fab-item {
	position: absolute;
	right: 7px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	opacity: 0;
	transform: scale(0);
	transition: 0.3s ease;
	box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

/* Show items */
.support-sidebar-social.active .fab-item {
	opacity: 1;
	transform: scale(1);
}

/* Positioning */
.fab-item:nth-child(2) { bottom: 50px; background: #25D366; }
.fab-item:nth-child(3) { bottom: 95px; background: #0084FF; }
.fab-item:nth-child(4) { bottom: 140px; background: #229ED9; }
.fab-item:nth-child(5) { bottom: 200px; background: #229ED9; }

/* Hover effect */
.fab-item:hover {
	transform: scale(1.15);
}

/* Tooltip */
.fab-item::after {
	content: attr(data-name);
	position: absolute;
	right: 45px;
	background: #000;
	color: #fff;
	padding: 6px 10px;
	font-size: 12px;
	border-radius: 6px;
	opacity: 0;
	white-space: nowrap;
	transition: 0.3s;
}

.fab-item:hover::after {
	opacity: 1;
}

/* Floating Chat Button */
#chat-btn {
	position: fixed;
	bottom: 20px;
	right: 8px;
	background: #0097c7;
	color: #fff;
	border: none;
	border-radius: 50px;
	padding: 7px 14px;
	font-size: 1rem;
	font-weight: 500;
	cursor: pointer;
	z-index: 9999;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* Overlay */
#chat-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	backdrop-filter: blur(5px);
	display: none;
	justify-content: end;
	align-items: end;
	z-index: 9999;
}

/* Chat Modal */
#chat-modal {
	width: 380px;
	height: 650px;
	margin:1rem;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	position: relative;
	box-shadow: 0 10px 40px rgba(0,0,0,0.3);
	animation: popupFade 0.3s ease;
}
@media (min-width: 600px) {
	#chat-modal { height: 450px;}
}
/* Animation */
@keyframes popupFade {
	from {
		transform: scale(0.8);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}

/* Close Button (Top Right) */
#chat-close {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #0097c7;
	color: #fff;
	border: none;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	font-size: 16px;
	cursor: pointer;
	z-index: 10;
}

#chat-close:hover {
	background: #084298;
}

/* Iframe */
#chat-modal iframe {
	width: 100%;
	height: 100%;
	border: none;
}


/*--------------------------------------------------------------
# Inner Pages
--------------------------------------------------------------*/
.inner-banner {
	padding: 7rem 0 3rem;
	background: linear-gradient(0deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	/*background: radial-gradient(var(--background-primary),  var(--background-secondary));*/
	text-align: center;
	position: relative;
}
.dark-theme .inner-banner{
	background: var(--background-light);
}
.inner-banner .inner-banner-info .inner-banner-title {
	font-weight: 900;
}
.inner-banner .inner-banner-image {
	max-width: 500px;
	margin: auto;
}

/*--------------------------------------------------------------
# About Page
--------------------------------------------------------------*/
.about-us-banner {
	background: #000;
}
.about-counter-section-wrapper{
	color: #fff;
	background: linear-gradient(135deg, var(--background-primary), var(--background-secondary));
}
.about-mission-vision-content .about-mission-vision-box{
	background: linear-gradient(135deg, var(--background-primary), var(--background-secondary));
	color: #fff;
	border-radius: 1rem;
	padding: 1.5rem;
	position: relative;
	overflow: hidden;
	border-color: transparent;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
	transition: all 0.35s ease;
	border: 1px solid rgba(0, 0, 0, 0.07);
}

.about-mission-vision-box .about-mission-vision-box-icon {
	width: 70px;
	height: 70px;
	border-radius: 18px;
	background: linear-gradient(135deg, var(--background-primary), var(--background-secondary));
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 35px;
	margin-bottom: 25px;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
}

.about-value-section-wrapper .about-value-box {
	color: #000;
	background-color: #fff;
	margin-top: 1.5rem;
	text-align: center;
	border-radius: 1rem;
	padding: 3rem 1.5rem 0;
	border-color: transparent;
	position: relative;
	overflow: hidden;
	box-shadow: 0 10px 40px #5e5e5e1c;
	transition: all 0.35s ease;
	border: 1px solid rgba(0, 0, 0, 0.07);
}
.about-value-section-wrapper .about-value-box:hover{
	transform: translateY(-8px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
	border-color: transparent;
}
.about-value-section-wrapper .about-value-box::before {
	content: "";
	position: absolute;
	bottom: -80px;
	right: -80px;
	width: 180px;
	height: 180px;
	background: linear-gradient(135deg,  var(--background-primary), var(--background-secondary));
	border-radius: 50%;
	opacity: 0.3;
	transition: 0.3s;
}
.about-value-section-wrapper .about-value-box:hover::before {
	bottom: -40px;
	right: -40px;
}
.about-value-section-wrapper .about-value-box .about-value-box-images {
	max-width: 300px;
	margin: auto;
}

.about-whyus-section-wrapper::after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 280px;
	height: 100%;
	margin: auto;
	background: url(../img/bg-globe-image.webp);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
	opacity: 0.5;
	transition: all 0.3s ease-in-out;
}
.about-whyus-section-wrapper .about-whyus-content .about-whyus-box{
	margin-top: 2rem;
	text-align: center;
}
.about-whyus-section-wrapper .about-whyus-content .about-whyus-box:hover .about-whyus-box-icon{
	transform: scale(1.2) !important;
}
.about-whyus-section-wrapper .about-whyus-box .about-whyus-box-icon {
	padding: 1rem;
	width: 100px;
	height: 100px;
	margin: auto;
	border-radius: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--background-dark);
	color: #fff;
	margin-bottom: 25px;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
	transition: all 0.3s ease-in-out;
}

.about-core-products-slider .about-core-products-box .about-core-products-icon {
	display: block;
	max-width: 150px;
	margin: auto;
	transition: all 0.3s ease-in-out;
}
.about-core-products-slider .slick-arrow{
	width: auto;
	height: auto;
}
.about-core-products-slider .slick-prev:before,
.about-core-products-slider .slick-next:before{
	font-size: 32px;
	font-family: 'FontAwesome';
	color: var(--text-light);
}
.about-core-products-slider .slick-prev:before{
	content: '\f0d9';
}
.about-core-products-slider .slick-next:before{
	content: '\f0da';
}
.about-both-section-wrapper{
	background: url(../img/bg-about-cta-image.webp);
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
}


/*--------------------------------------------------------------
# Career Page
--------------------------------------------------------------*/
.career-hiring-content {
	color: var(--text-dark);
	border-radius: 1rem;
	border: 2px solid var(--background-secondary);
	backdrop-filter: blur(12px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
	position: relative;
	z-index: 0;
	overflow: hidden;
	transition: 0.3s;
}

.career-hiring-content .career-hiring-item .career-hiring-item-icon {
	max-width: 90px;
	margin: auto;
}
.career-hiring-item {
	position: relative;
	margin: 0.5rem 0.2rem;
	color: var(--text-dark);
	background: #ffffff0d;
	border-radius: 1rem;
	border: 1px solid #a9a9a9;
	border-top: 5px solid #0097c7;
	overflow: hidden;
	transition: all 0.3s ease-in-out !important;
}
.career-whychooseus-box-content .accordion-item{
	background: none;
	padding: 0.8rem 0;
	border: 0;
	color: var(--text-dark);
	border-bottom: 1px solid var(--background-dark);
	border-radius: 0;
}
.career-whychooseus-box-content .accordion-header .accordion-button {
	padding-left: 0;
	padding-right: 0;
	font-size: 1.2rem;
	font-weight: bold;
	background: none;
	color: var(--text-dark);
	box-shadow: none;
}
.career-whychooseus-box-content .accordion-body{
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}
.career-whychooseus-box-content .accordion-header .accordion-button::after{
	font-family: "FontAwesome";
	content: "\f0dd";
	background: none;
	transform: none;
}
.career-whychooseus-image {
	max-width: 500px;
	margin: auto;
	border-radius: 40px;
	overflow: hidden;
}
.custom-modal-wrapper .modal-content{
	border-radius: 1rem;
	background-color: var(--background-lightblue);
	padding: 1rem;
	color: #000;
	backdrop-filter: blur(5px);
	/*box-shadow: 0px 1px 19.9px rgb(135 135 135);*/
	position: relative;
	z-index: 0;
	overflow-y: auto;
}
.custom-modal-wrapper .modal-content:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(355deg, #c5d5f8 0%, #66daff26 100%);
	z-index: -1;
}
.custom-modal-wrapper .modal-content .modal-header,
.custom-modal-wrapper .modal-content .form-group,
.custom-modal-wrapper .modal-content .form-group .form-control{
	color: #000 !important;
}
.custom-modal-wrapper .modal-content .modal-header .btn-close{
	filter: brightness(0) invert(0.5);
}
.carr-apply-recaptche .form-control{
	padding-left: 5rem;
}
.carr-apply-recaptche .form-para {
	position: absolute;
	top: 12px;
	left: 15px;
	font-size: 0.9rem;
	font-weight: bold;
}

/*--------------------------------------------------------------
# Platform Page
--------------------------------------------------------------*/
.platforms-inner-banner:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/platforms-banner-bg.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -1;
}
.platform-devices-items {
	padding: 1rem;
	color: #fff;
	background: linear-gradient(310deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	border-radius: 1rem;
	position: relative;
	transition: all .3s ease;
}
.platform-devices-items:hover{
	transform: translateY(-6px) !important;
	color: #fff;
}
.platform-devices-items .platform-devices-icon {
	font-size: 1.7rem;
	margin-right: 1rem;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: rgba(255, 255, 255, .12);
	flex: 0 0 auto;
}

.platform-our-products-slider .trade2win-gifts-box{
	color: #fff;
}
.platform-our-products-slider .trade2win-gifts-box:before{
	background: linear-gradient(135deg, var(--background-primary), var(--background-secondary));
}
.platform-our-products-slider .trade2win-gifts-box .trade2win-gifts-box-image{
	margin: auto;
}
.platform-cta-section-wrapper .cta-mainbox .platform-cta-row-mainbox{
	position: relative;
	z-index: 0;
	padding: 2rem 2rem;
}

.platform-cta-section-wrapper .cta-mainbox .platform-cta-row-mainbox:after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #ffffff30;
	backdrop-filter: blur(4px);
	z-index: -1;
	border-radius: 1rem;
}

/*--------------------------------------------------------------
# Platform - Web Terminal Page
--------------------------------------------------------------*/
.web-terminal-feature-section .section-heading .section-heading-description a {
	font-weight: bold;
	color: var(--text-dark);
	text-decoration: underline;
}
.web-terminal-feature-section .web-terminal-feature-list li {
	position: relative;
	z-index: 0;
	padding-left: 2rem;
	list-style-type: none;
	margin: 10px 0;
}
.web-terminal-feature-section .web-terminal-feature-list li::before{
	content: "\f101";
	font-family: "FontAwesome";
	position: absolute;
	left: 0;
	color: var(--background-secondary);
}

/*--------------------------------------------------------------
# Funding Page
--------------------------------------------------------------*/
.funding-withdrawal-wrapper .nav {
	border-bottom: 0;
	padding-bottom: 0;
	justify-content: center;
}
.funding-withdrawal-wrapper .nav li {
	margin: 0 8px 10px;
}
.funding-withdrawal-wrapper .nav li a {
	color: var(--text-dark);
	border: 1px solid var(--text-dark);
	border-radius: 100px;
	padding: 0.5rem 1.0rem;
	min-width: 110px;
	text-align: center;
}
.funding-withdrawal-wrapper .nav-pills .nav-link.active, 
.funding-withdrawal-wrapper .nav-pills .show>.nav-link{
	border-color: var(--secondary-color);
	background: linear-gradient(145deg, var(--secondary-color) 0%, var(--primary-color) 75%);
}

.funding-withdrawal-wrapper .table-responsive {
	border: 2px solid #ebebeb;
	border-radius: 1rem;
}
.funding-withdrawal-wrapper .funding-withdrawal-table{
	background: #fff;
	border-radius: 1rem !important;
	margin-bottom: 0;
	overflow: hidden;
}
.funding-withdrawal-wrapper .funding-withdrawal-table thead tr{
	background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	color: #fff;
}
.funding-withdrawal-wrapper .funding-withdrawal-table thead th,
.funding-withdrawal-wrapper .funding-withdrawal-table tbody td{
	padding: 1rem;
	vertical-align: middle;
	text-align: center;
}
.funding-withdrawal-wrapper .funding-withdrawal-table .funding-table-icon {
	max-width: 75px;
}
.funding-withdrawal-wrapper .dataTables_length,
.funding-withdrawal-wrapper .dataTables_filter,
.funding-withdrawal-wrapper .dataTables_info { 
	display: none !important;
}

.funding-withdrawal-wrapper .funding-withdrawal-table tbody td.redbg {
	background: #85858529;
	font-weight: bold;
	font-size: 1.2rem;
}
/*--------------------------------------------------------------
# Account Type Page
--------------------------------------------------------------*/

.account-type-slider-item .account-type-box {
	display: inline-block;
	padding: 1.5rem ;
	margin: 0.5rem 0;
	border: 1px solid rgba(0, 0, 0, 0.07);
	border-radius: 1rem;
	color: #000;
	background-color: #fff;
	box-shadow: 0 4px 25px #0c111c1c;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
	z-index: 0;
	transition: all 0.35s ease;
}
.account-type-slider-item .account-type-box:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
	border-color: transparent;
}
.account-type-slider-item .account-type-box::before {
	content: "";
	position: absolute;
	bottom: -80px;
	right: -80px;
	width: 180px;
	height: 180px;
	background: linear-gradient(135deg,  var(--background-primary), var(--background-secondary));
	border-radius: 50%;
	opacity: 0.3;
	transition: 0.3s;
}
.account-type-slider-item .account-type-box:hover::before {
	bottom: -40px;
	right: -40px;
}
.account-type-slider-item .account-type-box .account-type-box-icon {
	display: inline-block !important;
	border-radius: 1rem;
	box-shadow: 0px 10px 15px 0px rgb(114 114 114 / 20%);
}

.account-type-slider-item .account-type-box .table tr td{
	padding: 0.6rem 0;
}
.account-type-slider-item .account-type-box .table tr:last-child td{
	border-bottom: 0;
}
.account-type-slider .slick-dots li button:before{
	color: var(--background-dark);
}

.account-comparison-content {
	border-radius: 1rem;
	overflow: hidden;
	border: 2px solid var(--background-primary);
}
.account-comparison-content .table {
	background: #fff;
	border-color: var(--secondary-color);
}
.account-comparison-content table tr{
	border: 0;
}
.account-comparison-content table thead tr th{
	background: linear-gradient(180deg, var(--background-secondary), var(--background-primary)) !important;
}
.account-comparison-content table thead tr th.sticky-col {
	background: linear-gradient(180deg, var(--background-secondary), var(--background-primary)) !important;
}
.account-comparison-content table thead tr th {
	color: #fff !important;
	font-size: 1.15rem;
	vertical-align: middle;
	min-width: 216px;
	position: relative;
	z-index: 0;

}

.account-comparison-content table thead tr th,
.account-comparison-content table tbody tr td{
	color: #0c111c ;
	border-top: 0;
	border-bottom: 0;
	padding: 1.1rem;
}
.account-comparison-content table tbody tr:hover{
	background-color: #e4f4ff;
} 

.account-comparison-content table tr .sticky-col {
	position: sticky;
	left: 0;
	color: #fff !important;
	border: 0;
	background: var(--background-primary) !important;
	z-index: 2;
} 

.account-type-form-section-wrapper:after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 750px;
	height: 100%;
	background: url(../img/account-type-form-bg.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
	opacity: 0.7;

}
.account-type-form-wrapper {
	padding: 2rem;
	border-radius: 1rem;
	background-color: #fff;
	backdrop-filter: blur(5px);
	box-shadow: 0px 1px 19.9px rgb(135 135 135 / 13%);

}

/*--------------------------------------------------------------
# Pro Trader Page
--------------------------------------------------------------*/

.protrader-inner-banner .banner-shape-thumb1{
	position:absolute;
	right:0;
	top:0;
	z-index:-1;
	opacity: 0.8;
	width: auto;
	padding: 0;
}
.protrader-inner-banner .banner-shape-thumb2{
	position:absolute;
	left:100px;
	top:100px;
	width: auto;
}
.protrader-inner-banner .banner-shape-thumb3{
	position:absolute;
	left:250px;
	bottom:100px;
}

.protrader-about-us-img .about-shape-thumb1{
	position:absolute;
	right:0;
}
.protrader-about-us-img .about-shape-thumb2{
	position:absolute;
	bottom:40px;
	left:40px;
}

.proptrader-funded-plans .table{
	color: var(--text-light);
	background-color: var(--background-dark);
	border-radius: 1rem !important;
	overflow: hidden;
}
.proptrader-funded-plans .table thead tr{
	background:  var(--secondary-color);
	color: #fff;
}
.proptrader-funded-plans .table tr th,
.proptrader-funded-plans .table tr td{
	padding: 1rem;
	vertical-align: middle;
}
.proptrader-funded-plans .table tbody tr{
	background-color: var(--background-dark);
}
.proptrader-funded-plans .table tbody tr .btn {
	min-width: 160px;
}

.proptrader-howwork-section-wrapper .proptrader-howwork-img {
	max-width:500px;
	margin:auto;
}
.proptrader-howwork-content .accordion-item{
	background: none;
	padding: 0.5rem 0;
	border: 0;
	color: var(--text-dark);
	border-radius: 0;
}

.proptrader-howwork-content .accordion-item .accordion-header-title{
	display: inline-block !important;
	font-size: 1.3rem;
	padding-bottom: 10px;
	padding-right: 0 !important;
	margin-bottom:10px;
	color: var(--text-dark);
	position:relative;
	padding-right:30px;
	display:block;
	cursor:pointer;
}
.proptrader-howwork-content .accordion-item .accordion-header .accordion-header-title.collapsed:before{
	width:20%!important;
	color:#f81833;
	transition:all .2s ease-in;
}
.proptrader-howwork-content .accordion-item .accordion-header .accordion-header-title:before{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:100%!important;
	height:2px;
	transition-duration:.7s;
	background: var(--background-dark);
}


.professional-trading-offer-box {
	padding: 2.2rem 1rem 1.5rem; 
	border-radius: 1rem; 
	box-shadow: 0 0px 3px 3px #cbcbcb80;
	position: relative;
	min-height: 90%;
}
.professional-trading-offer-box .professional-trading-box-cointer { 
	background: var(--background-secondary);
	color: #fff; 
	padding: 5px 15px; 
	font-size: 1.1rem; 
	text-align: center; 
	border-radius: 4px; 
	display: inline-block;
	padding-right: 1.6rem; 
	position: absolute; 
	top: -20px;
}
.professional-trading-offer-box .professional-trading-box-cointer:after { 
	content: " "; 
	position: absolute; 
	right: -10px;
	top: 5px;
	width: 25px;
	height: 26px;
	background:var(--background-secondary); 
	border-top: inherit; 
	border-right: inherit; 
	border-radius: 0 0.1em 0 0; 
	transform: rotate(45deg);
}
.professional-trading-offer-box p{
	margin-bottom: 0; 
	line-height: normal;
}
.trader-offer-steps .col .professional-trading-step-arrow {
	display: none;
}


.proptrader-weoffers-box .proptrader-weoffers-icon{
	width:100%;
	max-width:100px;
	margin-bottom:0.5rem;
}
.proptrader-weoffers-box p{
	margin-bottom:.3rem;
}
.who-we-are-box .who-we-are-box-icon{
	width:100%;
	max-width:100px;
	margin-bottom:1rem;
}


.who-we-are-box{
	background: var(--background-light);
	padding:1.5rem;
	text-align:center;
	border-radius:0;
	transition-duration:.8s;
	position:relative;
	height: 100%;
	overflow:hidden;
}
.who-we-are-box:hover{
	z-index:9;
	border: 0 !important;
	box-shadow: 0 0px 20px 1px #c9c9c963;
}
.who-we-are-box p{
	font-size: 0.9rem;
	line-height:normal;
	margin-bottom:0;
	opacity:0;
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	transform:translate(0,-50%); 
	-webkit-transition: all 0.5s ease-in-out 0s; 
	-moz-transition: all 0.5s ease-in-out 0s; 
	transition: all 0.5s ease-in-out 0s;
}
.who-we-are-box:hover p{
	transform:scale(0.9);
	transform:translate(0,0%);
	opacity:1;
}

/* Move Left Bounce  */
.moveLeftBounce{animation:moveLeftBounce 3s linear infinite}
@keyframes moveLeftBounce {
	0%{-webkit-transform:translateX(0);transform:translateX(0)}
	50%{-webkit-transform:translateX(30px);transform:translateX(30px)}
	100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
/* Animation properties */
.moveLeftBounce2{animation:moveLeftBounce2 5s ease-out infinite}
@keyframes moveLeftBounce2 {
	0%{opacity:0;transform:scale(1.5) translateY(-0.75em)}
	20%{opacity:1;right:50px}
	89%{opacity:1;right:100px;transform:scale(1)}
	100%{opacity:0;right:180px;transform:translateZ(-1000em)}
}      

.proptrader-terms-section-wrapper .promotion-terms-card .table {
	color: var(--text-dark);
}

/*--------------------------------------------------------------
# Demo Account Page
--------------------------------------------------------------*/
.demo-account-banner::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/demo-account-banner-img.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -1;
}
.demo-account-banner::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 380px;
	height: 380px;
	background: url(../img/demo-account-banner-element.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -1;
}
.inner-banner-form .account-type-form-wrapper{
	color: #fff;
	background: var(--background-transparent);
}
.inner-banner-form .account-type-form-wrapper .form-group .form-control{
	color: #fff;
	background-color: transparent;
	border-color: var(--background-transparent);
}
.inner-banner-form .account-type-form-wrapper .form-group option{
	color: #000;
}

.demo-account-benefits-mainbox {
	padding: 2rem;
	color: var(--text-light);
	background:  var(--background-dark);
	border-radius: 2rem;
	position: relative;
	z-index: 0;
	box-shadow: 0 0 50px 4px #0c111c1c;
}


.demo-account-benefits-slider .slick-arrow{
	width: auto;
	height: auto;
}
.demo-account-benefits-slider .slick-prev:before,
.demo-account-benefits-slider .slick-next:before{
	font-size: 32px;
	font-family: 'FontAwesome';
	color: var(--text-light);
}
.demo-account-benefits-slider .slick-prev:before{
	content: '\f0d9';
}
.demo-account-benefits-slider .slick-next:before{
	content: '\f0da';
}
.demo-account-benefits-item .demo-account-benefits-box {
	position: relative;
	text-align: center;
	display: inline-block;
	padding: 1.5rem;
	margin: 0.5rem;
	color: #ffffff;
	background: radial-gradient(var(--background-secondary), var(--background-primary));
	border-radius: 1rem;
	border: 2px solid #a9a9a96b;
	overflow: hidden;
	transition: all 0.3s ease-in-out !important;
}
.demo-account-benefits-item .demo-account-benefits-box .demo-account-benefits-icon {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 150px;
	margin: auto;
	margin-bottom: 1rem;
	transition: all 0.3s ease-in-out !important;
}
.demo-account-benefits-item .demo-account-benefits-box:hover {
	transform: scale(1) !important;
}

.demo-account-benefits-item .demo-account-benefits-box:hover .demo-account-benefits-icon{
	transform: scale(1.2) !important;
}
.demo-account-benefits-item .demo-account-benefits-box .trade-service-box-moreinfo {

}
.demo-account-whyus-section-wrapper .demo-account-whyus-image{
	max-width: 520px;
	margin: auto;
}

.demo-account-steps-content img {
	max-width: 220px;
	margin: 0 -40px;
}

.demo-account-steps-box .fxvibe-feature-section {
	position: relative;
	text-align: center;
	margin: 2rem 0;
}

.demo-account-steps-box .fxvibe-feature-section span {
	position: relative;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	padding: 16px 16px 16px 65px;
	border-radius: 40px;
	width: 100%;
	min-width: 250px;
	max-width: 380px;
	display: inline-flex;
	align-items: center;
	text-align: left;
	z-index: 0;
	transition-duration: .3s;
	box-shadow: 0 0 30px 0px #08080840;
}
.demo-account-steps-box .fxvibe-feature-section span i {
	width: 45px;
	padding: 10px;
	font-size: 1.5rem;
	position: absolute;
	left: 10px;
	color: #01375c;
	border-radius: 5rem;
	background: #ffffff;
}
.demo-account-steps-box .fxvibe-feature-section span:hover{
	background: var(--secondary-color);
	color: #fff;
}
.demo-account-steps-box-middle {
	max-width: 390px;
	margin: auto;
}
.cta-section-wrapper .cta-mainbox{
	border-radius: 1rem;
	padding: 1.5rem;
	color: #fff;
	background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}

/*--------------------------------------------------------------
# Thank you Page
--------------------------------------------------------------*/
.thankyou-top-section {
	background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	padding-top: 11rem;
}
.thankyou-main-box {
	color: #000;
	background:  #fff;
	padding: 1rem; 
	border-radius: 14px;
	max-width: 700px;
	margin: auto;
	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);
	text-align: center;
	overflow: hidden; 
}
.thankyou-main-box .thankyou-main-box-img {
	max-width: 160px;
	margin: 0 auto 30px;
}
.thankyou-main-box .thankyou-main-box-img img { 
	width: 100%;
}
.thankyou-box-content .thank-pg-title {
	font-weight: bold;
	margin-bottom: 1rem;
}
.thankyou-box-content .highlight{
	color: #0097c7;
	font-weight: 900;
}
.thankyou-box-footer ul li {
	list-style-type: none; 
}
.thankyou-box-footer ul li:nth-last-child(1) { 
	margin-right: 0;
}


/*--------------------------------------------------------------
# Product Page
--------------------------------------------------------------*/
.product-pairs-content .product-pairs-table{
	color: var(--text-light);
	background-color: var(--background-dark);
	border-radius: 1rem !important;
	overflow: hidden;
}

.product-pairs-content .product-pairs-table thead tr{
	background: var(--background-secondary);
	color: #fff;
}
.product-pairs-content .product-pairs-table thead th:nth-child(2),
.product-pairs-content .product-pairs-table thead th:nth-child(3){
	min-width: 110px;
}
.product-pairs-content .product-pairs-table thead th,
.product-pairs-content .product-pairs-table tbody td{
	padding: 1rem;
}
.product-feature-section-wrapper .product-feature-row-mainbox {
	padding: 1.2rem;
	color: var(--text-dark);
	border-radius: 1rem;
	backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.4);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
	position: relative;
	z-index: 0;
	overflow: hidden;
	transition: 0.3s;
}
.product-feature-section-wrapper .product-feature-row-mainbox::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 700px;
	height: 100%;
	z-index: -1;
	background-image: url(../img/trading-banner-bg.webp);
	background-size: contain;
	background-position: bottom;
	background-repeat: no-repeat;
	opacity: 0.6;
}
.product-feature-section-wrapper .product-feature-row-mainbox .product-feature-image {
	max-width: 500px;
	margin: auto;
}

/* .product-pairs-type-section .product-pairs-type-mainbox .product-pairs-type-item {
position: relative;
padding: 1.5rem !important;
margin: 0.5rem;
color: #ffffff;
background: radial-gradient(var(--background-secondary), var(--background-primary));
border-radius: 2rem;
border: 2px solid #a9a9a96b;
overflow: hidden;
transition: all 0.3s ease-in-out !important;
min-height: 93%;
} */
.product-pairs-type-section .product-pairs-type-mainbox .product-pairs-type-item {
	color: #000;
	background: #fff;
	border-radius: 1rem	;
	padding: 1.5rem;
	position: relative;
	overflow: hidden;
	min-height: 93%;
	transition: all 0.35s ease;
	border: 1px solid rgba(0, 0, 0, 0.07);
}
.product-pairs-type-section .product-pairs-type-mainbox .product-pairs-type-item:hover{
	transform: translateY(-8px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
	border-color: transparent;
}
.product-pairs-type-section .product-pairs-type-mainbox .product-pairs-type-item::before {
	content: "";
	position: absolute;
	top: -80px;
	right: -80px;
	width: 180px;
	height: 180px;
	background: linear-gradient(135deg,  var(--background-primary), var(--background-secondary));
	border-radius: 50%;
	opacity: 0.3;
	transition: 0.3s;
}
.product-pairs-type-section .product-pairs-type-mainbox .product-pairs-type-item:hover::before {
	top: -40px;
	right: -40px;
}
.product-pairs-type-section .product-pairs-type-mainbox .product-pairs-type-item .product-pairs-type-moreinfo{
	color: #6c757d ;
	margin-bottom: 0;
}

.product-pairs-type-section .product-pairs-type-item .section-listpoint{
	text-align: left;
}
.product-pairs-type-section .product-pairs-type-item .product-pairs-type-icon{
	max-width: 100px;
	margin: auto;
	margin-bottom: 1rem;
}
.product-pairs-type-item ul li::before {
	content: "\f270";
	font-family: "bootstrap-icons";
	font-size: 1.3rem;
	font-weight: 400 !important;
	position: absolute;
	left: 0;
	color: var(--background-secondary);
}
.product-affect-item{
	padding: 1rem;
	border-radius: 2rem;
	border: 2px solid var(--background-secondary);
	position: relative;
	z-index: 0;
	transition: all 0.3s ease;
}
/*.product-affect-item:hover {
transform: translate(0px, -10px);
}*/
.product-affect-item:hover .product-affect-icon {
	transform: translateY(-10px); !important;
}
.product-affect-item:hover .product-affect-title{
	transform: rotateX(360deg);
}
.product-affect-item::after{
	content: '';
	position: absolute;
	left: -5px;
	right: 0;
	margin: auto;
	bottom: -2px;
	width: 103%;
	height: 100%;
	background: linear-gradient(0, var(--background-light), #0c111c00);
	z-index: -1;
	border-radius: 2rem;
}
.product-affect-item .product-affect-icon {
	max-width: 100px;
	margin: 0 auto 1rem; 
	transition: all 0.3s ease-in-out !important;
}

.product-why-trade-with-section-wrapper .copy-benefits-item .copy-benefits-icon {
	max-width: 100px;
}
.product-steps-section-wrapper .product-steps-image {
	max-width: 550px;
	margin: auto;
	border-radius: 1rem;
	overflow: hidden;
}
.product-steps-box-wrapper .product-steps-box {
	display: flex;
	align-items: center;
	padding-left: 3.5rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	min-height: 45px;
	position: relative;
	z-index: 0;
}

.product-steps-box-wrapper .product-steps-box:before{
	content: '';
	position: absolute;
	left: 1rem;
	top: 40px;
	margin: auto;
	width: 2px;
	height: 100%;
	background: var(--secondary-color);
}
.product-steps-box-wrapper .product-steps-box .product-steps-box-number {
	position: absolute;
	left: 0;
	width: 36px;
	height: 36px;
	border: 2px solid var(--secondary-color);
	border-radius: 50%;
	background: var(--background-light);
	color: var(--text-dark);
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 1rem;
	transition: all 0.3s ease-in-out ;
}
.product-steps-box-wrapper .product-steps-box:hover .product-steps-box-number{
	transform: scale(1.2) !important;
}
.product-steps-box-wrapper .product-steps-box-last{
	padding-top: 1rem;
	padding-bottom: 1rem;
	color: #fff;
	display: inline-flex;
	padding-right: 2rem;
}

.product-steps-box-wrapper .product-steps-box-last:after{
	content: '';
	position: absolute;
	left: -20px;
	right: 0;
	bottom: -0;
	margin: auto;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	border-radius: 100px;
	z-index: -1;
}
.product-steps-box-last:before{
	display: none;
}
.product-CTA-section-wrapper{
	background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}

/*--------------------------------------------------------------
# Products - Crypto Page
--------------------------------------------------------------*/
.product-why-trade-with-section-wrapper .product-feature-item {
	position: relative;
	text-align: center;
	padding: 1.5rem !important;
	margin: 0.5rem;
	color: #ffffff;
	background: radial-gradient(var(--background-secondary), var(--background-primary));
	border-radius: 2rem;
	border: 2px solid #a9a9a96b;
	overflow: hidden;
	min-height: 90%;
	transition: all 0.3s ease-in-out !important;
}
.product-why-trade-with-section-wrapper .product-feature-item:hover {
	transform: translate(0px, -10px);
}
.product-crypto-slider {
	padding: 0 2rem;
}
.product-crypto-slider .slick-list {
	padding: 0 !important;
}
.product-crypto-slider .slick-prev{
	left: 0 !important;

}
.product-crypto-slider .slick-next{
	right: 0 !important;
}
.product-crypto-slider .slick-prev:before,
.product-crypto-slider .slick-next:before{
	font-size: 32px;
	font-family: 'FontAwesome';
	color: var(--text-primary);
}
.product-crypto-slider .slick-prev:before{
	content: '\f0d9';
}
.product-crypto-slider .slick-next:before{
	content: '\f0da';
}
.product-crypto-slider .slick-track{
	padding-top: 4rem;
}
.product-crypto-slider .product-crypto-slider-item .product-affect-item{
	min-height: 430px;
	margin: 0.5rem;
	transition: all 0.3s ease-in-out ;
}
.product-crypto-slider .product-crypto-slider-item .product-affect-icon {
	max-width: 230px;
}

/*--------------------------------------------------------------
# Products - Stock CFD Page
--------------------------------------------------------------*/
.product-why-trade-with-section-wrapper .product-why-trade-mainbox {
	border-radius: 1rem;
	padding: 2.5rem;
	color: #fff;
	background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}
/*--------------------------------------------------------------
# Products - Indices Page
--------------------------------------------------------------*/
.product-affect-country-indices {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 260px;
	margin: auto;
	text-align: left;
}
.product-affect-country-indices .product-affect-country-indices-icon {
	max-width: 40px;
	width: 100%;
	display: inline-block;
	margin-right: 1rem;
}
/*--------------------------------------------------------------
# Copy Trading Page
--------------------------------------------------------------*/
.copy-banner .copy-counter-box-info {
	max-width: 400px;
	margin: auto;
	padding: 2rem;
	border-radius: 1rem;
	backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.4);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
	transition: 0.3s;
}

.copy-benefits-item .copy-benefits-icon {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 120px;
	margin: auto;
	margin-bottom: 1rem;
	transition: all 0.3s ease-in-out ;
}

.copy-benefits-item:hover .copy-benefits-icon{
	transform: scale(1.2) !important;
}
.copy-benefits-item .copy-benefits-moreinfo{
	opacity: 0.7;
}
.copy-feature-section-wrapper .copy-feature-image {
	max-width: 500px;
	margin: auto;
}
.copy-how-itwork-section-wrapper{
	background-image: url(../img/copy-trading-how-itwork-banner.webp);
}

.copy-how-itwork-section-wrapper .copy-how-itwork-content .copy-how-itwork-points li{
	list-style-type: decimal;
	margin-top: 0.6rem;
}
.copy-how-itwork-section-wrapper .copy-how-itwork-image img {
	max-width: 600px;
}

.copy-toptrader-card {
	margin-top: 1.5rem;
	border-radius: 1rem;
	background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	color: #fff;
	padding: 20px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.2);
	position: relative;
}
.copy-toptrader-header,
.copy-toptrader-middle{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.copy-toptrader-header img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	border: 2px solid #fff;
}
.copy-toptrader-info h5 {
	margin: 0;
	font-weight: 600;
}
.copy-toptrader-info small {
	color: #dce9f5;
}
.copy-toptrader-btn {
	background: #fff;
	color: #007bff;
	font-weight: 600;
	border: none;
	border-radius: 50px;
	padding: 4px 10px;
}
.copy-toptrader-status {
	margin-top: 15px;
	font-size: 0.9rem;
}
.copy-toptrader-status strong,
.copy-toptrader-bottom-status strong{
	color: #fff;
	font-size: 1.1rem;
}
.divider {
	height: 1px;
	background-color: rgba(255,255,255,0.2);
	margin: 10px 0;
}
.copy-toptrader-bottom-status {
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.copy-toptrader-bottom-status div span {
	display: block;
	color: #dce9f5;
	font-size: 0.8rem;
}
.copy-toptrader-card canvas {
	max-width: 200px;
	width: 100% !important;
	height: 70px !important;
}

.copy-cta-section-wrapper .copy-cta-row-mainbox{
	border-radius: 1rem;
	background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	box-shadow: 0 0 50px 4px #0c111c1c;
	position: relative;
	z-index: 0;
} 

.copy-cta-section-wrapper .copy-cta-row-mainbox::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%;
	background-image: url(../img/trading-banner-bg.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
	opacity: 0.3;
}
.copy-cta-section-wrapper .cta-mainbox {
	background: #ffffff40;
	backdrop-filter: blur(6px);
}
.copy-cta-section-wrapper .cta-image {
	max-width: 400px;
	margin: auto;
}

/*--------------------------------------------------------------
# Promotions - Refer A Friend Page
--------------------------------------------------------------*/
.refer-friend-inner-banner::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/promotion-refer-friend-banner-bg.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -1;
}

/*--------------------------------------------------------------
# Promotions - 100% Deposit Bonus Page
--------------------------------------------------------------*/
.deposit-bonus-inner-banner::before {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 600px;
	height: 520px;
	background: url(../img/promotion-100-deposit-banner-image.webp);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 100%;
}
.deposit-bonus-inner-banner::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/promotion-100-deposit-banner-bg.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -1;
}
.promotion-terms-card {
	border: 1px solid #dddddd38;
	border-radius: 20px;
	box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
	padding: 28px 28px 32px;
	box-sizing: border-box;
}
.promotion-terms-card .promotion-terms-header {
	border-bottom: 1px solid #e5e7eb;
}

.promotion-terms-card .promotion-terms-header .promotion-terms-title-block {
	display: flex;
	align-items: center;
	gap: 14px;
	padding-bottom: 1.5rem;
}

.promotion-terms-title-icon{
	width: 40px;
	height: 40px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	color: #ffffff;
	font-size: 20px;
	flex-shrink: 0;
	animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@keyframes bounce {
	50% {
		transform: translateY(-15px);
	}
}

.promotion-terms-card .promotion-terms-header p {
	margin: 2px 0 0;
	font-size: 13px;
	color: #64748b;
}

.promotion-terms-header .promotion-terms-badge {
	font-size: 1.1rem;
	padding: 5px 10px;
	border-radius: 999px;
	background: var(--secondary-color);
	width: 40px;
	height: 40px;
	font-weight: 600;
	border-radius: 999px;
	display: none;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
}

/*--------------------------------------------------------------
# Promotions - 200% Deposit Bonus Page
--------------------------------------------------------------*/
.deposit-bonus-inner-banner2::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/promotion-200-deposit-banner-bg.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -1;
}

/*--------------------------------------------------------------
# Promotions - 20% Tradable Bonus Page
--------------------------------------------------------------*/
.tradable20-bonus-inner-banner::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/promotion-20-tradable-banner-bg.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -1;
}

/*--------------------------------------------------------------
# Promotions - Trade to Win Page
--------------------------------------------------------------*/
.trade2win-inner-banner::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: -2;
}
.trade2win-gifts-box {
	margin: 0.5rem;
	color: #000000;
	background: #fff;
	border-radius: 1rem;
	padding: 1.5rem;
	position: relative;
	overflow: hidden;
	border: 1px solid #a9a9a9;
	transition: all 0.35s ease;
	z-index: 0;
}
.trade2win-gifts-box:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(355deg, #c5d5f8 0%, #66daff26 100%);
	z-index: -1;
}

.trade2win-gifts-box .trade2win-gifts-box-image {
	max-width: 250px;
	display: block;
	margin: auto;
	transition: all 0.35s ease;
}

.trade2win-gifts-slider .trade2win-gifts-item .trade-service-box-moreinfo-link {
	display: inline-block;
	margin-top: 0.5rem;
	border-radius: 100px;
	font-weight: 600;
	min-width: 5rem;
	padding: 0.6rem 1.2rem;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	background:  linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}

.trade2win-gifts-slider {
	padding: 0 2rem;
}
.trade2win-gifts-slider .slick-list {
	padding: 0 !important;
}
.trade2win-gifts-slider .slick-prev{
	left: 0 !important;

}
.trade2win-gifts-slider .slick-next{
	right: 0 !important;
}
.trade2win-gifts-slider .slick-prev:before,
.trade2win-gifts-slider .slick-next:before{
	font-size: 32px;
	font-family: 'FontAwesome';
	color: var(--text-primary);
}
.trade2win-gifts-slider .slick-prev:before{
	content: '\f0d9';
}
.trade2win-gifts-slider .slick-next:before{
	content: '\f0da';
}

.trade2win-how-work-benefits-mainbox {
	padding: 2rem;
	color: var(--text-light);
	background: var(--background-dark);
	border-radius: 2rem;
	position: relative;
	z-index: 0;
	box-shadow: 0 0 50px 4px #0c111c1c;
}
.trade2win-how-work-benefits-mainbox .product-affect-item {
	margin: 0 1rem;
}
.trade2win-how-work-benefits-mainbox .product-affect-item::after{
	background: linear-gradient(0, var(--background-dark), #0c111c00);
}

.trade2win-how-steps-card {
	margin-top: 1.5rem;
	border-radius: 1rem;
	background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	color: #fff;
	padding: 20px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	position: relative;
	display: flex;
	align-items: center;
	padding-left: 6.5rem;
	min-height: 150px;
}
.trade2win-how-steps-card .trade2win-how-steps-number {
	position: absolute;
	left: 1rem;
	font-size: 7rem;
	font-weight: bold;
	opacity: 0.45;
	min-width: 5rem;
	line-height: 1;
	text-align: center;
	margin: 0;
}

/*--------------------------------------------------------------
# Promotions - Demo Contest Page
--------------------------------------------------------------*/
.democontest-prize-card {
	color: var(--text-dark);
	border: 1px solid #adadad85;
	border-radius: 1rem;
	padding: 1rem;
	margin: 1rem 0;
	text-align: center;
	transition: all 0.3s ease;
	box-shadow: 0 0 20px 0 #7c7c7c70;
	height: 100%;
}

.democontest-prize-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 30px rgba(0,0,0,0.1);
}

.democontest-prize-icon {
	font-size: 3rem;
	display: inline-block;
	background-image: linear-gradient(to right, #0097c7, #01375c);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.democontest-prize-title {
	font-weight: 600;
	font-size: 18px;
	color: #878787;
}
.democontest-prize-card.highlight {
	border: 2px solid var(--background-secondary);
}
.democontest-steps-box{
	text-align: center;
}
.democontest-steps-box .democontest-steps-box-count {
	color: var(--background-secondary);
}
.democontest-ranking-wrapper { 
	color: var(--text-light);
	background-color: var(--background-dark);
	box-shadow: 0 0 20px 1px #cbcbcb80; 
	overflow: hidden; 
	border-radius: 20px;
}
.democontest-ranking-wrapper .democontest-ranking-header .contest-ranking-header-title { 
	color: #fff; 
	margin-bottom: 0;
}
.democontest-ranking-wrapper .democontest-ranking-header { 
	color: #fff;
	background: var(--background-secondary);
	padding: 1rem;
}
.democontest-ranking-contant .democontest-prize-card {
	display: flex;
	align-items: center;
	text-align: left;
}
.democontest-ranking-contant .democontest-prize-card .democontest-prize-icon {
	margin-right: 2rem;
}
.democontest-ranking-contant .ranking-tablelist tr th, .democontest-ranking-contant .ranking-tablelist tr td {
	color: var(--text-light);
	border-color: #b1b1b133;
}
.democontest-ranking-contant .democontest-prize-card .democontest-prize-amount {
	color: var(--text-light);
}
/* Popup Alret msg */
.join-contest-contact-form i {
	font-size: 4rem;
	color: #ff6000;
}

@media (min-width: 1200px) {
	.democontest-steps-box {
		text-align: left;
	}
	.democontest-steps-box .democontest-steps-box-count {
		font-size: 3rem;
	}
	.democontest-steps-box.setp-border {
		border-left: 2px solid;
		border-right: 2px solid;
		padding-left: 40px;
		padding-right: 30px;
	}
	.democontest-ranking-contant .ranking-tablelist {
		max-height: 410px;
		overflow-y: auto;
	}

}


/*--------------------------------------------------------------
# Technical Analysis Page
--------------------------------------------------------------*/
.technical-analysis-inner-banner::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/promotion-20-tradable-banner-bg.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -1;
}
.technical-analysis-box2 {
	position: relative;
	max-width: 100%;
}
.technical-analysis-box2 .btn {
	font-size: 0.9rem;
}
.technical-analysis-benifits-section {
	background: #0c111c;
	color: #fff;
}
.technical-analysis-benifits-section .product-affect-item::after {
	background: linear-gradient(0, #0c111c, #0c111c00);
}

/*--------------------------------------------------------------
# Economic Calendar Page
--------------------------------------------------------------*/
.economic-calendar-inner-banner:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/promotion-20-tradable-banner-bg.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -1;
}
/*--------------------------------------------------------------
# Instrument Specifications Page
--------------------------------------------------------------*/
.trading-instrument-inner-banner::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/promotion-100-deposit-banner-bg.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -1;
}

.instrument-specification-wrapper .nav {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 20px;
	justify-content: center;
}
.instrument-specification-wrapper .nav li {
	margin: 0 8px 10px;
}
.instrument-specification-wrapper .nav li a {
	color: var(--text-dark);
	border: 1px solid var(--text-dark);
	border-radius: 100px;
	padding: 0.5rem 1.0rem;
	min-width: 110px;
	text-align: center;
}
.nav-pills .nav-link.active, 
.nav-pills .show>.nav-link{
	border-color: var(--secondary-color);
	background: linear-gradient(145deg, var(--secondary-color) 0%, var(--primary-color) 75%);
}
.instrument-specification-wrapper table tr th { 
	vertical-align: top;
}
.instrument-pairs-content .instrument-pairs-table{
	color: var(--text-light);
	background-color: var(--background-dark);
	border-radius: 1rem !important;
	overflow: hidden;
}
.instrument-pairs-content .instrument-pairs-table thead tr{
	background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	color: #fff;
}
.instrument-pairs-content .instrument-pairs-table thead th,
.instrument-pairs-content .instrument-pairs-table tbody td{
	padding: 1rem;
}
.instrument-pairs-content .instrument-pairs-table tbody tr{
	background-color: var(--background-dark);
}
.instrument-specification-wrapper .dataTables_length,
.instrument-specification-wrapper .dataTables_filter,
.instrument-specification-wrapper .dataTables_info { 
	display: none !important;
}
.instrument-specification-wrapper .dataTables_paginate .paginate_button.previous,
.instrument-specification-wrapper .dataTables_paginate .paginate_button.next { 
	display: none !important;
}


/*--------------------------------------------------------------
# Blog & Updates Page
--------------------------------------------------------------*/
.blog-card {
	padding: 1rem;
	color: #fff;
	background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	border-radius: 1rem;
	position: relative;
	overflow: hidden;
}
.blog-grid-authordate {
	font-weight: bold;
	padding-right: 1rem;
	text-align: center;
	text-shadow: 0px 0px 10px black;
}
.blog-grid-images {
	width: 100%;
	border-radius: 1rem;
	overflow: hidden;
	margin-bottom: 1.5rem;
}

@media screen and (max-width: 992px) {
	/* Date Badge */
	.blog-grid-authordate {
		position: absolute;
		top: 20px;
		left: 20px;
		color: #fff;
		padding: 8px 14px;
		border-radius: 12px;
		font-size: 13px;
		font-weight: 700;
		line-height: 1.2;
	}
}

.nav-pagination{
	display: inline-block;
	text-align: center;
	margin-top: 0.5rem;
}
.nav-pagination .page-numbers.page-num{
	display: none;
}
.nav-pagination span,
.nav-pagination a,
.instrument-specification-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button{ 
	display: inline-block;
	padding: 0.5rem 1rem;
	margin: 0.2rem;
	background: var(--primary-color) !important;
	color: #fff !important;
	border-radius: 5px !important;
	border: 0 !important;
}
.nav-pagination a{ 
	background: var(--primary-color) !important; 
	color: #fff!important;
}

.nav-pagination span.current,
.instrument-specification-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.instrument-specification-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, 
.instrument-specification-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background: var(--secondary-color) !important;
	color: #fff;
	border-color: #f22d2d;
}


/*--------------------------------------------------------------
# What is Forex Page
--------------------------------------------------------------*/
.what-forex-example-section-wrapper .career-hiring-content .section-heading,
.what-forex-example-section-wrapper .career-hiring-content .section-listpoint{
	text-align: left;
}
.what-forex-advantages-content {
	color: var(--text-light);
	background: var(--background-dark);
	border-radius: 1rem;
}
.what-forex-advantages-section-wrapper .section-heading span{
	font-weight: 900;
	position: relative;
	display: inline-block;
	background: linear-gradient(120deg, var(--background-secondary), var(--background-light), var(--background-secondary), var(--background-light));
	background-size: 300%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	animation: blue-move 2s infinite linear;
}
.what-forex-advantages-box {
	border: 1px solid #249beb;
	padding: 2rem;
}
.what-forex-advantages-box {
	border: 1px solid #249beb;
	padding: 2rem;
}
.what-forex-advantages-content .custom-accordion .accordion-item {
	padding: 1.2rem 0;
	color: var(--text-light);
	background: transparent !important;
	margin: 1rem 0;
	border: 0;
	border-style: solid;
	border-bottom-width: 2px !important;
	border-image: linear-gradient(90deg, #0097c7 0%, var(--background-dark) 100%) 1 !important;
	border-radius: 1rem !important;
	overflow: hidden;
}
.what-forex-advantages-content .custom-accordion .accordion-item .custom-btn {
	background: none;
	color: var(--text-light);
}
.what-forex-advantages-content .custom-accordion .accordion-item .custom-btn:after{
	background-color: #0097c7 !important;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	background-position: center;
	border-radius: 20px;
}
.what-forex-advantages-content .custom-accordion .accordion-item .marketAccordion-icon {
	min-width: 120px;
	max-width: 120px;
	text-align: center;
	margin-right: 1rem;
}
.what-forex-advantages-content .custom-accordion .accordion-item .marketAccordion-content{
	margin-right: 1rem;
}

/*--------------------------------------------------------------
# How to Start Trading Page
--------------------------------------------------------------*/
.start-trading-inner-banner::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/education-start-trading-banner-bg.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -1;
}

.start-trading-tool-section-wrapper .start-trading-tool-card {
	text-align: center;
	padding: 1.5rem;
	margin: 1rem ;
	color: #ffffff;
	background: radial-gradient(var(--background-secondary), var(--background-primary));
	border-radius: 1rem;
	border: 2px solid #a9a9a96b;
	min-height: 93%;
	transition: all 0.3s ease-in-out !important;
}
.start-trading-tool-card .start-trading-tool-icon {
	max-width: 200px;
	margin: auto;
}
.start-trading-tool-card h4 {
	min-height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.start-trading-tool-slider .slick-arrow {
	background: linear-gradient(0deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	z-index: 1;
	padding: 11px;
	height: 40px;
	width: 40px;
	border-radius: 20px;
}
.start-trading-tool-slider .slick-prev:before, 
.start-trading-tool-slider .slick-next:before{
	font-family: "FontAwesome";
	color: #ffffff;
	font-size: 1rem;
}
.start-trading-tool-slider .slick-prev:before{
	content: "\f053";
}
.start-trading-tool-slider .slick-next:before{
	content: "\f054";
}

/*--------------------------------------------------------------
# Forex Market Hour Page
--------------------------------------------------------------*/

.market-hour-tabletime-section-wrapper .market-hour-tabletime-content .table {
	color: var(--text-light);
	background-color: var(--background-dark);
	border-radius: 1rem !important;
	overflow: hidden;
}
.market-hour-tabletime-section-wrapper .market-hour-tabletime-content .table thead {
	background: #0097c7;
	color: #fff;
	border-radius: 1rem;
	overflow: hidden;
}
.market-hour-tabletime-section-wrapper .market-hour-tabletime-content .table thead tr th, 
.market-hour-tabletime-section-wrapper .market-hour-tabletime-content .table tbody tr td {
	min-width: 100px;
	padding: 1rem 0.5rem !important;
	vertical-align: middle;
}

/*--------------------------------------------------------------
# Contact us Page
--------------------------------------------------------------*/
.contact-us-form-mainbox {
	padding: 2rem;
	background: #fff;
	color: #000;
	position: relative;
	border: 2px solid #01375c;
	border-radius: 1rem;
	box-shadow: 0 0 50px 4px #0000001c;
	overflow: hidden;
	z-index: 0;
}
.contact-us-form-mainbox:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(355deg, #c5d5f8 0%, #66daff26 100%);
	z-index: -1;
}
.contact-us-information-content {
	padding: 2rem;
	color: #FFF;
	background: linear-gradient(272deg, var(--background-secondary), var(--background-primary)) !important;
	border-radius: 1rem;
	position: relative;
	z-index: 0;
	box-shadow: 0 0 50px 4px #0c111c1c;
}
.contact-us-information-box {
	padding: 2rem;
	margin: 1rem 0;
	border-radius: 1rem;
	color: #fff;
	background: var(--background-transparent);
	backdrop-filter: blur(5px);
	box-shadow: 0px 1px 19.9px rgb(135 135 135 / 13%);
	min-height: 90%;
}
.contact-us-information-social li a {
	padding: 5px;
	width: 40px;
	height: 40px;
	font-size: 1rem;
	color: #fff;
	background: linear-gradient(0deg, var(--background-primary) 0%, var(--background-secondary) 100%);
	display: inline-flex;
	align-content: flex-start;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	border-radius: 2rem;
	margin-right: 0.1rem;
	position: relative;
	z-index: 1;
	transition: all 0.4s;
}
.personal-infocontact-us-form .wpcf7-form-control.wpcf7-submit {
	background: var(--primary-color) !important;
}
.personal-infocontact-us-form .wpcf7-response-output {
	margin: 0 !important;
	border: 0 !important;
}
/*--------------------------------------------------------------
# Legal Documents Page
--------------------------------------------------------------*/
.legal-documents-files-box {
	position: relative;
	width: 100%;
	display: inline-block;
	padding: 1.5rem;
	margin: 0.7rem 0;
	color: var(--text-dark) !important;
	background: #7878782e;
	border-radius: 1rem;
	overflow: hidden;
	transition: all 0.3s ease-in-out !important;
}
.legal-documents-files-box .legal-documents-files-icon {
	color: var(--secondary-color);
	font-size: 3rem;
	margin-bottom: 0.5rem;
	display: block;
	transition: all 0.3s ease;
}
.legal-documents-files-box:hover  {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/*--------------------------------------------------------------
# Privacy Policy Page
--------------------------------------------------------------*/

.privacy-policy-box {
	color: var(--text-dark) !important;
}
.privacy-policy-box .privacy-policy-box-list-point {
	padding: 0;
	list-style-type: none;
}
.privacy-policy-box .privacy-policy-box-list-point li {
	position: relative;
	padding-left: 2.8rem;
	margin-top: 0.5rem;
}
.privacy-policy-box .privacy-policy-box-list-point li span{
	position: absolute;
	left: 0px;
	font-size: 0.9rem;
}

.privacy-policy-box .privacy-policy-box-list-point-sub {
	list-style: lower-alpha;
}
.privacy-policy-box .privacy-policy-box-list-point .privacy-policy-box-list-point-sub{
	padding-left: 4rem;
}

.privacy-policy-box .privacy-policy-box-list-point-sub li {
	padding-left: 0;
	margin: 0.5rem 0;
}

/*--------------------------------------------------------------
# Partner - Home Page
--------------------------------------------------------------*/
.partnertype-services-slider .slick-arrow {
	background: linear-gradient(0deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	z-index: 1;
	padding: 11px;
	height: 40px;
	width: 40px;
	border-radius: 20px;
}
.partnertype-services-slider .slick-prev:before, 
.partnertype-services-slider .slick-next:before{
	font-family: "FontAwesome";
	color: #ffffff;
	font-size: 1rem;
}
.partnertype-services-slider .slick-prev:before{
	content: "\f053";
}
.partnertype-services-slider .slick-next:before{
	content: "\f054";
}
.partnertype-services-slider .partnertype-service-box {
	position: relative;
	display: inline-block;
	padding: 1.5rem;
	margin: 10px 0.5rem;
	color: #ffffff;
	background: linear-gradient(45deg, var(--background-primary), var(--background-secondary));
	border-radius: 1rem;;
	overflow: hidden;
	transition: all 0.3s ease-in-out !important;
}

.partnertype-services-slider .partnertype-service-box .partnertype-service-box-icon {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 190px;
	margin: auto;
	margin-bottom: 2rem;
	transition: all 0.3s ease-in-out !important;
}
.partnertype-services-slider .partnertype-service-box:hover .partnertype-service-box-icon{
	transform: scale(1.2);
}
.partnertype-services-slider .partnertype-service-box .partnertype-service-box-title {
	margin: 1rem 0;
	font-size: 1.3rem;
	font-weight: 700;
}
.partnertype-services-slider .partnertype-service-box .partnertype-service-box-moreinfo {
	opacity: 0.7;
	font-weight: normal;
	line-height: 1.3;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.partnertype-services-slider .partnertype-service-box .partnertype-service-box-link{
	display: block;
	color: #fff;
	transition: 400ms ease-in-out;
}


.partner-type-box-wrapper {
	background: radial-gradient(var(--background-secondary), var(--background-primary));
	border-radius: 1rem;
	overflow: hidden;
	border: 1px solid #00608f40;
}
.partner-type-box-wrapper .partner-type-box-sidebar {
	padding-right: 2rem;
	border-right: 1px solid #e1e1e147;
}
.partner-type-box-wrapper .partner-type-box-sidebar ul li{
	margin: 0.3rem;
}
.partner-type-box-wrapper .partner-type-box-sidebar ul li .nav-link{
	padding: 1rem;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	position: relative;
}
.partner-type-box-wrapper .partner-type-box-sidebar ul li .nav-link.active {
	background: linear-gradient(145deg, var(--secondary-color) 0%, #01375c00 75%);
}
.partner-type-box-wrapper .partner-type-box-sidebar ul li .nav-link .live-market-sidebaricon{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;
	width: 100%;
	max-width: 30px;
	margin-right: 1rem;
}
.partner-type-box-wrapper .tab-content {
	color: #fff;
	padding: 2rem 1rem;
	border-radius: 1rem;
}

.partner-counter-numbers-box{
	padding: 1rem;
	background: linear-gradient(90deg, #0097c729 0%, #ffffff00 100%);
	border: 1px solid #a9a9a96b;
	border-radius: 1rem;
	backdrop-filter: blur(20px);
	box-shadow: 0 4px 24px #00000014;
	box-sizing: border-box;
	min-height: 88%;
	margin: 0.8rem 0;
	text-align: center;
}
.partner-counter-numbers-box .partner-counter-number {
	font-size: 2rem;
	color: var(--text-primary);
}
.partner-counter-numbers-box p {
	font-size: 1.1rem;
}
.partner-benifits-card {
	background: linear-gradient(90deg, #0097c72e 0%, #ffffff00 100%);
	/*background: linear-gradient(310deg, var(--primary-color) 0%, var(--secondary-color) 100%);*/
	padding: 2rem;
	border: 1px solid #767676a8;
	box-shadow: 0 0 10px 0px #c7c7c71f;
	border-radius: 20px;
	position: relative;
	overflow: hidden;
	z-index: 0;
	min-height: 100%;
	margin-bottom: 15px;
}
.partner-benifits-card-img {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	max-width: 130px;
	margin-right: 0;
	z-index: -1;
}
.partner-features-ecnbroker-box .partner-features-ecnbroker-icon {
	max-width: 120px;
	padding: 1rem;
	background: var(--background-dark);
	display: inline-block;
	border-radius: 1rem;
	margin-bottom: 1rem;
}

.partner-ctabox {
	border-radius: 1rem;
	padding: 1rem;
	overflow: hidden;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
}

.partner-cta-form-wrapper {
	border-radius: 1rem;
	color: #000;
	background: var(--background-lightblue);
	backdrop-filter: blur(5px);
	box-shadow: 0px 1px 19.9px rgb(135 135 135 / 13%);
}
/*--------------------------------------------------------------
# Partner - Advantage Page
--------------------------------------------------------------*/
.demo-contest-inner-banner,
.contact-inner-banner,
.blog-inner-banner,
.start-trading-inner-banner,
.mam-inner-banner,
.advantage-inner-banner,
.marketing-inner-banner{
	background: #000;
}
.advantage-features-box{
	text-align: center;
}
.advantage-features-box-icon {
	width: 80px;
	height: 80px;
	margin: auto;
	border-radius: 18px;
	background: linear-gradient(135deg, var(--background-primary), var(--background-secondary));
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 35px;
	margin-bottom: 25px;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
	transition: all 0.3s ease-in-out;
}
.advantage-features-box:hover .advantage-features-box-icon {
	transform: scale(1.2) !important;
}

/*--------------------------------------------------------------
# Partner - Partner Type Page
--------------------------------------------------------------*/
.partner-type-section-wrapper .partner-type-box{
	color: #000;
	background-color: #fff;
	margin-top: 1.5rem;
	text-align: center;
	border-radius: 1rem;
	padding: 2rem;
	border-color: transparent;
	position: relative;
	overflow: hidden;
	box-shadow: 0 10px 40px #5e5e5e1c;
	transition: all 0.35s ease;
	border: 1px solid rgba(0, 0, 0, 0.07);
}
.partner-type-section-wrapper .partner-type-box:hover{
	transform: translateY(-8px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
	border-color: transparent;
}
.partner-type-section-wrapper .partner-type-box::before {
	content: "";
	position: absolute;
	bottom: -80px;
	right: -80px;
	width: 180px;
	height: 180px;
	background: linear-gradient(135deg,  var(--background-primary), var(--background-secondary));
	border-radius: 50%;
	opacity: 0.3;
	transition: 0.3s;
}
.partner-type-section-wrapper .partner-type-box:hover::before {
	bottom: -40px;
	right: -40px;
	opacity: 0.7;
}
.partner-type-section-wrapper .partner-type-box .partner-type-box-images {
	max-width: 300px;
	margin: auto;
}
/*--------------------------------------------------------------
# Partner - IB (Introducing Broker) Program Page
--------------------------------------------------------------*/
.partner-earn-benifits-content {
	color: var(--text-light);
	background: var(--background-dark);
	border-radius: 1rem;
}
.partner-earn-benifits-content .partner-earn-benifits-box {
	padding: 1.2rem 0;
	color: var(--text-light);
	background: transparent !important;
	margin: 1rem 0;
	border: 0;
	border-style: solid;
	border-bottom-width: 2px !important;
	border-image: linear-gradient(90deg, #0097c7 0%, #0c111c 100%) 1 !important;
	border-radius: 1rem !important;
}
.partner-earn-benifits-content .partner-earn-benifits-box .partner-earn-benifits-box-icon{
	min-width: 120px;
	max-width: 120px;
	text-align: center;
	margin-right: 1rem;
}
.partner-earn-benifits-box-content{
	margin-right: 1rem;
}
/*--------------------------------------------------------------
# Partner - Affiliate Program Page
--------------------------------------------------------------*/
.affilate-program-about-image{
	text-align: center;
}
.affiliate-program-features-box .affiliate-program-features-box-icon {
	padding: 1rem;
	width: 100px;
	height: 100px;
	margin: auto;
	border-radius: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--background-dark);
	color: #fff;
	margin-bottom: 25px;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
	transition: all 0.3s ease-in-out;
}
.affiliate-program-features-box:hover .affiliate-program-features-box-icon{
	transform: scale(1.2) !important;
}
.partner-benifits-card .partner-benifits-card-btn {
	color: var(--text-dark);
	position: absolute;
	bottom: 20px;
	transform: translateY(30px);
	opacity: 0;
	transition: 400ms ease-in-out;
}
.partner-benifits-card:hover .partner-benifits-card-btn {
	transform: translateY(10px);
	opacity: 1;
}

/*--------------------------------------------------------------
# Partner - MAM Page
--------------------------------------------------------------*/
.mam-benifits-section-wrapper .mam-benifits-content {
	color: var(--text-light);
	background: var(--background-dark);
	border-radius: 2rem;
	position: relative;
	z-index: 0;
	box-shadow: 0 0 50px 4px #0c111c1c;
}
.mam-benifits-section-wrapper .mam-benifits-content .product-affect-item::after{
	background: linear-gradient(0, var(--background-dark), #0c111c00);
}

/*--------------------------------------------------------------
# Partner - PAMM Page
--------------------------------------------------------------*/

.donut {
	width: 280px;
	height: 280px;
	border-radius: 50%;
	background: conic-gradient(#01375c 0% 50%, #0097c7bd 50% 80%, #ced9f9 80% 100%);
	position: relative;
	margin: auto;
}

.donut::after {
	content: "$100,000";
	position: absolute;
	width: 160px;
	height: 160px;
	background: white;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}

/* Labels */
.label-box {
	position: absolute;
	background: var(--background-secondary);
	color: #ffffff;
	padding: 6px 12px;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 900;
	white-space: nowrap;
}

.label1 { top: 10%; left: 60%; }
.label2 { bottom: 10%; right: 10%; }
.label3 { bottom: 20%; left: -10%; }

.pamm-how-workinfo-box {
	color: #000;
	background: #f5f5f5;
	border-radius: 12px;
	padding: 20px;
}

/* Cards */
.pamm-final-result-box {
	border-radius: 1rem;
	border: 2px solid var(--background-secondary);
	padding: 1rem;
	background: #fff;
}

.pamm-final-result-main {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}

.pamm-final-result-main i {
	font-size: 3rem;
}

.pamm-final-result-amount {
	font-size: 32px;
	font-weight: bold;
}

/* Right box */
.pamm-final-result-grid {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
	flex-direction: column;
}

.pamm-final-result-item {
	flex: 1;
	text-align: center;
	padding: 10px;
}

.pamm-final-result-item:first-child {
	border-left: none;
}


/*--------------------------------------------------------------
# Partner - Marketing Page
--------------------------------------------------------------*/

.marketing-services-section-wrapper .marketing-services-box {
	color: var(--text-dark);
	background: var(--background-transparent);
	margin-top: 1.5rem;
	border-radius: 1rem;
	padding: 2rem 1rem;
	text-align: center;
	border-color: transparent;
	position: relative;
	overflow: hidden;
	box-shadow: 0 10px 40px #5e5e5e1c;
	border: 1px solid rgba(0, 0, 0, 0.07);
}
.marketing-services-section-wrapper .marketing-services-box .marketing-services-box-images {
	display: none;
}
.marketing-addmore-section .about-core-products-box .about-core-products-icon{
	max-width: 100px;
	margin: 0 auto 1rem;
	transition: all 0.3s ease-in-out !important;
	margin-bottom: 2rem !important;
}
.marketing-addmore-section .about-core-products-box{
	margin: 0 1rem;
	padding: 1rem;
	border-radius: 2rem;
	border: 2px solid var(--background-secondary);
	position: relative;
	z-index: 0;
	transition: all 0.3s ease;
}
.marketing-addmore-section .about-core-products-box::after {
	content: '';
	position: absolute;
	left: -5px;
	right: 0;
	margin: auto;
	bottom: -2px;
	width: 103%;
	height: 100%;
	background: linear-gradient(0, var(--background-dark), #0c111c00);
	z-index: -1;
	border-radius: 2rem;
}

/*--------------------------------------------------------------
# Partner - IB Contest Page
--------------------------------------------------------------*/

.ib-contest-banner-box i {
	font-size: 2rem;
	display: block;
    text-align: center;
    margin: auto;
}

.reward-card{
	background: var(--background-dark);
	border:1px solid rgba(255,255,255,0.08);
	padding: 1rem;
	border-radius: 1rem;
	backdrop-filter: blur(12px);
	box-shadow:0 20px 60px rgba(0,0,0,0.45);
}
.reward-card .reward-list{
	display:flex;
	flex-direction:column;
	gap:14px;
}
.reward-item-head {
	background: var(--secondary-color) !important;
	border: 0;
	color: #fff;
}
.reward-card .reward-list .reward-item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.7rem 1rem;
	border-radius: 1rem;
	background: var(--background-transparent);
	border: 1px solid #a9a9a96b;
	transition: 0.3s ease;
}

.reward-card .reward-list .reward-item:hover{
	transform:translateY(-2px);
	background:rgba(255,255,255,0.06);
}

.reward-card .reward-list .reward-item .reward-item-rank{
	display:flex;
	align-items:center;
	gap:15px;
	color: var(--text-light);
	font-size:18px;
	font-weight:500;
}
.reward-item-amount {
	color: #0096c6;
}
.reward-card .badge-rank{
	min-width:55px;
	height:35px;
	border-radius:14px;
	background:#111827;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:18px;
	color: #fff;
	border:1px solid rgba(255,255,255,0.08);
}

@media(max-width:768px){
	.reward-item{
		flex-direction:column;
		align-items:flex-start;
		gap:12px;
	}
}

.ibcontest-how-steps-card {
	position: relative;
	padding-left: 3rem !important;
	padding: 1rem;
}
.ibcontest-how-steps-number {
	position: absolute;
	left: 0;
	top: 10px;
	font-weight: bold;
}


.leaderboard-card {
	background-color: var(--background-dark);
	border-radius: 1rem !important;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
	overflow: hidden;
}
.leaderboard-card .leaderboard-update-bar{
	margin-bottom: 1rem;
	border-bottom:1px solid rgba(255,255,255,0.06);
}

.leaderboard-card .leaderboard-update-badge{
	display:inline-flex;
	align-items:center;
	gap:12px;
	background:rgba(0,198,255,0.1);
	border:1px solid rgba(0,198,255,0.25);
	padding:12px 18px;
	border-radius:50px;
	color:#00c6ff;
	font-weight:600;
	font-size:16px;
}

.leaderboard-card .leaderboard-update-badge i{
	font-size:18px;
}
.leaderboard-table-wrapper {
	margin: auto;
	overflow: hidden;
	border-radius: 1rem;
}
.leaderboard-table{
	color:#fff;
	margin:0;
}
.leaderboard-table thead tr{
	background: var(--secondary-color);
	border: 0;
}
.leaderboard-table thead tr th{
	border:none;
	padding: 1rem;
	font-size: 1.1rem;
	font-weight:700;
	color:#fff;
}
.leaderboard-table tbody td{
	padding: 1rem;
	border-color:rgba(255,255,255,0.06);
	font-size: 1.1rem;
	color: var(--text-light);
	vertical-align:middle;
}

.leaderboard-table tbody tr{
	transition:0.3s ease;
}

.leaderboard-table tbody tr:hover{
	background:rgba(255,255,255,0.03);
}

.leaderboard-table .rank-box{
	font-size: 1.5rem;
	font-weight:700;
}
.leaderboard-table .coin-value{
	color:#00c6ff !important;
	font-weight:700;
	font-size: 1.3rem !important;
}

.leaderboard-table .coming-badge{
	display:inline-block;
	padding:10px 20px;
	border-radius:50px;
	border:1px solid rgba(0,198,255,0.25);
	background:rgba(0,198,255,0.1);
	color:#00c6ff;
	font-weight:600;
}

.leaderboard-card .bottom-note{
	background: var(--background-transparent);
	border: 1px solid #a9a9a96b;
	border-radius: 1rem;
	padding: 1rem;
	display: flex;
	align-items: center;
	gap: 18px;
	margin: auto;
}

.leaderboard-card .note-icon{
	width:70px;
	height:70px;
	border-radius:20px;
	background:linear-gradient(135deg, var(--background-primary), var(--background-secondary));
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:32px;
	flex-shrink:0;
}
.leaderboard-card .bottom-note p{
	color:#afafaf;
	font-size: 18px;
	line-height:1.7;
	margin-bottom:0;
}


.prize-coin-inner-calculation-box .prize-coin-inner-head {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 35px;
}
.prize-coin-inner-calculation-box .prize-coin-inner-head .prize-coin-icon-box {
	width: 72px;
	height: 72px;
	border-radius: 22px;
	background: linear-gradient(0deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.prize-coin-inner-calculation-box .prize-coin-inner-head .prize-coin-icon-box i {
	color: #fff;
	font-size: 30px;
}

.prize-coin-inner-middle {
	border: 1px solid #a9a9a96b;
	border-radius: 1rem;
	overflow: hidden;
}
.prize-coin-inner-calculation-box .prize-coin-custom-table{
	width:100%;
}
.prize-coin-inner-calculation-box .prize-coin-custom-table thead th{
	color: var(--text-light);
	font-size: 1.2rem;
	font-weight: 700;
	padding: 1.1rem 1.3rem;
	background: rgb(0 151 199);
	border-bottom: 1px solid rgb(0 0 0 / 6%);
}

.prize-coin-inner-calculation-box .prize-coin-custom-table tbody td{
	min-width: 180px;
	padding: 1.1rem 1.3rem;
	font-size: 1.1rem;
	border-bottom: 1px solid rgb(0 0 0 / 6%);
}
.prize-coin-inner-calculation-box .prize-coin-custom-table tbody tr{
	transition:0.3s ease;
}
.prize-coin-inner-calculation-box .prize-coin-custom-table tbody tr:hover{
	background:rgba(255,255,255,0.03);
}
/* Coin Badge */
.prize-coin-custom-table .coin-badge{
	width: 100%;
	display:inline-block;
	text-align: center;
	padding:10px 18px;
	border-radius:50px;
	background:rgba(0,198,255,0.12);
	border:1px solid rgba(0,198,255,0.2);
	color:#00c6ff;
	font-size: 1.1rem;
	font-weight:700;
}


/* Trading Box */
.prize-coin-trade-box{
	margin-top:30px;
	display: flex;
	align-items: center;
	gap: 18px;
}

.prize-coin-trade-icon{
	width:68px;
	height:68px;
	border-radius:20px;
	background: linear-gradient(0deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}

.prize-coin-trade-icon i{
	color:#fff;
	font-size:28px;
}
.prize-coin-trade-content h4{
	color: var(--text-dark);
}
.prize-coin-trade-content span{
	color: #0097c7;
	font-weight:700;
}
/*--------------------------------------------------------------
# Partner - IB Loyalty Page
--------------------------------------------------------------*/
.loyalty-rewards-tablelist{
	background-color: var(--background-dark);
	border-radius: 1rem !important;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
	overflow: hidden;
}

.loyalty-rewards-tablelist .table thead tr{
	background: var(--secondary-color);
	border: 0;
}
.loyalty-rewards-tablelist .table thead tr th{
	color: #fff !important;
}
.loyalty-rewards-tablelist .table thead th:nth-child(2),
.loyalty-rewards-tablelist .table thead th:nth-child(3){
	min-width: 110px;
}
.loyalty-rewards-tablelist .table tbody tr{
	border-bottom: 2px solid var(--background-primary);
}
.loyalty-rewards-tablelist .table th,
.loyalty-rewards-tablelist .table td{
	color: var(--text-light) !important;
	padding: 1rem;
	border: 0;
	vertical-align: middle;
}
.loyalty-rewards-tablelist .promotion-terms-box li {
	color: var(--text-light);
}

/*--------------------------------------------------------------
# Christmas Bonus Page
--------------------------------------------------------------*/

.christmas-cash-stepper-arrow { 
	position: absolute; 
	right: -25px; 
	top: 17px; 
	bottom: 0; 
	margin: auto; 
	display: flex; 
	align-items: center;
	font-size: 1.5rem;
}
.christmas-bonus-banner:after{ 
	content: ''; 
	position: absolute; 
	left: 0; 
	right: 0; 
	bottom:0; 
	width: 100%; 
	height: 130px; 
	background-image: url('../img/christmas-bonus/xmas-snowcape.webp'); 
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: center; 
}

.christmas-bonus-banner .inner-banner-image {
	max-width: 650px; 
	margin: auto;
	animation: floatUpDown 4s ease-in-out infinite;
}

.christmas-bonus-timer .christmas-bonus-counter {
	padding: 3rem 2rem; 
	backdrop-filter: blur(12px); 
	background: #87878714; 
	border: 1px solid #adadad6b; 
	border-radius: 1rem;
}
.christmas-bonus-timer .christmas-bonus-counter li {
	display: inline-block;
	text-align: center; 
	text-transform: uppercase; 
	margin: 8px 16px;
}
.christmas-bonus-timer .christmas-bonus-counter li span{ 
	display: block;
	font-weight: 800;
	font-size: 3rem;
	line-height: 70px;
	margin-bottom: 1rem; 
	min-width: 130px;
	padding: 2rem;
	border-radius: 1rem;
	color: #ffffff;
	background: radial-gradient(var(--background-secondary), var(--background-primary));
	backdrop-filter: blur(12px);
	border: 1px solid #adadad6b;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
	transition: 0.3s;}

.christmas-bonus-table .bonus-table { 
	border-collapse: separate; 
	border-spacing: 0 10px; 
	width: 100%;
	overflow: hidden;
}
.christmas-bonus-table .bonus-table thead tr th{
	background: linear-gradient(180deg, var(--background-secondary), var(--background-primary)) !important;
	color: #fff; 
	text-transform: uppercase; 
	font-size: 1rem; 
	letter-spacing: 1px; 
	padding: 1.1rem; 
	border: none;
}
.christmas-bonus-table .bonus-table tbody tr{
	background: var(--background-lightblue);
	transition: all 0.3s ease;
}
.christmas-bonus-table .bonus-table tbody tr:hover { 
	background-color: #e4f4ff;
	transform: scale(1.1) !important;
}
.christmas-bonus-table .bonus-table tbody tr td { 
	color: #000; 
	padding: 1rem;
	border: none;
	vertical-align: middle;
}
.christmas-bonus-table .bonus-table thead tr th:first-child, 
.christmas-bonus-table .bonus-table tbody tr td:first-child {
	border-radius: .5rem 0 0 .5rem;
}
.christmas-bonus-table .bonus-table thead tr th:last-child,
.christmas-bonus-table .bonus-table tbody tr td:last-child { 
	border-radius: 0 .5rem .5rem 0;
}

.christmas-bonus-featurebox { 
	background: linear-gradient(135deg, var(--background-primary), var(--background-secondary));
	color: #fff;
	border-radius: 1rem; 
	padding: 4rem 1.5rem 0 1.5rem;
	position: relative; 
	border-color: transparent;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
	transition: all 0.3s ease-in-out !important;
}
.christmas-bonus-featurebox:before{
	content: ''; 
	position: absolute; 
	left: -10px; 
	top:-35px; 
	width: 107%; 
	height: 120px; 
	background-image: url('../img/christmas-bonus/xmas-snowcape2.webp'); 
	background-repeat: no-repeat; 
	background-size: auto; 
	background-position: center; 
}

.christmas-bonus-stepper-box {
	color: var(--text-dark); 
	padding: 1.5rem; 
	border-radius: 1rem; 
	background-image: linear-gradient(rgba(46, 51, 90, 0) 0%, rgba(28, 27, 51, 0.1) 100%), radial-gradient(146.13% 118.42% at 50% -15.5%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 99.59%);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 22.5px 45px 0px, rgba(0, 0, 0, 0.05) 0px 11.25px 22.5px 0px, rgba(0, 0, 0, 0.05) 0px 3.75px 7.5px 0px, rgba(204, 215, 255, 0.15) 0px 0px 75px 0px inset; 
	min-height: 93%;
}
.christmas-bonus-stepper-box .christmas-bonus-stepsicon { 
	max-width: 190px; 
	margin-bottom: 0.5rem;
}


@keyframes floatUpDown {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-10px); }
}
@keyframes tilt-shaking {
	0% { transform: rotate(0deg); }
	25% { transform: rotate(5deg); }
	50% { transform: rotate(0eg); }
	75% { transform: rotate(-5deg); }
	100% { transform: rotate(0deg); }
}

.santa-flyimage {  
	max-width: 650px; 
	margin: auto; 
	animation: floatUpDown 4s ease-in-out infinite;

}
.christmas-bonus-feature .section-heading .section-heading-title:before,
.christmas-bonus-steps .section-heading .section-heading-title:before{
	content: ''; 
	position: absolute; 
	left: 0; 
	right: 0; 
	top: -35px;
	margin: auto; 
	width: 80px;
	height: 80px; 
	background-image: url('../img/christmas-bonus/xmas-santa-claus.webp'); 
	background-repeat: no-repeat; 
	background-size: contain; 
	background-position: center; 
	animation: tilt-shaking 1s infinite;
}
.christmas-bonus-Tnc-content ul li{ 
	color: #000; 
	padding: 1rem; 
	margin-top: 1rem; 
	width: 100%;
	height: 100%; 
	background: var(--background-lightblue); 
	border-radius: 1rem;
	z-index: -1;
	margin: 1rem 0;
	transition: all 0.3s ease-in-out  !important;
}
.christmas-bonus-Tnc-content ul li:hover{
	transform: scale(1.1)!important;
}
.christmas-bonus-Tnc-content ul li h5 {
	text-transform: uppercase;
	margin-bottom: 10px;
	display: inline-block;
}
.christmas-bonus-Tnc-content ul li p {
	color: #3e3e3e;
}