body { margin: 0; font-family: Arial, sans-serif; }
    .tp-hero-area { height: 100vh; position: relative; }
    .tp-hero-bg {
      position: absolute; top: 0; left: 0;
      width: 100%; height: 100%;
      background-size: cover; background-position: center;
      z-index: -99;
      transition: opacity 0.6s;
    }
    .tp-hero-item {
      position: relative; z-index: 2; height: 100vh;
      display: flex; align-items: center; justify-content: center;
    }
    .tp-hero-wrapper {
      background:transparent; padding: 40px 60px; border-radius: 12px;
      text-align: center;
    }

    .tp-hero-title { font-size: 2.5rem; min-height: 60px; }
    .tp-hero-subtitle { line-height:1.2; display: block; font-size: 2.5rem; color: #f8f8f8; margin-bottom: 16px; }
    .typed-cursor { color: #f8f8f8; font-size: 2.4rem; vertical-align: middle;}
    .tp-btn { display: inline-block; margin-top: 24px; padding: 12px 28px; font-weight: bold;
      background: #003091; color: #fff; border-radius: 20px; text-decoration: none;}
    .tp-btn:hover { background:#093FB4 ;border:none ; }
    @media (max-width: 600px) {
      .tp-hero-title{font-size:1.3rem;};
  }