.dio-faq-accordion {
           border-radius: 5px;
           margin-bottom: 20px;
       }

       .dio-faq-accordion-item {
           margin-bottom: 20px;
       }

       .dio-faq-accordion-title {
           display: flex;
           align-items: center;
           justify-content: space-between;
           cursor: pointer;
           background-color: #f5f5f5;
           color: #021B32;
           padding: 15px;
           border-radius: 8px;
           line-height: 1.5;
           transition: background-color 0.3s ease;
           font-weight: 600;
       }

       .dio-faq-accordion-title.active {
           border-bottom: none;
           border-radius: 8px 8px 0 0;
       }


       /* draw your chevron automatically on the right */
       .dio-faq-accordion-title::after {
           content: '\e900';
           font-family: 'Astra';
           font-size: 0.8rem;
           font-weight: 600;
           color: #021B32;
           transition: transform 0.2s ease;
       }

       /* flip it when open */
       .dio-faq-accordion-title.active::after {
           transform: rotate(180deg);
       }

       /* FAQ title hover */
       .dio-faq-accordion-title:hover {
           background-color: #DDE7F3;
       }




       .dio-faq-accordion-content {
           max-height: 0;
           padding: 0 15px;
           overflow: hidden;
           transition: max-height 0.3s ease, padding 0.3s ease;
           background-color: #f8f9fa;
           opacity: 0;
           border-radius: 0 0 8px 8px;
       }

       .dio-faq-accordion-content.active {
           max-height: 1000px;
           padding: 15px;
           opacity: 1;
       }

       .dio-highlight {
           background-color: yellow;
           color: black;
       }