:root{
    --iffco-green:#1b7a3e;
    --iffco-teal: #DEF2F2;
    --page-bg:#DEF2F2;
    --text-dark:#111111;
    --text-muted:#4b565f;
    --line:#d5e7e5;
  }

  *{ box-sizing:border-box; }
  html{ scroll-behavior:smooth; }
  body{
    margin:0;
    background:var(--page-bg);
    color:var(--text-dark);
    font-family:'Inter', sans-serif;
    font-size:14px;
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
  }
  a{ text-decoration:none; }
  img{ max-width:100%; display:block; }

  .container{
    max-width:1200px;
    padding-left:20px;
    padding-right:20px;
  }

  /* ===== Navbar ===== */
  .top-navbar{
    background:#fff;
    border-bottom:1px solid #d8e9e8;
    min-height:64px;
  }
  .brand-mark{
    width:92px;
    height:43px;
    border:2px solid var(--iffco-green);
    color:var(--iffco-green);
    background:#fff;
    border-radius:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-family:'Poppins',sans-serif;
    font-weight:800;
    font-size:23px;
    line-height:1;
    letter-spacing:-.5px;
    position:relative;
  }
  .brand-mark::after{
    content:'Farmers by Cooperatives';
    position:absolute;
    bottom:-12px;
    left:0;
    right:0;
    color:#222;
    font-size:6px;
    font-weight:600;
    text-align:center;
    letter-spacing:0;
  }
  .brand-mark i{ display:none; }
  .top-navbar .navbar-brand{ padding:0; }
  .top-navbar .nav-link{
    color:#111 !important;
    font-family:'Poppins',sans-serif;
    font-weight:500;
    font-size:13px;
    padding:.55rem .75rem !important;
    white-space:nowrap;
  }
  .top-navbar .nav-link:hover{ color:var(--iffco-teal) !important; }
  .top-navbar .dropdown-menu{ font-size:13px; border-color:#e7eeee; }
  .navbar-toggler{ border:0; padding:4px; }
  .navbar-toggler:focus{ box-shadow:none; }

  /* ===== Main layout ===== */
  main.container{ padding-bottom:34px;padding-top: 100px; }
  .breadcrumb-wrap{
    font-family:'Poppins',sans-serif;
    font-size:12px;
    color:#52606a;
    padding-top:28px;
    margin-bottom:24px;
  }
  .breadcrumb-wrap a{ color:#52606a; }
  .breadcrumb-wrap .current{ color:#111; font-weight:600; }

  .page-title{
    font-family:'Poppins',sans-serif;
    color:#000;
    font-size:32px;
    font-weight:700;
    line-height:1.25;
    margin:22px 0 22px;
    letter-spacing:-.3px;
  }

  .hero-img-wrap{
    width:100%;
    border-radius:4px;
    overflow:hidden;
    box-shadow:none;
    background:#dcefe8;
  }
  .hero-img-wrap img{
    width:100%;
    height:500px;
    object-fit:cover;
    object-position:center;
  }
  .product-badge{ display:none !important; }

  .meta-row{
    font-family:'Inter',sans-serif;
    font-size:12px;
    color:#3f4a52;
    padding:18px 0 15px;
    /* border-bottom:1px solid var(--line); */
    gap:12px;
  }
  .meta-row .meta-item{ display:flex; align-items:center; gap:6px; }
  .meta-row strong{ color:#111; font-weight:600; }
  .share-on-btn{
    color:#111;
    font-family:'Poppins',sans-serif;
    font-size:12px;
    font-weight:600;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:2px;
    line-height:1.1;
  }
  .share-on-btn i.bi-whatsapp{
    color:#000;
    border:2px solid #000;
    border-radius:50%;
    font-size:18px;
    padding:4px;
    line-height:1;
  }

  /* ===== Article ===== */
  .article-body{
    padding-top:26px;
    max-width:100%;
    font-family:'Inter',sans-serif;
    color:#000;
  }
  .article-body h2.section-title{
    font-family:'Inter',sans-serif;
    color:#000;
    font-size:18px;
    font-weight:700;
    line-height:1.35;
    margin:20px 0 20px;
  }
  .article-body > div{ margin-bottom:26px; }
  .article-body p{
    color:#000;
    font-size:14px;
    line-height:1.75;
    margin:0 0 8px;
    text-align:left;
  }
  .article-body ul{
    margin:0 0 8px 0;
    padding-left:22px;
  }
  .article-body li{
    color:#000;
    font-size:14px;
    line-height:1.72;
    margin-bottom:2px;
  }
  .article-body ul li::marker{ color:#000; }

  .tags-section{
    border-top:1px solid var(--line);
    padding-top:20px;
    margin-top:18px;
    padding-bottom:0;
  }
  .tags-title{
    font-family:'Poppins',sans-serif;
    color:#000;
    font-size:14px;
    font-weight:700;
    margin-bottom:10px;
  }
  .tag-pill{
    display:inline-block;
    background:#eef6f5;
    color:#4c565f;
    border:0;
    border-radius:20px;
    font-family:'Inter',sans-serif;
    font-size:12px;
    font-weight:500;
    padding:5px 14px;
    margin-right:8px;
    margin-bottom:8px;
  }

  /* ===== Recommended Articles ===== */
  .recommended-section{
    background:#fff;
    padding:50px 0 58px;
    margin-top:0 !important;
  }
  .recommended-title{
    font-family:'Poppins',sans-serif;
    color:#000;
    font-size:32px;
    font-weight:500;
    line-height:1.25;
    margin:0 0 24px;
  }
  .recommended-section .row{ --bs-gutter-x:24px; --bs-gutter-y:24px; }
  .article-card{
    background:#fff;
    border-radius:4px;
    overflow:hidden;
    height:100%;
    box-shadow:0 8px 22px rgba(0,0,0,.08);
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .article-card:hover{ transform:translateY(-5px); box-shadow:0 15px 30px rgba(0,0,0,.12); }
  .article-card img{
    width:100%;
    height:198px;
    object-fit:cover;
    object-position:center;
  }
  .article-card .card-body{
    padding:24px 22px 28px;
    min-height:112px;
    display:flex;
    align-items:flex-start;
  }
  .article-card .card-body h3{
    font-family:'Poppins',sans-serif;
    color:#000;
    font-size:18px;
    font-weight:500;
    line-height:1.42;
    margin:0;
  }

  /* ===== CTA / Footer ===== */
  .cta-strip{
    background:var(--iffco-teal);
    color:#fff;
    padding:13px 0;
  }
  .cta-strip .cta-text{
    font-family:'Inter',sans-serif;
    font-size:12px;
    font-weight:500;
  }
  .cta-strip .btn-enquire{
    background:#fff;
    color:var(--iffco-teal);
    border-radius:6px;
    font-family:'Poppins',sans-serif;
    font-size:12px;
    font-weight:700;
    padding:7px 24px;
  }

  footer.site-footer{
    background:#fff;
    padding:40px 0 34px;
  }
  footer h6{
    color:var(--iffco-green);
    font-family:'Poppins',sans-serif;
    font-size:13px;
    font-weight:700;
    margin-bottom:13px;
  }
  footer .footer-links a{
    display:block;
    color:#2f3438;
    font-family:'Inter',sans-serif;
    font-size:12px;
    margin-bottom:8px;
  }
  footer .footer-links a:hover{ color:var(--iffco-teal); }
  .social-icons a{
    width:31px;
    height:31px;
    border:2px solid var(--iffco-green);
    color:var(--iffco-green);
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-right:8px;
    font-size:14px;
    transition:all .25s ease;
  }
  .social-icons a:hover{ background:var(--iffco-green); color:#fff; }
  .footer-bottom-text{ font-size:11px; color:#8a8f93; }

  @media (max-width:1199px){
    .top-navbar .nav-link{ font-size:12px; padding:.5rem .45rem !important; }
    .hero-img-wrap img{ height:460px; }
  }
  @media (max-width:991px){
    .container{ max-width:860px; }
    .hero-img-wrap img{ height:400px; }
    .page-title{ font-size:28px; }
    .recommended-title{ font-size:28px; }
    .article-card img{ height:180px; }
    .top-navbar .navbar-collapse{ padding-top:18px; }
    .top-navbar .nav-link{ padding:.7rem 0 !important; }
  }
  @media (max-width:767px){
    body{ font-size:13px; }
    .container{ padding-left:16px; padding-right:16px; }
    .breadcrumb-wrap{ padding-top:20px; margin-bottom:18px; }
    .page-title{ font-size:24px; margin-bottom:16px; }
    .hero-img-wrap img{ height:280px; }
    .meta-row{ align-items:flex-start !important; }
    .meta-row > .d-flex{ width:100%; gap:8px 16px; flex-wrap:wrap; }
    .meta-row .meta-item{ margin-left:0 !important; }
    .share-on-btn{ margin-left:auto; }
    .article-body{ padding-top:22px; }
    .article-body h2.section-title{ font-size:15px; }
    .article-body p,.article-body li{ font-size:13px; line-height:1.7; }
    .recommended-section{ padding:38px 0 44px; }
    .recommended-title{ font-size:24px; margin-bottom:20px; }
    .article-card img{ height:210px; }
    .article-card .card-body{ padding:18px; min-height:auto; }
    .article-card .card-body h3{ font-size:18px; }
    .cta-strip .container{ justify-content:center !important; text-align:center; }
    footer.site-footer{ padding-top:34px; }
  }
  @media (max-width:480px){
    .brand-mark{ width:78px; height:36px; font-size:19px; }
    .page-title{ font-size:22px; }
    .hero-img-wrap img{ height:220px; }
    .recommended-title{ font-size:22px; }
    .article-card img{ height:190px; }
  }
/* ----------blog content------------------------------------------ */
.table-wrap {
    width: 100%;
    overflow-x: auto;
  }

  table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: 15px;
    color: #333;
  }

  th,
  td {
    padding: 14px 16px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid rgba(9, 122, 51, 0.3);
  }

  th {
    text-transform: uppercase;
    font-size: 14px;
    color: rgba(9, 122, 51, 1);
    font-weight: 700;
  }

  td:first-child {
    font-weight: 700;
    color: #315c24;
  }

  @media (max-width: 768px) {
    table,
    thead,
    tbody,
    th,
    td,
    tr {
      display: block;
    }

    thead {
      display: none;
    }

    tr {
      margin-bottom: 16px;
      border: 1px solid #e5e5e5;
      border-radius: 10px;
      padding: 10px;
    }

    td {
      border-bottom: none;
      padding: 8px 10px;
    }

    td::before {
      content: attr(data-label);
      display: block;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: #777;
      font-weight: 700;
      margin-bottom: 4px;
    }
  }


.comparison-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.comparison-card {
  border: 1px solid;
  border-radius: 16px;
  padding: 32px;
}

.comparison-card h3 {
  margin: 0 0 24px;
  text-transform: uppercase;
  /* letter-spacing: 0.08em; */
  font-size: 16px;
}

.comparison-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.comparison-card li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 0px;
}

.comparison-card li:last-child {
  margin-bottom: 0;
}

.comparison-card li::before {
  font-size: 18px;
  line-height: 1.4;
}

.comparison-card p {
  margin: 0;
}

.negative {
  border-color: #e7c8c8;
}

.negative h3 {
  color: #a35a3a;
}

.negative li::before {
  content: "✗";
  color: #d66d6d;
}

.positive {
  border-color: #c6dcc3;
}

.positive h3 {
  color: #4e6c42;
}

.positive li::before {
  content: "✓";
  color: #6e9a64;
}

@media (max-width: 768px) {
  .comparison-grid {
    grid-template-columns: 1fr;
  }

  .comparison-card {
    padding: 24px;
  }
}
ol{
  padding-left: 15px;
}
ol li strong{
  font-weight: 600;
}
  .article-body p a{
    color:#fd7e14;
    font-weight: 500;
  }