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

  .animate-fade {
    animation: fade 0.3s ease-out forwards;
  }

  .sub-menu {
    margin-top: auto;
    position: absolute;
    background-color: #0e7a0d;
    min-width: 300px;
    z-index: 50;
    display: none;
  }

  .sub-menu li a {
    color: Black;
    display: block;
    border-top: 1px solid black;
    /* padding:  0.5rem 1rem; */
    width: auto;
    
  }

  .sub-menu li a:hover {
    background-color: #0b5d0b;
    color: white;
  }
  /* .nav li a{
    color: black;
    padding: 0.5rem 1rem;
    display: block;
  }
  .nav li a:hover{
    background-color: #0b5d0b;
    color: white;
  } */
   
  .menu-item a{
    color: black;
    padding: 0.5rem 1rem;
    display: block;
    width: max-content;
  }
   .menu-item a:hover {
    color: #0b5d0b;
    border-bottom: #0b5d0b solid 2px;

   }

  @media (min-width: 768px) {
    .menu-item-has-children:hover > .sub-menu {
      display: block;
    }
  }
  .current-menu-item a,
  .current-menu-ancestor a {
    color: #0b5d0b;
    /* border-bottom: #0b5d0b solid 2px; */
  }
  .wp-block-heading{
    font-size: 1.875rem;   /* Tailwind text-3xl = 30px */
    font-weight: 700;      /* Tailwind font-bold */
    color: #1f2937;        /* Tailwind text-gray-800 */
    margin-bottom: 1rem;   /* Tailwind mb-4 = 16px */
    text-align: center;    /* Center on mobile */
  }
  p{
    font-size: 1.125rem;   /* Tailwind text-lg = 18px */
    line-height: 1.75rem;  /* Tailwind leading-7 = 28px */
    color: #4b5563;        /* Tailwind text-gray-600 */
    margin-bottom: 1rem;   /* Tailwind mb-4 = 16px */
    text-align: justify;    /* Center on mobile */
  }
 
  .back-button {
    padding: 12px 24px;
    border: 2px solid #10B981; /* Green border */
    background-color: transparent;
    color: #10B981;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.3s ease;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }
  
  .back-button:hover {
    background-color: #10B981;
    color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  }