/* Animation for logo */
    .logo-container {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        /* border-bottom: 2px solid #000; Line between logo and content */
        padding-bottom: 20px;
        margin-bottom: 20px;
        opacity: 0;
        animation: fadeInLogo 2s forwards; /* Fade in effect */
      }

      @keyframes fadeInLogo {
        0% {
          opacity: 0;
          transform: translateY(-50px);
        }
        100% {
          opacity: 1;
          transform: translateY(0);
        }
      }

      /* Animation for navbar items */
      .nav-item {
        opacity: 0;
        transform: translateX(-20px);
        animation: fadeInNavItem 0.8s ease-out forwards;
        animation-delay: 0.2s;
      }

      @keyframes fadeInNavItem {
        0% {
          opacity: 0;
          transform: translateX(-20px);
        }
        100% {
          opacity: 1;
          transform: translateX(0);
        }
      }

      .nav-item:nth-child(1) {
        animation-delay: 0.2s;
      }
      .nav-item:nth-child(2) {
        animation-delay: 0.4s;
      }
      .nav-item:nth-child(3) {
        animation-delay: 0.6s;
      }

    /* Animation for form and content */
      .content-section {
        opacity: 0;
        animation: fadeInContent 1.5s ease-out forwards;
        margin-top: 10px; /* Reduced spacing from the default 5rem (mt-5) to 20px */
      }
      .form-section {
        background-color: #f8f9fa; /* Light grey background */
        border-radius: 10px;
        padding: 30px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
      }

      .form-label {
        font-weight: bold;
        color: #333; /* Darker text for labels */
      }

      .btn-submit {
        background-color: #28a745; /* Darker green */
        color: #fff;
        border: none;
        padding: 10px 20px;
        font-size: 18px;
        border-radius: 5px;
        transition: background-color 0.3s ease;
      }

      .btn-submit:hover {
        background-color: #218838; /* Slightly darker on hover */
      }

      @keyframes fadeInContent {
        0% {
          opacity: 0;
          transform: translateY(20px);
        }
        100% {
          opacity: 1;
          transform: translateY(0);
        }
      }

      /* Spacing for footer */
      footer {
        margin-top: 50px;
      }