@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:Poppins,sans-serif;
background:#fff;
}

/*=========================
TOP BAR
=========================*/

.topbar{
background:#1d4f2d;
color:#fff;
font-size:14px;
padding:10px 0;
}

.topbar a{
color:#fff;
text-decoration:none;
margin:0 5px;
transition:.3s;
}

.topbar a:hover{
color:#c6ef9d;
}

.topbar i {
    margin-right: 6px;
    font-size: 13px;
}

/*=========================
HEADER
=========================*/

.header-area{
background:#fff;
box-shadow:0 5px 20px rgba(0,0,0,.05);
position:sticky;
top:0;
z-index:999;
}
.navbar {
    padding: 0;
}
.navbar-nav{
gap:10px;
}

.nav-link {
    font-size: 15px;
    font-weight: 500;
    color: #222;
    transition: .3s;
}

.nav-link:hover,
.nav-link.active{
color:#1d4f2d !important;
}

.quote-btn {
    background: #1d4f2d;
    padding: 13px 32px;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: .3s;
    font-size: 15px;
}

.quote-btn:hover{
background:#2f6b3c;
color:#fff;
}
.dropdown-menu {
    border: none;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,.12);
    padding: 10px 0;
    border: none;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,.12);
    padding: 10px 0;
    max-height: 500px;   
    overflow-y: auto;  
    overflow-x: hidden;
   
}
.dropdown-item{
padding:10px 20px;
font-weight:500;
}
.dropdown-item:hover{
background:#1d4f2d;
color:#fff;
}
.navbar-brand{
    max-width: 110px;
}
/* Desktop */

@media(min-width:992px){

.nav-item.dropdown:hover>.dropdown-menu{
display:block;
margin-top:0;
}

.dropdown-submenu{
position:relative;
}

.dropdown-submenu>.dropdown-menu{
top:0;
left:100%;
margin-top:-1px;
display:none;
}

.dropdown-submenu:hover>.dropdown-menu{
display:block;
}

}

/* Mobile */

@media(max-width:991px){

.navbar-collapse{
background:#fff;
padding:20px;
margin-top:15px;
border-radius:10px;
box-shadow:0 10px 20px rgba(0,0,0,.1);
}
.nav-link {
    font-size: 15px;
    font-weight: 500;
    color: #222;
    transition: .3s;
    display: flex;
    justify-content: space-between;
    align-items: center;   
}

.quote-btn{
display:block;
margin-top:20px;
text-align:center;
}

.dropdown-submenu>.dropdown-menu{
position:static;
display:none;
box-shadow:none;
padding-left:15px;
}
.dropdown-item{
padding:10px 15px;
}
}


    .desktop-floating-contact {
    position: fixed;
    left: 30px;
    bottom: 4%;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.desktop-floating-contact a {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .15);
    transition: .3s ease;
    font-size: 21px;
}
.desktop-floating-contact a span{
    display: none;
}
.float-call{
    background-color: #a53693;
}
.float-whatsapp {
    background: #25d366;
    animation: whatsappPulse 1.8s infinite;
    color: white;
}
.float-enquiry {
    background: #ea3333;
}


    @keyframes    whatsappPulse {

        0% {
            box-shadow: 0 0 0 0 rgba(37, 211, 102, .7);
        }

        70% {
            box-shadow: 0 0 0 20px rgba(37, 211, 102, 0);
        }

        100% {
            box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
        }
    }

    .enquiry-popup {
    position: fixed;
    top: 49%;
    left: 50%;
    width: 300px;
    max-width: 95%;
    background: #fff;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -70%);
    transition: all .4s ease;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
}
.enquiry-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .45);
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    z-index: 9998;
}
.close-popup {
    position: absolute;
    right: 15px;
    top: 20px;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
}
.popup-header {
    background: #13572d;
    color: #fff;
    padding: 16px 0px 16px;
    font-size: 21px;
    font-weight: 600;
    align-items: center;
    text-align: center;
}
.popup-body {
    padding: 20px;
}
.popup-body p {
    text-align: center;
    margin-bottom: 16px;
    font-size: 15px;
    color: black;
}
.popup-body p a{
    text-decoration: none;
    color: #13572d;
}
.popup-body input, .popup-body textarea {
    width: 100%;
    border: 1px solid #ddd;
    padding: 12px;
    margin-bottom: 12px;
    outline: none;
}
.popup-body textarea {
    height: 100px;
    resize: none;
}
.popup-body button {
    width: 100%;
    background: #000;
    color: #fff;
    border: none;
    padding: 14px;
    cursor: pointer;
    font-size: 16px;
}

.enquiry-popup.active {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%);
}

.enquiry-overlay.active {
    opacity: 1;
    visibility: visible;
}

@media  screen and (max-width:480px) {
    .popup-body p strong{
        display: block;
    }
    .popup-body input, .popup-body textarea {
  
    padding: 6px 12px;
    border-radius: 5px;
}
.popup-body {
    padding: 14px;
}
.popup-header {
    padding: 8px 0px 8px;
    font-size: 18px;
}
.close-popup {
    top: 9px; 
}

.enquiry-popup {
    border-radius: 10px;
    width: 370px;
}
.popup-header {
    border-radius: 10px 10px 0 0;
}

.desktop-floating-contact {
    left: 0;
    bottom: 0;
    display: flex;
    gap: 0px;
    width: 100%;
    justify-content: space-between;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.desktop-floating-contact a {
    border-radius: 0%;
    font-size: 15px;
    width: 100%;
    height: 40px;
}
.desktop-floating-contact a span{
    display: block;
    padding-left: 5px;
}
.float-whatsapp {
    animation: none;
}
.footer-bottom {
    margin-bottom: 50px;
}
    
}


/*=========================
HERO
=========================*/

.hero-section{
padding:40px 0;
background:#e9deb9;
overflow:hidden;
}

.hero-subtitle{
font-size:22px;
font-style:italic;
color:#3d6f3d;
display:block;
margin-bottom:20px;
}

.hero-section h1{
font-size:58px;
font-weight:700;
line-height:1.15;
margin-bottom:25px;
color:#1e1e1e;
}
.hero-section .one{
font-size:58px;
font-weight:700;
line-height:1.15;
margin-bottom:25px;
color:#1e1e1e;
}

.hero-section p{
font-size:20px;
color:#555;
margin-bottom:20px;
}

.hero-text{
font-size:16px!important;
max-width:520px;
line-height:1.8;
}

.hero-buttons{
display:flex;
gap:18px;
margin-top:35px;
}

.btn-green{
background:#2f6b3c;
color:#fff;
padding:15px 34px;
border-radius:8px;
text-decoration:none;
font-weight:600;
transition:.35s;
}

.btn-green:hover{
background:#214d2c;
color:#fff;
transform:translateY(-3px);
}

.btn-outline{
padding:15px 34px;
border:2px solid #2f6b3c;
color:#2f6b3c;
border-radius:8px;
text-decoration:none;
font-weight:600;
transition:.35s;
}

.btn-outline:hover{
background:#2f6b3c;
color:#fff;

}

/*=========================
IMAGE
=========================*/

.hero-image{

position:relative;
text-align:center;

}

.hero-image img{

width:100%;
max-width:650px;
animation:float 5s ease-in-out infinite;

}

@keyframes float{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-10px);

}

100%{

transform:translateY(0);

}

}

/*=========================
FLOAT CARD
=========================*/

.floating-card{

position:absolute;
top:80px;
right:20px;
background:#fff;
padding:18px 22px;
border-radius:16px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
display:flex;
gap:15px;
align-items:center;
}

.floating-card i{

font-size:32px;
color:#2f6b3c;
}

.floating-card span{

font-size:15px;
font-weight:600;
line-height:1.7;
}

/*=========================
TRUST
=========================*/

.trust-section{

padding:35px 0;
background:#fff;
border-top:1px solid #eee;
}

.trust-item{

display:flex;
align-items:center;
justify-content:center;
gap:10px;
font-weight:600;
color:#444;
}

.trust-item i{

font-size:24px;
color:#2f6b3c;
transition:.3s;
}

.trust-item:hover i{

transform:scale(1.2);
}

/*=========================
RESPONSIVE
=========================*/

@media(max-width:991px){

.hero-section{

text-align:center;
padding:70px 0;
}

.hero-section h1{

font-size:42px;
}
.hero-section .one{

font-size:42px;
}

.hero-buttons{

justify-content:center;
flex-wrap:wrap;
}

.hero-image{

margin-top:50px;
}

.floating-card{

position:relative;
margin:25px auto 0;
top:auto;
right:auto;
width:max-content;
}

.trust-section .row{

row-gap:25px;
}

}



/*==================================
PRODUCT CATEGORIES
===================================*/

.categories-section {
    padding: 34px 0;
    background: #78b53e42;
}

.section-title{

margin-bottom:60px;
}

.section-title span{

display:inline-block;
font-size:14px;
font-weight:600;
letter-spacing:2px;
color:#6b8f3d;
text-transform:uppercase;
margin-bottom:12px;
}

.section-title h2{

font-size:42px;
font-weight:700;
color:#2f6b3c;
}
.section-title .two{

font-size:42px;
font-weight:700;
color:#2f6b3c;
}

.category-card{

display:block;
background:#fff;
border-radius:18px;
overflow:hidden;
text-align:center;
text-decoration:none;
padding-bottom:25px;
border:1px solid #ececec;
transition:.4s;
position:relative;
height:100%;
box-shadow:0 8px 20px rgba(0,0,0,.04);
}

.category-image{

height:170px;
overflow:hidden;
}

.category-image img{

width:100%;
height:100%;
object-fit:cover;
transition:.6s;
}

.category-icon{

width:65px;
height:65px;
background:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:-32px auto 18px;
position:relative;
z-index:5;
box-shadow:0 5px 18px rgba(0,0,0,.08);
border:2px solid #eef5ea;
}

.category-icon i{

font-size:24px;
color:#2f6b3c;
}

.category-card h5{

font-size:18px;
font-weight:600;
color:#222;
margin:0;
padding:0 10px;
}
.category-card .five{

font-size:18px;
font-weight:600;
color:#222;
margin:0;
padding:0 10px;
}

.category-card:hover{

transform:translateY(-10px);
box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.category-card:hover img{

transform:scale(1.12);
}

.category-card:hover .category-icon{

background:#2f6b3c;
}

.category-card:hover .category-icon i{

color:#fff;
}

.category-card:hover h5{

color:#2f6b3c;
}
.category-card:hover .five{

color:#2f6b3c;
}

@media(max-width:991px){

.categories-section{

padding:70px 0;
}

.section-title h2{

font-size:34px;
}
.section-title .two{

font-size:34px;
}

.category-image{

height:140px;
}

}

@media(max-width:576px){

.section-title h2{

font-size:28px;
}
.section-title .two{

font-size:28px;
}

.category-image{

height:120px;
}

.category-card h5{

font-size:15px;
}
.category-card .five{

font-size:15px;
}
}
/*=========================
FEATURED PRODUCTS
==========================*/

.featured-products{

padding:50px 0;
background:#fbfaf6;
}

.section-subtitle{

display:inline-block;
font-size:14px;
font-weight:600;
letter-spacing:2px;
color:#7ca64d;
margin-bottom:12px;
text-transform:uppercase;
}

.section-heading{

font-size:42px;
font-weight:700;
line-height:1.25;
margin-bottom:20px;
color:#222;
}

.section-text{

font-size:16px;
line-height:1.8;
color:#666;
margin-bottom:35px;
}

.product-card{

background:#fff;
border-radius:18px;
overflow:hidden;
border:1px solid #eee;
transition:.35s;
}

.product-img{

position:relative;
overflow:hidden;
height:260px;
}

.product-img img{

width:100%;
height:100%;
object-fit:cover;
transition:.5s;
}

.wishlist{

position:absolute;
top:15px;
right:15px;
width:38px;
height:38px;
background:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 5px 20px rgba(0,0,0,.08);
cursor:pointer;
}

.product-body{

padding:22px;
text-align:center;
}

.product-body h5{

font-size:20px;
font-weight:600;
margin-bottom:8px;
color:#222;
}
.product-body .five{

font-size:20px;
font-weight:600;
margin-bottom:8px;
color:#222;
}

.product-body span{

font-size:14px;
color:#6f8a56;
font-weight:500;
}

.product-card:hover{

transform:translateY(-10px);
box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.product-card:hover img{

transform:scale(1.1);
}

.product-card:hover .wishlist{

background:#2f6b3c;
color:#fff;
}
.swiper{

padding-bottom:15px;
}
/*=========================
ABOUT SECTION
==========================*/

.about-section {
    padding: 29px 0;
    background: #dbebcc;
}

.about-text{

font-size:16px;
line-height:1.9;
color:#666;
margin-bottom:18px;
}

/* Gallery */

.about-gallery{

display:flex;
gap:18px;
align-items:center;
}
.big-image{
flex:2;
}

.big-image img{
width:100%;
height:450px;
object-fit:cover;
border-radius:18px;
box-shadow:0 15px 35px rgba(0,0,0,.08);
transition:.4s;
}

.small-images{

flex:1;
display:flex;
flex-direction:column;
gap:18px;
}

.small-images img{

width:100%;
height:215px;
object-fit:cover;
border-radius:18px;
box-shadow:0 12px 30px rgba(0,0,0,.08);
transition:.4s;
}
.about-gallery img:hover{

transform:translateY(-8px) scale(1.03);
}

/*=========================
WHY CHOOSE US
==========================*/

.why-card{

background:#fff;
padding:35px;
border-radius:20px;
border:1px solid #e8e8e8;
box-shadow:0 10px 35px rgba(0,0,0,.06);
height:100%;
}

.why-card h4{

font-size:28px;
font-weight:700;
margin-bottom:30px;
color:#222;
}
.why-card .four{

font-size:28px;
font-weight:700;
margin-bottom:30px;
color:#222;
}
.why-card ul{
list-style:none;
padding:0;
margin:0;
}

.why-card li{

display:flex;
gap:18px;
margin-bottom:28px;
align-items:flex-start;
}

.why-card i{

width:52px;
height:52px;
background:#eef7ea;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
color:#2f6b3c;
flex-shrink:0;
transition:.3s;
}

.why-card li:hover i{

background:#2f6b3c;
color:#fff;
}

.why-card strong{

display:block;
font-size:17px;
margin-bottom:5px;
color:#222;
}

.why-card span{
font-size:15px;
color:#666;
line-height:1.7;
display:block;
}

/* Responsive */

@media(max-width:991px){

.about-section{

padding:70px 0;
}

.about-gallery{

margin:40px 0;
flex-direction:column;
}

.big-image img{

height:350px;
}

.small-images{

width:100%;
flex-direction:row;
}

.small-images img{

height:180px;
}
}

@media(max-width:576px){

.small-images{
flex-direction:column;
}
.small-images img{
height:220px;
}
}
/*=========================
MANUFACTURING PROCESS
=========================*/

.process-section{

padding:25px 0;
background:url(images/process-bg.jpg) center center;
background-size:cover;
position:relative;
color:#fff;
}

.process-section::before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(18,55,28,.82);
}

.process-section .container{

position:relative;
z-index:2;
}

.process-section .section-title{

margin-bottom:31px;
}

.process-section .section-title span{

font-size:14px;
letter-spacing:2px;
text-transform:uppercase;
color:#b8e986;
font-weight:600;
display:block;
margin-bottom:15px;
}

.process-section .section-title h2{

font-size:44px;
font-weight:700;
margin-bottom:15px;
}

.process-section .section-title p{

max-width:650px;
margin:auto;
color:#e7e7e7;
line-height:1.8;
}

.process-wrapper{

display:grid;
grid-template-columns:repeat(6,1fr);
gap:25px;
position:relative;
}

.process-wrapper::before{

content:"";
position:absolute;
top:45px;
left:8%;
right:8%;
height:2px;
background:rgba(255,255,255,.25);
z-index:0;
}

.process-item{

text-align:center;
position:relative;
z-index:2;
}

.process-icon{

width:90px;
height:90px;
background:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:auto;
margin-bottom:20px;
font-size:34px;
color:#2f6b3c;
transition:.4s;
box-shadow:0 15px 35px rgba(0,0,0,.25);
}

.process-item:hover .process-icon{

background:#7cb342;
color:#fff;
transform:translateY(-10px);
}

.process-item h5{

font-size:20px;
font-weight:600;
margin-bottom:12px;
}
.process-item .five{

font-size:20px;
font-weight:600;
margin-bottom:12px;
}

.process-item p{

font-size:15px;
line-height:1.8;
color:#ddd;
padding:0 10px;
}

@media(max-width:991px){
	.process-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    position: relative;
}
}

@media(max-width:576px){

.process-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    position: relative;
}

}
/*=========================
CERTIFICATES
=========================*/
.certificate-section{

padding:44px 0;
background: #8fc93b2e;
}

.certificate-section .section-title{

margin-bottom:10px;
}

.certificate-card{

background:#fff;
border-radius:18px;
padding:35px 20px;
text-align:center;
border:1px solid #e8ece7;
transition:.35s;
height:100%;
box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.certificate-card img{

height:80px;
width:auto;
margin-bottom:20px;
transition:.35s;
}

.certificate-card h6{

font-size:16px;
font-weight:600;
color:#2b2b2b;
margin:0;
}
.certificate-card .six{

font-size:16px;
font-weight:600;
color:#2b2b2b;
margin:0;
}

.certificate-card:hover{

transform:translateY(-8px);
box-shadow:0 18px 40px rgba(0,0,0,.12);
border-color:#5e9d41;
}

.certificate-card:hover img{

transform:scale(1.08);
}

@media(max-width:991px){

.certificate-section{

padding:70px 0;
}

.certificate-card{

padding:25px 15px;
}

.certificate-card img{

height:65px;
}

}

@media(max-width:576px){

.certificate-card img{

height:55px;
}
.certificate-card h6{

font-size:14px;
}
.certificate-card .six{

font-size:14px;
}

}
/*==================================================
EXPORT SECTION
==================================================*/
.export-section{

display:flex;
height:320px;
background:#0f4c27;
overflow:hidden;
border-radius:20px;
}
.export-left{

width:35%;
padding:45px;
background:#0f4c27;
color:#fff;
display:flex;
flex-direction:column;
justify-content:center;
position:relative;
}

.export-center{

width:40%;
background:#13572d;
display:flex;
align-items:center;
justify-content:center;
position:relative;
overflow:hidden;
}

.export-center::after{

content:"";
position:absolute;
right:-110px;
top:0;
width:220px;
height:100%;
background:#13572d;
border-radius:50%;
}

.export-right{

width:25%;
background:#f3f3f3;
display:flex;
justify-content:center;
align-items:center;
overflow:hidden;
}

.map-img{

width:92%;
opacity:.45;
}

.ship-img{

width:115%;
height:100%;
object-fit:cover;
}
.export-section{
    position: relative;
    overflow: hidden;
    padding: 100px 0;
    background: radial-gradient(circle at left,#2f6b3c 0%,#215732 40%,#184927 100%);
    color: #fff;
}

/* Left Background Shape */
.export-section::before{
    content: "";
    position: absolute;
    left: -220px;
    top: -150px;
    width: 620px;
    height: 620px;
    background: rgba(255,255,255,.05);
    border-radius: 50%;
}

.export-section::after{
    content: "";
    position: absolute;
    left: -120px;
    bottom: -250px;
    width: 500px;
    height: 500px;
    background: rgba(255,255,255,.03);
    border-radius: 50%;
}

/*=========================
TEXT
=========================*/
.export-subtitle{
    color:#a8d35d;
    letter-spacing:3px;
    font-weight:600;
    text-transform:uppercase;
    margin-bottom:15px;
}

.export-title{
    font-size:54px;
    font-weight:700;
    line-height:1.15;
    margin-bottom:25px;
}

.export-text{
    font-size:18px;
    line-height:1.9;
    color:rgba(255,255,255,.90);
    margin-bottom:40px;
}

/*=========================
STATS
=========================*/

.export-stats{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
    margin-top:35px;
}

.stat-box{
    min-width:160px;
    padding:25px 20px;
    text-align:center;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.15);
    border-radius:18px;
    backdrop-filter:blur(12px);
    transition:.35s;
}

.stat-box:hover{
    transform:translateY(-8px);
    background:#7cb342;
    border-color:#7cb342;
}

.stat-box h3{
    font-size:40px;
    font-weight:700;
    color:#fff;
    margin-bottom:8px;
}

.stat-box span{
    font-size:16px;
    color:#fff;
}

/*=========================
BUTTON
=========================*/
.export-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 35px;
    padding: 16px 34px;
    background: #8bc34a;
    color: #fff;
    text-decoration: none;
    border-radius: 50px;
    font-weight: 600;
    transition: .35s;
    text-align: center;
    display: flex;
    justify-content: center;
}

.export-btn:hover{
background:#6ea432;
color:#fff;
transform:translateY(-3px);
}

/*=========================
RIGHT IMAGE
=========================*/
.export-image{
position:relative;
height:520px;
display:flex;
justify-content:center;
align-items:center;
}

/* Card */

.export-card{
position:relative;
width:100%;
height:470px;
background:#16512d;
border-radius:28px;
overflow:hidden;
box-shadow:0 25px 60px rgba(0,0,0,.25);
}

/* Map */

.map-img{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
object-fit:cover;
opacity:.28;
}

/* Ship Animation */

@keyframes shipMove{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-8px);

}
}

/*=========================
RESPONSIVE
=========================*/

@media(max-width:991px){

.export-section{
padding:70px 0;
text-align:center;
}
.export-title{
font-size:38px;
}

.export-text{
font-size:16px;
}

.export-stats{
justify-content:center;
}

.export-image{
height:auto;
margin-top:60px;
}

.export-card{
height:380px;
}

.ship-img{
width:85%;
right:-10px;
bottom:-10px;
}
}

@media(max-width:576px){

.export-title{
font-size:30px;
}

.stat-box{
width:100%;
min-width:unset;
}

.export-card{
height:300px;
border-radius:20px;
}

.ship-img{
width:95%;
}
}
/*==========================
INDUSTRIES
==========================*/

.industries{

padding:35px 0;
background:#fbfaf6;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}

.industries .title{
text-align:center;
margin-bottom:25px;
}

.industries .title h6{
font-size:14px;
font-weight:700;
letter-spacing:2px;
color:#2f6b3c;
margin:0;
}
.industries .title .six{
font-size:14px;
font-weight:700;
letter-spacing:2px;
color:#2f6b3c;
margin:0;
}

.industry-row{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
}

.industry-item{
width:12.5%;
text-align:center;
text-decoration:none;
padding:10px;
transition:.35s;
position:relative;
}

.industry-item:not(:last-child){
border-right:1px solid #ddd;
}

.industry-item img{
height:42px;
margin-bottom:12px;
transition:.35s;
}

.industry-item span{
display:block;
font-size:14px;
font-weight:500;
color:#333;
line-height:1.5;
}

.industry-item:hover{
transform:translateY(-8px);
}

.industry-item:hover img{
transform:scale(1.12);
}

.industry-item:hover span{
color:#2f6b3c;
}
/*=========================
CTA CARDS
==========================*/
.cta-cards{
    padding: 40px 0;
    background: url("images/top-fot.png") center center/cover no-repeat;
    position: relative;
}

.cta-box {
    position: relative;
    border-radius: 22px;
    overflow: hidden;
    padding: 24px;
    height: 230px;
    display: flex;
    align-items: center;
    transition: .4s;
    box-shadow: 0 15px 40px rgba(0,0,0,.08);
}

.cta-box:hover{
   transform:translateY(-8px);
}

/* LEFT */

.cta-left{
     background:url("../images/footer/herbs-bg.jpg") center;
     background-size:cover;
}

.cta-left::before{
content:"";
position:absolute;
inset:0;
background:rgba(255,255,255,.78);
}

.cta-content{
position:relative;
z-index:2;
}

.cta-content h3{
           font-size:24px;
         font-weight:700;
        margin-bottom:18px;
       color:#222;
       line-height:1.25;
}
.cta-content .three{

font-size:24px;
font-weight:700;
margin-bottom:18px;
color:#222;
line-height:1.25;
}

.cta-content p{
font-size:16px;
line-height:1.7;
margin-bottom:25px;
}

.cta-btn{
display:inline-flex;
align-items:center;
gap:10px;
padding:14px 28px;
background:#2f6b3c;
color:#fff;
border-radius:50px;
text-decoration:none;
font-weight:600;
}

.cta-btn:hover{
       background:#214d2c;
       color:#fff;
}

/* CENTER */

.cta-center{
   background:#23532e;
   color:#fff;
}

.white h3,

.white p{
color:#fff;
}

.sample-btn{
   display:inline-flex;
   align-items:center;
  gap:10px;
  padding:14px 28px;
  background:#fff;
  color:#23532e;
  border-radius:50px;
  text-decoration:none;
  font-weight:600;
}

.sample-btn:hover{
           background:#f2f2f2;
           color:#23532e;
}

.oil-bottle{
      position:absolute;
      right:30px;
      bottom:0;
      height:190px;
}

/* RIGHT */

.whatsapp-card{
       background:#fff;
       justify-content:space-between;
}

.whatsapp-card small{
           font-size:18px;
           font-weight:600;
           color:#444;
}

.whatsapp-card a{ 
           font-size:23px;
           text-decoration: none;
           color:#2f6b3c;
           margin:15px 0;
           font-weight:700;
           display: block;
}

.whatsapp-card p{
           color:#666;
           margin:0;
}

.whatsapp-icon {
    width: 78px;
    height: 78px;
    border-radius: 5%;
    background: #25D366;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    color: #fff; 
    animation: none;
 
}

@keyframes pulse{

0%{

box-shadow:0 0 0 0 rgba(37,211,102,.5);

}

70%{

box-shadow:0 0 0 25px rgba(37,211,102,0);

}

100%{

box-shadow:0 0 0 0 rgba(37,211,102,0);

}
}

@media(max-width:991px){

.cta-box{
     height:auto;
     padding:35px;
     margin-bottom:20px;
}

.oil-bottle{
        position:relative;
        right:auto;
        height:140px;
        margin-left:auto;
        margin-top:20px;
        display:block;
}

.whatsapp-card{
          flex-direction:column;
          text-align:center;
          gap:25px;
}
}
/*=========================
FOOTER
=========================*/
.main-footer{
        background:#1b4b2c;
        padding:70px 0 20px;
        color:#d8e5d7;
}

.footer-logo{
        height:70px;
        margin-bottom:20px;
}
.footer-about{
        line-height:1.9;
        font-size:15px;
        margin-bottom:25px;
}

.main-footer h5{
        color:#fff;
        font-size:20px;
        margin-bottom:25px;
        font-weight:600;
}

.main-footer .five{
            color:#fff;
            font-size:20px;
            margin-bottom:25px;
            font-weight:600;
}

.main-footer ul{
         list-style:none;
         padding:0;
         margin:0;
}

.main-footer ul li{
             margin-bottom:12px;
}

.main-footer ul li a{
           text-decoration:none;
           color:#d8e5d7;
           transition:.3s;
}

.main-footer ul li a:hover{
            color:#8dc63f;
            padding-left:8px;
}

.footer-social{
      display:flex;
      gap:12px;
      margin-top:20px;
}

.footer-social a{
        width:42px;
        height:42px;
        background:rgba(255,255,255,.08);
        border-radius:50%;
        display:flex;
        justify-content:center;
        align-items:center;
        color:#fff;
        transition:.3s;
        text-decoration: none;
}

.footer-social a:hover{
             background:#8dc63f;
             transform:translateY(-5px);
}

.footer-contact li{
           display:flex;
           gap:10px;
           margin-bottom:14px;
}

.footer-contact i{
          color:#8dc63f;
          margin-top:5px;
}

.newsletter{
        margin-top:25px;
        display:flex;
        border-radius:50px;
        background:#fff;
}

.newsletter input {
    flex: 1;
    border: none;
    padding: 14px 6px;
    outline: none;
    border-radius: 10px;
}
.newsletter button {
    border: none;
    background: #8dc63f;
    font-weight: 600;
    color: #fff;
    transition: .3s;
    padding: 10px;
    border-radius: 0 10px 10px 0;
}

.newsletter button:hover{
            background:#6da530;
}

.main-footer hr{
          margin:45px 0 20px;
          border-color:rgba(255,255,255,.12);
}

.footer-bottom{
         font-size:14px;
}

.footer-bottom a{
         color:#d8e5d7;
         text-decoration:none;
}

.footer-bottom a:hover{
         color:#8dc63f;
}

@media(max-width:991px){

.main-footer{
        text-align:center;
}

.footer-social{
      justify-content:center;
}

.footer-contact li{
          justify-content:center;
}

.newsletter{
        flex-direction:column;
        border-radius:15px;
}

.newsletter input{
          width:100%;
}

.newsletter button{
              padding:15px;
}
.main-footer ul li {
    font-size: 14px;
    text-align: left;
}
.export-center {
      display: none;
}
.industry-item {
      width: auto;
}
.industry-row {
    display: grid;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr;
}
.export-section::after {
       display: none;
}
.export-section::before {
       display: none;
}
.export-right {
       display: none; 
}
.export-left {
    width: 100%;
}
.export-btn {
    display: block;
    align-items: center;
    text-align: center;
}
.process-section .section-title h2 {
    font-size: 26px;
}
.process-item h5 {
    font-size: 18px;  
}
.process-item .five {
    font-size: 18px;
}
.process-item p {
    font-size: 13px;
}
.certificate-section {
    padding: 35px 0;
}
.about-section {
    padding: 35px 0;
}
.big-image img {
    height: 100%;
}
.section-heading {
    font-size: 28px;
}
.featured-products {
    padding: 50px 0 0;
}
.btn-green {
    transition: .35s;
    display: inline-block;
    margin-bottom: 20px;
}
.categories-section {
    padding: 30px 0;
}
.section-title {
    margin-bottom: 20px;
}
.trust-section .row {
    row-gap: 27px;
    display: grid;
    grid-template-columns: 1fr;
}
.hero-section h1 {
    font-size: 28px;
}
.hero-section .one{
    font-size: 28px;
}
.hero-section {
    text-align: center;
    padding: 30px 0;
}
}
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
tr:nth-child(even) {
  background-color: #dddddd;
}
.product-details{
    background:#fafafa;
}
.product-title{
    font-size:34px;
    font-weight:700;
    margin-bottom:20px;
}
.feature-box{
    background:#fff;
    padding:25px;
    border-radius:10px;
    box-shadow:0 5px 20px rgba(0,0,0,.05);
}
.feature-box ul{
    margin:0;
    padding-left:18px;
}
.content-box{
    background:#fff;
    padding:35px;
    border-radius:10px;
    box-shadow:0 5px 20px rgba(0,0,0,.05);
}
.enquiry-card{
    background:#fff;
    padding:25px;
    border-radius:10px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    top:90px;
}
.enquiry-card h3{
    text-align:center;
    margin-bottom:20px;
}
.enquiry-card .btn{
    padding:12px;
    font-weight:600;
}
.trust-box p{
    margin-bottom:10px;
    font-size:14px;
}

.related-products .card{
    border:none;
    border-radius:10px;
    overflow:hidden;
    transition:.3s;
    box-shadow:0 5px 20px rgba(0,0,0,.06);
}
.related-products .card:hover{
    transform:translateY(-6px);
}
.inner-banner{
    background:url('default/images/breadcumb_1.png') center center/cover;
    position:relative;
    padding: 100px 0;
    background-attachment: fixed;
    overflow: hidden;
}
.inner-banner::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #0000008c;
    left: 0;
    top: 0;
}
.banner-overlay {
    position: relative;
}
.banner-overlay h1{
    color:#fff;
    font-size:42px;
    font-weight:700;
    text-align:center;
    margin:0;
}
/* Breadcrumb */

.breadcrumb-section{
    background:#fff;
    padding:18px 0;
    border-bottom:1px solid #ececec;
    box-shadow:0 2px 15px rgba(0,0,0,.05);
}
.breadcrumb{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    list-style:none;
    padding:0;
    margin:0;
}
.breadcrumb li{
    display:flex;
    align-items:center;
    font-size:15px;
    color:#777;
}
.breadcrumb li:not(:last-child)::after{
    content:"›";
    margin-left:10px;
    color:#b78d3d;
    font-size:18px;
}
.breadcrumb li a{
    color:#555;
    text-decoration:none;
    transition:.3s;
}
.breadcrumb li a:hover{
    color:#b78d3d;
}
.breadcrumb li.active{
    color:#1b4b2c;
    font-weight:600;
}
.breadcrumb li i{
    margin-right:6px;
    color:#b78d3d;
}

/* ending close */