body { font-family: 'Nunito', sans-serif; }
  h1,h2,.font-heading { font-family: 'Poppins', sans-serif; }

  .hero-bg {
    background: linear-gradient(180deg, #BFE0F7 0%, #E9F5FD 55%, #ffffff 100%);
  }

  .floating-nav {
    box-shadow: 0 10px 30px rgba(20, 60, 110, 0.12);
  }

    .toggle-pill {
    width: 46px; height: 24px; border-radius: 999px;
    background: #12294E;
    position: relative;
  }
  .toggle-pill::after {
    content: '';
    position: absolute;
    top: 3px; left: 3px;
    width: 18px; height: 18px;
    border-radius: 50%;
    background: #fff;
  }


  .section-bg {
    background: linear-gradient(180deg, #9ed4fb 0%, #cfe9fc 45%, #ffffff 100%);
  }

  .resource-card {
    background: #d5f5da;
    border-radius: 22px;
    display: flex;
    flex-direction: column;
    border-color: #1B5E20;
  }

  .card-title-underline {
    height: 1.5px;
    width: 100%;
    background: #1B5E20;
    opacity: 0.8;
  }

  .read-more-btn {
    background: #7ec98c;
    border-radius: 999px;
  }



/* Expert Articles */

  .section-bg { background: #eafcef; }

  .article-card {
    border-radius: 22px;
    box-shadow: 0 5px 5px 5px rgba(20, 60, 110, 0.35);
  }


  /* Frequently Asked Questions */

  .faq-card {
    border-radius: 30px;
    box-shadow: 0 5px 5px 5px rgba(20, 60, 110, 0.35);
  }

  .faq-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, #bcd0e6, transparent);
  }