.hero-section {
      padding: 80px 20px 40px;
      text-align: center;
    }

    .hero-title {
      font-size: 64px;
      font-weight: 500;
      color: #000;
    }

    .hero-text {
      font-size: 20px;
      color: #333;
      margin-top: 15px;
    }

    .hero-buttons {
      margin-top: 30px;
    }

    .hero-image {
      border-radius: 20px;
      overflow: hidden;
      margin-top: 60px;
    }

    .hero-image img {
      width: 100%;
      height: auto;
      display: block;
      object-fit: cover;
    }

    @media (max-width: 768px) {
      .hero-title {
        font-size: 42px;
      }

      .hero-text {
        font-size: 16px;
      }
    }