/*------------------------------------------------------
    BinaryPro Designs this features the homepage
---------------------------------------------------------*/

/*---google fonts-----*/
@import url('https://fonts.googleapis.com/css2?family=Lato&family=Quicksand&display=swap');
h1,h2,h3,h4,h5,h6{
	font-family: 'Lato', sans-serif;
}
p,ul li{
	font-family: 'Quicksand', sans-serif;
}


/*-----------Homepages-----------*/
.homeheader{
	border:0px solid green;
	height:70px;
	background-color:transparent;
	position:absolute;
	top:30px;
	z-index:1000;
}

.homeheader div{
	border:0px solid green;
	width:auto;
	height:100%;
}

.homeheader div section ul li{
	margin:15px;
	list-style: none;
}

/*----Links----*/
a:link,a:visited{
	text-decoration: none;
	color:inherit;
}
a:hover,a:active{
	text-decoration: none;
	color:inherit;
}

.nav-list li{
   text-decoration: none;
   color:#fff;
   font-size:18px;
}

.auth li{
   background-color:#1239da;
   color:#fff;
   padding:5px 10px;
   border:0px;
   border-radius:5px;
}


/*-----Slider homepage css-----*/
.slider-image{
	border:1px solid green;
	height:70vh;
	padding:0px;
}

  
  
  
.splide{
	border:0px solid green;
	width:100%;
	height:auto;

}

.swiper-slider{
	border:1px solid red;
	height:100%;
}

.splide__track{
	border:0px solid orange;
	height:100% !important;
}


.swiper-slide article{
   border:0px solid green;
   height:100%;
   background-color: rgba(0, 0, 0, 0.6);
   position:absolute;
   top:0px;
   left:0px;
   right:0px;
   bottom:0px;
   padding:50px;
}

.swiper-slide img{
	width:100%;
	height:100%;
}

.swiper-slide article h1{
	color:#fff;
	font-weight: bold;
	font-size:2em;
}

.swiper-slide article h4{
	color:#fff;
	margin:15px 0px;
}

.swiper-slide article button{
	background-color:#1239da;
	border:0px;
	padding:10px;
	border-radius:6px;
	color:#fff;
}

.swiper-slide article h1{
	margin:20vh 0px 0px 0px;
}


/*---------off canvas media menu--------*/
.offcanvas-ul{
	padding:0px;
}

.offcanvas-ul li{
	list-style: none;
	background-color:#04830c;
	color:#fff;
	margin:30px 0px;
	padding:10px;
	border-radius:10px;
}



/*---------Markets--------------*/
.markets{
	border:0px solid green;
	background-color:#fff;
}

.markets section:nth-child(1){
	text-align: center;
	padding:10px;
}

.markets section aside{
	border:0px solid green;
	margin:10px;
	padding:14px;
	box-shadow:none;
	border-radius:10px;
	background-color:#fff;
	color:#000 !important;
	box-shadow:1px 2px 10px gray;
}


.market-head h1{
	color:#1239da;
	margin:14px 0px;
	font-size: 50px;
	font-weight: bolder;
}

.market-head p{
  width:80%;
  font-size:20px;
  text-align:center;
  color:#000;
  margin:20px auto;
}

.markets section aside h4{
	color:#1239da;
	margin:15px 0px;
	font-size:18px;
	font-weight: bold;
}

.markets section aside p{
   color:#000;
   font-weight: bold;
}

/*-----------plaforms----------------*/
.plaforms section h1{
	font-size:2.5em;
	font-weight: bolder;
	color:#075cca;
}

.plaforms section h6{
	font-size:1.2em;
}

.plaforms section ul{
	padding:0px;
}

.plaforms section ul li{
	list-style: none;
	margin:10px 0px;
}

.plaforms section ul li i{
	color:blue;
}


/*-------------Trading moltivation-------------*/
.moltivation{
	background-color: #fff;
}

.moltivation h1{
	color:#075cca;
	margin:10px 0px;
	font-size:2.5em;
	font-weight: bolder;
}

.moltivation p{
  width:100%;
  font-size:20px;
  color:gray;
  margin:20px auto;
}

.moltivate-ul{
    list-style:none;
    padding:0px;
}

.moltivate-ul li{
    color:gray;
    font-size:20px;
}

/*---operate css--*/
.moltivation section aside{
	border:0px solid green;
	margin:10px;
	padding:14px;
	box-shadow:none;
	border-radius:10px;
	background-color:#fff;
	box-shadow:1px 5px 10px rgb(177, 174, 174);
}

.moltivation aside span{
	background-color:#fff;
	border-radius:50%;
	padding:19px 15px;
	margin:10px 0px;

}

.moltivation section aside h4{
	color:#1239da;
}

.moltivation section aside p{
	font-size:16px;
}

.market-head h1{
	color:#1239da;
	margin:14px 0px;
	font-size: 50px;
	font-weight: bolder;
}



/*-----------Education---------------*/
.education{
    background-image:url('../asset/officedarkng.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
	background-color:rgba(0, 0, 0, 0.9);
    
}

.education>div{
    width:100%;
    background-color:rgba(0,0,0,0.5); 
}
.education section {
	border:0px solid green;
}

.education section h1{
	color:#fff;
	font-size:3rem;
	font-weight: bolder;
}

.education section p{
	color:#000;
}

.education section button{
	width:100%;
	height:50px;
	border:0px;
	color:#fff;
	font-weight:bolder;
	border:0px solid green;
	background-color:#1239da;
	border-radius:10px;
}

.education section aside img{
    width:60px;
    height:60px;
}

.education section aside{
	border:0px solid green;
	margin:10px;
	border-radius:10px;
/*	box-shadow:1px 2px 10px gray;*/
	background-color:#fff;
	padding:10px;
	box-sizing:border-box;
}

.education section aside h6{
	color:#4062df;
	padding:6px;
	box-sizing: border-box;
	font-size:23px;
	font-weight:bold;
}

/*--------------get started----------*/
.getstarted{
    background-color:#01030a;
}
.getstarted div section{
   border:0px solid green;
   margin:5px;
   background-color:#3a3a3b;
   border-radius:10px;
   padding:10px;
   box-sizing:border-box;
   color:#fff;
}

.getstarted div section h3{
    border-bottom:2px solid #075cca;
    font-size:20px;
    font-weight:bolder;
    color:#075cca;
}

.getstarted div section button{
    width:100%;
    height:40px;
    background-color:#075cca;
    color:#fff;
    border-radius:5px;
    border:0px;
}


/*----------reviews--------------*/
.Reviews{
	height:auto !important;
	border:0px solid green;
}

.swiper-slide section{
	width:90% !important;
    border:0px solid yellow;
}

.swiper-slide section aside{
	height:auto;
   border:0px solid green;
   padding:6px;
   box-sizing: border-box;
}

.swiper-slide section aside img{
	width:200px;
	height:200px;
	border-radius:50%;
	border:1px solid gray;
	padding:5px;
	box-sizing:border-box;
	float:right;
}

.swiper-slide section aside:nth-child(2){
	text-align: left;
	padding:50px 0px;
	box-sizing: border-box;
}



/*---------------------------------------------------ABOUT CSS---------------------------------------*/
.accordion-button{
    background-color:#161616 !important;
    color:#fff;
    outline:0px;
    box-shadow:none;
}

.accordion-button:focus{
    color:#075cca;
    outline:0px;
    box-shadow:none;
}


/*--------------Footer Sections--------*/
.footer{
  background-color:#121312;
}

.footer div section{
  border:0px solid green;
}

.footer div section aside{
    border:0px solid green;
}

.footer div section h4{
	color:#1239da;
}

.footer div section ul{
	padding:0px;
}

.footer div section ul li{
	list-style: none;
	color:#8f8d8d;
	font-size:17px;
}

.footer div section p{
	color:#fff;
}