/* =========================
   GLOBAL STYLES
========================= */
* {margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;}
body {background:#f8fafc;color:#111827;overflow-x:hidden;scroll-behavior:smooth;}

/* =========================
   NAVBAR
========================= */
nav {
  display:flex;justify-content:space-between;align-items:center;padding:18px 8%;
  background:rgba(255,255,255,0.95);backdrop-filter:blur(12px);
  position:fixed;width:100%;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,0.05);
}
.logo {display:flex;align-items:center;gap:10px;font-size:28px;font-weight:800;font-family:"Montserrat",sans-serif;color:#0b3d91;}
.logo img {width:40px;height:40px;}
.menu {display:flex;gap:35px;list-style:none;}
.menu li {position:relative;}
.menu a {text-decoration:none;color:#111827;font-size:15px;transition:.3s;}
.menu a:hover {color:#fbbf24;}
.submenu {
  position:absolute;top:45px;left:0;background:white;border-radius:10px;padding:15px 20px;
  min-width:220px;opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s;
  box-shadow:0 4px 20px rgba(0,0,0,0.1);
}
.menu li:hover .submenu {opacity:1;visibility:visible;transform:translateY(0);}
.submenu a {display:block;padding:8px 0;font-size:14px;color:#111827;}
.submenu a:hover {color:#0ea5e9;}
.hamburger {display:none;font-size:28px;cursor:pointer;}

/* =========================
   HERO SLIDESHOW
========================= */
.hero {position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.slide {position:absolute;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease-in-out;}
.slide.active {opacity:1;}
.hero-overlay {position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.45);top:0;left:0;z-index:1;}
.hero-content {position:relative;z-index:2;color:white;max-width:800px;text-align:center;padding:0 20px;}
.hero-content h1 {font-size:48px;margin-bottom:20px;line-height:1.2;}
.hero-content span {color:#fffacd;}
.hero-content p {font-size:18px;margin-bottom:30px;opacity:.95;}
.hero-content button {
  padding:16px 42px;border:none;border-radius:30px;background:#fbbf24;color:#111827;
  font-size:16px;cursor:pointer;font-weight:600;transition:.3s;
}
.hero-content button:hover {transform:scale(1.05);box-shadow:0 10px 40px rgba(0,0,0,0.2);}

/* =========================
   SECTIONS: ABOUT, FOUNDER, MISSION-VISION, IMPACT, SERVICES, STATS, NEWS, CTA
========================= */
/* About & Founder */
.about, .founder, .mission-vision {padding:100px 8%;}
.about img, .founder img {width:100%;border-radius:14px;}
.about h2, .founder h2 {font-size:36px;margin-bottom:20px;color:#0ea5e9;}
.founder {display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:#f1f5f9;}

/* Mission & Vision */
.mission-vision {display:flex;justify-content:space-between;gap:60px;flex-wrap:wrap;}
.mission, .vision {background:white;padding:40px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.05);flex:1 1 300px;}
.mission h3, .vision h3 {color:#0ea5e9;margin-bottom:15px;}
.mission p, .vision p {font-size:16px;line-height:1.6;}

/* Impact */
.impact {padding:100px 8%;background:#f8fafc;text-align:center;}
.impact h2 {font-size:36px;margin-bottom:50px;color:#0ea5e9;}
.impact-cards {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:35px;}
.impact-card {background:white;padding:40px;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,0.05);}
.impact-card h3 {color:#0ea5e9;margin-bottom:12px;}

/* Services */
.services {padding:100px 8%;text-align:center;}
.services h2 {font-size:36px;margin-bottom:50px;color:#0ea5e9;}
.service-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:35px;}
.card {background:white;padding:35px;border-radius:14px;transition:.4s;border:1px solid rgba(0,0,0,0.05);box-shadow:0 6px 20px rgba(0,0,0,0.05);}
.card:hover {transform:translateY(-10px) scale(1.02);box-shadow:0 20px 50px rgba(0,0,0,0.1);}
.card h3 {color:#0ea5e9;margin-bottom:15px;}

/* Stats */
.stats {padding:80px 8%;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:40px;text-align:center;}
.stat h3 {font-size:44px;color:#0ea5e9;margin-bottom:10px;}

/* News */
.news {padding:100px 8%;background:#f1f5f9;}
.news h2{text-align:center;font-size:36px;margin-bottom:50px;color:#0ea5e9;}
.news-container {position:relative;overflow:hidden;}
.news-slider {display:flex;transition:transform 0.5s ease-in-out;gap:25px;}
.news-card {flex:0 0 calc((100% - 50px)/3);background:white;padding:15px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.05);}
.news-card img {width:100%;border-radius:10px;margin-bottom:12px;}
.news-card h4 {margin-bottom:8px;color:#0ea5e9;font-size:18px;}
.news-card p {font-size:14px;line-height:1.5;}
.news-nav {position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none;}
.news-nav button {pointer-events:auto;background:white;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,0.15);transition:.3s;}
.news-nav button:hover {background:#0ea5e9;color:white;}
.news-dots{text-align:center;margin-top:20px;}
.news-dots span{display:inline-block;width:12px;height:12px;border-radius:50%;background:#ddd;margin:0 6px;cursor:pointer;transition:.3s;}
.news-dots span.active{background:#0ea5e9;}

/* CTA */
.cta {background:#0ea5e9;padding:80px 8%;text-align:center;color:white;}
.cta h2 {font-size:36px;margin-bottom:15px;}
.cta button {margin-top:20px;padding:16px 42px;border:none;border-radius:30px;cursor:pointer;background:#fbbf24;color:#111827;font-weight:600;transition:.3s;}
.cta button:hover {transform:scale(1.05);box-shadow:0 10px 30px rgba(0,0,0,0.1);}

/* Footer */
footer {background:#f1f5f9;padding:70px 8%;color:#111827;}
.footer-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;}
footer h4 {margin-bottom:15px;color:#0ea5e9;}
footer p, footer a {font-size:14px;opacity:.85;text-decoration:none;color:#111827;display:block;margin-bottom:8px;}
footer .social-icons a {margin-right:12px;opacity:0.85;transition:0.3s;}
footer .social-icons a:hover {opacity:1;color:#0ea5e9;}

/* Scroll animation */
.reveal {opacity:0;transform:translateY(60px);transition:1s;}
.reveal.active {opacity:1;transform:translateY(0);}

/* Mobile */
@media(max-width:1200px) {.news-card {flex:0 0 calc((100% - 25px)/2);}}
@media(max-width:768px) {
  .hamburger {display:block;}
  .menu {position:absolute;top:70px;right:-100%;background:white;flex-direction:column;width:240px;padding:25px;transition:.4s;gap:15px;}
  .menu.active {right:0;}
  .submenu {position:static;background:#f1f5f9;margin-top:10px;border-radius:6px;max-height:0;overflow:hidden;padding:0 15px;opacity:1;visibility:visible;transform:none;transition:max-height .35s ease;}
  .submenu.open {max-height:400px;}
  .about,.founder,.mission-vision {grid-template-columns:1fr;}
  .hero-content h1 {font-size:32px;}
  .news-card {flex:0 0 80%;}
}
.partners {
  padding: 60px 20px;
  text-align: center;
  background-color: #f9f9f9;
}

.partners h2 {
  font-size: 2.2rem;
  margin-bottom: 10px;
}

.partners p {
  margin-bottom: 40px;
  font-size: 1rem;
  color: #555;
}

.partners-container {
  position: relative;
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto;
}

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

.partner-card {
  min-width: 180px;
  flex: 0 0 auto;
  background-color: #fff;
  padding: 20px 10px;
  border-radius: 10px;
  box-shadow: 0px 2px 10px rgba(0,0,0,0.1);
  text-align: center;
}

.partner-card img {
  max-width: 120px;
  margin-bottom: 10px;
}

.partner-card p {
  font-size: 0.95rem;
  color: #333;
}

/* Navigation Buttons */
.partners-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0,0,0,0.6);
  color: #fff;
  border: none;
  padding: 12px;
  cursor: pointer;
  border-radius: 50%;
  font-size: 1.2rem;
  z-index: 10;
}

#prevPartner { left: 10px; }
#nextPartner { right: 10px; }

/* Dots */
.partners-dots {
  text-align: center;
  margin-top: 20px;
}

.partners-dots span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #bbb;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
}

.partners-dots .active {
  background-color: #333;
}

.circle-img{
  width:150px;
  height:150px;
  border-radius:50%;
  object-fit:cover;
}





/* =========================
AGRICULTURE PAGE HERO
========================= */

.agriculture-hero{
  height:60vh;
  background:url('img/Livestock/livestock2.jpg') center/cover no-repeat;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
}

.page-hero-overlay{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.55);
}

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

.page-hero-content h1{
  font-size:3rem;
  margin-bottom:10px;
}

.service-block{
  display:flex;
  align-items:center;
  gap:40px;
  margin-top:60px;
  flex-wrap:wrap;
}

.service-block{
  display:flex;
  align-items:center;
  gap:40px;
  margin-top:60px;
  flex-wrap:wrap;
}

.service-block.reverse{
  flex-direction:row-reverse;
}

.service-text{
  flex:1;
  min-width:280px;
}

.service-gallery{
  flex:1;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:15px;
}

.service-gallery img{
  width:100%;
  height:160px;
  object-fit:cover;
  border-radius:10px;
  transition:0.3s;
}

.service-gallery img:hover{
  transform:scale(1.05);
}


.contribute-section{
background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('img/agriculture/field.jpg');
background-size:cover;
background-position:center;
padding:90px 20px;
text-align:center;
color:white;
margin-top:80px;
}

.contribute-content{
max-width:700px;
margin:auto;
}

.contribute-content h2{
font-size:34px;
margin-bottom:20px;
}

.contribute-content p{
font-size:17px;
line-height:1.7;
margin-bottom:30px;
}

.contribute-btn{
display:inline-block;
background:#4CAF50;
color:white;
padding:14px 30px;
border-radius:30px;
text-decoration:none;
font-weight:600;
transition:0.3s;
}

.contribute-btn:hover{
background:#388E3C;
transform:translateY(-2px);
}




.technology-hero{
  height:60vh;
  background:url('img/technology/technology_hero.jpg') center/cover no-repeat;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
}

.service-gallery img{
  width:100%;
  height:160px;
  object-fit:cover;
  border-radius:10px;
  transition:0.3s;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.service-gallery img:hover{
  transform:scale(1.05);
  box-shadow: 0 8px 15px rgba(0,0,0,0.3);
}

.impact-card{
  background:#f5f5f5;
  padding:25px;
  border-radius:12px;
  text-align:center;
  box-shadow:0 4px 12px rgba(0,0,0,0.1);
  transition:0.3s;
}

.impact-card:hover{
  transform:translateY(-5px);
  box-shadow:0 8px 20px rgba(0,0,0,0.15);
}


.cosmetics-hero{
  height:60vh;
  background:url('img/cosmatics/9.jpeg') center/cover no-repeat;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
}

.service-gallery img{
  width:100%;
  height:160px;
  object-fit:cover;
  border-radius:12px;
  transition:0.3s;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.service-gallery img:hover{
  transform:scale(1.05);
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}

.impact-card{
  background:#fff0f5; /* light pink tone for cosmetics feel */
  padding:25px;
  border-radius:12px;
  text-align:center;
  box-shadow:0 4px 12px rgba(0,0,0,0.1);
  transition:0.3s;
}

.impact-card:hover{
  transform:translateY(-5px);
  box-shadow:0 8px 20px rgba(0,0,0,0.15);
}

.contribute-section{
  background:linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)),
              url('img/cosmetics/contribute-bg.jpg') center/cover no-repeat;
  padding:90px 20px;
  text-align:center;
  color:white;
}


.global-hero{
  height:60vh;
  background:url('img/global/netwrok.jpg') center/cover no-repeat;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
}

.global-hero .hero-overlay{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.6);
  top:0;
  left:0;
}


.partners-section{
padding:80px 10%;
text-align:center;
}

.partners-section h2{
font-size:32px;
margin-bottom:50px;
color:#0b3d91;
}

.partners-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:30px;
}

.partner-card{
background:#fff;
padding:30px;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
transition:all .3s ease;
}

.partner-card:hover{
transform:translateY(-8px);
box-shadow:0 15px 35px rgba(0,0,0,0.15);
}

.partner-card img{
width:90px;
height:90px;
object-fit:contain;
margin-bottom:15px;
}

.partner-card h3{
font-size:18px;
margin-bottom:5px;
color:#111;
}

.partner-card p{
color:#555;
font-size:14px;
}

.network-intro{
padding:60px 12%;
text-align:center;
background:#f8fafc;
}

.network-container{
max-width:900px;
margin:auto;
}

.network-intro p{
font-size:18px;
line-height:1.7;
color:#333;
}


.network-cta{
padding:80px 10%;
text-align:center;
background:#0b3d91;
color:white;
}

.cta-container{
max-width:800px;
margin:auto;
}

.network-cta h2{
font-size:32px;
margin-bottom:20px;
}

.network-cta p{
font-size:17px;
line-height:1.7;
margin-bottom:30px;
}

.cta-btn{
display:inline-block;
padding:12px 28px;
background:#ffffff;
color:#0b3d91;
font-weight:600;
border-radius:6px;
text-decoration:none;
transition:0.3s;
}

.cta-btn:hover{
background:#e5e7eb;
}