@charset "utf-8";
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&family=Rubik:wght@300;400;600&display=swap');

/* CSS Document */
body{margin:0 auto; font-family: 'Poppins', sans-serif!important; font-size:16px!important; line-height:normal!important;}
img{border:0}

h1, h2, h3, h4, h5{margin:0; padding:0; font-weight:normal; line-height:normal!important; font-family: 'Poppins', sans-serif;}


.heading_01{font-size:42px!important; font-weight:700;}
.heading_02{font-size:32px!important; font-weight:700!important;}

html {
  scroll-behavior: smooth;
}

.container{max-width:1280px!important;}


.para{line-height:26px;}
.para2{line-height:24px; font-size:15px; color:#6a6a6a}

.rounded-x{border-radius: 8px;}

.text-succs{color:#007f5f!important;}

.btn-red{
background:#FFD000; padding:12px 20px; color:#000!important; border:0; font-size:16px; border-radius: 0; border:2px solid #FFD000; text-decoration:none!important;
}
.btn-whte{
background:none; padding:12px 20px; color:#fff; border:0; font-size:16px; border-radius: 0; border:2px solid #eaeaea; #box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
}
.btn-yellow{ font-weight:600;
background:#FFD000; padding:12px 20px; color:#000!important; border:0; font-size:17px; border-radius: 0; border:2px solid #FFD000; text-decoration:none!important;
}

.bg-green{background:#007f5f}

.header{ width:100%; padding:10px 5%; float:left; background:#007f5f; color:#fff; position:inherit}

.logo{float:left; width:140px; padding-top:0;}
.logo img{width:100%; height:auto}

.header_btn{float:right; margin-top: 18px;}


.menu_sec{float:right; font-family: 'Poppins', sans-serif; text-transform:inherit; margin:5px 2% 0 0;}
.menu_sec ul{padding:0; margin:0}

.banner_sec{ padding:5% 0 5% 0; color: #fff; text-align:center;
background:linear-gradient( rgba(2, 3, 14, .4) 100%, rgba(2, 3, 14, .2)100%),url("../images/banner-image.jpg") fixed; background-position:bottom; background-size:cover;}
.banner_sec h1{font-size:62px!important;}
.rounded-x{border-radius:8px;}
.banner-w{width:65%}


.work_card{width:100%; float:left; background:#007f5f; overflow:hidden; position:relative; color:#fff; margin-bottom:25px; text-align:left; border-radius:0;}
.work_card img{width:100%; border:0 solid #eaeaea; opacity:1; transition:.2s ease-in-out; display:block; transform: scale(1.2); border-radius:0;}
.work_card:hover img{transform: scale(1.3); opacity:.2;}

.work_card div {position:absolute; text-align: left; text-transform: none; bottom:5%; left:5%; color:#fff; transition:.2s ease-in-out; font-weight:600; text-decoration:none!important; width:90%}
.work_card:hover div{position:absolute; bottom:10%; color:#fff; font-weight:600; text-decoration:none!important;}
.work_card div p{ display:none; line-height:20px; transition:.2s ease-in-out; font-size: 15px;}
.work_card:hover div p{ display:inherit; transition:.2s ease-in-out; }

.work_card div h4{ display:inherit; line-height:20px; transition:.2s ease-in-out; text-transform:uppercase; font-weight:bold; color:#fff}
.work_card:hover div h4{ display:inherit; transition:.2s ease-in-out; }


.keypoints_box4{background: #fff; text-align: left; border-radius:0; padding:2%; overflow: hidden; border:1px solid #007f5f; #box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.08);}
.keypoints_box4 H5 A{color: #1A1A1A;}



.background-1{color: #fff; text-align:center;
background:linear-gradient( rgba(0, 0, 0, .8) 100%, rgba(0, 0, 0, .8)100%),url("../images/background-01.jpg"); background-size:cover;}

.card-one{background:#fff; box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.08); transition: .3s ease-in-out; padding:4%; text-align:left; border-radius:8px; }
.card-one h5{font-size: 18px; font-weight: 600; margin:0; padding:0;}
.card-one p{margin:0; padding:0; line-height:22px;}


.footer{ padding:8% 0 7% 0; color:#fff; font-size:14px;
background:linear-gradient( rgba(0, 0, 0, .9) 100%, rgba(0, 0, 0, .9)100%),url("../images/forests-banner.jpg") fixed; background-position:bottom; background-size:cover;}

.footer a{display: block; color: #fff!important;}
.footer p{margin:5px 0;}

.socials a{background:#FFD000; height:32px; width:32px; border-radius:35px; font-size:16px!important; color:#101010!important; display:flex; align-items:center; justify-content:center; float:left; margin-right:7px; margin-bottom:7px; transition: .3s;}
.socials a:hover{color:#000!important; text-decoration:none; background:#FFD000;}



.inner_banner_01{
	background:linear-gradient( rgba(0, 0, 0, 0.5) 100%, rgba(2, 34, 38, .8)100%),url("../images/banner-01.jpg") center; background-size:cover;
}
.inner_banner_01 h2{font-size:42px!important; font-weight:600; color:#101010; margin-bottom:15px;}


.inner_form{ background:#FFD000; padding:3%; width:100%;border-radius:5px!important; box-shadow:0px 15px 15px 0 rgba(0,0,0,0.2);}
.inner_form h2{font-size:24px; font-weight:600; color:#101010; margin-bottom:5px;}
	
.input__02{width:100%; padding:10px; border:0; background:#fff!important; border-radius:5px!important; color:#000;}

.inner_form table tr td{padding:5px;}

.card-01{background:#fff; text-align:center;}
.card-01 .img_dv{ overflow:hidden}
.card-01 .img_dv img{width:100%; height:auto; transition:.3s;}
.card-01 .img_dv img:hover{width:100%; height:auto; transform: scale(1.1);}


.card-01 .card_dv{padding:2% 3%; text-align:left}
.card-01 .card_dv h3{ width:100%; line-height:24px!important;}
.card-01 .card_dv h3 a{text-transform:none; font-size:20px; font-weight:700; color:#1a1a1a; text-decoration:none; line-height:20px;}
.card-01 .card_dv h5{position:absolute; background:#CC3300; color:#fff; padding:10px 10px; top:20px; left:0; font-size:16px;}

.card-01 .card_dv h4 a{font-size:26px; text-transform:uppercase; font-weight:600; text-decoration:none; color:#007f5f ;}



.form-bg{background-color:#FFD000; width:100%; padding:1% 2% 2% 2%; position:relative; top:-50px; overflow:hidden; margin-bottom:; border-radius:8px!important;}}
.input-01{border:0 solid #dadada!important; padding:10px!important; border-radius:5px!important; height:auto!important; background:url(../images/cal.jpg) no-repeat right;background-color:#fff; }
.input-02{background:#fff; height:auto!important; border:0 solid #dadada!important; color:#1a1a1a!important; padding:10px!important; border-radius:5px!important;}
.input-03{background:#fff; height:auto!important; border:0 solid #dadada!important; color:#1a1a1a!important; padding:12px!important; border-radius:5px!important;}
.submit__01{padding:14px 20px; background:#1a1a1a; border-radius:5px!important; border:0; color:#CC3300; font-weight:600; box-shadow:0px 15px 15px 0 rgba(0,0,0,0.2); float:left;}


.para-txt2 { text-align: justify;}

@media only screen and (max-width :1366px) {
}

@media only screen and (max-width :1280px) {
}
@media only screen and (max-width :1024px) {

.menu_sec{float:left; width:100%;}
}

@media only screen and (max-width :950px) {
.menu_sec{float:left; width:100%; margin-top:-20px}
.header_btn{float:right; display:none;}
.d-nn{display:none!important;}

.logo{float:left; width:200px; padding-top:0; margin-top: 0;}
.banner_sec{ padding:35% 0 10% 0; color: #fff;}
.banner_sec h1{font-size:36px!important;}
.rounded-x{border-radius:8px;}
.banner-w{width:100%}
	
}
@media only screen and (max-width :540px) {
.logo_img{width:100%; height:auto;}

.menu_sec{float:left; width:100%; margin-top:0}
.logo{float:left; width:200px; padding-top:0;}

.work_card h5 a{width:90%}

}