body {
      font-family: 'Outfit', sans-serif;
      background-color: #000;
      color: #fff;
    }

    /* Navbar */
    .navbar {
      background-color: #0d0d0d;
    }

    .navbar-brand {
      font-weight: bold;
    }

    .nav-link {
      color: #ddd !important;
      font-weight: 500;
    }

    .nav-link.active {
      color: #fff !important;
      border-bottom: 2px solid #e600ff;
    }

    /* Hero */
    .hero {
      background: linear-gradient(135deg, #0f0f0f 60%, #1e0033 100%);
      padding: 80px 0;
      text-align: center;
    }

    .hero h1 {
      font-size: 2.8rem;
      font-weight: 700;
    }

    .hero p {
      font-size: 1.2rem;
      color: #ccc;
    }

    .btn-gradient {
      background: linear-gradient(45deg, #ff00c8, #5800ff);
      border: none;
      color: white;
      padding: 10px 30px;
      border-radius: 30px;
      font-weight: bold;
    }

    /* Services */
    .text-gradient {
  background: linear-gradient(45deg, #ff00c8, #5800ff);
 
  -webkit-text-fill-color: transparent;
}

.bg-dark {
  background-color: #111 !important;
}

    .section-title {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 30px;
    }

    /* Movie Posters */
    .movie-grid img {
      border-radius: 10px;
      width: 100%;
      height: auto;
    }

    .footer-dark {
  background-color: #0a0a0a;
  color: #bbb;
}

.footer-dark h5,
.footer-dark h6 {
  color: #fff;
}

.footer-dark a {
  color: #bbb;
  text-decoration: none;
}

.footer-dark a:hover {
  color: #fff;
}

.social-icon i {
  font-size: 1.3rem;
  transition: color 0.3s;
}

.social-icon:hover i {
  color: #ff00c8;
}
#images img{
    height: 400px;
    width: 300px;
}
html {
  scroll-behavior: smooth;
}