@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');
@import url('rs-spacing.min.css');
* {box-sizing: border-box;}
body {margin: 0; padding: 0; font-family: 'Poppins', sans-serif;font-family: "Sora", sans-serif;background-color: #0A0A0A;overflow-x: hidden !important;}
h1, h2, h2, h4, h5, h6 {margin: 0;color: #ffffff;font-family: 'Poppins', sans-serif;}
p {margin: 0;color: #E8E8E8;font-size: 16px;font-weight: 300;}
ul {list-style: none;padding-left: 0;margin: 0;}
a { display: block; text-decoration: none;}
.blueColor {color: #0040ff;}
.loading--theme .loader {border-color: transparent #0040ff;}
.loading--theme .loader::after {border-color: transparent rgba(0, 64, 255, .15); }
.header-container {max-width: 1350px;margin: 0 auto;padding: 0 10px;}
.container {max-width: 1300px;}

.green {
    color: #f2cd71 !important;
}

.white {
    color: #ffffff !important;
}

.red {
    color: #E53333 !important;
}
/* ==========================================================================
  PRELOAD ANIMATION
 ========================================================================== */
#loading {height: 100%;width: 100%;position: fixed;z-index: 1;margin-top: 0px;top: 0px; z-index: 99999999;}
#loading {ackground-color: #fff;}
#loading-center {position: absolute;left: 50%;top: 50%;height: 100px;width: 100px;margin-top: -50px;margin-left: -50px;-webkit-animation: loading-center-absolute 1s infinite;animation: loading-center-absolute 1s infinite;}
.loader {border: 2px solid; border-color: transparent #888; width: 100px;height: 100px;border-radius: 50%;display: inline-block;position: relative;box-sizing: border-box;animation: rotation 1s linear infinite;}
.loader::after {content: ''; box-sizing: border-box;position: absolute;left: 50%;top: 50%;border: 50px solid; border-color: transparent rgba(30, 30, 30, 0.15); border-radius: 50%;transform: translate(-50%, -50%);}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
/* ==========================================================================
  BACK TO TOP CSS
 ========================================================================== */
.progressParent {position: fixed;right: 30px;bottom: 70px;height: 36px;width: 36px;cursor: pointer;display: block;border-radius: 50px;-webkit-box-shadow: inset 0 0 0 2px #d0d0d4;box-shadow: inset 0 0 0 2px #d0d0d4;z-index: 10000;opacity: 0;visibility: hidden;-webkit-transform: translateY(15px);transform: translateY(15px);-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.progressParent.rn-backto-top-active {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
.progressParent::after {position: absolute;font-family: "Font Awesome 6 Pro"; content: "\f062";font-family: bootstrap-icons !important;content: "\f148";text-align: center;line-height: 36px;font-size: 20px;color: #f2cd71;left: 0;top: 0;height: 36px;width: 36px;cursor: pointer;display: block;z-index: 2;-webkit-transition: all 200ms linear;transition: all 200ms linear;font-weight: 900;}
.progressParent svg path {fill: none;}
.progressParent svg.backCircle path {troke: #f2cd71;stroke-width: 4;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
/* web header */
/*.web-header {width: 100%;position: absolute;z-index:1;}*/
.theme-web-header{padding: 0px 0 10px;}
.theme-web-header .navbar {padding:0;}
.topHeaderSec{padding: 5px 0 5px;}
.topHeaderSecinner{display:flex;justify-content:space-between;}
.topHeaderSecinner .leftPart}
.topHeaderSecinner .rightPart{}
.topHeaderSecinner .headerTopLinks{}
.topHeaderSecinner .headerTopLinks li{display:inline-block;}
.topHeaderSecinner .headerTopLinks li:last-child{}
.topHeaderSecinner .headerTopLinks li a{font-size: 12px;line-height: 12px;color: #6b7380;padding: 0 10px;border-right: 1px solid #6b7380;}
.topHeaderSecinner .headerTopLinks li a:hover{color:#0bdfec;}
.homePageHeader .topHeaderSecinner .headerTopLinks li a{color: #ddd;border-color:#ddd;}
.homePageHeader .topHeaderSecinner .headerTopLinks li a:hover{color:#0bdfec;}
.topHeaderSecinner .headerTopLinks li:last-child a{padding-right:0;border-right:0;}
.homePageHeader .web-header{ position: absolute; top: 0; width: 100%;z-index: 12;}
.web-header .navbar-brand{}
.web-header .navbar-brand img{max-width: 120px;}
.navbar-nav .nav-item {padding: 0 15px; position: relative;}
.sub-menu {position: absolute;
    top: 107%;
    left: -63%;
    width: 215px;
    display: flex !important;
    flex-direction: column;
    border-top: 2px solid #f2cd71;
    background: #272727;
    padding: 12px 13px !important;
    text-align: left;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    border-radius: 0px;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    z-index: 2;
    border-radius: 2px;
}
.web-header .navbar .navbar-nav .nav-item:hover .sub-menu { opacity: 1; display: block; visibility: visible;height: auto;-webkit-transform: rotateX(0);transform: rotateX(0);}
.sub-menu-inner {padding: 0 10px;}
.sub-menu-inner li {padding: 4px 0;}
.sub-menu-inner p {font-size: 15px;margin-bottom: 10px;}
.sub-menu-inner li a {font-size: 17px;font-weight: 400;color: #162c5b;display: inline-block;}
.navbar-nav .nav-item .nav-link {color: #6b7380;font-size: 16px;letter-spacing: 0px;line-height: 21px;font-weight: 500; padding: 10px 0;transition: all .3s ease-in-out;}
/*.navbar-nav .dropdownMenu .nav-link:after{content: "\f107 "; font-family: FontAwesome;margin-left:5px;}*/
.navbar-nav .nav-item .nav-link:hover {color: #162c5b;}
/*.homePageHeader .navbar-nav .nav-item .nav-link {color: #ddd;}*/
.homePageHeader .navbar-nav .nav-item .nav-link:hover {color: #f2cd71;}
.register-btn {display: inline-block;background: #f2cd71;color: #000;padding: 10px 30px;border-radius: 28px;font-size: 16px;font-weight: 300;border: 1px solid #f2cd71; transition: all.3s ease-in-out;}
.register-btn:hover {background-color: transparent;border-color:#f2cd71;color: #f2cd71;}
.sign-up-btn {display: inline-block; background: #dceeff;border: 1px solid #dceeff;color: #54627a;padding: 10px 30px;border-radius: 10px;font-size: 16px;font-weight: 300; transition: all.3s ease-in-out;}
.sign-up-btn:hover {background-color: #162c5b;border-color:#162c5b;color: #fff;}
.register-sign-up-sec {display: flex;align-items: center;}
.register-sign-up-sec li {margin-right: 20px;}
.register-sign-up-sec li:last-child {margin-right: 0px;}
.register-sign-up-sec .register-btn{padding: 5px 12px;font-size: 14px;border-radius: 6px; font-weight: 500;}
.navbar-nav {/* margin-left: auto; margin-right: auto !important;*/}
/* banner sec */
.banner-sec .row{align-items:center;}
.learn-more-btn {display: inline-block; background-color:transparent;color: #f2cd71;padding: 10px 22px;border-radius: 28px;font-size: 16px;font-weight: 300; border: 1px solid #f2cd71;transition: all.3s ease-in-out;}
.learn-more-btn:hover {background-color: #f2cd71;color: #000;border: 1px solid #f2cd71;}
.banner-sec .learn-more-btn {display: inline-block;background-color: transparent;color: #fff;padding: 10px 22px;border-radius: 50px;font-size: 16px;font-weight: 300; border: 1px solid #fff;transition: all.3s ease-in-out;}
.banner-sec .learn-more-btn:hover {background-color: #eb465b;color: #fff;border: 1px solid #eb465b;}
.banner-left-text{padding: 100px 0 100px;text-align: center;}
.banner-left-text h1 {font-size: 64px;line-height: 80px;color: #fff;font-weight: 400;}
.font-weight-big {font-weight: 600;}
.banner-left-text p {font-size: 24px;line-height: 40px;color: #fff;font-weight: 300;padding-top: 15px;}
.trading-learn-btn-sec {display: flex;align-items: center;padding-top: 50px;}
.trading-learn-btn-sec li {margin-right: 25px;}
.trading-learn-btn-sec li .register-btn {background: #00a8b3;color: #fff;border: 1px solid #00a8b3;}
.trading-learn-btn-sec li .register-btn:hover {background: transparent;color: #fff;border: 1px solid #fff;}
.banner-right-img {position: relative;}
.mobile-banner-laptop-img{display:none;}
.desktop-banner-laptop-img{}
.desktop-banner-laptop-img img{max-width: 170%;margin-left: 0px;}
.banner-right-img img {position: absolute;top: 0;left: -216px;width: 160%;}
.homePageMainArea{overflow:hidden;}
.banner-sec {padding: 140px 0 0px 0;width: 100%;background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;/* background: #e8f7fe; */overflow:hidden;position:relative;}
.banner-sec:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;/*background-color:rgba(0,0,0,0.5);*/background: linear-gradient(180deg, rgba(0, 0, 0, 0) 34.88%, rgba(9, 9, 9, 0.854547) 81.77%, #0A0A0A 97.4%);display:none;}
.banner-sec .banner-sec-overlay{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;/*background-color:rgba(0,0,0,0.5);*/background: linear-gradient(180deg, rgba(0, 0, 0, 0) 34.88%, rgba(9, 9, 9, 0.854547) 81.77%, #0A0A0A 97.4%);z-index:6;}

  @keyframes move-background {
  from {
    -webkit-transform: translate3d(0px, 0px, 0px);
  }
  to {
    -webkit-transform: translate3d(1000px, 0px, 0px);
  }
}
@-webkit-keyframes move-background {
  from {
    -webkit-transform: translate3d(0px, 0px, 0px);
  }
  to {
    -webkit-transform: translate3d(1000px, 0px, 0px);
  }
}
@-moz-keyframes move-background {
  from {
    -webkit-transform: translate3d(0px, 0px, 0px);
  }
  to {
    -webkit-transform: translate3d(1000px, 0px, 0px);
  }
}
@-webkit-keyframes move-background {
  from {
    -webkit-transform: translate3d(0px, 0px, 0px);
  }
  to {
    -webkit-transform: translate3d(1000px, 0px, 0px);
  }
}
.banner-background-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.banner-background-container .stars {
 /*background: black url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1231630/stars.png) repeat;*/
 background: black url(../images/stars.png) repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block; 
}

.banner-background-container .twinkling {
  width: 10000px;
  height: 100%;
  /*background: transparent url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/1231630/twinkling.png") repeat;*/
  background: black url(../images/twinkling.png) repeat;
  background-size: 1000px 1000px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0; 
  -moz-animation: move-background 70s linear infinite;
  -ms-animation: move-background 70s linear infinite;
  -o-animation: move-background 70s linear infinite;
  -webkit-animation: move-background 70s linear infinite;
  animation: move-background 70s linear infinite;
}

.banner-background-container .clouds {
  width: 10000px;
  height: 100%;
  background: transparent url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/1231630/clouds_repeat.png") repeat;
  /*background: black url(../images/clouds_repeat.png) repeat;*/
  background-size: 1000px 1000px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0; 
  -moz-animation: move-background 150s linear infinite;
  -ms-animation: move-background 150s linear infinite;
  -o-animation: move-background 150s linear infinite;
  -webkit-animation: move-background 150s linear infinite;
  animation: move-background 150s linear infinite;
}

.banner-sec .container{position:relative;}
/* why trade slide sec */
.why-trade-slide-sec-header-inner {display: flex;}
.why-trade-slide-info-left {width: 72%;}
.why-trade-slide-info-left p {font-size: 16px;letter-spacing: 1px;line-height: 25px;}
.why-trade-slide-info-left h2 {font-size: 44px;line-height: 57px;color: #162c5b;font-weight: 400;margin-bottom: 15px;}
.why-trade-slide-info-right {width: 28%;display: flex;align-items: end;justify-content: end;}
.why-trade-slide-sec-bottom .slick-list.draggable{position: relative;width: 100vw;/* margin-left: -49.59vw; */left: 0%;}
.why-trade-slide-sec-bottom .slick-track{}
.why-trade-slide-box {padding: 10px 10px;height: 100%;margin:58px 0 108px;}	
.why-trade-slide-box-inner {
     border-radius: 20px;
    padding: 30px 20px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.08);
	min-height:340px;
	text-align:center;
}

.why-trade-slide-box-bottom h3 {
    font-size: 22px;
    letter-spacing: 0px;
    line-height: 28px;
    /*color: #ffffff;*/
    font-weight: 600;
}

.why-trade-slide-box-bottom p {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 25px;
    /*color: #c6d2ff;*/
    font-weight: 400;
}

/* .why-trade-slide-sec-bottom {
    padding: 50px 0;
} */

.why-trade-slide-sec-bottom .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
}
.why-trade-slide-sec-bottom li button {
    background: #dcf0fc;
    font-size: 0;
    width: 47px;
    height: 5px;
    border: 0;
}
.why-trade-slide-sec-bottom .slick-active button {
    background-color: #162c5b;
}
.why-trade-slide-box-header {    
	margin-bottom:25px;
}
.why-trade-slide-box-header img {
    width: 80px;
    margin-bottom: 0px;
	display:inline-block;
}
.popular-tradingPair-sec{
	padding: 80px 0 80px;
}
.popular-tradingPair-sec-header{
	margin-bottom:60px;
}
.why-chooseus-sec{
	padding: 70px 0 50px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
	background-size:cover;
    /*background-color: #131b3e;*/
	position:relative;
	overflow:hidden;
}
.why-chooseus-sec-header {
    margin-bottom: 0px;
    position: relative;
}
.why-chooseus-sec .illastrate1{
    position: absolute;
    top: -60%;
    left: -100px;
    width: 50%;
}
.why-chooseus-sec .illastrate1 img{}
.why-chooseus-sec .illastrate2{
    position: absolute;
    top: -80%;
    right: -130px;
    width: 25%;
    text-align: right;
}
.why-chooseus-sec .illastrate2 img{}
.why-chooseus-sec-header{
	margin-bottom:0px;
	position:relative;
}
.why-chooseus-sec-header .why-trade-slide-info-left h2 {    
    color:#fff;
    margin-bottom:0px;
}
.why-chooseus-sec .container{
	position:relative;
}
.why-chooseus-box{
	margin-bottom:30px;
}
.why-chooseus-boxinner{
    text-align: center;
    padding: 0 45px;
}
.why-chooseus-boxinner .icon{    
}
.why-chooseus-boxinner .icon img{}
.why-chooseus-boxinner .content{
    position: relative;
    margin-top: -60px;	
}
.why-chooseus-boxinner .content h4{
	color: #fff; 
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 18px;  
}
.why-chooseus-boxinner .content h4 br{
	display:none;
}
.why-chooseus-boxinner .content p{
    font-size: 14px;
    color: #a9b0cf;
}
.why-trade-slide-sec {
    width: 100%;
    padding: 70px 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.customeCounterSec{padding:80px 0 50px; color:#fff;}
.customeCounterSecinner {}
.customeCounterSecinner .rowBox{}
.customeCounterSecinner .columnBox{}
.customeCounterSecinner .customeCounterColumnbox{}
.customeCounterColumnboxinner{}
.customeCounterColumnboxinner .customeCounterBoxArea{padding-right:60px;text-align:right;}
.customeCounterColumnboxinner .customeCounterBoxArea .customeCounterBox{margin-bottom:20px;}
.customeCounterColumnboxinner .customeCounterBoxArea .customeCounterBox:last-child{margin-bottom:0px;}
.customeCounterColumnboxinner .customeCounterBox h3{font-size: 40px;color: #fff;font-weight: 300;}
.customeCounterColumnboxinner .customeCounterBox p{color: #0bdfec;text-transform: uppercase;font-size: 15px;}
.customeCounterColumnboxinner .content{}
.customeCounterColumnboxinner .content h4{font-size: 30px;color: #fff; margin-bottom: 20px;}
.customeCounterColumnboxinner .content p{color:#fff;}
.customeCounterColumnboxinner .content p a{}
.customeCounterColumnboxinner .content p a:hover{}
.spreadStepsSec{position:relative;}
.spreadStepsSecinner{}
.spreadStepsWrapper{}
.spreadStepsWrapperinner{padding: 20px 20px 0px;background: #F6F6F6;border-radius:10px;}
.spreadStepsWrapperinner .rowBox{}
.spreadStepsWrapperinner .columnBox{}
.spreadStepsWrapperinner .spreadStepsContentBox {}
.spreadStepsContentBoxinner h3 {font-size: 30px;line-height: 40px;font-weight:600;margin-bottom:30px;}
.spreadStepsContentBoxinner .logo-list {list-style: none;margin: 0 0 30px;padding: 0;display: flex;align-items: center;flex-wrap: wrap;max-width: 340px;gap: 20px 0;}
.spreadStepsContentBoxinner .logo-list li { margin: 0 1.25rem 0 0;}
.spreadStepsContentBoxinner .logo-list li:last-child {}
.spreadStepsContentBoxinner .logo-list li img {max-width: 8.9375rem;}
.spreadStepsContentBoxinner .list.list-inline {display: flex;align-items: start;flex-wrap: wrap; margin-bottom: 1.5625rem;}
.spreadStepsContentBoxinner .list.list-inline li {position: relative; padding: 0 0 0 1.875rem;margin: 0 2.5rem 0.625rem 0;font-weight: 600;line-height: 1.5rem;}
.spreadStepsContentBoxinner .list.list-inline li:before { content: "";width: 1rem;height: 1rem;background-image: url(../images/check.svg); background-size: 100%; background-size: contain;background-repeat: no-repeat;display: inline-block;position: absolute;left: 0;top: 0.0625rem;}
.spreadStepsContentBoxinner .list.list-inline li:last-child {}
.spreadStepsContentBoxinner .list.list-inline li span {display: block;font-weight: 500;font-size: 0.8125rem;line-height: 1.25rem;color: rgba(0, 0, 0, 0.5);}
.spreadStepsThumnailBoxinner{}
.spreadStepsThumnailBoxinner img {}
.spreadStepsclientList .funding {padding: 0.75rem; min-width: 6.5rem; height: 6.5rem;display: flex;align-items: center;justify-content: center;}
/* trade confident sec */
.trade-confident-header {
    text-align: center;
    position: relative;
}
.trade-confident-header::before {
    content: "";
    position: absolute;
    background-image: url(../images/trade-confidence-green.png);
    background-repeat: no-repeat;
    background-size: cover;
    left: -118px;
    top: -345px;
    width: 50%;
    height: 423%;
    z-index: -6;
}
.trade-confident-header h3 {
    font-size: 45px;
    line-height: 57px;
    color: #fff;
    font-weight: 400;
}
.trade-confident-header p {
    letter-spacing: 1px;
    line-height: 25px;
}
.trade-confident-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
}
.trade-confident-box {
    width: 270px;
    border-radius: 22px;
    background-color: #bee7ff;
    padding: 27px 0px;
    text-align: center;
}
.trade-confident-box h3 {
    font-size: 26px;
    line-height: 39px;
    color: #162c5b;
    font-weight: 500;
}
.trade-confident-box p {
    letter-spacing: 1px;
    line-height: 25px;
    color: #000;
}
.trade-confident-box-two {
    background-color: #bbf8c7;
}
.trade-confident-box-three {
    background-color: #b4e7ff;
}
.trade-confident-box-four {
    background-color: #cedcff;
}
.trade-confident-sec {
    width: 100%;
    padding-bottom: 70px;
    position: relative;
}
.trade-confident-sec::before {
    content: "";
    position: absolute;
    background-image: url(../images/confidence-layer-left.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: -280px;
    left: -160px;
    width: 34%;
    height: 109%;
    z-index: 5;
}
.trade-confident-sec::after {
    content: "";
    position: absolute;
    background-image: url(../images/confidence-layer-right.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: -69px;
    right: 0;
    width: 12%;
    height: 170%;
    z-index: -1;
}
/* trade without sec */
.trade-without-sec-inner {
    width: 100%;
    display: flex;
	
}
.trader-without-right {
    position: relative;
    height: 100%;
    width: 67%;
}
.trader-without-right img {
    width: 50%;
}
.trader-without-left h2 {
    font-size: 40px;
    line-height: 57px;
    color: #162c5b;
    font-weight: 400;
    text-align: right;
    padding-right: 83px;
}


.trader-without-left {
    width: 33%;
    position: relative;
}

.trader-without-left::before {
    content: "";
    position: absolute;
    background-image: url(../images/trade-with-out-green.png);
    background-size: cover;
    background-repeat: no-repeat;
    top: -227px;
    right: -193px;
    width: 149%;
    height: 72%;
}

.round-arrow-sec {
    display: flex;
    justify-content: end;
    padding-right: 83px;
    padding-top: 16px;
}
.round-arrow-sec img{
	animation: movebounce 2.1s linear infinite;
}
.round-arrow-sec img {
    width: 94px;
}

.trade-phone-thambnil-box {
    position: absolute;    
}
.trade-phone-thambnil-boxinner{
	border-radius: 30px;
    filter: drop-shadow(0px 51px 51.5px rgba(235, 66, 87, 0.14));
    background-color: #ffffff;
    max-width: 380px;
	width:100%;
    padding: 15px 23px;
}
.trade-phone-thambnil-box h3 {
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 23px;
    color: #162c5b;
    font-weight: 600;
}

.content-box-1  {
    top: 215px;
    left: -417px;	
}
.content-box-1 .trade-phone-thambnil-boxinner{
	animation: moveleftbounce 2.1s linear infinite;
}
.content-box-2 {   
    bottom: 166px;
    left: -213px;    
}
.content-box-2 .trade-phone-thambnil-boxinner{
	 max-width: 311px;
	filter: drop-shadow(0px 51px 51.5px rgba(0, 255, 0, 0.13));
	 animation: movebounce 2.1s linear infinite;
}
.content-box-3 {
    
    top: 118px;
    right: 97px; 
}
.content-box-3 .trade-phone-thambnil-boxinner{
	max-width: 367px;
	filter: drop-shadow(0px 51px 51.5px rgba(251, 210, 32, 0.18));
	 animation: moveleftbounce 2.1s linear infinite;
}
.content-box-4 {
    bottom: 205px;
    right: -50px;
    
}
.content-box-4 .trade-phone-thambnil-boxinner{
	filter: drop-shadow(0px 51px 51.5px rgba(97, 19, 175, 0.11));	 
	animation: movebounce 2.1s linear infinite;
}
.trade-without-sec {
     width: 100%;
    padding-top: 50px;
    
	
}

.cdf-tabs {
    border: 0;
    justify-content: center;
    padding: 32px 0 50px 0;
	position:relative;
	z-index:1;
}

.cdf-tab-sec .cdf-tabs .nav-link {
    border-radius: 22px;
    border: 2px solid #f2cd71;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 21px;
    color: #f2cd71;
    font-weight: 300;
    margin-right: 20px;
    transition: all .3s ease-in-out;
}

.cdf-tab-sec .cdf-tabs .nav-link:hover {
    background-color: #fff;
    color: #000;
    border: 2px solid #fff;
}

.cdf-tab-sec .cdf-tabs .nav-link.active {
    background-color: #f2cd71;
    color: #000;
    border: 2px solid #f2cd71;
}

.cdf-market-info h3 {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 25px;
    color: #414f6c;
    font-weight: 500;
    margin-bottom: 15px;
}

.cdf-market-info p {
    font-size: 15px;
    margin-bottom: 30px;
}

.cdf-market-info {
    padding-top: 40px;
    position: relative;
}

.cdf-market-info::before {
    content: "";
    position: absolute;
    background-image: url(../images/cdf-red-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: -126px;
    left: -370px;
    width: 162%;
    height: 131%;
    z-index: -1;
}

.cdf-market-img {
    width: 100%;
    filter: drop-shadow(0px 51px 51.5px rgba(212, 235, 255, 0.4));
    height: 100%;
}

/* strat trading sec */

.start-trading-left h2 {font-size: 42px;line-height: 66px;color: #fff;font-weight: 400; margin-bottom: 20px;}
.start-trading-left {}
.start-trading-right-wrapper {}
.start-trading-box{}
.start-trading-boxinner {border-radius: 30px;background: #272727; filter: drop-shadow(0px 51px 51.5px rgba(202, 216, 255, 0.4));padding: 20px 18px;}
.start-trading-box h3 {font-size: 18px;letter-spacing: 0px;line-height: 28px;color: #f2cd71;font-weight: 600;}
.start-trading-sec {width: 100%;background-repeat: no-repeat;background-size: cover; padding: 95px 0 180px 0;}
.roadmap-img {width: 107%;height: 100%;position: absolute;left: -39px;top: 66px;transform: rotate(-16deg);}
.road-map-img-box-one {position: relative;bottom: -125px;left: 102px;}
.road-map-img-box-two {position: relative;bottom: -18px;left: 127px;}
.regstepsSecinner .start-trading-boxinner{height:100%;}
.regstepsSecinner .start-trading-boxinner .number{display: inline-block;width: 40px;height: 40px;line-height: 40px;background-color: #f2cd71; color: #000;text-align: center;border-radius: 50%;font-weight: 600;font-size: 20px;margin-bottom: 15px;}
.regstepsSec {padding: 60px 0 50px;}
.regstepsSec .start-trading-left {margin-bottom:30px;}
.regstepsSec .start-trading-box{margin-bottom:30px;}
.road-map-img-box-three {
    position: relative;
    bottom: 43px;
    left: 155px;
}

.start-trading-box img {
    width: 30px;
    margin-bottom: 11px;
}

/* market sec */

.market-action-sec {
    width: 100%;   
    background-image: url(../images/video-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0 132px 0;
}

.video-box {
    position: relative;
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
}

.market-action-inner {
    position: relative;
}

.market-action-inner h2 {
    font-size: 39px;
    line-height: 56px;
    color: #f7f9fd;
    font-weight: 400;
    text-align: center;
    margin-bottom: 22px;
}

/* trusted sec */
.trusted-broker-sec {width: 100%;background: #fff;}
.trusted-brokr-inner-sec {width: 100%;position: relative;}
.trusted-brokr-inner-wrapper {position: relative;border-radius: 10px;background-color: #001a49;color: #fff;padding: 25px 40px;display: flex;align-items: center;}
.trusted-broker-left {}
.trusted-broker-right {}
.trusted-broker-right ul li:first-child { margin-bottom: 10px;}
.trusted-broker-right ul li a { width: 100%;text-align: center;}
.trusted-broker-left h2 {font-size: 24px;line-height: 56px;color: #fff;font-weight: 500;margin-bottom: 9px;}
.trusted-broker-left p {padding-right: 186px;}
.trusted-broker-slider {padding: 0 0 40px 0;}
.trusted-broker-box {border-right: 1px solid #e9deb1;padding: 0 15px;}
.trusted-broker-box img {width: 100%;height: 100%; aspect-ratio: 3 / 1; object-fit: contain;}
.trusted-broker-sec {padding:100px 0 60px;}
.mobile-cta-secinner .mobile-cta-card {background-color:#001a49;background-repeat:no-repeat;background-position:bottom right; border-radius: 1.25rem;border: 0;padding: 2.5rem 3.125rem; position: relative;}
.mobile-cta-secinner .mobile-cta-card h2{color:#fff;}
.mobile-cta-secinner .mobile-cta-card .spreadStepsContentBoxinner .list.list-inline li{font-size: 14px; color: #fff;font-weight: 400;}
.mobile-cta-secinner .mobile-cta-card .mbl-btn-links a {display: inline-block;margin: 0 0.625rem 0 0;}
.mobile-cta-secinner .mobile-cta-card .mbl-btn-links a:last-child {margin: 0;}
.mobile-cta-secinner .mobile-cta-card .mobile-image {position: absolute;right: 8.1875rem;bottom: 0; width: 20.9375rem; height: 21.1875rem;}
/* web footer */
.web-footer{overflow: hidden; background-color: #000; color: #fff;}
.web-footer-top {display: flex;align-items: center;justify-content: space-between;padding: 30px 0;}
.web-footer-top-logo img{max-width:200px;}
.social-media-sec {display: flex;align-items: center;}
.social-media-sec ul {display: flex;align-items: center;}
.social-media-sec p {font-size: 20px;line-height: 28px;color: #fff;font-weight: 500;margin-right: 5px;}
.social-media-sec ul li a {width: 30px;height: 30px;background: transparent;color:#0bdfec;border-radius: 50px; display: flex;align-items: center;justify-content: center;}
.social-media-sec ul li a i {font-size: 14px;}
.social-media-sec ul li a:hover{background: #7c7c7c;color:#0bdfec;}
.social-media-sec ul li {margin-right: 10px;}
.social-media-sec ul li:last-child {margin-right: 0px;}
.web-footer-center-wrapper {width: 100%;display: flex;}
.web-footer-center-box {width: 20%; padding: 0 10px;}
.web-footer-center-header {font-size: 18px;line-height: 28px;color: #fff;font-weight: 500;margin-bottom: 7px;}
.web-footer-center-box ul li a {display: inline-block;font-size: 14px;letter-spacing: 1px;line-height: 20px;color: #7c7c7c;font-weight: 300;transition: all .3s ease-in-out;}
.web-footer-center-box ul li a:hover {color: #0bdfec;}
.web-footer-center-box ul li {margin-bottom: 4px;}
.web-footer-center {width: 100%;position: relative;}
.web-footer-center::before {content: "";position: absolute;background-image: url(../images/footer-green.png);background-repeat: no-repeat;background-size: cover;top: -101px;left: -139px;width: 51%;height: 136%;z-index: -1;}
.web-footer-font-sec p {font-size: 15px;margin-bottom: 10px;color: #7c7c7c;}
.web-footer-font-sec p a {display: inline-block;color: #7c7c7c;}
.web-footer-font-sec p a:hover {color: #0bdfec;}
.web-footer-font-sec {width: 100%; padding: 30px 0;position: relative;}
.web-footer-font-sec::before {content: "";position: absolute;background-image: url(../images/footer-green.png);background-repeat: no-repeat;background-size: cover;right: -112px;top: -223px;width: 54%;height: 111%;z-index: -1;}
.web-footer-font-sec::after {content: "";position: absolute;background-image: url(../images/footer-red.png);background-repeat: no-repeat;background-size: cover;right: 257px;bottom: -84px;width: 54%;height: 77%;}
.web-footer-bottom {width: 100%;}
.web-footer-bottom-inner {display: flex;align-items: center;justify-content: space-between;}
.web-footer-bottom-inner p{color: #E8E8E8;}
.web-footer-bottom-left ul {display: flex;align-items: center;position: relative;z-index: 2;}
.web-footer-bottom-left ul li {padding: 0 10px;border-right: 1px solid #7c7c7c;}
.web-footer-bottom-left ul li:last-child {border: 0;}
.web-footer-bottom-left ul li a {font-size: 16px;letter-spacing: 1px;line-height: 15px; color: #7c7c7c;font-weight: 300;transition: all .3s ease-in-out;}
.web-footer-bottom-left ul li a:hover {color: #0bdfec;}

/* contactus html */

/* contact us header */

.web-secound-header {
    position: relative !important;
}

.contact-us-header {
    width: 100%;
    /*background-image: url(../images/contact-bg.jpg);*/
    background-color: #f2cd713b;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0;
    margin-top: 30px;
}

.contact-us-header-inner {
    width: 100%;
    /*background: #000000b3;*/
    padding: 50px 0;
}

.contact-us-header-wrapper h2 {
    font-size: 44px;
    line-height: 57px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 15px;
}

.contact-us-header-wrapper ul {
    display: flex;
}

.contact-us-header-wrapper ul li:first-child {
    margin-left: 0;
    position: relative;
}

.contact-us-header-wrapper ul li:first-child::before {
    top: 6px;
    bottom: 0;
    width: 1px;
    content: "";
    right: -13px;
    height: 15px;
    position: absolute;
    background-color: #ddd;
}

.contact-us-header-wrapper ul li {
    margin: 0 12px;
    color: #fff;
}

.contact-us-header-wrapper ul li a {
    color: #fff;
}

.contact-us-bottom-inner h2 {
    font-size: 45px;
    line-height: 57px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin: 20px 0 50px 0;
}

.contact-us-card {
    width: 100%;
    height: 100%;
    background: #151515;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    padding: 20px 20px;
    border-radius: 8px;
}

.card-icon {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #272727;
    color: #f2cd71;
    border: 2px solid #272727;
    border-radius: 4px;
}

.card-icon i {
    font-size: 25px;
}

.contact-us-card-header {
    margin-bottom: 12px;
}

.contact-us-card-bottom h4 {
    font-size: 19px;
    margin-bottom: 10px;
}

.contact-us-card-bottom a {
    display: inline-block;
    font-size: 14px;
    color: #E8E8E8;
    transition: all .3s ease-in-out;
}

.contact-us-card-bottom a:hover {
    color: #f2cd71;
}

.contact-us-card-bottom span {
    display: inline-block;
    font-size: 14px;
    color: #E8E8E8;
}

.contact-us-card-bottom b {
    color: #fff;
}

.contact-us-form-inner {
    width: 100%;
    max-width: 70%;
    margin: 0 auto;
    padding: 20px 20px;
    background: #272727;
    /* box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); */
    border-radius: 10px;
    border: 1px solid #272727;
}

.contact-us-form {
    padding: 70px 0;
}

.contact-us-form-inner h2 {
    text-align: center;
    margin-bottom: 30px;
}

.contact-us-input .form-control {
    width: 100%;
    background: #151515;
    color: #fff;
    border: 0;
    font-size: 14px;
    padding: 10px 9px;
    appearance: none;
    border: 1px solid #fff;
}

.contact-us-input .form-control:focus {
    border: 1px solid #f2cd71;
}

.form-control:focus {
    box-shadow: none;
}

.contact-us-input .form-control::placeholder {
    color: #9A9A9A;
}

.contact-us-input {
    margin-bottom: 25px;
}

.contact-us-input textarea {
    resize: none;
    height: 90px;
}

.message-sec {
    text-align: center;
}

/* standard accounts html */

.standard-account-sec {
    padding: 50px 0;
	/*background-image: url(../images/banner-bg.jpg);*/
    background-color: #f2cd713b;
	/*background-color: #151515;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 80%;	
    margin-top: 30px;
}
.standard-inner-sec h1 {
    font-size: 48px;
    margin-bottom: 20px;
	color:#fff;	
}

.standard-inner-sec p {
    padding-right: 223px;
	color:#fff;
    margin-bottom: 15px;
}

.standard-inner-sec p:last-child {
    margin-bottom: 0;
}

.standard-card-box {
    width: 100%;
    filter: drop-shadow(0px 51px 51.5px rgba(202, 216, 255, 0.4));
    background-color: #ffffff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    padding: 20px;
    border-radius: 15px;
}

.standard-card-box-header h2 {
    font-size: 24px;
    margin-bottom: 7px;
}

.standard-card-box-header {
    border-bottom: 2px solid #d5ebff;
    padding-bottom: 10px;
}

.standard-card-box-center ul li h4 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 6px;
}

.standard-card-box-center ul li {
    padding: 10px 0 10px 20px;
    position: relative;
}

.standard-card-box-center ul li::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #0040ff;
    border-radius: 50px;
    top: 13px;
    left: 0;
}

.standard-card-box-center {
    border-bottom: 2px solid #d5ebff;
}

.standard-card-box-bottom {
    padding: 16px 0 0 0;
    text-align: center;
}

.standard-table-box table {
    width: 100%;
}

.standard-table-box table thead tr {
    background-color: #f2cd71;
}

.standard-table-box table thead tr th p {
    font-size: 18px;
    color: #000;
    text-align: center;
    font-weight: 600;
    padding: 18px 0;
}

.standard-table-box table tbody tr:nth-child(even) {
    background-color: #151515;
}

.standard-table-box table tbody tr td p {
    font-size: 18px;
    text-align: center;
    padding: 6px 0;
}

.standard-table-box table tbody tr:nth-child(even) td p {
    color: #fff;
}

.standard-table-sec {
    padding: 70px 0 50px 0;
}

.standard-inner-sec ul {
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.standard-inner-sec ul li:first-child {
    margin-right: 20px;
}

.deposite-and-withdrawl-header-sec {
    padding: 50px 0;
}
.deposite-and-withdrawl-header-sec.bg-color{
   
}
.deposite-and-withdrawl-header-wrapper {
    margin-top: 50px;
}

.deposite-and-withdrawl-header-box {
    width: 100%;
    height: 100%;
    padding: 20px;
	background-color: #151515;
    box-shadow: 0 0px 16px rgba(89, 100, 255, 9%);
    border-radius: 20px;
    margin-bottom: 30px;
}

.deposite-and-withdrawl-header-box:last-child {
    margin: 0;
}

.deposite-and-withdrawl-header-box h4 {
     font-weight: 600;
    margin-bottom: 15px;
}

.accordion-button:not(.collapsed) {
    background-color: #bee7ff;
    border: #bee7ff;
}

.accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
    border-bottom: 0;
}

.accordion-item {
    margin-bottom: 20px;
    border: 1px solid #b4e7ff;
    border-radius: 10px;
    overflow: hidden;
}

.accordion-button {
    /*border: 1px solid #b4e7ff;*/
}
.accordion-item:not(:first-of-type) {
    border-top: 1px solid #b4e7ff;
}
.faq-wrapper {
    margin-top: 30px;
}

.fees-img-sec {
    padding-top: 50px;
    padding-bottom: 50px;
}

.flex-direction {
    flex-direction: row-reverse;
}

.market-sub-menu {
    width: 208px;
    left: -74%;
}

.sprad-swaps-sec {
    padding-bottom: 50px;
}

.platform-sub-menu {
    left: -229%;
    width: 597px;
}

.deposite-and-withdrawl-header-right h3 {
	font-weight:600;
    margin-bottom: 15px;
    color: #fff;
}

.deposite-and-withdrawl-header-right p {
    margin-bottom: 15px;
}

.metaeditor-system-card {
    width: 100%;
    height: 100%;
    background: #151515;
    border: 2px solid #eeeeee38;
    border-radius: 10px;
    padding: 20px;
}

.metaeditor-system-card h3 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 15px;
}

.metaeditor-system-sec {
    padding: 20px 0 30px 0;
}

.register-btn i {
    font-size: 23px;
    margin-right: 14px;
}

.deposite-and-withdrawl-header-left {
    border-radius: 10px;
    overflow: hidden;
}

.tools-menu {
    left: -100%;
    width: 247px;
}

.economic-calender-sec {
    width: 100%;
    padding: 70px 0;
}

.economic-calender-inner-sec h2 {
    font-size: 35px;
    text-align: center;
    margin-bottom: 50px;
}

.economic-calender-wrapper-header-select-box select {
    width: 172px;
    padding: 4px 6px;
    border: 1px solid #dee7f0;
    border-radius: 4px;
}

.economic-calender-wrapper-bottom h3 {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    display: inline-block;
    margin-bottom: 16px;
}

.economic-calender-wrapper-table table {
    width: 100%;
}

.economic-calender-wrapper-bottom {
    /* padding: 50px 0 0 0; */
}

.economic-calender-wrapper-table table thead tr {
    background-color: #162c5b;
}

.economic-calender-wrapper-table table thead tr th p {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 6px 0;
}

.economic-calender-wrapper-table table tbody tr {
    border-bottom: 1px solid #dee7f0;
}

.economic-calender-wrapper-table table tbody tr:last-child {
    border: 0;
}

.economic-calender-wrapper-table table tbody tr td p {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    padding: 6px 0;
}

.investment-calculator-box label {
    font-size: 15px;
    width: 100%;
    margin-bottom: 10px;
}

.investment-calculator-box select {
    width: 100%;
    height: 45px;
    padding: 7px 12px;
    border: 1px solid #dee7f0;
    border-radius: 4px;
    color: #000;
    font-size: 15px;
}

.investment-calculator-box {
    margin-bottom: 15px;
}

.investment-calculator-result {
    width: 100%;
    max-width: 50%;
    margin: 0 auto;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    padding: 20px;
    border-radius: 10px;
}

.investment-calculator-result h3 {
    font-size: 25px;
    margin-bottom: 16px;
    text-align: center;
}

.investment-calculator-result-bottom label {
    font-size: 18px;
    margin-bottom: 10px;
}

.investment-calculator-result-input {
    display: flex;
    align-items: center;
}

.investment-calculator-result-input input {
    margin-right: 12px;
}

.investment-calculator-result-input span {
    font-size: 18px;
    font-weight: 600;
}

.investment-calculator-box-btn {
    text-align: center;
}

.investment-calculator-result {
    margin-top: 40px;
}

.investment-calculator-sec {
    padding: 50px 0;
}

.currency-inner-sec {
    width: 100%;
    max-width: 70%;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    margin: 0 auto;
    padding: 20px;
    border-radius: 10px;
}

.currency-inner-sec-box {
    width: 100%;
    border-radius: 4px;
    position: relative;
    display: flex;
    align-items: center;
}

.currency-inner-sec-box input {
    width: 100%;
    border: 1px solid #dee7f0;
    outline: none;
    margin-right: 10px;
}

.currency-inner-sec-box select {
    width: 20%;
    font-size: 14px;
    padding: 9px 6px;
    background-position: 37px;
}

.currency-inner-sec-box-btn {
    margin-top: 30px;
    text-align: center;
}

.currency-sec {
    padding: 50px 0;
}

.currency-convart-box {
    height: 100%;
    border-left: 1px solid #000;
    padding-left: 22px;
}

.news-box {
    width: 100%;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    padding: 20px 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 30px;

}

.news-left {
    width: 20%;
}

.news-right {
    width: 80%;
    padding-left: 30px;
}

.news-right h3 {
    margin-bottom: 0;
}

.news-right h3 a {
    display: inline-block;
    font-size: 22px;
    color: #000;
    margin-bottom: 8px;
    transition: all .3s ease-in-out;
}

.news-right h3 a:hover {
    color: #0037ff;
}

.news-right ul {
    display: flex;
    margin-top: 15px;
}

.news-right ul li {
    margin-right: 10px;
}

.news-right ul li a {
    width: 30px;
    height: 30px;
    border: 1px solid #162c5b;
    background-color: #162c5b;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.news-right ul li a i {
    color: #fff;
}

.news-inner-sec h2 {
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.news-sec {
    padding: 50px 0;
}

.news-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination .page-item {
    margin-right: 10px;
}

.pagination .page-item:last-child {
    margin-right: 0;
}

.pagination .page-item .page-link {
    width: 35px;
    height: 35px;
    border: 1px solid #162c5b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #162c5b;
    border-radius: 50px;
    font-weight: 600;
    transition: all .3s ease-in-out;
}

.pagination .page-item .page-link.active {
    background-color: #f2cd71;
    color: #000;
}

.pagination .page-item .page-link:hover {
    background-color: #f2cd71;
    color: #000;
}

.exness-team-card-inner {
    width: 100%;
    border: 1px solid #162c5b;
    padding: 20px 15px;
}

.exness-team-info h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 2px;
}

.exness-team-info .news-right {
    padding-left: 0;
}

.exness-team-info {
    padding-top: 10px;
}

.exness-team-card  {
    padding: 12px 15px;
}

.exness-team-inner h2 {
    font-size: 36px;
    line-height: 57px;
    color: #162c5b;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
}

.blog-box {
    width: 100%;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 8px 0px;
    background: #151515;
    border-radius: 10px;
    overflow: hidden;
}

.blog-image a img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.blog-info {
    padding: 18px 15px 25px 15px;
}

.blog-info h4 a {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 11px;
}

.blog-info p {
    color: #a3a3a5;
    font-size: 16px;
}

.blog-inner-wrapper {
    padding-top: 30px;
}

.company-sub-menu {
    width: 615px;
    width: 480px;
    left: -155%;	
}

.help-center-inner h2 {
    font-size: 34px;
    text-align: center;
    margin-bottom: 30px;
}

.help-search-box {
    width: 100%;
    position: relative;
}

.help-search-box input {
    width: 100%;
    height: 58px;
    border: 1px solid #dee7f0;
    padding: 10px 71px 10px 44px;
    border-radius: 10px;
    overflow: hidden;
}

.search-icon {
    position: absolute;
    top: 17px;
    left: 12px;
    font-size: 19px;
    height: 100%;
}

.search-btn {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    background: #162c5b;
    color: #fff;
    height: 100%;
    padding: 0px 20px;
    border-radius: 0px 10px 10px 0;
}

.search-btn i {
    font-size: 24px;
}

.help-center-box {
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.help-center-box-outer {
    margin-bottom: 30px;
}

.help-center-box a {
    padding: 52px 20px;
    text-align: center;
    transition: all .3s ease-in-out;
}

.help-center-box a:hover {
    color: #fff;
    background-color: #162c5b;
}

.help-center-box a i {
    font-size: 25px;
    color: #000;
    margin-bottom: 30px;
    transition: all .3s ease-in-out;
}

.help-center-box a h3 {
    font-size: 20px;
    color: #000;
    transition: all .3s ease-in-out;
}

.help-center-box a:hover i {
    color: #fff;
}

.help-center-box a:hover h3 {
    color: #fff;
}

.help-center-list-sec {
    margin-top: 45px;
}

.help-center-sec {
    padding-top: 70px;
}

.app-download-btn {
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    position: relative;
    transition: all .4s linear;
}

.standard-card-sec {
    padding-top: 70px;
}

.fees-img-inner img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 15px;
}

.mobile-app-btn {
    padding: 12px 20px !important;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.deposite-and-withdrawl-header-right a {
    display: inline-block;
}

.partner-box {
    border: 2px solid #151515;
    background: #151515;
    color: #f2cd71;
    width: 100%;
    padding: 20px 52px;
    text-align: center;
    border-radius: 10px;
}

.partner-box i {
    font-size: 44px;
    margin-bottom: 20px;
}

.partner-sec {
    padding: 70px 0;
}

.blog-bottom-sec {
    padding-top: 30px;
    text-align: center;
}

.accordion-body p a {
    display: inline-block;
}

.privacy-policy-sec {
    padding-top: 50px;
}

.privacy-policy-inner-sec p {
    margin-bottom: 20px;
}

.financial-report-list ul li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
}

.financial-report-list ul li::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #0040ff;
    border-radius: 50px;
    top: 6px;
    left: 0;
}

.product-table-sec {
    margin-top: 30px;
}

.trade-now-btn {
    font-size: 16px;
    font-weight: 500;
    color: #60bb46;
    display: inline-block;
    transition: all .3s ease-in-out;
}

.trade-now-btn:hover {
    color: #0040ff;
}

.product-table-sec {
    padding-bottom: 45px;
}

.opportunities-box-inner {
    width: 100%;
    height: 300px;
    border-radius: 30px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    transition: all .3s ease-in-out;
}

.opportunities-box-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.opportunities-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000b3;
    top: 0;
    left: 0;
    opacity: 0;
}

.opportunities-box-inner:hover .opportunities-overlay {
    opacity: 1;
}

.opportunities-inner-overlay {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 58px;
    text-align: center;
}

.opportunities-inner-overlay p {
    font-size: 18px;
    color: #fff;
}

.opportunities-bottom-sec {
    padding: 55px 0;
}

.opportunities-box h3 {
    text-align: center;
    font-size: 21px;
    color: #fff;
    margin-bottom: 20px;
}

.low-cost-img {
    padding-top: 30px;
}

.low-cost-img img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 40px;
}

.raw-ecn-table-inner {
    width: 100%;
    background: #151515;
    box-shadow: 0px 0px 12px #0000001C;
    border-radius: 10px;
    padding: 10px 26px;
}

.contact-us-input label {
    margin-bottom: 8px;
}

.demo-input {
    border: 1px solid #dee7f0 !important;
    background-color: transparent !important;
}

.demo-from {
    padding: 42px 26px !important;
}

.raw-ecn-table-inner table {
    width: 100%;
}

.raw-ecn-table-inner table tbody tr {
    border-bottom: 1px solid #D9D9D9;
}

.raw-ecn-table-inner table tbody tr:last-child {
    border: 0;
}

.raw-ecn-table-inner table tbody td {
    width: 50%;
    padding: 10px 0px;
}

.raw-ecn-table-inner table tbody td:last-child {
    text-align: right;
}

.partner-sub-menu {
    left: -55%;
    width: 216px;
}

.intrucing-broker-box img {
    width: 100%;
    max-width: 30%;
}

.intrucing-broker-box {
    width: 100%;
    height: 100%;
    background: #151515;
    box-shadow: 0px 0px 12px #0000001C;
    padding: 20px 30px;
    text-align: center;
    border-radius: 6px;
}

.intrucing-broker-box h3 {
    font-size: 20px;
    margin: 14px 0;
    color: #f2cd71;
}

.intrducing-broker-top h2 {
    margin-bottom: 20px;
}

.intrducing-broker-top {
    padding: 50px 0;
}

.intrducing-broker-box-sec h2 {
    margin-bottom: 28px;
}

.intrducing-broker-box-sec {
    padding-bottom: 5px;
}

.cpa-afiliating-sec {
    padding-top: 70px !important;
}

.cpa-table-box {
    width: 100%;
    max-width: 50%;
    margin: 0 auto;
    box-shadow: 0 0px 16px rgba(89, 100, 255, 9%);
    border-radius: 10px;
    overflow: auto;
}

.cpa-table-box table {
    width: 100%;
}

.cpa-table-box table thead tr {
    background-color: #f2cd71;
}

.cpa-table-box table thead tr th {
    width: 50%;
    padding: 10px 0;
}

.cpa-table-box table thead tr th p {
    font-size: 18px;
    color: #000;
    font-weight: 400;
    text-align: center;
}

.cpa-table-box table tbody tr:nth-child(odd) {
    background: #151515;
}

.cpa-table-box table tbody tr td {
    padding: 10px 10px;
    text-align: center;
}

.mmp-pmm-investor-box {
    width: 100%;
    max-width: 40%;
    text-align: center;
    margin: 0 auto;
}

.mmp-pmm-investor-input-box {
    width: 100%;
    box-shadow: 0px 0px 12px #0000001C;
    padding: 25px 20px;
    border-radius: 10px;
}

.mmp-pmm-investor-box a {
    margin-bottom: 20px;
}

.mmp-pmm-investor-box a img {
    width: 180px;
}

.mmp-pmm-investor-box h2 {
    font-size: 22px;
    margin-bottom: 30px;
}

.mmp-input-box select {
    height: 42px;
}

.mmp-input-box {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}

.mmp-input-box input {
    width: 100%;
    height: 44px;
    border: 1px solid #dee7f0;
    border-radius: 4px;
    font-size: 15px;
    padding: 12px 40px 11px 12px;
    outline: none;
}

.mmp-input-box i {
    position: absolute;
    right: 14px;
    top: 12px;
}

.mmp-pmm-form-sec {
    width: 100%;
    padding: 70px 0 50px 0;
}

.sign-in-row {
    width: 100%;
    display: flex;
    align-items: center;
}

.sign-in-left {
    width: 50%;
    height: 100vh;
    position: relative;
}

.sign-in-right {
    width: 50%;
    height: 100vh;
    padding: 85px 35px;
}

.sign-in-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sign-in-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000000ad;
    z-index: 5;
    top: 0;
    left: 0;
}

.sign-in-right-content h2 {
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}

.sign-in-right-content {
    width: 100%;
    max-width: 55%;
    margin: 0 auto;
}

.sign-in-input {
    margin-bottom: 20px;
}

.sign-in-input label {
    font-size: 15px;
    font-weight: 500;
    width: 100%;
    margin-bottom: 10px;
}

.sign-in-input input {
    width: 100%;
    height: 44px;
    border: 1px solid #dee7f0;
    border-radius: 4px;
    font-size: 15px;
    padding: 12px 40px 11px 12px;
    outline: none;
}

.sign-in-form .register-btn {
    padding: 7px 30px;
}

.forgot-password-sec a {
    font-size: 15px;
    text-align: center;
    display: inline-block;
}

.forgot-password-sec {
    text-align: center;
    padding: 16px 0;
}

.demo-btn {
    padding: 10px 22px !important;
}

.fx-speed-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fx-speed-box-wrapper {
    width: 100%;
    height: 100%;
    padding: 30px 25px;
    border: 2px solid #d5ebff;
    text-align: center;
    border-radius: 10px;
}

.fx-speed-box-inner {
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
}

.fx-speed-box-wrapper p {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 18px;
}

.fx-speed-box-wrapper span {
    font-size: 31px;
    font-weight: 600;
    color: #f2cd71;
}

.fx-speed-box-outer {
    width: 33.33%;
    height: 100%;
    padding: 0 20px;
}

.standard-table-box {
    width: 100%;
    height: 509px;
    box-shadow: 0 0px 16px rgba(89, 100, 255, 9%);
    border-radius: 10px;
    overflow: auto;
    scroll-behavior: auto;
}

.standard-table-box table tbody tr {
    transition: all .3s ease-in-out;
}

.standard-table-box table tbody tr:hover {
    background: #f2cd714a;
    box-shadow: 6px 10px 6px -4px #00000029 inset;
}

.standard-table-box table tbody tr td p {
    transition: all .3s ease-in-out;
}

.standard-table-box table tbody tr:hover td p {
    color: #fff;
}

.get-start-inner-sec {
    width: 100%;
    background: #151515;
    box-shadow: 0px 0px 12px #0000001C;
    border-radius: 10px;
    padding: 25px 30px;
}

.get-start-inner-sec h2 {
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 26px;
}

.get-start-inner-sec p {
    text-align: center;
    margin-bottom: 15px;
}

.get-start-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0 -15px;
}

.get-start-box {
    width: 33.33%;
    height: 100%;
    padding: 0px 15px;
}

.get-start-box-inner {
    width: 100%;
    height: 100%;
    padding: 15px 49px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.get-start-number {
    width: 110px;
    height: 110px;
    background-color: #f2cd7130;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    font-weight: 600;
    border-radius: 50%;
    color: #fff;
}

.get-start-box-inner h3 {
    font-size: 19px;
    margin: 14px 0;
    color: #f2cd71;
}

.get-start-sec {
    padding-bottom: 50px;
}

.get-start-wrapper {
    padding-top: 50px;
}

.fast-track-inner-box {
    background: #151515;
    width: 100%;
    padding: 30px 40px;
    border-radius: 20px;
}

.fast-track-inner-box h2 {
    font-size: 24px;
    margin-bottom: 20px;
}

.fast-track-inner-box p {
    margin-bottom: 20px;
}

.trade-list li {
    font-size: 18px;
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
}

.trade-list li::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #414f6c;
    top: 10px;
    left: 9px;
}

.collapsible  {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0;
    background: #54627a;
    color: #fff;
    padding: 10px 20px;
}

.accordion-body p {
    margin-bottom: 15px;
}

.accordion-body p:last-child {
    margin-bottom: 0;
}

.currency-inner-sec-box {
    margin-bottom: 30px;
}

.currency-convart-list-inner h2 {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 15px;
}

.currency-convart-list-inner h4 {
    font-size: 16px;
    margin-bottom: 10px;
}

.currency-convart-list-inner ul li {
    font-size: 15px;
    font-weight: 200;
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    color: #E8E8E8;
}

.currency-convart-list-inner ul li::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #f2cd71;
    top: 7px;
    left: 3px;
}

.currency-convart-list {
    padding-bottom: 50px;
}

.sign-in-logo {position: absolute;top: 25%;left: 50%;z-index: 6;transform: translate(-50%, -50%);}
.meta-trader-text {margin-top: 15px;}
.get-start-trade-btn-sec {text-align: center;padding-top: 15px;padding-bottom: 20px;}
.get-start-trade-btn-sec a {font-weight: 600 !important;}
.copy-trading-text {font-size: 22px;font-weight: 300;}
.copy-trading-box-header {font-size: 16px !important;}
.copy-trading-box-text {font-size: 15px;}
.profession-table {height: 100%;}
.meta-trader5-img {border-radius: 40px;}
.forex-img {height: 350px;}
.forex-center {text-align: center;}
.deposite-and-withdrawl-header-sec .trade-confident-header:before{display:none;}
.aboutUsSec{padding:80px 0 50px;}
.aboutUsSecinner{}
.aboutUsSecinner .rowBox{}
.aboutUsSecinner .columnBox{}
.aboutUsSecinner .aboutUsThumnailBox{margin-bottom:30px;}
.aboutUsSecinner .aboutUsContentBox{margin-bottom:30px;}
.aboutUsSecinner .trusted-broker-right ul li{display:inline-block;}
.aboutUsSecinner .trusted-broker-right ul li:first-child {margin-bottom: 0px;margin-right:10px;}
.aboutUsSecinner .trusted-broker-right ul li a{width:auto;}
.aboutUsSecinner .trusted-broker-right ul li a.register-btn{}
.aboutUsSecinner .trusted-broker-right ul li a.learn-more-btn{}




@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}



@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes slideInleft {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInleft {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes zoomReverseIn {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes zoomReverseIn {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes flipInY {
  0% {
    opacity: 0;
    transform: rotateY(90deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes flipInY {
  0% {
    opacity: 0;
    transform: rotateY(90deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
[data-animation] {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

.animations-disabled, .animations-disabled [data-animation] {
  -webkit-animation: none !important;
          animation: none !important;
  opacity: 1 !important;
}

.slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp;
}

.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
}

.slideInLeft {
  -webkit-animation-name: slideInleft;
          animation-name: slideInleft;
}

.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight;
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

.fadeOut {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  animation-direction: reverse;
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

.zoomOut {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
  animation-direction: reverse;
}

.zoomReverseIn {
  -webkit-animation-name: zoomReverseIn;
          animation-name: zoomReverseIn;
}

.zoomReverseOut {
  -webkit-animation-name: zoomReverseIn;
          animation-name: zoomReverseIn;
  animation-direction: reverse;
}

.flipInY {
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
}

.flipOutY {
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
  animation-direction: reverse;
}




/*

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.4;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}


@keyframes rotation {
    0% {
    transform: rotate(0);
}
to {
    transform: rotate(359deg);
}
}@keyframes ripple {
    0%, 35% {
    transform: scale(0);
    opacity: 1;
}

@-webkit-keyframes bounce {
  from {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  to {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); } }

@keyframes bounce {
  from {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  to {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); } }
			
			

@keyframes off-on {
    0% {
    opacity: 0;
}
75% {
    opacity: 1;
}
to {
    opacity: 0;
}
}
*/

@-webkit-keyframes bounce {
    from {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    to {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
}

@keyframes bounce {
    from {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    to {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
}




@-webkit-keyframes animate-1 {
    0%,
    to {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }
    50% {
        -webkit-transform: translateY(-1.5vh) translateX(5vmin);
        transform: translateY(-1.5vh) translateX(5vmin)
    }
}

@keyframes animate-1 {
    0%,
    to {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }
    50% {
        -webkit-transform: translateY(-1.5vh) translateX(5vmin);
        transform: translateY(-1.5vh) translateX(5vmin)
    }
}

@-webkit-keyframes animate-2 {
    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-15vmin);
        transform: translateY(-15vmin)
    }
}

@keyframes animate-2 {
    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-15vmin);
        transform: translateY(-15vmin)
    }
}

@-webkit-keyframes animate-3 {
    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-5vmin);
        transform: translateY(-5vmin)
    }
}

@keyframes animate-3 {
    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-5vmin);
        transform: translateY(-5vmin)
    }
}

@-webkit-keyframes animate-4 {
    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(10vmin);
        transform: translateY(10vmin)
    }
}

@keyframes animate-4 {
    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(10vmin);
        transform: translateY(10vmin)
    }
}

@-webkit-keyframes animate-5 {
    0%,
    to {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }
    50% {
        -webkit-transform: translateY(-1.5vh) translateX(5vmin);
        transform: translateY(-1.5vh) translateX(5vmin)
    }
}

@keyframes animate-5 {
    0%,
    to {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }
    50% {
        -webkit-transform: translateY(-1.5vh) translateX(5vmin);
        transform: translateY(-1.5vh) translateX(5vmin)
    }
}

@keyframes rotateIt {
  to {
    transform: rotate(-360deg);
  }
}
@keyframes rotateIt2 {
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes movescale {
    0% {
        transform: scale(.6)
    }
    50% {
        transform: scale(.8)
    }
    to {
        transform: scale(.6)
    }
}

@keyframes movescale {
    0% {
        transform: scale(.6)
    }
    50% {
        transform: scale(.8)
    }
    to {
        transform: scale(.6)
    }
}


@keyframes movebounce {
    0% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(8px)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes moveleftbounce {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(8px)
    }
    to {
        transform: translateX(0)
    }
}


@keyframes animate-1 {
  0%, 100% {
    transform: translateY(0vh) translateX(0vmin);
  }
  50% {
    transform: translateY(-1.5vh) translateX(5vmin);
  }
}
@keyframes animate-2 {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15vmin);
  }
}
@keyframes animate-3 {
  0%, 100% {
    transform: translateY(0vh);
  }
  50% {
    transform: translateY(-5vmin);
  }
}
@keyframes animate-4 {
  0%, 100% {
    transform: translateY(0vh);
  }
  50% {
    transform: translateY(10vmin);
  }
}
@keyframes animate-5 {
  0%, 100% {
    transform: translateY(0vh) translateX(0vmin);
  }
  50% {
    transform: translateY(-1.5vh) translateX(5vmin);
  }
}

.why-trader-sec {
    padding: 40px 0 80px 0;
}

.why-trader-inner h2 {
    margin-bottom: 15px;
    text-align: center;
}

.why-trader-inner p {
    text-align: center;
    color: #f2cd71;
    font-size: 20px;
    margin-bottom: 60px;
}

.why-trader-list-box {
    background: #151515;
    padding: 30px;
    border-radius: 15px;
}

.why-trader-list-box ul li {
    font-size: 18px;
    margin-bottom: 12px;
    position: relative;
    padding-left: 28px;
    color: #fff;
}

.why-trader-list-box ul li:last-child {
    margin: 0;
}

.why-trader-list-box ul li::before {
    content: "";
    width: 1rem;
    height: 1rem;
    background-image: url(../images/check.svg);
    background-size: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5px;
}

.why-ctrader img {
    border-radius: 20px;
}

.why-ctrader-cont ul li {
    font-size: 16px;
    color: #fff;
    font-weight: 200;
    margin-bottom: 12px;
    position: relative;
    padding-left: 28px;
}

.why-ctrader-cont ul li::before {
    content: "";
    width: 1rem;
    height: 1rem;
    background-image: url(../images/check.svg);
    background-size: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5px;
}

.why-ctrader-cont ul {
    margin-bottom: 25px;
    padding-left: 20px;
}

.why-ctrader-sec {
    padding-bottom: 80px;
}

.copy-trading-list {
    margin-bottom: 20px;
}

.copy-trading-list li {
    font-size: 15px;
    font-weight: 200;
    padding-left: 28px;
    margin-bottom: 10px;
    color: #f8f8f8;
    position: relative;
}

.copy-trading-list li::before {
    content: "";
    width: 1rem;
    height: 1rem;
    background-image: url(../images/check.svg);
    background-size: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5px;
}

.todays-earn-sec {
    /* background-color: #001a49; */
    /*background-image: url(https://img.freepik.com/free-photo/beautiful-cryptocurrwncy-concept_23-2149250205.jpg?t=st=1725097356~exp=1725100956~hmac=7573744…&w=740);*/
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 -171px;
}

.todays-earn-overlay {
    padding: 60px 0;
    background-color: #f2cd713b;
}

.today-earn-inner {
    text-align: center;
}

.today-earn-inner h2 {
    font-size: 34px;
    margin-bottom: 17px;
    color: #fff;
}

.today-earn-inner p {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 22px;
    color: #fff;
}

.today-earn-inner ul {
    display: flex;
    justify-content: center;
}

.today-earn-inner ul li {
    padding: 0 10px;
}

/*.fixed-header {*/
/*    width: 100%;*/
/*    position: fixed !important;*/
/*    background-color: #000000de;*/
/*    z-index: 5;*/
/*    top: 0;*/
/*    box-shadow: 2px 4px 8px rgba(73, 73, 73, .15);*/
/*}*/


/*.web-secound-header.fixed-header {*/
/*    width: 100%;*/
/*    position: fixed !important;*/
/*    background-color: #fff;*/
/*    z-index: 5;*/
/*    top: 0;*/
/*    box-shadow: 2px 4px 8px rgba(73, 73, 73, .15);*/
/*} */

.pdf-link li a {
    color: #0bdfec !important;
    text-decoration: underline !important;
}

.pammModel .modal-header {
    display: block;
    border-bottom: 0;
}

.pammModel .modal-title {
    text-align: center;
    font-size: 25px !important;
}

.pammModel .btn-close {
    position: absolute;
    top: 6px;
    right: 8px;
    background-image: none;
    color: #fff;
    font-size: 22px;
}

.deposit-processing-time-inner {
    width: 100%;
    max-width: 40%;
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    margin: 0 auto;
    padding: 15px;
    border: 2px solid #d5ebff;
    box-shadow: 0 0px 16px rgba(89, 100, 255, 9%);
}

.deposit-processing-right {
    padding-left: 18px;
}

.deposit-processing-right h3 {
    font-size: 19px;
}

.deposit-processing-time-sec {
    margin-top: 50px;
}

.blueColor {
    color: #00a8b3;
}

.deposit-table-img {
    padding: 10px;
    text-align: center;
}

.deposit-table-img img {
    height: 17px;
}

.deposit-list li {
    font-size: 14px;
    color: #414f6c;
    padding-left: 17px;
    margin-bottom: 10px;
    position: relative;
}

.deposit-list li:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    top: 7px;
    left: 0;
    background: #414f6c;
    border-radius: 50%;
}

.deposit-list {
    margin-top: 35px;
}

.deposit-fx-speed .fx-speed-box-outer {
    width: 16.66%;
}

.deposit-fx-speed .fx-speed-box-inner {
    max-width: 100%;
}

.deposit-fx-speed .fx-speed-box-wrapper span {
    font-size: 17px;
    font-weight: 500;
}

.deposit-fx-speed .fx-speed-box-inner {
    margin-top: 40px;
}

.career-sec {
    width: 100%;
    padding: 60px 0;
}

.cv-sec h2 {
    font-size: 25px;
    margin-bottom: 17px;
    line-height: 35px;
}

.location-sec {
    padding: 30px 0;
}

.location-sec h3 {
    font-size: 18px;
    margin-bottom: 18px;
}

.location-sec ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.location-sec ul li {
    margin-right: 10px;
    margin-bottom: 10px;
}

.location-sec ul li .location-btn {
    display: flex;
    align-items: center;
    background: rgb(0 0 0 / 10%);
    border: 1px solid #162c5b;
    padding: 6px 17px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 400;
}

.location-sec ul li .location-btn img {
    width: 22px;
    margin-right: 14px;
}

.location-sec ul li .location-btn.active {
    background: #162c5b;
    color: #fff;
}

.career-box a {
    width: 100%;
    height: 145px;
    border-radius: 22px;
    background-color: rgb(0 0 0 / 5%);
    padding: 27px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all .3s ease-in-out;
}

.career-box a:hover {
    background-color: #bee7ff;
}

.benefit-box {
    width: 100%;
    height: 180px;
    background: #cedcff;
    border-radius: 10px;
    padding: 23px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.benefit-box p {
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
}

.benefit-sec h2 {
    margin-bottom: 30px;
}

.benefit-sec {
    padding-bottom: 50px;
}

.read-more-btn {
    padding: 6px 12px;
    font-size: 15px;
}

.champion-inner {
    text-align: center;
}

.champion-left img {
    width: 100%;
}

.champion-right {
    width: 100%;
    height: 100%;
}

.champion-inner h2 {
    text-align: center;
    font-size: 40px;
    margin-bottom: 21px;
    color: #f2cd71;
    font-weight: 600;
}

.champion-inner h2 span {
    font-weight: 300;
    color: #f2cd71;
}

.champion-inner p {
    text-align: center;
    font-weight: 400;
    margin-bottom: 10px;
}

.date-sec{
    display: block;
    text-align: center;
    font-size: 30px;
    margin-bottom: 13px;
    color: #fff;
}

.traders-sec {
    margin-top: 30px;
    text-align: center;
    font-size: 18px;
}

.Champion-sec {
    width: 100%;
    padding: 60px 0;
}

.champion-bottom-sec {
    background: #F6F6F6;
    width: 100%;
    padding: 50px 0;
}

.champion-bottom-box h2 {
    font-size: 25px;
    margin-bottom: 11px;
}

.champion-bottom-box {
    margin-bottom: 20px;
}

.champion-bottom-box ul li a {
    display: inline-block;
    color: #f2cd71;
    font-weight: 400;
}

.champion-bottom-box ul li {
    font-size: 17px;
    margin-bottom: 10px;
    color: #E8E8E8;
    padding-left: 25px;
    position: relative;
}

.champion-bottom-box ul li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #272727;
}

.traders-sec {
    font-size: 15px;
}

.champion-bottom-box h2 {
    font-size: 18px;
}

.academy-box {
    width: 100%;
    background: #151515;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 30px;
    border: 1px solid transparent;
    transition: all .3s ease-in-out;
}

.academy-box:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    border: 1px solid #ddd;
}

.academy-box:hover .academy-img img {
    transform: scale(1.1);
}

.academy-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 6px;
    transition: all .3s ease-in-out;
}

.academy-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease-in-out;
}

.academy-info {
    padding: 20px 19px;
}

.academy-info h2 {
    margin-bottom: 22px;
}

.academy-info p {
    margin-bottom: 23px;
}

.academy-sec {
    width: 100%;
    padding: 50px 0;
}

.flex-direction {
    flex-direction: row-reverse;
}

.course-info {
    width: 100%;
    height: 100%;
    padding: 20px;
}

.course-details-box h3 {
    color: #162c5b;
    margin-bottom: 16px;
}

.course-details-right p {
    margin-bottom: 5px;
}

.course-details-right p:last-child {
    margin-bottom: 0px;
}

.ebook-btn {
    padding-top: 32px;
    text-align: center;
}

.webinar-sec {
    width: 100%;
    padding: 60px 0;
}

.webinars-center {
    padding-top: 36px;
}

.webinars-center ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.webinars-center ul li {
    width: 14.28%;
    border: 1px solid #E2E2E2;
    padding: 12px;
    text-align: center;
    cursor: pointer;
}

.webinars-center ul li p {
    font-size: 18px;
}

.webinars-center ul li span {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    margin: 2px 0;
}

.webinar-header input {
    border-radius: 4px;
    border: 1px solid #DCDFE6;
    width: 169px;
    color: #414f6c;
    padding: 5px 8px;
}

.webinars-box {
    border: 1px solid transparent;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    padding: 21px;
    border-radius: 10px;
}

.webinars-bottom {
    padding-top: 35px;
}

.webinars-bottom h2 {
    font-size: 25px;
    margin-bottom: 22px;
}

.time {
    display: inline-block;
    color: #a3a3a5;
    font-size: 16px;
    margin-bottom: 8px;
}

.webinars-box h3 {
    font-size: 21px;
}

.webinars-box p {
    font-weight: 400;
    margin-bottom: 17px;
}

.job-description-sec {
    width: 100%;
    padding: 50px 0;
}

.job-description-left {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    width: 100%;
    padding: 20px;
    border-radius: 15px;
}

.job-description-left h3 {
    color: #162c5b;
    font-size: 23px;
    margin-bottom: 10px;
}

.job-description-left p {
    font-size: 16px;
    margin-bottom: 15px;
}

.job-description-left h5 {
    margin-bottom: 10px;
}

.job-description-left ul li {
    font-size: 15px;
    margin-bottom: 10px;
    padding-left: 25px;
    position: relative;
}

.job-description-left ul li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00a8b3;
}

.job-description-right {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    width: 100%;
    padding: 20px;
    border-radius: 15px;
}

.job-description-right button {
    width: 100%;
    background: #00a8b3;
    color: #fff;
    border: 0;
    padding: 11px 8px;
    font-size: 18px;
    border-radius: 10px;
    margin-bottom: 22px;
}

.job-description-right ul li {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

.job-description-right ul li:last-child {
    border-bottom: 0;
}

.job-description-right ul li p {
    font-size: 15px;
}

.job-description-right ul li h4 {
    font-size: 16px;
}

.time-author {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.price-sec {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}

.price-sec-box ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.price-sec-box {
    width: 33.33%;
    height: auto;
    text-align: center;
    padding: 25px 52px;
    border-right: 1px solid #ddd;
}

.price-sec-box:last-child {
    border: 0;
}

.price-sec-box p {
     font-size: 20px;
    font-weight: 500;
    margin-bottom: 14px;
}

.price-sec-box ul li {
    display: flex;
    justify-content: center;
    align-items: baseline;
    width: 50%;
    color: #E8E8E8;
    text-align: center;
    margin-bottom: 10px;
    font-size: 20px;
}

.standard-account-header {
    background: #F6F6F6;
    padding: 13px;
    border-radius: 10px;
}

.standard-account-wrapper {
    margin: 0;
}

.explore-box a {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
}

.explore-box a:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}

.explore-box a h3 {
    font-size: 21px;
    color: #162c5b;
}

.accordion-button {
    background: #f2cd71;
    color: #000;
    font-size: 18px;
    justify-content: space-between;
}

.accordion-button:not(.collapsed) {
    background-color: #f2cd71;
    border: #f2cd71;
    color: #000;
}

.accordion-button::after {
    display: none;
}

.accordion-button .minus {
    display: none;
}

.accordion-button:not(.collapsed) .minus {
    display: block;
}

.accordion-button:not(.collapsed) .plus {
    display: none;
}



.web-header {
    width: 100%;
}

.web-header-top {
    width: 100%;
    padding: 9px 0;
	display:none;
}

.we-header-top-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.web-header-top-box {
    display: flex;
    align-items: center;
    gap: 40px;
}

.sub-btn {
    background: #f2cd71;
    border: 1px solid #f2cd71;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    padding: 6px 16px;
    border-radius: 28px;
    margin-right: 10px;
    transition: all .3s ease-in-out;
}

.sub-btn:hover {
    background-color: transparent;
    color: #f2cd71;
}

.not-btn {
    background: #151515;
    border: 1px solid #151515;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding: 6px 16px;
    border-radius: 28px;
    transition: all .3s ease-in-out;
}

.not-btn:hover {
    background-color: transparent;
    color: #f2cd71;
    border: 1px solid #f2cd71;
}

.web-header-center {
    width: 100%;
    background: #f2cd71;
    padding: 14px 0;
}

.web-header-center-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.web-header-center-left p {
    font-size: 15px;
    color: #000000;
}

.web-header-center-right ul {
    display: flex;
    align-items: center;
}

.web-header-center-right ul li {
    padding: 0 15px;
    position: relative;
}

.web-header-center-right ul li::before {
    content: "";
    position: absolute;
    top: 1px;
    right: 0;
    width: 1px;
    height: 86%;
    background-color: #000000;
}

.web-header-center-right ul li:last-child {
    padding-right: 0;
}

.web-header-center-right ul li:last-child::before {
    display: none;
}

.web-header-center-right ul li a {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #000000;
    transition: all .3s ease-in-out;
}

.web-header-center-right ul li a img {
    margin-right: 10px;
}

.web-header-center-right ul li a:hover {
    color: #151515 !important;
}

.web-header-center-right ul li a:hover img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(5073%) hue-rotate(255deg) brightness(99%) contrast(84%) !important;
}
.web-header-center-right ul li.stateItem a:hover img{ filter:inherit !important;}
.web-header-center-right ul li select {
    background: #f2cd71;
    color: #000;
    border: 0;
    font-size: 15px;
    outline: none;
}

.web-header-bottom-inner {
    width: 100%;
    /* background: #151515; */
    border-radius: 40px;
    /* padding: 15px 30px; */
    margin-top: 15px;
}

.web-header-bottom-inner .nav-item {
    padding: 0 12px;
    position: relative;
}

.web-header-bottom-inner .nav-item::before {
    content: "";
    position: absolute;
    top: 3px;
    right: 0;
    width: 1px;
    height: 74%;
    background-color: #f2cd71;
}

.web-header-bottom-inner .nav-item:last-child {
    padding-right: 0;
}

.web-header-bottom-inner .nav-item:last-child::before {
    display: none;
}

.web-header-bottom-inner .nav-item .nav-link {
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    font-weight: 200;
    padding: 0 !important;
    transition: all .3s ease-in-out;
}

.web-header-bottom-inner .nav-item .nav-link:hover {
    color: #f2cd71;
}

.web-header-bottom-inner .navbar-nav {
    margin-left: auto;
}

.web-header-bottom-inner .navbar {
    padding: 0;
}

.web-header-bottom-inner .navbar-brand {
    padding: 0;
}

.web-footer {
    width: 100%;
    background: #000;
    border-radius: 25px 25px 0 0;
}

.web-footer-top {
    width: 100%;
    padding-top: 140px;
    padding-bottom: 55px;
}

.web-footer-top-inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.footer-heading {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 27px;
}

.web-footer-top-box:first-child {
    width: 212px;
}

.web-footer-top-box:nth-child(2) {
    width: 164px;
}

.web-footer-top-box:nth-child(3) {
    width: 170px;
}

.web-footer-top-box:nth-child(4) {
    width: 150px;
}

.web-footer-top-box:last-child {
    width: 201px;
}

.web-footer-top-box ul li {
    margin-bottom: 5px;
}

.web-footer-top-box ul li:last-child {
    margin-bottom: 0px;
}

.web-footer-top-box ul li a {
    display: inline-block;
    font-size: 15px;
    font-weight: 200;
    color: #E8E8E8;
    transition: all .3s ease-in-out;
}

.web-footer-top-box ul li a:hover {
    color: #5EBA59;
}

.footer-center-left img {
	max-width:120px;
    display: inline-block;
    margin-bottom: 35px;
}

.footer-center-left p {
    font-size: 16px;
    font-weight: 200;
    margin-bottom: 30px;
}

.footer-center-left p strong {
    color: #fff;
}

.footer-center-left p:last-child {
    margin-bottom: 0;
}

.web-footer-center-inner {
    width: 100%;
    padding: 55px 0;
    border-top: 2px solid #353535;
}

.email-box {
    position: relative;
    margin-bottom: 40px;
}

.email-box input {
    width: 100%;
    background: #151515;
    border: 0;
    border-radius: 19px;
    font-size: 15px;
    color: #fff;
    outline: none;
    padding: 22px 23px;
    padding-left: 54px;
}

.email-box img {
    position: absolute;
    left: 20px;
    top: 24px;
}
.email-box i {
    position: absolute;
    left: 20px;
    top: 24px;
	color:#f2cd71;
}

.social-media-sec {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.social-media-sec p {
    font-size: 22px;
    color: #fff;
    margin-right: 15px;
}

.social-media-sec ul {
    display: flex;
    align-items: center;
}

.social-media-sec ul li {
    margin-right: 12px;
}

.social-media-sec ul li a {
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #151515;
    color: #f2cd71;
    border-radius: 10px;
    transition: all .3s ease-in-out;
}

.social-media-sec ul li a:hover {
    background-color: #f2cd71;
    color: #151515;
}

.footer-center-btn-sec a {
    display: inline-block;
}

.footer-center-btn-sec a:first-child {
    margin-right: 17px;
}

.footer-center-right .footer-heading {
    font-size: 22px;
}

.web-footer-bottom {
    width: 100%;
    background: #151515;
    padding: 32px 0;
}

.web-footer-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.web-footer-bottom-left p {
    font-size: 15px;
    font-weight: 200;
}

.web-footer-center {
    width: 100%;
    background-color: #000;
}
.footer-center-btn-sec .playStoreLink{}
.footer-center-btn-sec .playStoreLink img{width:100%;max-width:180px;}
.footer-center-btn-sec .appStoreLink{}
.footer-center-btn-sec .appStoreLink img{width:100%;max-width:180px;}

.accordion-collapse {
    background: #151515;
}

.accordion-body p {
    font-size: 14px;
}

.deposite-and-withdrawl-header-right {
    width: 100%;
    height: 100%;
}

.price-sec-box h3 {
    color: #E8E8E8;
}

.privacy-policy-inner-sec h3 {
    color: #fff;
}

.privacy-policy-inner-sec p {
    font-weight: 200;
}


.banner-inner-sec {
    width: 100%;
}

.banner-inner-sec {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 64px 0 94px 0;
	padding: 160px 0 0px 0;
}

.banner-sec {
    overflow: hidden;
}

.banner-info-box {
    min-width: 695px;
    position: relative;
    z-index: 7;	
}

.banner-info-box .sub-heading {
    display: inline-block;
    align-items: center;
    background: #151515;
    font-size: 16px;
    color: #fff;
    font-weight: 200;
    padding: 6px 15px;
    border-radius: 21px;
    margin-bottom: 37px;
}

.banner-info-box .sub-heading img {
    margin-right: 10px;
}

.banner-info-box h1 {
    font-size: 57px;
    margin-bottom: 45px;
}

.banner-info-box p {
    max-width: 518px;
    font-size: 16px;
    margin-bottom: 54px;
}

.banner-btn-sec button {
    padding: 12px 24px;
}

.banner-btn-sec button.sub-btn {
    margin-right: 23px;
}

.banner-image-box {
 /*   width: 1446px;
    position: relative;
    left: -349px;
    top: 0;
    z-index: -1;*/
    position: relative;
    right: 146px;
	right: 190px;
    top: 0;
    /*z-index: -1;*/
}
/*.banner-image-box img{height: 650px;}*/
.banner-image-box .skyline{height: 650px;width:980px;position: relative;}
/* doller sec */
.skyline img {
  position: absolute;
  max-width: 100%;   /* prevents overflow */
  transition: transform 0.3s ease;
  cursor: pointer;
   filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.skyline.normal img{ filter: none;-webkit-filter: grayscale(0);}
.skyline img:hover {
  transform: scale(1.1) translateY(-10px);
}

/* Adjusted placements to stay inside 980px */
.moonImage {
  right: 20px;
  bottom: -1000px;
  height: 220px;
  
}
.d1.moonImage{bottom: 290px;}
.frontImage1 {
  left: 460px;
  bottom:-1000px;
  height: 205px;
  z-index: 2;
}
.d2.frontImage1{bottom: 0;}
.frontImage2 {
  left: 160px;
  bottom:-1000px;
  height: 380px;
  z-index: 1;
}
.d3.frontImage2{bottom:0;}
.inneerImage1 {
  left: 20px;
  bottom:-1000px;
  height: 340px;
  z-index: 1;
}
.d4.inneerImage1{bottom:0;}
.inneerImage2 {
  left: 90px;
  bottom:-1000px;
  height: 500px;
}
.d5.inneerImage2{bottom:0;}
.inneerImage3 {
  left: 370px;
  bottom:-1000px;
  height: 540px;
}
.d6.inneerImage3{bottom:0;}
.inneerImage4 {
  left: 480px;
 bottom:-1000px;
  height: 590px;
}
.d7.inneerImage4{bottom:0;}
.inneerImage5 {
  left: 370px;
  bottom:-1000px;
  height: 640px;
}
.d8.inneerImage5{bottom:0;}
.inneerImage6 {
  left: 630px;
  bottom:-1000px;
  height: 420px;
}
.d9.inneerImage6{bottom:0;}
.inneerImage7 {
  left: 740px;
 bottom:-1000px;
  height: 480px;
}
.d10.inneerImage7{bottom:0;}
.inneerImage8 {
  left: 860px;
  bottom:-1000px;
  height: 310px;
}
.d11.inneerImage8{bottom:0;}
.inneerImage9 {
  left: 940px;
 bottom:-1000px;
  height: 340px;
}
.d12.inneerImage9{bottom:0;}
	
.building {
  opacity: 0;
  transform: translateY(100px);
  animation: slideInUp 1s forwards;
  animation-delay: var(--delay, 0s); /* fallback if not set */
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.mobile-platform-sec {
    width: 100%;
    padding: 130px 0;
}
.dollar-sec{padding:100px 0 0;}
.dollar-box-inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 19px;
    background: #151515;
    padding: 27px;
	position:relative;
}
.dollar-box-inner:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    transform: scaleX(0);
    transform-origin: center;
    z-index: 1;
    border-radius: 10px;
    transition: all 500ms ease;
    background: #f2cd71;	
	background: #333;
}
.dollar-box-inner:hover:before{ transform: scaleX(1);}
.dollar-center{position:relative;z-index:1;}
.dollar-center p {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 200;
    color: #9A9A9A;
}

.dollar-center p img {
    width: 7px !important;
    margin-right: 6px;
}
.dollar-left{position:relative;z-index:1;}
.dollar-left h3 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.dollar-left p {
    font-size: 16px;
    font-weight: 200;
    color: #9A9A9A;
}

.dollar-center h3 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 16px;
}
.dollar-right{position:relative;z-index:1;}
.dollar-right a {
    width: 37px;
    height: 37px;
    background: #272727;
    border: 1px solid #272727;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px;
    border-radius: 50%;
    transition: all .3s ease-in-out;
}

.dollar-right a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.dollar-right a:hover {
    background-color: #fff;
    border: 1px solid #fff;
}

.dollar-right a:hover img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(98%) saturate(34%) hue-rotate(169deg) brightness(96%) contrast(100%);
}

.accordion {
    width: 100%;
}

.accordion-item {
    background-color: transparent;
    color: #111;
    border-radius: 0.5rem;
    border: 0;
    padding: 32px 0;
}

.accordion-item-header {
    padding: 0 3rem 0 1rem;
    min-height: 3.5rem;
    line-height: 1.25rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion-item-body-content {
    padding: 1rem;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.5rem;
    border-top: 0;
    padding-left: 63px;
}

.accordion-item-header {
    font-size: 22px;
    color: #fff;
}

.accordion-item-header span {
    display: inline-block;
    margin-left: 36px;
}

.assordion-bodt-cont {
    display: inline-block;
    align-items: center;
    background: #151515;
    font-size: 16px;
    color: #fff;
    font-weight: 200;
    padding: 6px 15px;
    border-radius: 21px;
}

.assordion-bodt-cont img {
    margin-right: 10px;
}

.accordion-item {
    position: relative;
}

.accordion-item::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 87%;
    height: 2px;
    background-color: #272727;
}

.accordion-item:last-child::before {
    display: none;
}

.mobile-platform-right {
    padding-left: 50px;
}

.mobile-platform-info h2 {
    font-size: 42px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 35px;
}

.mobile-platform-info p {
    font-size: 16px;
    font-weight: 200;
}

.mobile-platform-right-inner {
/*    width: 100%;
    background-image: url(../images/mobile-bg.png);
    background-repeat: no-repeat;
    background-size: cover;*/
}

.mobile-platform-right-inner {
 /*   width: 100%;
    height: 100%;
    background-image: url(../images/mobile-bg.png);
    background-repeat: no-repeat;
    background-size: cover;*/
}

/* await sec */

.await-header {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 96px;
}

.await-header h2 {
    font-size: 40px;
    margin-bottom: 28px;
}

.await-box-inner {
    width: 100%;
    background: #151515;
    padding: 15px;
    border-radius: 25px;
}

.await-img img {
    width: 100%;
    height: 100%;
    background: #0A0A0A;
    padding: 35px;
    border-radius: 13px;
    border: 1px solid #0A0A0A;
}

.await-bottom {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 50px 22px 25px 22px;
}

.await-box-left h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #fff;
}

.await-box-left p {
    font-weight: 200;
}

.await-box-right a {
    width: 37px;
    height: 37px;
    background: #272727;
    border: 1px solid #272727;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px;
    border-radius: 50%;
    transition: all .3s ease-in-out;
}

.await-box-right a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.await-box-right a:hover {
    background-color: #fff;
    border: 1px solid #fff;
}

.await-box-right a:hover img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(98%) saturate(34%) hue-rotate(169deg) brightness(96%) contrast(100%);
}

.await-wrapper .center .await-box-inner {
    border: 1px solid #f2cd71;
}

.await-wrapper .center .await-box-left h3 {
    color: #f2cd71;
}

.await-box {
    padding-top: 25px;
}

.await-wrapper .center .await-box-inner {
    transform: translateY(-21px);
}

.await-wrapper .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 83px;
}

.await-wrapper .owl-dots button {
    width: 12px;
    height: 12px;
    background: #272727;
    border-radius: 50%;
    margin: 0 8px;
}

.await-wrapper .owl-dots button.active {
    width: 22px;
    height: 22px;
    background-color: #f2cd71;
}

.await-sec {
    width: 100%;
    padding-bottom: 80px;
}

.await-box-left {
    padding-right: 25px;
}


.awardSliderWrapper {}
.awardSliderWrapper .swiper-container {width: 100%;overflow: hidden;}
.awardSliderWrapper .swiper-wrapper {transition-timing-function: linear !important;position: relative;}
.awardSliderWrapper .swiper-slide {background: transparent;text-align: center;font-size: 33px;display: flex;justify-content: center;align-items: center;width: auto;position: relative;overflow: hidden;padding: 0 10px;}
.award-box-inner img{max-width:100%;}


.award-box {
    width: 100%;
    padding: 0 25px;
    position: relative;
}

.award-box::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 67px;
    background-color: #272727;
    right: 0;
    top: 22%;
}

.secound-header-left h2 {
    font-size: 40px;
    margin-bottom: 28px;
}

.secound-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 70px;
}

/* hands sec */

.hands-sec {
    width: 100%;
    padding: 80px 0;
}

.secound-header-right .sub-btn {
    padding: 12px 20px;
}

.hands-sec .secound-header {
    padding-bottom: 0;
}

.hands-box {
    margin-bottom: 50px;
}

.hands-box h3 {
    display: flex;
    align-items: center;
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 27px;
}

.hands-box h3 .number {
    color: #f2cd71;
    font-weight: 600;
}

.hands-box h3 span {
    display: inline-block;
    font-weight: 200;
    color: #3B3B3B;
}

/* trading sec */

.trading-sec {
    width: 100%;
    padding: 80px 0;
    background: radial-gradient(ellipse, rgba(252, 212, 98, .07) 0%, transparent 68%);	
}

.trading-box-inner {
    width: 100%;
    background: #151515;
    border-radius: 25px;
    padding: 45px 38px;
	position:relative;
}
.trading-box-inner:before {
     content: "";
    position: absolute;
    /* left: 0; */
    right: 38px;
    top: 45px;
    background-color: #272727;
    width: 62px;
    height: 62px;
    border-radius: 12px;
    /* margin: 0 auto; */
    /* z-index: 1; */
    transition: all 0.3s;
}
.trading-box-inner:hover:before {
    width: 100%;
    height: 100%;
    border-radius: 0;
    top: 0;
	right:0;
    border-radius: 25px;
}
.trading-box-header {
    display: flex;
    justify-content: end;
    padding-bottom: 15px;	
	position:relative;
}

.trading-chart-icon {
    width: 62px;
    height: 62px;
    font-size: 30px;
    background: #272727;
    color: #f2cd71;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    transition: all 0.3s;
}
.trading-box-inner:hover .trading-chart-icon{background: #343333;}
.trading-box-inner h3 {
    font-size: 22px;
    color: #fff;
    margin-bottom: 25px;
	position:relative;	
}

.trading-box-inner p {
    font-size: 16px;
    font-weight: 200;
    margin-bottom: 40px;
	position:relative;	
}

.trading-box-inner a {
    display: inline-block;
    font-size: 16px;
    color: #f2cd71;
	position:relative;	
}

.trading-box-inner a i {
    margin-left: 10px;
}

/* one click sec */

.click-left-box {
    width: 100%;
    background: #f2cd71;
    border-radius: 25px;
    padding: 14px;
}

.click-left-top {
    padding: 40px;
}

.click-left-top h2 {
    font-size: 42px;
    font-weight: 600;
    color: #000;
    margin-bottom: 33px;
}

.click-left-top p {
    font-size: 16px;
    color: #000;
    line-height: 27px;
}

.click-left-bottom {
    background: #0A0A0A;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.click-right-box ul li {
    padding: 31px 0;
    border-bottom: 2px solid #353535;
}

.click-right-box ul li:first-child {
    padding-top: 0;
}

.click-right-box ul li:last-child {
    border: 0;
    padding-bottom: 0;
}

.click-right-box ul li h3 {
    display: flex;
    align-items: center;
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 12px;
}

.click-right-box ul li .number {
    color: #f2cd71;
    font-weight: 600;
}

.click-right-box ul li span {
    display: inline-block;
    font-weight: 200;
    color: #3B3B3B;
}

.click-right-box ul li p {
    font-weight: 200;
}

.click-right-box {
    width: 100%;
    height: 100%;
    background: #151515;
    padding: 28px 47px;
    border-radius: 25px;
}

/* partner sec */

.partner-sec {
    width: 100%;
    padding: 150px 0 80px;
}

.partner-left-box h2 {
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 34px;
}

.partner-left-box p {
    font-size: 16px;
    font-weight: 200;
    margin-bottom: 36px;
}

.partner-left-box ul {
    padding-right: 50px;
}

.partner-left-box ul li {
    width: 100%;
    display: inline-block;
    align-items: center;
    background: #151515;
    font-size: 16px;
    color: #fff;
    font-weight: 200;
    padding: 6px 15px;
    border-radius: 21px;
    margin-bottom: 18px;
}

.partner-left-box ul li img {
    margin-right: 10px;
}

.partner-left-box button {
    padding: 12px 16px;
    margin-top: 20px;
}

.partner-box {
    position: relative;
    width: 100%;
    height: 456px;
    border-radius: 25px;
    background-image: url(../images/partner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.partner-box img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.trading-sec .await-header h2 {
    margin-bottom: 60px;
}

.trusted-wrapper {
    width: 100%;
    background: #151515;
    border-radius: 25px;
    display: flex;
    align-items: center;
    padding: 50px;
}

.trusted-box {
    width: 100%;
    height: 48px;
    text-align: center;
}

.trusted-box-inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 20px;
}

.trusted-box-inner::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    background-color: #272727;
    width: 2px;
    height: 34px;
    transform: translate(0, -50%);
}

.trusted-box:last-child::before {
    display: none;
}

.trusted-box-inner img {
    width: auto !important;
    max-width: 100%;
}

.green-bg {
    width: 100%;
    background-image: url(../images/green-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.trust-sec {
    width: 100%;
    position: relative;
    bottom: -69px;
}

.mobile-platform-info .accordion-item {
    margin-bottom: 0;
}

.mobile-platform-info .accordion-item:not(:first-of-type) {
    border: 0;
}

.mobile-platform-sec {
    width: 100%;
    background-image: url(../images/platform-bg1.png);
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: 0% 50%; */
    background: radial-gradient(ellipse, rgba(252, 212, 98, .07) 0%, transparent 68%);

}

.hands-sec {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.hands-bg {
    position: absolute;
    right: 0;
    bottom: -74px;
    z-index: -1;
}

.trading-sec {
   /* overflow: hidden;*/
    position: relative;
}

.trading-bg {
    position: absolute;
    top: -130px;
    left: -231px;
    z-index: -1;
}

.one-click-sec {
    position: relative;
    overflow: hidden;
}

.one-click-bg {
    position: absolute;
    top: -220px;
    left: -125px;
    z-index: -1;
}

.arrow {
    width: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ffffff;
    margin-left: 8px;
}

.sub-menu li {
    margin-bottom: 10px;
}

.sub-menu li:last-child {
    margin: 0;
}

.sub-menu li a {
    font-size: 13px;
    color: #fff;
}

.sub-menu li a:hover {
    color: #f2cd71;
}

.home-sub-menu {
    left: -56%;
}

.academy-sub-menu {
    left: -11%;
}

.crypto-sub-menu {
    left: -10%;
}

.trading-sub-menu {
    left: -36%;
}

.about-sub-menu {
    left: -93%;
}

.faq-wrapper .accordion-item {
    padding: 0;
    border: 0;
}

.faq-wrapper .accordion-item::before {
    display: none;
}

.pammModel .modal-content {
    background: #272727;
}

.marketing-partner-box {
    height: auto;
    background: #151515;
    padding-bottom: 30px;
}
.clientSliderWrapper { width: 100%;background: #151515; border-radius: 25px; /*display: flex; align-items: center;*/ padding: 50px;}
.clientSliderWrapper .swiper-container {width: 100%;overflow: hidden;}
.clientSliderWrapper .swiper-wrapper {transition-timing-function: linear !important;position: relative;}
.clientSliderWrapper .swiper-slide {background: transparent;text-align: center;font-size: 33px;display: flex;justify-content: center;align-items: center;width: auto;position: relative;overflow: hidden;padding: 0 10px;}


.fx-speed-box-wrapper {
    width: 100%;
    height: 100%;
    padding: 20px 15px;
    background: #151515;
    border: 1px solid #d5ebff;
    text-align: center;
    border-radius: 10px;
}

.fx-speed-box-wrapper p {
    font-size: 20px;
}

.intrucing-broker-box svg {
    width: 90px;
    height: 90px;
}

.marketing-partner-box {
    width: 100%;
    height: 100%;
}
.marketing-partner-box svg {
    width: 70px;
    height: 70px;
    margin-bottom: 17px;
}
.marketing-partner-box h4 {
    font-size: 20px;
    color: #f2cd71;
}


.trading-stats {
    padding: 30px 0;
    background: #0A0A0A;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.stat-col {
    position: relative;
}

/* Vertical separator */
.stat-col:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 84px;
    background: rgba(255, 255, 255, 0.15);
}

.stat-box {
    padding: 0 32px;
}

.stat-box h2 {
    margin: 0 0 5px;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -1.5px;
    color: #fff;
}

.stat-box h6 {
    margin: 0 0 5px;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 600;
    color: #f2cd71;
}

.stat-box p {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    color: #9298a5;
}


/* Tablet / Mobile */
@media (max-width: 991.98px) {

    .stat-box {
        padding: 20px;
    }

    .stat-col::after {
        display: none;
    }

    .stat-col:nth-child(odd) {
        border-right: 1px solid rgba(255, 255, 255, 0.15);
    }

    .stat-col:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }

    .stat-box h2 {
        font-size: 30px;
    }
}


/* Small Mobile */
@media (max-width: 575.98px) {

    .trading-stats {
        padding: 15px 0;
    }

    .stat-box {
        padding: 18px 10px;
    }

    .stat-box h2 {
        font-size: 25px;
    }

    .stat-box h6 {
        font-size: 10px;
    }

    .stat-box p {
        font-size: 10px;
    }
}

.account-section {
    position: relative;
    overflow: hidden;
    padding: 70px 0 80px;
    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(242, 205, 113, 0.18),
            transparent 42%
        ),
        #0A0A0A;
}

/* center vertical glow */
.account-section::before {
    content: "";
    position: absolute;
    top: -10%;
    left: 50%;
    transform: translateX(-50%);
    width: 110px;
    height: 120%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(242,205,113,.18),
        rgba(242,205,113,.55),
        rgba(242,205,113,.18),
        transparent
    );
    filter: blur(20px);
    pointer-events: none;
}

.account-section .container {
    position: relative;
    z-index: 2;
}

.account-heading {
    max-width: 620px;
    margin: 0 auto 40px;
}

.account-badge {
    display: inline-block;
    padding: 6px 14px;
    border: 1px solid rgba(242,205,113,.35);
    border-radius: 20px;
    color: #f2cd71;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.account-heading h2 {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 12px;
}

.account-heading p {
    color: #aaa;
    font-size: 12px;
    line-height: 1.7;
    margin: 0;
}


/* Card */
.account-card {
    position: relative;
    background: #151515;
    color: #fff;
    padding: 28px 24px 20px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    min-height: 520px;
}

.account-card-featured {
    border: 2px solid #f2cd71;
    box-shadow:
        0 0 0 1px rgba(242,205,113,.25),
        0 0 35px rgba(242,205,113,.24);
}

.top-label {
     position: absolute;
    right: 14px;
    top: 14px;
    font-size: 10px;
    background: #eee;
    color: #000;
    padding: 4px 8px;
    border-radius: 10px;
    font-weight: 600;
}

.top-label-gold {
    color: #0A0A0A;
    background: #f2cd71;
}

.account-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fffaf0;
    color: #dcae32;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 18px;
}

.account-card h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.account-desc {
    font-size: 12px;
    color: #fff;
    line-height: 1.6;
    min-height: 50px;
}


/* Deposit */
.deposit-box {
    border: 1px solid rgba(242, 205, 113, .7);
    border-radius: 8px;
    text-align: center;
    padding: 17px 10px;
    margin: 12px 0 20px;
    background: #000;
}

.deposit-box strong {
    display: block;
    color: #d8ad38;
    font-size: 25px;
    line-height: 1;
}

.deposit-box span {
    font-size: 7px;
    font-weight: 600;
    margin-top: 7px;
    display: block;
}


/* Features */
.account-card ul {
    list-style: none;
    padding: 0;
    margin: 0 0 28px;
}

.account-card li {
     position: relative;
    padding-left: 20px;
    margin-bottom: 11px;
    font-size: 12px;
    color: #fff;
}

.account-card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #382f14;
    color: #d5aa31;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 7px;
    font-weight: 700;
}


/* Button */
.account-btn {
    margin-top: auto;
    background: #f2cd71;
    color: #0A0A0A;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    padding: 14px 15px;
    border-radius: 7px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: .3s ease;
}

.account-btn:hover {
    background: #fff;
    color: #0A0A0A;
    box-shadow: 0 0 0 1px #f2cd71;
}


/* Responsive */
@media (max-width: 1199.98px) {
    .account-card {
        min-height: 500px;
    }
}

@media (max-width: 767.98px) {
    .account-section {
        padding: 50px 0;
    }

    .account-heading h2 {
        font-size: 26px;
    }

    .account-card {
        min-height: auto;
    }

    .account-desc {
        min-height: auto;
    }
}


.steps-section {
    position: relative;
    padding: 70px 0 75px;
    background: #0A0A0A;
    overflow: hidden;
    background: radial-gradient(ellipse, rgba(252, 212, 98, .07) 0%, transparent 68%);	
}

/* Connecting line */
.steps-row::before {
    content: "";
    position: absolute;
    top: 62px;
    left: 12.5%;
    width: 75%;
    height: 1px;
    background: rgba(242, 205, 113, 0.28);
    z-index: 0;
}

.step-item {
    position: relative;
    z-index: 2;
}

.step-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: #141414;
    color: #f2cd71;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(242,205,113,.22);

    box-shadow:
        0 8px 20px rgba(0,0,0,.4),
        0 0 20px rgba(242,205,113,.08);
}

.step-item h4 {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 8px;
}

.step-item p {
    max-width: 240px;
    margin: 0 auto;
    color: #9c9c9c;
    font-size: 11px;
    line-height: 1.65;
}


/* Register Button */
.register-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 165px;
    padding: 15px 28px;

    background: #f2cd71;
    color: #0A0A0A;

    text-decoration: none;
    border-radius: 7px;

    font-size: 13px;
    font-weight: 700;

    transition: .3s ease;
}

.register-btn:hover {
    background: #fff;
    color: #0A0A0A;
    transform: translateY(-2px);
}


/* Tablet / Mobile */
@media (max-width: 991.98px) {

    .steps-row::before {
        display: none;
    }

    .step-item {
        padding: 15px 5px;
    }

    .step-icon {
        width: 65px;
        height: 65px;
    }
}


/* Small mobile */
@media (max-width: 575.98px) {

    .steps-section {
        padding: 45px 0;
    }

    .step-icon {
        width: 58px;
        height: 58px;
        margin-bottom: 14px;
    }

    .step-icon svg {
        width: 24px;
        height: 24px;
    }

    .step-item h4 {
        font-size: 14px;
    }

    .step-item p {
        font-size: 9px;
    }

    .register-btn {
        min-width: 150px;
        padding: 13px 22px;
    }
}


.trading-cta-section {
    padding: 70px 0;
    background: #0A0A0A;
}

.trading-cta-box {
    position: relative;
    overflow: hidden;
    border-radius: 22px;

    padding: 45px 55px;
	 padding:0px 55px;

    background:
        radial-gradient(
            circle at 30% 60%,
            rgba(242,205,113,.12),
            transparent 45%
        ),
        linear-gradient(
            115deg,
            #111111,
            #0A0A0A
        );

    border: 1px solid rgba(242,205,113,.35);
}


/* Gold glow */
.trading-cta-box::before {
    content: "";
    position: absolute;

    width: 420px;
    height: 420px;

    left: -120px;
    bottom: -220px;

    border-radius: 50%;

    background: rgba(242,205,113,.18);
    filter: blur(90px);

    pointer-events: none;
}

.cta-content {
    position: relative;
    z-index: 2;
    max-width: 520px;
}

.cta-content h2 {
    margin-bottom: 18px;

    font-size: 38px;
    line-height: 1.15;

    font-weight: 700;
    letter-spacing: -1px;

    color: #fff;
}

.cta-content h2 span {
    display: block;
    color: #f2cd71;
}

.cta-content p {
    margin-bottom: 28px;

    max-width: 490px;

    color: #a3a3a3;

    font-size: 13px;
    line-height: 1.8;
}


/* Buttons */
.cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 160px;

    padding: 14px 22px;

    border-radius: 7px;

    text-decoration: none;

    font-size: 12px;
    font-weight: 700;

    transition: .3s ease;
}

.cta-btn-primary {
    background: #f2cd71;
    color: #0A0A0A;
    border: 1px solid #f2cd71;
}

.cta-btn-primary:hover {
    background: #fff;
    border-color: #fff;
    color: #0A0A0A;
}

.cta-btn-outline {
    background: transparent;
    color: #f2cd71;
    border: 1px solid rgba(242,205,113,.65);
}

.cta-btn-outline:hover {
    background: #f2cd71;
    color: #0A0A0A;
}


/* Image */
.cta-image {
    position: relative;
    z-index: 2;
}

.cta-image img {
    width: 100%;
    max-width: 470px;

    object-fit: contain;

    filter:
        drop-shadow(0 20px 22px rgba(0,0,0,.55));
}


/* subtle glow behind phone */
.cta-image::before {
    content: "";

    position: absolute;

    left: 50%;
    bottom: 10%;

    transform: translateX(-50%);

    width: 330px;
    height: 130px;

    background: rgba(242,205,113,.13);

    border-radius: 50%;
    filter: blur(50px);

    z-index: -1;
}


/* Responsive */
@media (max-width: 991.98px) {

    .trading-cta-box {
        padding: 40px 30px;
    }

    .cta-content {
        text-align: center;
        margin: 0 auto 35px;
    }

    .cta-content h2 {
        font-size: 32px;
    }

    .cta-content p {
        margin-left: auto;
        margin-right: auto;
    }

    .cta-content .d-flex {
        justify-content: center;
    }

    .cta-image img {
        max-width: 380px;
    }
}


@media (max-width: 575.98px) {

    .trading-cta-section {
        padding: 40px 0;
    }

    .trading-cta-box {
        padding: 35px 18px;
        border-radius: 16px;
    }

    .cta-content h2 {
        font-size: 27px;
    }

    .cta-content p {
        font-size: 11px;
    }

    .cta-btn {
        width: 100%;
        min-width: auto;
    }

    .cta-image img {
        max-width: 300px;
    }
}





@media(min-width: 1600px) {
    .header-container {
        max-width: 1650px;
    }

    .container {
        max-width: 1389px;
    }

    p {
        font-size: 16px !important;
    }

    .mobile-platform-sec {
        background-position: 0% 50%;
    }

    .trading-bg {
        top: -51px;
        left: -84px;
    }

    .one-click-bg {
        position: absolute;
        top: 1px;
        left: 85px;
        z-index: -1;
        height: 110%;
    }
}

@media(max-width: 1199px) {
    .web-header-center-left {
        display: none;
    }

    .web-header-center-right {
        width: 100%;
    }

    .web-header-center-right ul {
        justify-content: center;
    }
}

@media(max-width: 991px) {
    .nan-btn-icon {
        display: block;
        width: 23px;
        height: 2px;
        background-color: #fff;
        margin: 5px 0;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-toggler {
        border: 0;
        padding: 0;
        background: transparent;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .curent .sub-menu {
        visibility: visible;
        opacity: 1;
        position: relative;
        transform: translateY(0em);
        z-index: 1;
        transition: none;
        background-color: transparent;
        /* margin-top: 2px; */
        display: block !important;
        min-width: 100%;
        left: 0 !important;
        transform: translate(0%, 0px);
    }

    .sub-menu>li>a {
        color: hsl(222.2 84% 4.9%);
        padding: 5px 0;
        font-size: 14px;
    }

    .sub-menu>li {
        border: 0;
    }

    .web-header .navbar .navbar-nav li:hover .sub-menu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0%, 0px);
        -moz-transform: translate(0%, 0px);
        -ms-transform: translate(0%, 0px);
        -o-transform: translate(0%, 0px);
        transform: translate(0%, 0px);
    }

    .menu_overlay {
        display: none;
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.6);
        width: 100%;
        height: 100%;
        display: none;
        z-index: 2;
    }

    .navbar-collapse {
        background-color: #151515;
        position: fixed;
        top: 0;
        left: 0;
        width: 260px;
        display: none;
        height: 100% !important;
        max-height: 100% !important;
        overflow: hidden;
        overflow-x: scroll;
        display: block !important;
        transform: translateX(-260px);
        opacity: 0;
        visibility: hidden;
        padding: 0px 0 20px;
        transition: all 300ms ease;
        -o-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        z-index: 3;
        padding: 18px 15px;
    }

    .navbar-collapse.menu-visible {
        transform: translateX(0px);
        transition: all 300ms ease;
        -o-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        opacity: 1;
        visibility: visible;
        overflow: auto;
    }

    .sub-menu {
        display: none !important;
        position: relative;
        border: none;
        box-shadow: none;
        transform: translate(0%, 0px);
        left: 0;
        width: 100%;
        background: transparent;
    }

    .web-header .navbar .navbar-nav .nav-item:hover .sub-menu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0%, 0px);
        -moz-transform: translate(0%, 0px);
        -ms-transform: translate(0%, 0px);
        -o-transform: translate(0%, 0px);
        transform: translate(0%, 0px);
    }

    .web-header .navbar .navbar-nav .nav-item.curent .sub-menu {
        visibility: visible;
        opacity: 1;
        position: relative;
        transform: translateY(0em);
        z-index: 1;
        transition: none;
        display: block !important;
        min-width: 100%;
        left: 0;
        transform: translate(0%, 0px);
    }

    .menu_overlay.menu-visible {
        display: block;
    }

    .web-header-bottom-inner .nav-item::before {
        display: none;
    }

    .web-header-bottom-inner .nav-item {
        padding-bottom: 12px;
    }

    .banner-image-box {
        display: none;
    }

    .click-left-bottom img {
        width: 100%;
    }

    .click-left-top {
        padding: 13px;
    }

    .click-left-top h2 {
        font-size: 29px;
    }

    .partner-box img {
        width: 85%;
    }

    .footer-center-left {
        margin-bottom: 20px;
    }
    
    .navbar-nav .nav-item {
        padding: 0 18px !important;
    }
    
    .navbar-nav .nav-item a {
        justify-content: space-between;
    }
}

@media(max-width: 767px) {
    .banner-info-box h1 {
        font-size: 44px;
    }

    .dollar-left h3 {
        font-size: 17px;
    }

    .dollar-center h3 {
        font-size: 17px;
    }

    .mobile-platform-sec {
        padding: 70px 0;
    }

    .mobile-platform-info h2 {
        font-size: 34px;
    }

    .secound-header-left h2 {
        font-size: 36px;
    }

    .secound-header {
        flex-wrap: wrap;
    }

    .secound-header-left {
        width: 100%;
        margin-bottom: 18px;
    }

    .hands-sec {
        padding: 50px 0;
    }

    .trading-box-inner {
        padding: 33px 28px;
    }

    .click-left-box {
        display: none;
    }

    .partner-sec {
        padding: 75px 0 80px;
    }

    .partner-left-box {
        margin-bottom: 20px;
    }

    .trusted-wrapper {
        padding: 30px 50px;
    }

    .web-footer-top-inner {
        flex-wrap: wrap;
    }

    .web-footer-top-box {
        width: 33.33% !important;
        margin-bottom: 20px;
    }

    .web-footer-top-inner {
        justify-content: start;
    }

    .web-footer-bottom-inner {
        flex-wrap: wrap;
    }

    .web-footer-bottom-left {
        width: 100%;
        margin-bottom: 0px;
        text-align: center;
    }

    .web-footer-bottom-rigth {
        width: 100%;
        display: none;
        text-align: center;
    }

    .web-footer-bottom {
        padding: 18px 0;
    }
}

@media(max-width: 575px) {
    .web-header-top-box {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

    .web-header-center {
        display: none;
    }

    .web-header-bottom-inner {
        margin-top: 8px;
    }

    .banner-info-box {
        min-width: 100%;
    }

    .banner-info-box h1 {
        font-size: 40px;
        margin-bottom: 21px;
    }

    .sub-btn {
        font-size: 14px;
    }

    .not-btn {
        font-size: 14px;
    }

    .banner-info-box p {
        margin-bottom: 25px;
    }

    .dollar-box-inner {
        padding: 22px 18px;
    }

    .dollar-left h3 {
        font-size: 15px;
        margin-bottom: 11px;
    }

    .dollar-left p {
        font-size: 13px;
    }

    .dollar-center h3 {
        font-size: 15px;
        margin-bottom: 11px;
    }

    .dollar-center p {
        font-size: 14px;
    }

    .mobile-platform-right {
        padding-left: 0;
    }

    .await-header h2 {
        font-size: 30px;
    }

    .await-box-left {
        font-size: 14px;
    }

    .await-wrapper .owl-dots {
        padding-top: 45px;
    }

    .secound-header-left h2 {
        font-size: 30px;
    }

    .secound-header-left p {
        font-size: 14px;
    }

    .trusted-wrapper {
        padding: 30px 20px;
    }
}

@media(max-width: 480px) {
    .web-header-top-box p {
        font-size: 14px;
        text-align: center;
    }

    .banner-inner-sec {
        padding: 42px 0 45px 0;
    }

    .web-header-bottom-inner {
        border-radius: 5px;
        padding: 15px 16px;
    }

    .banner-info-box .sub-heading {
        font-size: 14px;
        margin-bottom: 24px;
    }

    .banner-info-box h1 {
        font-size: 32px;
        margin-bottom: 21px;
    }

    .banner-info-box p {
        max-width: 100%;
        font-size: 14px;
    }

    .banner-btn-sec button.sub-btn {
        margin-right: 13px;
    }

    .doller-inner {
        padding: 0 15px;
    }

    .mobile-platform-sec {
        padding: 37px 0 57px;
    }

    .mobile-platform-info h2 {
        font-size: 27px;
        margin-bottom: 16px;
    }

    .accordion-item-header span {
        margin-left: 15px;
    }

    .accordion-item-header {
        font-size: 18px;
    }

    .accordion-item-body-content {
        padding-left: 12px;
    }

    .assordion-bodt-cont {
        font-size: 14px;
    }

    .accordion-item {
        padding: 20px 0;
    }

    .accordion-item::before {
        width: 100%;
    }

    .await-header {
        padding-right: 15px;
        padding-left: 15px;
    }

    .await-header h2 {
        font-size: 27px;
    }

    .await-inner {
        padding: 0 14px;
    }

    .await-wrapper .owl-dots {
        padding-top: 15px;
    }

    .secound-header {
        padding-bottom: 20px;
    }

    .hands-box p {
        font-size: 14px;
    }

    .hands-box h3 {
        font-size: 18px;
    }

    .trading-chart-icon {
        width: 50px;
        height: 50px;
    }

    .click-right-box {
        padding: 23px 20px;
    }

    .click-right-box ul li h3 {
        font-size: 18px;
    }

    .click-right-box ul li p {
        font-size: 14px;
    }

    .partner-left-box h2 {
        font-size: 27px;
        margin-bottom: 15px;
    }

    .partner-left-box p {
        font-size: 14px;
    }

    .partner-left-box ul {
        padding-right: 0px;
    }

    .partner-box {
        display: none;
    }

    .partner-sec {
        padding-bottom: 0;
    }

    .web-footer-top {
        padding-top: 106px;
        padding-bottom: 10px;
    }

    .web-footer-top-box {
        width: 50% !important;
        padding-right: 20px;
    }

    .web-footer-top-box ul li a {
        font-size: 14px;
    }

    .web-footer-center-inner {
        padding: 30px 0;
    }

    .footer-center-left p {
        font-size: 12px;
        margin-bottom: 12px;
    }

    .footer-center-right .footer-heading {
        font-size: 19px;
        margin-bottom: 15px;
    }

    .email-box input {
        padding: 17px 23px;
        padding-left: 54px;
    }

    .email-box img {
        left: 20px;
        top: 16px;
    }

    .footer-center-btn-sec {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .footer-center-btn-sec a:first-child {
        margin-right: 0px;
    }

    .footer-center-btn-sec a {
        width: 48%;
    }

    .footer-center-btn-sec a img {
        width: 100%;
    }

    .web-footer-bottom-left p {
        font-size: 12px;
    }
    
    .banner-sec {
        padding: 115px 0 0px 0;
    }
}





@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes slideInleft {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInleft {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes zoomReverseIn {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes zoomReverseIn {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes flipInY {
  0% {
    opacity: 0;
    transform: rotateY(90deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes flipInY {
  0% {
    opacity: 0;
    transform: rotateY(90deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
[data-animation] {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

.animations-disabled, .animations-disabled [data-animation] {
  -webkit-animation: none !important;
          animation: none !important;
  opacity: 1 !important;
}

.slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp;
}

.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
}

.slideInLeft {
  -webkit-animation-name: slideInleft;
          animation-name: slideInleft;
}

.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight;
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

.fadeOut {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  animation-direction: reverse;
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

.zoomOut {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
  animation-direction: reverse;
}

.zoomReverseIn {
  -webkit-animation-name: zoomReverseIn;
          animation-name: zoomReverseIn;
}

.zoomReverseOut {
  -webkit-animation-name: zoomReverseIn;
          animation-name: zoomReverseIn;
  animation-direction: reverse;
}

.flipInY {
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
}

.flipOutY {
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
  animation-direction: reverse;
}




/*

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.4;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}


@keyframes rotation {
    0% {
    transform: rotate(0);
}
to {
    transform: rotate(359deg);
}
}@keyframes ripple {
    0%, 35% {
    transform: scale(0);
    opacity: 1;
}

@-webkit-keyframes bounce {
  from {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  to {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); } }

@keyframes bounce {
  from {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  to {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); } }
			
			

@keyframes off-on {
    0% {
    opacity: 0;
}
75% {
    opacity: 1;
}
to {
    opacity: 0;
}
}
*/

@-webkit-keyframes bounce {
    from {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    to {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
}

@keyframes bounce {
    from {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    to {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
}




@-webkit-keyframes animate-1 {
    0%,
    to {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }
    50% {
        -webkit-transform: translateY(-1.5vh) translateX(5vmin);
        transform: translateY(-1.5vh) translateX(5vmin)
    }
}

@keyframes animate-1 {
    0%,
    to {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }
    50% {
        -webkit-transform: translateY(-1.5vh) translateX(5vmin);
        transform: translateY(-1.5vh) translateX(5vmin)
    }
}

@-webkit-keyframes animate-2 {
    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-15vmin);
        transform: translateY(-15vmin)
    }
}

@keyframes animate-2 {
    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-15vmin);
        transform: translateY(-15vmin)
    }
}

@-webkit-keyframes animate-3 {
    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-5vmin);
        transform: translateY(-5vmin)
    }
}

@keyframes animate-3 {
    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-5vmin);
        transform: translateY(-5vmin)
    }
}

@-webkit-keyframes animate-4 {
    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(10vmin);
        transform: translateY(10vmin)
    }
}

@keyframes animate-4 {
    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(10vmin);
        transform: translateY(10vmin)
    }
}

@-webkit-keyframes animate-5 {
    0%,
    to {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }
    50% {
        -webkit-transform: translateY(-1.5vh) translateX(5vmin);
        transform: translateY(-1.5vh) translateX(5vmin)
    }
}

@keyframes animate-5 {
    0%,
    to {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }
    50% {
        -webkit-transform: translateY(-1.5vh) translateX(5vmin);
        transform: translateY(-1.5vh) translateX(5vmin)
    }
}

@keyframes rotateIt {
  to {
    transform: rotate(-360deg);
  }
}
@keyframes rotateIt2 {
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes movescale {
    0% {
        transform: scale(.6)
    }
    50% {
        transform: scale(.8)
    }
    to {
        transform: scale(.6)
    }
}

@keyframes movescale {
    0% {
        transform: scale(.6)
    }
    50% {
        transform: scale(.8)
    }
    to {
        transform: scale(.6)
    }
}