/*
Theme Name: Greenagile Theme
Theme URI: http://siteurl.com
Description: The Greenagile Theme based on the famous Wordpress CMS.
Version: 1.0
Author: Greenagile
*/

/* normal */
/*Global CSS*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { margin: 0px; padding: 0px; color: #666; font-size: 16px; font-family: "Poppins", serif; background: #FFF; }
.clear { height: 0px; overflow: hidden; clear: both; }
p { padding-bottom: 15px; line-height: 24px; }
a { color: #000; }
a:hover { text-decoration: none; }
h1,h2,h3,h4,h5,h6 { padding-bottom: 5px; font-weight: normal; }
h1 { font-size: 26px; }
h2 { color:#202020;font-size:40px;font-weight:600;line-height:54px;}
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
ul, ol { padding: 0px 0px 20px 15px; }
img { max-width: 100%; height: auto; }
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select { padding: 8px 10px; border: 1px solid #c8c3c3; font-size: 16px; outline: none; }
input[type="submit"], input[type="button"] { background: #666; padding: 10px; color: #fff; border: 0; cursor: pointer;  }
.owlslider, .owlslider li { margin: 0; padding: 0; list-style: none; list-style-type: none; }
.pageerror { text-align: center; padding: 150px 0; }

/* Wrapper */
#wrapper { float: left; width: 100%; overflow: hidden; }

/* layout */
#layout { width: 100%; position: relative; }
.wrapper { max-width: 1290px; margin: 0 auto; position: relative; padding: 0 10px; }
	
/* header */
#header { padding:0; position: relative; z-index: 10; background: #fff;float:left;width:100%; }
.fixed { padding-top: 200px; }
.fixed #header { position: fixed; left: 0; top: 0; width: 100%; }
.logo { float: left;width:10%; }
.logo img{width: 100px;padding: 10px 0;}
	
/* topBar */
.topBar { overflow: hidden; }
.topBar ul { list-style: none; overflow: hidden; float: right; }
.topBar li { padding-left: 5px; float: left; }
.topBar li a { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.topBar li a:hover img { opacity: 0.8; }

/* menuBar */
.menuBar {float: left;width: 70%;text-align: right;}
.menuBar a.mobilemenu { display: none; }
.menuBar ul { padding: 0px; list-style: none; }
.menuBar li { padding:43px 40px 43px 20px;line-height: 30px;display: inline-block;font-size: 14px;position:relative; }
.menuBar li a {text-decoration: none;text-transform: uppercase;font-weight: 600; }
.menuBar li a:hover, .menuBar li.active a { color: #333; }
.menuBar ul > li.menu-item-has-children { padding-right: 15px; }
.menuBar ul > li.menu-item-has-children > a { padding-right: 25px; background: url('images/arrow-down.png') right no-repeat; }
.menuBar li ul {     position: absolute;left: 0px;top: 100%;width:550px;background: #fff;border-top:5px solid #47652d; }
.menuBar li li { padding: 0px; float: left; width:50%; border: 0px; border-bottom: #CCC solid 1px;text-align: left; }
.menuBar li li.menu-item-has-children > a { background: url('images/arrow-right.png') right no-repeat; }
.menuBar li li a { padding:7px 20px; display: block; color: #000; }
.menuBar li li a:hover { color: #47652d; }
.menuBar li li ul { left: 100%; top: 0px; }
.menuBar li ul { display: none; }
.menuBar li:hover ul { display: block; }
.menuBar li:hover li ul { display: none; }
.menuBar li:hover li:hover ul { display: block; }
.menuBar a.close { display: none; }
	
	/* home banner */
	
	
.top_header{float:left;width:100%;background: #47652d;padding: 6px 0;}	
.top_header .left{float:left;width:50%;}
.top_header .left ul li{list-style:none;float: left;padding-right: 15px;display: flex;align-items: center;}
.top_header .right{float:right;width:50%;text-align: right;}
.top_header .right ul li{float: right;padding-left: 15px;list-style: none;}
    
.top_header ul li a{color:#fff;text-decoration:none;}  
.top_header .fa-solid{color:#fff;font-size: 20px;}
.top_header .fa-brands, .fa-classic.fa-brands, .fab{font-size: 20px;}
    

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

a.cmnbtn  {background: #47652d;color: #fff;text-decoration: none;padding: 12px 30px;border-radius: 30px;border: 2px solid #47652d;display: inline-block;margin: 10px 0;}	
a.cmnbtn:hover {color: #47652d;border: 2px solid #47652d;background: #fff;}


.call_now{float: left;width:20%;padding:21px 0;text-align: right;}



.focus{color: #47652d;}
#homeBanner {float: left;width: 100%;min-height:500px;}


#homeBanner .inner_sec{float: left;width:100%;}
#homeBanner .left{float: left;width: 60%;background-color: rgba(255, 255, 255, 0.9)
;padding: 30px 60px;margin-top:8%;border-radius: 10px;border-left: 5px solid #47652d;}
#homeBanner .left h1{color: #000;font-weight: 300;font-size:30px;line-height: 50px;}
#homeBanner .left p{color: #000;font-size: 20px;line-height: 30px;}

#homeBanner span#typed{color: #47652d;font-weight: 600;font-size: 45px;}



.category{float: left;width: 100%;padding: 60px 0;text-align: center;}
.category h2{padding-bottom: 60px;}
.category .owl-carousel .owl-item img{width: 95px;display:inline-block;text-align: center;}
.category a{text-decoration: none;}
.category h4{padding: 10px 0 0 0;font-size: 16px;}
.category .owl-item{border: 1.06777px solid #d6d6d6;border-bottom: 2px solid #47652d;padding:10px;min-height:180px !important;border-radius: 10px;}
.category .owl-dot {width: 18px;height: 5px;width:20px;border-radius:10px;display: inline-block;background: #d6d6d6;margin: 0 3px;opacity: 1;}
.category .owl-dot.active {background:#47652d; }
.category .owl-controls{float: left;width: 100%;padding: 0;margin-top: 30px;}


.about_us{float: left;width: 100%;background: url(images/agile_about.webp)center center no-repeat; background-size:cover;position: relative;min-height:900px;background-attachment: fixed;}
.about_us h2{color: #47652d;}
.about_us p{color: #000;}
.about_us p b{font-weight:600;}
.about_inner{position: absolute;z-index: 2;background-color: rgba(255, 255, 255, 0.4);padding: 30px;margin: 5% 0%;border-radius: 8px;max-width: 1100px;}
.about_inner ul{padding: 0 0 20px 0;}
.about_inner ul li{color: #000;font-weight: 500;list-style: none;display: flex;align-items: center;gap: 5px;line-height: 30px;width: 33.333%;float: left;padding: 8px 0px;}
.about_inner .fa-solid{color: #47652d;font-size: 20px;}

.client_review{float: left;width: 100%;padding: 60px 10%;background:#47652d;text-align:center;}
.client_review h2{color:#fff;}
.client_review h3{font-weight: 300;font-size: 25px;letter-spacing: 2px;text-align: center;padding-bottom: 20px;color:#fff;}



.area{background: #47652d;  background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8);}
.circles{ top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.circles li{position: absolute;display: block;list-style: none;width: 20px;height: 20px;background: rgba(255, 255, 255, 0.2);animation: animate 25s linear infinite;bottom: -150px;}
.circles li:nth-child(1){left: 25%;width: 80px;height: 80px;animation-delay: 0s;}
.circles li:nth-child(2){left: 10%;width: 20px;height: 20px;animation-delay: 2s;animation-duration: 12s;}
.circles li:nth-child(3){left: 70%;width: 20px;height: 20px;animation-delay: 4s;}
.circles li:nth-child(4){left: 40%;width: 60px;height: 60px;animation-delay: 0s;animation-duration: 18s;}
.circles li:nth-child(5){left: 65%;width: 20px;height: 20px;animation-delay: 0s;}
.circles li:nth-child(6){left: 75%;width: 110px;height: 110px;animation-delay: 3s;}
.circles li:nth-child(7){left: 35%;width: 150px;height: 150px;animation-delay: 7s;}
.circles li:nth-child(8){left: 50%;width: 25px;height: 25px;animation-delay: 15s;animation-duration: 45s;}
.circles li:nth-child(9){left: 20%;width: 15px;height: 15px;animation-delay: 2s;animation-duration: 35s;}
.circles li:nth-child(10){left: 85%;width: 150px;height: 150px;animation-delay: 0s;animation-duration: 11s;}

@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}


.wrk_service {
    float: left;
    width: 100%;
    padding: 60px 0;
    text-align: center;
}

.wrk_service h2 {
    padding-bottom: 40px;
}

/* Card styling */
.wrk_service .wrk_card {
    float: left;
    width: 23%;
    border: 1.06777px solid #d6d6d6;
    border-radius: 10px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    margin: 1%;
    transition: transform 0.4s ease-in-out, background 0.4s ease-in-out;
    cursor: pointer;
}

/* Card heading and paragraph */
.wrk_service .wrk_card h3 {
    font-size: 18px;
    color: #000;
    padding: 10px 0;
    font-weight: 500;
    transition: color 0.4s ease-in-out;
  
}

.wrk_service .wrk_card p {
    min-height: 100px;
    color: #000;
    transition: color 0.4s ease-in-out;
}

/* Launch content inside card */
.wrk_service .wrk_card .launch_cont {
    transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
}

/* Hover effects */
.wrk_service .wrk_card:hover {
    background: #47652d;
}

.wrk_service .wrk_card:hover h3,
.wrk_service .wrk_card:hover p {
    color: #fff;
}

.wrk_service .wrk_card .launch_cont:hover {
    background: #47652d;
    color: #fff;
}


.wrk_service .wrk_card .launch_img img {
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

.wrk_service .wrk_card:hover .launch_img img {
    transform: scale(1.05);
    opacity: 0.8; /* slight fade effect */
}





.wrk_service .wrk_card .launch_img{float: left;width: 100%;overflow: hidden;border-radius: 10px;}

.wrk_service .wrk_card .launch_cont img{ display: block;transition: transform 0.8s ease;width: 70px;height: 70px;border: 1.06777px solid #d6d6d6;
line-height: 70px;border-radius: 50%;text-align: center;color: #1C2058;font-size: 30px;transform-style: preserve-3d;position: absolute;
top: -40px;background: #fff;left: 38%;padding: 10px;}
   
.wrk_service .wrk_card:hover img {transform: scale(1.1);}
.wrk_service .wrk_card .launch_cont{float: left;width: 100%;padding: 40px 20px 10px 20px;text-align:center;position:relative;transition: background-color 0.3s ease, color 0.3s ease;}


.why_process{float:left;width:100%;position:relative;}
.why_process h2{text-align:center;padding-bottom:30px; position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 800px;
    text-align: center;}
.why_process img{border-radius:10px;}

.packg_coll.box{padding: 60px 0;}

.page-id-27 .packg_coll.ppr{padding:60px 0;}

.packg_coll{float: left;width: 100%;padding: 60px 0;text-align: center;}
.packg_coll h2{text-align: center;padding-bottom: 40px;}

.packg_coll.flat{padding: 60px 0;}


.packg_coll .ser_card {float: left;width: 31.333%;padding: 20px;margin: 1%;border: 1px solid #47652d;text-align: center;border-radius: 10px;
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, border 0.3s ease-in-out;}
.packg_coll .ser_card:hover {transform: translate(0, -2px);box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.12);border-bottom: 4px solid #47652d;border-right: 4px solid #47652d;}
.packg_coll .ser_card h3{font-size: 22px;color: #000;font-weight: 600;}
.packg_coll .ser_card a{text-decoration:none;}

.packg_coll.ppr .ser_card{width: 22.333%;}
.packg_coll.box .ser_card{width: 22.333%;padding: 0px;}
.packg_coll.box .ser_card h3{font-size: 16px;padding: 10px 0;}
.packg_coll.box .bx_inner{float: left;width: 100%;padding: 0 10%;margin-top: 40px;}
.bx_inner p{font-size: 20px;line-height: 30px;}


.cup_lids_color{float:left;width:100%;background: url(images/n_lids_footer.webp)center center no-repeat; background-size:cover;min-height:485px;}

.page-id-128 .custom_innnnew .pouch_sec img{height: 300px;}

.kraft{float: left;width: 100%;text-align: center;}
.page-id-31 .kraft{padding-bottom: 60px;}

.page-id-33 .why_green{padding: 0px 0 60px;}
.page-id-33 .prod_detail{padding: 0px 0 60px;}
.page-id-15 .packg_coll{padding:60px 0;}


.coru_boxes{float:left;width:100%;background: url(images/N_grass_box.webp)center center no-repeat; background-size:cover;padding:60px 0;}
.coru_boxes h2{color:#fff;text-transform:uppercase;}
.coru_boxes .left{float:left;width:50%;}
.coru_boxes .right{float:left;width:50%;text-align: right;}
.coru_boxes img{width:350px;}
.coru_boxes ul{margin-top:20px;    padding-left: 40%;text-align: left;}
.coru_boxes ul li{color: #fff;list-style: none;padding-bottom: 0px;display: flex;align-items: baseline;gap: 10px;padding: 10px 0;}


.wet_details{float:left;width:100%;}
.wet_details img{border-radius:10px;}
.wet_details .wrt_card{float:left;width:33.333%;padding:20px;}
.wet_details .wrt_card .fa-solid{color: #47652d;font-size:30px;}
.wet_details .wrt_card p{font-size: 18px;display: flex;gap: 10px;}

.packg_coll.box.holder img{display:block;}
.packg_coll.box.holder .ser_card{border:0px;}


.do_know{float:left;width:100%;background: url(images/leaves_shadow.webp)center center no-repeat; background-size:cover;}
.do_know h2{color:#47652d;padding-bottom:40px;}
.do_know p{display:flex;gap:10px}

.do_know .fa-solid{font-size:30px;color:#47652d;}
.do_know .left{float:left;width:40%;padding-top:10%;}
.do_know .right{float:left;width:60%;text-align: right;}
.do_know .right img{width:550px;}


.innovative{float:left;width:100%;background: url(images/cup_holder_banner_slide.webp)center center no-repeat; background-size:cover;padding:80px 0;}
.inner_inn{float:right;}
.innovative h2{color:#fff;line-height: 80px;}
.innovative a{    background: #47652d;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 20px;
    display: inline-block;
    margin-top: 30px;}


.page-id-43 .packg_coll{padding:0 0 60px 0;}

.prod_detail.top{padding:60px 0;}

.kraft h2{padding-bottom: 30px;color: #47652d;}

.faq.whitebg.arrbd .faq_card p{color:#000;}

.row{display: flex;flex-wrap: wrap;justify-content: center;text-align: center;}

.packg_coll .ser_card img{border-radius: 10px;}
.packg_coll .ser_card p{min-height:90px;}

.packg_coll a{text-align: center;margin-top: 30px;}

.packg_coll.home{padding: 60px 0;}

.super_manufacure{float: left;width: 100%;padding: 60px 0;margin-top:60px;}
.super_manufacure .left{float: left;width: 50%;}
.super_manufacure .left h2{line-height: 46px;}
.super_manufacure h3{color: #47652d;font-weight: 600;padding-bottom:20px;}


.super_manufacure .right{float: left;width: 50%;padding-left: 30px;}
.super_manufacure .right img{border-radius: 10px;}

.agile_map{float: left;width: 100%;padding: 60px 0 0;}
.agile_map h2{text-align: center;padding-bottom:60px;color: #47652d;}
.agile_map iframe{width: 100%;height: 450px;}


.project_steps{float: left;width: 100%;padding:60px 0;text-align: center;}
.project_steps p{padding: 0 15%;margin-bottom: 40px;}
.project_steps .left{float:left;width:40%;padding-right:30px;}
.project_steps .right{float:left;width:60%;height: 400px;overflow-y: scroll;padding-left:30px;}
.project_steps .agile_card{border: 1.06777px solid #d6d6d6;float: left;width: 100%;padding: 10px 20px;border-radius: 8px;text-align: left;min-height: auto;margin: 10px 0;position:relative;}
.project_steps .agile_card h3{color: #000;font-size: 20px;padding: 10px 0;font-weight: 600;}

.project_steps .left img{border-radius:10px;}
.project_steps.pet{padding:0 0 60px 0;}

.project_steps .agile_card h3::after {content: '';text-decoration: none;background-color: #47652d;position: absolute;display: block;width: 60px;height: 3px;right: 0;left: 22px;margin-top: 1px;}
.project_steps .agile_card p{padding:0;}
.project_steps .agile_card h6{font-size: 16px;color: #F15D2F;display: inline-block;padding:0;}



.client_review .item{float: left;width: 100%;padding: 30px 20px;border-radius: 10px;}
.client_review .item img{width:100px !important;height:100px;border-radius:50px;margin:0 auto;}
.client_review h6{padding:10px 0 0;color:#fff;}
.client_review p{color:#fff;padding-bottom:0;}
.client_review .fa-solid, .fas{color: #f7df3d !important;}
.client_review .bottom{margin-top:10px;}
.client_review .owl-dot {width: 18px;height: 5px;width:20px;border-radius:10px;display: inline-block;background: #fff;margin: 0 3px;opacity: 1;}
.client_review .owl-dot.active {background:#F15D2F; }
.client_review .owl-controls{float: left;width: 100%;padding: 0;margin-top: -20px;}






.luxury{float: left;width: 100%;padding: 60px 0;}
.luxury .left{float: left;width:50%;}
.luxury .left h2{font-weight: 400;}
.luxury .left h2 span{font-size: 80px;font-weight: 600;color: #47652d;line-height: 80px;}
.luxury .right{float: left;width:50%;text-align: right;}

p.lux{font-size: 20px;padding: 30px 10%;line-height: 30px;}

.count_sec{float: left;width: 100%;padding: 60px 0;text-align: center;background:#47652d;}
.count_sec h2{color:#fff;}
.count_sec p{padding-bottom: 60px;color:#fff;}
.count_sec .c-card{float: left;width:25%;padding: 20px;border-right: 1px solid #fff;text-align:center;}
.count_sec .c-card img{width:60px;display:inline-block;}
.count_sec .c-card span{display:block;}

.count_sec .c-card h3{color:#fff;font-size: 16px;}
.count_sec .c-card:last-child{border-right: 0px;}
.count_sec .c-card span.count{font-size: 40px;color:#fff;font-weight: 600;padding: 10px 0;}
.count_sec .fa-solid, .fas{font-size: 35px;color: #fff;padding-bottom: 30px;}
span.count::after {content: '+';}


.coffee_pckg{float:left;width:100%;padding:60px 0;position:relative;}
.coffee_pckg .left{float:left;width:30%;}
.coffee_pckg .right{float:left;width:70%;padding-left:30px;padding-top: 40px;}

.why_green.coffee .green_card{width:25%;}

.page-id-128 .why_green.coffee .green_card{width:33.333%;}
.page-id-128 .why_green.coffee .green_card img{border-radius:10px;}

.coffee_pckg.two{float:left;width:100%;padding:60px 0;}
.coffee_pckg.two .left{float:left;width:70%;padding-right:30px;padding-top: 40px;}
.coffee_pckg.two .right{float:left;width:30%;}



.faq{float: left;width: 100%;padding: 60px 0;background: #fff;}
.faq h2{text-align: center;color: #fff;}
.faq p{color: #fff;text-align: center;padding-bottom: 30px;}

.faq .left{float: left;width: 50%;padding-right: 10px;}
.faq .right{float: left;width: 50%;padding-left: 10px;}

.faq .faq_card{float: left;width: 100%;}
.faq .faq_card p{text-align:left;}

.faq .accordion {width:100%;background: #FFF0F0;padding: 10px;border-radius: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.faq .accordion-item {margin-bottom: 10px;}
.faq .accordion-button {width: 100%;padding:15px 10px;background: #fff;color:#000;font-size: 16px; font-family: "Poppins", serif;font-weight:600;border: none;text-align: left;cursor: pointer;outline: none;border-radius: 5px;
display: flex;justify-content: space-between;align-items: center;position: relative;transition: background 0.3s ease-in-out;}
.faq .accordion-button::after {content: '+';position: absolute;right: 10px;font-size: 18px;transition: transform 0.3s ease-in-out;color:#47652d;}
.faq .accordion-button.active::after {content: '-';transform: rotate(180deg);}
.faq .accordion-content {max-height: 0;overflow: hidden;opacity: 0;transition: max-height 0.5s ease-in-out, opacity 0.3s ease-in-out;padding:5px;text-align: left;font-weight: 500;}
.faq .accordion-content.show {opacity: 1;max-height: 300px;}


.arrbd{position: relative;
    border-top: 1px solid #b1b4ae;}
    
.arrbd:before {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #47652d;
    position: absolute;
    content: "";
    text-align: center;
    left: 0px;
    right: 0;
    margin: 0 auto;
    top: -10px;
    z-index: 99;
}    




.arrbd h2:after {
    position: absolute;
    content: "";
    left: 50%;
    top: -76px;
    margin-left: -16px;
    z-index: 9;
    background-color: #fff;
    background-repeat: no-repeat;
    border: solid #b1b4ae;
    border-width: 0px 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 25px;
    height: 25px;
}
    
    
.faq.whitebg h2{color:#000;}
.faq.whitebg .accordion-button{background:#47652d;color: #fff;}
.faq.whitebg .accordion-button::after{color:#fff;}


.insta_feed{float: left;width: 100%;padding: 60px 0;text-align: center;}
.insta_feed h2{padding-bottom: 40px;}
.insta_feed .feed_card{float: left;width: 25%;}
.insta_feed .feed_card iframe{width: 100%;padding: 10px;height: 480px;}

.infi{float: left;width: 100%;padding: 60px 0;}
.infi h2{text-align: center;padding-bottom: 40px;}

@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.logos {
  overflow: hidden;
  padding:  0;
  background: white;
  white-space: nowrap;
  position: relative;
}

.logos:before,
.logos:after {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  content: "";
  z-index: 2;
}

.logos:before {
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
}

.logos:after {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

.logos:hover .logos-slide {
  animation-play-state: paused;
}

.logos-slide {
  display: inline-block;
  animation: 35s slide infinite linear;
  
}

.logos-slide img {
     border: 1px solid #f1f1f1;
    margin: 0 10px;
    border-radius: 10px;padding:10px;
}

/*innerpages css*/

.service-inner-page{float: left;width: 100%;}
.bannerInner{float: left;width: 100%;text-align: center;min-height: 450px;}
.bannerInner h1{padding: 15% 0;font-size: 60px;font-weight: 600;color: #fff;text-shadow: 1px 1px 1px #000;}

.aboutmain{float: left;width: 100%;padding: 60px 0;text-align: center;}
.aboutmain .abt_inner{max-width: 950px;margin: 0 auto;}

.mission{float: left;width: 100%;padding: 60px 0;}
.mission h2{color:#47652d;padding-bottom: 20px;}
.mission p{line-height: 35px;}
.mission p::after {transform: scale(.3);position: absolute;content: url(images/leaf.webp);left: 110px;bottom: -40px;}
.mission .left{float: left;width: 50%;padding-right: 10%;}
.mission .right{float: left;width: 50%;padding-top: 60px;position: relative;}

.vision{float: left;width: 100%;padding: 60px 0;}
.vision h2{color:#47652d;padding-bottom: 20px;}
.vision p{line-height: 35px;}
.vision p::after {transform: scale(.3);position: absolute;content: url(images/leaf-right.webp);right: 110px;top: 50px;}
.vision .left{float: left;width: 50%;padding-top: 60px;position: relative;}
.vision .right{float: left;width: 50%;padding-left: 10%;}


.home_contact{float: left;width: 100%;padding: 60px 0;background: #47652d;}
.home_contact h2{text-align: center;padding-bottom: 10px;color: #47652d;padding-top: 30px;}
.home_contact .left{float: left;width: 50%;height: 545px;}
.home_contact .left img{height: 545px;display: block;}
.home_contact .right{float: left;width: 50%;border-radius: 0 40px 40px 0;background: #fff;height: 545px;}

.home_contact .field{float: left;width: 50%;padding:5px 30px;}
.home_contact .field.comm{float: left;width: 100%;}
.home_contact input{border: 0px;border-bottom: 1px solid #000;color: #000; font-size: 16px; font-family: "Poppins", serif;padding: 10px 0px;width: 100%;background: transparent;}

::placeholder{color: #000;}

.prod_detail{float: left;width: 100%;padding: 60px 0;}
.prod_detail .left{float: left;width: 50%;}
.prod_detail .right{float: left;width: 50%;}
.prod_detail img{border-radius: 10px;}
.prod_detail ul{padding: 0;}
.prod_detail ul li{float: left;width: 100%;list-style: none;background: url(images/list_icon.webp) left center no-repeat;padding: 8px 10px 8px 40px;margin-bottom: 0;background-size: 25px;line-height: 30px;}
.prod_detail.sample .right ul li{float: left;width: 100%;list-style: none;background: url(images/list_icon.webp) left top 10px no-repeat;padding: 8px 10px 8px 40px;margin-bottom: 0;background-size: 25px;line-height: 30px;}


.variety{float: left;width: 100%;padding: 60px 0;border-top: 1px solid #f1f1f1;}
.variety .left{float: left;width: 50%;padding-right: 30px;}
.variety .right{float: left;width: 50%;padding-top: 30px;}
.variety.two .left{float: left;width: 50%;padding-top: 30px;}
.variety.two .right{float: left;width: 50%;padding-left: 30px;padding-top: 0;}
.variety.two .right img{border-radius: 10px;}
.variety h3{color: #47652d;padding-bottom: 20px;font-weight: 600;font-size: 25px;}

.indus_bags{float: left;width: 100%;padding: 60px 0;background: #8f9e74;margin-bottom: 60px;}
.indus_bags .left{float: left;width: 50%;padding-top: 60px;}
.indus_bags  img{border-radius: 10px;}
.indus_bags .right{float: left;width: 50%;padding-left: 30px;}
.indus_bags  ul{padding: 0;}
.indus_bags  ul li{  float: left;width: 100%;list-style: none;background: url(images/list_icon_w.webp) left top 10px no-repeat;padding: 8px 10px 8px 40px;margin-bottom: 0;background-size: 25px;line-height: 30px;}

.indus_bags h2{color: #fff;}
.indus_bags ul li{color: #fff;}


.packg_coll.cut{padding: 60px 0;}
.packg_coll.cut .ser_card{width: 31.333%;padding: 0px;}
.packg_coll.cut .ser_card img{width: 100%;display:block;}
.packg_coll.cut .ser_card h3{padding: 20px;}


.prod_detail ul li{float: left;width: 100%;list-style: none;background: url(images/list_icon.webp) left top 10px no-repeat;padding: 8px 10px 8px 40px;margin-bottom: 0;background-size: 25px;line-height: 30px;}


.comfortable{float: left;width: 100%;padding: 60px 0;background: rgba(71, 101, 45, 0.8);background-size: cover;position: relative;margin-bottom: 60px;}
.comfortable::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(28, 32, 88, 0.8);background-image: url(images/spoon_bg.webp);background-position: center;background-repeat: no-repeat;background-size: cover;z-index: -1;background-attachment: fixed;}
.comfortable .com_card{float: left;width: 33.333%;padding: 10px;}
.comfortable .com_card p{color: #fff;padding: 20px;font-size: 20px;text-align: center;}
.comfortable.tissue{float: left;width: 100%;padding: 60px 0;background: rgba(71, 101, 45, 0.8);background-size: cover;position: relative;margin-bottom: 60px;}
.comfortable.tissue::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(28, 32, 88, 0.8);background-image: url(images/wet_wipes_overlay_banner.webp);background-position: center;background-repeat: no-repeat;background-size: cover;z-index: -1;background-attachment: fixed;}

.packg_coll.wet{padding: 60px 0;}

.main_qa{float: left;width: 100%;padding: 60px 0;background: #47652d;}
.main_qa .qa_card{float: left;width: 25%;text-align: center;padding:20px;}
.main_qa .qa_card h3{font-size: 18px;color: #fff;padding: 10px 0;font-weight: 500;}

.suitable{float: left;width: 100%;padding: 60px 0;}
.suitable .sui_card{float: left;width: 31.333%;margin: 1%;text-align: center;}
.suitable .sui_card img{display: block;}
.suitable .sui_card h3{background: #47652d;color: #fff;padding: 10px;}


.home_contact textarea{border: 0px;border-bottom: 1px solid #000; color: #f1f1f1;font-size: 16px; font-family: "Poppins", serif;padding: 10px 0px;width: 100%;height: 120px;resize: none;background: transparent;}
.home_contact textarea:focus-visible {outline: none;}
.home_contact .field.captcha{width: 100%;float: left;text-align: center;}
.captcha p{color: #000;font-weight: 500;}

.field.captcha input.wpcf7-form-control.wpcf7-quiz {width: auto;border: 0;background: no-repeat;padding: 0;border-bottom: 1px dotted;}
.field.sub{text-align: center;float: left;width: 100%;}

input.wpcf7-form-control.wpcf7-submit.has-spinner{background: #f1f1f1;padding: 14px 30px;color: #47652d;border-radius: 30px;
display: inline-block;text-decoration: none;margin-top: 10px;font-size: 20px;font-weight: 600;border: 2px solid #47652d;width: 350px;}


.create_pckg{float: left;width: 100%;padding: 60px 15%;background: url(images/Green-Agail-icons_bg.webp)center center no-repeat; background-size:cover;}
.create_pckg .packg{float: left;width: 50%;padding: 5px 10px;}
.create_pckg .packg input{width: 100%;padding: 15px;margin-top: 10px;}
.create_pckg select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required{margin-top: 10px;width: 100%;padding: 14px;}


.create_pckg .packg label{color: #fff;}
.packg.captcha p{color: #fff;font-weight: 500;}
.packg.captcha input.wpcf7-form-control.wpcf7-quiz {width: auto;border: 0;background: no-repeat;padding: 0;border-bottom: 1px dotted;}

.page-id-17 .packg.captcha input.wpcf7-form-control.wpcf7-quiz{border-bottom: 1px dotted #fff;}

.packg.sub{text-align: center;float: left;width: 100%;}
.packg.captcha{width: 100%;text-align: center;}
.packg.sub{width: 100%;}

.why_green{float: left;width: 100%;padding: 60px 0;text-align: center;}


.packg_coll.newppr{margin-bottom: 10%;}
.why_green.paper{background: url(images/n_grass.jpg)center center no-repeat; background-size:cover;}
.why_green.paper p{color:#fff;}
.why_green.paper .green_card{margin-top: -15%;}


.custom_coffee{float:left;width:100%;padding:60px 0;background: #000;}
.custom_coffee .left{float:left;width:30%;}
.custom_coffee .left img{width:250px;display:inline-block;}
.custom_coffee .right{float: left;width: 70%;text-align: right;padding: 30px 0;}
.custom_coffee .right h2{color:#fff;}
.custom_coffee .right h3{color:#fff;}


.custom_innnnew{float:left;width:100%;}
.custom_innnnew .pouch_sec{float:left;width:25%;padding: 10px;}
.custom_innnnew .pouch_sec img{width:100%;display: block;height: 360px;}
.custom_innnnew .pouch_sec h4{background:#000;color:#fff;text-align: center;text-transform: uppercase;padding:10px 0;}
.custom_innnnew .pouch_sec h4 span{font-weight:600;display: block;}



.unique{float: left;width: 100%;background: url(images/n_banner_3.png) center center no-repeat;background-size: cover;min-height:50vh;padding: 60px 0;}
.unique h2{text-align:right;color:#fff;font-size:20px;}


.availabe{float:left;width:100%;padding:60px 0;}
.availabe .left{float:left;width:50%;height: 500px;}
.availabe .left img{width:100%;height: 500px;}
.availabe .right{float:left;width:50%;background: #000;height: 500px;text-align:center;padding:10%;}
.availabe .right h3{color:#fff;}
.availabe .right p{color:#fff;}
.why_green h2{padding-bottom:40px;color: #47652d;}
.why_green .green_card{float: left;width: 33.333%;padding: 20px;}
.why_green .green_card h3{color: #000;font-weight: 600;padding:10px 0;}
.why_green .green_card img{width: 250px;}

.explore_world{float: left;width: 100%;}
.explore_world.new{margin-bottom: 100px;}
.explore_bg{float: left;width: 100%;background: url(images/explore_bg.webp)center center no-repeat; background-size:cover;min-height: 600px;}
.explore_bg.new{float: left;width: 100%;background: url(images/abt-lm_bg.webp)center center no-repeat; background-size:cover;min-height: 600px;display: flex;align-items: center;justify-content: center;}
.explore_bg.new h2{text-align: center;color: #fff;}
.explore_bg.new h2 span{color: #47652d;font-size: 30px;}
.agile_process{float: left;width: 100%;background: url(images/agile_Process_image.webp)center center no-repeat; background-size:cover;min-height: 600px;margin-top: 10%;}
.agile_process h2{padding-top: 60px;text-align: center;color: #47652d;font-size: 60px;text-transform: uppercase;}
.timing{float: left;width: 100%;}
.timing .tim_card{float: left;width: 25%; text-align: center;padding: 10px 20px;}
.timing .tim_card.addd{width: 40%;}
.tim_inner{max-width: 1100px;background: #fff;border-radius:44px;margin: 0 auto;margin-top: -50px;position: absolute;left: 0;right: 0;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;display: flex;align-items: center;justify-content: center;}
.tim_inner.new{margin-top: -12%;}
.tim_inner.new h2{text-align: center;}
.tim_inner p{color: #47652d;font-weight: 600;text-transform: uppercase;border-right: 1px solid #47652d;    font-size: 12px;padding: 10px 20px;}
.tim_card.days p{border-right: 0;}

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

/*popup css*/

.pum-theme-107 .pum-content, .pum-theme-lightbox .pum-content{text-align:center;}
.pum-container.pum-responsive img{width: 120px;display:inline-block;}
.pum-close{background-color:#47652d !important;}
.pum-theme-106 .pum-title, .pum-theme-default-theme .pum-title{text-align:center;}
.pp_form{float:left;width:50%;padding:10px;}
.pp_form input{width:100%;font-family: "Poppins", serif;}
.pp_form.subpop .wpcf7-spinner{margin:0;}
.pp_form.captcha{width: 100%;float: left;text-align: center;}
.captcha p{color: #000;font-weight: 500;}
.pp_form.captcha input.wpcf7-form-control.wpcf7-quiz {width: auto;border: 0;background: no-repeat;padding: 0;border-bottom: 1px dotted;}
.pp_form.subpop{width:100%;}
.pp_form.subpop input.wpcf7-form-control.wpcf7-submit.has-spinner{padding:8px 30px;width:250px;}
.pp_form select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required{font-family: "Poppins", serif;width: 100%;background: #fff;}


.condition_pages{float:left;width:100%;padding:60px 0}
.condition_pages h3{color: #000;font-weight: 600;}


.top-footer{float: left;width: 100%;padding: 100px 0;background:#000;}
.top-footer .ft-card.first{float:left;width:35%;}
.top-footer .ft-card{float: left;width:32.333%;padding: 10px;}
.top-footer .ft-card .fa-solid{color: #fff;}


.top-footer .social{padding-top:30px;}
.top-footer .social ul li{float:left;padding-right: 20px;float:left;}
.top-footer .fa-brands, .fab {font-weight: 400;font-size: 30px;}

.top-footer .ft-card img{width:100px;display:block;padding-bottom: 20px;}
.top-footer .ft-card a{font-size:16px;}
.top-footer .ft-card iframe{width:100%;height:150px;}
.top-footer .ft-card p{color: #fff;}
.top-footer .ft-card h3{color: #fff;font-weight: 600;padding-bottom: 30px;}
.top-footer .ft-card ul{padding: 0;}
.top-footer .ft-card ul li{list-style: none;line-height: 30px;}
.top-footer .ft-card ul li a{color: #fff;text-decoration: none;}
.top-footer .ft-card ul li a:hover{color:#47652d;}

.copy{float: left;width: 100%;padding: 0;background:#000;border-top: 1px solid #fff;}
.copy p{padding: 10px 0;color: #fff;}
.copy .left{float: left;width: 50%;}
.copy .right{float: left;width: 50%;text-align: right;} 
.copy .right a{color: #fff;padding: 10px 0;display: inline-block;text-decoration: none;}












	
	/* content */
	#content { overflow: hidden; width: 100%; }
	
	/* left side*/
	#lefttPart { float: left; width: 60%; }
	
		/* copy bar */
		.copyBar { width: 320px; }
	
	
	/* right side */
	#rightPart { float: right; width: 36%; }
	
		/* sideBar */
		.sideBar .widget { margin-bottom: 20px; }
		.sideBar ul { padding: 0 0 0 0; list-style: none; overflow: hidden; }
		.sideBar li { padding: 8px 0; line-height: 18px; border-top: #ddd solid 1px; }
		.sideBar li:first-child { border: 0px; }
		.sideBar li a { text-decoration: none; }
		.sideBar h3 { padding-bottom: 15px; }

		/* footer */

	
	/* fullPart */
 	#fullPart { float: left; width: 100%; }
	
	
/* Begin Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */

/* Begin Comments*/
.alt { margin: 0; padding: 10px; }
#commentform input { width: 100%; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit { margin: 0 0 5px auto; width: auto; float: right; }
.commentlist li,
#commentform input,
#commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite,
.commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */

/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
#wp-calendar #prev a,
#wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
.screen-reader-text { position: absolute; left: -1000em; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */

	
		
		/* footer */
		#footer { padding: 20px 0; overflow: hidden; border-top: #999 solid 1px; } 
		#footer p { float: left; }
		#footer span { float: right; }


/* Responsive Css Start */

@media only screen and (max-width: 1120px) {
.wrapper{max-width:97%;}	
	.call_now a{padding: 12px 20px;}
	#homeBanner .left{padding: 30px 60px;}
	.wrk_service .wrk_card h3{font-size: 20px;}
	.faq .accordion-button{font-size: 15px;}
	
	
.page-id-132 .bannerInner{min-height: auto;}

.page-id-19 .bannerInner{min-height: auto;}
	
	
.menuBar li{padding: 43px 30px 43px 5px;}	
	.mission .right{padding-top: 0px;}	
	.vision .left{padding-top: 0px;}
	.why_green .green_card h3{font-size: 18px;}
	.prod_detail .left{padding-right: 40px;}
	.prod_detail ul li{padding: 5px 10px 5px 40px;}
	
	.cup_lids_color{min-height: 400px;}
	
	
}



@media only screen and (max-width: 1020px) {
	
	.menuBar li{padding: 40px 10px 40px 10px;}	
	.call_now a{padding: 8px 15px;}
	#homeBanner .left{width:100%;}
	.wrk_service .wrk_card h3{font-size:18px;}
	.faq .accordion-button{font-size:13px;}
	
	.prod_detail .right h2{font-size: 30px;line-height: 38px;}

	.project_steps p{padding: 0 0%;}
	.suitable .sui_card h3{font-size: 18px;}
	.page-id-132 .bannerInner h1{padding: 12% 0;}
	
	.page-id-19 .bannerInner h1{padding: 14% 0;}
	
}
		
@media only screen and (max-width: 767px) {
	
	#header { padding-top: 0; }
	#header a.mobilemenu { padding: 0 65px 0 0; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; display: block; text-decoration: none; font-weight: bold; position: absolute; left: 0px; top:25px; line-height: 40px; text-transform: uppercase; text-align: right; color: #333; font-size: 0px; }
	#header a.mobilemenu:before, #header a.mobilemenu:after, #header a.mobilemenu span { width: 35px; height: 3px; display: block; position: absolute; right: 15px; top: 10px; content: ""; background: #47652d; }
	#header a.mobilemenu:after { top: auto; bottom: 10px; }
	#header a.mobilemenu span { top: 18px; }
	.mm-opened a.close { display: block; }
	.menuBar a.close { width: 50px; height: 20px; font-size: 0px; position: absolute; left: 20px; top: 9px; z-index: 8888; }
	.menuBar a.close:before, .menuBar a.close:after { width: 30px; height: 3px; display: block; position: absolute; left: 0px; top: 10px; content: ""; background: #21344d; -webkit-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
	.menuBar a.close:after { -webkit-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
	
	.menuBar { padding: 0px; }
	.menuBar ul { display: none; position: absolute; left: 0px; top: 42px; z-index: 10; width: 100%; background: #aaa; }
	.menuBar li { padding: 0px; float: none; border: 0px; }
	.menuBar li a { padding: 5px 15px; display: block; border-bottom: #FFF solid 1px; }
	.menuBar li a:hover, .menuBar li.active a { background: #999; }
	.menuBar ul > li.dropdown { padding-right: 0px; }
	.menuBar ul > li.dropdown > a { padding-right: 0px; background: url('../images/arrow-down.png') 95% center no-repeat; }
	.menuBar ul > li.dropdown > a:hover, .menuBar ul > li.dropdown.active > a { padding-right: 0px; background: #999 url('../images/arrow-down.png') 95% center no-repeat; }
	.menuBar li ul { position: static; left: 0px; top: 0px; width: 100%; }
	.menuBar li:hover ul { display: none; }
	.menuBar li li { border: 0px; }
	.menuBar li li a { padding-left: 40px; }
	.menuBar li li li a { padding-left: 60px; }
	
	#lefttPart { width: 100%; float: left; margin-bottom: 20px; }
	#rightPart { width: 100%; float: left; }

	.logo img { max-width: 100%; height: auto; }
	
	
	.topBar ul { padding: 0px; padding-top: 20px; text-align: center; float: none; }
	.topBar ul li { display: inline; float: none; }
	
	#footer { text-align: center; }
	#footer p, #footer span { float: none; }
	
	
	
/* 	updated csss */
	
	.count_sec .c-card h3{font-size: 14px;}	
	.top-footer .ft-card{width:50% !important;min-height: 350px;}
	input.wpcf7-form-control.wpcf7-submit.has-spinner{width:100%;}
	
	.home_contact .left{width:100%;height:auto;}
	.home_contact .left img{width:100%;height:auto;}
	.home_contact .right{width:100%;height:auto;margin-top:60px;}
	.call_now{display:none;}
	.packg_coll .ser_card{width: 48%;}
	.wrk_service .wrk_card{width: 48%;}
	.super_manufacure .left{width: 100%;padding-top: 30px;}
	.super_manufacure .right{width: 100%;padding-top: 60px;padding-left: 0;}
	.faq .left{width: 100%;padding-right: 0;}
	.faq .right{width: 100%;padding-left: 0px;}
	.insta_feed .feed_card{width:50%;}
	
	
	.about_us{min-height:950px;}
	.top_header .left{width: 70%;}
	.top_header .right{width: 30%;}
	
	
	.client_review{padding: 60px 0%;}
	.project_steps p{padding: 0;}
	.project_steps .left{padding-top: 40px;}
	

	.count_sec .c-card{width: 50%;border-right: 0px solid #fff;}
	
	.mission h2{padding-bottom: 0px;font-size: 30px;}
	.mission p{line-height: 24px;}
	.vision{padding: 0px opx 60px 0;border-top: 1px solid #f1f1f1;}
	
		.vision h2{padding-bottom: 0px;font-size: 30px;}
	.vision p{line-height: 24px;}
	.why_green .green_card h3{font-size: 20px;}
	.why_green{border-top: 1px solid #f1f1f1;}
	
	
	.prod_detail .left{width: 100%;padding-right: 0;}
	.prod_detail img{width:100%;}
	
	.prod_detail .right{width: 100%;padding-top: 30px;}
	
	.project_steps .left{padding-right: 10px;}
	.packg_coll.ppr .ser_card{width: 48%;}
	.main_qa .qa_card{width: 50%;}
	.suitable .sui_card h3{font-size: 15px;}
	
	.packg_coll.box .ser_card{width: 31.33%;}
	.indus_bags .right{padding-top: 15%;}
	
	.comfortable .com_card p{padding: 20px 10px;font-size: 16px;}
	
	.variety .left{padding-top: 10%;}
	.packg_coll.cut{border-top: 1px solid #f1f1f1;}
	.page-id-39 .variety.two .right{padding-top: 15%;}
	.page-id-39 .project_steps{border-top: 1px solid #f1f1f1;}
	
	.luxury .left h2{font-size: 25px;line-height: 35px;}
    .luxury .left h2 span{font-size: 50px;line-height:58px;}
    .luxury .right{padding-top: 30%;}
    
    
    .coffee_pckg .left{padding-top: 10%;}
    .coffee_pckg.two .right{padding-top: 10%;}
    .why_green.coffee .green_card{width: 50%;}
	
	.bannerInner{min-height: 320px;}
	
	.cup_lids_color{min-height: 275px;}
	
	.coru_boxes .left{width:100%;}
	.coru_boxes .right{width:100%;}
	
	.page-id-128 .coffee_pckg .right h2{font-size: 25px;}
	.custom_innnnew .pouch_sec{width: 50%;}
	
	.packg_coll .ser_card h3{font-size: 20px;}
	
	.page-id-19 .bannerInner h1{padding: 12% 0;}
	
}


 
@media only screen and (min-width: 768px) {
	
	.mm-menu.mm-current { display: none !important; }
	html.mm-opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; }
	html.mm-opened { overflow: visible !important; }
	html.mm-opened body { overflow: visible !important; }
	#mm-blocker { display: none !important; }
	
}


@media only screen and (max-width: 639px) {
	
	#homeBanner a.flex-prev, #homeBanner a.flex-next { display: none; }
	
}


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

a.cmnbtn{padding: 8px 20px;font-size: 14px;}
.top_header .left ul li:nth-child(2) {float:right;padding-right:0;}

.top_header .left{width:100%;padding-bottom: 5px;}
.top_header .right{width: 100%;text-align: center;display: flex;align-content: center;justify-content:center;}
.top_header ul{padding:0;}
.top_header .right ul li{float: left;padding: 3px 15px 0px 0;}
.top_header .fa-solid{font-size: 14px;}
.top_header ul li a{font-size: 12px;}

#header a.mobilemenu{top: 20%;}

.logo{width: 20%;}

#homeBanner{min-height: 380px;}
#homeBanner .left{padding: 10px;margin-top: 20%;}
#homeBanner .left h1{font-size:20px;line-height: 30px;}
#homeBanner span#typed{font-size: 25px;}

#homeBanner .left p{font-size: 16px;line-height: 24px;}


.packg_coll h2{font-size: 30px;padding-bottom: 20px;line-height: 38px;}
.packg_coll .ser_card{width: 100%;margin:10px  0%;}

.about_us{min-height: 1780px;}
.insta_feed .feed_card{width:100%;}
.insta_feed h2{padding-bottom: 10px;}
.about_inner{padding: 30px 10px;}
.why_process h2{font-size: 25px;}
.project_steps h2{font-size: 25px;line-height: 35px;}
.project_steps .left{padding-top: 0px;width: 100%;padding-right: 0px;margin-top: 30px;}
.project_steps .right{width: 100%;padding-left: 0;}

.explore_bg{min-height: 300px;}
.timing{padding: 60px 0 0px;}
.timing .tim_card{width:100%;padding: 10px 0px;border-bottom:1px solid #f1f1f1;margin:10px 0;}
.tim_inner p{font-size: 16px;}
.super_manufacure{margin-top: 0px;}
.tim_inner{width:100%;position: unset;display:inherit;}
.timing .tim_card.addd{width: 100%;}
.pp_form{float:left;width:100%;padding:10px;}
.super_manufacure .left h2{line-height: 35px;font-size: 25px;}
.super_manufacure .left{padding-top: 0px;}
.faq.whitebg h2{font-size: 25px;line-height: 35px;}
.faq p{color: #000;}
.home_contact .field{width:100%;}
.home_contact h2{font-size: 25px;}
.home_contact .right{border-radius:10px;}
.client_review h2{font-size: 25px;}	

.top-footer .ft-card,
.top-footer .ft-card.first {width: 100% !important;min-height: auto;}
.top-footer{padding: 60px 0;}
.top-footer .ft-card{width:100%;}
.top-footer .ft-card.first{width: 100%;}
.copy p{font-size: 12px;text-align: center;} 



.bannerInner h1{font-size: 35px;padding: 30% 0;}
.mission{padding: 0px 0px 60px 0;}
.mission .right{width: 100%;}
.mission .left{width: 100%;padding-right: 0;}
.vision .left{width: 100%;}
.vision .right{width: 100%;padding-top: 30px;padding-left: 0px;}
.why_green h2{font-size: 30px;}
.why_green .green_card{width: 100%;padding: 20px 0px;}

.page-id-13 .explore_world.new{margin-bottom: 0px;}
.home_contact .field{padding: 2px 10px;}


.about_us h2{font-size: 30px;line-height: 38px;}
.about_inner ul li{width: 100%;}


.prod_detail .right h2{font-size: 30px;line-height: 38px;}
.packg_coll .ser_card{padding:10px;}

.main_qa .qa_card{width: 100%;}
.suitable .sui_card{width: 100%;margin: 10px 0;}

.packg_coll.box .ser_card{width: 100%;margin: 10px 0;}

.indus_bags .left{width: 100%;padding-top:0;}
.indus_bags .right{padding-top: 60px;padding-left: 0;width: 100%;}

.packg_coll.cut .ser_card{width: 100%;padding: 0px;}
.comfortable .com_card{width: 100%;padding: 10px 0px;}
.page-id-39 .variety .left{width:100%;padding: 0px;}
.page-id-39 .variety .right{width: 100%;}

.page-id-39 .variety h3{font-size: 20px;}
.page-id-39 .prod_detail .right h2{font-size: 25px;}
.page-id-39 .variety.two .right{padding-top: 30px;padding-left: 0;}	

.luxury .left{width: 100%;}
.luxury .right{width: 100%;padding-top: 30px;}


.coffee_pckg .left{width: 100%;}
.coffee_pckg .right{width: 100%;padding-left: 0;
  padding-top: 30px;}
  
 .coffee_pckg  h2{font-size: 30px;line-height: 38px;} 
 .coffee_pckg.two .left{width: 100%;padding-right: 0;padding-top: 0px;}
 .coffee_pckg.two .right{width: 100%;padding-top: 30px;}
 .why_green.coffee .green_card{width:100%;}
 
.page-id-128 .why_green.coffee .green_card{width:100%;}
	
	.bannerInner{min-height: 245px;}	
	.packg_coll.ppr .ser_card{width: 100%;margin: 10px 0px;}
	.cup_lids_color{min-height: 115px;}
	
	.coru_boxes ul{padding-left: 0;}
	
	
	.custom_coffee .left{width:100%;text-align:center;}
	.custom_coffee .left img{width:100px;}
	.custom_coffee .right{width:100%;text-align:center;}
	.custom_coffee .right h2{color: #fff;text-align: center;font-size: 20px;}
	.custom_innnnew .pouch_sec{width: 100%;margin: 10px 0;}
	.unique{padding: 30px 0;min-height: auto;}
	.unique h2{text-align: center;font-size: 16px;line-height: 24px;}
	.availabe .left{width: 100%;height: auto;}
	.availabe .left img{height: auto;}
	.availabe .right{height:auto;width: 100%;}
	.custom_innnnew .pouch_sec img{height: auto;}
	.wet_details .wrt_card{width: 100%;padding: 10px 0px 0px;}
	.comfortable .com_card p{padding: 0;}
}