/* New Codes */
      /* ===== Section Fade-in Animation ===== */
      @keyframes fadeSlideUp {
        0% {
          opacity: 0;
          transform: translateY(40px);
        }
        100% {
          opacity: 1;
          transform: translateY(0);
        }
      }

      /* Initial hidden state */
      .hidden-animate {
        opacity: 0;
        transform: translateY(40px);
      }

      /* Applied when in view */
      .fade-in-up {
        animation: fadeSlideUp 0.8s ease-out forwards;
      }

      /* Staggered effect */
      .fade-delay-1 {
        animation-delay: 0.1s;
        margin-top: 20px;
        padding: 20px;
        background-color: dodgerblue;
      }
      .fade-delay-2 {
        animation-delay: 0.2s;
      }
      .fade-delay-3 {
        animation-delay: 0.4s;
      }
      .fade-delay-4 {
        animation-delay: 0.6s;
      }
      .fade-delay-5 {
        animation-delay: 0.8;
      }
      .fade-delay-6 {
        animation-delay: 0.9;
      }
      .fade-delay-7 {
        animation-delay: 1.1s;
      }
      .fade-delay-8 {
        animation-delay: 1.2s;
      }
      .fade-delay-9 {
        animation-delay: 1.4s;
      }

      /* Other styles from before */
      .section-title{
        color: white;
        font-weight: bolder;
      }
      .section-subtitle{
        color: white;
      }
      .section-title span {
        color: #ff6f61;
        transition: color 0.3s ease;
      }
      .section-title span:hover {
        color: #e63946;
      }
      .contact-form {
        background: #ffffff;
        border-radius: 10px;
        padding: 25px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
        transition: box-shadow 0.3s ease;
      }
      .contact-form:hover {
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
      }
      .contact-form input,
      .contact-form select,
      .contact-form textarea {
        border: 1px solid #ddd;
        border-radius: 6px;
        padding: 10px;
        transition: border-color 0.3s ease, box-shadow 0.3s ease;
      }
      .contact-form input:focus,
      .contact-form select:focus,
      .contact-form textarea:focus {
        border-color: #ff6f61;
        box-shadow: 0 0 5px rgba(255, 111, 97, 0.3);
        outline: none;
      }
      .contact-form button {
        background-color: #ff6f61;
        border: none;
        border-radius: 6px;
        font-weight: 600;
        font-size: 1.1rem;
        transition: background-color 0.3s ease, transform 0.2s ease;
      }
      .contact-form button:hover {
        background-color: #e63946;
        transform: translateY(-2px);
      }
      #home-btn{
        background-color: #003366e6;
      }