body {
      margin: 0;
      padding: 0;
  }

  /* Smooth fade animation */
  .fade {
      animation: fadeEffect 1s ease-in-out;
  }

  @keyframes fadeEffect {
      from {
          opacity: 0;
          transform: scale(1.02);
      }

      to {
          opacity: 1;
          transform: scale(1);
      }
  }

  /* Navigation buttons */
  .nav-btn {
      background-color: rgba(255, 255, 255, 0.85);
      color: #1e3a8a;
      transition: all 0.3s ease-in-out;
  }

  .nav-btn:hover {
      background-color: #3b82f6;
      color: white;
      transform: scale(1.1);
  }

  /* Dots inside slider */
  .dot {
      transition: all 0.3s ease-in-out;
  }

  .dot.active {
      background-color: #facc15;
      transform: scale(1.3);
      box-shadow: 0 0 6px rgba(255, 255, 255, 0.8);
  }

  /* Responsive fix */
  #slider img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  section {
      margin: 0;
      padding: 0;
  }