.fa-check {
      font-size: 30px;
      font-weight: 700;
      color: #4d537f;
  }

  .fact-box {
      display: flex;
      align-items: flex-start;
      gap: 10px;
  }

  .fact-box i {
      margin-top: 3px;
      /* icon ko top align karne ke liye */
  }

  /* Content box style */
  .content {
      padding: 10px 15px 10px 25px;
      display: block;
      /* Make list always visible */
      border-left: 3px solid #f29ab9;
      border-radius: 5px;
      margin-bottom: 10px;
  }

  /* Style for links */
  .content ul li a {
      text-decoration: none;
      color: #333;
      cursor: pointer;
      display: block;
      padding: 5px 0;
      transition: background 0.2s;
  }

  .content ul li a:hover {
      background-color: #f0f0f0;
  }

























  .tab-btn {
      border: none;
      background-color: #f0f0f0;
      color: #333;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      cursor: pointer;
      font-weight: bold;
      transition: all 0.3s;
  }

  .tab-btn:hover {
      background-color: #ddd;
  }

  .tab-btn.active {
      background-color: #f29ab9;
      color: white;
  }

  /* Content styling */
  .tab-content {
      /* padding: 15px; */
      border-radius: 8px;
  }

  .post-entry {
      padding-bottom: 30px;
      margin-bottom: 30px;
      width: 100%;
  }



  /* Accordion inner list styling */
.accordion-body ul {
    margin: 0;
    padding-left: 18px;
}

.accordion-body ul li {
    list-style: disc;
    margin-bottom: 6px;
}

/* Link styling */
.accordion-body ul li a {
    text-decoration: none;
    color: #4d537f;   /* Blue color (change as per your theme) */
    font-weight: 500;
    transition: 0.3s ease;
}

/* Hover effect */
.accordion-body ul li a:hover {
    color: #229cff;   /* Orange hover color */
    text-decoration: underline;
}

/* Accordion button text color */
.accordion-button {
    color: #333 !important;
    font-weight: 600;
}

/* When accordion is open */
.accordion-button:not(.collapsed) {
    color: #4d537f !important;
}