.faq-wrapper .wp-block-details {
    background: #e7e7e7;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 0;
    overflow: hidden;
    transition: all 0.3s ease;
  }
  
  /* Style the <summary> line */
  .faq-wrapper summary {
    list-style: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 1.25rem;
    padding: 16px 25px;
    position: relative;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    outline: 1px solid black;
  }
  
  /* Remove default marker */
  .faq-wrapper summary::-webkit-details-marker {
    display: none;
  }
  
  /* Add + by default */
  .faq-wrapper summary::after {
    content: '+';
    flex-shrink: 0;
    font-size: 1.25rem;
    transition: transform 0.3s ease;
    font-weight: 700;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #fff;
  }
  
  /* Change + to – when open */
  .faq-wrapper details[open] summary::after {
    content: '–';
    line-height: 23px;
  }
  
  /* Answer content */
  .faq-wrapper .wp-block-details > *:not(summary) {
    padding: 0 20px 16px 20px;
    animation: fadeIn 0.3s ease;
  }
  
  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translateY(-4px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }