/* Animation for logo */
     .logo-container {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        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;
      }
      .nav-item:nth-child(4) {
        animation-delay: 0.8s;
      }

      /* Animation for form and content */
      .form-section {
        opacity: 0;
        animation: fadeInContent 1.5s ease-out forwards;
      }

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

      /* Hover effect for Submit button */
      .btn-submit {
        transition: transform 0.3s ease, background-color 0.3s ease;
      }

      .btn-submit:hover {
        transform: scale(1.1); /* Slightly enlarge the button on hover */
        background-color: #28a745; /* Change background color on hover */
      }

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

      .fixed-btn {
        position: fixed;
        right: 20px; /* Distance from the right edge of the page */
        bottom: 20px; /* Distance from the bottom edge of the page */
        z-index: 1000; /* Ensure it's on top of other elements */
        padding: 16px 24px; /* Increased padding for a larger button */
        font-size: 24px; /* Font size for icon */
        border-radius: 30px; /* More rounded edges */
        background-color: #007bff; /* Button color */
        color: white; /* Text color */
        text-align: center; /* Center text */
        display: inline-block; /* Block for clickable area */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Subtle shadow */
        transition: all 0.3s ease; /* Smooth transition for hover effect */
      }

      /* Hover effect to add a shadow when the button is hovered */
      .fixed-btn:hover {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
      }

      /* Adjust icon size to fit well inside the button */
      .fixed-btn i {
        font-size: 24px; /* Icon size */
      }