/* footer */
.newsletter{background:#111;color:#fff;padding:40px 20px;text-align:center}
.newsletter-inner{max-width:1300px;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;text-align:left}
.newsletter-left{display:flex;align-items:center;gap:20px}
.newsletter-icon i{font-size:40px;color:#C6E72F}
.newsletter-text h3{margin:0;font-size:28px;color:var(--primary-color); font-family: var(--third-font-family);}
.newsletter-text p{margin:5px 0 0;font-size:15px;color:var(--white-color); font-family: var(--third-font-family);}
.newsletter-center{flex:1 1 368px;display:flex;justify-content:center}
.newsletter input[type="email"]{padding:12px 18px;border:none;border-radius:25px 0 0 25px;outline:none;width:260px;color:var(--black-color);}
.newsletter button{padding:12px 20px;border:none;background:#C6E72F;border-radius:0 25px 25px 0;font-weight:bold;cursor:pointer}
.newsletter-right{flex:1 1 200px;display:flex;justify-content:flex-end;gap:15px}
.social-icons a{color:var(--black-color); background-color: var(--primary-color); padding:8px 14px;border-radius:50%;text-decoration:none;font-weight:bold}
.social-icons a:hover {color:var(--black-color); background-color: var(--white-color);}

.footer{background:#f8f8f8;padding:60px 20px 40px;color:#333;}
.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));gap:25px;max-width:1200px;margin:auto}
.footer h4{font-weight:bold;margin-bottom:15px;font-size:23px;font-family: var(--third-font-family);}
.footer ul{list-style:none;padding:0;margin:0}
.footer ul li{margin-bottom:10px;font-size:15px;color:var(--black-color); font-weight: 500;}
.footer ul li::before{content:'›';margin-right:6px;color:var(--primary-color); font-size: 24px;}
.footer .contact{display:flex;flex-direction:column;gap:10px}
.footer .contact span{display:flex;align-items:flex-start;font-size:14px;color:#444;line-height:1.6}
.footer .contact span i{color:#C6E72F;font-style:normal;margin-right:8px;min-width:20px}
.footer .map img{width:100%;max-width:160px;border-radius:8px}
.logo-section img{width:164px;margin-bottom:10px}
.logo-section p{font-size:14px;line-height:1.6;margin-top:10px;color: var(--black-color); font-family: var(--primary-font-family);font-weight: 600;}
@media screen and (max-width:600px){.newsletter input[type="email"]{width:100%;}
.newsletter button{width:46%}
.social-icons{justify-content:center}
.footer-container{grid-template-columns:1fr;text-align:center}
.footer .map img{margin:auto}}
.farm-footer {background: url('../images/footer_bg.png') no-repeat bottom center;background-size: cover;background-color: #f9f9f9; /* fallback */padding-top: 50px;padding-bottom: 202px; /* Adjust to make space for background */color: #333;position: relative;}
.farm-footer::before {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 100%;z-index: 0;}
.contact-section { display: flex; gap: 12px; margin-bottom: 5px; align-items: flex-start; }
.contact-section i { font-size: 16px; color: var(--primary-color); margin-top: 5px; width: 10px; flex-shrink: 0; }
.contact-section h5 { font-size: 16px; font-weight: 600; color: var(--primary-color); margin-bottom: -13px; }
.contact-section p { font-size: 14px; font-weight: 500; color: var(--black-color); }
/* footer */

ul {
  list-style: none;
  padding-left: 0;
}

li::marker {
  color: green;
  font-size: 18px;
  content: " ";
}


.heading-line {
  width: 58px;
  height: 2px;
  background-color: #2e2e29;
  margin: 13px 0;
  margin-top: -6px;
}

@media (max-width: 768px) {

  .footer-container {
    flex-direction: column;
    padding: 6px 15px;
    gap: 5px;
    text-align: left;
  }

  .footer-container > div {
    width: 100%;
  }

  .contact1 .contact-section {
    flex-direction: row;
    align-items: flex-start;
  }

  .map iframe {
    height: 200px;
    margin-top: 10px;
  }

  /* Optional: Logo resize */
  .logo-section img {
    max-width: 150px;
    height: auto;
    margin-top: -30px;
  }
}

@media (max-width: 768px) {
  .farm-footer {
    background: url('../images/footer_bg.png') no-repeat center bottom;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 200px; /* Make space so image is fully visible */
  }
}