/* Add custom Js styles below */ 
document.addEventListener("DOMContentLoaded", function () {
  const branchesBox = document.querySelector(".footer-links");

  if (branchesBox) {
    branchesBox.insertAdjacentHTML("beforeend", `
      <div class="branches-added">
        <h3 class="branches-title">فروعنا في الرياض</h3>

        <a href="https://maps.app.goo.gl/NDMBrkymgLndv87J7?g_st=ic"
           target="_blank"
           class="branch-item">
          الفرع الأول: الصناعية القديمة شارع الجمعية
        </a>

        <a href="https://maps.app.goo.gl/FG7bP8mTxcY2zeeF6?g_st=ic"
           target="_blank"
           class="branch-item">
           الفرع الثاني: صناعية العاصمة، طريقة المدينة - حي العوالي
        </a>

<a href="https://maps.app.goo.gl/43vjRRtvKcHGcm8R8?g_st=iw"
           target="_blank"
           class="branch-item">
          الفرع الثالث: الصناعية القديمة، شارع الجمعية
        </a>
      </div>
    `);
  }
});