html {
    scroll-behavior: smooth;
  }
  * {
    font-family: "Open Sans", sans-serif;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "Poppins", sans-serif;
  }
  /* CSS for the text block with 'info-' prefix */
  .info-container {
    background-color: #f0f8ff; /* Light blue background */
    border-top: 1px solid #e6f2ff; /* Light blue border */
    padding: 1.5rem; /* 6 in Tailwind */
  }
  @media (min-width: 640px) {
    .info-container {
      padding: 2rem; /* 8 in Tailwind */
    }
  }
  .info-flex {
    display: flex;
    align-items: flex-start;
    gap: 1rem; /* space-x-4 in Tailwind */
  }
  .info-icon {
    color: #0077b6; /* Blue icon color */
    width: 1.5rem; /* w-6 */
    height: 1.5rem; /* h-6 */
    flex-shrink: 0;
    margin-top: 0.25rem; /* mt-1 */
  }
  .info-title {
    color: #0077b6; /* Blue text */
    font-weight: 600; /* font-semibold */
    font-size: 1.125rem; /* text-lg */
    margin-bottom: 0.75rem; /* mb-3 */
  }
  .info-text {
    color: #4b5563; /* text-gray-700 */
    font-size: 0.875rem; /* text-sm */
    display: flex;
    flex-direction: column;
    gap: 0.75rem; /* space-y-3 */
  }
  @media (min-width: 640px) {
    .info-text {
      font-size: 1rem; /* sm:text-base */
    }
  }
  .info-text p {
    margin: 0;
  }
  .info-text .info-highlight {
    font-weight: 500; /* font-medium */
  }
  .info-text ul {
    list-style-type: disc;
    padding-left: 1.25rem; /* pl-5 */
    display: flex;
    flex-direction: column;
    gap: 0.25rem; /* space-y-1 */
  }
  .info-text .info-footer {
    font-weight: 500; /* font-medium */
    color: #0077b6; /* text-[#0077B6] */
    margin-top: 1rem; /* mt-4 */
  }
  /* CSS for the condensed legal information with 'info-' prefix */
  .info-legal-container {
    border-top: 1px solid #1f2937; /* border-t border-gray-800 */
    padding-top: 1.5rem; /* pt-6 */
    margin-top: 1.5rem; /* mt-6 */
  }
  .info-legal-text {
    font-size: 0.75rem; /* text-xs */
    color: #9ca3af; /* text-gray-400 */
    margin-bottom: 1rem; /* mb-4 */
  }
  .info-legal-text p {
    margin: 0;
  }
  .info-legal-text .info-legal-paragraph {
    margin-bottom: 0.5rem; /* mb-2 */
  }
  .info-legal-text .info-legal-highlight {
    font-weight: 500; /* font-medium */
    color: #d1d5db; /* text-gray-300 */
  }