.step {
      margin-bottom: 2.5rem;
      padding: 1rem;
      border-left: 5px solid #fb4754;
      background: #fdfdfd;
      border-radius: 8px;
      transition: all 0.3s ease;
    }

    .step:hover {
      transform: translateY(-2px);
      background: #f5fbff;
    }

    .step h2 {
      font-size: 1.5rem;
      color: #fb4754;
      margin-bottom: 0.5rem;
    }

    .step ul {
      padding-left: 1.5rem;
    }

    .step li {
      margin-bottom: 10px;
    }

    .cta {
      text-align: center;
      margin-top: 3rem;
    }

    .cta h2 {
      font-size: 1.8rem;
      color: var(--accent);
      margin-bottom: 1rem;
    }

    .cta-button {
      padding: 14px 32px;
      font-size: 1rem;
      background-color: #0055aa;
      color: var(--white);
      border: none;
      border-radius: 8px;
      cursor: pointer;
      transition: var(--transition);
    }

    .cta-button:hover {
      background-color: #0073e6;
      transform: scale(1.05);
    }

    @media (max-width: 768px) {
      header h1 {
        font-size: 2.2rem;
      }
      .container {
        padding: 1.2rem;
       
      }
    }