/***********************************/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root{
	--colorOne:#5e2ced;
	--colorTwo:#f39423;
	--fontStyleOne:"Roboto", sans-serif;
}
body{
	margin:0px;
	padding:0px;
	font-family:var(--fontStyleOne);
}
p{
	font-size:16px;
	color:#777;
	letter-spacing:1px;
	font-weight: 300;
}
.header_menu_wrap{
	width:100%;
	float:left;
	position:fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 10;
}
.header_menu{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:8px 0;
}
.header_menu .logo img{
	width:200px;
}
.header_menu .nav_menu ul{
	margin:0px;
	padding:0px;
	list-style:none;
	display:flex;
}
.header_menu .nav_menu ul li a{
	padding:8px 15px;
	text-decoration:none;
	color:#fff;
	font-size:16px;
	font-weight:300;
}
.header_menu .nav_menu ul li a:hover{
	color:var(--colorTwo);
}
.header_menu .nav_menu ul li:last-child a{
	padding:8px 15px;
	text-decoration:none;
	color:#fff;
	background:var(--colorOne);
	border-radius:5px;
}
.header_menu .nav_menu ul li:last-child a:hover{
	background:var(--colorTwo);
}
.mobile_menu_icon{
	display:none;	
	}
@media (max-width:768px){
	.mobile_menu_icon{
		display:block;
		position:absolute;
		right:15px;
		top:15px;
	}
	.mobile_menu_icon a{
		color:#fff;
	}
	.mobile_menu_icon a.openBtn{
		display:block;
	}
	.mobile_menu_icon.active a.openBtn{
		display:none;
	}
	.mobile_menu_icon a.closeBtn{
		display:none;
	}
	.mobile_menu_icon.active a.closeBtn{
		display:block;
	}
		
	.header_menu{
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	padding:5px;
	}
	.header_menu .nav_menu ul{
		display:flex;
		flex-direction:column;
		background:#fff;
		width:350px;
		position:absolute;
		top:58px;
		left:-355px;
		transition: left 0.3s ease-out;
		padding-bottom:10px;
	}
	.header_menu .nav_menu ul.active{
		left:0;
	}
	.header_menu .nav_menu ul li{
		color:#333;
		padding:5px 10px;
		border-bottom:1px solid #ddd;
	}
	.header_menu .nav_menu ul li:last-child{
		padding-top:10px;
		border-bottom:0px solid #ddd;
	}
	.header_menu .nav_menu ul li a{
		color:#333;
		font-size:14px;
	}
	.header_menu_wrap {
   background:#111;
	}
	
}
/*************banner**************/
.banner_wrap{
	width:100%;
	float:left;
	background:url('../images/banner_bg.jpg');
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	position:relative;
	z-index:1;
}
.banner_wrap .banner_content{
	padding-top:150px;
	min-height:500px;
	text-align:center;
}
.banner_content h1{
	color:#fff;	
	font-size:48px;
	text-shadow: 1px 1px 0px #333;
	font-weight: 600;
	letter-spacing: 1px;
}
.banner_content p{
	font-size:32px;
	color:#fff;
	font-weight:200;
	letter-spacing: 3px;
 } 
 .banner_btn a{
	 background:var(--colorOne);
	 padding:8px 25px;
	 color:#fff;
	 border-radius:5px;
	 text-decoration:none;
	 font-size:18px;
	 box-shadow:1px 1px 10px rgba(0, 0, 0, 0.3)
 }
 .banner_btn a:hover{
	 background:var(--colorTwo);
 } 
 

#wordService{
	 font-weight:900;
 }
 .banner_content p span.wordMove {
	color: var(--colorBlack);
	display: inline-block;
	opacity: 0;
	transform: translateX(10%);
	transition: transform 0.5s ease, opacity 0.5s ease;
}
.banner_content p span.show {
	opacity: 1;
	transform: translateX(0);
}
 @media(max-width:768px){
	 .banner_content h1{
	font-size:25px;
	}
	.banner_content p{
	font-size:18px;
	} 
	.banner_wrap .banner_content{
	min-height:auto;
	padding-bottom:50px;
	}
 }

/********************************/
.pt-30{padding-top:30px;}
.pb-30{padding-bottom:30px;}
.mt-30{margin-top:30px;}
.mb-30{margin-bottom:30px;}
.page_wrap{
	width:100%;
	float:left;
	margin:30px 0;
}
.page_heading h2, .page_heading h4{
	font-size:30px;
	text-align:center;
	margin-bottom:60px;
	text-transform:uppercase;
}
.page_heading h2:before{
	content:"\e553";
	font-family: "Font Awesome 7 free";
	font-weight: 600;
	display: inline-block;
	font-size:18px;
	color:var(--colorTwo);
}

.box_list{
	border:1px solid #ddd;
	padding:15px;
	margin-bottom:15px;
	position:relative;
	text-align:center;
}
.box_list .icon_box{
	background:#fff;
	border:1px solid var(--colorOne);
	width:50px;
	height:50px;
	font-size:20px;
	text-align:center;
	line-height:50px;
	border-radius:50%;
	color:var(--colorOne);
	position:absolute;
	left:50%;
	transform:translate(-50%);
	top:-25px;
}
.box_list h3{
	font-size:20px;
	margin-top:40px;
}
.box_list p{
	color:#555;
	font-weight:300;
}
/*********************/
.bgOne{
	background:var(--colorOne);
}
.text-white{
	color:#fff;
}
.process_box_list{
	border:1px solid #ddd;
	padding:15px;
	margin-bottom:15px;
	position:relative;
	text-align:center;
	min-height:250px;
	box-shadow:1px 1px 10px rgba(8, 8, 8, 0.5);
	background:#f9f9f9;
}
.process_box_list .icon_box{
	background:#fff;
	border:1px solid var(--colorOne);
	width:50px;
	height:50px;
	font-size:20px;
	text-align:center;
	line-height:50px;
	border-radius:15px;
	color:var(--colorOne);
	position:absolute;
	left:50%;
	transform:translate(-50%);
	top:15px;
}
.process_box_list h3{
	font-size:20px;
	margin-top:60px;
	color:#333;
}
.process_box_list p{
	color:#9f9d9d;
	font-weight:300;
}
.processBtn{
	position:absolute;
	left:50%;
	transform:translate(-50%);
	bottom:15px;
}
.processBtn a{
	background:var(--colorOne);
	color:#fff;
	text-decoration:none;
	padding:8px 20px;
	border-radius:5px;
}
.processBtn a:hover{
	background:var(--colorTwo);
}

/************about**************/
.about_section .fa-classic{
	color:var(--colorOne);
	width:40px;
	height:40px;
	background:#ddd;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
}
.min_height_215{
	min-height: 215px;
}
.sub_heading{
	font-size:25px;
	margin-bottom:35px;
	font-weight:500;
	color:#666;
}
/****************cta**********************/
.cta_section{
	width:100%;
	display:flex;
	background:url('../images/cta_bg.png') no-repeat;
	background-size:cover;
	text-align:center;
	position:relative;
}
.cta_section:after{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	background:rgba(0, 0, 0, 0.5);
}
.cta_section p{
	color:#fff;
}
.cta_section .page_heading h3, .cta_section .page_heading .sub_heading{
	color:#fff;
}
.cta_section .page_heading h3{
	font-size:30px;
	padding-top:30px;
}
.cta_section .page_heading .sub_heading span{
	font-size:16px;
	background:#fff;
	color:var(--colorOne);
	padding:8px 25px;
	border-radius:25px;
}
.cta_section .container{
	z-index:1;
	padding-bottom:25px;
}
/**************form contact*************/
.contact_form form{
	background:#fff;
	box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);
	padding:15px;
	border-radius:10px;
}
.contact_form form h3{
	text-align:center;
	font-size:20px;
	text-transform:uppercase;
}
.contact_form form .form-control{
	margin-bottom:10px;
}
.contact_form form button{
	padding:8px 25px;
	border:none;
	background:var(--colorOne);
	color:#fff;
	border-radius:5px;
}
.contact_form form button:hover{
	background:var(--colorTwo);
}
/****************footer*******************/
.page_wrap.footer_section{
	background: #1f1f1f;
	margin: 0px;
}
.page_wrap.footer_section h4{
	color:#fff;
	font-family:var(--fontStyleOne);
}
.page_wrap.footer_section a{
	color:#666;
	text-decoration:none;
	font-weight:350;
}
.page_wrap.footer_section  form button{
	background:var(--colorOne);
	color:#fff;
}
.copyright{
	border-top:1px solid #333;
}
.copyright p{
	margin-bottom:0px;
	padding:10px;
}