article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; margin: 0; padding: 0;}
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin: 0; padding: 0; list-style: none; font-weight: normal;}
button, input, select, textarea {margin: 0; padding: 0; border: none; font-family: "Poppins", sans-serif;}
.custfield:focus {outline: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
body {font-family: "Poppins", sans-serif; font-size: 14px; color: #2B2A28;}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none; outline: none;}
img {border: none; vertical-align: middle;}

/****************
 * Common Css
 ****************/
.container {max-width: 1430px; margin: 0 auto; padding: 0 15px;}
.row {margin-left: -15px; margin-right: -15px;}
.row>* {padding-left: 15px; padding-right: 15px;}
.custfield {border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
a, a:hover, button {transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.ctitle h3{color: #2B2A28;font-weight: 700;font-size: 52px;}
.ctitle h3 span{display: block;color: #2B2A28;font-size: 20px;text-transform: uppercase;font-weight: 600;}
.cbtn{display: inline-block;width: 170px;height: 48px;line-height: 48px;text-transform: uppercase;font-size: 18px;font-weight: 500;border-radius: 24px;background-color: #01763F;text-align: center;color: #fff; letter-spacing: 0.5px;}
.cbtn:hover{background-color: #2B2A28; color: #ffffff;}

header {position: relative; padding: 30px 100px; z-index: 9999;width: 100%;border-top: 3px solid #01763F;}
header .logo {width: 370px; height: 191px; text-align: center; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background-color: #ffffff; border-radius: 100%; }
header .logo img {margin: 28px;}
.custnav {float: left;}
.custnav .menus {float: left;}
.custnav .menus li{float: left;padding: 23px 25px;position: relative;}
.custnav .menus li:first-child{padding-left: 0px;}
.custnav .menus li a {font-size: 16px; float: left; color: #2B2A28; font-weight: 500;}
.custnav .menus li:hover a, .custnav .menus li.active a{color: #01763F;}
.custnav .menus li .submenu{position: absolute;left: 50%;transform: translateX(-50%); top: 100%;width: 535px;z-index: 11;box-shadow: 0px 4px 7px #0000004d; background-color: #2B2A28;padding: 20px;border-radius: 10px; display: none;}
.custnav .menus > li:hover .submenu{display: inline-block;}
.custnav .menus > li.clssubmenu:hover {background: url(../images/menu-arrow.png) no-repeat 50% 100%;}
.custnav .menus li .submenu li{padding: 6px;color: #fff;width: 50%;}
.custnav .menus li .submenu li a{color: #fff;font-size: 14px;font-weight: 300;}
.custnav .menus li .submenu li a:hover{text-decoration: underline;}
header .continfo{padding-top: 15px;}
header .continfo .info{padding: 3px 40px;border-right: 1px solid #D9D9D9;}
header .continfo .info .imgbox{width: 22px;height: 22px;background-image: url(../images/call-icon.png);background-repeat: no-repeat;background-position: 50% 50%;}
header .continfo .info .disc{padding-left: 13px;}
header .continfo .info .disc p{color: #2B2A28; font-size: 14px;font-weight: 400;letter-spacing: 0.02em;opacity: .8;}
header .continfo .info .disc h3{font-size: 16px;font-weight: 600;letter-spacing: 0.02em;}
header .continfo .info .disc h3 a{color: #2B2A28;}

.social{padding-left: 40px;}
.social a {background-repeat: no-repeat; background-position: 50% 50%;display: inline-block; width: 38px; height: 38px;border: 1px solid #D9D9D9;border-radius: 100px;}
.social a.facebook {background-image: url(../images/fb.png);margin-right: 8px;} 
.social a.instagram {background-image: url(../images/insta.png); margin-right: 8px;} 
.social a.yt {background-image: url(../images/yt.png);} 
.social a:hover{background-color: #01763F;} 
.social a.facebook:hover{background-image: url(../images/fb1.png);} 
.social a.instagram:hover{background-image: url(../images/insta1.png);} 
.social a.yt:hover {background-image: url(../images/yt1.png);} 

/** Common Slider **/
.commonslider {width: 100%; position: relative;}
.commonslider .owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative;}
.commonslider .owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden;}
.commonslider .owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.commonslider .owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);}
.commonslider .owl-carousel .owl-wrapper, .commonslider .owl-carousel .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);}
.commonslider .owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
.commonslider .owl-carousel.owl-loaded {display: block; float: left;}
.commonslider .owl-carousel.owl-loading {opacity: 0; display: block;}
.commonslider .owl-carousel.owl-hidden {opacity: 0;}
.commonslider .owl-carousel.owl-refresh .owl-item {visibility: hidden;}
.commonslider .owl-carousel.owl-grab {cursor: move; cursor: grab;}
.commonslider .owl-carousel .owl-nav {display: none;}
.commonslider .owl-carousel .owl-dots {position: absolute; left: 0px; bottom: 47px; width: 100%; text-align: center;}
.commonslider .owl-carousel .owl-dots .owl-dot {width: 10px; height: 10px; background-color: rgb(255,255,255); margin:0px 6px; cursor: pointer; border:2px solid rgba(255,255,255,0); border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
.commonslider .owl-carousel .owl-dots .owl-dot.active, .commonslider .owl-carousel .owl-dots .owl-dot:hover{border-color: rgba(255,255,255,1); background-color: #01763F; width: 18px; height: 18px;}

.mainbanner {position: relative; float: left; width: 100%; background-color: #FFFFFF;}
.mainbanner .imgbox {width: 100%; float: left; position: relative;}
.mainbanner .imgbox img {width: 100%; float: left; position: relative;}
.mainbanner .textinfo {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 20;}
.mainbanner .textinfo h4 {color: #8cbb2f; font-size: 76px; text-transform: uppercase; font-weight: 600; width: 100%; display: inline-block; width: 100%;}
.mainbanner .textinfo h2 {font-size: 130px; color: #8cbb2f; display: block; line-height: 90px; font-family: 'SamarkanNormalGg5D'; padding: 20px 0px;}
.mainbanner .textinfo p {color: #8cbb2f; font-size: 40px; text-transform: uppercase; font-weight: 500; width: 100%; display: inline-block; letter-spacing: 2px;}

.aboutus{width: 100%;float: left; padding: 120px 0;background-color: #fff;}
.aboutus .imagebox img{max-width: 100%;}
.aboutus .ctitle h3{color: #01763F;}
.aboutus .imagebox{padding-left: 0px;}
.aboutus .disc{padding-right: 0px;}
.aboutus p{font-size: 16px;color: #2B2A28;opacity: .8;line-height: 26px;padding-top: 20px;font-weight: 400;}
.aboutus .cbtn{margin-top: 50px;}

.ourproducts{width: 100%;float: left;text-align: center;padding: 110px 0; background-color: #F8F8F8; background-image: url(../images/product-bg.png);background-repeat:repeat;background-position: 50% 50%;}
.ourproducts .ctitle{padding-bottom: 58px;}
.ourproducts .products .item{padding: 15px;}
.ourproducts .products .productbox{box-shadow: 0px 0px 4px 0px #0003;padding: 15px 15px 20px;border-radius: 10px;background-color: #fff;height: 100%;width: 100%;display: inline-block;}
.ourproducts .products .productbox .imgbox img{max-width: 100%;}
.ourproducts .products .productbox h4{font-size: 16px;color: #2B2A28;font-weight: 500;padding-top: 10px;}
.ourproducts .products .productbox:hover h4 {color: #01763F;}

.clsinfo{width: 100%;float: left;text-align: center;padding: 100px 0 120px;}
.clsinfo .content .infobox{background-color: #2B2A28;border-radius: 10px;padding: 58px 35px 25px;position: relative;margin-top: 40px;}
.clsinfo .content .infobox .topcircle{position: absolute;transform: translateX(-50%);left: 50%;width: 76px;height: 76px;border-radius: 100px;border: 4px solid #fff;background-color: #01763F;top: -40px;background-repeat: no-repeat;background-position: 50% 50%;}
.clsinfo .content .infobox .circleicon1{background-image: url(../images/experience-icon.png);}
.clsinfo .content .infobox .circleicon2{background-image: url(../images/certified-icon.png);}
.clsinfo .content .infobox .circleicon3{background-image: url(../images/supplier-icon.png);}
.clsinfo .content .infobox .circleicon4{background-image: url(../images/market-icon.png);}
.clsinfo .content .infobox h4{font-size: 20px;font-weight: 500;color: #FFFFFF;padding-bottom: 10px; letter-spacing: 0.5px;}
.clsinfo .content .infobox p{font-size: 16px;font-weight: 400;color: #FFFFFF;opacity: 0.9;}

.testimonials{width: 100%;float: left;text-align: center;padding-bottom: 115px;}
.testimonials .testimonialslider{max-width: 1000px;margin: 0 auto;padding-top: 26px;}
.testimonials .testimonialslider .item{padding: 20px;}
.testimonials .testimonialslider .item .slidinfo{box-shadow: 0px 0px 8px 2px #0000000f;border-radius: 20px;padding: 38px 100px 50px;}
.testimonials .item .slidinfo .img{position: relative;width: 48px;height: 38px;background-image: url(../images/testimonial-icon.png);background-repeat: no-repeat;background-position: 50% 50%;transform: translateX(-50%);left: 50%;margin-bottom: 35px;}
.testimonials .item .slidinfo p{font-size: 20px;color: #2B2A28;font-weight: 400;}
.testimonials .item .slidinfo h4{font-size: 20px;color: #01763F;font-weight: 500;padding-top: 40px;}
.testimonials .item .slidinfo h4 span{display: block;font-size: 16px;color: #2B2A28;font-weight: 400;}
.testimonials .commonslider .owl-carousel .owl-nav{display: block;position: absolute;height: 52px; width: 100%;top: 50%;transform: translateY(-50%);}
.testimonials .commonslider .owl-carousel .owl-nav button{width: 52px;height: 52px;border-radius: 100px;border: 1px solid #D9D9D9;background-color: transparent;background-position: 50% 50%;background-repeat: no-repeat;}
.testimonials .commonslider .owl-carousel .owl-nav button:hover{background-color: #d9d9d957;}
.testimonials .owl-prev{left:-90px;position: absolute;background-image: url(../images/prev.png);}
.testimonials .owl-next{right:-90px;position: absolute;background-image: url(../images/next.png);}

.contactpart{position: relative; width: 100%;float: left;text-align: center;padding: 110px 0 120px; background-image: url(../images/contact-bg.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
.contactpart::before{content: "";position: absolute;display: block;width: 100%;height: 100%;left: 0;top: 0;background-color: #01763fb3;}
.contactpart .ctitle{position: relative;}
.contactpart .ctitle h3{color: #fff;font-size: 40px;}
.contactpart .ctitle p{color: #fff;font-size: 24px;font-weight: 400;padding-top: 5px;}
.contactpart .ctitle .cbtn{background-color: #2B2A28;margin-top: 34px;}
.contactpart .ctitle .cbtn:hover {background-color: #ffffff; color: #01763F;}

.whatsappicon{background-image: url(../images/whatsapp-icon.png);background-repeat: no-repeat;background-position: 50% 50%;background-color: #fff;border-radius: 100px;width: 69px;height: 69px;position: fixed;bottom: 40px;right: 30px;z-index: 9999;border: 1px solid #EFEFEF;box-shadow:0px 4px 7px rgb(0 0 0 / 15%);}

footer{width: 100%;position: relative;padding: 73px 0 87px;float: left;background-color: #2B2A28;text-align: center;}
footer .fmenus ul li{padding: 0 19px;position: relative;}
footer .fmenus ul li::before{content: "";position: absolute;display: block;height: 15px;width: 2px;background-color: #fff;transform: translateY(-50%);top: 50%;right: -1px;}
footer .fmenus ul li:last-child::before{display: none;}
footer .fmenus ul li:first-child{padding-left: 0;}
footer .fmenus ul li:last-child{padding-right: 0;}
footer .fmenus ul li a{font-size: 16px;font-weight: 400;color: #fff;letter-spacing: 0.5px;}
footer .fmenus ul li a:hover{color: #01763F;}
footer .copyright{padding-top: 10px;}
footer .copyright p{font-size: 14px;font-weight: 300;color: #fff;letter-spacing: 0.5px;}


/** About Us Page Start **/
.innermainbanner {width: 100%;float: left; background-image: url(../images/contact-bg.jpg); background-color: #171616;height: 300px;background-size: cover; position: relative;}
.innermainbanner:before {content: ""; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.55); z-index: 12;}
.innermainbanner .texts {position: absolute; left: 0px; z-index: 15;  right: 0px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.innermainbanner .texts .ctitle h3 {font-size: 60px; color: #fff;text-align: center;}
.innermainbanner .texts .ctitle h3 span{font-size: 28px;color: #01763F;}

.breadcrumbs{z-index: 999;position: absolute;bottom: 20px;}
.breadcrumbs ul li{display: inline-block;padding: 0 10px;position: relative;}
.breadcrumbs ul li::before{content:">";position: absolute;display: block;right: -5px;top: 1px;color: #fff;}
.breadcrumbs ul li:last-child::before{display: none;}
.breadcrumbs ul li, .breadcrumbs ul li a {font-size: 14px;color: #fff;}
.breadcrumbs ul li a {color: #afafaf;}
.breadcrumbs ul li a:hover {color: #fff;}

.whyus .whyuscontent{padding: 0 100px;}
.whyus p{opacity: 1;}
.whyus .imagebox{text-align: right;}
.cpoints{padding-top: 20px;}
.cpoints li{font-size: 16px;color: #2B2A28;font-weight: 600; padding: 5px 0 5px 30px;position: relative;background-image: url(../images/check.png);background-repeat: no-repeat;background-position: 0px 8px;background-size: 20px auto;}


/** Contact Us Page Start **/
.contactus{width: 100%;float: left; padding: 100px 0;background-color: #fff;}
.contactus .touchwithus .ctitle{padding-bottom: 50px;}
.contactus .touchwithus .infobox{width: 100%;height: 100%; background-color: #F8F8F8;}
.contactus .touchwithus .infobox .head h4{color: #fff;font-weight: 600;font-size: 18px;padding:10px 20px;background-color: #01763F;}
.contactus .touchwithus .infobox .disc{padding:20px;}
.contactus .touchwithus .infobox .disc p, .contactus .touchwithus .infobox .disc a{color: #2B2A28;font-weight: 400;font-size: 16px;margin: 8px 0;padding-left: 30px;background-repeat: no-repeat;background-size: 20px;background-position: 0px 2px;}
.contactus .touchwithus .infobox .disc a:hover{color: #01763F;}
.contactus .touchwithus .infobox .disc .address{background-image: url(../images/address.png);}
.contactus .touchwithus .infobox .disc .website{background-image: url(../images/website.png);background-size: 18px;}
.contactus .touchwithus .infobox .disc .email{background-image: url(../images/email.png);background-size: 16px;background-position: 2px 3px;}
.contactus .touchwithus .infobox .disc .phone{background-image: url(../images/whatsapp.png);}
.contactus .touchwithus .infobox .disc .name{padding-left: 0;}

.contactform{width: 100%;float: left;padding-top: 100px;}
.contactform .ctitle h3 span{color: #01763F;}
.contactform form{max-width: 700px;margin: 0 auto;padding-top: 50px;}
.contactform form label{color: #2B2A28;opacity: .7;text-transform: uppercase;font-size: 14px;}
.contactform form .form-control:focus-visible{outline: none;}
.contactform form .form-control:focus{box-shadow: none;border-color: #01763f;color: #2B2A28;}


/** Product Details Page Start **/
.productconts {padding: 100px 0px; float: left; width: 100%;}
.productconts .prodimgcol .prodimg {padding: 30px 15px 24px;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #fff; box-shadow: 0px 0px 4px 0px #0003; -moz-box-shadow: 0px 0px 4px 0px #0003; -webkit-box-shadow: 0px 0px 4px 0px #0003;}
.productconts .prodimgcol .prodimg img {width: 100%;}
.productconts .prodinfocol {padding-left: 100px;}
.productconts .prodinfocol h2 {font-size: 30px; font-weight: 600;}
.productconts .prodinfocol .avatext {font-weight: 500; color: #01763F; font-size: 16px; margin-top: 5px;}
.productconts .prodinfocol .avatext span {font-weight: 700;}
.productconts .prodinfocol h5 {font-weight: 600; font-size: 18px; margin-top: 30px; padding-bottom: 15px;}
.productconts .prodinfocol .ctexts {margin-top: 20px; padding-bottom: 20px; border-top: 2px solid #F8F8F8; border-bottom: 2px solid #F8F8F8;}
.ctexts p {font-size: 16px; padding-top: 20px;}
.spclists li {display: flex; justify-content: space-between; width: 100%; padding: 12px 15px; font-size: 16px;}
.spclists li span {font-weight: 400;}
.spclists li span:nth-child(even) {font-weight: 500;}
.spclists li:nth-child(odd) {background-color: #F8F8F8;}
.needhelp {margin-top: 40px;}
.needhelp span {display: block; margin-bottom: 10px;}