:where([class^="ri-"])::before { content: "\f3c2"; }
      body {
          font-family: 'Roboto', sans-serif;
      }
      .hero-section {
          background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0.4) 80%, rgba(255, 255, 255, 0) 100%), url('https://readdy.ai/api/search-image?query=beautiful%20agricultural%20field%20with%20green%20wheat%20or%20grain%20crops%2C%20golden%20sunlight%2C%20rural%20landscape%2C%20farm%20machinery%20in%20distance%2C%20professional%20photography%2C%20high%20resolution%2C%20natural%20colors%2C%20no%20people&width=1920&height=1080&seq=1&orientation=landscape');
          background-size: cover;
          background-position: center;
      }
      .custom-checkbox {
          appearance: none;
          -webkit-appearance: none;
          width: 20px;
          height: 20px;
          border: 2px solid #2e7d32;
          border-radius: 4px;
          outline: none;
          cursor: pointer;
          position: relative;
      }
      .custom-checkbox:checked {
          background-color: #2e7d32;
      }
      .custom-checkbox:checked::after {
          content: '';
          position: absolute;
          width: 5px;
          height: 10px;
          border: solid white;
          border-width: 0 2px 2px 0;
          top: 2px;
          left: 6px;
          transform: rotate(45deg);
      }
      .timeline-dot::before {
          content: '';
          position: absolute;
          width: 16px;
          height: 16px;
          border-radius: 50%;
          background-color: #2e7d32;
          left: -8px;
          top: 50%;
          transform: translateY(-50%);
      }
      .timeline-line::before {
          content: '';
          position: absolute;
          width: 2px;
          height: 100%;
          background-color: #e0e0e0;
          left: 0;
          top: 0;
      }