*{
		margin:0px;
		padding:0px;
		text-decoration:none;
		list-style:none;
		box-sizing:border-box;
		scroll-behavior:smooth;
	}
	.main{
		width:100%;
		height:100%; 
		background:url(slide1.png) no-repeat 50% 50%;
		background-size:cover;
		background-attachment:fixed;
	}
	nav{
		background:rgba(55,81,126,0.5);
		width:100%;
		height:80px;
		display:flex;
		position:fixed;
		
		z-index:1;
		box-sizing:border-box;
	}
	nav .img-fluid{
		height:80px;
		margin-left:10px;
		padding:5px 10px;
		
	}
	nav ul{
		margin-top:10px;
		margin-left:300px;
		color:white;
		transition: 1s;
		
	}
	
	nav.black{
		height:50px;
		background:rgb(55,81,126);
		color:#fff;
		box-shadow:0 0 25px rgba(55,81,126,0.8);
		overflow:hidden;
	}
	nav.black ul{
		margin-top:-10px;
	}
	nav.black ul li{
		
	}
	nav.black ul li a{
		font-size:15px;
	}
	nav.black .img-fluid{
		height:50px;
		
	}
	nav.black .menu{
		font-size:25px;
		line-height:20px;
	}
	nav ul li{
		display:inline-block;
		padding:20px;
		justify-content:space-around;
	}
	
	nav ul li a{
		text-decoration:none;
		color:white;
		font-size:18px;
		letter-spacing:2px;
		text-transform:uppercase;
		
	}
	nav ul li a:hover{
		color:white;
	}
	.menu{
		font-size:30px;
		color:#fff;
		line-height:80px;
		cursor:pointer;
		margin-top :20px;
		margin-left:250px;
		display:none;
	}
	#check{
		display:none;
	}

	.baner{
		background:rgba(55,81,126,0.8);	
		padding-top:200px;
		padding-bottom:150px;
		justify-content:center;
		text-align:center;
	}
	.baner h5{
		font-size:60px;
		letter-spacing:1px;
		color:#fff;
		font-family:'Open Sans',sans-serif;
	}
	.baner p{
		font-size:20px;
		color:#fff;
		line-height:30px;
		font-weight:bold;
	}

	.baner .btn{
		margin-top:20px;
		padding:15px 20px;
		color:#fff;
		background-color:#00a8f3;
		border-radius:5px;
		letter-spacing:1px;
		font-size:18px;
		font-weight:bold;
	}

	.baner .btn:hover{
		background-color:rgba(255,255,255,0.8);
		color:#37517e;
		border:1px solid #37517e;
		transition:0.3s;	
	}
@media screen and (max-width: 768px) {
	.menu{
		display:block;
	}
	nav ul{
		margin-left:0px;
		position:fixed;
		width:100%;
		height:100%;
		background:rgba(55,81,126);	
		top:80px;
		right:-100%;
		text-align:center;
		transition:0.5s;
	}
	ul li{
		display:block;
		margin:50px 0;
	}
	
	#check:checked~ul{
		left:0;
	}
	
}

@media screen and (max-width: 500px) {
	.baner h5{
		font-size:30px;
	}
	.baner p{
		font-size:12px;
		line-height:18px;
	}

	.baner .btn{
		padding:10px;
		font-size:12px;
	}
}	
/*--------------------------------------------------------------
# Intro Slider
----------------------------------------------------------
.carousel-item{
	
	height:500px;
	background:no-repeat scroll center scroll;
	-webkit-background-size:cover;
	background-size:cover;
	
}

.carousel-item::before{
	
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#00a8f3;
	opacity:0.4;	
}
.carousel-item img{
	height:100%;
	width:100%;
	
}
.carousel-caption{	
	margin-bottom:150px;
	padding-left:100px;
	padding-right:100px;
}
.carousel-caption h5{
	font-size:60px;
	letter-spacing:1px;
	font-family:'Open Sans',sans-serif;
}
.carousel-caption p{
	font-size:20px;
	line-height:30px;
	font-weight:bold;
}

.carousel-caption .btn{
	margin-top:20px;
	padding:15px 20px;
	color:#fff;
	background-color:#37517e;
	border-radius:20px;
	letter-spacing:1px;
	font-size:18px;
	font-weight:bold;
}

.carousel-caption .btn:hover{
	background-color:rgba(255,255,255,0.8);
	color:#37517e;
	border:1px solid #37517e;
	transition:0.3s;
		
}
----*/
/*--------------------------------------------------------------
# Sections General All title
--------------------------------------------------------------*/


.section-title {
  
  text-align: center;  
  padding-top: 60px;
  padding-bottom:10px;
}

.section-title h2 {
  font-size: 32px;
  letter-spacing:1px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  color: #37517e;
}

.section-title h2::before {
  content: '';
  position: absolute;
  display: block;
  width: 120px;
  height: 2px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}

.section-title h2::after {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 5px;
  background: #47b2e4;
  bottom: 0;
  left: calc(50% - 20px);
}
@media screen and (max-width: 500px) {
	.section-title h2 {
		font-size: 20px;
		margin-bottom: 10px;
	}
}
/*-----------------------------------------
about us
--------------------------------------------*/	
	.col1 p{
		margin-bottom:80px;
		padding:20px 100px;
		font-size:20px;
		letter-spacing:2px;
		text-align:center;
		line-height:35px;
		color:rgba(41,47,69,0.8);
	}
@media screen and (max-width: 1024px) {
	.col1 p{
		margin-bottom:70px;
		padding:20px 70px;
		font-size:18px;
		line-height:30px;
		letter-spacing:2px;
	}
}
@media screen and (max-width: 768px) {
	.col1 p{
		margin-bottom:50px;
		padding:10px 50px;
		font-size:15px;
		line-height:20px;
		letter-spacing:1px;
		
	}
}
@media screen and (max-width: 500px) {
	.col1 p{
		margin-bottom:50px;
		padding:10px 30px;
		font-size:12px;
		letter-spacing:1px;
		line-height:20px;
		
	}
}
	
/*-----------------------------------------
Why choose us
--------------------------------------------*/
	.how_works{
		background-color: #37517e;
	}
	.how_works h2{
		color:#fff;
		font-size: 32px;
	}
	.how_works .process{
		padding:50px 20px;
		display:flex;
		justify-content:center;
	}
	.how_works .process .Process1{
		width:250px;
		margin-right:30px;
		margin-bottom:50px;
		align-items:center;
		justify-content:center;
		text-align:center;
		overflow:hidden;
		
	}
	
	/*.how_works .process .Process1 i{
		color:#47b2e4;
		font-weight:bold;
		font-size:50px;
		line-height:80px;
	}*/
	.how_works .process .Process1 img{
		height:100px;
		width:100px;
	}
	.how_works .process .Process1 p{
		margin-top:10px;
		color:#fff;
		font-size:18px;
		line-height:25px;
		letter-spacing:1px;
	}
@media screen and (max-width: 500px) {
	.how_works h2{
		font-size: 20px;
	}
	.how_works .process{
		padding:50px 0px;
	}
	
	.how_works .process .Process1{
		margin-right:0px;
		margin-bottom:30px;
		
	}
	.how_works .process .Process1 img{
		height:80px;
		width:80px;
	}
	.how_works .process .Process1 p{
		margin-top:8px;
		font-size:15px;
		line-height:20px;
	}
}	

/******************************************************
Services
******************************************************/
.servbox{
	padding:50px;
	justify-content:center;
	align-items:center;
}
.serbox{
	padding:10px;
	margin-bottom:30px;
	margin-right:30px;
	max-width:400px;
	height:auto;
	text-align:center;
	box-sizing:border-box;
}
.serbox:hover{
	text-decoration:none;
	box-shadow:.5rem .5rem .5rem rgba(0,0,0,0.2);
	transition: 0.8s;
}
.serbox a{
	text-decoration:none;
	color:#000;
}
.serbox i{
	margin:10px 0px;
	font-size:30px;
	color:#47b2e4;
}
.serbox h2{
	margin:10px 0px;
	font-size:25px;
	color:#47b2e4;
	letter-spacing:2px;
}
.serbox p{
	letter-spacing:1px;
	font-size:16px;
	color:rgba(0,0,0,0.6);
}
@media screen and (max-width: 600px) {
	.serbox h2{
		font-size:18px;
	}
	.serbox p{
		font-size:12px;
	}
	.serbox{
		margin-right:0px;
	}
}
/*************************************************************
Join Us
**************************************************************/
.join{
	width:100%;
	background:url(Whatwedo.jpg)no-repeat  fixed;
	background-size:cover;
}
.joinus{
	width:100%;
	background:rgba(71,178,228,0.5);
	padding:50px 80px;
	box-sizing:border-box;
}

.joinfo h1{
	font-size:40px;
	font-weight:bold;
	font-family:Times New Roman;
	color:#fff;
	letter-spacing:2px;
}
.joinfo p{
	padding-top:10px;
	line-height:40px;
	font-size:25px;
	font-family:Times New Roman;
	color:#fff;
	letter-spacing:1px;
}
.joinbtn{
	margin-top:20px;
}
.joinbtn .jobtn{
	padding:10px;
	letter-spacing:1px;
	font-size:25px;
	background:#fff;
	color:#24a0ed;
}
.jobtn:hover{
	background:#24a0ed;
	color:#fff !important;
	transition:0.5s;
}
@media screen and (max-width: 1024px){
	.joinus{
		padding:35px 60px;
	}

	.joinfo h1{
		font-size:30px;
	}
	.joinfo p{
		line-height:35px;
		font-size:18px;
	}
	.joinbtn{
		margin-top:15px;
	}
	.joinbtn .jobtn{
		padding:10px;
		font-size:20px;
	}	
}
@media screen and (max-width: 768px){
	.joinus{
		padding:25px 50px;
	}

	.joinfo h1{
		font-size:25px;
	}
	.joinfo p{
		padding-top:15px;
		line-height:25px;
		font-size:15px;
	}
	.joinbtn{
		margin-top:12px;
	}
	.joinbtn .jobtn{
		padding:10px;
		font-size:15px;
	}
}
@media screen and (max-width: 550px) {
	.joinus{
		padding:20px 30px;
	}

	.joinfo h1{
		font-size:18px;
	}
	.joinfo p{
		padding-top:12px;
		line-height:18px;
		font-size:12px;
	}
	..joinbtn{
		margin-top:10px;
	}
	..joinbtn .jobtn{
		padding:10px;
		font-size:12px;
	}
}
/*****************************************************
TESTIMONIAL
****************************************************/
.test{
	width:100%;
	background-color: #f3f5fa;
}
.test .testim{
	width:100%;
	height:100%;
	padding:20px 200px 100px 250px;
}
.test .testim .mesg{
	max-width:1000px;
	padding:20px 80px;
	height:100%;
	background-image: linear-gradient(220deg,#47b2e4,#37517e );
	box-shadow: 0px 5px 20px rgba(71,178,228,0.8);
	justify-content:center;
	align-items:center;
	text-align:center;
	box-sizing:border-box;
	overflow:hidden;
}
.test .testim .mesg p{
	padding:80px 50px 20px 50px;
	font-size:18px;
	line-height:25px;
	color:#fff;
	letter-spacing:1px;
	border:2px solid #fff;
	border-radius:5px;
}
.test .testim .mesg b{
	font-size:25px;
	text-transform:uppercase;
	letter-spacing:2px;
}
.test .testim .mesg img{
	margin-bottom:-60px;
	width:150px;
	height:150px;
	padding:10px;
	text-align:center;
	border:3px solid white;
	border-radius:50%;
	background-image: linear-gradient(220deg,#47b2e4,#37517e );
}
@media screen and (min-width: 769px) and (max-width: 1024px){
	.test .testim{
		padding:20px 100px 100px 110px;
	}
	.test .testim .mesg{
		padding:20px 55px;
	}
	.test .testim .mesg p{
		padding:80px 35px 20px 35px;
		font-size:18px;
		line-height:22px;
	}
	.test .testim .mesg b{
		font-size:20px;
	}
}
@media screen and (min-width: 551px) and (max-width: 768px){
	.test .testim{
		padding:20px 80px 100px 70px;
	}
	.test .testim .mesg{
		padding:20px 40px;
	}
	.test .testim .mesg p{
		padding:80px 25px 20px 25px;
		font-size:15px;
		line-height:18px;
	}
	.test .testim .mesg b{
		font-size:18px;
	}
	.test .testim .mesg img{
		width:120px;
		height:120px;
	}
}
@media screen and (max-width: 550px) {
	.test .testim{
		padding:20px 0px 100px 0px;
	}
	.test .testim .mesg{
		padding:20px 30px;
	}
	.test .testim .mesg p{
		padding:80px 15px 20px 15px;
		font-size:12px;
		line-height:18px;
	}
	.test .testim .mesg b{
		font-size:15px;
	}
	.test .testim .mesg img{
		width:100px;
		height:100px;
	}
}
/*****************************************************
TEAM
****************************************************
.team{
	width:100%;
	background-color: #f3f5fa;
	padding-bottom:100px;
}
.member{
	justify-content:center;
	align-items:center;
	display:flex-wrap;
	float:right;
}
.member .mem{
	margin:50px 10px 0px 10px;
	max-width:300px;
	height:auto;
	background:#fff;
	border-radius:5px;
	box-shadow: 0px 5px 20px rgba(71,178,228,0.2);
	transition:transform .8s;
}
.mem:hover{
	transform:translateY(-20px);
}
.mem .mem_img{
	padding:30px 30px;
}
.mem .mem_img img{
	height:150px;
	width:150px;
	border-radius:50%;
}
.mem .mem_info{
	padding:30px 20px 0px 0px;
}
.mem_info h1{
	font-size:24px;
	color:#37517e;
	letter-spacing:1px;
}
.mem_info h3{
	font-size:18px;
	line-height:40px;
	color:rgba(0,0,0,0.5);
	letter-spacing:1px;
	position:relative;
}
.mem_info h3::after{
	content:"";
	width:100px;
	height:2px;
	display:block;
	background:#47b2e4;
	position:absolute;
}
.mem_info p{
	margin-top:10px;
	font-size:18px;
	line-height:25px;
	color:rgba(0,0,0,0.5);
	letter-spacing:1px;
}
*****Respnsive***

@media (max-width: 575.98px){
	.team .member{
		padding:0px 10px;
	}
	.member .mem{
		margin:30px 30px 0px 30px;
		width:500px;
		height:220px;
	}
	.mem .mem_img{
		padding:50px 10px;
	}
	.mem .mem_img img{
		height:120px;
		width:120px;
	}
	.mem .mem_info{
		padding:30px 0px 0px 0px;
	}
	.mem_info h1{
		font-size:20px;
	}
	.mem_info h3{
		font-size:15px;
		line-height:25px;
	}

	.mem_info p{
		margin-top:10px;
		font-size:12px;
		line-height:20px;
	}
	
}

@media (min-width: 576px) and (max-width: 767.98px) { 
	.team .member{
		padding:0px 30px;
	}
}

@media (min-width: 768px) and (max-width: 1199.98px) {
	.team .member{
		padding:0px 50px;
	}
	.member .mem{
		margin:30px 30px 0px 30px;
		width:500px;
		height:220px;
	}
	.mem .mem_img{
		padding:30px 20px;
	}

	.mem .mem_info{
		padding:30px 0px 0px 0px;
	}
	.mem_info h1{
		font-size:20px;
	}
	.mem_info h3{
		font-size:15px;
		line-height:25px;
	}

	.mem_info p{
		margin-top:10px;
		font-size:15px;
		line-height:20px;
	}
}*/
/********************************************************
Become a Freelancer
********************************************************/
.freelancer{
	width:100%;
	background:url(Ourmission.jpg) no-repeat fixed;
	background-size:cover;
}
.freelance{
	width:100%;
	padding:50px 80px;
	background:rgba(71,178,228,0.5);
	box-sizing:border-box;
}

.freeinfo h1{
	font-size:40px;
	font-family:Times New Roman;
	font-weight:bold;
	color:#fff;
	letter-spacing:2px;
}
.freeinfo p{
	padding-top:20px;
	line-height:40px;
	font-size:25px;
	font-family:Times New Roman;
	color:#fff;
	letter-spacing:1px;
}
.freebtn{
	margin-top:20px;
}
.freebtn .fbtn{
	padding:10px;
	letter-spacing:1px;
	font-size:25px;
	background:#fff;
	color:#24a0ed;
}
.fbtn:hover{
	background:#24a0ed;
	color:#fff !important;
	transition:0.5s;
}
@media screen and (max-width: 1024px){
	.freelance{
		padding:35px 60px;
	}

	.freeinfo h1{
		font-size:30px;
	}
	.freeinfo p{
		line-height:35px;
		font-size:18px;
	}
	.freebtn{
		margin-top:15px;
	}
	.freebtn .fbtn{
		padding:10px;
		font-size:20px;
	}	
}
@media screen and (max-width: 768px){
	.freelance{
		padding:25px 50px;
	}

	.freeinfo h1{
		font-size:25px;
	}
	.freeinfo p{
		padding-top:15px;
		line-height:25px;
		font-size:15px;
	}
	.freebtn{
		margin-top:12px;
	}
	.freebtn .fbtn{
		padding:10px;
		font-size:15px;
	}
}
@media screen and (max-width: 550px) {
	.freelance{
		padding:20px 30px;
	}

	.freeinfo h1{
		font-size:18px;
	}
	.freeinfo p{
		padding-top:12px;
		line-height:18px;
		font-size:12px;
	}
	.freebtn{
		margin-top:10px;
	}
	.freebtn .fbtn{
		padding:10px;
		font-size:12px;
	}
}
/********************************************************
Contact Us
********************************************************/
#contact{
	width:100%;
	height:100%;
}
#contact h3{
	font-size:20px;
	letter-spacing:2px;
	text-align:center;
	color:#37517e;
}
.contactform{
	padding:50px;
}

.contactform .row100{
		position:relative;
		width:100%;
		display:grid;
		grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
	}
	.contactform .row100 .col{
		position:relative;
		width:90%;
		padding:0 10px;
		margin:30px 0 10px;
		transition:0.5s;
	}
	.contactform .row100 .inputBox{
		position:relative;
		width:100%;
		height:40px;
		color:#000;
	}
	.contactform .row100 .inputBox input,
	.contactform .row100 .inputBox.textarea textarea{
		position:absolute;
		width:100%;
		height:100%;
		background:transparent;
		box-shadow:none;
		border:none;
		outline:none;
		font-size:18px;
		padding:0 10px;
		z-index:1;
		color:#fff;
	}
	.contactform .row100 .inputBox .text{
		position:absolute;
		top:0;
		left:0;
		line-height:40px;
		font-size:18px;
		padding:0 10px;
		display:block;
		transition:0.5s;
		pointer-events:none;
		
	}
	.contactform .row100 .inputBox input:focus + .text,
	.contactform .row100 .inputBox input:valid + .text{
		top:-35px;
		left:-10px;
	}
	.contactform .row100 .inputBox .line{
		position:absolute;
		bottom:0;
		display:block;
		width:100%;
		height:2px;
		background:#3498DB;
		transition:0.5s;
		border-radius:2px;
		pointer-events:none;
	}
	.contactform .row100 .inputBox input:focus ~ .line,
	.contactform .row100 .inputBox input:valid ~ .line{
		height:100%;
	}
	.contactform .row100 .inputBox .textarea{
		position:relative;
		width:100%;
		height:100px;
		padding:10px 0;
	}
	.contactform .row100 .inputBox .textarea textarea{
		height:100%;
		resize:none;
	}
	.contactform .row100 .inputBox textarea:focus + .text,
	.contactform .row100 .inputBox textarea:valid + .text{
		top:-35px;
		left:-10px;
	}
	.contactform .row100 .inputBox textarea:focus ~ .line,
	.contactform .row100 .inputBox textarea:valid ~ .line{
		height:100%;
	}
	input[type="submit"]{
		border:none;
		padding:7px 35px;
		cursor:pointer;
		outline:none;
		background:#2980B9;
		color:#fff;
		font-size:18px;
		border-radius:5px;
	}
/********************************************************
Footer
********************************************************/
.links{
	height:100%;
	width:100%;
	background-color: #f3f5fa;
	display:flex;
	padding:50px 0px;
	box-sizing:border-box;
}
.links .row{
	height:100%;
	width:100%;
	color:#37517e;
	/*border:3px solid #7b93ba;*/
	box-sizing:border-box;	
}

.col-auto h2{
	letter-spacing:2px;
	
}
/*******Logo***************/
.row .col-auto .img-fluid{
	padding:20px 20px;
	height:100%;
}
@media (max-width: 575.98px){
.row .col-auto img{
	padding:20px 50px;
	
	height:100%;
}

.col-auto{
	width: -webkit-fill-available
}
}
/**********Services*********/
.footer-links{
	margin-left:80px;
}
.col-auto li{
	font-size:18px;
	font-weight:bold;
	line-height:40px;
	margin-left:10px;
}
.col-auto li i{
	color:#47b2e4;
	margin-right:10px;
}
/*****************Contact***************/
.col-auto .card2{
		padding:0px 50px;
		position:relative;
		width:100%;	
		cursor:pointer;
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		color:#fff;
	}
.col-auto .card2 .card-icon{
		font-size:30px;
		background:rgb(15, 29, 66);
		width:60px;
		height:60px;
		text-align:center;
		line-height:60px !important;
		border-radius:50%;
		transition:0.3s linear;	
		cursor:pointer;
		color:#fff;
	}
	.card2:hover .card-icon{
		background:none;
		color:rgb(15, 29, 66);
		transform:scale(1.2);
	}
	.card2 p{
		margin-top:10px;
		font-size:20px;
		color:rgb(15, 29, 66);
		letter-spacing:2px;
		max-height:0;
		opacity:0;
		transition:0.3s linear;

	}
	.card2:hover p{
		max-height:20px;
		opacity:1;
	}

@media (max-width: 768px){

	.footer-links{
		margin-left:50px;
	}
	.col-auto li{
		font-size:15px;
	}
	
}	

/********************************************************
CopyRight
********************************************************/
footer{
	padding:40px 50px;
	height:100%;
	width:100%;
	background:rgb(15, 29, 66);
	font-size:20px;
	box-sizing:border-box;
}

footer h5{
	font-size:22px;
	color:#fff;
	letter-spacing:2px;
}

footer h5 b{
	color:#47b2e4;
	font-family: "Poppins", sans-serif;
}
footer span{
	float:right;
}
@media screen and (max-width: 1024px) {
	footer{
		font-size:18px;
		padding:20px 20px;
	}
	footer h5{
		font-size:18px;
	}
}
@media screen and (max-width: 768px){
	footer{
		font-size:15px;
		padding:20px 10px;
	}
	footer h5{
		font-size:15px;
	}
}
@media screen and (max-width: 500px) {
	footer{
		text-align:center;
		padding:15px 0px;
		font-size:15px;
	}

	footer h5{
		font-size:15px;
	}
	footer span{
		opacity:0;
	}
}