html {
  scroll-behavior: smooth;
}
*{
	margin: 0px;
	padding: 0px;
}
@media(min-width: 768px) {
    .navbar-expand-lg .navbar-collapse {
        float: right;
    }
}
.home {
    background-image: url(../images/1.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.navbar-brand{
	color: white;
	font-weight: bold;
}
.nav-link{
	color: white;
	font-weight: bold;
	margin-right: 20px;
    transition: 0.5s;
}
.nav-link:hover{
	color: #7249e3;
	transition: 0.5s;
}
.banner{
	color: white;
	padding: 100px 0px;
}
.banner h2{
	font-size: 50px;
	font-weight: bold;
}
.banner h3{
	font-weight: 400;
}
.banner .bg-1{
	background-image: url(../images/1.png);
	background-repeat: no-repeat;background-size: cover;
	width: 100%;
}
.banner .bg-2{
	background-image: url(../images/2.png);
	background-repeat: no-repeat;background-size: cover;

}
.banner .bg-3{
	background-image: url(../images/3.png);
	background-repeat: no-repeat;background-size: cover;
}
.banner .bg-4{
	background-image: url(../images/4.png);
	background-repeat: no-repeat;background-size: cover;
}
.banner .box{
	padding: 40px 10px;
}
.banner h5{
	font-weight: 400;
}
.banner button{
	width: 100%!important;
    border-radius: 0px 10px 10px 10px;
    background-color: #7249e3;
    border: none;
    font-size: 20px;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    margin: 20px 0px;
    transition: .3s;
}
.banner button:hover{
	background-color: #fff;
    color: #7249e3;
    transition: .3s;
}
.EURUSD{
	background-color: #7249e3;
	color: white;
}
.EURUSD img{
	width: 100%;
}
.EURUSD .box{
	display: flex;
	padding: 30px 33px;
    border-right: 2px solid #fff;
}
.EURUSD .box:last-child{
	border-right: 0px solid #fff;
}
.EURUSD .box h2{
	font-weight: bold;
	margin: 0px 10px;
}
.EURUSD .border{
    border-right: 1px solid #627086;
    height: 54px;
    margin-right: 6px;
    width: 1px;
    margin-top: 25px;
}
.EURUSD .box p{
    display: table-cell;
    line-height: 1;
    margin-top: 5px;
}
.Trustpilot{
	background-image: url(../images/3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 20px 0px;
	color: white;
}
.Tighter{
	background-image: url(../images/4.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 50px 0px;
	background-position: center top;
}
.Tighter h2{
	color: #7249e3;
	font-size: 45px;
	font-weight: bold;
}
.Tighter ul li{
	list-style-type: none;
	line-height: 1.9;
}
.Tighter h3{
	color: white;
}
.Trade{
	background-image: url(../images/8.png);
	background-repeat: no-repeat;
	padding: 50px 0px;
	color: white;
	background-position: 25%;
    background-size: cover;
}
.Trade h2{
	font-size: 45px;
	font-weight: bold;
	margin-bottom: 30px;
}
.Trade ul li{
	list-style-type: none;
	margin-bottom: 10px;
}
.Trade img.crypto {
    background-color: #fff;
    border-radius: 20px;
    padding: 8px 4px;
    margin-bottom: 14px;
}
.Advanced{
	background-image: url(../images/5.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	padding: 60px 0px;
}
.Advanced .adv_box{
    padding: 30px;
}
.Advanced h2{
    color: #7249e3;
	font-size: 45px;
	font-weight: bold;
	margin-bottom: 20px;
}
.Advanced ul li{
	list-style-type: none;
	margin-bottom: 10px;
}
.Advanced ul li img{
	margin-right: 10px;
}
.trusted{
	padding: 80px 0;
	background-image: url(../images/6.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	color: white;
}
.trusted h2{
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 30px;
}
.trusted p{
	padding: 0px 180px;
	font-size: 25px;
	font-weight: 200;
}
.start {
    background-color: #f9f9f9;
}
.start h1{
    color: #7249e3;
	font-size: 45px;
	font-weight: bold;
	margin-top: 70px;
	margin-bottom: 30px;
}
.start h4{
    font-size: 30px;
	margin-bottom: 50px;
}
.start .btn-start {
    background-color: #7249e3;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 8px 20px;
    border: 2px solid #7249e3;
    border-radius: 20px;
    transition: .3s;
    margin-bottom: 30px;
}
.start .btn-start:hover {
    background-color: #fff;
    color: #7249e3;
    transition: .3s;
}
.regular{
	width: 100%;
}
.funding {
	padding: 60px 0px;
	background-image: url(../images/7.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.funding img{
	width: 100%;
}
.funding h6{
	font-weight: bold;
}
.slider {
    width: 100%;
    margin: 100px 0px;
}
.slick-slide {
  margin: 0px 20px;
}
.slick-slide img {
  width: 100%;
}
.footer{
	padding: 40px 0px;
    color: #fff;
	background-color: #7249e3;
}
.footer .row {
	display: flex;
	align-items: center;
}
.footer p{
	margin-bottom: 0;
}
.footer i{
	margin-right: 10px;
}
.footer-2{
	padding: 60px 0px;
}
.footer-2 ul li{
	list-style-type: none;
	font-size: 12px!important;
    color: #fff;
    font-weight: normal;
    line-height: 2.3;
}
.Dashboard p{
	margin-bottom: 0px;
	padding-top: 10px;
}
.blue-section{
	height: 20px;
	background-color: #00BDFF;
	width: 39.8%;
	float: left;
	border-right: 0.5px solid white;
}
.black-section{
	height: 20px;
	background-color: black;
	width: 60.2%;
	float:right;
}
.blue-section1{
	height: 20px;
	background-color: #00BDFF;
	width: 58.8%;
	float: left;
	border-right: 0.5px solid white;
}
.black-section1{
	height: 20px;
	background-color: black;
	width: 41.2%;
	float:right;
}
.blue-section2{
	height: 20px;
	background-color: #00BDFF;
	width: 45.1%;
	float: left;
	border-right: 0.5px solid white;
}
.black-section2{
	height: 20px;
	background-color: black;
	width: 54.9%;
	float:right;
}
.blue-section3{
	height: 20px;
	background-color: #00BDFF;
	width: 38.7%;
	float: left;
	border-right: 0.5px solid white;
}
.black-section3{
	height: 20px;
	background-color: black;
	width: 61.3%;
	float:right;
}
.blue-section4{
	height: 20px;
	background-color: #00BDFF;
	width: 40.0%;
	float: left;
	border-right: 0.5px solid white;
}
.black-section4{
	height: 20px;
	background-color: black;
	width: 60.0%;
	float:right;
}
.blue-section5{
	height: 20px;
	background-color: #00BDFF;
	width: 38.7%;
	float: left;
	border-right: 0.5px solid white;
}
.black-section5{
	height: 20px;
	background-color: black;
	width: 61.3%;
	float:right;
}
.blue-section6{
	height: 20px;
	background-color: #00BDFF;
	width: 68.1%;
	float: left;
	border-right: 0.5px solid white;
}
.black-section6{
	height: 20px;
	background-color: black;
	width: 31.9%;
	float:right;
}
.blue-section7{
	height: 20px;
	background-color: #00BDFF;
	width: 55.2%;
	float: left;
	border-right: 0.5px solid white;
}
.black-section7{
	height: 20px;
	background-color: black;
	width: 44.8%;
	float:right;
}
.blue-section8{
	height: 20px;
	background-color: #00BDFF;
	width: 41.7%;
	float: left;
	border-right: 0.5px solid white;
}
.black-section8{
	height: 20px;
	background-color: black;
	width: 58.3%;
	float:right;
}
.blue-section9{
	height: 20px;
	background-color: #00BDFF;
	width: 52.2%;
	float: left;
	border-right: 0.5px solid white;
}
.black-section9{
	height: 20px;
	background-color: black;
	width: 47.8%;
	float:right;
}
.traders{
    background-color: #fff;
	padding: 60px 0px;
}
.traders h2{
    color: #7249e3;
	text-align: center;
	font-size: 45px;
	font-weight: bold;
	padding: 20px 20px;
}
.traders .box{
	background-image: url(../images/23.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 600px;
	padding: 20px 0px;
	overflow: scroll;
}
.traders .box .col-md-12{
	padding: 10px 20px;
	margin: 0px 2px;
}
.traders .box .bg-color{
	background-color: #F5F5F5;
}
.traders .box h6{
	font-weight: bold;
}
.traders button{
	font-size: 16px;
    border-radius: 0px 10px 10px 10px;
    text-align: center;
    color: #ffffff;
    background-color: #7249e3;
    border: none;
    padding: 10px 30px;
    margin-top: 20px;
    font-weight: bold;
}
@media (max-width: 480px){
    .home {
        background-repeat: repeat;
        background-size: auto;
    }
    .banner{
        padding: 30px 0px;
    }
    .banner h2{
        font-size: 30px;
    }
    .banner h3{
        font-size: 20px;
    }
    .EURUSD .box{
        padding: 10px 10px;
        border-top: 2px solid #fff;
        border-right: 0;
        display: block;
        text-align: center;
        width: 100%;
        margin: 0 30px;
    }
    .EURUSD .box:first-child{
        border-top: 0px solid #fff;
    }
    .EURUSD .box p{
        display: block;
    }
    .Tighter{
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 39%;
    }
    .Tighter h2{
        font-size: 30px;
    }
    .Trade{
        background-position: left;
    }
    .Trade h2{
        font-size: 30px;
    }
    .Advanced{
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
        padding: 60px 0px;
    }
    .Advanced .adv_box{
        padding: 10px;
        margin-bottom: 20px;
    }
    .Advanced h2{
        font-size: 30px;
    }
    .trusted{
        padding: 40px 0;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .trusted h2{
        font-size: 30px;
        margin-bottom: 30px;
    }
    .trusted p{
        padding: 0px;
        font-size: 20px;
        text-align: justify;
    }
    .start h1{
        font-size: 30px;
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .start h4{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .start .btn-start {
        display: block;
        width: 100%;
    }
    .traders h2{
        font-size: 30px;
    }
}

.main-about{
    background-image: url(../images/bg_all.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	padding: 60px 0px;
}
.main-about h2{
	text-align: center;
	font-weight: bold;
	font-size: 55px;
	color: white;
}
.about{
	padding: 60px 0px;
}
.about h3{
	text-align: center;
	color: #0968C1;
	padding: 20px 0px;
}
.about .testimonial-content12 {
    box-shadow: 0 0 10px 0 #80808045;
    margin-bottom: 3px;
    border-top: 2px solid #2e3a59;
    border-bottom: 2px solid #2e3a59;
    position: relative;
}
.about .testimonial-content12:before {
    content: "";
    border-top: 60px solid #2e3a59;
    border-right: 60px solid transparent;
    border-bottom: 60px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
}
.about .testimonial-content12:after {
    content: "";
    border-bottom: 60px solid #2e3a59;
    border-top: 60px solid transparent;
    border-left: 60px solid transparent;
    position: absolute;
    bottom: 0;
    right: 0;
}
.about .testimonial-img{
	text-align: center;
}
.about img{
	width: 100%;
}
.about .testimonial-text{
	background-color: #7249e3;
	padding: 20px;
	padding-bottom: 40px;
	color: white;
	font-size: 18px;
}
.about .testimonial-text h4{
	color: white;
    line-height: 36px;
    margin-bottom: 30px;
}
.about input{
	background-color: #2E3A59;
	color: white;
	font-weight: bold;
}
#divMsg{
    background: white;
    color: black;
    padding: 16px 9px 14px 10px;
    text-align: justify;
    box-shadow: 0 0 8px 0 #80808063;
    display: none;
}
#divMsg2{
    background: white;
    color: black;
    padding: 16px 9px 14px 10px;
    text-align: justify;
    box-shadow: 0 0 8px 0 #80808063;
    display: none;
}
#divMsg1{
    background: white;
    color: black;
    padding: 16px 9px 14px 10px;
    text-align: justify;
    box-shadow: 0 0 8px 0 #80808063;
    display: none;
}
.login{
	padding: 60px 0px;
}
.login h3{
	font-weight: 300;
}
.login form{
	background-color: black;
	color: white;
	padding: 10px 30px;
	border: 3px solid #7249e3;
	border-radius: 10px;
}
.login button{
	color: #fff;
	background-color: #7249e3;
	border: 2px solid #7249e3;
	padding: 10px;
	border-radius: 10px;
	font-weight: bold;
	transition: .3s;
}
.login button:hover{
	color: #7249e3;
	background-color: #fff;
}
.login input{
	color: #ffffff;
	background-color: transparent;
	border: 1px solid white;
	padding: 20px;
}
.login input:focus {
    color: #ffffff;
    background-color: transparent;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
.login select:focus {
    color: #ffffff;
	background-color: #000000;
}

.login label{
	font-weight: bold;
}
.login a{
	color: #bbb4ff;
}
.login p{
	font-size: 15px;
	padding-top: 20px;
	text-align: center;
}
.main-contact{
	background-image: url(../images/bg_all.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	padding: 60px 0px;
}
.main-contact h2{
	text-align: center;
	font-weight: bold;
	font-size: 55px;
	color: white;
}
.contact{
	padding: 60px 0px;
}
.contact .box{
    background-color: white;
    width: 80%;
    margin: 5% auto;
    box-shadow: 1px 5px 12px 5px #ccc;
}
.contact .box1{
	background-image: url(../images/24.png);
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
	height: 100%;
	width: 100%;
}
.contact .contact-text{
	color: white;
	z-index: 99999;
	position: absolute;
	width: 100%;
}
.contact .contact-text h2{
	padding: 10px 30px;
	font-weight: 200;
}
.contact .contact-text p{
	padding: 10px 30px;
	font-size: 20px;
}
.contact .contact-text hr{
	background-color: white;
}
.contact .contact-text i{
	padding-right: 20px;
}
.contact .box1:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    bottom: 0;
    overflow: hidden;
    left: 0;
    background-image: linear-gradient(to bottom right, #7249e3, #01204c);
    opacity: .8;
}
.contact button{
    padding: 7px 35px;
    border-radius: 100px 100px;
    display: inline-block;
    background-color: #7249e3;
    color: white;
    margin: 6px auto;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 0px 6px 9px 0px rgba(114, 73, 227, 0.68),
     0px 5px 6px 0px rgba(114, 73, 278, 0.54);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    border: none;
}
.contact button:hover{
	box-shadow: none;
	transition: 0.5s;
}
.contact input{
	background-color: #E8EBED;
	border: none;
	padding: 20px;
}
.contact textarea{
	background-color: #E8EBED;
	border: none;
	padding: 20px;
}
.contact h3{
	font-weight: bold;
	font-size: 40px;
}
.contact-us{
    background-color: #0f3f6f;
    margin-top: 13%;
    position: relative;
    height: 80vh;
    box-shadow: 0px 1px 7px 4px #0f3f6f42;
    margin-bottom: 15%;
    margin-right: 10%;
    margin-left: -20%;
}
.tech-slideshow {
	width: 100%;
	height: 100vh;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

.tech-slideshow > div {
  width: 3840px;
  background: url(../images/11.jpg);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  transform: translate3d(0, 0, 0);
}
.tech-slideshow .mover-1 {
  animation: moveSlideshow 30s linear infinite;
}
.tech-slideshow .mover-2 {
  opacity: 0;
  transition: opacity 0.5s ease-out;
  background-position: 0 -200px;
  animation: moveSlideshow 30s linear infinite;
}
.tech-slideshow:hover .mover-2 {
  opacity: 1;
}
@keyframes moveSlideshow {
  100% { 
    transform: translateX(-66.6666%);  
  }
}
.circle2 {
    height: 320px;
    width: 320px;
    display: block;
    position: absolute;
    left: 253px;
    right: 0;
    top: 34%;
    border-radius: 50%;
    z-index: 10;
    margin: auto;
}
.circle_d2 {
    background: url(../images/25.png) no-repeat 50% 50%;
    background-size: contain;
    height: 278px;
    filter: sepia(34) grayscale(17);
    width: 278px;
    margin: 21px;
    position: absolute;
    z-index: 13;
    animation-name: rotateBack;
    animation-duration: 25s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.circle_m2 {
    background: url(../images/26.png) no-repeat 50% 50%;
    background-size: contain;
    height: 253px;
    filter: hue-rotate(173deg);
    width: 253px;
    margin: 33px;
    position: absolute;
    z-index: 17;
    animation-name: rotate;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.bit2 {
    background: url(../images/27.png) no-repeat 50% 50%;
    background-size: contain;
    height: 196px;
    width: 196px;
    margin: 61px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0px 20px 20px #000;
    z-index: 34;
     -webkit-animation: flash 16s linear 0s infinite; 
    -moz-animation: flash 16s linear 0s infinite;
    -ms-animation: flash 16s linear 0s infinite;
    -o-animation: flash 16s linear 0s infinite;
     animation: flash 16s linear 0s infinite; 
    cursor: pointer;
}
@keyframes rotate { from { transform: rotate(0deg); }
 to { transform: rotate(360deg); } }
@keyframes rotateBack { from { transform: rotate(360deg); } 
to { transform: rotate(0deg); } }
.register {
	padding: 30px 0px;
}
.register .box{
	background-image: url(../images/28.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	 background-color: #a1c5f0;
    padding: 0px;
    right: -34px;
    border-radius: 5px;
    height: 520px;
    width: 93%;
    box-shadow: 0px 22px 44px 0px rgb(0 0 0 / 72%);
    position: absolute;
    margin-top: 40px;
}
.register form{
	background-color: #005DB8;
	padding: 50px 30px;
	color: white;
}
.register form input{
	background-color: #07234E;
	margin-bottom: 20px;
}
.register form select{
	background-color: #07234E;
	color: white;
	margin-bottom: 20px;
}
.register label{
	font-weight: bold;
}
.register button{
	color: #000;
	background-color: #7249e3;
	padding: 10px;
	border: none;
	font-weight: bold;
}
#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #7249e3;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    border-radius: 4px;
    width: 40px;
}
#myBtn:hover {
    background-color: #01204c;
}