@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&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');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Pattaya&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');

body { font-family:var(--primary-font-family); background-color: var(--white-color); color:var(--text-color);  font-weight:var(--font-weight-400); letter-spacing:var(--letter-spacing-05); font-size:14px; line-height:20px; margin:0;  padding:0; white-space:normal; visibility:inherit; text-align:inherit; border:0px; font-stretch:inherit; overflow-x: hidden !important; transition: background 0.2s linear; }

html{height:100%; margin-bottom:0px;}

* { margin: 0; padding: 0; outline: 0; }

.container { max-width: 1200px;  /* Fix width for large screens */ margin: auto; /* Center content */ padding: 20px;}

body, div, section, a, p, aside, span, ul, li, dl, header, footer, h1, h2, h3, h4, h5, h6 {text-decoration: none; outline: none; border: none; padding: 0; margin: 0; list-style: none;}

/*custom scrollbar*/
/* width */
::-webkit-scrollbar {width:5px;}
/* Track */
::-webkit-scrollbar-track {background:var(--primary-color); }
/* Handle */
::-webkit-scrollbar-thumb {background:var(--secondary-color); }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background:var(--third-color); }
/*custom scrollbar*/

/*LOADER*/
.no-js #loader { display: none;}
.js #loader {display: block; position: absolute; left: 100px; top: 0;}
.se-pre-con {position: fixed; left: 0px; top:0px; width: 100%; height: 100%; z-index: 99999; background: url(../images/Preloader.gif) center no-repeat var(--white-color);}
/*LOADER*/

/*TEXT SELECTION*/
::-moz-selection {/* Code for Firefox */ color:var(--primary-color); background:var(--secondary-color);}
::selection {color:var(--primary-color); background:var(--secondary-color);}
/*TEXT SELECTION*/

h1, h2, h3, h4, h5 { font-family:var(--primary-font-family); font-weight:var(--font-weight-700); letter-spacing: var(--letter-spacing-1); text-transform: capitalize;}

.heading {margin-bottom:15px; margin-top:15px; padding:0; }
.heading h1 {font-size:45px; line-height:50px; color:var(--primary-color); margin:0; padding:0;}
.heading h2 {font-size:30px; line-height:35px; color:var(--primary-color); margin:0; padding:0;}
.heading h2 span {color:var(--secondary-color); }
.heading h3 {font-size:18px; color:var(--primary-color); line-height:25px; margin:0; padding:0; }
.heading h4 { font-size:18px; color:var(--secondary-color); line-height:25px; margin:0; padding:0;}
.heading h5 {font-size:20px; line-height:25px; color:var(--primary-color); margin:0; padding:0;}
.heading h6 {font-size:16px; line-height:24px; color: #243064; margin-bottom:0; margin-top:15px; padding:0;  text-transform: capitalize; font-weight:var(--font-weight-500); letter-spacing: var(--letter-spacing-05); }

p { color:var(--black-color); font-size:14px; line-height:20px; margin-bottom:15px; margin-top:15px; padding:0; font-weight:var(--font-weight-400); letter-spacing: var(--letter-spacing-05);}
p a {color:var(--secondary-color); font-weight:var(--font-weight-500); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
p a:hover {color:var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
p span {color:var(--secondary-color); font-weight:var(--font-weight-600);}
p strong {color:#d62f2f; font-weight:var(--font-weight-600);}


/*HEADER*/
#header-1 { }

/*HEADER-FIX*/
.bg3{}
#menucont{padding: 0; margin:0 auto !important; }
#menucont p{margin: 0;}
.container1{width:100%;padding: 0; margin:0 ;}
.container1 .bodycontainer{margin: 0 !important;width: 100%; }
.stickydiv{position: relative; z-index:999 !important; width: 100%; background-color: rgba(255, 255, 255, 0.90); box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075); transition: .5s;}
.stickydiv.stuck{position: fixed; top: 0; width: 100%; z-index: 8;}
/*HEADER-FIX*/

/*LOGO*/
.logo { float:left; margin:6px 0; padding:0; display:block;}
/*LOGO*/

.animate-left, .animate-right { opacity: 0; transform: translateX(60px); transition: all 1s ease-out; } .animate-left { transform: translateX(-60px); } .animate-left.in-view, .animate-right.in-view { opacity: 1; transform: translateX(0); }
.animate-up { opacity: 0; transform: translateY(40px); transition: all 0.7s ease-out; } .animate-up.in-view { opacity: 1; transform: translateY(0); }



/* BANNER 
.hero-banner{position:relative;width:100%;height:90vh;overflow:hidden}
.hero-slide{position:absolute;width:100%;height:100%;top:0;left:0;background-size:120% auto;background-position:center;opacity:0;transform:scale(1);transform-origin:center center;transition:opacity 1s ease,transform 5s ease;z-index:0;display:flex;align-items:center;justify-content:center}
.hero-slide.active{opacity:1;transform:scale(1.2);z-index:1}
.hero-slide .hero-content{text-align:center;color:#fff;max-width:90%;z-index:2;position:relative}
.hero-slide p{font-family: var(--secondary-font-family); color: var(--white-color);font-size:26px;font-style:italic;margin-bottom:10px}
.hero-slide p::before {content: "";display: inline-block;background: url('../images/icon.png') no-repeat center center;background-size: contain; width:30px; height: 42px;margin-right: 10px;vertical-align: middle;
}

.hero-slide h1{font-family: var(--third-font-family);font-size:48px;line-height:1.3;font-weight:700;margin-bottom: 15px;}
.hero-slide h1 span{color:#b6e62b}
.hero-btn{position:relative;display:inline-block;font-family: var(--third-font-family); color: var( --black-color); background: var(--primary-color); padding:12px 25px;border:none;border-radius:8px;font-weight:600;cursor:pointer;text-decoration:none;overflow:hidden;transition:color 0.3s ease,transform 0.3s ease;z-index:1;box-shadow:0 4px 15px rgba(0,0,0,0.1);}
.hero-btn::before{content:'';position:absolute;top:-100%;left:0;width:100%;height:100%;background-color:#000;z-index:-1;transition:top 0.4s ease-in-out;}
.hero-btn:hover::before{top:0;}
.hero-btn:hover{color:#fff;transform:scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,0.2);}
/* BANNER */

.farming-highlights{display:flex;justify-content:space-between;margin:0px auto;max-width:1222px;background:white; position: relative;}
.highlight-box{flex:1;text-align:center;padding:30px 20px;background-color:#F9FBD8;}
.highlight-box.dark{background-color:#1f1f1f;color:white;}
.highlight-box .icon{margin-bottom:15px;}
.highlight-box .icon img{width:80px;height:80px;padding:10px;border-radius:50%;}
.highlight-box h3{font-size:18px;font-weight:700;margin:10px 0; font-family: var(--third-font-family); color: var(--black-color);} 
.highlight-box p{font-size:15px;line-height:1.5;margin:0; color: #000;}

 .farming-highlights .icon img {
    transition: transform 0.3s ease;
  }

  .farming-highlights .highlight-box:hover .icon img {
    transform: scale(1.1) rotate(5deg);
  }
  .farming-highlights .highlight-box {
  position: relative;
  overflow: hidden;
  padding: 20px;
  background: #f5f5f5;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.farming-highlights .highlight-box.dark {
  background: #333;
  color: var(--white-color);
}

/* Common hover image overlay */
.farming-highlights .highlight-box::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
  pointer-events: none;
}

/* Different images for each card */
.farming-highlights .highlight-box:nth-child(1)::before {
	background-image:url('https://kdmtechnolab.com/demo/aarya-admin/wp-content/uploads/2025/09/box-1.jpg');
	/*background-image: url('../images/gallery/1.jpg');*/
}

.farming-highlights .highlight-box:nth-child(2)::before {
	 background-image: url('https://kdmtechnolab.com/demo/aarya-admin/wp-content/uploads/2025/09/box-2.jpg');
}

.farming-highlights .highlight-box:nth-child(3)::before {
  background-image: url('https://kdmtechnolab.com/demo/aarya-admin/wp-content/uploads/2025/09/box-3.jpg');
}

/* Show hover image on hover */
.farming-highlights .highlight-box:hover::before {
  opacity: 0.3;
}

/* Text above image */
.farming-highlights .highlight-box h3,
.farming-highlights .highlight-box p {
  position: relative;
  z-index: 2;
  margin: 0 0 10px;
}

/* about */
.about-wrapper {display: flex;justify-content: space-between;align-items: center;padding: 60px 40px;/* Background image on left side only */background: url('../images/about1.png') left center no-repeat;background-size: 45% auto; /* image width 50%, height auto */animation: bgMove 10s ease-in-out infinite alternate;}
@keyframes bgMove {
  0% {
    background-position: left center;
  }
  50% {
    background-position: 10% center;
  }
  100% {
    background-position: left; center;
  }
}
.about-wrapper{max-width:1300px;margin:0 auto;padding:0px 20px; }
.about-wrapper::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.85);z-index:-1;}
.about-section{display:flex;justify-content:space-between;align-items:center;padding:60px 40px;}
.about-left{flex:1;position:relative;display:flex;flex-direction:column;gap:20px;padding-right:30px;}
.about-left img{width:100%;max-width:542px;border-radius:15px;object-fit:cover;}
.img-wrapper {position: relative;width: 100%; max-width: 542px;border-radius: 15px;overflow: hidden;}
.img-wrapper img {width: 100%;display: block;border-radius: 15px;position: relative;z-index: 1;}
.about-heading{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.about-heading img{width:32px;height:auto; margin-top: -8px;}
.about-heading h4{font-size:20px;font-weight:600;color:#9ec423;margin:0;white-space:nowrap}
.heading-line1{ width: 50px; height:2px;background-color:#9ec423;margin-top: -4px;}
}
.about-left {position: relative;}
.about-left .exp-box{position:absolute;bottom: -18px;left:78%;transform:translateX(-50%);background:#fff;padding:25px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.1);font-weight:bold;text-align:center;}
.about-left .exp-box span{display:block;font-size:53px; color: var(--primary-color); margin-bottom: 18px;}
.about-left .exp-box p{ color: var(--black-color); font-size:19px; text-align:left; margin-bottom:-5px;  font-family: var(--third-font-family); }
.about-right{flex:1;padding-left:30px;margin-top: 66px;}
.about-right h4{font-size:30px;margin-bottom:10px;font-weight:500; font-family: var(--secondary-font-family); color: var(--primary-color);}
.about-right h2{font-size:32px;font-weight:bold;margin-bottom:20px;  font-family: var(--third-font-family); color: var( --black-color); }
.about-right p{margin-bottom:20px;color:#000;}
.btn{position:relative;display:inline-block;font-family: var(--third-font-family); color: var( --black-color); background: var(--primary-color); padding:12px 25px;border:none;border-radius:8px;font-weight:600;cursor:pointer;text-decoration:none;overflow:hidden;transition:color 0.3s ease,transform 0.3s ease;z-index:1;box-shadow:0 4px 15px rgba(0,0,0,0.1);}
.btn::before{content:'';position:absolute;top:-100%;left:0;width:100%;height:100%;background-color:#000;z-index:-1;transition:top 0.4s ease-in-out;}
.btn:hover::before{top:0;}
.btn:hover{color:#fff;transform:scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,0.2);}
.about-cta {display: flex;justify-content: center;margin-top: -103px; margin-left: 309px; height: 167px;}
.about-cta img {animation: floatUpDown 2s ease-in-out infinite;}

@keyframes floatUpDown {
    0% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
    100% { transform: translateY(0); }
  }

@media(max-width:768px){.about-section{flex-direction:column;text-align:center;}
  .about-left,.about-right{padding:0;}
  .about-left .exp-box{display: none;}}
/* about */

/*product */
.product-heading {display:flex;align-items:center;justify-content: center; gap:10px;margin-bottom:8px;}
.product-heading img{width:32px;height:auto; margin-top: -8px;}
.product-heading h4{font-size:20px;font-weight:600;color:#9ec423;margin:0;white-space:nowrap}
.heading-line1{ width: 50px; height:2px;background-color:#9ec423; margin-top: -7px}
.section{padding:7px 0px;max-width:1200px;margin:auto;text-align:center;position:relative}
.section h4{font-size:30px;margin-bottom:10px;font-weight:500; font-family: var(--secondary-font-family); color: var(--primary-color);}
.section h2{font-size:33px;font-weight:bold;margin-bottom:20px;  font-family: var(--third-font-family); color: var( --black-color); }
.filter-buttons{display:flex;justify-content:center;gap:37px;margin-bottom:40px}
.filter-buttons button{padding:10px 25px;border-radius:5px;border:1px solid #ccc;background:#fff;font-weight:600;cursor:pointer;transition:all 0.3s ease;position:relative;top:0}
.filter-buttons button:hover{background:var(--primary-color);color:var(--black-color);border-color:var(--primary-color);top:-3px;box-shadow:0 4px 8px rgba(0,0,0,0.2)}
.filter-buttons .active{background-color:var(--primary-color);border:none;font-family:var(--third-font-family);color:var(--black-color)}
.card-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px}
.card{width:calc(33.33% - 20px);background:#fff;border-radius:10px;padding:20px;box-sizing:border-box;transition:transform 0.3s ease}
.card img{width:100%;max-width:317px;margin:auto;display:block;padding:10px;border-radius:10px}
.card h3{font-size:23px;margin:15px 0 10px;font-weight:700; color: #000000; font-family: var(--third-font-family);}
.card p{font-size:14px;color:#444;margin-bottom:20px;font-family: var(--primary-font-family);}
.card button{margin:auto auto 0 auto;display:block;position:relative;background:var(--primary-color);;color:var(--black-color);border:none;padding:11px 25px;font-size:15px;border-radius:4px;font-weight:600;cursor:pointer;font-family:var(--third-font-family);overflow:hidden;z-index:1;transition:color 0.3s ease,transform 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.1)}
.card button::before{content:'';position:absolute;top:-100%;left:0;width:100%;height:100%;background-color:var(--black-color);z-index:-1;transition:top 0.4s ease-in-out}
.card button:hover::before{top:0}
.card button:hover{color:var(--white-color);transform:scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,0.2)}
@media(max-width:992px){.card{width:calc(50% - 15px)}}@media(max-width:600px){.card{width:100%}}
.card {text-align: center;padding: 20px;border-radius: 10px;transition: all 0.3s ease;border: 2px solid transparent;}
.card:hover {}
/* Image effect when card is hovered */
.card img {transition: transform 0.3s ease;}
.card:hover img {transform: scale(1.05);}
/* product */

/* why choose us */
.why-choose-inner {max-width: 1300px; margin: 0 auto;display: flex;flex-wrap: wrap;align-items: center;gap: 40px;}
.why-choose { position: relative; background: white; padding: 0px 0; overflow: hidden; } 
.why-choose::after { content: ""; position: absolute; bottom: 10px; height: 50%; width: 100%; background-color: #F9FCEB; z-index: 0; } 
.why-choose-inner { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; padding: 60px 40px;} 
.why-left { flex: 1; padding-right: 40px; }
.why-icon-text { display: flex; align-items: center; gap: 10px; margin-bottom: 18px;} 
.why-icon { width: 30px; height: auto; } 
.why-left h4 { font-size: 30px; font-weight: 500; font-family: var(--secondary-font-family); color: var(--primary-color); margin: 0; white-space: nowrap; } 
.why-line { width: 81px; height: 3px; background: var(--primary-color); border-radius: 2px; }
.why-left h2{font-size: 28px;font-weight:bold;margin-bottom:20px;  font-family: var(--third-font-family); color: var( --black-color); }
.why-left p { color: #353535; margin-bottom: 42px; font-size: 16px; }
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.feature-box{display:flex;align-items:center;background:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 12px rgba(0,0,0,0.05);position:relative;overflow:hidden}
.feature-icon{width:60px;height:60px;background:#A6CE39;border-radius:0 0 60px 0;display:flex;align-items:center;justify-content:center;font-size:22px;color:#000;position:absolute;top:0;left:0}
.feature-text{margin-left:70px;font-size:0.95rem;color:#333}
.feature-icon i{margin-left: -6px; margin-top: -15px;}
.feature-text strong { display: block; margin-bottom: 5px; font-weight: 600;  font-family: var(--third-font-family); color: var( --black-color); }
.why-right { flex: 1; text-align: right; }
.why-right img { max-width: 558px; height: 400px; }
@media (max-width: 768px) {
.why-choose { flex-direction: column; padding: 0px 20px; }
.why-left { padding-right: 0; text-align: center; }
.why-right { margin-top: 30px; text-align: center; }
.features { grid-template-columns: 1fr; }
}
.why-right img {transition: transform 0.6s ease-in-out;}
/* Zoom effect on hover */
.why-right img:hover {transform: scale(1.08) rotateZ(1deg); /* Zoom with slight angle for modern feel */}
.feature-box {position: relative;background: #fff;padding: 20px;border-radius: 15px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);overflow: hidden;height: 100px;transition: all 0.3s ease-in-out;display: flex;align-items: center;justify-content: start;}
.feature-icon {width: 60px;height: 60px;background: #A6CE39;border-radius: 0 0 60px 0;display: flex;align-items: center;justify-content: center;font-size: 22px;color: #000;position: absolute;top: 0;left: 0;z-index: 2;transition: all 0.3s ease;}
.feature-icon i {margin-left: -6px;margin-top: -15px;}
.feature-text {margin-left: 70px;z-index: 3;color: #333;font-size: 0.95rem;position: relative;transition: all 0.4s ease;}
.feature-text strong {display: block;margin-bottom: 5px;font-weight: 600;font-family: var(--third-font-family);color: var(--black-color);}
.feature-text span {display: block;}
.feature-box::before {content: "";position: absolute;inset: 0;background: rgba(0, 0, 0, 0.85);opacity: 0;transition: 0.4s ease;z-index: 1;}
.feature-box:hover::before {opacity: 1;}
.feature-box:hover .feature-icon {opacity: 0;transform: scale(0.8);}
.feature-box:hover .feature-text {margin: 0 auto;color: white;text-align: center;z-index: 3;}
.feature-box:hover .feature-text strong {color: white;}
/* why choose us */

/* testimonial */
.testimonial-section{padding:60px 20px;text-align:center;background-color:#fff} 
.section-title{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:9px}
.section-title img{ width:32px;height:auto; margin-top: -8px; } 
.section-title h4{font-size: 30px; font-weight: 500; font-family: var(--secondary-font-family); color: var(--primary-color); margin: 0; white-space: nowrap;} 
.heading-line1{width:50px;height:2px;background-color:#9ec423;margin-top:-2px}
.section-title1 h2{font-size: 36px;font-weight:bold;margin-bottom:20px;  font-family: var(--third-font-family); color: var( --black-color);}
.testimonial-cards{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;margin-top:81px}
.testimonial-card{background-color:#f4f4f4;padding:60px 20px 30px;width:355px;text-align:center;border-radius:12px;position:relative;transition:all 0.3s ease}
.testimonial-card.active{background-color:#f5ffdf}
.testimonial-img-wrapper{position:absolute;top:-50px;left:50%;transform:translateX(-50%);width:100px;height:100px;border-radius:50%;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,0.1);background-color:#fff}
.testimonial-img{width:100%;height:100%;background-size:cover;background-position:center}
.testimonial-card h3{margin-top:20px;font-size:20px;font-weight:bold;color:#333}
.testimonial-card p{font-size:14px;color:#444;margin:15px 0}
.stars{color:#8dc63f;font-size:20px}
.stars{color:#86BC25;font-size:1.2em}
.dots{margin-top:30px}
.dot{display:inline-block;width:10px;height:10px;background-color:#ddd;border-radius:50%;margin:0 5px}
.dot.active{background-color:#86BC25}
.dot { display:inline-block; width:10px; height:10px; margin:0 5px; background:#ccc; border-radius:50%; transition:background 0.3s ease; }
.dot.active { background:#8dc63f; }
/* testimonial */

/* Gallery */
.gallery-title-box{padding:40px 0;}
.section-title1 h2{font-size:36px;font-weight:bold;margin-bottom:20px;font-family:var(--third-font-family);color:var(--black-color);text-align:center;}
.gallery-scroll-wrapper{overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-bottom:40px;-webkit-overflow-scrolling:touch;}
.gallery-scroll-wrapper::-webkit-scrollbar{display:none;}
.gallery-grid{display:flex;flex-wrap:nowrap;gap:20px;padding:0 15px;}
.gallery-box{position:relative;flex:0 0 auto;width:295px;height:273px;overflow:hidden;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,0.1);scroll-snap-align:center;transition:transform 0.4s ease;}
.gallery-box:hover{transform:scale(1.03);}
.gallery-box img{width:100%;height:100%;object-fit:cover;transition:0.3s ease;}
.gallery-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(141,198,63,0.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;}
.gallery-overlay span{color:#000;font-size:24px;font-weight:bold;}
.gallery-box:hover .gallery-overlay{opacity:1;}
.gallery-scroll-wrapper{overflow:hidden;width:100%}
.gallery-grid{display:flex;transition:transform 0.6s ease-in-out}
.gallery-box{min-width:300px;margin-right:20px;flex-shrink:0}
.gallery-box img{width:100%;display:block}
.gallery-scroll-wrapper {overflow: hidden;width: 100%;}
.gallery-grid {display: flex;transition: transform 0.5s ease;will-change: transform;}
.gallery-box {flex: 0 0 auto;margin-right: 20px;}
/* Mobile view (<=768px) */
@media (max-width: 768px) {
    .gallery-section {
        display: block;          /* grid off */
        margin: 0px 10px 30px;   /* 👈 mobile margin (customize here) */
    }
}
/* Gallery */

/* blog */
.blog-section {width: 100%;background-image: url('../images/blog_bg.svg');background-size: cover;background-position: center;background-repeat: no-repeat;background-color: #FAFFDE; padding: 60px 0;}
.blog-content {max-width: 1300px;margin: auto;padding: 0 20px;text-align: center;}
.section-header .subtitle{color:#87a800;font-size:18px;font-weight:600;margin-bottom:5px}
.section-header h2{font-size:32px;font-weight:700;margin-bottom:40px;color:#222}
.blog-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;}
.blog-card{background:#fff;border-radius:12px;overflow:hidden;width:354px;box-shadow: 0 3px 10px rgba(176, 203, 31, 0.3);display:flex;flex-direction:column;justify-content:space-between}
.image-box{position:relative}.image-box img{width:100%;height:263px;object-fit:cover;display:block}
.date-label{position:absolute;top:10px;left:10px;font-family: var(--third-font-family); background-color: var(--primary-color); color: var(--black-color);padding:11px 12px;font-size:15px;border-radius:4px}
.content{padding:25px;text-align:left;position:relative}
.content p{font-size:16px;font-weight:500;color:#222;margin-bottom:30px}
.arrow-btn{position:absolute;right:277px;bottom:7px;background-color: var(--black-color); color: var(--white-color);font-size:20px;width:41px;height:41px;line-height:35px;text-align:center;border-radius:50%;cursor:pointer;transition: background-color 0.3s, transform 0.3s; display: inline-flex; align-items: center; justify-content: center;}
.view-all{margin-top:30px}
.arrow-btn:hover {background-color: var(--primary-color); color: var(--white-color); transform: scale(1.1);}
.arrow-btn i {pointer-events: none; /* ensures only the button responds to clicks */}
.view-all button{margin:auto auto 0 auto;display:block;position:relative;background:var(--primary-color);;color:var(--black-color);border:none;padding:11px 25px;font-size:15px;border-radius:4px;font-weight:600;cursor:pointer;font-family:var(--third-font-family);overflow:hidden;z-index:1;transition:color 0.3s ease,transform 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.1)}
.view-all button::before{content:'';position:absolute;top:-100%;left:0;width:100%;height:100%;background-color:var(--black-color);z-index:-1;transition:top 0.4s ease-in-out}
.view-all button:hover::before{top:0}
.view-all button:hover{color:var(--white-color);transform:scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,0.2)}
.blog-card .image-box img {width: 100%;transition: transform 0.4s ease;transform-origin: bottom center;}
.blog-card .image-box:hover img {transform: scale(1.1);cursor: pointer;}
/* blog */

/* about page */

.about-banner {
  background-size: cover;
  background-position: center;
  padding: 100px 20px;
  text-align: center;
  position: relative;
  color: white;
}

.about-banner::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  /*  background-color: rgba(0, 0, 0, 0.5);dark overlay */
  z-index: 1;
}

.about-banner h1 {
  position: relative;
  z-index: 2;
  font-size: 43px;
  margin-bottom: 20px;
  font-family: var(--third-font-family);
}

.breadcrumb {
  display: inline-block;
  background-color: #a7cb29;
  border-radius: 30px;
  padding: 10px 25px;
  font-size: 16px;
  z-index: 2;
  position: relative;
}

.breadcrumb a {
  color: black;
  text-decoration: none;
  margin: 0 8px;
  display: inline-flex;
  align-items: center;
  font-family: var(--third-font-family);
}

.breadcrumb a i {
  margin-right: 7px;
  font-size: 15px;
}

.breadcrumb span {
  color: black;
  font-weight: bold;
  padding: 6px;
  font-family: var(--third-font-family);
  font-weight: 400;
}

/* vision */

.foundation-section {
  text-align: center;
  max-width: 1200px;
  margin: auto;
  margin-bottom: 128px;
}

.vision-mission-section {
  text-align: center;
  padding: 50px 20px;
  background: #fff;
}

.section-subtitle {
  font-family: 'Georgia', serif;
  color: #8DC63F;
  font-weight: 600;
  margin-bottom: 8px;
  position: relative;
}

.section-subtitle::after {
  content: "";
  display: inline-block;
  width: 60px;
  height: 2px;
  background: #8DC63F;
  margin-left: 10px;
  vertical-align: middle;
}

.vision-mission-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 105px;
}

.vision-mission-box {
  width: 400px;
  position: relative;
  text-align: left;
  margin-left: 132px;
}

.vm-image {
  width: 100%;
  height: 260px;
  object-fit: cover;
  box-shadow: 0 6px 25px rgba(0,0,0,0.08);
  margin-left: -114px;
}

.vm-card {
  position: absolute;
  bottom: -128px;
  left: 0;
  right: 0;
  background: white;
  padding: 20px 25px;
  border-radius: 12px;
  box-shadow: 0 4px 25px rgba(0,0,0,0.1);
  z-index: 2;
  margin: 0 15px;
}

.vm-card h3 {
  font-size: 23px;
  font-weight: 700;
  margin-bottom: 10px;
  position: relative;
  color: var(--black-color);
  font-family:var(--third-font-family) ;
}

.vm-card h3::after {
  content: "";
  width: 60px;
  height: 4px;
  background: #8DC63F;
  position: absolute;
  bottom: -8px;
  left: 0;
  border-radius: 2px;
}

.vm-card p {
  font-size: 14.5px;
  color: var(--black-color);
  margin-top: 20px;
  line-height: 1.6;
}

/* Animations */
.fade-in-left {
  opacity: 0;
  transform: translateX(-50px);
  animation: fadeInLeft 1s forwards;
}

.fade-in-right {
  opacity: 0;
  transform: translateX(50px);
  animation: fadeInRight 1s forwards;
  animation-delay: 0.3s;
}

@keyframes fadeInLeft {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Responsive */
@media (max-width: 768px) {
  .vision-mission-container {
    flex-direction: column;
    align-items: center;
  }
}

/* vision */

/* team */

.team-section {
  text-align: center;
  padding: 20px 20px;
}

.slider-container {
  overflow: hidden;
  max-width: 1000px;
  margin: auto;
  position: relative;
}

.slider {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.team-card {
  min-width: 313px;
  margin: 6px 10px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  overflow: hidden;
  text-align: center;
  transition: transform 0.3s ease;
}

.team-card img {
  width: 100%;
  height: 280px;
  object-fit: cover;
}

.team-card h3 {
  font-size: 22px;
  margin: 15px 0 5px;
  font-weight: bold;
  font-family: var(--third-font-family);
  color: var(--black-color);
}

.team-card p {
  font-size: 18px;
  color: #2B2A29;
  margin-bottom: 20px;
}

.dots {
  text-align: center;
  margin-top: 20px;
}

.dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}

.dot.active {
  background: #000;
}

/* team */

/* client logo */
.cert-section {
  max-width: 100%;
  overflow: hidden;
  padding: 42px 49px;
}

.section-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

.heading-icon {
  width: 30px;
  margin-right: 10px;
}

.cert-title {
  font-size: 24px;
  color: #a4c639;
  font-weight: 600;
  font-style: italic;
  margin: 0;
}

.heading-line1 {
  width: 40px;
  height: 2px;
  background: #a4c639;
  margin-left: 0px;
}

.cert-slider-wrapper {
  overflow: hidden;
  width: 100%;
}

.cert-slider {
  display: flex;
  gap: 50px;
  flex-wrap: nowrap;
  width: max-content;
}

.cert-logo {
  width: 150px;
  height: 150px;
  border: 2px solid #eee;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  flex-shrink: 0;
  transition: border-color 0.3s, box-shadow 0.3s;
}

.cert-logo img {
  max-width: 60%;
  max-height: 60%;
  transition: transform 0.6s ease-in-out;
}

.cert-logo:hover {
  border-color: #a4c639;
  box-shadow: 0 0 10px #a4c63955;
}

.cert-logo.active {
  border-color: #a4c639;
  box-shadow: 0 0 10px #a4c63999;
}

.cert-logo:hover img {
  transform: rotate(360deg);
}
/* client logo */

/* about page */

/* Grapes Product Section */
.grapes-section-wrapper {
  background-color: rgba(253, 255, 244, 0.66); /* Light background */
  padding: 42px 30px;
  border-radius: 8px;
}

.grapes-title {
  text-align: center;
}

.grapes-icon {
  width: 40px;
  height: auto;
  margin-bottom: 10px;
}

.grapes-title h4 {
  font-size: 1.5rem;
  margin-bottom: 5px;
  font-weight: bold;
}

.grapes-title-line {
  width: 60px;
  height: 4px;
  background-color: #8bc34a;
  margin: 10px auto;
  border-radius: 2px;
}

.grapes-subtitle h2 {
  text-align: center;
  font-size: 2rem;
  margin: 30px 0;
  color: #333;
}

.grapes-content {
  padding: 0 20px;
  max-width: 1200px;
  margin: auto;
  display: flex;
  gap: 40px;
  align-items: center;
  flex-wrap: wrap;
}

.grapes-image {
  flex: 1 1 400px;
}

.grapes-image img {
  width: 100%;
  border-radius: 12px;
  object-fit: cover;
}

.grapes-text {
  flex: 1 1 500px;
}

.grapes-text p {
  font-size: 15px;
  color: #444;
  line-height: 1.8;
}


/* Arya Grapes Overview */

.grape-overview {
  text-align: center;
  padding: 60px 20px;
  max-width: 1100px;
  margin: auto;
  position: relative;
}

.grape-overview .subtitle {
  font-style: italic;
  font-weight: bold;
  color: #99B321;
  font-size: 20px;
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
}

.grape-overview .content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  justify-content: center;
}

.grape-overview .center-image {
  grid-column: 2 / 3;
}

.grape-overview img.center-img {
  width: 100%;
  max-width: 300px;
}

.box {
  background: #fff;
  padding: 15px 20px;
  text-align: left;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  border-bottom: 7px solid #99B321;
}

.box h4 {
  position: relative;
  margin: 0 0 15px;
  font-weight: bold;
  color: var(--primary-color);
  text-align: center;
  font-size: 18px;
  font-family: var(--third-font-family);
}

.box h4::before,
.box h4::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 40px;
  height: 3px;
  background: var(--primary-color);
}

.box h4::before {
  left: 56px;
}

.box h4::after {
  right: 55px;
}

@media (max-width: 500px) {
  .box h4::before,
  .box h4::after {
    width: 20px;
    left: -30px;
    right: -30px;
  }
}

.box p {
  font-size: 14px;
  margin: 0;
  color: #2B2A29;
  line-height: 1.6;
  text-align: center;
  font-family: var(--third-font-family);
}

.grape-overview .top-left { grid-column: 1 / 2; }
.grape-overview .top-right { grid-column: 3 / 4; }
.grape-overview .bottom-left { grid-column: 1 / 2; }
.grape-overview .bottom-right { grid-column: 3 / 4; }

.grape-overview .availability {
  grid-column: 2 / 3;
  text-align: center;
  font-size: 14px;
}

.grape-overview .availability span {
  display: block;
  color: var(--primary-color);
  font-weight: bold;
  font-size: 20px;
  font-family: var(--third-font-family);
}

@media (max-width: 768px) {
  .grape-overview .content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.box, .availability {
  width: 90%;
  margin-bottom: 20px;
 }
}

/* Arya Grapes Overview */    

/* Grape Varieties */

.grape-varieties {
  padding: 50px 20px;
  text-align: center;
  max-width: 1200px;
  margin: auto;
  position: relative;
}

.grape-varieties .subtitle {
  font-style: italic;
  font-weight: bold;
  color: #99B321;
  font-size: 20px;
  margin-bottom: 10px;
  display: inline-block;
  position: relative;
}

.grape-varieties .subtitle::after {
  content: '';
  height: 2px;
  width: 50px;
  background: #99B321;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: -60px;
}

.grape-varieties h2 {
  font-size: 26px;
  font-weight: bold;
  color: #222;
  margin-bottom: 40px;
}

.carousel-container {
  position: relative;
  overflow: hidden;
}

.carousel {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.grape-item {
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  gap:0px;
}

.grape-box {
  text-align: center;
}

.grape-box img {
  width: 207px;
  height: 160px;
  border-radius: 50%;
  /*border: 2px solid #99B321;*/
  padding: 8px;
  background: white;
  object-fit: contain;
  transition: transform 0.1s ease;
  transform-origin: center center;
}

.grape-box:hover img {
  transform: scale(1.1); /* zoom in from inside */
}

.grape-box h4 {
  margin-top: 10px;
  font-weight: 600;
  color: var(--black-color);
  font-family: var(--third-font-family);
}

.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  background: #000;
  color: #fff;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
}

.arrow.left {
  left: 10px;
}

.arrow.right {
  right: 10px;
}

.dots {
  margin-top: 25px;
}

.dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #ccc;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
}

.dot.active {
  background: #99B321;
}

/* Floating animation */
@keyframes floatUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

@keyframes floatLeftRight {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(8px);
  }
}

.grape-overview .box {
  animation: floatUpDown 3s ease-in-out infinite;
  transition: transform 0.3s ease;
}

.grape-overview .top-left1,
.grape-overview .bottom-right {
  animation-name: floatLeftRight;
}

.grape-overview .center-image {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.center-img {
  width: 100%;
  max-width: 280px;
  transition: transform 0.5s ease;
}

.center-img:hover {
  transform: scale(1.1);
}

@media (min-width: 768px) {
  .grape-item {
    flex: 0 0 100%;
    justify-content: space-around;
  }
}

/* Grape Varieties */

/* Fruits */

/* Product Section */
.product-section {
  padding: 60px 20px;
  max-width: 1200px;
  margin: auto;
  text-align: center;
  position: relative;
}

/* Header with icon and subtitle */
.product-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 8px;
}

/* Card Container */
.product-card-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
}

/* Individual Card */
.product-card {
  width: calc(33.33% - 20px);
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  padding: 20px;
  box-sizing: border-box;
  transition: transform 0.3s ease;
}

.product-card:hover {
  transform: translateY(-5px);
}

/* Card Image */
.product-image {
  width: 100%;
  max-width: 317px;
  margin: auto;
  display: block;
  background: #f9ffc6;
  padding: 10px;
  border-radius: 10px;
}

/* Card Headings and Text */
.product-name {
  font-size: 29px;
  margin: 28px 0 26px;
  font-weight: 700;
  color: #000;
  font-family: var(--third-font-family);
}

/* Button Styling */
.product-button {
  margin: 0 auto 0 auto;
  display: block;
  position: relative;
  background: var(--primary-color);
  color: var(--black-color);
  border: none;
  padding: 11px 25px;
  font-size: 15px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  font-family: var(--third-font-family);
  overflow: hidden;
  z-index: 1;
  transition: color 0.3s ease, transform 0.3s ease;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.product-button::before {
  content: '';
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--black-color);
  z-index: -1;
  transition: top 0.4s ease-in-out;
}

.product-button:hover::before {
  top: 0;
}

.product-button:hover {
  color: var(--white-color);
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(0,0,0,0.2);
}

/* Responsive */
@media (max-width: 992px) {
  .product-card {
    width: calc(50% - 15px);
  }
}

@media (max-width: 600px) {
  .product-card {
    width: 100%;
  }
}
/* Fruits */

/* product page */

/* gallery */

.masonry-gallery {
  column-count: 4;
  column-gap: 15px;
  max-width: 1200px;
  margin: 20px auto;
  padding: 0 15px;
}

.masonry-item {
  break-inside: avoid;
  margin-bottom: 15px;
  position: relative;
  cursor: pointer;
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.masonry-item img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
  transition: transform 0.4s ease;
}

.masonry-item:hover img {
  transform: scale(1.05);
}

.overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px 15px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.masonry-item:hover .overlay {
  opacity: 1;
}

/* Modal */
.modal {
  display: none;
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.95);
  z-index: 9999;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.modal img {
  max-width: 90%;
  max-height: 80vh;
  border-radius: 12px;
}

.modal-close,
.modal-prev,
.modal-next {
  color: #fff;
  font-size: 40px;
  cursor: pointer;
  user-select: none;
  position: absolute;
  padding: 10px;
}

.modal-close {
  top: 20px;
  right: 30px;
}

.modal-prev {
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}

.modal-next {
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}

#modal-caption {
  color: #eee;
  margin-top: 10px;
  font-size: 16px;
}

/* Responsive */
@media (max-width: 992px) {
  .masonry-gallery {
    column-count: 3;
  }
}

@media (max-width: 768px) {
  .masonry-gallery {
    column-count: 2;
  }
}

@media (max-width: 480px) {
  .masonry-gallery {
    column-count: 1;
  }
}

._grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(268px, 1fr));
  gap: 20px;
  margin: 0px 80px;	
}

._card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transition: transform 0.3s, box-shadow 0.3s;
  cursor: pointer;
}

._card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

._card img {
  width: 100%;
  height: auto;
  display: block;
}

._card ._title {
  font-size: 16px;
  font-weight: bold;
  margin: 10px 10px 5px 10px;
}

._card ._channel {
  font-size: 14px;
  color: #666;
  margin: 0 10px 10px 10px;
}

/* gallery */

/* blog */

.blog-cards1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 28px;
  padding: 50px;
  width: 100%;
  background-image: url(../images/blog_bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.blog-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  width: 354px;
  box-shadow: 0 3px 10px rgba(176, 203, 31, 0.3);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.blog-img-box {
  position: relative;
}

.blog-img-box img {
  width: 100%;
  height: 263px;
  object-fit: cover;
  display: block;
}
.blog-img-box img {
  transition: transform 0.5s ease;
  transform-origin: bottom center; /* zoom starts from the bottom */
}

.blog-img-box img:hover {
  transform: scale(1.1); /* zoom in 10% */
}

.blog-date {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: var(--primary-color);
  color: var(--black-color);
  padding: 11px 12px;
  font-size: 15px;
  border-radius: 4px;
  font-family: var(--third-font-family);
}

.blog-content-box {
  padding: 25px;
  text-align: left;
  position: relative;
}

.blog-content-box p {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  margin-bottom: 30px;
}

.blog-arrow {
  position: absolute;
  right: 25px;
  bottom: 20px;
  background-color: var(--black-color);
  color: var(--white-color);
  font-size: 20px;
  width: 41px;
  height: 41px;
  line-height: 41px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.3s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.blog-arrow:hover {
  background-color: var(--primary-color);
  transform: scale(1.1);
}

.blog-arrow i {
  pointer-events: none;
}
/* blog */

/* fruit */

.container1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 50px;
  padding: 0px 23px;
}

.heading {
  text-align: center;
  padding: 30px 20px 10px;
  background:  url('../images/fruit_bg.png') repeat;
}

.heading {
  padding: 40px 20px;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.highlight {
  color: #8BC34A;
  font-weight: bold;
  font-size: 1.2em;
}

.heading h1 {
  font-size: 2.5em;
  margin: 10px 0;
  font-weight: bold;
}

.text-section {
  max-width: 50%;
}

.text-section p {
  line-height: 1.6;
  margin-top: 10px;
  font-size: 16px;
  text-align: left;
}

.image-section img {
  width: 517px;
  height: auto;
  object-fit: contain;
}

.image-section img {
  transition: transform 0.5s ease;
  cursor: pointer; /* optional - changes cursor to indicate zoom */
}

.image-section img:hover {
  transform: scale(1.1); /* zoom in 10% */
}

/* fruit */

/* traceability */

.supply-chain {
  background-color: #FCFFEC;
  padding: 40px 20px;
}

.supply-chain__container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 100px;
  flex-wrap: wrap;
  text-align: left;
}

.supply-chain__text {
  max-width: 581px;
}

.supply-chain__title-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}

.supply-chain__icon {
  width: 32px;
  height: auto;
}

.supply-chain__subtitle {
  font-size: 30px;
  font-weight: bold;
  margin: 0;
  font-family:var(--secondary-font-family) ;
  color: var(--primary-color);
  font-weight: 300;
}

.supply-chain__line {
  height: 2px;
  background-color: var(--black-color);
  width: 71px;
  margin-top: 5px;
}

.supply-chain__heading h2 {
  margin: 10px 0 10px;
  font-size: 36px;
  font-family:var(--third-font-family) ;
  color: var(--black-color);
}

.supply-chain__description {
  font-size: 1rem;
  line-height: 1.6;
  color: #555;
}

.supply-chain__image img {
  width: 300px;
  height: auto;
  border-radius: 8px;
  margin-top: -85px;
}

.supply-chain__image img{ 
  transition: transform 0.5s ease;
  cursor: pointer; /* optional - changes cursor to indicate zoom */
}

.supply-chain__image img:hover {
  transform: scale(1.1); /* zoom in 10% */
}

.full-width-banner {
  width: 100vw;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.full-width-banner img {
  width: 100%;
  height: auto;
  display: block;
  padding: 10px 26px;
}
/* traceability */

/* standards */
 .cert-container {
  padding: 50px 30px;
  text-align: center;
  max-width: 1200px;
  margin: auto;
}

.sub-heading {
  color: #8BC34A;
  font-weight: bold;
  font-size: 1.2em;
}

.main-heading {
  font-size: 2em;
  margin-top: 5px;
}

.description {
  font-size: 1em;
  line-height: 1.6;
  max-width: 800px;
  margin: 0 auto 40px;
}

.cert-title {
  color: #8BC34A;
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 30px;
}

.cert-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(381px, 1fr));
  gap: 20px;
}

.cert-box {
 /* border: 1px solid #ddd; */
  padding: 20px;
  background: #fff;
  text-align: center;
  border-radius: 6px;
}

.cert-header {
  font-weight: bold;
  color: #fff;
  padding: 10px;
  margin: -3px 55px 33px;
  font-size: 21px;
  font-family: var(--third-font-family);
}

.cert-header.yellow {
  background-color: var(--primary-color);
 color: var(--black-color);
}

.cert-header.black {
  background-color: #2B2A29;
  color: var(--white-color);
}

.cert-header.green {
  background-color: var(--primary-color);
  color: var(--black-color);
}

/* HORIZONTAL layout */
.logos-row {
  display: flex;
  justify-content: center;
  gap: 96px;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.logo-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 215px;
  text-align: center;
}

.logo-item img {
  max-height: 60px;
  width: auto;
  object-fit: contain;
  margin-bottom: 5px;
}

.logo-item p {
  margin: 0;
  font-size: 14px;
}

/* standards */

/* blog detail page */

.container {
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  max-width: 1200px;
  margin: auto;
}
.main-post {
  flex: 2;
  margin-right: 20px;
}
.main-post img {
  width: 100%;
  border-radius: 10px;
}
/* Apply to all images inside post-card and main-post */
.main-post img,
.post-card img {
  transition: transform 0.4s ease;
  transform-origin: center;
}

.main-post .date {
  font-size: 17px;
  margin: 18px 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--black-color);
  font-family: var(--third-font-family);
  font-weight: 700;
}
.main-post h2 {
  color: #84BD00;
  font-size: 37px;
  margin: 10px 0;
  color: var(--primary-color);
  font-family: var(--third-font-family);
}
.main-post p {
  margin-bottom: 22px;
  line-height: 1.6;
  color: var(--black-color);
  font-family: var(--third-font-family);
  font-size: 17px;
}
.main-post ul {
  padding-left: 20px;
}
.main-post li {
  margin-bottom: 10px;
}
.main-post li::marker {
  color: #84BD00;
}
.sidebar {
  flex: 1;
  min-width: 300px;
}

.sidebar h3 {
  font-size: 35px;
  font-family: var(--secondary-font-family);
  color: var(--black-color);
  position: relative;
  display: inline-block;
  margin-bottom: 32px;
}

.sidebar h3::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 2px;
  background-color: var(--black-color); /* use your theme color */
  width: 100px; /* adjust length of the line */
  margin-left: 15px;
}

.post-card {
  flex-direction: row-reverse; /* image on right side */
  background: #f5f5f5;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.post-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.post-content {
  padding: 12px 14px;
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.post-content .date-label {
  background: #84BD00;
  color: #fff;
  padding: 8px 14px;
  border-radius: 4px;
  font-size: 14px;
  position: absolute;
  top: -208px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.meta-bar {
  width: 100%;
  background: #2B2A29;
  padding: 6px 10px;
  font-size: 14px;
  color: var(--white-color);
  display: flex;
  align-items: center;
  gap: 13px;
  border-bottom: 1px solid #ccc;
  position: absolute;
  top: -33px;
  left: 0px;
}

.meta-bar i {
  margin-right: 4px;
  color: #84BD00;
}

.post-content p {
  font-size: 14px;
  font-weight: 500;
  margin: 13px 0 10px;
  line-height: 1.4;
}

.read-more {
  text-align: right;
}

.read-more button {
  background: #000;
  color: #fff;
  border: none;
  padding: 8px 12px;
  border-radius: 50%;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.read-more button:hover {
  background: #84BD00;
}

/* Optional: meta style if needed later */
.meta {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  color: #555;
  margin-top: 5px;
}

.meta i {
  margin-right: 5px;
}

.organic-benefits {
  list-style: none;
  padding: 0;
  margin: 0;
}

.organic-benefits li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.5;
  color: var(--black-color);
  font-family: var(--third-font-family);
  font-size: 14px;
}

.organic-benefits li::before {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url('../images/AARYA Logo.png'); /* path to your uploaded icon */
  background-repeat: no-repeat;
  border-radius: 4px;
}

.organic-benefits strong{
  color: var(--black-color);
  font-family: var(--third-font-family);
  font-size: 16px;
}

/* blog detail page */

/* contact page */

.contact-container {
  display: flex;
  max-width: 1000px;
  margin: 40px auto;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0,0,0,0.05);
}

.contact-left {
  flex: 1;
  background: url('../images/blog_detail_image.jpg') center center / cover no-repeat;
  color: #fff;
  padding: 40px 30px;
  position: relative;
  z-index: 1;
}

/* Add this overlay */
.contact-left::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Adjust 0.5 as needed */
  z-index: -1;
}

.contact-left h2 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 25px;
  font-family: var(--third-font-family);
}

.contact-left h2 span {
  color: #c6df2e;
}

.contact-left .line {
  display: inline-block;
  width: 40px;
  height: 2px;
  background: #c6df2e;
  vertical-align: middle;
  margin-left: 10px;
  margin-top: -5px;
}

.contact-detail {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.icon-text {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.icon-text img {
  width: 22px;
  margin-top: 3px;
}

.label {
  font-weight: bold;
  color: #fff;
  margin-bottom: 4px;
  font-size: 13px;
}

.contact-right {
  flex: 1;
  background: #fff;
  padding: 40px 30px;
  position: relative;
}

.contact-right h3 {
  font-size: 26px;
  color: var(--primary-color);
  font-weight: 600;
  margin-bottom: 25px;
  position: relative;
  font-family: var(--third-font-family);
}

.contact-right .line {
  display: inline-block;
  width: 40px;
  height: 2px;
  background: #8db408;
  margin-left: 10px;
  vertical-align: middle;
  margin-top: -5px;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 10px 14px;
  border: none;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  font-size: 14px;
  outline: none;
  background: transparent;  
}

.contact-form textarea {
  resize: none;
  height: 100px;
}

.contact-form button {
  position:relative;
  display:inline-block;
  font-family: var(--third-font-family); 
  color: var( --black-color); 
  background: var(--primary-color); 
  padding:12px 25px;
  border:none;
  border-radius:28px;
  font-weight:600;
  cursor:pointer;
  text-decoration:none;
  overflow:hidden;
  transition:color 0.3s ease,transform 0.3s ease;
  z-index:1;box-shadow:0 4px 15px rgba(0,0,0,0.1);
}
.contact-form button::before{
  content:'';
  position:absolute;
  top:-100%;
  left:0;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:-1;
  transition:top 0.4s ease-in-out;
}
.contact-form button:hover::before{
  top:0;
}
.contact-form button:hover{
  color:#fff;
  transform:scale(1.05);
  box-shadow:0 6px 20px rgba(0,0,0,0.2);
}

.grape-img {
  position: absolute;
  bottom: 20px;
  right: -6px;
  width: 133px;
}

/* Responsive */
@media (max-width: 768px) {
  .contact-container {
    flex-direction: column;
    padding: 10px 16px;
  }

  .grape-img {
    display: none;
  }
}

.map-section {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  max-width: 1200px;
  margin: 40px auto;
  padding: 0 20px;
  flex-wrap: wrap;
}

.map-column {
  flex: 1;
  min-width: 300px;
}

.map-column h2 {
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 21px;
  position: relative;
  font-family: var(--third-font-family);
  color: var(--black-color);
  text-align: -webkit-center;
}

.map-column .underline {
  width: 191px;
  height: 3px;
  background: #000;
  margin-top: 6px;
}
.icon-text {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  gap: 10px;
}

.icon-text i {
  color: var(--primary-color);
  font-size: 33px;
  margin-top: 2px;
  min-width: 37px;
}

.icon-text .label {
  display: inline-block;
  font-weight: bold;
  margin: 0;
  line-height: 1.2;
  font-size: 17px;
  font-family: var(--third-font-family) ;
  color: var(--white-color);
  margin-bottom: 8px;
}

.icon-text p {
  margin: 0;
  line-height: 1.4;
  font-family: var(--third-font-family) ;
  color: var(--white-color);
  font-size: 13px;
}
  
/* contact page */

#backToTopBtn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 999;
  display: none;
  background-color: #C6E72F;
  color: #000;
  border: none;
  outline: none;
  padding: 12px 16px;
  border-radius: 10%;
  font-size: 20px;
  cursor: pointer;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}

#backToTopBtn:hover {
  background-color: #000;
  color: #fff;
  transform: translateY(-3px);
}

.whatsapp-float {
  position: fixed;
  bottom: 30px;
  left: 30px;
  background-color: #25D366;
  color: white;
  border-radius: 50%;
  padding: 14px;
  font-size: 24px;
  z-index: 999;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease;
  text-decoration: none;
}

.whatsapp-float:hover {
  transform: scale(1.1);
  background-color: #1ebc57;
}


._about_section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 20px;
}

._about_section-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
}

._about_section-card {
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  flex: 1 1 450px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

._about_section-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}

._about_section-card h2 {
  font-size: 24px;
  color: #222;
  margin-bottom: 10px;
  font-family: var(--secondary-font-family);
  font-weight: 400;
}

._about_section-line {
  height: 3px;
  width: 50px;
  background-color: #B0CB1F;
  margin-bottom: 20px;
}

._about_section-card p {
  font-size: 14px;
  line-height: 1.7;
  color: #444;
   font-family: var(--third-font-family);
}

._about_section-center {
  text-align: center;
  margin-top: 40px;
}

  
  .gallery-section {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin-bottom: 60px;
  margin: 0px 80px;
}

.masonry-item {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  cursor: pointer;
}

.masonry-item img,
.masonry-item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.masonry-item .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.6);
  color: #fff;
  padding: 5px 10px;
  text-align: center;
  font-size: 14px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.masonry-item:hover .overlay {
  opacity: 1;
}

._grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

._card {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

._card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

._card img {
  width: 100%;
  display: block;
}

._title {
  font-weight: bold;
  font-size: 16px;
  padding: 10px;
}

._channel {
  font-size: 14px;
  color: #666;
  padding: 0 10px 10px;
}

.grape-box {
    text-align: center;
    padding: 10px;
}
.grape-box .availability {
    font-size: 14px;
    color: #555;
    margin-top: 5px;
}

.aags_gallery-header {
  text-align: center;
  padding: 30px 15px;
}

/* Top Section with Icon + Small Title */
.aags_gallery-top {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

/* Icon */
.aags_gallery-icon {
  width: 40px;
  height: 40px;
}

/* Small Title */
.aags_gallery-small-title {
  font-size: 34px;
  font-weight: 600;
  color: var(--primary-color);
  font-family: var(--secondary-font-family);
  margin: 0;
}

/* Line under small title */
.aags_gallery-line {
  width: 60px;
  height: 3px;
  background-color: #8bc34a;
  border-radius: 2px;
  margin-left: 10px;
}

/* Main Title */
.aags_gallery-bottom {
  margin-top: 15px;
}

.aags_gallery-main-title {
  font-size: 36px;
  font-weight: bold;
  color: #333;
  margin: 0;
}