@import "https://use.fontawesome.com/releases/v6.2.0/css/all.css";
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;900&display=swap";

:root {
    --primary: #262626;
    --sliver: #edf2ef;
    --grey: #cecece;
    --border: #00000026;
    --theme: #6f9a3e;
    --white: #FFFFFF;
    --action: #02792c;
    --altbg: #edf1e8;
}
*{-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;outline:none;margin:0;padding:0;-webkit-transition:none;-o-transition:none;transition:none}
html{-webkit-text-size-adjust:100%}
body{font-family:'Poppins' ,sans-serif;font-size: 16px;font-weight: 400;line-height: 1.4;position:relative;margin:0;padding:0;color: var(--primary);overflow-x: hidden;background: #fff;/* letter-spacing: 0.3px; */}
.container{ width: 100%; max-width: 1300px; margin: 0 auto; }
.container-fluid{max-width:1900px}
iframe{border:none}
h1,h2,h3,h4,h5,h6{font-weight: 600;margin:0;}
h4{font-size:20px}
a,a:focus,a:hover{outline:medium none;text-decoration:none;color: var(--theme);}
ul,ol{padding:0;margin:0;list-style:none}
.cuani, a{-webkit-transition: .4s;-moz-transition: .4s;-o-transition: .4s;transition: .4s;}
b, strong{font-weight:600}
::selection {background: var(--theme);color:var(--white); }
::-moz-selection {background: var(--theme);color:var(--white);}

.vcenter > .row{align-items: center;display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;    flex-wrap: wrap;}
.imgdrk{filter: gray;-webkit-filter: grayscale(1);filter: grayscale(1);}
.imgdrk:hover{filter: none; -webkit-filter: grayscale(0);filter: grayscale(0);}
.h100{height:100%;}
.w100{width:100%!important;}
.radius-10{border-radius:10px}
.swbox{background:var(--white);box-shadow: rgb(0 0 0 / 6%) 0px 16px 40px 0px;border-radius: 6px;padding: 20px;}
.automrg{margin: auto;/* text-align: center; */float: none;}
.bgwhite{background: var(--white) !important;}
.bgsliver{background: var(--sliver);}
.border-box{position:relative;border: 1px solid var(--border);border-radius: 10px;/* box-shadow: 0 3px 6px 0 #0106140f; */}
.border-box.lightbg{background: #27b7b712;border: none;}

.box-swbox{box-shadow: #0000000f 0px 2px 12px 0px;border-radius: 10px;overflow:hidden}
.box-swbox.bg{background: #f9f6f3;box-shadow:none}
@keyframes slide-down 
{
    0% {opacity: 0;transform: translateY(-100%);-ms-transform: translateY(-100%);-webkit-transform: translateY(-100%);}
    100% {opacity: 1;transform: translateY(0);}
}


.tophead{position:relative;background:var(--theme);padding:10px 0 8px}
.tophead ul{list-style:none;margin:0;padding:0;float:right;position:relative;z-index:2}
.tophead li{display:inline-block;color:var(--white);padding:0 10px;font-weight:500}
.tophead li a{color:var(--white);text-transform:lowercase;margin-left:0;padding:0;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}
.tophead li i{color:var(--white);font-size:15px;margin-right:8px}
@media (max-width: 992px) {
.tophead li{display:block;padding:0 5px;text-align:center}
.tophead ul{float:none;text-align:center;width:100%}
.tophead li a{display:inline-block;width:100%}
}
.header-main{background:#fff;transition:all .5s ease}
.header-main .header-wrap{display:flex;justify-content:space-between;max-width:100%;flex-wrap:wrap;float:none;margin:0 auto;list-style:none;display:flex;flex-direction:row;align-items:center}
.header-main .logo{margin-right:0;position:relative;z-index:1}
.header-main .logo img{width: 142px;padding:3px 0}
@media (max-width: 992px) {
.header-main .header-wrap,.flexslider .container{width:100%;padding:13px 0}
.panel-toggle{display:none}
}
body.fixed .header-main{position:fixed;background:#fff;padding:0;top:0;left:0;right:0;z-index:9;-webkit-animation:slide-down .7s;-moz-animation:slide-down .7s;-o-animation:slide-down .7s;box-shadow:0 9px 9px #0000001a;height:auto}
body.fixed{padding-top:81px}
body.fixed .logo img{filter:none}
body.fixed #cssmenu > ul > li::after{top:16px}
body.fixed #header .main-header{background:transparent}
@media (min-width: 992px) {
.getquote{padding: 12px 15px!important;text-transform:capitalize;background:var(--theme);color:#fff!important;border-radius:5px}
.getquote:hover{color:#fff;background:var(--primary)}
}

.page-head{padding:60px 0;color:var(--primary);position:relative;background:var(--sliver)}
.page-head h1{margin:0 0 10px;padding:0;font-size:34px;color:var(--theme)}
.page-head h1 + p,.page-head p{margin:0;font-size:18px;position:relative}

.breadcrumb{padding:0;margin-bottom:0;list-style:none}
.breadcrumb > li{display:inline-block}
.breadcrumb > li + li:before{padding:0 5px;color:#ccc;content:"/\00a0"}
.breadcrumb > li,.breadcrumb > li > a,.breadcrumb > li + li:before{color:#858585;font-size:14px;text-transform:uppercase}
@media (max-width: 992px) {
.breadcrumb .container{width:100%;padding:0 15px}
}

.section{position:relative;padding:80px 0;background:#fff}
.section2{padding:30px 0;position:relative}
.sectionbg{background: var(--theme);padding:60px 0;position:relative}
.sectionbg.lightbg{background: var(--sliver);}

.bgbox{background:#f5f5f5;padding:25px;position:relative}
.bgbox.nobg{background:none}
@media (max-width: 992px) {
.bgbox{padding:60px 15px}
}


.htitle{position:relative;display:block;font-size: 36px;color: var(--theme);margin: 0 0 15px 0;line-height: 1.3;}
.htitle.small{font-size: 28px;}
.htitle.white, .htitle.white + p{color:var(--white);}
.htitle.center{text-align:center}
.htitle + p{width: 60%;margin: 0;margin-bottom: 25px;font-size: 18px;position: relative;}
.htitle.center + p{text-align:center;margin-left: auto;margin-right: auto;}
@media (max-width: 992px) 
{
    .htitle{font-size: 28px;}
    .htitle + p{width: 100%;}
}
   
/*index page*/

.funfact{background-color: var(--theme);}
.fun-box{position:relative;text-align:center}
.fun-box h3{font-size:60px;line-height:1em;position:relative;letter-spacing:.01em;color:var(--white);font-weight: 100;}
.fun-box h4{position:relative;display:block;padding:10px 0 0;color: var(--white);}
@media (max-width: 768px) {
.fun-box h3{font-size:40px}
}

.box2{padding-top:0;background:var(--white);text-align: center;border:1px solid var(--grey);}
.box2 img{padding:4px;text-align:center;width:100%}
.box2:hover img{border-color:var(--theme)}
.box2 h4{text-transform:none;padding:10px 0;color: var(--primery);margin:0;}

/*----------*/
.core--box{padding:20px;border-radius:5px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;overflow:hidden;background:#f8f9fa}
.core--box .core-title{padding-bottom:7px}
.core--box .core-title i{margin-bottom:15px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color: var(--theme);border-radius:5px;margin-right:15px;font-size:25px;color:var(--white)}
.core--box .core-title h4{font-size:22px;font-weight:600;margin:0;color:#333}
.core--box.core-title p{padding:20px;color:#666;line-height:1.6}
.core--box:hover .core-title i{background-color: var(--action);color:#fff}
.capacity-badge{background:#be252b;color:#fff;padding:10px 25px;border-radius:50px;font-weight:700;display:inline-block;margin:20px 0}
.core--box ul{list-style:none;padding-left:0}
.core--box li{position:relative;padding-left:22px;margin-bottom:12px;font-size:15px;color:#2b2621}
.core--box li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background:#1f5136;border-radius:50%}

/*-----------*/
.product-card{position:relative;border-radius:18px;overflow:hidden;height:260px}
.product-card img{width:100%;height:100%;object-fit:cover}
.product-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000000a6,#00000026)}
.product-content{position:absolute;bottom:15px;left:20px;z-index:2;color:#fff}
.product-content h4{font-weight:600;margin-bottom:8px}
.product-tags span {font-size: 12px;background: rgba(255,255,255,0.2);  padding: 4px 10px;border-radius: 20px; margin-right: 5px;display: inline-block; margin-bottom: 5px;
}




.alt-section{margin:10px 0;}
.alt-section .section-flex{display:flex;flex-wrap:wrap;height:100%;align-items:center}
.alt-section .items-box{height:100%;display:flex;flex-direction:column;justify-content:center}
.alt-section .content-box{ margin-top: 5px;}
.alt-section .items-box a{}
.alt-section .items-box a:hover{color:var(--theme)}

@media (min-width: 992px) {
    .alt-section:nth-of-type(odd) .img-box{padding-left:0}
    .alt-section:nth-of-type(even) .img-box{padding-right:0}
    .alt-section:nth-of-type(even) .section-flex{flex-direction:row-reverse}
}
@media (max-width: 992px) {
.alt-section:nth-of-type(even) .section-flex{flex-direction:row-reverse}
}



.text-desc h1:first-child,.text-desc h2:first-child,.text-desc h3:first-child,.text-desc h4:first-child,.text-desc h5:first-child{margin:0 0 5px}
.text-desc h1,.text-desc h2,.text-desc h3,.text-desc h4,.text-desc h5{margin:14px 0 5px}
.text-desc table{border-collapse:collapse;margin:0 0 20px;width:100%}
.text-desc table thead,.text-desc table th{background: var(--sliver);font-weight: 600;}
.text-desc table td,.text-desc table th{border: 1px solid var(--sliver);padding: 5px;vertical-align:middle}
.text-desc table td{font-size:15px}
.text-desc ul,.text-desc ol li,.text-desc ul ul{margin-left:15px;margin-bottom:22px}
.text-desc ul li,.text-desc ol li{list-style-type:none;position:relative;margin-bottom:10px;text-align:justify;padding-left: 12px;}
.text-desc ol li{margin-bottom:0}
.text-desc ul.list2 li{width:46%;display:inline-block}
@media (max-width: 768px) {
.text-desc ul.list2 li{width:100%}
}
.text-desc ul ul li{list-style-type:circle}
.text-desc ul li:before,.text-desc ol li:before{position:absolute;font-size: 15px;top: -7px;font-family:"Font Awesome 5 Free";content: "\f058";font-weight:900;color:var(--theme);left:-15px;line-height:2.5}
.text-desc h2{font-size:34px;padding:12px 0 6px;margin:0;color:var(--theme);text-transform:capitalize}
.text-desc h3{color:var(--theme);font-size:28px;padding:0 0 2px;margin:0;margin-bottom:8px;text-transform:capitalize}
.text-desc h3:after{background:var(--sliver)bottom: 0;content:"";height:2px;position:absolute;width:45px;left:0}
.text-desc h4{color:var(--theme);}
.text-desc h5{color:var(--theme);font-size:20px;padding:8px 0;text-transform:capitalize}
.text-desc h2 + hr,.text-desc h4 + hr{border-color:var(--grey);width:55%;text-align:center;display:inline-block}
.text-desc img{display:inline-block!important}

/*-----------*/
.quality-list{margin-bottom:35px}
.quality-list li{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}
.quality-list i{color:var(--action);font-size:18px;margin-top:3px}
.quality-btn{display:inline-flex;align-items:center;gap:10px;background:#1f4f34;color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease}
.quality-btn:hover{background:#173e28;color:#fff}
.quality-img-wrapper{position:relative}
.quality-img-wrapper img{width:100%;border-radius:18px}
.iso-badge{position:absolute;bottom:-25px;left:25px;background:#fff;padding:16px 22px;border-radius:14px;display:flex;align-items:center;gap:14px;box-shadow:0 10px 25px #0000001f}
.iso-icon{width:48px;height:48px;background:#2f5d3a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}
@media (max-width: 767px) {
.iso-badge{position:static;margin-top:20px}
}

/*------------*/
.border-box{position:relative;border:1px solid #00000030;border-radius:8px;box-shadow:0 3px 6px 0 #0106140f}
.highlight{position:relative;padding:70px 0;background: var(--theme) url(../images/rendor4.jpg) center center no-repeat fixed;background-size:cover}
.highlight:before{position:absolute;content:'';left:0;top:0;width:100%;height:100%;display:block;background-color:var(--theme)}
.highlight .highlight-inner{position:relative;text-align:center;width:73%;margin:0 auto}
.highlight h3{color:#fff}
.highlight p{color:#fff;margin:0 auto 25px;width:100%}
.highlight a{float:none;background:transparent}
.highlight a:active,.highlight a:hover,.highlight a:focus{background:#dedede}
@media (max-width: 992px) {
.highlight{padding:60px 0;text-align:center}
.highlight h3{font-size:28px}
.highlight .highlight-inner{width:95%}
.highlight a{float:none;margin-top:14px;line-height:30px}
}


/*about page*/

/*vision-mision*/
.mv-image img{width:100%;border-radius:22px;object-fit:cover}
.mv-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;letter-spacing:1px;color:#1f5136;margin-bottom:10px;text-transform:uppercase}
.mv-label i{font-size:16px}
.mv-title{font-size:34px;font-weight:600;color:#2b2621;margin-bottom:15px}
.mv-text{font-size:16px;line-height:1.7;color:#6b5f55;max-width:520px;margin-bottom:45px}
@media (max-width: 768px) {
.mv-title{font-size:28px}
.mv-text{max-width:100%}
}

/*------------*/
.about-left h6{color:#cf1119;text-transform:uppercase;font-weight:600}
.about-boxes ul{text-align:center;align-items:center;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:20px;margin-top:40px;justify-content:center}
.about-boxes li{color:var(--white);align-items:center;background:#154629;box-shadow:0 10px 25px #0000000d;border-radius:10px;text-align:center;padding:30px 20px;flex:1 1 calc(25% - 20px);transition:all .3s ease;min-width:250px}
.about-boxes li:hover{transform:translateY(-10px);box-shadow:0 15px 35px #0000001a}
.about-boxes i{display:inline-flex;justify-content:center;align-items:center;height:50px;width:50px;border-radius:50%;background-color:var(--theme);font-size:22px;color:#fff;margin:0 auto 15px}
.about-boxes h5{font-weight:600;font-size:18px;margin-bottom:10px}
@media (max-width: 768px) {
.about-boxes li{flex:1 1 100%}
}

/*---------*/
.timeline{position:relative;max-width:800px;margin:0 auto}
.timeline::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:2px;background:#d9d2c3;transform:translateX(-50%)}
.timeline-item{position:relative;width:50%;padding:20px 40px}
.timeline-item.left{left:0;text-align:right}
.timeline-item.right{left:50%;text-align:left}
.timeline-dot{position:absolute;top:30px;width:10px;height:10px;background:#1f5136;border-radius:50%;z-index:1}
.timeline-item.left .timeline-dot{right:-5px}
.timeline-item.right .timeline-dot{left:-5px}
.timeline-year{font-size:20px;font-weight:600;color:#1f5136;margin-bottom:5px}
.timeline-text{font-size:15px;color:#6b5f55}
@media (max-width: 768px) {
.timeline::before{left:20px}
.timeline-item{width:100%;padding-left:60px;padding-right:20px;text-align:left}
.timeline-item.left,.timeline-item.right{left:0}
.timeline-dot{left:15px!important;right:auto}
}

/*products page*/
.product-row{margin-bottom:70px;align-items:center}
.product-img img{width:100%;border-radius:18px;object-fit:cover}
.product-title{font-size:26px;font-weight:600;color:#2b2621;margin-bottom:12px}
.product-desc{color:#6b5f55;font-size:15px;line-height:1.7;margin-bottom:18px;max-width:520px}
.product-tags{/* margin-bottom:20px; */}

@media (max-width: 768px) {
.product-desc{max-width:100%}
}

/*catalogue*/
.catalogue-card{/* color: white; */background: var(--sliver);border-radius:18px;padding:25px;height:100%;display:flex;gap:25px;align-items:flex-start}
.catalogue-img img{width:165px;height:165px;object-fit:cover;border-radius:14px}
.download-btn{display:inline-flex;align-items:center;gap:10px;border:1.5px solid #1f5136;color:#1f5136;padding:9px 18px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s ease}
.download-btn:hover{background:#1f5136;color:#fff}
@media (max-width: 576px) {
.catalogue-card{flex-direction:column;text-align:left}
.catalogue-img img{width:100%;height:180px}
}

/*quality assurance*/

.comitbox{border-radius:10px;padding:15px}
.comitbox .inner-box{color:#fff;border-radius:12px;background:#154629;padding:20px}
.comitbox .inner-box .col-sm-3{text-align:center}
.comitbox .inner-box i{align-items:center;justify-content:center;display:flex;border-radius:50px;height:50px;width:50px;background-color:#fff;font-size:30px;color:var(--theme)}
.comitbox .inner-box h4{font-weight:600}
.comitbox .inner-box p{margin:0}

/*logistic*/
.transit-card{background:var(--sliver);border-radius:18px;padding:35px 30px}
.transit-card h4{font-size:24px;font-weight:600;margin-bottom:25px;color:#2b2621}
.transit-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e5ded0;font-size:15px;color:#6b5f55}


.address{}
.address li{margin: 10px 0;}
.address h4{font-size: 24px;font-weight: 700;letter-spacing: .5px;padding-bottom: 6px;margin-bottom: 13px;display: inherit;color: #e31822;}
.address > li > i{display:inline-block;vertical-align:top;margin-top: 4px;width: 20px;text-align: center;font-size: 17px;margin-right: 10px;}
.address p{display:inline-block;text-align:left!important;margin:0;font-size: 15px;line-height: 25px;}


/*harvest table*/

.harvest-table-wrapper{background:#fff;border-radius:14px;padding:20px;overflow-x:auto}
.harvest-table{width:100%;min-width:900px;border-collapse:collapse}
.harvest-table thead th{background: var(--theme);color:#fff;font-size:13px;padding:12px;text-transform:uppercase;font-weight:500;text-align:center}
.harvest-table thead th:first-child{text-align:left;border-radius:10px 0 0 0}
.harvest-table thead th:last-child{border-radius:0 10px 0 0}
.harvest-table tbody td{padding:10px;text-align:center;font-size:14px;border-bottom:1px solid #eee}
.harvest-table tbody td:first-child{text-align:left;font-weight:500;}
.harvest-dot{width:15px;height:15px;background: var(--theme);border-radius:50%;display:inline-block}
.harvest-note{margin-top:15px;font-size:12px;color:#7a6f63}

/*contact page*/

.form-group{margin-bottom:15px}
input,textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:15px}
input:focus,textarea:focus{border-color:#cf1018;outline:none}
.submit-btn{background:#cf1018;color:#fff;border:none;padding:12px 25px;border-radius:6px;font-weight:600;cursor:pointer;width:100%;font-size:16px}
.contact-info{display:flex;flex-direction:column;gap:20px}
.contact-card{background-color:var(--sliver);padding:15px 20px;margin: 0 !important;}
.contact-card p{margin:0}
.icon-box{width:50px;height:50px;background:var(--action);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size: 25px;flex-shrink:0}
.info-content p{margin:4px 0 0;font-size:.95rem;color:#666}
@media (max-width: 576px) {
.contact-card{flex-direction:column;align-items:flex-start}
.icon-box{margin-bottom:8px}
}
.form label{font-weight:600;margin-bottom:5px}
.form button{margin-top:30px}
.form textarea.text-field{height:80px}
.form .select{margin:0!important;font-size:15px!important}
.form .text-field,input[disabled]{margin:0 0 15px;padding:12px 15px;width:100%;border-radius:5px;border:1px solid #444}

.errorbox,.errorbox span,.errorbox li{color:#D90000}
.errorbox .sucmsg{color:#046310}
.custbtn{width:auto;border:none;padding:10px 15px;background: var(--theme);border-radius:5px;position:relative;display:inline-block;font-weight:600;color:var(--white);transition:400ms all;-webkit-transition:400ms all}
.custbtn:hover,.custbtn:focus,.custbtn:active{text-decoration:none;background:#d6e0cb;color:var(--theme)}
.btn-wrapper{display:flex;justify-content:center}
 
.footer {background-color: var(--sliver);padding-top: 30px;}
.footer img{width:250px}
.footer  h4{color: var(--theme);margin-bottom: 27px;padding-bottom: 12px;position: relative;text-transform: uppercase;}
.footer p, .footer a{color: var(--primary);}

.fix-penal{position:fixed;bottom:10px;right:10px;z-index:21}
.fix-penal a{text-align:center;width:50px;height:50px;display:block;color:#FFF;border-radius:10px;background-color:#25D366}
.fix-penal .callus{margin-bottom:10px;background:#f8b000;color:var(--primary)}
.fix-penal i{font-size:28px;margin-top:11px;color:#fff}
@media (max-width: 768px) {
.vcenter > .row{display:initial}
}

/*footer social*/

/*--------*/
.social{/* list-style-type:none; *//* padding:10px 0 0; *//* margin:0; */}
.social li{display:inline-block;}
.social a{margin-right: 0px;cursor:pointer;display:block;width:45px;height:45px;text-align:center;text-decoration:none;background:transparent;border-radius:50%;line-height:40px;font-size:22px}
.social a i{line-height: 44px;font-size: 30px;}
.social a:hover{/* background: var(--action); *//* color:#fff; */}

@media(max-width: 992px) {
.hero{flex-direction:column;text-align:center;padding:60px 30px;gap:40px}
.hero h1{font-size:42px}
.hero-stats{margin-top:30px;max-width:100%;grid-template-columns:repeat(2,1fr);gap:20px}
.btns{justify-content:center;flex-wrap:wrap;gap:20px}
}
@media(max-width: 768px) {
.hero{padding:40px 20px}
.hero h1{font-size:36px}
.hero-stats{grid-template-columns:1fr}
}



.stats-box{background:#fff;border-radius:24px;padding:40px 20px;box-shadow:0 10px 25px #0000000d}
.stats-container{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;text-align:center}
.stat-box{text-align:center;flex:1 1 200px;transition:.3s;margin:40px;margin-top:-100px}
.stat-icon1{font-size:48px;margin-bottom:20px;color:#cf1119}
.stat-number{font-size:48px;font-weight:700;color:transparent;-webkit-text-stroke: 1px #FFF;cursor:pointer}
.stat-number:hover{color: #fff;}
.stat-label{font-size:18px;color: #fff;margin-top:10px}
@media (max-width: 768px) {
.mv-box{flex:1 1 100%}
.stat-box{flex:1 1 45%}
}
@media (max-width: 480px) {
.stat-box{flex:1 1 100%}
.stat-number{font-size:36px}
}