const add_faqs = () => {

  let target = document.querySelector(".s-block--features");
  let newEl = document.createElement("div");
  newEl.innerHTML = `
  <div class="wrapper faqs">
  <h2>اهم الاسئلة</h2>
    <div class="container">
      <div class="question">
      هل السدر يسبب تساقط ؟
      </div>
      <div class="answercont">
        <div class="answer">
      الشعر مثل الشجره يجب العنايه به والاهتمام بشكل مستمر ، اي انقطاع مفاجئ للعنايه بشكل عام لايعطيك النتيجه المطلوبة
        </div>
      </div>
    </div>

    <div class="container">
      <div class="question">
    هل المنتجات تناسب الثعلبة ؟
      </div>
      <div class="answercont">
        <div class="answer">
        نعم تناسب الثعلبه ، ومصرحه من هيئه الغذاء والدواء السعودية ، اكثر منتج مناسب للثعلبه ( كورس سدر الجنكة + تونر الجنكة )
        </div>
      </div>
    </div>
    <div class="container">
      <div class="question">
      منتجاتك فيها عطور ؟
      </div>
      <div class="answercont">
        <div class="answer">
   لا ، منتجاتنا لايوجد فيها عطور
        </div>
      </div>
    </div>
    <div class="container">
      <div class="question">
      هل تناسب الرجال والصلع الوراثي؟
      </div>
      <div class="answercont">
        <div class="answer">
        نعم
        </div>
      </div>
    </div>
    
    <a href="https://almo3jzhs.com/p/mWZYE">قراءة المزيد</a>

  </div>
 
    `;
  target.after(newEl);
};


var script = document.createElement("script");
// Add script content
script.src = "https://cdn.lordicon.com/lordicon.js";
// Append
document.head.appendChild(script);



window.addEventListener("load", (event) => {
add_faqs();
  let question = document.querySelectorAll(".question");

    question.forEach((question) => {
      question.addEventListener("click", (event) => {
        const active = document.querySelector(".question.active");
        if (active && active !== question) {
          active.classList.toggle("active");
          active.nextElementSibling.style.maxHeight = 0;
        }
        question.classList.toggle("active");
        const answer = question.nextElementSibling;
        if (question.classList.contains("active")) {
          answer.style.maxHeight = answer.scrollHeight + "px";
        } else {
          answer.style.maxHeight = 0;
        }
    });
      })
  document.querySelector("#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div > div:nth-child(1) > div").innerHTML = `
<lord-icon
  src="https://cdn.lordicon.com/dyfotzbb.json"
    trigger="loop"
    delay="1500"
    colors="primary:#e8a3b5,secondary:#a5be85"
    style="width:100%;height:100%">
</lord-icon>
`
  document.querySelector("#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div > div:nth-child(2) > div").innerHTML = `
<lord-icon
    src="https://cdn.lordicon.com/owafkacy.json"
    trigger="loop"
    delay="1500"
    colors="primary:#e8a3b5,secondary:#a5be85"
    style="width:100%;height:100%">
</lord-icon>
`

document.querySelector("#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div > div:nth-child(3) > div").innerHTML = `
<lord-icon
    src="https://cdn.lordicon.com/jyrzvbtn.json"
    trigger="loop"
    delay="1500"
    colors="primary:#e8a3b5,secondary:#a5be85"
    style="width:100%;height:100%">
</lord-icon>
`
document.querySelectorAll("[dir=rtl] .testimonials-slider .testimonial__icon").forEach(function(element) {
    element.innerHTML = `<lord-icon
        src="https://cdn.lordicon.com/ynwqapsx.json"
        stroke="bold"
        trigger="loop"
        delay="1500"
        colors="primary:#e8a3b5,secondary:#a5be85"
        style="width:100%;height:100%">
    </lord-icon>`;
});

});