section.promo {
        background-color: #e5e5e5;
}

      .promo-container {
        display: flex;
        justify-content: space-between;
        padding: 20px;
        padding-left: 40px;
      }
      section.promo h2 {
        margin-bottom: 10px;
text-align: center;
      }
      .promo-container ul {
        list-style: none;
        line-height: 24px;
        padding-left: 20px;
      }
      .promo-container ul li {
        position: relative;
        margin-bottom: 5px;
      }
      .promo-container ul li::before {
        content: "";
        position: absolute;
        top: 0px;
        left: -28px;
        width: 24px;
        height: 24px;
        background-image: url(/themes/agro/images/mark1.svg);
background-repeat: no-repeat;
      }
      .promo-container ul li a {
text-decoration: none;
color: #000;
}
      .promo-container ul li a:hover {
color: #e04403;
}
      .ml {
        margin-left: 32px;
      }
      .mc {
margin: 1rem 0;
  font-size: 1.2rem;
  letter-spacing: 2px;
  font-family: Micra;
  display: flex;
  flex-direction: column;
  gap: 1rem;
        text-align: center;
        font-size: 24px;
        font-weight: bold;
text-transform: uppercase;
      }
.mc img {
height: 1rem;
}
.mc span {
font-size: 1.2rem;
  letter-spacing: 2px;
  font-family: Micra;
}
      .left-section {
        width: 50%;
      }
.left-section img {
width: 300px;
margin: 1rem 0;
}
      .right-section {
        width: 50%;
        display: flex;
align-items: center;
      }
      .right-section > div {
        width: 33.33333333%;
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .right-section > div .img-wrapper {
        height: 200px;
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      .right-section a {
        text-decoration: none;
        text-align: center;
        color: #e04403;
      }
      .news-item {
        margin-bottom: 20px;
      }
      .news-date {
        font-size: 14px;
        color: #666;
      }
      .news-title {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
      }
      .news-description {
        font-size: 14px;
        color: #333;
      }
      .read-more {
        color: #007bff;
        text-decoration: underline;
      }
      .right-section img {
        max-width: 100%;
        height: auto;
        max-height: 100%;
        display: block;
      }
      @media screen and (max-width: 1400px) {
        .left-section,
        .right-section {
          width: 50%;
        }
      }
      @media screen and (max-width: 1000px) {
        .left-section,
        .right-section {
          width: 100%;
        }
        .promo-container {
          flex-direction: column;
        }
      }
      @media screen and (max-width: 600px) {
        .right-section {
          flex-direction: column;
          align-items: center;
          justify-content: center;
        }
        .right-section > div {
          width: 100%;
          text-align: center;
        }
        .right-section > div:first-child {
          margin-bottom: 20px;
        }
      }