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

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap');

@import url('../css/owl.carousel.min.css');
@import url('../css/font-awesome.min.css');
@import url('../css/simple-line-icons.css');
@import url('../css/aos.css');
@import url('../css/fancybox.min.css');

@font-face {
    font-family: 'Tw Cen MT';
    font-style: normal;
    font-weight: normal;
    src:url('../fonts/TCB_____.TTF');
}



/*header css*/
.hidden_header{height:86px;}
header{position:fixed; left:0; right:0; top:0; z-index:9; background:#fff;}
.header-shrink{box-shadow:#c3c3c3 0 0 10px 0; transition:all 0.3s ease-in-out;}

/*menu dropdown*/
.navbar-expand-lg{padding:0; width:100%; margin-left:auto;}
.dropdown{position:static;}
.dropdown:hover > .dropdown-menu{visibility:visible; opacity:1; z-index:1; transform:translateY(0%); transition-delay:0s, 0s, 0.3s;}
.dropdown > .dropdown-toggle:active{pointer-events:none;}
.dropdown-item{position:relative; padding-left:45px;}
.dropdown-item:before{content:''; position:absolute; left:20px; top:13px; width:11px; height:11px; background:#ddedd8; border-radius:50%; transition:all 0.3s ease-in-out;}
.dropdown-item:after{content:''; position:absolute; left:23px; top:16px; width:5px; height:5px; background:#58b32b; border-radius:50%;}
.dropdown-item:hover:before{background:#a4e88f;}

/*-- banner --*/
.banner{position:relative; background:#0b0f14; padding:0; z-index:1;}
.banner .carousel-item img{width:100%;}
.banner .carousel-control-prev .icons{background:rgb(255, 255, 255, 30%); padding:70px 13px; border-radius:0 2px 2px 0px;}
.banner .carousel-control-next .icons{background:rgb(255, 255, 255, 30%); padding:70px 13px; border-radius:2px 0px 0px 2px;}
.banner .carousel-control-prev:hover .icons, .banner .carousel-control-next:hover .icons{background:#fff;}
.banner_text{display:flex; align-items:flex-start; justify-content:center; flex-direction:column; height:100%; color:#64748b; font-size:23px; line-height:1.3; padding-right:3rem;}
.banner_heading{font-size:45px; color:#fff; font-weight:800; line-height:1.2; margin-bottom:1.5rem; font-family: Roboto;}
.banner_heading span{ display: block; color: #29955c; font-size: 60px;}
.carousel-caption{ width: 30%; left: 16%;}

@media only screen and (max-width:1366px){
    .carousel-caption{ width: 50%; left: 7%;}
}

@media only screen and (max-width:768px){
 .carousel-caption{ display: none;}
}

/*-- //banner --*/

/*-- footer --*/
footer{background:#09783e; padding-top:3.5rem; color:#d8e9df; font-size:14px;}
.f_logo img{height:55px; margin-bottom:2rem;}
.f_heading{color:#fff; font-size:22px; font-weight:6500; margin-bottom:25px;}
.footer-grids ul{margin:0px; padding:0;}
.footer-grids ul li{list-style-type:none; margin-bottom:8px;}
.footer-grids ul li a{color:#d8e9df; position:relative;}
.footer-grids ul li a:hover{color:#58b32b;}
.footer-grids ul li:last-child{margin-bottom:0;}
.footer-grids p{position:relative; margin-bottom:15px; padding-left:30px;}
.footer-grids p a{color:#fff;}
.footer-grids p .fa{font-size:16px; position:absolute; left:0; top:5px; color:#8ec420;}
.copyright{margin-top:2.5rem; padding:15px 0; text-align:center; border-top:#29955c solid 1px;}
.copyright a{color:#d8e9df; padding:0 5px;}
.social-icon{margin-top:2rem;}
.social-icon a{margin:0 5px 0 0; font-size:17px; width:40px; height:40px; color:#fff; display:inline-flex; align-items:center; justify-content:center; background:#58b32b; border-radius:5px;}
.social-icon a:last-child{margin-right:0;}
.social-icon a:hover{color:#fff; background:#8ec420;}
.iso_row{display:flex; flex-wrap:wrap; margin-left:-7px; margin-right:-7px;}
.iso{width:50%; padding-left:7px; padding-right:7px; font-weight:500; font-size:15px; margin-top:12px;}
.iso img{margin-bottom:10px; border-radius:10px;}
/*-- //footer --*/

/*-- move top --*/
#toTop{bottom:30px; right:15px; display:none; width:40px; height:40px; overflow:hidden; position:fixed; text-decoration:none; z-index:9999; font-size:0; color:transparent; background:#58b32b; border-radius:4px; opacity:1;}
#toTop:hover{ opacity:.9;}
#toTop:after{color:#fff; content:'\f106'; font-size:20px; line-height:38px; font-family:'FontAwesome'; text-align:center; display:block; position:absolute; top:0; right:0; bottom:0; left:0; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
/*-- //move top --*/

section{padding:5rem 0;}
.heading_main{margin-bottom:3rem; text-align:center; position:relative;}
.heading{font-size:40px; color:#165b3f; font-weight:700; margin-bottom:2rem; line-height:normal;}
.heading span{color:#58b32b; font-weight:300;}
.heading_main p{font-size:15px; color:#353535; padding:0 18%;}
.heading_main a{text-decoration:underline; color:#58b32b; font-style:italic;}
.sub_head{font-size:1.1rem; color:#353535; font-weight:700; margin-bottom:2rem; padding-left:25px; position:relative;}
.sub_head:before{content:''; position:absolute; left:0; top:0; bottom:0; width:5px; background:#215f3a; border-radius:5px;}

.about_bg{background:#fff url(../images/right-pattern.png) top right no-repeat;}
.about{display:flex; justify-content:center; flex-direction:column; height:100%;  font-size:1rem;}
.ab_img{border-radius:10px; position:relative; right:-2.5rem;}
.about p{margin-left:25px;}
.learn_more{font-size:21px; color:#58b32b; font-weight:500; margin-top:1rem; display:inline-block; padding:7px 20px 9px; border-radius:0.25rem;}
.learn_more img{margin-left:10px; margin-top:-1px; transition:all .3s;}
.learn_more:hover{background:#58b32b; color:#fff;}
.learn_more:hover img{filter:brightness(10);}

/*sector cs*/
.sector{text-align:center; margin-bottom:1.5rem; padding:30px; /*border:#f1f1f1 solid 1px;*/ border-radius:10px; background:#f6fbf3; min-height:217px;}
.sector h3{font-size:16px; color:#165b3f; margin-bottom:0;}
.sector figure{width:75px; height:75px; background:#58b32b; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 2rem; padding:17px; position:relative;}
.sector figure:before{content:''; position:absolute; left:-5px; top:-5px; right:-5px; bottom:-5px; border:#58b32b solid 1px; border-radius:50%;}
.sector img{filter:invert(1);}

/*product css*/
.product_bg{background:#158736;}
.product_bg .heading{color:#fff;}
.product_bg .heading span{color:#fff;}
.product{background:#fff; border-radius:10px; padding:25px; text-align:center;}
.product figure{margin-bottom:2rem;}
.product figure img{border-radius:10px;}
.product h3{font-size:22px; color:#165b3f; font-weight:800; margin-bottom:0;}

/*recycle css*/
.recycle ul{margin:0; padding:0;}
.recycle ul li{margin:30px 0; padding:0; list-style:none; font-size:20px;}
.recycle ul li img{margin-right:15px; height:40px;}

.certificate_bg{border-top:#d2e7c7 solid 1px; padding-top:4rem;}
.certificate{background:#f5fcfd; padding:20px; border-radius:10px; font-size:18px; color:#165b3f; font-weight:600; box-shadow:#c7c7c7 0 3px 8px 0;}
.certificate a{color:#165b3f; display:flex; align-items:center; justify-content:center;}
.certificate .fa{font-size:25px; color:#fff; margin-right:20px; background:#58b32b; width:50px; height:50px; display:flex; align-items:center; justify-content:center; border-radius:10px;}

/*inner page css*/
.inner-banner{ background-position:center; background-repeat:no-repeat; background-size:cover; padding:0;}
.inner-page-layer{background:rgb(23, 23, 25, 75%); min-height:300px; display:flex; align-items:center;}
.inner-banner .heading{color:#fff; margin-bottom:1rem; line-height:normal;}

.vision_bg{background:#fff; padding-top:0;}
.vision{background:#f6fbf3; padding:30px 20px 20px; border-radius:10px; /*box-shadow:0px 4px 15px rgb(173, 173, 173, 42%);*/ border:#f0f0f9 solid 1px; text-align:center; font-size:14px;}
.vision figure{width:75px; height:75px; background:#58b32b; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 2rem; padding:17px; position:relative;}
.vision figure:before{content:''; position:absolute; left:-5px; top:-5px; right:-5px; bottom:-5px; border:#58b32b solid 1px; border-radius:50%;}
.vision h3{color:#181818; font-size:25px; margin-bottom:1.5rem;}

.why_bg{background:#f5fcfd;}
.why_bg ul{margin:0 0 0 25px; padding:0;}
.why_bg ul li{margin:10px 0; padding:0;}

.bags{background:#0f8847; padding:20px 20px 10px; margin-bottom:2rem; font-size:14px; color:#fff; border-radius:7px;}
.bags h6{color:#fff; font-size:1.2rem;}


.product_inner{background:#fff; border-radius:10px; padding:25px; margin-bottom:2rem; text-align:center; }
.product_inner figure{margin-bottom:2rem;}
.product_inner figure img{border-radius:10px;}
.product_inner h3{font-size:18px; color:#165b3f; font-weight:800; margin-bottom:0;}

/*contct us css*/
.contact_form{background:#fff; padding:30px 35px; border-radius:15px; box-shadow:0 10px 40px 0 rgb(8, 31, 67, 17%);}
.contact_form .heading{font-size:25px; margin-bottom:.8rem;}
.address{padding-left:2rem;}
.address .heading{font-size:25px; margin-bottom:1.8rem;}

.address_box{display:flex; align-items:center; margin-top:1.5rem; color:#242436;}
.address_box:last-child{border-bottom:none;}
.address_box .icon{display:flex; align-items:center; justify-content:center; width:65px; height:65px; background:#58b32b; border-radius:5px; margin-right:20px;}
.ad_text1{width:85%;}
.ad_text1 h6{margin-bottom:8px;}
.ad_text1 p{margin-bottom:0; line-height:1.5;}
.ad_text1 p a{color:#242436;}

/* .navbar-light .navbar-nav .nav-link{ padding: 10px 0 !important;} */

.nav-link{ font-weight: bold !important;}
.nav-link.active{ background: #0b8949; border-radius: 10px; color: #fff !important;}
.navbar-expand-lg .navbar-nav .nav-link{ padding:8px 22px;}

.lifeCycle ul{margin:0; padding:0;}
.lifeCycle ul li{margin:15px 0; padding:0; list-style:none; font-size:16px;}
.lifeCycle > strong{ color: #0b8949;}













/*mobile resconsive css*/
@media only screen and (min-width:1441px) and (max-width:1920px) {
body{font-size:1.1rem;}	
.container{max-width:1400px;}

	
}

@media (max-width:1199px) {
	

}

@media (max-width:896px) {
.navbar-light .navbar-toggler{margin-left:auto; margin-right:0px; border-radius:0; position:relative; z-index:3;}
.navbar-expand-lg .navbar-nav .nav-link{font-size:15px; color:#000; font-weight:500; text-transform:uppercase; padding:15px; text-align:left; border-bottom:#d7d7d7 solid 1px; letter-spacing:1px;}
.nav-fill .nav-item .subscribe:before{top:0; bottom:0;}
.navbar-collapse{background:#fff; overflow:auto; position:fixed; top:0px; right:-100%; height:100vh; width:100%; padding:60px; transition:all 0.3s; z-index:2; overflow-x:hidden;}
.navbar-toggler[aria-expanded="true"] .navbar-close-icon{display:block; min-width:27px; padding:5px 5px 3px; fill:#fff;}
.collapse.show{right:0;}
.nav-fill .dropdown-menu{display:none; visibility:visible; opacity:1; transform:inherit;}
.dropdown-menu.show{display:block;}
.navbar-light .navbar-nav .nav-link.active:after, .navbar-light .navbar-nav .nav-link:hover:after{display:none;}




}

@media (max-width:768px) {


}

@media (max-width:736px) {
	

}

@media (max-width:667px) {
	

}

@media (max-width:640px) {
	

}

@media (max-width:568px) {
	

}

@media (max-width:480px) {

}

@media (max-width:414px) {


}

@media (max-width:375px) {


}

@media (max-width:360px) {
	

}

@media (max-width:320px) {

}