/* width */
::-webkit-scrollbar {
    width: 6px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px #ddd; 
    border-radius: 10px;
    background: #eee; 
  
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #ccc; 
    border-radius: 10px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #aaa; 
  }
  
  .faq_area {
      position: relative;
      z-index: 1;
      background-color: #f5f5ff;
      padding:100px 0;
  }

  .faq_area.bg-white{
    background-color:#fff!important;
    border-top: 1px solid #eee;

  }
  
  .faq-accordian {
      position: relative;
  }
  .faq-accordian .card {
      position: relative;
      margin-bottom: 1.5rem;
      margin-right:15px;
  }
  .faq-accordian .card:last-child {
      margin-bottom: 0;
  }
  .faq-accordian .card .card-header {
      background-color: #ffffff;
      padding: 0;
      border-bottom-color: #ebebeb;
      border-radius:10px;
  }
  .faq-accordian .card .card-header h6 {
      cursor: pointer;
      padding: 0.75rem 2rem;
      color: #094990;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -ms-grid-row-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      font-size: 1rem;
  
  }
  .faq-accordian .card .card-header h6 span {
      font-size: 1.5rem;
  }
  .faq-accordian .card .card-header h6.collapsed {
      color: #595959;
  }
  
  .collapse {
      background: #fff;
      border-top: 1px solid #eee;
      font-size: 1rem;
      opacity: 0;
      height: 0;
      overflow: hidden;
      transition: opacity 0.5s ease, height 0.5s ease;
  }
  .collapse.show {
      opacity: 1;
      height: auto; /* Initial height */
      overflow: hidden;
  }
  
  .home-accordian{
      max-height: 450px;
      overflow:auto;
  }
  
  .faq-accordian .card .card-body {
      padding: 1.75rem 2rem;
  }
  .faq-accordian .card .card-body p:last-child {
      margin-bottom: 0;
  }
  
  .accordion-arrow {
      transition: transform 0.5s ease;
  }
  
  h6.collapsed .accordion-arrow {
      transform: rotate(180deg); /* Rotate arrow on active state */
  }