body {
	overflow-x: hidden;
}
.inner-bg {
	background-image: url('/template/images/inner-bg.png');
	height: 400px;
	background-size: cover;
    background-repeat: no-repeat;

}

.inner-pg-content {
	margin-top: 100px;
}

.inner-pg-content p {
	font-weight: normal;
	font-size: 16px;
	line-height: 30px;
	color: #5B6C94;
}

.page-title {
	margin-top: 200px;
	font-weight: bold;
	font-size: 48px;
	line-height: 57px;
	color: #FFFFFF;
}

.page-title:after {
	content: "";
	display: block;
	width: 80px;
	background-color: #FFFFFF;
	position:absolute;
	height: 5px;
	margin-top: 30px;
}

.page-title:lang(ar):after {
	margin-top: 67px;
}

.child-menus:lang(ar) {
	text-align: justify;
}

.registration {
	margin-top: 100px;
}

.reg-form-title {
	font-size: 36px;
	line-height: 32px;
}





.registration input {
	border: 1.5px solid rgba(151, 151, 151, 0.5);
	border-radius: 10px;
	width: 80%;
	height: 60px;


}

.promotions h2:lang(ar):after {
	content: "";
	display: block;
	width: 60px;
	background-color: #1FDB84;
	position:absolute;
	height: 4px;
	margin-top: 65px;
} 

.form-control:focus {
	border-color: rgba(151, 151, 151, 0.5);
	box-shadow: none;
}

.registration select {
	border: 1.5px solid rgba(151, 151, 151, 0.5);
	border-radius: 10px;
	width: 80%;
	height: 60px !important;
}

.registration a {
	font-size: 13px;
	line-height: 15px;
	color: #5B6C94;
	text-decoration: none !important;
}

.register-btn {
	background: #1FDB84;
	box-shadow: 3px 3px 20px rgba(31, 219, 132, 0.3);
	border-radius: 10px 0px;
	color: #FFFFFF;
	font-size: 21px;
	padding: 15px 70px;
	border: none;
	cursor: pointer;
}

#loginModal {
	margin-top: 100px;
}

.modal-content {
	padding: 25px;
	border-radius: 10px; 
}

.modal-header {
	padding:2px 2px 25px 0px;
}

.login input {
	border: 1.5px solid rgba(151, 151, 151, 0.5);
	border-radius: 10px;
	height: 60px;
}

.login-btn {
	background: #1FDB84;
	box-shadow: 3px 3px 20px rgba(31, 219, 132, 0.3);
	border-radius: 10px 0px;
	color: #FFFFFF;
	font-size: 21px;
	font-weight: bold;
	padding: 15px 80px;
	border: none;
}


 
.promotions h2 {
	font-weight: 500;
	font-size: 40px;
	line-height: 48px;	
	color: #031D5B;
}

.promotions h2:after {
	content: "";
	display: block;
	width: 60px;
	background-color: #1FDB84;
	position:absolute;
	height: 4px;
	margin-top: 10px;
} 

.products h2 {
	font-weight: 500;
	font-size: 40px;
	line-height: 48px;	
	color: #031D5B;
}

.products h2:after {
	content: "";
	display: block;
	width: 60px;
	background-color: #1FDB84;
	position:absolute;
	height: 4px;
	margin-top: 10px;
} 

.products h2:lang(ar):after {
	margin-top: 60px;
} 

.products .commodities {
	background-image: url('/template/images/commodities-bg.png');
	height: 567px;
	background-size: cover;
    background-repeat: no-repeat;
	margin-left: 60px;
}

.commodities-text {
	margin-top: 100px;
}

.commodities-text h2 {
	color: #FFFFFF;
}

.commodities-text p {
	color: #FFFFFF;
}

.indices {
	margin-top: 200px;
}

.cfds-bg {
	margin-top: 100px;
	background-image: url('/template/images/cfds-bg.png');
	height: 627px;
	background-size: cover;
    background-repeat: no-repeat;
}

.cfds {
	margin-top: 100px;
}

.crypto-curr {
	margin-top: 100px;
}

.container .box {  
	margin-top: 70px;
    width:100%;  
    height: 400px;
    display:table;  
}  

.container .box img {  
   margin-bottom: 30px;
} 

.container .box h3 {  
   font-weight: normal;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	color: #031D5B;
}  

.container .box .box-row {  
    display:table-row;  
}  

.container .box .box-cell {  
    display:table-cell;  
    width:33%;  
    padding:10px;  
    border: 2px #EBEEEE solid;
}  

.container .box .box-cell.box1 {  
    color:white;  
    text-align:center;  
    border-right: none;
    vertical-align: middle;
}  

.container .box .box-cell.box2 {   
    text-align:center;
    border-right: none;
    vertical-align: middle;
}  

.container .box .box-cell.box3 {  
    text-align:center;  
    vertical-align: middle;
} 

.heatmap {
	margin-top: 100px;
}

.calculator {
	margin-top: 100px;
}

.glossary {
	margin-top: -150px;
	background-color: #fff;
	border-radius: 10px;
	padding: 30px 20px;
}

.glossary h2 {
	font-weight: 500;
	font-size: 18px;
	line-height: 21px;
	color: #031D5B;
	text-align: left;
}

.glossary h2:after {
	content: "";
	display: block;
	width: 30px;
	background-color: #1FDB84;
	position:absolute;
	height: 1px;
	margin-top: 20px;
}