body{font-family: 'Overpass', sans-serif!important;}

.banner{position:relative;}
.banner:before{content:""; background:#000; position:absolute; width:100%; height:100%; opacity: 0.4;}
.banner img { height: 100vh; width: 100%; object-fit: cover; object-position: bottom;}



.cont_info { background: #3f9854; font-size: 16px!important; border-radius: 50px; color:#fff!important; }
.cont_info:hover { color: #000!important; }

.heading_part { position: absolute; top: 40%; left: 5%; color: #FFF; font-family: 'Overpass', sans-serif;}
.heading_part h1 { font-weight: 900; font-size: 70px; }
.heading_part h1 span {display: block; font-weight: 200;}

.what_we_do{padding:70px 0px }
.wht_top h2{font-weight: 900; font-size: 50px; }
.wht_top p {font-size: 20px; }

.padding_100{padding:100px 0px;}
.do_ww { background-size: cover!important; background-position: right center!important; position:relative;}
.waht_dd { background: #fff; padding: 40px; font-size: 18px; z-index: 1; position: relative;}

.do_ww:after { content: ""; background: #3f9854; width: 30%; height: 100%; display: block; position: absolute; top: 0; right: 0; }

.action_btn { border: 2px solid #3f9854; background:#3f9854;  padding: 8px 25px; border-radius: 100px; color: #fff; font-size: 16px; transition: all 0.8s; display: inline-block;}
.action_btn:hover {background:#fff; color:#000; border: 2px solid #000;}

.action_btn2 {background:#3f9854; border: 1px solid #3f9854; padding: 8px 25px; border-radius: 4px; color: #fff; font-size: 16px; transition: all 0.8s;}
.action_btn2:hover {background:#fff; color:#000; border: 1px solid #3f9854;}

footer{background:#000; padding:30px 0px;}

.footer-bottom { position: relative; width: 100%;}
.centred { text-align: center; }
.copyright p{color:#FFF; margin-bottom: 0px;}
.copyright p a{color:#FFF; }

.contact_part { margin-bottom: 50px; background: rgb(255,255,208);
    background: linear-gradient(360deg, rgb(255 255 255) 41%, rgb(63 152 84) 36%); padding-top:80px;} 
	
.me_contact { background: #fff; padding: 20px; border-radius: 7px; }  
.me_contact input[type="text"] { width: 100%; height: 40px; margin-bottom: 10px; padding-left: 10px; border: 0px; border-radius: 4px; background: #ece8e8;}
.me_contact textarea { width: 100%; height: 140px; margin-bottom: 10px; padding: 10px; border: 0px; border-radius: 4px; background: #ece8e8;}

.me_contact input:focus, .me_contact textarea:focus{outline:none;}


.my_contact{background:#fff;padding: 40px;width: 80%;margin: auto;border-radius: 10px;box-shadow: 0px 6px 11px 1px #a79e9e87; }

.waht_photo{position:relative;}


.waht_photo img {
    width: 100%;
    height: 430px;
    object-fit: cover;
    border-radius: 10px;
	outline: 6px double #fff;
    outline-offset: -20px;
    
}
.waht_photo {
    padding: 0px 40px;
}

.me_contact h3{font-weight: 900; font-size: 30px;}
.conta_info a {font-size: 30px; margin-left: 20px; color: #3f9854; font-weight: 600;}
.conta_info a:hover { color: #000; font-size: 30px; margin-left: 20px;}

.navbar{display:block;}
header.header h2 { margin-bottom: 0px; }

.info{margin-bottom:50px;}
.ifyou { font-size: 22px; width: 80%; margin: 0px auto 20px; }


#section {
  height: 100%;
  word-wrap: break-word;
}

.moretext {
  display: none;
}
.sk_block { margin: 50px 0px;  border-radius: 10px; }
.serv_data{padding:40px;}
.serv_data p{font-size:20px;}

.banner_inner h1 { font-size: 45px; font-weight: bold; margin-bottom:0px;} 
.banner_inner { background: #7daa88 url(../images/innerbg.png); text-align: center; color: #FFF; background-position: center; background-size: contain; position: relative;}
.banner_inner:before{content:""; position:absolute; height:100%; width:100%; display:block; background: #3f9854; opacity: 0.8;}
.space_part{padding:40px 0px; position: relative;}
.sk_photo img { width: 80%; margin: auto; }
.other_color{background:#d4f2da;}
.sk_photo { padding: 40px; }
.other_color .row { flex-direction: row-reverse; }
.contact_uu{padding:50px 0px;}

.my_contact_inner{background:url(../images/contact_bg.jpg) fixed; background-size: cover;
    background-position: center; position:relative;}

.my_contact_inner:before{content:""; position:absolute; height:100%; width:100%; display:block; 
background: linear-gradient(270deg, rgb(255 255 255 / 40%) 0%, rgba(63,152,84,1) 67%);}

.me_contact_inn{padding:50px 0px; position:relative;}
.me_contact_inn input[type="text"] { width: 100%; height: 40px; margin-bottom: 10px; padding-left: 10px; border: 0px; border-radius: 4px; background: #fff;}
.me_contact_inn textarea { width: 100%; height: 140px; margin-bottom: 10px; padding: 10px; border: 0px; border-radius: 4px; background: #fff;}

.me_contact_inn input:focus, .me_contact_inn textarea:focus{outline:none;}
.me_contact_inn h3 { font-weight: bold; color: #fff; font-size: 40px; } 
.me_contact_inn p { color: #fff; }

.team_block { background: rgb(63 152 84 / 24%); margin: 90px 0px 190px; padding: 20px 60px; position:relative;}
.team_photo { margin: -80px 0px -80px 0px; }  
.team_photo img { box-shadow: 0px -2px 9px 3px #ccc; }
.team_data { padding: 0px 40px; }
.team_data h4 { text-transform: uppercase; }
.team_photo img { width: 100%; height: 430px; object-fit: cover; border-radius: 10px;}

.name_d { color: #acccb4; font-size: 18px; left: 20px; letter-spacing: 6.6px; line-height: 1; margin: auto; padding: 0; font-weight: bold; position: absolute; top: 0; writing-mode: vertical-lr; transform: rotate(180deg); text-transform: uppercase; height: 100%; text-align: center; }



@media screen and (min-device-width: 200px) and (max-device-width: 768px) { 
    
.header .opened-menu span {background: #000!important;}
.banner img { height: 50vh;}
.heading_part h1 {font-size: 40px;}
.heading_part h1 span { display: block; font-weight: 200; font-size: 34px; }
.wht_top h2 { font-weight: 900; font-size: 40px; }
.wht_top p { width: 100%; margin: 0px auto 30px; font-size: 18px; }
.what_we_do { padding: 40px 0px 0px; }
.my_contact { background: #fff; padding: 0px; width: 100%;}
.conta_info a { font-size: 22px; margin-left: 20px; display: block; }
.footer-bottom hr { color: #fff; }
.waht_photo { padding: 0px 0px; margin: 30px 0px; }
.ifyou { font-size: 19px; width: 100%; margin: 0px auto 20px; }
.serv_data { padding: 20px; }
.team_photo img { width: 100%; height: 260px; object-fit: cover; border-radius: 10px; }
.team_data { padding: 0px 0px; }
.team_photo { margin: -80px 0px 20px 0px; }
.team_block {margin: 90px 0px 130px;}

}