@charset "utf-8";
/* CSS Document */


.inner-wrapper{padding: 60px 0;width: 100%;float: left;}
.inr-container{padding: 30px;position: relative;}
.inr-container:before{position: absolute;left: 0;top: 0;content: "";width: 95%;height: 90%;border: solid rgba(0,0,0,0.10) 1px;}
.content-area{padding: 30px;width: 100%;display: inline-block;box-shadow: 0px 0px 10px rgba(0,0,0,0.15);background: #fff;position: relative;z-index: 9;}
.inner-banner{width: 100%;float: left;position: relative;}
.inner-banner img{width: 100%;object-fit: cover;height: 460px;}
.inner-banner:before{position: absolute;left: 0;bottom: 0;content: "";width: 100%;height: 100%;  
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.63) 100%); 
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.63) 100%); 
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.63) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0082dac6', endColorstr='#a12a8809',GradientType=0 );}
.inner-bnr-cap{position: absolute;left: 0;bottom: 0;padding: 15px;text-align: center;z-index: 99;width: 100%;}
.inner-bnr-cap h3{color: #fff;font-size: 36px;font-weight: 700;margin: 0 0 15px;}
.inner-header{background: #fff;}
.about-top-img-box img{max-width: 100%;}
.experience-box{position: absolute;right: 15px;bottom: 0;width: 320px;height: 160px;border-radius: 20px;padding: 50px;background: #169842;color: #fff;font-size: 24px;line-height: 30px;}
.experience-box strong{font-size: 45px;}
.about-top-des{padding-top: 15px;}
.about-top-des small{display: inline-block;width: 100%;font-size: 18px;color: #cddeb2;text-transform: uppercase;font-weight: 400;margin-bottom: 5px;}
.about-top-des h3{font-size: 50px;font-weight: 700;color: #6b7756;margin: 0 0 25px;}
.about-top-des p{text-align: justify;line-height: 24px;margin: 0 0 20px;color: #646464;}
.about-top-des ul{margin: 0;padding: 0;list-style: none;}
.about-top-des ul li{display: inline-block;margin-right: 20px;line-height: 40px;}
.about-top-des ul li span{color: rgba(0,0,0,0.60);text-transform: uppercase;font-size: 14px;}
.about-top-des ul li strong{color: #000;font-size: 50px;}
.about-page p{text-align: justify;line-height: 24px;margin: 0 0 15px;color: #646464;}
.about-page h4{margin: 15px 0;font-weight: 500;font-size: 18px;}
.service-page img{width: 100%;}
.service-page h3{font-size: 30px;font-weight: 700;color: #6b7756;margin: 0 0 15px;}
.service-page p{text-align: justify;line-height: 24px;margin: 0 0 15px;color: #646464;}
.service-page h4{margin:0 0 15px 0;font-weight: 500;font-size: 18px;color: #000;}
.service-list-1{margin: 0;padding: 0 0 15px;list-style: none;}
.service-list-1 li{display: inline-block;padding: 8px 20px 5px 30px;border-radius: 30px;color: #fff;text-transform: uppercase;background: #169842;position: relative;margin-bottom: 5px;}
.service-list-1 li::before{position: absolute;left: 11px;top: 12px;content: "";width: 10px;height: 10px;border-radius: 10px;background: #fff;}
.service-list-2{margin: 0;padding: 0 0 0;list-style: none;}
.service-list-2 li{padding-left: 15px;position: relative;color: #000;margin: 0 0 5px;}
.service-list-2 li::before{position: absolute;left: 0px;top: 7px;content: "";width: 6px;height: 6px;border-radius: 6px;background: #169842;}
.project-page-box{width: 100%;float: left;margin: 15px 0;box-shadow: 0px 0px 15px rgba(0,0,0,0.20);}
.project-page-box img{width: 100%;border: solid #fff 1px;}
.project-page-box a{cursor: pointer;}
.project-page h3{position: relative;padding-bottom: 10px;margin:0 0 15px;font-size: 30px;color:#6b7756;}
.project-page h3::before{position: absolute;left: 0;bottom: 0;content: "";width: 60px;height: 2px;background: #169842;}
.contact-left h3{position: relative;margin: 0 0 15px;padding-bottom: 10px;font-size: 24px;color: #31a456;font-weight: 500;text-transform: uppercase;}
.contact-left h3::before{position: absolute;left: 0;bottom: 0;content: "";width: 100%;height: 1px; 
background: linear-gradient(to right,  rgba(22,152,66,1) 0%,rgba(243,250,230,1) 100%); }
.contact-left p{padding-left: 30px;color: #000;margin: 0 0 15px;position: relative;line-height: 24px;}
.contact-left p strong{text-transform: uppercase;font-size: 16px;font-weight: 500;}
.contact-left p i{position: absolute;left: 0;top:2px;color: #90c535;font-size: 18px;}
.contact-right h3{position: relative;margin: 0 0 15px;padding-bottom: 10px;font-size: 24px;color: #31a456;font-weight: 500;text-transform: uppercase;}
.contact-right h3::before{position: absolute;left: 0;bottom: 0;content: "";width: 100%;height: 1px; 
background: linear-gradient(to right,  rgba(22,152,66,1) 0%,rgba(243,250,230,1) 100%); }

.contact-right input{border-radius: 6px;background: #f4f8ec;padding: 20px 25px;border: none;outline: none;width: 100%;margin: 0 0 15px;color: #000;}
.contact-right textarea{border-radius: 6px;background: #f4f8ec;padding:20px 25px;border: none;outline: none;width: 100%;margin: 0 0 15px;color: #000;resize: none;height: 120px;}
.contact-right button{display:inline-block;border-radius: 30px;background: #f4731b;color: #fff;text-transform: uppercase;font-weight: 700;padding: 13px 55px 8px 25px;position: relative;height: 46px;border: solid #f4731b 2px;letter-spacing: 4px;cursor: pointer;}
.contact-right button i{position: absolute;right: 3px;top: 3px;width: 35px;height: 35px;border-radius: 35px;background: #fff;text-align: center;padding-top: 6px;color: #f4731b;font-size: 25px;}
.contact-right button:hover{background: #fff;color: #f4731b;}
.contact-right button:hover i{background: #f4731b;color: #fff;}
.contact-page iframe{margin-top: 15px;}


/*media start here*/


@media screen and (max-width:1300px){ 
	.inr-container{padding: 15px;}
	.inr-container:before {left: 7px;}
	.content-area{padding: 15px;}
}


@media screen and (max-width:1199px){  
	.inner-wrapper{padding: 30px 0;}
	.experience-box{border-top-right-radius: 0;border-bottom-right-radius: 0;}
	.about-top-img-box img{width: 100%;}
	.about-top-des h3{font-size: 30px;margin: 0 0 15px;}
}

@media screen and (max-width:767px){   
	.inner-banner img{height: 300px;}
	.about-top-des{padding-top: 0;padding-bottom: 20px;}
	.experience-box{width: 85%;}
	.about-page p{text-align: left;} 
}

@media screen and (max-width:460px){   
	.slider .item img{object-position: 65%;}
}