@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@400,600,700,900&display=swap');

body{font-family: "Open Sans", sans-serif; font-size:14px; color:#000; line-height:24px; font-weight:400; overflow-x:hidden; position: relative;}
html{scroll-behavior: smooth;scroll-padding-top: 90px;}

a{color:#000; text-decoration:none;}
a:hover{color:#000;}
a, .logo img, .btn, .shrink.navbar-expand-lg, .fixtedtop span{-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}

h1, h2, h3, h4{font-weight:700;}
h1{font-size:clamp(20px, 4.2vw, 48px); margin:30px 0;}
h2{font-size:clamp(20px, 3vw, 36px); margin:20px 0;}
h3{font-size:clamp(20px, 3vw, 24px);}
h4{font-size:clamp(14px, 3vw, 18px);}
.d-column{display: flex; align-items: center;}
.bg-light-subtle {background-color: #eff7f1 !important;}

.bg-success{background:#59a42c!important;}
.bg-info{background:#cbb26b!important;}
.img-height{aspect-ratio:1/1; object-fit: cover; height:100%;}
.image-cover{width: 100%; height:100%; object-fit: cover;}
.text-success{color:#59a42c!important;}

.fixtedtop{position:fixed; width:100%; z-index:999;}
.fixtedtop a{color:#fff; font-weight:700; font-size:14px;}
.fixtedtop i{margin-right:5px;}
.fixtedtop span{color:#fff; padding:0 10px;}
.fixtedtop span:hover{color:#000;}
.fixtedtop a:hover{color:#000;}
.fixtedtop .btn:hover{color:#fff; background:#3b8f09;}

.fixtedtop .qxCTlb {
  padding: 12px 24px;
  border-radius: 0!important;
}
.g-btn .qxCTlb {
  padding: 18px 24px;
  border-radius: 0!important;
}



/*---------------Header Start -----------------*/


/*.spacer{height: 105px;}*/
.navbar{position:fixed; width:100%; z-index:99; background:rgba(0, 0, 0, .5);}
.navbar .btn-link{padding-right:0;}
.shrink.navbar{background:#000;}



.social a{margin-right:15px; font-size:20px; color:#ffcc00;}
.social a:hover{color:#000;}


.logo img{max-width:230px;}
.shrink .logo img{max-width:150px;}




/*---------------Header End -----------------*/


/*---------------Button Start -----------------*/

.btn{padding: 10px 24px; font-size: 14px; font-weight:700; border:0; border-radius:0; text-transform:uppercase; color:#fff;}
.btn:hover{color:#fff; background:#4e8d29;}
.btn i{margin-right:5px; font-size:18px;}
.btn-lg{font-size:18px; padding:14px 30px; text-transform: capitalize; max-width:260px; width:100%;}
.btn-sm{padding:8px 15px; font-size:14px!important;}
.btn-link{color:#59a42c; text-decoration:none;}
.btn-link:hover{background:none; color:#000;}
.btn-info{background:#cbb26b;}
.btn-outline-light{border:1px solid #fff;}
.btn-outline-light:hover{background:#fff; color:#000;}
/*---------------Button End -----------------*/



/*---------------Menu Start -----------------*/

.nav-link {font-size: 14px;color: #fff!important;display: block;margin: 0 0 0 25px; font-weight:600!important;}
.nav-link:hover, .nav-link.active{color:#cbb26b!important;}
.nav-link:focus, .nav-link:focus-visible{box-shadow: none;outline: none;}
.navbar-expand-md .navbar-nav .dropdown-menu {position:absolute; top:40px; border:0; background:#cbb26b;}
.dropdown-item {padding: 5px 10px;font-size: 14px;font-weight: 600; color:#fff;}
.dropdown-toggle::after{display:none;}



/*---------------Menu End -----------------*/


/*---------------Beforebox Start -----------------*/
.fullbox{position:relative;}
.fullbox:after{position:absolute; content:''; width:100%; height:100vh; inset:0; background:#000; opacity:.2;}




/*---------------Beforebox End -----------------*/

/*---------------Banner Start -----------------*/
.banner, .container{z-index:9;}
.banner h1, .banner h3{text-transform:uppercase; font-weight:700;}
.banner h1{font-size: clamp(20px, 6vw, 48px); margin:30px 0;}
.banner {height:100vh;background-size:cover; font-size:clamp(16px, 3vw, 24px); font-weight:300;/*height: calc(100vh - 105px);*/}
.banner video{width:100%; height:100dvh; object-fit:cover;}
.arrowbtn{position:absolute; bottom:40px; left:0; right:0;}
.arrowbtn i {background: #000;border-radius: 100px;font-size:16px;padding:10px; border:2px solid #cbb26b; color:#fff;}

.innerbanner{height:147px; width:100%; background:#000;}

.innerbanner img{aspect-ratio:4/1; object-fit: cover; width:100%; height:100%; opacity:.8;}

.forestbox{background:#fff; opacity:.8;}


.midbanner {background: url(images/banner2.jpg) no-repeat center right; height:100vh; position:relative;}
.mapicon{font-size: 40px;vertical-align: middle;background:transparent;color: #fff;border-radius: 50px;padding: 6px;margin-right: 10px;}



/*---------------Banner End -----------------*/

.gruangebox {background: url("images/tree.png") bottom center no-repeat;width: 100%;}
.forestbanner {background: url("images/banner4.jpg") bottom right no-repeat;width: 100%; background-size:cover;}

/*---------------Homecard Start -----------------*/



.homecard .card {border: 0;background: none;}
.homecard .card img{border-radius:0;}
.homecard .card-body{padding:0;}
.homecard .card-title{margin:15px 0; font-weight:700;}
.homecard .btn{margin-top:40px;}
.homecard .card:hover .btn{background:#77b258;}
.cardpic{overflow:hidden;}
.gapbox{padding-top:116px;}


.card img{width:100%; aspect-ratio:5/3; object-fit: cover; height: 100%; -webkit-transform: scale(1.2);transform: scale(1.2);-webkit-transition: .6s ease-in-out;transition: .6s ease-in-out;}
.card:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}

/*---------------Homecard End -----------------*/




.expertbox {background: url("images/shapetree.jpg") center center; aspect-ratio:6/2; object-fit: cover; position:relative;}
.expertbox:before{position: absolute; content:''; inset:0; width:100%; background:#000; opacity:.6;}
.expertbox h3{font-weight:300;}

.videobox{margin-top:-180px;}
.youtubeicon{max-width:50px; position: absolute;z-index: 1; top:50%; transform:translate(0, -50%); left:0; right: 0; margin:0 auto;}

#play-button{background: transparent;
    border: 0;
    color: #fff;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);}
.play-icon {
		padding: 15px;
		background: #fff;
		border-radius: 50%;
		color: #000;
		font-size: 30px;
	}

.treebark{background:url("images/treebark.png"); width:100%; height:100%; position:relative; background-size: cover;}
.treebark:before{position: absolute; content:''; inset:0; background:#fff; width:100%; height:100%; opacity:.9;}
.treebark img{aspect-ratio:1/1; object-fit: cover; width:100%;}

.iconbox img{max-width:70px!important; background: #59a42c;padding: 10px;border-radius: 50px; border: 8px solid #c4ddb5;
/*	filter: invert(100%) sepia(4%) saturate(1870%) hue-rotate(206deg) brightness(118%) contrast(100%);*/
}


.forestbg{background: url("images/forest.jpg") bottom center; background-size: cover; background-position-y: center;}
.homeslider span{display:block; font-weight:700; font-size:18px; margin:10px 0;}
.homeslider p{max-width:850px; width:100%; margin:0 auto;}
.homeslider img{border-radius:100px; margin:50px auto 20px;}
.rating{margin:0 auto!important; border-radius:0!important; max-width:70px;}
.lastbanerbg{background: url("images/banner4.jpg") bottom center; background-size: cover; background-position-y: bottom;}

/*---------------Form Start -----------------*/
.form-control{margin-bottom:30px; line-height:30px; border-radius:4px; background:#fff; border: 0; border-radius:0;}
textarea.form-control{height:100px!important;}
.form-floating>label{padding-left:0; color:#000;}
.form-control:focus{box-shadow:none; border-color:#2e8b5b;}
.error{color:#fff; display:block; margin-top:10px;}
.form-floating>.form-control{padding-left:0; margin-bottom:10px;}
.form-floating>.form-control:not(:placeholder-shown)~label::after{background:none!important;}
.form-floating label:after{display:none;}

/*--------------- Form End -----------------*/



section, .section{padding-bottom:6vw; padding-top:6vw;}






/*---------------Footer Start -----------------*/
.footerleft{position:relative; padding: 40px 40px 0; height:300px;}
.footerleft:before{position: absolute;content:''; background: url("images/grunge.png"); bottom:-90px; left:0; right:0; height:100px;}
.footer img{max-width:214px; position:relative; z-index:9;}

.footer{font-size:14px; background:url("images/shapetree.jpg"); color:#fff; position:relative; background-size:cover; height:100%;}
.footer:before{position: absolute; content:''; inset:0; width:100%; height:100%; background:#000; opacity:.6;}
.footer h5{color:#fff; font-size:18px; font-weight:700; margin:0 0 25px 0;}

.footer a{color:#59a42c; font-weight:700; line-height:28px;}
.footer a:hover{color:#fff;}
.f-menu{margin:0; padding:0; list-style:none;}
.f-menu a{display: block; color:#fff; line-height:40px; font-weight:400;}
.f-menu a:hover{color:#59a42c;}
.footer .social a{margin:0 20px 0 0; font-size:25px; font-weight:400;}
.footerlast hr{opacity:1; border-color:#8d8d8d;}


/*---------------Footer End -----------------*/

.textcard .card-title{color:#59a42c;}
.textcard .card{background: #fff;border-radius: 0;padding: clamp(10px, 5vw, 60px);height: 100%; position:relative; overflow: hidden; border: 1px solid #d5e7d9;
}
.textcard .card:before{background:#59a42c; width:40px; height:40px; position: absolute; inset:0; content:'';}

.list{margin:20px 0;padding: 0;list-style: none;}
.list li{margin-bottom: 10px;display: flex;column-gap:10px;}
.list li:before{font-family: 'Line Awesome Free';display: flex;content: '\f00c';color: #000;font-size:18px;font-weight: 700;}

.lineicon{display: flex; align-items: start; font-size:14px;}
.lineicon i{font-size:18px; margin-right:10px; vertical-align: middle;}








.container{max-width:1240px; position:relative;}


@media (min-width:1400px){}

@media (max-width:1199.98px){.homecard .card-body{display:block;} .homecard .card-body a{margin-top:10px;} .footerleft{padding: 20px 20px 0;}
	.footer img{max-width: 130px;}
}

@media (min-width:991px) {
.dropdown .dropdown-menu {display: block;visibility: hidden;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);
-webkit-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;box-shadow: 0 10px 10px rgb(0 0 0 / 10%); padding: 10px;}
.dropdown:hover > .dropdown-menu {visibility: visible;opacity: 1;-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {color: #333;background-color:#59a42c;padding-left: 15px;border-radius:3px;}
}

@media (max-width:991.98px){
	.btn-lg {font-size: 18px;padding: 8px 15px; width:auto;}
	.logo img, .shrink .logo img{max-width:150px;}
	.gruangebox{background-size: contain;}
	.expertbox{aspect-ratio:4/2;}
	.footerleft{height:200px; margin-bottom:70PX;}
	.innerbanner {height: 120px;}
	
	
}

@media (max-width:767.98px){
	
    .navbar-nav{line-height:30px;}
	.nav-item{background:#2a2a2a; padding:0 15px;}
	.nav-item:last-child{border-bottom:0;}
	.nav-link{margin:0;}
	.nav-link:hover, .nav-link.active {color: #59a42c !important;}
	.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color: #ffcc00;}
	.navbar-expand-md .navbar-nav .dropdown-menu {
    position: relative;
    top: inherit;
}
	.navbar-toggler i{font-size: 25px;color: #fff; vertical-align: middle;}
	.navbar-toggler:focus{box-shadow:none;}.navbar-expand-lg .navbar-nav .nav-link{margin: 0;}
	.navbar-collapse{position: absolute;left:0; right:0; top:70px; background-color:#294868;}/*	.shrink .navbar-collapse{top:48px;}*/
	.navbar-expand-lg .navbar-nav .dropdown-menu{position:relative; top:inherit;}
	.videobox {margin-top: -50px;}
	.expertbox{aspect-ratio:5/2;}
	.homeslider img{margin:20px auto;}
	
	
}

@media (max-width: 575.98px) {
	body{font-size:13px; line-height:16px;}
	.fixtedtop .btn{padding:10px 14px;}
	.btn{font-size:14px; padding:10px 15px;}
	.btn-lg{font-size: 12px; padding:8px 10px;}
	.banner video{width:100%; height:100%;}
	.f-menu a{display:inline-block; margin:0 10px 0 0;}
	.videobox {margin-top:0;}
	.innerbanner img{aspect-ratio:1/1;}
}

@media (max-width: 376.98px) {textarea.form-control{height:100px!important;} }