/*======================
   01. Google fonts
========================*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600;700&family=Roboto:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
/*======================
   02. Basic css
========================*/
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
strong,
i,
ol,
ul,
li,
form,
label,
footer,
header,
menu,
nav,
section {
	margin: 0;
	padding: 0;
}

body {
	line-height: 1.45;
	font-size: 22px;
	font-family: 'Roboto', sans-serif;
	background-color: #fff;
	color: #404040;
}
h1,
h2,
h3,
h4,
h5,
h6{
	font-family: 'Barlow Condensed', sans-serif;
}

ol,
ul {
	list-style: none;
}

a:hover {
	text-decoration: none;
}

button:focus,
a:focus,
input:focus,
textarea:focus{
	outline: none;
}

/* page loader  */
#preloader {
	position: fixed;
	background: #fff;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	height: 100vh;
	width: 100vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.loader3 {
	width: 50px;
	height: 50px;
	display: inline-block;
	padding: 0px;
	text-align: left;
}

.loader3 span {
	position: absolute;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: #38C158;
	-webkit-animation: loader3 1.5s linear infinite;
	animation: loader3 1.5s linear infinite;
}

.loader3 span:last-child {
	animation-delay: -0.9s;
	-webkit-animation-delay: -0.9s;
}

@keyframes loader3 {
  	0% {
    	-webkit-transform: scale(0, 0);
    	        transform: scale(0, 0);
    	opacity: 0.8;
  	}
  	100% {
    	-webkit-transform: scale(1, 1);
    	        transform: scale(1, 1);
    	opacity: 0;
  	}
}

@-webkit-keyframes loader3 {
  	0% {
    	-webkit-transform: scale(0, 0);
    	opacity: 0.8;
  	}
  	100% {
    	-webkit-transform: scale(1, 1);
    	opacity: 0;
  	}
}
/*Hamburger-menu START CSS*/
.hamburger-menu {
	cursor: pointer;
	position: absolute;
	right: 15px;
	display: none;
	z-index: 999;
	top: -15px;
}
.hamburger-menu span {
	background: #fff;
	width: 30px;
	height: 3px;
	display: block;
	margin: 5px 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.hamburger-menu:hover .line-top {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}
.hamburger-menu:hover .line-bottom {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}
.hamburger-menu .line-top.current {
	-webkit-transform: translateY(200%) rotate(135deg);
	-ms-transform: translateY(200%) rotate(135deg);
	transform: translateY(200%) rotate(135deg);
}
.hamburger-menu .line-center.current {
	opacity: 0;
}
.hamburger-menu .line-bottom.current {
	-webkit-transform: translateY(-325%) rotate(-135deg);
	-ms-transform: translateY(-325%) rotate(-135deg);
	transform: translateY(-325%) rotate(-135deg);
}
header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1024;
	width: 100%;
	background-color: rgba(56, 56, 56, 0.75);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	padding: 20px 0;
}

/*sticky START CSS*/
header.sticky {
   background-color: rgba(56, 56, 56, 1);
}
.logo{
	display: block;
	width: 100%;
	max-width: 180px;
}
#menu {
	text-align: right;
}
#menu li {
	display: inline-block;
}
#menu li a {
	font-size: 20px;
	text-transform: uppercase;
	color: #CECECE;
	padding: 0 9px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 600;
}
#menu li:last-child a{
	padding-right: 0;
}
#menu>li>a.active,
#menu>li>a:hover {
	color: #38C158;
}
#menu>li>a.active{
	font-weight: 700;
}
/*home area*/
.home_area{
	position: relative;
	height: 100vh;
	overflow: hidden;
}
/*.home_area::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(56, 56, 56, 0.4);
	z-index: 1;
}*/
.home_area video{
	width: 100%;
	height: 100vh;
	-o-object-fit: cover;
	   object-fit: cover;
}
/*about area*/
.about_area{
	background-color: #E2E2E2;
	padding: 80px 0 90px;
	position: relative;
	z-index: 1;
}
.sub_title{
	font-size: 24px;
	font-weight: 700;
	color: #38C158;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 11.4px;
}
.about_area .sub_title{
	padding-bottom: 130px;
}
.multiply{
	mix-blend-mode: multiply;
}
.about_area>img{
	position: absolute;
	z-index: -1;
}
.shape1{
	left: -250px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.shape2{
	right: 259px;
	top: 123px;
}
.shape3{
	right: 151px;
	bottom: 147px;
}
.about_area h2{
	font-size: 75px;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
	color: #363636;
}
.button{
	background-color: #363636;
	font-size: 27px;
	font-weight: 500;
	color: #fff !important;
	line-height: 1;
	padding: 12px 13px 13px;
	width: 100%;
	max-width: 322px;
	font-family: 'Barlow Condensed', sans-serif;
	text-align: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.button:hover,
.button.active{
	background-color: #38C158;
}
.button.active:hover{
	-webkit-box-shadow: 0 0 100px rgba(0, 0, 0, 0.3) inset;
	        box-shadow: 0 0 100px rgba(0, 0, 0, 0.3) inset;
}
/*service area*/
.service_area{
	background-color: #363636;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 80px 0 90px;
}
.service_area h2{
	font-size: 135px;
	color: #C1C1C1;
	text-transform: uppercase;
	line-height: 0.9;
	font-weight: 700;
}
.service_text{
	font-size: 25px;
	max-width: 611px;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.5;
	padding-top: 8px;
}
.service_box{
	background-color: rgba(0, 0, 0, 0.72);
	display: block;
}
.img_box{
	overflow: hidden;
}
.img_box img{
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.service_box:hover .img_box img{
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}
.service_box p{
	font-size: 26px;
	text-transform: uppercase;
	font-weight: 500;
	color: #C1C1C1;
	line-height: 1.3;
}
.service_content{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 28px 26px 28px 49px;
	text-align: left;
}
.service_content img{
	margin-left: 5px;
}

/*gallery area*/
.gallery_area{
	background-color: #E2E2E2;
	padding: 100px 0 210px;
}
.gallery_area h2{
	font-size: 135px;
	line-height: 1;
	color: #363636;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 100px;
	margin-bottom: 40px;
}
.gallery_area .button{
	margin-top: 135px;
}
.gallery_wrap{
	margin-left: -0.35%;
	margin-right: -0.35%;
}
.gallery_wrap>div{
	padding-left: 0.35%;
	padding-right: 0.35%;
	margin-top: 0.7%;
}
.col.w-20{
	max-width: 20%;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 20%;
	        flex: 0 0 20%;
}
.col.w-40{
	max-width: 40%;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 40%;
	        flex: 0 0 40%;
}
/*after before area*/
.after_area{
	padding: 80px 0 210px;
}
.after_before{
	border: 10px solid #363636;
}
.after_before img{
	max-height: 878px;
	-o-object-fit: cover;
	   object-fit: cover;
}
.after_area h2{
	color: #363636;
	font-weight: 700;
	font-size: 75px;
	line-height: 1;
	margin: 150px 0 65px;
}
.after_area ul li{
	padding: 0 43px;
	margin-top: 33px;
}
.after_area ul li a.nav-link{
	padding: 0;
	font-size: 24px;
	font-weight: 500;
	color: #707070;
	font-family: 'Barlow Condensed', sans-serif;
	text-transform: uppercase;
}
.after_area ul li a.nav-link.active{
	font-weight: 700;
	color: #707070;
	background-color: transparent;
}
/*bring area*/
.bring_area {
   padding: 178px 0 140px;
   background: -o-linear-gradient(340deg, rgba(112,112,112,1) 44.1%, rgba(54,54,54,1) 44.2%);
   background: linear-gradient(110deg, rgba(112,112,112,1) 44.1%, rgba(54,54,54,1) 44.2%);
   position: relative;
   z-index: 1;
}
.bring_content{
	background-color: #E2E2E2;
	padding: 74px 160px 90px 74px;
	position: relative;
	margin-left: -120px;
}
.bring_content h2{
	font-size: 112px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 0.9;
}
.bring_content p{
	max-width: 563px;
}
.bgshape1{
	position: absolute;
	top: 33px;
	left: -16px;
	z-index: 1;
}
.bgshape2 {
	position: absolute;
	right: -248px;
	bottom: 174px;
	z-index: 1;
	pointer-events: none;
}
.bgshape3{
	position: absolute;
	z-index: -1;
	right: 0;
	bottom: 75px;
}
/*footer area*/
footer{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #363636;
	padding-top: 130px;
	font-family: 'Barlow Condensed', sans-serif;
	color: #fff;
	font-weight: 500;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
footer>img{
	position: absolute;
	z-index: -1;
}
.fshape1 {
	right: -248px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	max-width: 487px;
}
.fshape2 {
	left: 71px;
	bottom: 100px;
}
footer .media{
	margin-bottom: 30px;
}
footer .media img{
	margin-right: 40px;
}
footer .media h3{
	font-size: 36px;
	line-height: 0.9;
	text-transform: uppercase;
	font-weight: 700;
}
footer .media p{
	font-size: 21px;
	line-height: 1.42;
	margin-top: 3px;
}
footer h4{
	text-transform: uppercase;
	color: #3DD05F;
	font-size: 33px;
	font-weight: 700;
}
.normal_text{
	font-size: 28px;
}
.normal_text a{
	color: #fff;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.normal_text a:hover{
	color: #3DD05F;
}
.social_icons a{
	height: 38px;
	width: 38px;
	border-radius: 50%;
	background-color: #3DD05F;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: #fff;
	font-size: 18px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	margin-right: 8px;
	margin-top: 8px;
}
.social_icons a:hover{
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4) inset;
	        box-shadow: 0 0 30px rgba(0, 0, 0, 0.4) inset;
}
.small_gutter{
	margin-left: -7px;
	margin-right: -7px;
}
.small_gutter>div{
	padding: 0 7px;
	margin-top: 14px;
}
footer h5{
	text-transform: uppercase;
	color: #3DD05F;
	font-size: 28px;
}
.fimg_box{
	display: block;
	overflow: hidden;
}
.fimg_box img{
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.fimg_box:hover img{
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}
.follow_wrap{
	padding-right: 90px;
}
.footer_bottom{
	padding: 12px 0;
	margin-top: 125px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	font-size: 18px;
	font-weight: 400;
	font-family: "Helvetica Neue",sans-serif;
}
.footer_bottom p a{
	color: #fff;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.footer_bottom p a:hover{
	color: #3DD05F;
}

/*contact page*/
.inner_area{
	height: 695px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	z-index: 1;
}
.inner_area::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(56, 56, 56, 0.4);
	z-index: 1;
	mix-blend-mode: multiply;
}
.big_text{
	font-size: 25px;
}
.common_area{
	padding: 100px 0;
	position: relative;
	z-index: 1;
	background-color: rgba(56, 56, 56, 0.14);
}
.common_area>img{
	position: absolute;
	z-index: -1;
}
.title{
	font-size: 75px;
	font-weight: 700;
	text-transform: uppercase;
	color: #363636;
	margin-top: 60px;
	line-height: 1;
}
.form_box{
	background-color: #707070;
	padding: 50px 60px;
	margin-top: 50px;
	margin-bottom: 115px;
}
.form_box label{
	text-transform: uppercase;
	color: #fff;
	font-size: 18px;
	line-height: 1;
}
.form_box input,
.form_box textarea{
	background-color: #FFFFFF;
	border: none;
	padding: 0 15px;
	height: 40px;
	font-size: 16px;
	width: 100%;
	color: #707070;
	margin-bottom: 30px;
	margin-top: 4px;
}
.form_box textarea{
	resize: none;
	padding-top: 10px;
	height: 140px;
}
.form_box button{
	border: none;
}
.success_msg{
	color: #CECECE;
	font-size: 42px;
	font-family: 'Roboto', sans-serif;
	margin-top: 20px;
	letter-spacing: -0.25px;
	text-align: center;
}
.common_area .shape1{
	top: 87px;
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}
.shape4{
	right: -245px;
	bottom: 114px;
}
.shape5{
	left: 10%;
	bottom: 104px;
}
/*project page*/
.project_tab{
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 65px 0 15px;
}
.project_tab li{
	padding: 5px 29px;
}
.project_tab li a.nav-link{
	font-size: 23px;
	color: #404040;
	text-transform: uppercase;
	padding: 0;
}
.project_tab li a.nav-link.active{
	color: #38C158;
	font-weight: 900;
	background-color: transparent;
}
.project_wrap{
	padding-top: 75px;
	padding-bottom: 100px;
}
.project_wrap p{
	font-size: 27px;
	font-weight: 500;
	line-height: 1.29;
}
.project_wrap p.text-uppercase{
	font-weight: 700;
}
.img_wrap{
	margin-left: -2px;
	margin-right: -2px;
	margin-top: 55px;
}
.img_wrap>div{
	padding: 0 2px;
	margin-top: 4px;
}
.common_area.v2{
	padding-bottom: 35px;
}
.line{
	width: 100%;
	height: 4px;
	max-width: 359px;
	background-color: #45CE64;
	margin: 145px auto 60px;
}
/*dedicated_area*/
.dedicated_area{
	background-color: #000000;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 200px 0 188px;
}
.dedicated_box{
	background-color: #3DD05F;
	padding: 140px 196px 130px;
	position: relative;
	z-index: 1;
}
.dedicated_box>img{
	position: absolute;
	z-index: -1;
}
.top_left{
	top: 37px;
	left: 37px;
}
.top_right{
	top: 37px;
	right: 37px;
}
.bottom_left{
	bottom: 37px;
	left: 37px;
}
.bottom_right{
	bottom: 37px;
	right: 37px;
}
.dedicated_box h2{
	font-size: 88px;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
}
.dedicated_box p{
	letter-spacing: -0.25px;
}
.dedicated_box p:not(.big_text){
	font-size: 20px;
}
.dedicated_box h4 {
   font-size: 29px;
   text-transform: uppercase;
   color: #fff;
   font-weight: 700;
   line-height: 1;
   letter-spacing: 0.6px;
   position: absolute;
   right: -145px;
   top: 49%;
   -webkit-transform: rotate(-90deg) translateY(-50%);
       -ms-transform: rotate(-90deg) translateY(-50%);
           transform: rotate(-90deg) translateY(-50%);
}
/*reliability area*/
.reliability_area{
	background-color: rgba(56, 56, 56, 0.14);
	position: relative;
	z-index: 1;
	padding: 275px 0 200px;
}
.reliability_area>img{
	position: absolute;
	z-index: -1;
}
.reliability_area h2{
	font-size: 95px;
	color: #404040;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.1;
}
.reliability_area p{
	letter-spacing: -0.25px;
}
.reliability_area p:not(.big_text){
	font-size: 20px;
}
.img2 {
   display: block;
   width: 100%;
   max-width: 70%;
}
.img3 {
   margin-top: -50px;
   width: 100%;
   max-width: 50%;
   margin-left: 12%;
}
.shape7{
	left: 119px;
	top: 105px;
}
.shape8 {
	z-index: 2 !important;
	left: 10%;
	bottom: 8%;
	width: 19%;
}
.plus_icon{
	top: 193px;
	right: 34%;
}
.shape9 {
	bottom: 120px;
	right: 9%;
}
/*return-to-top START CSS*/
.back-to-top {
	font-size: 24px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	display: none;
	position: fixed;
	bottom: 30px;
	right: 20px;
	border-radius: 50%;
	background: #38C158;
	z-index: 1000;
}

.back-to-top i {
	color: #fff;
}



/* Services Page Desing----------------------- */

.services_body{
	font-size: 25px;
}
/* banner area */
.services_body .banner_area{
	position: relative;
}
.services_body .banner_area::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(56, 56, 56, 0.4);
}
/* services area */
.services_body .services_area{
	position: relative;
}
.services_body .services_area .title_box{
	background: rgba(56, 56, 56, 0.14);
	padding-top: 95px;
}
.services_body .services_area .title_box h2{
	font-size: 75px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1;
}
/* services_box */
.services_body .services_area .services_box .collapse{
	position: relative;
}
.services_body .services_area .services_box .main_content h3{
	font-size: 65px;
	font-weight: 700;
	line-height: 1;
	padding-bottom: 20px;
	text-transform: uppercase;
}
.services_body .services_area .services_box .expand_btn a{
	font-size: 35px;
	color: #707070;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.services_body .services_area .services_box .expand_btn a:hover{
	color: #38C158;
}
.expand_btn p::before{
	content: 'EXPAND';
	text-transform: uppercase;
}
.expand_btn a[aria-expanded="true"] p::before{
	content: 'collapse';
}
/* services_box_1 */
.services_body .services_area .services_box_1{
	padding: 130px 0 80px;
	background: #363636;
	position: relative;
}
.services_body .services_area .services_box_1 h3{
	color: #CECECE;
}
.services_body .services_area .services_box_1 p{
	color: #fff;
}
.services_body .services_area .services_box_1 .expand_btn p{
	font-size: 19px;
	color: #CECECE;
}
/* collapse */
.services_body .services_box_1 .collapse_body{
	padding-top: 144px;
	padding-bottom: 32px;
}
.services_body .services_box_1 .wrap_1 h4,
.services_body .services_box_1 .wrap_2 h4,
.services_body .services_box_1 .wrap_3 h4{
	color: #fff;
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
}
.services_body .services_box_1 .wrap_2{
	padding-top: 135px;
	padding-bottom: 97px;
}
.services_body .services_box_1 .wrap_4 p{
	color: #3DD05F !important;
	font-size: 27px;
	font-weight: 500;
	text-transform: uppercase;
}
.services_body .services_box_1 .wrap_5 h1{
	color: rgba(255, 255, 255, 0.05);
	font-size: 331px;
	font-family: 'Bebas Neue', cursive;
	font-weight: 400;
}
.services_body .services_box_1 .wrap_5 .btn{
	padding: 15px 50px;
	color: #fff;
	background: #3DD05F;
	font-size: 27px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1;
	border-radius: 0;
	border: none;
	outline: 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.services_body .services_box_1 .wrap_5 .btn:hover{
	background-color: #38C158;  
	-webkit-box-shadow: 0 0 100px rgba(0, 0, 0, 0.3) inset;  
	        box-shadow: 0 0 100px rgba(0, 0, 0, 0.3) inset;
}
/* services_box_2 */
.services_body .services_box_2 .collapse_body{
	padding: 227px 0 18px;
}
.services_body .services_area .services_box_2{
	padding: 192px 0 92px;
	background: rgba(56, 56, 56, 0.14);
	position: relative;
}
.services_body .services_area .services_box_2 .expand_btn p{
	font-size: 19px;
	color: #363636;
}
.services_body .services_box_2 .wrap_1 h3,
.services_body .services_box_2 .wrap_2 h3,
.services_body .services_box_2 .wrap_3 h3,
.services_body .services_box_2 .wrap_4 h3,
.services_body .services_box_2 .wrap_5 h3,
.services_body .services_box_2 .wrap_6 h3{
	color: #404040;
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	padding-bottom: 20px;
}
.services_body .services_box_2 .wrap_2 .list_group li{
	list-style: decimal-leading-zero;
	color: #363636;
	line-height: 2.2;
}
.services_body .services_box_2 .wrap_6 h3{
	padding-bottom: 0;
}
.services_body .services_box_2 .wrap_6 span{
	font-size: 19px;
	font-style: italic;
}
.services_body .services_box_2 .wrap_7 h1{
	color: rgba(54, 54, 54, 0.05);
	font-size: 331px;
	font-family: 'Bebas Neue', cursive;
	font-weight: 400;
	text-align: center;
}
.services_body .services_box_2 .wrap_7 .btn{
	padding: 15px 50px;
	color: #fff;
	background: #3DD05F;
	font-size: 27px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1;
	border-radius: 0;
	border: none;
	outline: 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.services_body .services_box_2 .wrap_7 .btn:hover{
	background-color: #38C158;  
	-webkit-box-shadow: 0 0 100px rgba(0, 0, 0, 0.3) inset;  
	        box-shadow: 0 0 100px rgba(0, 0, 0, 0.3) inset;
}
/* services_box_3 */
.services_body .services_area .services_box_3{
	padding: 193px 0 67px;
	background: rgba(61, 208, 95, 0.4);
	position: relative;
}
.services_body .services_area .services_box_3 .collapse_body{
	padding: 190px 0 70px;
}
.services_body .services_area .services_box_3 .expand_btn a{
	color: #000;
}
.services_body .services_area .services_box_3 .expand_btn p{
	font-size: 19px;
	color: #363636;
}
.services_body .services_box_3 .wrap_2 h3,
.services_body .services_box_3 .wrap_3 h3{
	color: #363636;
	font-size: 36px;
	font-weight: 900;
	line-height: 1;
	margin-bottom: 20px;
}
.services_body .services_box_3 .wrap_4 h1{
	color: rgba(54, 54, 54, 0.05);
	font-size: 331px;
	font-family: 'Bebas Neue', cursive;
	font-weight: 400;
	text-align: center;
}
.services_body .services_box_3 .wrap_4 .btn{
	padding: 15px 50px;
	color: #fff;
	background: #3DD05F;
	font-size: 27px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1;
	border-radius: 0;
	border: none;
	outline: 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.services_body .services_box_3 .wrap_4 .btn:hover{
	background-color: #38C158;  
	-webkit-box-shadow: 0 0 100px rgba(0, 0, 0, 0.3) inset;  
	        box-shadow: 0 0 100px rgba(0, 0, 0, 0.3) inset;
}
/* additional services area */
.services_body .additional_services_area h2{
	color: #363636;
	font-size: 75px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1;
}
.services_body .additional_services_area .title_box{
	background: rgba(56, 56, 56, 0.14);
	padding: 204px 0 162px;
}
.services_body .additional_services_area .additional_services_boxs{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 180px 0 211px;
	position: relative;
}
.services_body .additional_services_area .additional_services_boxs::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(18, 18, 18, 0.76);
}
.services_body .additional_services_area .additional_services_boxs h2{
	color: #FFFFFF;
}
.services_body .additional_services_area .icon_box{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	text-align: center;
	padding-top: 119px;
	padding-left: 50px;
	padding-right: 50px;
	height: 587px;
	z-index: 1;
}
.services_body .additional_services_area .icon_box::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.services_body .additional_services_area .icon_box h4{
	color: #404040;
	font-size: 65px;
	font-weight: 600;
	line-height: 1;
	padding: 35px 0;
	text-transform: uppercase;
}
.services_body .additional_services_area .icon_box_2 h4{
	color: #CECECE;
}
.services_body .additional_services_area .icon_box p{
	font-weight: 700;
	color: #fff;
}
.services_body .additional_services_area .icon_box_1::before{
	background: rgba(56, 193, 88, 0.8);
	z-index: -1;
}
.services_body .additional_services_area .icon_box_2::before{
	background: rgba(64, 64, 64, 0.86);
	z-index: -1;
}
.services_body .additional_services_area .icon_box_3::before{
	background: rgba(56, 193, 88, 0.8);
	z-index: -1;
}
/* services page shape */
.d_shape1,.d_shape5,.d_shape6,.d_shape15,.d_shape16,.d_shape17,.d_shape18,.d_shape19,.d_shape22,.d_shape23{
	max-width: 300px;
}
.d_shape1,.d_shape15,.d_shape17,.d_shape19,.d_shape22{
	left: -150px;
}
.d_shape16,.d_shape18,.d_shape23{
	right: -150px;
}
.d_shape{
	position: absolute;
}
.d_shape1{
	top: 80px;
	z-index: -1;
}
.d_shape2{
	right: 259px;
	top: 100px;
	z-index: -1;
}
.d_shape3{
	bottom: 0;
	left: -50px;
}
.d_shape4 {
	bottom: -150px;
	right: -170px;
	z-index: 1;
}
.d_shape5{
	top: 40%;
	left: -150px
}
.d_shape6{
	top: 60%;
	right: -150px
}
.d_shape7{
	top: 150px;
	right: -150px
}
.d_shape8{
	bottom: 150px;
	right: -150px
}
.d_shape9{
	left: -150px;
	bottom: -150px;
	z-index: 1;
}
.d_shape10{
	right: -50px;
	bottom: 0;
}
.d_shape11{
	left: -100px;
	bottom: -100px;
}
.d_shape12{
	right: -100px;
}
.d_shape13{
	left: -100px;
	bottom: 0;
}
.d_shape14{
	right: -100px;
	bottom: 0;
}
.d_shape15{
	top: 20%;
}
.d_shape16{
	top: 28%;
}
.d_shape17{
	top: 45%;
}
.d_shape18{
	bottom: 30%;
}
.d_shape19{
	bottom: 10%;
}
.d_shape20{
	bottom: 0;
	left: -50px;
}
.d_shape21{
	bottom: -150px;
	right: -170px;
	z-index: 1;
}
.d_shape22{
	top: 38%;
}
.d_shape23{
	top: 55%;
}
.d_shape24{
	top: 0;
	right: -100px;
}
.d_shape25{
	left: -100px;
	bottom: -50px;
}
.d_shape26{
	right: -100px;
	bottom: 0;
}
.d_shape27{
	top: -150px;
	left: -300px;
}
/* safety page desing-------------------- */
.safety_body{
	color: #363636;
	font-size: 25px;
	line-height: 1.4;
}
.safety_body h2{
	color: #363636;
	font-size: 75px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1;
}
.s_shape{
	position: absolute;
}
/* banner area */
.safety_body .banner_area{
	position: relative;
}
.safety_body .banner_area::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(56, 56, 56, 0.4);
}
/* safety area */
.safety_body .safety_area{
	background: #E3E3E3;
	padding: 96px 0 128px;
	position: relative;
}
.safety_body .safety_area .sub_title{
	padding-bottom: 126px;
}
.safety_body .safety_area h2{
	padding-bottom: 55px;
}
.safety_body .safety_area .wrap_1{
	padding-bottom: 178px;
}
/* makes area */
.safety_body .makes_area{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	padding: 73px 99px;
	z-index: 1;
}
.safety_body .makes_area:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.49);
	z-index: -1;
}
.safety_body .makes_area .all_content{
	padding: 90px 0 130px;
	border: 3px solid #fff;
	z-index: 1;
	position: relative;
}
.safety_body .makes_area .all_content::before{
	content: '';
	position: absolute;
	left: -3px;
	top: -3px;
	width: 465px;
	height: 18px;
	background: #fff;
}
.safety_body .makes_area .all_content::after{
	content: '';
	position: absolute;
	right: -3px;
	bottom: -3px;
	width: 465px;
	height: 18px;
	background: #fff;
}
.safety_body .makes_area .title_box{
	padding-bottom: 89px;
}
.safety_body .makes_area .title_box .icon{
	padding-bottom: 115px;
}
.safety_body .makes_area h2{
	color: #fff;
}
.safety_body .makes_area .box h3{
	color: #38C158;
	font-size: 65px;
	font-weight: 300;
	line-height: 1;
	padding-bottom: 7px;
}
.safety_body .makes_area .box p{
	color: #FFFFFF;
	font-size: 25px;
	font-weight: 700;
}
/* plan area */
.safety_body .plan_area{
	text-align: center;
	padding: 215px 0;
	position: relative;
}
.safety_body .plan_area h2{
	display: inline-block;
}
.safety_body .plan_area .check_mark{
	display: inline-block;
	margin-left: 30px;
	margin-top: -60px;
}
.safety_body .plan_area hr{
	max-width: 356px;
	height: 2px; 
	background: #45CE64;
	margin: 85px auto 85px auto;
}
/* safety page shape */
.s_shape1,.s_shape5,.s_shape10,.s_shape11{
	max-width: 300px;
}
.s_shape1{
	left: -150px;
}
.s_shape2 {
   right: 259px;
   top: 145px;
}
.s_shape3{
	top: 40%;
	right: 0;
	max-width: 400px;
}
.s_shape4{
	left: 215px;
	bottom: 128px;
}
.s_shape5{
	right: -150px;
	bottom: 280px;
}
.s_shape6{
	top: 32px;
	left: 34px;
}
.s_shape7{
	top: 32px;
	right: 34px;
}
.s_shape8{
	bottom: 32px;
	left: 34px;
}
.s_shape9{
	bottom: 32px;
	right: 34px;
}
.s_shape10{
	left: -150px;
	top: 100px;
}
.s_shape11{
	right: -150px;
	bottom: 100px;
}
.s_shape12{
	left: 255px;
	bottom: 118px;
}
.s_shape13 {
	left: 350px;
	bottom: 180px;
}
.project_title{
	font-weight: 600;
	margin-top: 40px;
	margin-bottom: 60px;
}