.hero-bg {
      background: linear-gradient(rgba(14, 25, 70, 0.8), rgba(14, 25, 70, 0.8)), url("assets/bg-hero.png");
      background-size: cover;
    }
    .fa-solid{
        color: white;
    }
    /* .btn-accent {
      background: linear-gradient(to right, #01aefe, #00f4ea);
      box-shadow: 0 4px 12px rgba(1, 174, 254, 0.3);
      transition: all 0.3s ease;
    }
    .btn-accent:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 16px rgba(1, 174, 254, 0.4);
    } */
    /* .right-card{
        background: url("assets/mbp.png");
        height: auto;
    } */
    @media (max-width: 768px) {
      .hero-content {
        padding-top: 4rem;
        padding-bottom: 4rem;
      }
    
 
    .logo-gradient {
      background: linear-gradient(to right, #0e1946, #01aefe);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    /* .btn-accent {
      background: linear-gradient(to right, #01aefe, #00f4ea);
      box-shadow: 0 4px 12px rgba(1, 174, 254, 0.3);
      transition: all 0.3s ease; */
    }
    /* .btn-accent:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 16px rgba(1, 174, 254, 0.4);
    } */

    .section-title {
      position: relative;
      display: inline-block;
    }
    /* .section-title::after {
      content: '';
      position: absolute;
      bottom: -6px;
      left: 50%;
      transform: translateX(-50%);
      width: 50px;
      height: 2px;
      background: linear-gradient(to right, #01aefe, #00f4ea);
      border-radius: 1px;
    } */

    @media (max-width: 768px) {
      .hero-content {
        padding-top: 4rem;
        padding-bottom: 4rem;
      }
    }