.hero {
    background-image: url("image/welcome.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    object-fit: contain;
    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-content {
      position: relative;
      z-index: 2;
      color: #fff;
      text-align: center;
      top: 50%;
      transform: translateY(-50%);
    }
    .service-card img {
      height: 250px;
      object-fit: cover;
    }
    footer {
      background: #222;
      color: #fff;
      padding: 30px 0;
    }