.bannar {
    font-size: 42px;
    font-weight: 600;
    color: white;
    background-color: #2C2657;
padding: 12px 10px 3px 10px;
    line-height: 1.2;
    border: 6px solid #2C2657;
    border-radius: 38px;
    text-align: center;
    margin:140px 40px 40px 40px;
}
@media (max-width: 480px){
    .bannar{
        font-size: 20px;
        padding: 4px 10px;
        line-height: 1.2;
        margin-bottom: 0;
    }
}
@media (min-width: 481px) and (max-width: 768px){
    .bannar{
        font-size: 28px;
        line-height: 1.2;
    }
}
    .accordion-item {
      border-radius: 10px;
      margin-bottom: 15px;
      transition: box-shadow 0.3s ease;
    }

    .accordion-item.active {
      box-shadow: 0 0 25px 3px #2C2657; /* Yellow glow/shadow */
    }

    .accordion-button {
      font-weight: 700;
      font-size: 18px;
    }

    .accordion-button:not(.collapsed) {
      background-color:#d9d8dc;
      color: #000;
    }

    .accordion-body {
      font-size: 16px;
      color: #333;
      padding-left: 40px;
      position: relative;
    }

    /* .accordion-body::before {
      content: '';
      width: 10px;
      height: 10px;
      background-color: #2C2657;
      border-radius: 50%;
      position: absolute;
      left: 15px;
      top: 12px;
    } */

    .whatsapp-button {
      position: fixed;
      bottom: 20px;
      left: 20px;
      background-color: #25d366;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    }

    .whatsapp-button img {
      width: 30px;
      height: 30px;
    }

    .scroll-top {
      position: fixed;
      bottom: 20px;
      right: 20px;
      background-color: #2C2657;
      border-radius: 10px;
      padding: 10px 15px;
      border: none;
      font-weight: bold;
      font-size: 20px;
      cursor: pointer;
      color: white;
    }


.scrollable-faq {
  max-height: 500px; /* Adjust height as needed */
  overflow-y: auto; /* Enables vertical scrolling */
  border: 1px solid #ccc; /* Optional: adds a border around the scrollable box */
  border-radius: 10px; /* Optional: rounds the corners */
  padding: 10px; /* Optional: adds padding inside the box */
}


  /* add */