body{
	margin: 0px;
	background-color: #ffffff;
	font-family: 'Baloo Paaji 2', cursive!important;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #212931;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: 17, 5, 154, 0.1;
}

p{
	font-family: 'Baloo Paaji 2', cursive!important;
}


.push-left{
    float:left !important;
}


@font-face {
  font-family: 'BahijTheSansArabic-SemiLight';
  src: url('../BahijTheSansArabic-SemiLight.eot?#iefix') format('embedded-opentype'),  
  url('../BahijTheSansArabic-SemiLight.woff') format('woff'), 
  url('../BahijTheSansArabic-SemiLight.ttf')  format('truetype'), 
  url('../BahijTheSansArabic-SemiLight.svg#BahijTheSansArabic-SemiLight') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'AdobeClean-Regular';
  src: url('../fonts/AdobeClean-Regular.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/AdobeClean-Regular.woff') format('woff'), 
  url('../fonts/AdobeClean-Regular.ttf')  format('truetype'), 
  url('../fonts/AdobeClean-Regular.svg#AdobeClean-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AdobeClean-Bold';
  src: url('../fonts/AdobeClean-Bold.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/AdobeClean-Bold.woff') format('woff'), 
  url('../fonts/AdobeClean-Bold.ttf')  format('truetype'), 
  url('../fonts/AdobeClean-Bold.svg#AdobeClean-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AdobeClean-Light';
  src: url('../fonts/AdobeClean-Light.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/AdobeClean-Light.woff') format('woff'), 
  url('../fonts/AdobeClean-Light.ttf')  format('truetype'), 
  url('../fonts/AdobeClean-Light.svg#AdobeClean-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'PublicoHeadlineWeb-Bold';
  src: url('..fonts/PublicoHeadlineWeb-Bold.eot?#iefix') format('embedded-opentype'),  
  url('..fonts/PublicoHeadlineWeb-Bold.woff') format('woff'), 
  url('..fonts/PublicoHeadlineWeb-Bold.ttf')  format('truetype'), 
  url('..fonts/PublicoHeadlineWeb-Bold.svg#PublicoHeadlineWeb-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}




h1{
	
}

.top-header{
	width: 100%;
	/*height: 80px;*/
	float: left;
	background-color: #ffffff;
padding-top: 10p;}

.logo img{
	float: left;
	margin-top: 40px;
	margin-bottom: 9px;
	}

.top-header-content{
	font-size: 30px;
	font-weight: 300;
}

.nav{
	margin-top: 25px;
	float: right;
}
.nav li{
	float: left;
	text-decoration: none;
	list-style: none;
}

.nav li a{
	float: left;
	text-decoration: none;
	list-style: none;
	font-weight: 500;
	font-size: 16px;
	color: #000000;
	margin-left: 25px;
}

.nav li a:hover{
	color: blue;
}

.pay-online{
	margin-left: 30px;
	float: right;
	margin-top: 10px;
	padding: 0px 15px;
	border-radius: 5px;

}

.pay-online p{
	float: left;
	font-size: 17px;
	font-weight: 500;
	color: #ffffff;
	margin-top: 15px;
	margin-bottom: -5px;
}
.pay-online img{
	float: left;
	height: 45px;
	margin-left: 10px;
	margin-top: 5px;

}

.banner{
	float: left;
	width: 100%;
	background-image: url("../images/slider-1.jpg");
	background-size: cover;
	height: 580px;
}
.contents{
	margin-top: 200px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.contents h3{
	font-size: 25px;
	color: #ffffff;
	font-weight: 300;
	text-align: center;
	margin-bottom: 20px;
}

.contents h2{
	font-size: 45px;
	text-align: center;
	color: #ffffff;
	font-weight: 300;
}

.b-edit{
	font-weight: 700;
	font-size: 45px;
}

.about{
	padding-top: 50px;
	width: 100%;
	float: left;
	background: #d02434;
	}


	


.about-image1{
	float: left;
	width: 100%;
	margin-top: -50px;
	/* background-image: url('../images/about-bg.jpg'); */
	/* margin-left: -15px; */
	/* height: 500px; */
	padding-top: 50px;
	padding-bottom: 40px;
	/* padding-left: 90px; */
	/* padding-right: 90px; */
text-align: center;}

.about-image1 img{
	float: left;
	width: 100%;
	
}

.about-image1 h3{
	font-weight: 300;
	font-size: 34px;
	color: #ffffff;
	float: left;
	width: 100%;
	
}

.about-image1 p{
	margin-top: 11px;
	font-weight: 300;
	color: #ffffff;
	font-size: 17px;
	float: left;
	width: 100%;
	/* line-height: 30px; */
	
padding-left: 100px;padding-right: 100px;line-height: 32px;}

.about-image{
	float: left;
	width: 100%;
}

.about-image img{
	float: right;
	width: 100%;
}

.about-content h3{
	font-size: 29px;
	font-weight: 600;
	line-height: 35px;
}

.about-content p{
	margin-top: 25px;
	font-size: 17px;
	font-weight: 400;
	line-height: 33px;
	color: rgba(0, 0, 0, 0.71);
}

.read-more{
	
/* float: left; */
	
margin-top: 10px;
	
padding: 10px 25px;
	
border-radius: 5px;
}

.read-more p{
	float: left;
	font-size: 14px;
	font-weight: 500;
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 0px;
}

.apply-now{
    font-size: 14px;
    color: #ffffff;
    font-weight: 700;
    background: blue;
    padding: 10px 25px;
    margin-top: 10px;
    padding: 15px 25px;
    border-radius: 5px;
}

.apply-now:hover{
  text-decoration:none !important;
  color: #ffffff;
  background: #3b4445;
}

.explore-edit{
	margin-left: 500px;
	margin-top: 70px;

}


.service-head h3{
	text-align: center;
	font-size: 30px;
	font-weight: 500;
}

.service-head img{
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.services{
	float: left;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 60px;
	background-size: cover;
	background-image: url("../images/service-bg.jpg");
}


.service-box{
	margin-top: 40px;
	padding: 25px;
	background-color: #ca181e !important;
	width: 100%;
	/* height:355px; */
	position: relative;
	float: left;
	/* border: 1px solid #000000; */
	border-radius: 5px;
	transition: all ease-in-out 0.5s;
	-o-transition: all ease-in-out 0.5s;
	-ms-transition: all ease-in-out 0.5s;
	-moz-transition: all ease-in-out 0.5s;
	-webkit-transition: all ease-in-out 0.5s;
}


.service-box:hover{
    	background-color: #0d5163;
    	cursor:pointer;
    	/* border: 1px solid #F8A553; */
    	transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    	
}

.service-box h3{
	font-size: 21px;
	position: relative;
	font-weight: 400;
color: white;}


.service-box p{
    margin-top: 15px;
	font-size: 16px;
	font-weight: 400;
	line-height: 29px;
	

	
margin-bottom: 0px;color: white;margin-bottom: 11px;}

.service-box1{
		margin-top: 40px;
	padding: 25px;
	background-color: #ffffff;
	width: 100%;
	position: relative;
	/* height:355px; */
	float: left;
	border: 1px solid #000000;
	border-radius: 5px;
	transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}


.service-box1:hover{
    	background-color:#F8A553;
    	cursor:pointer;
    	border: 1px solid #F8A553;
    	transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    	
}



.service-box1 h3{
	font-size: 21px;
	font-weight: 400;
	
	
}


.service-box1 p{
     margin-top: 30px;
	font-size: 17px;
	font-weight: 400;
	line-height: 30px;
	
	
}
@media(max-width:1167px)
{
.service-box{
	
	height:390px;

}

.service-box1{
	
	height:390px;

}
}

@media(max-width:952px)
{
.service-box{
	
	height:420px;

}

.service-box1{
	
	height:420px;

}
}


@media(max-width:910px)
{
.service-box{
	
	height:450px;

}

.service-box1{
	
	height:450px;

}
}


@media(max-width:825px)
{
    
.service-box{
	
	height:480px;

}

.service-box1{
	
	height:480px;

}

}

@media(max-width:767px)
{
.service-box{
	
	height:355px;

}

.service-box1{
	
	height:355px;

}
}

@media(max-width:390px)
{
.service-box{
	
	height:390px;

}

.service-box1{
	
	height:390px;

}
}


.s-edit{
	padding: 20px 0px;
	background-color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
}

.form{
	width: 100%;
	float: left;
	padding: 70px 90px 0px 90px;
	background-image: url("../images/quick.jpg");
	background-size: cover;
	padding-left: 0px;
	padding-right: 0px;
}

.experience h3{
	/* margin-left: -20px; */
	font-size: 18px;
	float: left;
	color: #ffffff;
	float: left;
	width: 100%;
}

.experience p{
	/* margin-left: -20px; */
	font-size: 17px;
	float: left;
	color: #ffffff;
	margin-bottom: 60px;
	float: left;
	width: 100%;
	line-height: 27px;
}

.project{
	float: left;
	width: 100%;
	padding-top: 40px;
	/*padding-bottom: 60px;*/
}

.project-box1{
	width: 100%;
	float: left;
}

.project-box1 img{
	margin-top: 40px;
	width: 100%;
	height:303px;
	object-fit:cover;
}

.project-box1 p{
	font-size: 17px;
	font-weight: 400;
	position: relative;
	z-index: 111;
	line-height: 30px;
	
margin-bottom: 6px;}

.z-edit{
	/* float: right; */ 
	margin-top: -8px; 
	
	background-color: white;
	padding: 10px;
float: left;width: 100% !important;padding-top: 27px;padding-left: 25px;padding-right: 25px;padding-bottom: 27px;}

.z-edit h5{
    color:#000000;
	font-weight: 600;
}

.z-edit p{
    color:#000000;
	font-weight: 400;
	float: left;
}

.explore-more{
	float: left;
	margin-top: 10px;
	padding: 10px 25px;
	border-radius: 5px;
}

.explore-more p{
	float: left;
	font-size: 14px;
	font-weight: 500;
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 0px;
}


.article{
	float: left;
	width: 100%;
	background-size: cover;
	background-image: url("../images/bg1.jpg");
	padding-left: 0px;
	padding-right: 0px;
background-size: cover;
    padding: 40px 0;
    background-attachment: fixed;}

.article-box{
	
width: 100%;
	
/* padding: 50px 30px 120px 30px; */
	
/* background-color: #FDB369; */
	
padding-bottom: 0px;
	
/* height: 467px; */
padding-top: 60px;padding-bottom: 60px;}

.article-box h3{
	/* font-weight: 700; */
	font-size: 30px;
color: white;text-align: center;}

.article-box p{
	
	line-height: 29px;
	/* font-weight: 100; */
	font-size: 15px;
	color: rgb(255 255 255);
text-align: center;padding-left: 217px;padding-right: 217px;padding-top: 11px;padding-bottom: 0px;margin-bottom: 0px;}

.article-box li{
	text-decoration: none;
	list-style: none;
	margin-top: 25px;
	
}
.article-box li a{
	text-decoration: none;
	list-style: none;
	margin-top: 25px;
	line-height: 25px;
	font-weight: 500;
	font-size: 16px;
}


.footer{
	width: 100%;
	float: left;
	background-color: #060D1D;
	padding-bottom: 40px;
	padding-top: 40px;
	border-bottom: 1px solid rgba(128, 128, 128, 0.12);
	padding-left: 0px;
	padding-right: 0px;
}

.quick-links p{
	font-size: 13px;
	font-weight: 300px;
	color: rgba(255, 255, 255, 0.8);
	line-height: 30px;
}

.quick-links img{
	margin-top: -5px;
	margin-bottom: 20px;
}

.our-services h3{
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 300px;
	color: #ffffff;
}

.our-services img{
	margin-right: auto;
	margin-left: auto;
	display: block;
}

/*.our-services li{
	list-style: none;
	text-decoration: none;
}

.our-services li a{
	color: rgba(255, 255, 255, 0.84);
	list-style: none;
	font-weight: 100;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	line-height: 30px;
	font-size: 13px;
}

.our-services li a:hover{
	color: #cacc7f;
	list-style: none;
	text-decoration: none;
	line-height: 30px;
}
*/
.follow-us h3{
	float: right;
	font-size: 18px;
	font-weight: 300px;
	color: #ffffff;
	margin-bottom: 20px;

}

.f-edit{
	margin-left: 25px;
	height: 20px;
}

.get-in-touch h3{
	font-size: 18px;
	font-weight: 300px;
	color: #ffffff;
	margin-bottom: 20px;
}

.get-in-touch p{
	float: left;
	font-size: 14px;
	font-weight: 300px;
	color: rgba(255, 255, 255, 0.84);
}

.get-in-touch img{
	margin-bottom: 20px;
}

.g-edit{
	font-size: 13px!important;
	font-weight: 100;
	line-height: 25px;
}


.footer-nav{
	
	/* float: right; */
	/* margin-left: 0px!important; */
}



.footer-nav li{
	color: #ffffff;
	text-decoration: none;
	list-style: none;
	float: left;
}

.footer-nav li a{
	font-family: 'Open Sans', sans-serif;
	color: rgba(255, 255, 255, 0.8);
	text-decoration: none;
	list-style: none;
	font-weight: 100;
	font-size: 13px;
	/*line-height: 30px;*/
	/* color: #000000; */
	float: left;
	width: 100%;
	/* padding-left: 21px; */
	padding-right: 15px;
}

.footer-nav li a:hover{
	color: #FDB369!important;
	text-decoration: none;
	list-style: none;
	float: left;
	/* font-weight: 200; */
	/* font-size: 16px; */
	/*line-height: 30px;*/
	color: #000000;
}



.afooter-nav{
	
	float: right;
	margin-left: 0px!important;
	margin-top: 20px;
	margin-bottom: 20px;
}



.afooter-nav li{
	color: #ffffff;
	text-decoration: none;
	list-style: none;
	float: left;
}

.afooter-nav li a{
	font-family: 'Open Sans', sans-serif;
	color: rgba(255, 255, 255, 0.84)!important;
	text-decoration: none;
	list-style: none;
	font-weight: 100;
	font-size: 13px;
	/*line-height: 30px;*/
	color: #000000;
	float: left;
	width: 100%;
	padding-left: 21px;
}

.afooter-nav li a:hover{
	color: #FDB369!important;
	text-decoration: none;
	list-style: none;
	float: left;
	/* font-weight: 200; */
	/* font-size: 16px; */
	/*line-height: 30px;*/
	color: #000000;
}


.final-footer{
	float: left;
	width: 100%;
	padding: 24px 90px;
	background-color: #060606;
	margin-top: 25p;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-top: 25px;
	text-align: center;
	}

.final-footer p{
	/* margin-top: 10px; */
	font-size: 14px;
	color: rgba(255, 255, 255, 0.85);
	float: left;
	/* font-family: 'Roboto', sans-serif !important; */
	text-align: center;
	float: left;
	width: 100%;
padding-bottom: 0px;margin-bottom: 11px;margin-top: 10px;}

.final-footer img{
	/* margin-left: auto; */
	/* margin-right: auto; */
	display: none;
	/* height: 50px; */
	margin-bottom: 20px;
	}

















.whitebg{
  float:left;
  width:100%;
  background:#fff;
  padding:0px;
  /* height:555px; */
}

.whitebg h1{
    float: left;
    width: 100%;
    font-size: 24px;
    font-weight: 100;
    color: #000000;
    line-height:40px;
    text-align:left;
    padding-bottom: 30px;
}

.whitebg h1 span {
    font-size:24px;
    color: #2f529f;
    font-weight: 700;
}



.log_set {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 0 17px;
    margin-bottom:30px;
}

.log_set label {
    width: 100%;
    float: left;
    position: relative;
    font-size: 13px;
    font-weight: 700;
    color: #000000;
    line-height: 25px;
    margin: 0 0 5px;
    text-align: left;
}

.log_set input[type="text"],
.log_set input[type="password"],
.log_set input[type="mail"],
.log_set input[type="email"],
.log_set input[type="tel"],
.log_set textarea,
.log_set select{
    width: 100%;
    float: left;
    position: relative;
    height: 40px !important;
    /*border: none;*/
    padding: 10px 14px;
    font-size: 14px;
    line-height: 30px;
    color: #424040;
    font-weight: 300;
    /* border-radius: 4px; */
    -moz-border-radius: 4px;
    /* -webkit-border-radius: 4px; */
    outline: none;
    border: solid 1px #b7b7b7;
    padding-left: 0px;
    padding-right: 0px;
}
.log_set textarea {
    height: 150px !important;
}
.log_set input[type="text"]:focus,
.log_set input[type="password"]:focus,
.log_set input[type="mail"]:focus,
.log_set textarea:focus {
    border-color: #ee3425 !important;
}

.whitebg form{
  float:left;
  width:100%;
}

.log_set textarea {
    height: 70px !important;
}

.log_set_nav {
    float: left;
    height: 53px;
    text-align: center;
    color: #fff;
    width: 167px;
    background: #F8A553;
    border: none;
    margin-top: 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    cursor:pointer;
    border:none !important;
       transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.log_set_nav:hover{
  background:#058dc8;
  cursor:pointer;
  text-decoration:none;
     transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.pull-left {
    float: left;
}





/*service page*/

.innerpage-banner{
	float: left;
	width: 100%;
	background-image: url("../images/inner-page.png");
	background-size: cover;
	/* height: 300px; */
	padding-top: 50px;
	padding-bottom: 40px;
	background: rgb(235,34,40);
	background: linear-gradient(90deg, rgb(208 36 52) 0%, rgb(12 12 12) 100%);
}


.innerpage-banner h3{
	font-size: 30px;
	font-weight: 900;
	color: #ffffff;
}


.innerpage-banner p{
	font-size: 18px;
	font-weight: 300;
	color: #ffffff;
}


.innerpage-banner1{
	float: left;
	width: 100%;
	background-image: url("../images/innerpage-2.png");
	background-size: cover;
	/* height: 300px; */
	padding-top: 200px;
	padding-bottom: 70px;
}


.innerpage-banner1 h3{
	font-size: 30px;
	font-weight: 900;
	color: #ffffff;
}


.innerpage-banner1 p{
	font-size: 18px;
	font-weight: 300;
	color: #ffffff;
}



/*project*/

.p-edit{
	 margin-bottom: 40px; 
}




/*article-page*/

.innerpage-article{
	float: left;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 60px;
	background-size: cover;
	padding: 60px 90px;
	background-image: url("../images/service-bg.jpg");
}

.art-edit{
	margin-top: 0px;
	margin-bottom: 0px;
}

/*contact-page*/

.innerpage-contact{
	padding: 50px 0px;
}

.contact_head{
	margin-top: 40px;
}

.contact_head p{
	font-weight: 500;
	font-size: 18px;
}

.contact_head h4{
	font-weight: 700;
	font-size: 26px;
}

.contact_head h3{
	margin-top: 20px;
	font-weight: 400;
	font-size: 15px;
	line-height: 29px;
}


.address{
	margin-top: 10px;
	float: left;
	width: 100%;
}

.address h1{
	font-weight: 700;
	font-size: 20px;
}



/*career page*/

.styl{
	background-color: #ffffff;
}

.whitebg p{
	font-size: 14px;
	margin-top: 20px;
	line-height: 30px;
	font-weight: 400;
}


.career-edit{
	border: 0.1px solid rgba(0, 0, 0, 0.55);
	margin-top: 50px;
	margin-bottom: 50px;
}



.nav{
	float: right;
	overflow: hidden;
}

.nav li{
	float: left;
	list-style: none;
}

.nav li a{
	float: right;
	padding: 42px 22px;
	color: black;
	text-decoration: none;
	margin-left: 5px;
	/* margin-top: 20px; */
	font-size: 14px;
	font-weight: 500;
}

.nav li a:hover{
	color: #ffffff!important;
	text-decoration: none;
	background-color: #bac927;
}

.nav .icon {
  display: none;
}

.articles-blog{
	float:left;
	width:100%;
	font-size: 21px;
	font-weight: bold;
	color: #000;
	padding-bottom: 14px;
}

.articles-panel{
	float:left;
	width:100%;
	line-height: 29px;
	font-size: 15px;
	color: rgba(0, 0, 0, 0.83);
	margin-bottom: 20px;
}

.resum-file{
  display: block;
  width: 100%;
  line-height: 22px;
  height:50px;
  font-size: 14px;
  /* border: 1px solid #e3e3e3; */
  padding: 10px 20px;
  background-color: #ffffff;
  color: #222222;
  border-radius: 3px;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  outline: none !important;
  border-bottom: solid 1px #b7b7b7;
  padding-left: 0px;
}

.address p{
	float:left;
	width:100%;
	font-size: 14px;
	line-height: 28px;
	color: rgba(0, 0, 0, 0.87);
}


.header_menu_area {
      /* width: 100%; */
      float: right;
      /* top: 56px; */
      /* position: absolute; */
      z-index: 9;
      text-align: center;
      }
  .header_menu_area > .mob_nav {
    display: none; }
  .header_menu_area > ul {
        width: auto;
        display: inline-block;
        margin: 0;
        /* padding: 0 4%; */
        float: right;
        background: #ffffff;
        /* margin-top: 10px; */
        /* margin-right: 17px; */
        line-height: 48px;}
    .header_menu_area > ul > li {
      width: auto;
      display: inline-block;
      vertical-align: middle;
      }
      .header_menu_area > ul > li > a {
         width: auto;
    float: left;
    text-decoration: none;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    /* font-family: 'Josefin Sans', sans-serif; */
    color: rgba(70, 69, 69, 0.95);
    /* line-height: 66px; */
    /* text-transform: uppercase; */
    /* font-family: 'Open Sans', sans-serif !important; */
    letter-spacing: 0px !important;
    /* padding: 44px 23px; */
    padding: 33px 13px;
    margin: 0px 13px;
    z-index: 1;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    /* padding-top: 28px; */
    /* padding-bottom: 31px; */

        }
        .active-show {background: #ffffff;color: #000000 !important;}
        .header_menu_area > ul > li > a:hover {
          color: #ffffff !important;
          background: #d02434;
          }
        .header_menu_area > ul > li > a::after {
          content: '';
          position: absolute;
          width: 100%;
          height: 0px;
          background: #d02434;
          left: 0;
          bottom: 0px;
          z-index: -1;
          transition: all ease-in-out 0.5s;
          -o-transition: all ease-in-out 0.5s;
          -ms-transition: all ease-in-out 0.5s;
          -moz-transition: all ease-in-out 0.5s;
          -webkit-transition: all ease-in-out 0.5s;
          }
        .header_menu_area > ul > li > a:hover::after {
          height: 100%;

           }
          

          @media (max-width: 992px) {
  .header_menu_area {
    position: inherit; }
    .header_menu_area > .mob_nav {
      display: block;
      float: right;
      width: 28px;
      height: 28px;
      margin: 6px 0px;
      cursor: pointer;
      transform: rotate(0);
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
      }
      .header_menu_area > .mob_nav > div {
        background: #d02434;
        border-radius: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        display: block;
        height: 3px;
        left: 0;
        position: absolute;
        transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transition: all ease-in-out 0.5s;
        -o-transition: all ease-in-out 0.5s;
        -ms-transition: all ease-in-out 0.5s;
        -moz-transition: all ease-in-out 0.5s;
        -webkit-transition: all ease-in-out 0.5s;
        width: 100%;
        }
.header_menu_area > .mob_nav > div:nth-child(1) {
          top: 2px; }
.header_menu_area > .mob_nav > div:nth-child(2), .header_menu_area > .mob_nav > div:nth-child(3) {
          top: 13px; }
.header_menu_area > .mob_nav > div:nth-child(4) {
          top: 23px; }

.mob_nav.open > div:nth-child(1), .mob_nav.open > div:nth-child(4) {
    left: 50%;
    top: 18px;
    width: 0%; }
  .mob_nav.open > div:nth-child(2) {
    background: #d02434;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    }
  .mob_nav.open > div:nth-child(3) {
    background: #d02434;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    }

  .header_menu_area > ul {
    width: 100%;
    position: absolute;
    margin-top: 38px;
    left: 0;
    background: #fff;
    padding: 20px 0px !important;
    min-height: 100vh;
    visibility: hidden;
    z-index: 999;
    opacity: 0;
    z-index: -1;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    }
    .header_menu_area > ul > li {
      width: 100%; }
      .header_menu_area > ul > li > a {
           color: #000000 !important;
           width: 100%;
           margin:0;
           line-height: 30px;
           background: #ffffff;
           padding: 10px 5%;
           text-align: left;
           border-bottom: solid 1px rgba(241, 241, 241, 0.22);
           }
        .header_menu_area > ul > li > a::after {
          width: 0px;
          height: 100%;
          background: #fff; }
        .header_menu_area > ul > li > a:hover::after {
          width: 4px; }
  .header_menu_area ul.view {
    visibility: visible !important;
    opacity: 1;
    background: #ffffff;
    z-index: 9999;
    display: block !important;
    }

  .header_user_area {
    right: calc(5% + 70px); } }
@media (max-width: 500px) {
    .logo img{
        width: 150px;
        margin-top:13px;
    }
    
    .tp-caption h2 span{
        font-size:10px!important;
    }
    
  .header_user_area {
    right: calc(5% + 55px); }
    .header_user_area .header_user {
      padding: 23px 18px 23px 0px; }
      .header_user_area .header_user > img {
        width: 30px;
        height: 30px; }
      .header_user_area .header_user > span {
        display: none; }
    .header_user_area > .header_login {
      margin: 0 5px 0 0; } }

.header_menu_area > ul li ul.submenu {
    *display: none;
    opacity: 0;
    margin-top: 10px;
    visibility: hidden;
    position: absolute;
    width: 210px;
    height: auto;
    overflow: hidden;
    background: #fff;
    margin-left: 25px !important;
    box-shadow: 0 0 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.10);
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.paybg{
	    background: #020F2E;
	    color: #fff !important;
	    /* height: 80px; */
	    line-height: 45px;
	    padding: 9px !important;
	    padding-left: 17px !important;
	    padding-right: 17px !important;
	    border-radius: 6px;
	    font-size: 12px !important;
}

.paybg:hover{
	background:#f7a453 !important;
	text-decoration: none;
}

.banner-section{
	float:left;
	width:100%;
}






.fff-edit{
	margin-left: 15px;

}






.about-page{
	padding-top: 30px;
	padding-bottom: 60px;
	width: 100%;
	float: left;
	background-color: #ffffff;
}


.about-page-content img{
	width: 100%;
	float: left;
}


.about-page-content h3{
	color: #000000;
	font-size: 29px;
	font-weight: 500;
	line-height: 35px;
	margin-bottom: 30px;
	
}

.about-page-content p{
	/* margin-top: 15px; */
	/* text-align: justify; */
	font-size: 17px;
	font-weight: 400;
	line-height: 30px;
	color: rgba(0, 0, 0, 0.71);
}






.z1-edit{
	float: right; 
	background-color: white;
	padding: 10px;
	margin-right: 50px!important;
	margin-top: -250px!important;
	z-index: 101!important;
padding: 0px !important;padding-top: 20px !important;}

.z1-edit h5{
	font-weight: 600;
	font-size: 20px;
}

.z1-edit p{
	font-size: 15px;
	font-weight: 400;
	line-height: 30px;
	float: left;
	font-family: 'Baloo Paaji 2', cursive!important; 
}


.z2-edit{
	float: left; 
	background-color: #F9F9F9;
	padding: 10px;
	margin-top: -250px;

	z-index: 100!important;
}

.z2-edit h5{
	font-weight: 600;
	font-size: 20px;
}

.z2-edit p{
	font-size: 17px;
	font-weight: 400;
	line-height: 30px;
	float: left;
	font-family: 'Baloo Paaji 2', cursive!important; 
}

.project-box3{
	width: 100%;
	float: right;
}



.project-box3 p{
	font-size: 16px;
	font-weight: 400;
	position: relative;
	z-index: 111;
	line-height: 30px;
	
}




.contact-box1{
	margin-top: 30px;
	padding-top: 40px;
	background-color: #fff4f5;
	width: 100%;
	float: left;
	border: 1px solid #fff4f5;
	border-radius: 5px;
	/*height: 250px;*/
	padding-bottom: 40px;
	}


.contact-box1 img{
	/*height: 40px;*/
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	filter: brightness(0);
}

.contact-box1 h3{
	font-size: 21px;
	font-weight: 600;
	text-align: center;
	
	
}




.contact-box1 p{
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	text-align: center;

	
}

.contact-box2{
	margin-top: 30px;
	padding: 25px;
	background-color: #ffffff;
	width: 100%;
	float: left;
	border-radius: 5px;
	border: 1px solid #000000;
	/* height: 250px; */
}


.contact-box2 img{
	/*height: 40px;*/
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	filter: brightness(0);
	display: block;
}


.contact-box2 h3{
	font-size: 21px;
	font-weight: 600;
	text-align: center;
	
	
}


.contact-box2 p{
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	text-align: center;
	
	
}

.branch-box{
    width:100%;
   
    
}

.branch-head h3{
   	font-size: 21px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 50px;
}




.branch-box1{
	
	padding: 20px 50px;
	background-color: #ffffff;
	width: 100%;
	float: left;
	border: 1px solid #C4C4C4;
	border-radius: 5px;
	margin-bottom: 50px;
	/*height: 250px;*/
}


.branch-box1 img{
	height: 40px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	
	
}

.branch-box1 h3{
	font-size: 21px;
	font-weight: 600;
	text-align: center;
	
	
}




.branch-box1 p{
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	text-align: center;

	
}


.active{
	background: #d02434 !important;
	color:
	white !important;
}








.about-image1 a {
    margin-top: 0px;
    font-weight: 500;
    /* background: transparent; */
    /* border-radius: 50%; */
    /* padding: 10px; */
    width: 100%;
    color: #fff;
    font-size: 14px;
    float: left;
    /* margin-top: 15px; */
    /* border: 1px solid #fff; */
    /* float: left; */
    /* font-family: 'Baloo Paaji 2', cursive; */
    /* height: 48px; */
    /* border-left: 2px solid #ED2424; */
    /* border-bottom: 2px solid #ED2424; */
    /* text-align: center; */
    /* width: 143px; */
    /* border-radius: 4px; */
    text-transform: uppercase;
    /* font-weight: bold; */
    /* font-size: 13px; */
    /* padding: 0 13px 9px; */

    

}


.about-image1 a:hover {
    color:#F8A553;
}

.view-abt {
    border: 1px solid #fff;
    border-radius: 50%;
    height: 47px;
    width: 47px;
    color: #fff;
    float: left;
    text-transform: uppercase;
}


.view-abt:hover {
	border: 1px solid #F8A553;
	background-color: #F8A553;
   
}

svg:not(:root) {
    overflow: hidden;
    vertical-align: middle;
}
.view-abt svg {
    padding: 12px 10px;
    width: 46px;
}

.about-image1 a span {
    padding: 15px 20px;
    float: left;
    /* margin-top: 20px; */
    -webkit-transition: all ease-in-out .5s;
    transition: all ease-in-out.5s;
    -moz-transition: all ease-in-out .5s;
}





.z-edit a {
    margin-top: 30px;
    font-weight: 500;
    /* background: transparent; */
    /* border-radius: 50%; */
    /* padding: 10px; */
    width: 100%;
    color: #000000;
    font-size: 14px;
    float: left;
    /* margin-top: 15px; */
    /* border: 1px solid #fff; */
    /* float: left; */
    /* font-family: 'Baloo Paaji 2', cursive; */
    /* height: 48px; */
    /* border-left: 2px solid #ED2424; */
    /* border-bottom: 2px solid #ED2424; */
    /* text-align: center; */
    /* width: 143px; */
    /* border-radius: 4px; */
    text-transform: uppercase;
    /* font-weight: bold; */
    /* font-size: 13px; */
    /* padding: 0 13px 9px; */

    

}


.z-edit a:hover {
    color:#F8A553;
}

.view-bsns {
    border: 1px solid #000000;
    border-radius: 50%;
    height: 47px;
    width: 47px;
    color: #000000;
    background-color: #000000;
    float: left;
    text-transform: uppercase;
    margin-left: -40px;
    margin-bottom: -30px;
}


.view-bsns:hover {
	border: 1px solid #F8A553;
	background-color: #F8A553;
   
}

svg:not(:root) {
    overflow: hidden;
    vertical-align: middle;
}
.view-bsns svg {
    padding: 12px 10px;
    width: 46px;
}

.z-edit a span {
    padding: 15px 20px;
    float: left;
    /* margin-top: 20px; */
    -webkit-transition: all ease-in-out .5s;
    transition: all ease-in-out.5s;
    -moz-transition: all ease-in-out .5s;
}


.zmargin{
	padding:20px;
	margin-top: 0px !important;
	margin-right: 0px !important;
}

.about-page-content img{
	float:left;
	width:350px;
	margin-right:35px;
	margin-bottom: 10px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.innerpage-contact-banner{
	float:left;
	width:100%;
}


.mct_form {
    border-bottom: 1px solid #b0aaaa;
    color: #272626;
    display: block;
    font-size: 13px;
    /* text-transform: uppercase; */
    height: 50px;
    margin-bottom: 10px  !important;
    padding: 0 20px;
    outline: none;
    background: #ffffff;
    width: 100%;
    padding-left: 0px;
    border: none;
    transition: all 500ms ease;
    border: solid 1px rgba(46, 67, 110, 0.22);
    margin-top: 3px;
    width: 100%;
    float: left;
    padding: 15px;
    margin-top: 17px;
    border-radius: 5px;
}


.contact-snd {
    text-transform: uppercase;
    /* border-radius: 100px; */
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    /* letter-spacing: 1.8px; */
    width: 100%;
    border-radius: 5px;
    text-align: center;
    padding: 10px 42px;
    border: none;
    background:#000;
    color: #fff;
    float: right;
    margin-top: 11px;
/*    border: solid 2px #a3238e;
*/    cursor: pointer;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.contact-snd:hover{
    background-color:#f7a453 !important;
}
.client .owl-nav {
    text-align:center;
    margin-bottom: 30px;
}
.close_form {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: -50px;
    top: -35px;
    background: transparent url(../images/close.svg) no-repeat center center;
    background-size: 20px 20px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    cursor: pointer;
}
.client .owl-nav button{
    background:transparent;
    border:none;
    /* margin-top:30px; */
}
.client .active{
    background:transparent !important;
}
.client .item{
    padding:0 15px;
}
.bdr{
    
width: 20px;
    
/*margin-top:10px;*/
    
position: absolute;
    
height: 3px;
    
/* right: 0; */
    
top: 86px;
    
/* left: 119px; */
    
background: #f8a553;
    
display: none;
}
.client .owl-nav button:focus{
outline:none !important;
}

@media(max-width:991px){
    
    
.contact-box1{margin-top:0px; height:100%; margin-bottom:10px;}
.contact-box2{margin-top:0px; height:100%; margin-bottom:10px;}
.fl{display:none;}
.fff-edit{display:none;}
.paybg{display:none;}
}
@media(max-width:767px){
    .view-bsns{
        left: 17px;
    position: relative;
    }
    .about-image1{
        height:auto;
    }
    .tp-caption h2 span{
        font-size:14px!important;
    }
}

@media(max-width:600px){
    .tp-caption h2 span{
        font-size:10px!important;
    }
}    

@media(max-width:768px){
.footer{padding-bottom:0px;}	
.f-edit{margin-left:0px; margin-right:15px;}	
.follow-us h3{float:left; width:100%;}	
.afooter-nav{float:left; width:100%;}	
.follow-us{float:left; width:100%;}	
.footer-nav{float:left; width:100%;}
.afooter-nav li a{padding-left:0px; padding-right:15px;}
.footer-nav li a{padding-left:0px; padding-right:15px;}
.about{padding-top:0px; /* background:#03112e; */}
.about-image{display:none;}
.about-image1{margin-top:0px;}
}

@media(max-width:425px){
.innerpage-banner{margin-bottom:20px;}	
.about-image1{margin-top:0px;}
.about{padding-top:0px; /* background:#03112e; */}
.about-image1{padding:20px;}
.about-image{display:none;}
.about-image1{margin-left:0px; float:left; width:100%;}
.services{padding-top:0px;}
.project{padding-top:0px;}
.article-box{height:auto; float:left;}
.zmargin{margin-bottom:20px;}
.innerpage-banner{padding-top:59px; padding-bottom:59px;}
}

@media(max-width:1199px){
.header_menu_area > ul{padding-left:0px; margin-left:0px; }
.header_menu_area > ul > li > a{padding-left:15px !important; padding-right:15px !important;}
}




.nav-abt { 
    float: right; 
    font-size: 14px; 
    font-weight: 300; 
    color: #000000; 
    /*font-family: 'PublicoHeadlineWeb-Bold' !important; */
    border-bottom: solid 2px #000000; 
    padding-bottom: 5px; 
    padding-left: 5px; 
    padding-right: 5px; 
    margin-top: 20px; 
    
}

.nav-abt:hover { 
    color: #92621e; 
    text-decoration: none!important; 
    border-bottom: solid 3px #92621e; 
    
}



.bs-edit{
	float: right; 
	z-index: 101!important;
}

.bs-edit h5{
	font-weight: 600;
	font-size: 20px;
}

.bs-edit p{
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	float: left;
	font-family: 'Baloo Paaji 2', cursive!important; 
}


.header-top{
	float:
	left;
	width:100%;
	background-color: #d02434;
	padding-top:10px;
	padding-bottom:10px;
}

.tel-one{
float: right;
    color: white;
    font-size: 14px;
    margin-right: 25px;
    border-right: solid 1px rgb(255 255 255 / 45%);
    padding-right: 19px;
}

.tel-two{
float: right;
    color: white;
    font-size: 14px;
}

.bus-nav{
	float:
	left !important;
	background-color: #d02434 !important;
	color:
	white !important;
	font-size:14px !important;
	width:110px !important;
	padding-top:13px !important;
	padding-bottom:13px !important;
	text-align:
	center !important;
	transition: all ease-in-out 0.5s;
	-o-transition: all ease-in-out 0.5s;
	-ms-transition: all ease-in-out 0.5s;
	-moz-transition: all ease-in-out 0.5s;
	-webkit-transition: all ease-in-out 0.5s;
	margin-top:10px !important;
}


.bus-nav:hover{
	background-color: #000000 !important;
	text-decoration:
	none !important;
	transition: all ease-in-out 0.5s;
	-o-transition: all ease-in-out 0.5s;
	-ms-transition: all ease-in-out 0.5s;
	-moz-transition: all ease-in-out 0.5s;
	-webkit-transition: all ease-in-out 0.5s;
}

.ftr-cntr{
	float:left;
	width:100%;
	text-align:center;
	margin-top: 5px;
	margin-bottom: 30px;
/* padding-right: 15px; *//* padding-left: 20px; */}

.ftr2n {
	/* float:left; */
	font-size:14px;
	color:white;
	text-decoration:none;
	transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
padding-left: 23px;padding-right: 23px;}

.ftr2n:hover{
	text-decoration:none !important;
	color:#6c6c6c;
	transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}


@media only screen and (max-width:500px) {
.about-image1 p{padding-left:15px; padding-right:15px;}
.article-box p{padding-left:15px; padding-right:15px;}
.project{padding-top:25px;}
}


@media only screen and (max-width:385px) {
.tel-one{font-size:13px; margin-right: 0px; padding-right: 0px;width: 50%;float: left;text-align: center;border-right: none;margin-left: 0px;margin-right: 0px;}
	.tel-two{font-size:13px;width: 50%;float: left;text-align: center;}

}


@media only screen and (max-width:355px) {
.tel-one{display:none;}
	.tel-two{display:none;}
.header-top{display:none;}
}