.hero {
    background-image: url("image/FB_IMG_1749577300588.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 100px 20px;
    text-align: center;
    height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      color: wheat;
      text-align: center;
      font-size: 3rem;
      font-weight: bold;
      padding: 0 1rem;
    
  }
  .hero h1{
       font-size: 3rem;
      font-weight: bold;
      background-color: rgba(0, 0, 0, 0.6);
      padding: 1rem;
      border-radius: 10px;
  }
  .hero h3{
     font-size: 2rem;
      font-weight: bold;
      background-color: rgba(0, 0, 0, 0.6);
      padding: 1rem;
      border-radius: 7px;
  }


  .business-cawhrd {
    transition: transform 0.2s ease;
  }

  .business-card:hover {
    transform: translateY(-5px);
    box-shadow: black;
  }

  .farm{
    background-color: darkgreen;
    color: white;
  }

  .Logistics{
    background-color: darkred;
    color: wheat;
  }
  
  .Construction{
    color: darkred;
  }
     .video-container {
      position: relative;
      width: 100%;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      border-radius: 10px;
    }

    .video-container iframe {
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
    }

    @media (max-width: 768px) {
      .hero h1 {
        font-size: 2rem;
      }
    }