.faqs-accordion-area {
       padding: 70px 0;
   }

   .faqs-accordion-area .faqs-title {
       margin-bottom: 32px;
   }

   .faqs-accordion {
       /* max-width: 900px; */
       margin: 0 auto;
   }

   .faq-accordion-item {
       border-bottom: 1px solid rgba(64, 64, 64, 0.18);
       transition: background-color 0.25s ease;
   }

   .faq-accordion-item:first-child {
       border-top: 1px solid rgba(64, 64, 64, 0.18);
   }

   .faq-accordion-question {
       position: relative;
       padding: 22px 52px 22px 8px;
       color: #404040;
       font-size: 18px;
       font-weight: 600;
       line-height: 1.45;
       cursor: pointer;
       list-style: none;
       transition: color 0.2s ease;
   }

   .faq-accordion-question::-webkit-details-marker {
       display: none;
   }

   .faq-accordion-question::after {
       content: "+";
       position: absolute;
       top: 50%;
       right: 8px;
       display: grid;
       width: 32px;
       height: 32px;
       place-items: center;
       border: 1px solid var(--accent-color);
       border-radius: 50%;
       color: var(--accent-color);
       font-size: 23px;
       font-weight: 400;
       line-height: 1;
       transform: translateY(-50%);
       transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
   }

   .faq-accordion-item[open] .faq-accordion-question::after {
       content: "−";
       color: #fff;
       background-color: var(--accent-color);
   }

   .faq-accordion-question:hover {
       color: var(--accent-color);
   }

   .faq-accordion-item:hover {
       background-color: rgba(64, 64, 64, 0.035);
   }

   .faq-accordion-item:not([open]) .faq-accordion-question:hover::after,
   .faq-accordion-item:not([open]) .faq-accordion-question:active::after {
       background-color: rgba(64, 64, 64, 0.06);
       box-shadow: 0 3px 10px rgba(64, 64, 64, 0.12);
       transform: translateY(-50%) rotate(45deg);
   }

   .faq-accordion-item[open] .faq-accordion-question:hover::after {
       color: #fff;
       background-color: var(--accent-color);
   }

   .faq-accordion-question:focus-visible {
       outline: 2px solid var(--accent-color);
       outline-offset: 4px;
   }

   .faq-accordion-answer {
       padding: 0 52px 22px 8px;
       color: #555;
       font-size: 16px;
       line-height: 1.7;
   }

   .faq-accordion-item[open] .faq-accordion-answer {
       animation: faq-answer-reveal 0.28s ease both;
   }

   @keyframes faq-answer-reveal {
       from {
           opacity: 0;
           transform: translateY(-6px);
       }

       to {
           opacity: 1;
           transform: translateY(0);
       }
   }

   @supports selector(details::details-content) {
       .faq-accordion-item {
           interpolate-size: allow-keywords;
       }

       .faq-accordion-item::details-content {
           display: block;
           block-size: 0;
           overflow: hidden;
           content-visibility: hidden;
           transition: block-size 0.3s ease, content-visibility 0.3s allow-discrete;
       }

       .faq-accordion-item[open]::details-content {
           block-size: auto;
           content-visibility: visible;
       }
   }

   .faq-accordion-answer> :first-child {
       margin-top: 0;
   }

   .faq-accordion-answer> :last-child {
       margin-bottom: 0;
   }

   @media (max-width: 768px) {
       .faqs-accordion-area {
           padding: 48px 0;
       }

       .faq-accordion-question {
           padding: 18px 44px 18px 4px;
           font-size: 16px;
       }

       .faq-accordion-question::after {
           right: 4px;
           width: 28px;
           height: 28px;
       }

       .faq-accordion-answer {
           padding: 0 40px 18px 4px;
           font-size: 15px;
       }
   }

   @media (prefers-reduced-motion: reduce) {

       .faq-accordion-item,
       .faq-accordion-question,
       .faq-accordion-question::after,
       .faq-accordion-item::details-content {
           animation: none;
           transition: none;
       }

       .faq-accordion-item[open] .faq-accordion-answer {
           animation: none;
       }
   }