/* Add custom CSS styles below */ 

<section class="s-block s-angel-maps          " data-wow-delay="0.1s">
<div class="container">
<div class="flex flex-col rounded-md overflow-hidden has-bg text-center bg-white da-bgg " style="  background-image:url('https://cdn.salla.sa/form-builder/vYJrdsuopEUvmxSI4QA7N3jV60vRuO9qrDOMXuWD.jpg') ">
<h3 class="text-xl md:text-3xl da-cp w-full mt-2 md:mt-4 px-4">فروعنا</h3>
<p class="text-md md:text-lg da-tm mb-2 mt-2 w-full px-4">يمكنك زيارتنا في الفرع</p>
<div class="s-maps-tabs" id="maps-tabs">
<div class="tabs tabs__map tabs__outline tabs__flex justify-center">
<a class="tab-trigger gap-1 is-active " data-wow-delay="0.1s" data-target="maps-tab-1" data-component-id="maps-tabs" aria-label="tabs">
<i class="sicon-location text-md"></i>
<span>فرع جدة</span>
</a>
</div>
<div class="tabs-wrapper tabs-wrapper__map mt-4">
<div id="maps-tab-1" class="tabs__item mt-2 is-active">
<div class="google-map flex-center">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3717.57736294387!2d39.271791799999995!3d21.288190899999996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x15c3b555a6854363%3A0x4b4bc4a0074885fd!2z2YLZiNipINin2YTYr9ix2KfYrNipINio2KfZiNixINiz2KjZiNix2Kog2YTZhNiv2LHYp9is2KfYqiDYp9mE2YbYp9ix2YrYqSDZiNin2YPYs9iz2YjYp9ix2KrZh9inINmI2YLYt9i5INi62YrYp9ix2YfYpyDZiNi12YrYp9mG2KrZh9in!5e0!3m2!1sar!2ssa!4v1717320485455!5m2!1sar!2ssa" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</div>
</div>
</div></section>