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

	--background-primary: #01375c;
	--background-secondary: #0097c7;
	--background-dark: #0c111c;
	--background-light: #ffffff;
	--background-lightblue: #ccefffc7;
	--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: #0c111c;
	--background-lightblue: #fff;

	--text-light:#01375c;
	--text-dark: #ffffff;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
	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-family: "Red Hat Display", sans-serif;
}

p {
	font-weight: normal;
	line-height: 1.4;
}
.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;
}

.toggler-theme.bi-moon{
	
}
/*--------------------------------------------------------------
# Common CSS
--------------------------------------------------------------*/

.btn{
	font-size: 0.9rem;
	font-weight: normal;
	min-width: 5rem;
	padding: 0.6rem 1.2rem;
	text-align: center;
	border: 1px solid transparent;
	position: relative;
	z-index: 1;
	overflow: hidden;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.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: var(--background-light);
	color: var(--text-light);
}
.btn-outline-white:hover{
	color: var(--text-dark);
	border-color: var(--background-light);
}
.dark-theme .btn-outline-white:before{
	background-color: var(--background-primary);
}
.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
--------------------------------------------------------------*/
#loader {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #f8f9fa;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	transition: opacity 0.6s ease, visibility 0.6s ease;
}

/* Hide when done */
#loader.hidden {
	opacity: 0;
	visibility: hidden;
}
/* Spinner */
.spinner-border {
	width: 4rem;
	height: 4rem;
	color: var(--text-primary);
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header-middle {
	position: relative;
	background-color: rgb(255 255 255 / 95%);
	padding: 10px 0;
	margin: 1rem 0.5rem;
	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-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 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	font-size: 16px;
	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 .dropdown .dropdown-menu{
	display: block;
	position: absolute;
	left: 14px;
	top: calc(100% + 30px);
	margin: 0;
	margin-top: 5px;
	padding: 0;
	z-index: 99;
	opacity: 0;
	overflow-x: auto;
    max-height: 250px;
	visibility: hidden;
	background: var(--text-light);
	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 20px;
	font-size: 15px;
	border-bottom: 1px solid var(--text-light) !important;
	text-transform: none;
	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: linear-gradient(0deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}

.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: 80px !important; 
	font-size: 12pt !important;
}
.header-top-language .gt_switcher{
	width: 80px !important; 
	background: none !important;
}
.header-top-language .gt_switcher .gt_selected,
.header-top-language .gt_switcher .gt_selected a  { 
	color: transparent !important;
	padding: 5px; 
	width: 65px !important; 
	font-size: 12pt !important; 
	border: 0 !important; 
	border-radius: 50px !important;
	background: var(--background-primary)  !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;
}
.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;
}
/* 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: 1199px) {
	.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 {
	margin-bottom: 1.2rem;
	font-weight: 500;
}
.section-heading .section-heading-title span {
	font-weight: 900;
	position: relative;
	display: inline-block;
	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: center;
}
.section-listpoint li {
	position: relative;
	padding-left: 2rem;
	margin: 0.3rem 0;
	display: inline-block;
	margin-right: 1rem;
}
.section-listpoint li i {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.3rem;
	line-height: normal;
	color: var(--text-primary);
}


	

.trading-steps-wrapper .section-heading span,
.mobile-app-content .section-heading 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;
}
/*.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::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.1;
}
/*--------------------------------------------------------------
# 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;
	opacity: 0.5;
	background: linear-gradient(180deg, #01375c 0%, #000000 100%); 
	/* 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;
	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;
}
.counter-box-info {
	text-align: center;
}

/*-------------------------------------------------------------
# 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: 1.5rem;
	list-style-type: none;
	margin: 10px 0;
}
.account-type-section-wrapper .account-type-box-list li::before{
	content: "\f054";
	font-family: "FontAwesome";
	position: absolute;
	left: 0;
	color: var(--primary-color);
}
.account-type-box-image {
	padding-top: 8rem;
	position: relative;
	z-index: 0;
}

.account-type-slider-item .account-type-box {
	position: relative;
	display: inline-block;
	padding: 1.5rem ;
	margin: 0.5rem 0;
	border-radius: 1rem;
	color: #0c111c;
	background-color: #fff;
	z-index: 0;
	overflow: hidden;
	box-shadow: 0 4px 25px #0c111c1c;
	transition: all 0.3s ease-in-out;
}
.account-type-slider-item .account-type-box::before{
	content: '';
	position: absolute;
	top: -50%;
	left: 30%;
	width: 35%;
	height: 200%;
	background: linear-gradient(to right, #ffffff 0%, var(--primary-color) 100%) top, linear-gradient(to right, var(--primary-color) 0%, #ffffff 100%) bottom;
	background-size: 100% 50%;
	background-repeat: no-repeat;
	z-index: -1;
	opacity: 0;
}
.account-type-slider-item .account-type-box:hover::before {
	opacity: 1;
	transform-origin: center center;
	animation: rotate 3s linear infinite;
}
@keyframes rotate {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}
.account-type-slider-item .account-type-box::after{
	content: '';
	position: absolute;
	top: 0%;
	bottom: 0;
	left: 0%;
	right: 0;
	margin: auto;
	border-radius: 1rem;
	width: 98%;
	height: 98%;
	background: linear-gradient(105deg, var(--secondary-color) 0%, var(--primary-color) 75%);
	z-index: -1;
	opacity: 0;
}
.account-type-slider-item .account-type-box:hover::after{
	opacity: 1;
}
.account-type-slider-item .account-type-box:hover,
.account-type-slider-item .account-type-box:hover .table tr td{
	color: #fff; 
}
.account-type-slider-item .account-type-box .table tr td{
	padding: 5px 0;
	border: 0;
}
.account-type-slider .slick-dots li button:before{
	color: var(--background-dark);
}

/* 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: 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;
}
.services-slider .trade-service-box:hover {
	transform: translateY(-7px)!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.4rem;
	font-weight: 700;
}
.services-slider .trade-service-box .trade-service-box-moreinfo {
	opacity: 0.7;
	font-weight: normal;
	line-height: 1.3;
}
.services-slider .trade-service-box .trade-service-box-moreinfo-link{
	color: #fff;
}

/*--------------------------------------------------------------
# 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 {
	border-radius: 3px;
	width: 100%;
	display: block;
	border: 1px solid #fff;
	font-size: 16px;
	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-primary);
	font-size: 1rem;
	width: 40px;
	height: 40px;
	padding: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid var(--primary-color);
	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;
	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-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: 1.4rem;
}

.traders-counter-numbers-box .traders-counter-number span{
	font-size: 2rem;
	color: var(--text-primary);
}
/*--------------------------------------------------------------
# Our Benifits 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(156deg, #ffffff 10.28%, #ffffffab 106.66%);
	border: 1px solid hsla(0,0%,100%,.42);
	border-radius: 1.1875rem;
	box-shadow: 0 4px 24px #00000014;
	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{
	display: inline-block;
  	 margin: 1rem 0.3rem 0;
    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: 400px;
	margin: 0.6rem auto !important;
	padding: 1rem;
	color: #fff;
	background: linear-gradient(310deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	border: 2px solid #626262;
	border-radius: 1rem;
	transition: all 0.3s ease-in-out;
}
.technical-analysis-box p {
	opacity: 0.7;
}
.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: var(--background-light);
	margin: 1rem;
	border-radius: 1rem;
	text-align: center;
}
.cta-box-column .cta-box-column-icon {
	max-width: 100px;
	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{
	font-size: 1rem;
	color: #959595;
	background: var(--background-transparent);
}
.footer ul {
	padding-left: 0;
}
.footer ul li{
	color: var(--text-dark);
	margin-top: 0.5rem;
	font-size: 1rem;
	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;
	margin-bottom: 20px;
	background: #fff;
	padding: 0.5rem;
	border-radius: 90px;
}

.footer-contact-info li {
	position: relative;
	padding-left: 35px;
	margin-bottom: 1rem !important;
}
.footer-contact-info li i {
	position: absolute;
	top: 5px;
	left: 5px;
	font-size: 1.1rem;
}
.footer-menulinks .footer-menulinks-title {
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--text-dark);
	margin-bottom: 1.5rem;
}
.footer-menulinks ul li{
	padding-left: 25px;
	position: relative;
}
.footer-menulinks ul li:before{
	content: '>';
	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;
	margin-right: 0.1rem;
	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 .copyright {
	color: var(--text-dark);
	border-top: 1px solid #008bcd;
}
.footer .copyright a{
	color: var(--text-primary);
}
.social-sidebar {
	position: fixed;
	bottom: 15%;
	right: 0;
	transform: translateY(-00%);
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 10px;
	background: #fff;
	border-radius:  8px 0 0 8px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.15);
	z-index: 999;
}
.social-sidebar a {
	font-size: 1.3rem;
	color: var(--text-secondary);
	transition: all 0.3s ease;
}
.social-sidebar a:hover {
	transform: scale(1.2);
}


.inner-banner {
    padding: 10rem 0 3rem;
    background: radial-gradient(var(--background-secondary), var(--background-primary));
    align-items: center;
}
.inner-banner-info .inner-banner-title {
    font-weight: 900;
}
.inner-banner .inner-banner-image {
    max-width: 500px;
    margin: auto;
}