
  
  .faq-list {
    margin:0;
    padding: 0;
  }
  
  .faq-item {
    list-style-type: none; 
    padding: 0; 
  }
  
  .faq-question {
    background: #FFFFFF;
    border: none;
    cursor: pointer;
    display: block;
    padding: 30px;
    position: relative;
    text-align: left;
    width: 100%;
    outline: none;
  }
  
  .faq-question::before,
  .faq-question::after {
    content: '';
    background: #44596B;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 14px;
    height: 2px;
    transition: transform 0.2s ease-in-out;
  }
  
  .faq-question::before {
    transform: rotate(90deg);
  }
  
  .faq-item.active .faq-question::before {
    transform: rotate(0deg);
  }
  
  .faq-answer {
    border:0;
    background:#fff;
    padding: 30px;
    display: none;
    font-size: 14px;
    color: #333;
    text-align: left;
    transition: height 0.4s ease, padding 0.3s ease;
  }
  
  .faq-item.active .faq-answer {
    display: block;
    transition: transform 0.2s ease-in-out;
  }
  