.jasabangunan-wrapper {
      justify-content: center;
      margin: 50px 20px;
      display: flex;
      align-items: center;
      background: rgba(255, 255, 255, 0.03);
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

    .jasabangunan-text {
      font-size: 1.25rem;
      color: white;
      margin-right: 20px;
    }

    .jasabangunan-link {
      position: relative;
      color: #007bff;
      text-decoration: none;
      font-weight: 600;
      transition: color 0.3s ease;
    }

    .jasabangunan-link::after {
      content: "";
      position: absolute;
      width: 0;
      height: 2px;
      bottom: -2px;
      left: 0;
      background-color: #007bff;
      transition: width 0.3s ease;
    }

    .jasabangunan-link:hover {
      color: #0056b3;
    }

    .jasabangunan-link:hover::after {
      width: 100%;
    }

    .jasabangunan-sketch {
      width: 200px;
      height: auto;
      border-radius: 4px;
      object-fit: cover;
      box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    }

    @media (max-width: 640px) {
      .jasabangunan-wrapper {
        flex-direction: column;
        text-align: center;
      }
      .jasabangunan-text {
        margin: 0 0 15px;
      }
    }