@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');

body{
	background: #171717;
	font-family: 'Raleway', sans-serif;
	overflow-x: hidden;
}
.bodywhite{
	background: #fff;
}
ul{
	padding: 0;
	margin: 0;
}
li{
	list-style: none;
}
textarea:focus, input:focus, select:focus{
	outline: none;
}
a{
	text-decoration: none;
}
.header{
	float: left;
	width: 100%;
	background: #171717;
	height: auto;
	padding: 5px 0;
}
.home .header{
	background: #171717;
}
.home .header .container{
	height: 70px;
	border-bottom: 1px solid #77787a;
}
.logo{
	float: left;
	width: 18%;
	height: 50px;
	background: url(../img/logo.svg);
	background-size: contain;
	background-repeat: no-repeat;
	margin-top: 17px;
}
.headright{
	float: right;
	color: #fff;
	margin-top: 9px;
	width: 26%;
}
.lnag{
	float: right;
    margin-right: 20px;
    position: relative;
    background: #303030;
    border-radius: 5px;
    padding: 3px 12px;
}
.langitem{
	float: right;
	width: 100%;
	padding: 5px 15px;
	cursor: pointer;
	margin-left: 5px;
	margin-right: 3px;
	margin-top: 6px;
	position: relative;
}
.langitem::before{
	content: "";
	background: url(../img/langarrowicon.svg);
	height: 12px;
	background-size: contain;
	background-repeat: no-repeat;
	width: 12px;
	position: absolute;
	right: 8px;
	top: 12px;
}
.langitem:hover .langdropw{
	display: block;
}
.headcreatbtn{
	float: right;
	background: rgb(31,31,31);
	background: linear-gradient(97deg, rgba(31,31,31,1) 0%, rgba(83,83,83,1) 100%);
	border-radius: 5px;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	padding: 10px 25px;
	margin-right: 15px;
	transition: all 0.8s;
}
.headcreatbtn:hover{
	background: rgb(31,31,31);
	background: linear-gradient(37deg, rgba(31,31,31,1) 0%, rgba(83,83,83,1) 100%);
}
.langdropw{
	background: #303030;
	border-radius: 3px;
	padding: 5px 15px;
	float: left;
	display: none;
	position: absolute;
	z-index: 99;
}
.langdropw a{
	color: #fff;
}
.langdropw li{
	margin-bottom: 4px;
	margin-top: 4px;
}
.dropdown-menu{
	background-color: #130e3f;
}
.top_left_menu{
	float: left;
    width: 54%;
    line-height: 63px;
    padding: 0px;
    display: flex;
    flex-flow: wrap;
    justify-content: right;
}
.sctwoimg{
	position: relative;
}
.sctwoimg .text{
	position: absolute;
	bottom: 30px;
	right: 30px;
	padding: 15px 50px;
	color: #fff;
	background: url(../img/sliderrextbg.svg);
	background-size: 100%;
	background-repeat: no-repeat;
}
.sctwoimg .text svg{
	height: 30px;
	float: left;
	margin-top: 2px;
}
.sctwoimg .text span{
	font-size: 18px;
	font-weight: 600;
	margin-left: 4px;
	margin-top: 4px;
	float: left;
}
.homeformarea{
	float: left;
	width: 100%;
	background: url(../img/contactbg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 50px 0;
	color: #fff;
	position: relative;
}
.homeformarea::before{
	content: "";
	background: #171717;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.75;
}
.homeformarea .container{
	position: relative;
}
.homeareasteps{
	float: left;
	width: 100%;
	padding: 90px 0;
	background: #fff;
	padding-bottom: 140px;
}
.homeareasteps h3{
	float: left;
	width: 100%;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #35315D;
	margin-bottom: 80px;
}
.homeareasteps .item{
	float: left;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	border: 1px solid #E1E1E1;
	padding: 25px;
	position: relative;
}
.homeareasteps .item .icon{
	margin-bottom: 20px;
}
.homeareasteps .item img{
	height: 55px;
	margin-top: 10px;
}
.homeareasteps .item h5{
	float: left;
	width: 100%;
	color: #303030 ;
	font-size: 24px;
	font-weight: bold;
}
.homeareasteps .item span{
	float: left;
	width: 100%;
	color: #0D101E;
}
.homeareasteps .row .col-md-4:nth-child(1) .item::after{
	content: "";
	background: url(../img/stepsaftericon.svg);
	width: 75px;
	height: 75px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -80px;
}
.homeareasteps .row .col-md-4:nth-child(2) .item::after{
	content: "";
	background: url(../img/stepsbeforeicon.svg);
	width: 75px;
	height: 75px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: -80px;
}
.formdetail{
	float: right;
	width: 100%;
	background: #312B6A;
	padding: 35px 25px;
}
.formdetail .col-md-6:nth-child(1){
	padding-right: 5px;
}
.formdetail .col-md-6:nth-child(2){
	padding-left: 5px;
}
.formdetail .formitem{
	float: left;
	width: 100%;
	margin-bottom: 13px;
}
.formdetail .formitem input{
	float: left;
	width: 100%;
	background: #2A245D;
	border-radius: 3px;
	border: 0;
	color: #fff;
	padding: 14px;
}
.formdetail .formitem textarea{
	float: left;
	width: 100%;
	background: #2A245D;
	border-radius: 3px;
	border: 0;
	padding: 14px;
	color: #fff;
	min-height: 110px;
}
.formdetail .formitem label{
	font-weight: 500;
	margin-bottom: 3px;
}
.formdetail button{
	float: left;
	width: 100%;
	color: #fff;
	background: rgb(31,31,31);
background: linear-gradient(185deg, rgba(31,31,31,1) 0%, rgba(83,83,83,1) 95%);
	padding: 15px;
	border-radius: 3px;
	border: 0;
	margin-top: 15px;
	font-size: 19px;
	font-weight: bold;
	transition: all 0.8s;
}
.formdetail button:hover{
	background: rgb(31,31,31);
background: linear-gradient(135deg, rgba(31,31,31,1) 0%, rgba(83,83,83,1) 95%);
}
.homeformarea .formdetail{
	background: #201F1F;
	border-radius: 5px;
}
.homeformarea .formdetail .formitem input{
	background: #171717;
	border-radius: 5px;
}
.homeformarea .formdetail button{
	background: rgb(31,31,31);
	background: linear-gradient(97deg, rgba(31,31,31,1) 0%, rgba(83,83,83,1) 100%);
}
.homeformarea .formdetail button:hover{
	background: rgb(31,31,31);
	background: linear-gradient(37deg, rgba(31,31,31,1) 0%, rgba(83,83,83,1) 100%);
}
.conrighttop{
	float: left;
	width: 100%;
	background: rgb(32, 31, 31);
	color: #fff;
	padding: 20px 25px;
	border-radius: 5px;
}
.conrighttop h4{
	float: left;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}
.conrighttop span{
	float: left;
	width: 90%;
	font-weight: 500;
}
.conrightbot{
	float: left;
	width: 100%;
	background: rgb(32, 31, 31);
	color: #fff;
	padding: 20px 25px;
	border-radius: 5px;
	margin-top: 20px;
}
.conrightbot h4{
	float: left;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}
.conrightbot h6{
	float: left;
	width: 100%;
	font-weight: 500;
	margin-bottom: 25px;
}
.conrightbot .item{
	float: left;
	width: 100%;
	background: #171717;
	border-radius: 5px;
	padding: 15px 20px;
	display: flex;
	height: 100%;
}
.conrightbot .col-md-6{
	margin-bottom: 14px;
	padding-left: 7px;
	padding-right: 7px;
}
.conrightbot .item .icon{
	float: left;
	width: 60px;
	height: 60px;
	background: rgb(32, 31, 31);
	border-radius: 5px;
	text-align: center;
	line-height: 60px;
	margin: auto;
}
.conrightbot .item .text{
	float: left;
	width: calc(100% - 60px);
	padding-left: 17px;
	min-height: 60px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}
.conrightbot .item .text label{
	float: left;
	width: 100%;
	font-size: 17px;
}
.conrightbot .item .text span{
	float: left;
	width: 100%;
	font-weight: 600;
	font-size: 16px;
}
.sliderformtext{
	float: left;
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
	text-align: left;
}
.sliderformtext img{
	height: 50px;
	float: left;
	width: 50px;
	margin-bottom: 15px;
}
.sliderformtext h3{
	float: left;
	width: 100%;
	font-size: 21px;
	font-weight: bold;
}
.sliderformtext span{
	float: left;
	width: 100%;
	color: #837FB0;
	max-width: 530px;
}
.homesectiontwos{
	float: left;
	width: 100%;
	padding: 70px 0;
}
.homesectiontwos h4{
	float: left;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 40px;
}
.homesectiontwos .item{
	float: left;
	width: 100%;
	height: 100%;
	background: #28225D;
	border: 1px solid #2B246E;
	border-radius: 3px;
	padding: 20px 15px;
	display: flex;
}
.homesectiontwos .col-md-4{
	margin-bottom: 15px;
}
.homesectiontwos .item .icon{
	float: left;
	width: 85px;
	height: 85px;
	border-radius: 50%;
	background: #37316E;
	line-height: 85px;
	text-align: center;
	top: auto;
	bottom: auto;
	margin: auto;
}
.homesectiontwos .item .text{
	float: left;
	width: calc(100% - 90px);
	padding-left: 15px;
}
.homesectiontwos .item .text h3{
	float: left;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}
.homesectiontwos .item .text span{
	float: left;
	width: 100%;
	color: #837FB0;
	line-height: 19px;
}
.homesectiontwos .col-md-4{
	padding-left: 7px;
	padding-right: 7px;
}
.roaditem{
	float: left;
	width: 100%;
	position: relative;
}
.roaditem .icon{
	width: 120px;
	height: 120px;
	margin: 0 auto;
	background: #37316E;
	text-align: center;
	line-height: 120px;
	border-radius: 50%;
	margin-bottom: 25px;
}
.roaditem h6{
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.roaditem span{
	width: 100%;
	text-align: center;
	color: #837FB0;
	float: left;
	line-height: 19px;
}
.hmscthreecnt .hm_section_three{
	padding: 70px 30px;
}
.roadsection .col-md-3{
	padding-left: 30px;
	padding-right: 30px;
}
.roadsection .col-md-3:nth-child(1){
	margin-top: 130px;
}
.roadsection .col-md-3:nth-child(3){
	margin-top: 130px;
}
.roadsection .col-md-3:nth-child(1) .roaditem::before{
	content: "";
	border-bottom: 2px dashed #37316E;
	width: 100%;
	position: absolute;
	transform: rotate(154deg);
	top: -1px;
	float: right;
	left: 150px;
}
.roadsection .col-md-3:nth-child(3) .roaditem::before{
	content: "";
	border-bottom: 2px dashed #37316E;
	width: 100%;
	position: absolute;
	transform: rotate(154deg);
	top: -1px;
	float: right;
	left: 150px;
}
.roadsection .col-md-3:nth-child(2) .roaditem::before{
	content: "";
	border-bottom: 2px dashed #37316E;
	width: 100%;
	position: absolute;
	transform: rotate(26deg);
	top: 116px;
	float: right;
	left: 160px;
}
.roadsection{
	margin-bottom: 30px;
}
.top_left_menu ul li{
	float: left;
	margin-right: 20px;
}
.top_left_menu .dropdown-menu{
	margin-top: -10px;
	border:0;
}
.top_left_menu .dropdown-menu li{
	float: left;
	width: 100%;
}
.top_left_menu .dropdown-menu li a{
	line-height: initial;
	padding: 5px 10px;
}

.top_right_menu{
	float: left;
	width: 30%;
	line-height: 70px;
	padding-left: 5%;
}
.top_left_menu ul li a{
	text-decoration: none;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	transition: 0.3s;
	padding: 0px;
}
.top_left_menu .dropdown:hover .dropdown-menu{
	display: block;
}
.top_left_menu ul li a:hover{
	text-decoration: underline;
}
.dropdown-menu  li a:hover{
	background: transparent;
	color: #34D670;
}
.top_right_menu ul li{
	float: left;
	margin-right: 20px;
}
.top_right_menu ul li a{
	text-decoration: none;
	color: #000B1B;
	font-weight: normal;
	font-size: 16px;
	transition: 0.3s;
}
.nav-link:focus, .nav-link:hover{
	color: #088D62;
}
.top_right_menu ul li a:hover{
	color: #088D62;
}
.head_slider{
	float: left;
	width: 100%;
	background: #171717;
	padding-bottom: 90px;
}
.head_slider_left h1{
	float: left;
	width: 100%;
	font-size: 31px;
	font-weight: bold;
	color: #000B1B;
	margin-bottom: 10px;
}
.head_slider_left h1 span{
	color: #0AAA77;
	position: relative;
	z-index: 1;
}
.head_slider_left h1 span::after{
	content: '';
	height: 10px;
	width: 100%;
	background: #D6FBEF;
	position: absolute;
	bottom: 6px;
	left: 0px;
	border-radius: 5px;
	z-index: -1;
}
.head_slider_left{
	float: right;
	width: 100%;
	padding-top: 13%;
	padding-left: 15%;
	padding-right: 50px;
	padding-bottom: 110px;
	max-width: 940px;
}
.head_slide_img{
	float: left;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.head_slide_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.head_slide_btn{
	padding: 15px 20px;
	float: left;
	margin-right: 20px;
	background: #0AAA77;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
	text-align: center;
	transition: 0.3s;
	border:2px solid transparent;
}
.head_slide_btn:hover{
	background: transparent;
	border:2px solid #0AAA77;
	color: #333;
}
.head_slider_left h6{
	float: left;
	width: 100%;
	margin-bottom: 25px;
	font-size: 17px;
	font-weight: normal;
}
.head_tanitim_bar{
	float: left;
	padding: 13px 10px;
	cursor: pointer;
}
.head_tanitim_bar span{
	font-size: 17px;
	font-weight: 600;
	transition: 0.4s;
}
.head_tanitim_bar:hover span{
	color: #0AAA77;
}
.hm_section_one{
	float: left;
	width: 100%;
	background: url(../img/homefivescbg.jpg);
	background-size: cover;
	padding: 70px 0px;
	position: relative;
}
.hm_section_one::before{
	content: "";
	width: 100%;
	height: 100%;
	background: #303030;
	opacity: 0.68;
	position: absolute;
	left: 0;
	top: 0;
}
.hm_section_one .container{
	position: relative;
}
.hm_section_one h6{
	float: left;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
}
.hm_sc_one_item{
	float: left;
	width: 100%;
	border-radius: 5px;
	padding: 20px;
	border: 1px solid #787878;
	cursor: pointer;
	transition: 0.5s;
	height: 100%;
}
.sctwoimg{
	position: relative;
}
.sctworight{
	margin-top: 45px;
}
.sctwoimg img::before{
	content: "";
	background: #4439B5;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.20;
}
.hm_sc_one_icon{
	width: 80px;
	height: 80px;
	border-radius: 10px;
	text-align: center;
	line-height: 80px;
	margin:0 auto;
}
.hm_section_one .col-md-6 h2{
	float: left;
	width: 100%;
	font-size: 28px;
	font-weight: bold;
	color: #000B1B;
	margin-bottom: 30px;
}
.hm_section_one .col-md-6 h2 span{
	color: #0AAA77;
}
.hm_section_one .col-md-6 h3{
	float: left;
	width: 100%;
	font-weight: normal;
	font-size: 17px;
	margin-bottom: 30px;
	padding-left: 20px;
}
.hm_sc_one_text{
	float: left;
	width: 100%;
	margin-top: 15px;
}
.hm_sc_one_text h4{
	float: left;
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
}
.hm_sc_one_text p{
	float: left;
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: normal;
	font-size: 15px;
	line-height: 17px;
	margin-bottom: 0px;
}
.hm_section_one .col-md-3{
	padding-right: 8px;
	padding-left: 8px;
}
.hm_section_two{
	float: left;
	width: 100%;
	padding: 80px 0px;
}
.hm_two_right_top{
	float: left;
	padding: 20px 30px;
	background-color: #FFFFFF;
	border-radius: 5px;
	width: 100%;
	margin-bottom: 25px;
	margin-top: 20px;
}
.hm_two_right_top h5{
	float: left;
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	color: #0AAA77;
	margin-bottom: 7px;
}
.hm_two_right_top span{
	float: left;
	width: 100%;
	font-size: 15px;
	color: #000B1B;
	font-weight: normal;
}
.hm_two_right .col-md-4 h6{
	float: left;
	width: 100%;
	font-size: 20px;
	font-weight: normal;
	color: #000B1B;
	margin-bottom: 2px;
}
.hm_two_right .col-md-4 b{
	float: left;
	margin-right: 10px;
	color: #0AAA77;
	font-size: 20px;
}
.hm_two_right .col-md-4 span{
	float: left;
	color: #000B1B;
	font-size: 15px;
	font-weight: normal;
	margin-top: 3px;
}
.hm_two_right_bot{
	float: left;
	width: 90%;
}
.hm_two_sc_img{
	float: left;
	width: 100%;
	border-radius: 5px;
	padding: 40px;
	position: relative;
	background: #F5FFFC;
}
.hm_two_sc_img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.hm_two_sc_img::before{
	content: '';
	background: #C5ECE0;
	width: 100%;
	height: 100%;
	position: absolute;
	left: -20px;
	z-index: -1;
	top: -20px;
	border-radius: 5px 360px 5px 5px;
}
.hm_sc_left{
	float: left;
	width: 100%;
	padding: 0px 60px;
}
.hmscthreecnt h4{
	float: left;
	width: 100%;
	text-align: center;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 35px;
	margin-top: 40px;
}
.hm_section_three{
	float: left;
	width: 100%;
	background: #201B4D;
	border: 1px solid #2B246E;
	padding-top: 50px;
	border-radius: 3px;
}
.sc_three_left{
	float: left;
	width: 100%;
	padding-top: 70px;
	padding-right: 10px;
}
.hm_three_right{
	float: right;
	width: calc(100% - 40px);
	height: 100%;
	background: #fff;
	padding: 12px;
	padding-bottom: 0px;
	padding-top: 50px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}
.hm_three_right img{
	width: 100%;
	height: 100%;
}
.sc_three_left h3{
	float: left;
	width: 100%;
	font-weight: bold;
	font-size: 27px;
	color: #fff;
}
.sc_three_left span{
	float: left;
	width: 90%;
	font-weight: normal;
	font-size: 16px;
	color: #fff;
	margin-bottom: 30px;
}
.sc_three_bot{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.sc_three_item{
	float: left;
	width: 100%;
	background: #fff;
	border-radius: 5px;
	padding: 15px 7px;
}
.sc_three_icon{
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
.sc_three_bot h3{
	float: left;
	width: 100%;
	text-align: center;
	color: #000B1B;
	font-weight: 600;
	font-size: 15px;
}
.sc_three_left .col-md-4{
	padding-right: 5px;
	padding-left: 5px;
}
.sc_three_bot span{
	float: left;
	width: 100%;
	font-weight: normal;
	font-size: 15px;
	color: #000B1B;
	text-align: center;
	margin-bottom: 0px;
}
.hm_section_four{
	float: left;
	width: 100%;
	background: #F9F9F9;
	padding-bottom: 0;
}
.sc_four_content{
	float: left;
	width: 100%;
}
.sc_four_left{
	float: left;
	width: 100%;
	padding: 80px 80px;
	padding-right: 40px;
}
.sc_four_left h3{
	float: left;
	width: 100%;
	color: #1C2242;
	font-size: 35px;
	font-weight: bold;
}
.sc_four_left span{
	float: left;
	width: 100%;
	font-size: 17px;
	font-weight: normal;
	color: #1C2242;
	margin-top: 10px;
	line-height: 24px;
}
.head_slider .sc_four_left h3{
	color: #fff;
}
.head_slider .sc_four_left span{
	color: #fff;
}
.demoaccobtn{
	float: left;
	background: rgb(31,31,31);
	background: linear-gradient(97deg, rgba(31,31,31,1) 0%, rgba(83,83,83,1) 78%);
	border-radius: 5px;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	padding: 17px 25px;
	margin-top: 25px;
	transition: all 0.7s;
}
.demoaccobtn:hover{
	background: rgb(31,31,31);
	background: linear-gradient(27deg, rgba(31,31,31,1) 0%, rgba(83,83,83,1) 78%);
}
.head_slider .starlist{
	float: left;
	margin-top: 20px;
}
.head_slider .starlist .star{
	width: 20px;
	height: 20px;
	background: url(../img/staricon.svg);
	background-size: contain;
	background-repeat: no-repeat;
	float: left;
	margin-right: 3px;
}
.head_slider .sctworight{
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
	margin-top: 50px;
}
.head_slider h6{
	float: left;
	color: #fff;
	margin-top: 22px;
	margin-left: 15px;
}
.sc_four_left img{
	height: 60px;
}
.sc_four_right{
	float: right;
	width: 100%;
	margin-top: 70px;
}
.sc_four_right img{
	width: 100%;
	height: 100%;
	margin-top: -20px;
	object-fit: contain;
}
.sc_four_item{
	float: left;
	width: 100%;
	background: #0AAA77;
	border-radius: 50px;
	padding: 40px 30px;
}
.sc_four_bot{
	float: left;
	width: 100%;
	padding: 20px 20px;
	margin-top: 20px;
}
.sc_four_item h5{
	float: left;
	width: 100%;
	font-size: 20px;
	font-weight: 300;
	color: #FFFFFF;
}
.star_list{
	float: left;
	width: 100%;
}
.star_item{
	float: left;
	width: 16px;
	margin-right: 3px;
	height: 16px;
	background: url(../img/star_icon.svg);
	background-size: contain;
}
.star_list small{
	float: left;
	color: #fff;
	margin-top: -2px;
	margin-left: 3px;
	font-weight: 300;
}
.star_item.active{
	filter: brightness(0) invert(1);
}
.hm_section_five{
	float: left;
	width: 100%;
	background: #201A50;
	padding-top: 50px;
	margin-bottom: 250px;
}
.hm_section_five h4{
	float: left;
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 26px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.hm_section_five h4 b{
	color: #FF923E;
}
.hm_section_five span{
	float: left;
	width: 100%;
	padding: 0 10%;
	text-align: center;
	color: #fff;
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 20px;
}
.download_bar_home{
	float: left;
	width: 100%;
	padding: 0px 25%;
	margin-bottom: 40px;
}
.download_bar_home .col-md-4 img{
	width: 100%;
	cursor: pointer;
}
.inox_hometrader_img{
	float: left;
	width: 100%;
	padding: 0px 20%;
	margin-bottom: -170px;
}
.inox_hometrader_img img{
	width: 100%;
}
.footer{
	float: left;
	width: 100%;
	height: auto;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color: #fff;
	padding-bottom: 100px;
	padding-top: 170px;
	overflow: hidden;
	position: relative;
}
.footer__bg {
	position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 380px;
    background: rgb(31,31,31);
	background: linear-gradient(185deg, rgba(31,31,31,1) 0%, rgba(83,83,83,1) 95%);
    transform: skewY(-4deg);
    transform-origin: top right;
}
.footer::before{
	content: "";
	background: rgb(41, 40, 40);
	transform: skewY(-4deg);
    transform-origin: top right;
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: -10px;
	z-index: 1;
}
.footer::after{
	content: "";
    background: rgb(41, 40, 40);
    transform: skewY(105deg);
    transform-origin: top right;
    width: 90px;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.odealogo{
	background: url(../img/maxsoftlab_logo.svg);
    height: 58px;
    width: 121px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: -114px;
}
.footer .container{
	position: relative;
	z-index: 2;
}
.footer_app_item{
	float: left;
	width: 100%;
	cursor: pointer;
	padding-right: 30px;
	margin-bottom: 10px;
}
.footer_app_item img{
	width: 100%;
}
.footer_logo{
	background: url(../img/footer_logo.svg);
    width: 100%;
    background-position: center;
    height: 160px;
    max-width: 203px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    margin-top: -50px;
}
.footer_social{
	float: left;
	width: 100%;
	margin-top: -20px;
	padding: 0px 30%;
}
.footer_social ul li{
	float: left;
	width: 43px;
	height: 43px;
	background-color: #37316E;
	border-radius: 5px;
	margin-right: 5px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}
.footer_menu_item{
	float: left;
	width: 100%;
}
.footer_menu_item label{
	float: left;
	width: 100%;
	font-size: 19px;
	color: #fff;
	font-weight: bold;
}
.footer_menu_item ul li a{
	color: #fff;
	font-weight: normal;
	font-size: 16px;
	transition: 0.3s;
}
.footer_menu_item ul li a:hover{
	text-decoration: underline;
}
.footer_info{
	float: left;
	width: 100%;
	padding: 20px 30px;
	margin-top: 30px;
	margin-bottom: -20px;
	background: #241E53;
}
.footer_info h6{
	float: left;
	width: 100%;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
}
.footer_info span{
	float: left;
	width: 100%;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
}
.footer_bottom{
	float: left;
	width: 100%;
	padding: 10px;
	text-align: center;
	background: #2E3458;
}
.footer_bottom img{
	height: 20px;
}
.acoo_section{
	float: left;
    width: 100%;
    background: url(../img/contactbg.jpg);
    background-position: center;
    background-size: cover;
    padding: 70px 20px;
    display: flex;
    flex-flow: column;
    justify-content: center;
	position: relative;
}
.acoo_section::before {
    content: "";
    background: #171717;
    opacity: 0.75;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.acoo_section .container{
	position: relative;
}
.acolefttext{
	float: left;
	width: 100%;
	padding: 50px 10px;
	color: #fff;
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
}
.acolefttext h4{
	float: left;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
}
.acolefttext p{
	float: left;
	width: 100%;
	font-size: 18px;
	max-width: 600px;
}
.acolefttext .item{
	float: left;
	margin-top: 15px;
	margin-right: 40px;
}
.acolefttext .item svg{
	float: left;
	margin-right: 10px;
}
.acolefttext .item span{
	font-weight: 600;
}
.acoo_right{
	float: left;
	width: 100%;
	background: #201F1F;
	padding: 50px 40px;
	border-radius: 5px;
}
.acoo_right .formdetail{
	background: transparent;
}
.acoo_right .formdetail .formitem input{
	background: #171717;
	border-radius: 5px;
}
.acoo_right h4{
	float: left;
	width: 100%;
	font-size: 21px;
	font-weight: 700;
	color: #fff;
}
.acoo_right span{
	float: left;
	width: 100%;
	color: #837FB0;
	line-height: 21px;
	font-size: 15px;
	margin-bottom: 25px;
}
.acoo_item{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.acoo_item input{
	float: left;
	width: 100%;
	padding: 13px;
	background: #F5F8F7;
	border-radius: 10px;
	border:0;
}
.acoo_right .formdetail{
	padding: 0;
}
.acoo_right .formdetail .formitem label{
	color: #fff;
}
.acoo_item input::placeholder{
	color: #DBDEDD;
	font-size: 400;
}
.acoo_submit_btn{
	float: left;
	width: 100%;
	padding: 13px;
	font-size: 17px;
	font-weight: 600;
	color: #fff;
	border:0;
	border-radius: 10px;
	background: #0AAA77;
	margin-top: 5px;
	transition: 0.3s;
}
.acoo_submit_btn:hover{
	background: #088D62;
}
.acoo_left{
	float: left;
	width: 100%;
	height: 100%;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	position: relative;
}
.acoo_left::before{
	content: "";
	width: 100%;
	height: 100%;
	background: #4439B5;
	opacity: 0.25;
	position: absolute;
	left: 0;
	top: 0;
}
.acoo_left img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.acoo_section .col-md-7{
	padding-right: 0px;
}
.acoo_section .col-md-5{
	padding-left: 0px;
}
.acoo_img{
	width: 400px;
	height: 400px;
	border-radius: 50%;
	margin: auto auto;
	overflow: hidden;
	position: relative;
	top: calc(50% - 200px);
	z-index: 9;
}
.acoo_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.acoo_left h4{
	float: left;
	width: 100%;
	color: #fff;
	position: absolute;
	font-size: 31px;
	font-weight: bold;
	left: 40px;
	bottom: 20px;
	z-index: 9999;
}
.plat_section{
	float: left;
	width: 100%;
}
.plat_section_top{
	float: left;
	width: 100%;
	border-radius: 3px;
	background: url(../img/platformone.jpg);
	background-position: center;
	background-size: cover;
	position: relative;
	padding: 60px 30px;
	padding-bottom: 0;
}
.plat_section_top .container{
	position: relative;
}
.plat_section_top::before{
	content: "";
	background: #171717;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.75;
}
.plat_top_left{
	float: left;
    width: 100%;
    padding: 50px;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.plat_top_left h4{
	float: left;
	width: 100%;
	color: #fff;
	font-size: 33px;
	font-weight: bold;
}
.plat_top_left span{
	float: left;
	width: 100%;
	font-size: 17px;
	font-weight: normal;
	display: block;
	line-height: initial;
	color: #fff;
	margin-bottom: 60px;
}
.plat_top_right{
	float: left;
	width: 100%;
	height: 100%;
	border-radius: 50px;
	overflow: hidden;
	position: relative;
}
.plat_top_right img{
	width: 100%;
	height: 340px;
	object-fit: contain;
}
.img_bann_plat{
	background: url(../img/plat_img.svg);
	width: 60%;
	background-size: contain;
	background-repeat: no-repeat;
	height: 70px;
	position: absolute;
	opacity: 0.9;
	bottom: 20px;
	left: 20px;
	cursor: pointer;
}
.plat_section_two{
	float: left;
	width: 100%;
	background: url(../img/platsectionthree.jpg);
	background-position: center;
	background-size: cover;
	padding: 60px 50px;
	border-radius: 3px;
	position: relative;
	margin-bottom: 70px;
}
.plat_section_two .container{
	position: relative;
}
.plat_section_two::before{
	content: "";
	background: rgb(31,31,31);
background: linear-gradient(185deg, rgba(31,31,31,1) 0%, rgba(83,83,83,1) 95%);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.75;
}
.home .plat_section_two{
	background: rgb(31,31,31);
background: linear-gradient(185deg, rgba(31,31,31,1) 0%, rgba(83,83,83,1) 95%);
	padding: 30px 50px;
}
.plat_two_img{
	float: left;
	width: 100%;
	height: 100%;
	padding: 40px;
}
.plat_two_img img{
	width: 100%;
	height: 300px;
	margin-top: 15px;
}
.plat_two_right{
	float: left;
	width: 100%;
	padding-top: 60px;
}
.plat_two_right .hrlogo{
	height: 40px;
	margin-bottom: 15px;
}
.plat_two_right h3{
	float: left;
	width: 100%;
	color: #1C2242;
	font-size: 34px;
	font-weight: bold;
}
.plat_two_right span{
	float: left;
	width: 90%;
	font-weight: normal;
	font-size: 17px;
	display: block;
	color: #1C2242;
	line-height: initial;
}
.plat_two_right2 h3{
	float: left;
	width: 100%;
	color: #fff;
	font-size: 34px;
	font-weight: bold;
}
.plat_two_right2 span{
	float: left;
	width: 90%;
	font-weight: normal;
	font-size: 17px;
	display: block;
	color: #fff;
	line-height: initial;
}
.plat_two_right .download_bar_home{
	padding: 0px;
	width: 80%;
	margin-top: 20px;
}
.plat_section_three{
	float: left;
	width: 100%;
	background: #fff;
	border-radius: 3px;
	padding: 40px 50px;
	padding-left: 90px;
}
.plat_section_three .plat_two_right{
	float: left;
    width: 100%;
    padding-top: 60px;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.homsectionseven{
	float: left;
	width: 100%;
	background: #F9F9F9;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	margin-bottom: 50px;
}
.homsectionseven h4{
	float: left;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #1C2242;
}
.homsectionseven span{
	float: left;
	width: 100%;
	margin-top: 5px;
}
.homsectionseven .text{
	padding: 70px 60px;
	float: left;
	width: 100%;
	position: relative;
}
.homsectionseven::after{
	content: "";
	background: url(../img/sectionsevenbg.png);
	width: 50%;
	height: 100%;
	position: absolute;
	right: -70px;
	top: 0;
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
}
.plat_section_three .plat_two_img{
	padding: 25px;
}
.homesceight{
	float: left;
	width: 100%;
	padding: 120px 0;
}
.homesceight .contain{
	float: left;
	width: 100%;
	border-radius: 5px;
	background: rgb(31,31,31);
	background: linear-gradient(185deg, rgba(31,31,31,1) 0%, rgba(83,83,83,1) 95%);
	position: relative;
}
.sceightimg{
	float: left;
	width: 100%;
	height: 100%;
	padding-left: 50px;
	position: relative;
	object-fit: contain;
}
.sceightimg img{
	width: 100%;
	height: calc(100% + 100px);
	position: absolute;
	margin-top: -100px;
	object-fit: contain;
}
.homesceight .text{
	float: left;
	width: 100%;
	padding: 50px 0;
	padding-left: 60px;
	padding-right: 30px;
}
.homesceight .text h5{
	float: left;
	width: 100%;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}
.homesceight .text span{
	float: left;
	width: 100%;
	color: #fff;
	max-width: 500px;
}
.homesceight .text .row{
	float: left;
	width: 100%;
	margin-top: 20px;
}
.homesceight .icon{
	float: left;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	background: #2B2B2B;
	text-align: center;
	line-height: 75px;
}
.homesceight .texts{
	float: left;
	width: calc(100% - 75px);
	padding-left: 20px;
}
.homesceight .texts h4{
	float: left;
	width: 100%;
	font-weight: bold;
	color: #fff;
	font-size: 17px;
}
.homesceight .texts h6{
	float: left;
	width: 100%;
	font-weight: normal;
	font-size: 15px;
	color: #fff;
}
.homesceight .col-md-6{
	margin-bottom: 15px;
	margin-top: 15px;
}
.homesectionnine{
	float: left;
	width: 100%;
	padding: 100px 0;
}
.homesectionnine .content{
	float: left;
	width: 100%;
	border-radius: 5px;
	background: #F9F9F9;
	overflow: hidden;
}
.nineimg{
	float: right;
	width: 100%;
	height: 100%;
}
.nineimg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.homesectionnine .text{
	float: left;
	width: 100%;
	padding: 50px;
}
.homesectionnine .text h5{
	float: left;
	width: 100%;
	color: #303030;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}
.homesectionnine .text h6{
	float: left;
	width: 100%;
	color: #303030 ;
	font-size: 17px;
	margin-bottom: 35px;
}
.homesectionnine .text .item{
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.homesectionnine .text .item .icon{
	float: left;
	margin-right: 10px;
	height: 100%;
	display: block;
	width: 30px;
	margin-top: 5px;
}
.homesectionnine .text .item span{
	float: left;
	width: calc(100% - 40px);
	padding-left: 5px;
	font-weight: 500;
	color: #1C2242;
}
.info_page_content{
	float: left;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
}
.info_page_content h2{
	float: left;
	width: 100%;
	font-weight: bold;
	font-size: 22px;
	color: #fff;
	margin-bottom: 25px;
}
.info_page_content p{
	float: left;
	width: 100%;
	font-size: 16px;
	color: #fff;
	font-weight: normal;
}
.bulten_top_section{
	float: left;
	width: 100%;
	padding: 70px 0px;
}
#bulten_tabs li{
	width: 25%;
	padding: 0px 7px;
}
#bulten_tabs li button{
	float: left;
	width: 100%;
	background: #28225D;
	border-radius: 3px;
	padding: 20px 15px;
	font-weight: bold;
	font-size: 16px;
	color: #FF923E;
	font-weight: bold;
	text-align: center;
	border:0;
	transition: 0.9s;
	text-transform: uppercase;
}
#bulten_tabs li button:hover{
	background: #FF923E;
	color: #fff;
}
#bulten_tabs li button.active{
	background: #FF923E;
	color: #fff;
}
.nav-tabs{
	border-bottom: 0px;
}
#bulten_tabs_content{
	float: left;
	width: calc(100% - 10px);
	background: #28225D;
	border-radius: 3px;
	padding: 40px 60px;
	margin-left: 5px;
	margin-top: 25px;
}
#bulten_tabs_content h4{
	float: left;
	width: 100%;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #FF923E;
	margin-bottom: 20px;
}
#bulten_tabs_content p{
	float: left;
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: normal;
	font-size: 16px;
}
.bulten_bot_section{
	float: left;
	width: 100%;
	padding-bottom: 40px;
}
.bulten_bot_section h4{
	float: left;
	width: 100%;
	text-align: center;
	font-size: 23px;
	color: #FF923E;
	font-weight: 600;
	margin-bottom: 25px;
}
.bulten_item{
	float: left;
	width: 100%;
	padding: 20px 30px;
	background: #28225D;
	border-radius: 3px;
	position: relative;
	margin-bottom: calc(var(--bs-gutter-x) * .5);
	margin-top: calc(var(--bs-gutter-x) * .5);
	transition: 0.9s;
}
.bulten_item:hover{
	background: #FF923E;
}
.bulten_section_cons{
	float: left;
	width: 100%;
}
.bulten_icon{
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
}
.bulten_icon img{
	height: 40px;
}
.bulten_text{
	float: left;
	width: 80%;
	text-align: left;
	color: #fff;
	font-size: 19px;
	font-weight: normal;
}
.bulten_text h5{
	font-weight: 600;
	margin-bottom: 0px;
}
.indir{
	background: #FF923E;
	position: absolute;
	right: 10px;
	padding: 16px 15px;
	top: 30%;
	border-radius: 3px;
	cursor: pointer;
}
.indir img{
	width: 25px;
	height: 25px;
}
.spread_section{
	float: left;
	width: 100%;
	background: transparent;
	padding: 50px 0px;
	margin-bottom: 220px;
}
.spread_section h3{
	float: left;
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 23px;
	margin-bottom: 40px;
}
.spread_content{
	float: left;
	width: 100%;
	margin-bottom: -200px;
}
#spread_tabs_content{
	float: left;
	width: 100%;
	background: #201F1F;
	padding: 10px;
	border-radius: 5px;
}
#spread_tabs li button{
	float: left;
	border:0;
	width: 100%;
	background: #292929;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #fff;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	padding: 15px 5px;
	transition: 0.9s;
}
#spread_tabs li button:hover{
	background: #535353;
}
#spread_tabs li button.active{
	background: #656665;
}
#spread_tabs li{
	float: left;
	width: 25%;
	padding: 0px 8px;
}
.spread_menu{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 1px;
}
.spread_title {
	float: left;
	width: 100%;
	padding: 10px 100px;
	color: #fff;
}
.spread_title_left {
	float: left;
	width: 50%;
	text-align: left;
}
.spread_title_right {
	float: left;
	text-align: right;
	width: 50%;
}
.spread_item_left {
	float: left;
	width: 50%;
	text-align: left;
	position: relative;
	padding-left: 65px;
}
.spread_item_right {
	float: left;
	width: 50%;
	text-align: right;
	padding-right: 75px;
}
.spread_item {
	float: left;
	width: 100%;
	padding: 14px 40px;
	background: #414142;
	border-radius: 5px;
	margin-bottom: 9px;
	color: #fff;
}
.trading_section{
	float: left;
	width: 100%;
	background: transparent;
	padding-top: 50px;
	padding-bottom: 150px;
	text-align: center;
	margin-top: 40px;
}
.trading_section h1{
	float: left;
	width: 100%;
	text-align: center;
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 5px;
}
.trading_section span{
	float: left;
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: normal;
	margin-bottom: 30px;
}
.trading_section svg{
	height: 39px;
	margin-bottom: 10px;
}
.trading_content{
	float: left;
	width: 100%;
	background: #201F1F;
	padding: 20px 10px;
	margin-top: -150px;
	margin-bottom: 80px;
	border-radius: 5px;
}
.trading_content table {
	border-collapse: unset;
	width: 100%;
	border-spacing: 0px 5px;
}
.trading_content th{
	color: #fff;
	font-weight: normal;
	cursor: pointer;
}
th, td {
	text-align: center;
	padding: 14px;
	color: #fff;
}
.trading_content tbody tr{
	background: #3b3b3b;
}
.trading_content tbody tr td:nth-child(1){
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.trading_content tbody tr td:nth-last-child(1){
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.about_section_one{
	float: left;
	width: 100%;
	padding-bottom: 50px;
	position: relative;
	background: #171717;
}
.about_section_one_top_img{
	float: right;
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
}
.odeascthree{
	float: left;
	width: 100%;
	overflow: hidden;
	margin: 60px 0;
	background: #171717;
	border-radius: 5px;
}
.abotscthreeimg{
	float: right;
	width: 100%;
	height: 100%;
	position: relative;
}
.abotscthreeimg::before{
	content: "";
	background: #171717;
	opacity: 0.21;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.abotscthreeimg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.odeascthree .text{
	float: left;
	width: 100%;
	padding: 50px;
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
}
.odeascthree .text img{
	height: 40px;
	margin-bottom: 15px;
	float: left;
	width: 150px;
}
.odeascthree .text h3{
	float: left;
	width: 100%;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
}
.odeascthree .text span{
	float: left;
	width: 100%;
	color: #fff;
}
.about_section_one_top_img::before{
	content: "";
	background: #171717;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.45;
}
.about_section_one_top_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.about_section_one_img{
	float: left;
	width: 95%;
	height: 100%;
	border-radius: 3px;
	overflow: hidden;
	position: relative;
}
.about_section_one_img::before{
	content: "";
	background: #2F3B7B;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.62;
}
.about_section_one_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.about_section_one h2{
	float: left;
	width: 100%;
	color: #fff;
	font-weight: bold;
	font-size: 33px;
	padding-top: 50px;
	margin-bottom: 20px;
	margin-top: 40px;
}
.aboutscbar{
	float: left;
	width: 100%;
	padding: 30px 80px;
	background: url(../img/aboutbarbg.jpg);
	background-size: cover;
	background-position: center;
	border-radius: 3px;
	color: #fff;
	position: relative;
}
.aboutscbar::before{
	content: "";
	background: #171717;
	opacity: 0.64;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.aboutscbar h5{
	font-size: 33px;
	font-weight: bold;
	margin-bottom: 0px;
}
.home .aboutscbar{
	background: #201F1F;
	margin-top: 0px;
	border-radius: 0;
}
.home .aboutscbar::before{
	display: none;
}
.home .aboutscbar span{
	color: #fff;
}
.about_section_one span{
	float: left;
	width: 90%;
	color: #FFFFFF;
	font-weight: normal;
	margin-bottom: 50px;
}
.sec_one_itemlist{
	float: left;
	width: 100%;
	margin-top: 50px;
}
.about_item{
	float: left;
	width: 100%;
}
.about_section_onealt{
	background: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
}
.about_section_onealt h2{
	color: #1C2242;
	margin-top: 10px;
}
.about_section_onealt span{
	color: #1C2242;
	margin-bottom: 10px;
}
.about_section_onealt .about_section_one_img{
	height: 360px;
}
.about_section_onealt .about_section_one_img::before{
	display: none;
}

.about_item_icon{
	float: left;
	width: 60px;
	height: 60px;
	border-radius: 10px;
	background: #fff;
	text-align: center;
	line-height: 60px;
}
.about_item h6{
	float: left;
	width: 100%;
	font-size: 16px;
	font-weight: 300;
	margin-top: 10px;
}
.about_item h5{
	float: left;
	font-weight: bold;
	font-size: 20px;
	color: #000B1B;
	margin-left: 15px;
	margin-top: 17px;
}
.about_section_two{
	float: left;
	width: 100%;
	background: url(../img/people-in-the-office.jpg);
	padding: 50px 0px;
	margin-bottom: 40px;
	position: relative;
}
.about_section_two::before{
	content: "";
	background: #241E53;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.75;
}
.about_section_two h2{
	float: left;
	width: 100%;
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 25px;
	text-align: center;
	position: relative;
}
.aboutscbar .container{
	padding: 0px 50px;
	position: relative;
}
.about_section_two h2 label{
	color: #FF923E;
}
.about_section_two p{
	float: left;
	width: 100%;
	font-size: 17px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	position: relative;
}
.contact_top_section{
	float: left;
	width: 100%;
	background: transparent;
	padding-top: 70px;
}
.contact_top_section h1{
	float: left;
	width: 100%;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	margin-bottom: 5px;
}
.contact_top_section span{
	float: left;
	width: 100%;
	color: #000B1B;
	font-weight: normal;
	font-size: 17px;
	margin-bottom: 30px;
}
.contact_item{
	float: left;
	width: 100%;
	padding: 30px 25px;
	background: #312B6A;
	height: 100%;
	transition: all 0.7s;
	position: relative;
}
.contact_item:hover{
	background: url(../img/hovercontent.jpg);
	background-size: cover;
}
.contact_item:hover::before{
	content: "";
	background: #312B6A;
	width: 100%;
	height: 100%;
	opacity: 0.39;
	position: absolute;
	left: 0;
	top: 0;
}
.contact_item h5{
	float: left;
	width: 100%;
	color: #FFFFFF;
	font-weight: 600;
	font-size: 22px;
	position: relative;
}
.contact_item h6{
	font-size: 15px;
	float: left;
	width: 100%;
	font-weight: normal;
	color: #fff;
	position: relative;
}
.contact_icons{
	float: left;
	width: 100%;
	margin-top: 10px;
	position: relative;
}
.contact_icon{
	background: #2A245D;
	border-radius: 3px;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 47px;
	float: left;
}
.contact_text{
	float: left;
	width: calc(100% - 50px);
	padding-left: 5%;
	min-height: 50px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	color: #fff;
}
.contact_list{
	float: left;
	width: 100%;
	margin-bottom: -40px;
}
.context_bot_section{
	float: left;
	width: 100%;
	background: url(../img/contactbg.jpg);
	background-position: center;
	background-size: cover;
	padding: 70px 20px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	position: relative;
}
.context_bot_section::before{
	content: "";
	background: #303030;
	opacity: 0.75;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.context_bot_section .container{
	position: relative;
}
.context_bot_section .formdetail{
	color: #fff;
	margin: 0 auto;
	max-width: 550px;
	float: inherit;
	background: #201F1F;
	border-radius: 5px;
	height: 100%;
	display: flex;
}
.context_bot_section .formdetail .formitem input{
	background: #171717;
	border-radius: 5px;
}
.context_bot_section .formdetail .formitem textarea{
	background: #171717;
	border-radius: 5px;
}

.contact_form{
	float: left;
	width: 100%;
	background: #fff;
	border-radius: 50px;
	padding: 35px 30px;
}
.contact_form h5{
	float: left;
	width: 100%;
	color: #000B1B;
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 15px;
}
.contact_form input{
	float: left;
	width: 100%;
	padding: 15px;
	background: #F6F9FC;
	border-radius: 10px;
	border:0;
	margin-bottom: 8px;
}
.contact_form textarea{
	float: left;
	width: 100%;
	padding: 15px;
	background: #F6F9FC;
	border-radius: 10px;
	border:0;
	margin-bottom: 8px;
	min-height: 110px;
}
.conte_btn{
	float: left;
	width: 100%;
	padding: 15px;
	background: #0AAA77;
	border-radius: 10px;
	font-weight: 600;
	font-size: 17px;
	color: #fff;
	text-align: center;
	border:0;
	transition: 0.3s;
}
.conte_btn:hover{
	background: #088D62;
}
.con_bot_left{
	float: left;
	width: 100%;
	padding: 40px 60px;
}
.con_bot_left h3{
	float: left;
	width: 100%;
	font-size: 27px;
	color: #000B1B;
	font-weight: bold;
}
.con_bot_left h3 label{
	color: #0AAA77;
}
.con_bot_left span{
	float: left;
	width: 100%;
	font-weight: normal;
	font-size: 17px;
	color: #000B1B;
	margin-bottom: 20px;
}
.con_bot_icon{
	float: left;
	width: 100%;
}
.con_bot_icon svg{
	height: 30px;
	width: 30px;
	float: left;
}
.con_bot_icon label{
	float: left;
	font-weight: normal;
	width: calc(70% - 30px);
	padding-left: 5%;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 99;
  top: 0;
 	right: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}
.mobil_menu{
	float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 30px;
    line-height: 65px;
    display: none;
}
.close_btn{
	width: 40px;
    height: 40px;
    font-weight: 500;
    font-size: 35px;
    position: absolute;
    right: 20px;
    top: 20px;
}
#mobil_sidenav ul{
	float: left;
    width: 100%;
    padding: 30px;
    padding-top: 40px;
    padding-right: 20px;
}
#mobil_sidenav ul li{
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
#mobil_sidenav ul li a{
	float: left;
	width: 100%;
	font-weight: 600;
	color: #333;
	display: block;
	line-height: 16px;
	font-size: 17px;
	padding: 0px;
	white-space:normal;
}
#mobil_sidenav .dropdown-menu{
	padding: 20px 10px;
}



@media screen and (max-width: 820px) {

	.top_left_menu{
		display: none!important;
	}
	.top_right_menu{
		display: none;
	}
	.top_logo{
		width: 30%;
	}
	.header_right_text h6{
		font-size: 14px;
	}
	.header_right_text span{
		font-size: 15px;
	}
	.header_right{
		padding: 10px;
	}
	.head_slider_left{
		padding-left: 40px;
		padding-right: 40px;
	}
	.head_tanitim_bar{
		margin-top: 15px;
	}
	.hm_section_one{
		padding: 50px 20px;
	}
	.hm_section_one .col-md-6 h2{
		text-align: center;
	}
	.hm_section_one .col-md-6 h3{
		text-align: center;
	}
	.hm_sc_one_item{
		margin-bottom: 10px;
		height: auto;
	}
	.mobil_menu{
		display: block!important;
	}
	.hm_two_right_bot .col-md-4{
		width: 32%;
	}
	.hm_two_right_bot{
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
	}
	.sc_three_left{
		padding-left: 10px;
		padding-top: 0px;
	}
	.sc_three_item{
		margin-bottom: 10px;
	}
	.hm_three_right{
		width: 100%;
	}
	.sc_four_left{
		padding-left: 40px;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	.sc_four_item{
		margin-bottom: 10px;
	}
	.download_bar_home .col-md-4 img{
		margin-bottom: 10px;
		height: 50px;
	}
	.inox_hometrader_img{
		padding: 0px 10%;
    	margin-bottom: -70px;
	}
	.footer .col-md-4{
		float: left;
		width: 50%;
		margin-bottom: 10px;
	}
	.footer_social{
		margin-bottom: 20px;
	}
	.footer{
		padding-left: 15px;
		padding-right: 15px;
	}
	.footer_app_item{
		float: left;
		width: 48%;
		margin-right: 1%;
	}
	.footer_info span{
		font-size: 15px;
	}
	.footer_social ul{
		padding-left: 15px;
	}
	.head_slider .row{
		float: left;
		width: 100%;
		margin: 0 auto;
	}
	.about_section_one{
		padding-top: 0px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.about_section_one span{
		width: 100%;
		margin-bottom: 20px;
	}
	.about_item{
		margin-bottom: 15px;
	}
	.about_section_two{
		padding: 40px 15px;
	}
	#bulten_tabs li{
		width: 50%;
		margin-bottom: 10px;
	}
	#bulten_tabs li button{
		font-size: 14px;
		font-weight: 500;
	}
	#bulten_tabs_content{
		padding: 40px 15px;
	}
	.contact_top_section{
		padding: 30px 15px;
	}
	.contact_list .col-md-4{
		margin-bottom: 15px;
	}
	.context_bot_section{
		padding: 30px 15px;
	}
	.con_bot_left{
		padding: 40px 15px;
	}
	.con_bot_icon label{
		width: calc(90% - 30px);
	}
	.acoo_section{
		padding: 50px 15px;
	}
	.acoo_left{
		border-radius: 10px;
		overflow: hidden;
		padding: 15px;
	}
	.acoo_left h4{
		left: auto;
		padding: 0px 10px;
		font-size: 27px;
	}
	.acoo_img{
		width: 100%;
		height: 100%;
		top: auto;
	}
	.acoo_section .col-md-7{
		padding-right: calc(var(--bs-gutter-x) * .5);
		margin-bottom: 15px;
	}
	.acoo_section .col-md-5{
		padding-left: calc(var(--bs-gutter-x) * .5);;
	}
	.acoo_right{
		padding: 30px 35px;
	}
	.plat_section_top{
		padding: 10px 0px;
	}
	.plat_top_left{
		padding: 25px 30px;
	}
	.pla_s_vout{
		padding: 0px 35px;
	}
	.img_bann_plat{
		bottom: 0px;
	}
	.plat_two_img{
		padding: 0px;
	}
	.plat_two_right .download_bar_home{
		padding: 0px;
    width: 80%;
    margin: 0 auto;
    float: initial;
	}
	.plat_two_right span{
		margin-bottom: 20px;
	}
	.plat_section_two{
		padding: 40px 30px;
	}
	.plat_two_right h3{
		font-size: 22px;
	}
	.plat_section_three .plat_two_right{
		padding-top: 20px;
	}
	.plat_section_three{
		padding: 35px;
	}
	.info_page_content{
		padding: 45px 18px;
	}
	#spread_tabs li{
		padding: 0px;
	}
	#spread_tabs li button{
		border-top-left-radius: 10px;
    	border-top-right-radius: 10px;
    	font-size: 14px;
    	font-weight: 500;
	}
	.spread_menu{
		width: 96%;
	}
	#spread_tabs_content{
		border-radius: 10px;
	}
	tr{
		line-height: 16px;
	}
	.trading_section{
		padding-left: 20px;
		padding-right: 20px;
	}
	.dropdown-menu li{
		margin-bottom: 15px!important;
	}
	.headright .phone{
		display: none;
	}
	.roadsection .col-md-3:nth-child(2) .roaditem::before{
		display: none;
	}
	.roadsection .col-md-3:nth-child(3) .roaditem::before{
		display: none;
	}
	.roadsection .col-md-3:nth-child(1) .roaditem::before{
		display: none;
	}
	.roadsection .col-md-3:nth-child(1){
		margin-top: auto;
	}
	.roadsection .col-md-3:nth-child(3){
		margin-top: auto;
	}
	.roadsection .col-md-3{
		margin-top: auto;
		margin-bottom: 35px;
	}
	body::before{
		display: none;
	}
	body::after{
		display: none;
	}
	.mobil_menu{
		line-height: normal;
		float: right;
		color: #fff;
		margin-right: 12px;
		margin-top: 5px;
	}
	.langitem{
		margin-top: 2px;
	}
	.logo{
		width: 40%;
		height: 34px;
		margin-left: 20px;
	}
	.sc_four_right{
		margin-top: 30px;
	}
	.homeformarea{
		margin-top: 120px;
		text-align: center;
		padding: 40px 0;
	}
	.head_slider{
		max-height: auto;
	}
	.sliderformtext{
		margin-bottom: 70px;
		justify-content: space-evenly;
		text-align: center;
	}
	.sliderformtext img{
		float: inherit;
		margin: 0 auto;
		margin-bottom: 25px;
	}
	.sliderformtext h3{
		margin-bottom: 0;
	}
	.formdetail .formitem label{
		float: left;
		width: 100%;
		text-align: left;
	}
	.formdetail .col-md-6:nth-child(1){
		padding-right: calc(var(--bs-gutter-x) * .5);
	}
	.formdetail .col-md-6:nth-child(2){
		padding-left: calc(var(--bs-gutter-x) * .5);
	}
	.homesectiontwos h4{
		font-size: 21px;
	}
	.homesectiontwos{
		padding: 50px 10px;
	}
	.hmscthreecnt h4{
		font-size: 21px;
	}
	.about_section_one_img{
		margin-top: 40px;
		width: 100%;
	}
	.aboutscbar{
		padding: 20px 30px;
	}
	.aboutscbar .col-md-3{
		width: 50%;
		margin-bottom: 30px;
	}
	.about_section_two p{
		font-size: 15px;
	}
	th, td{
		padding: 14px 5px;
	}
	.headcreatbtn{
		display: none;
	}
	.home .header .container{
		height: 65px;
	}
	.header{
		padding-bottom: 12px;
	}
	.home .header{
		padding-bottom: 0;
	}
	.head_slider h6{
		margin-left: 0;
	}
	.head_slider .sctworight{
		padding: 0px 15px;
		margin-bottom: 90px;
	}
	.homeareasteps .row .col-md-4:nth-child(2) .item::after{
		display: none;
	}
	.homeareasteps .row .col-md-4:nth-child(1) .item::after{
		display: none;
	}
	.sceightimg{
		display: none;
	}
	.acolefttext .item{
		margin-left: 20px;
	}
	.homeareasteps .item{
		margin-bottom: 15px;
		height: auto;
	}
	.homeareasteps h3{
		font-size: 21px;
		margin-bottom: 50px;
	}
	.homeareasteps .item h5{
		font-size: 21px;
	}
	.homeareasteps{
		padding: 50px 0;
	}
	.homesceight .text{
		padding-left: 20px;
		padding-right: 10px;
	}
	.homesectionnine .text{
		padding: 50px 25px;
	}
	.plat_two_right{
		padding-top: 20px;
	}
	.homsectionseven::after{
		display: none;
	}
	.footer__bg{
		height: 100%;
	}
	.footer{
		padding-top: 70px;
	}
	.footer_app_item{
		margin-top: 20px;
	}
	.odealogo{
		width: 100%;
		height: 20px;
		background-position: center;
		bottom: -80px;
	}
	.footer::before{
		left: 0;
	}
	.footer::after{
		width: 100%;
	}
	.about_section_one h2{
		margin-top: 10px;
	}
	.about_section_one_top_img{
		position: relative;
		width: 100%;
	}
	.about_section_onealt h2{
		font-size: 24px;
	}
	.plat_section_three .plat_two_img{
		padding: 0;
	}
	#spread_tabs li{
		width: 23%;
		margin-right: 2%;
	}
	.sidenav .nav-list{
		display: block!important;
	}
	.sidenav ul li{
		float: left;
		width: 100%;
		padding: 10px;
		margin-bottom: 5px;
	}
	.sidenav ul li a{
		color: #263238;
		font-size: 19px;
	}
	#mobil_sidenav ul li ul{
		margin-top: 15px;
		padding: 5px;
	}
	nav ul li ul li{
		line-height: 20px!important;
		margin-bottom: 0!important;
	}
	.nav-dropdown{
		background: #dedede!important;
	}
}

@media (min-width:768px) and (max-width:820px){
	.top_logo{
		width: 30%;
	    background-size: contain;
	    background-position: left;
	}
	.hm_section_one .col-md-3{
		width: 50%;
	}
	.hm_sc_left{
		padding: 0px 30px;
	}
	.hm_section_three .col-md-7{
		width: 100%;
	}
	.hm_section_three .col-md-5{
		display: none;
	}
	.sc_four_item h5{
		font-size: 16px;
	}
	.sc_four_item{
		height: 100%;
		padding: 30px 20px;
	}
	.sc_four_bot .col-md-4{
		padding-left: 5px;
		padding-right: 5px;
	}
	.sc_four_content .col-md-6{
		width: 100%;
	}
	.sc_four_right{
		display: none;
	}
	.footer_app_item{
		width: 100%;
	}
	.footer_social{
		padding: 0px 20px;
	}
	.mobil_menu{
		margin-right: 15px;
	}
	.bulten_section_cons .col-md-4{
		width: 50%;
	}
	.contact_list .col-md-4{
		width: 50%;
	}
	.contact_form{
		padding: 35px 15px;
	}
	.acoo_section .col-md-7{
		padding-right: 0px;
	}
	.acoo_section .col-md-5{
		padding-left: 0px;
	}
	.acoo_section .col-md-7{
		margin-bottom: 0px;
	}
	.plat_two_img img{
		margin-top: 50px;
	}
	.download_bar_home .col-md-4{
		width: 50%;
	}
	
}

  nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
  }
  nav ul li {
	float: left;
	position: relative;
  }
  nav ul li a:not(:only-child):after,
  nav ul li a:visited:not(:only-child):after {
	padding-left: 4px;
	content: " ▾";
  }
  nav ul li ul li {
	min-width: 190px;
	float:left;
	width:100%;
	line-height: 35px;
  }
  nav ul li ul li a {
	padding: 10px;
	line-height: 20px;
	width: 100%;
  }
  nav ul li ul{
	padding: 10px 20px;
  }
  
  .nav-dropdown {
	position: absolute;
	display: none;
	z-index: 1;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
	background: #1e1e1e;
	border-radius: 5px;
  }
  
  @media only screen and (max-width: 798px) {
	.nav-mobile {
	  display: block;
	}
  
	nav {
	  width: 100%;
	  padding: 70px 0 15px;
	}
	nav ul {
	  display: none;
	}
	nav ul li {
	  float: none;
	}
	nav ul li a {
	  padding: 15px;
	  line-height: 20px;
	}
	nav ul li ul li a {
	  padding-left: 30px;
	}
  
	.nav-dropdown {
	  position: static;
	}
  }
  @media screen and (min-width: 799px) {
	.nav-list {
	  display: block !important;
	}
  }
  #nav-toggle {
	position: absolute;
	left: 18px;
	top: 22px;
	cursor: pointer;
	padding: 10px 35px 16px 0px;
  }
  #nav-toggle span,
  #nav-toggle span:before,
  #nav-toggle span:after {
	cursor: pointer;
	border-radius: 1px;
	height: 5px;
	width: 35px;
	background: #ffffff;
	position: absolute;
	display: block;
	content: "";
	transition: all 300ms ease-in-out;
  }
  #nav-toggle span:before {
	top: -10px;
  }
  #nav-toggle span:after {
	bottom: -10px;
  }
  #nav-toggle.active span {
	background-color: transparent;
  }
  #nav-toggle.active span:before, #nav-toggle.active span:after {
	top: 0;
  }
  #nav-toggle.active span:before {
	transform: rotate(45deg);
  }
  #nav-toggle.active span:after {
	transform: rotate(-45deg);
  }