@extends('layout.mainlayout')

@section('content')
<style>
    .sec-tabs .tab-btn {
        margin-right: 0rem;
    }
    .owl-item{
      width: 60vw !important;
    }
    .splide__track--draggable{
      padding: 0 !important;
    }
    .owl-nav.disabled, .owl-dots.disabled{
      display: none !important;
    }
    .owl-stage{
      width: 100% !important;
    }
    .slider.owl-loaded.owl-drag{
      text-align: -webkit-center;
    }
    .splide__slide img{
        filter: grayscale(0%) !important;
    }
    .our-whatsapp{
        cursor: pointer;
        width: 180px;
        height: 48px;
        display: flex;
        color: white;
        align-items: center;
        justify-content: center;
        background: linear-gradient(93.38deg, #7CC242 -22.45%, #7CC242 -22.44%, #4CAF50 54.24%);
        box-shadow: 0px 8px 34px rgb(0 0 0 / 5%);
        border-radius: 25px;
    }
    .reservation-text{
        font-style: normal;
        font-weight: bold;
        font-size: 17px;
        line-height: 160%;
        color: #022C3C;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }
    
    .visit-text{
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 170%;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #0E133C;
        flex: none;
        order: 0;
        flex-grow: 0;
        text-transform: uppercase;
    }
    .visit-nearest{
        cursor: pointer;
        width: 259px;
        height: 48px;
        display: flex;
        color: white;
        align-items: center;
        justify-content: center;
        background: linear-gradient(93.38deg, #15BEFC -22.45%, #1E93D5 109.02%);
        box-shadow: 0px 8px 34px rgb(0 0 0 / 5%);
        border-radius: 25px;
    }
    .whatsapp:hover{
        text-decoration: none;
    }
    .partners-sec .sec-title::before{
        display:none;
    }
    .sec-title .icon{
        margin-left:0px;
    }
    .t-center li a{
            direction: ltr;
        }
    @media (max-width: 500px) {
        .t-center{
            text-align:center;
        }
        .whatsapp{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .t-center li{
            justify-content:center;
           
        }
        .t-center li a{
            direction: ltr;
            width:122px;
        }
    }
</style>
    <main class="page-main">
        <!-- Start Breadcrubms Section -->
        @if(!empty($profile))
            <section class="new-sec banner-sec">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 clm">
                            <div class="banner-content">
                                <h1 class="banner-title">
                                    {{app('translator')->getLocale() == "en" ? $profile->BANNER_TITLE_EN:$profile->BANNER_TITLE_AR}}
                                </h1>
                                <p class="banner-text">
                                    {{app('translator')->getLocale() == "en" ? $profile->BANNER_DESC_EN:$profile->BANNER_DESC_AR}}
                                </p>

                            </div>
                        </div>
                        <div class="col-md-6 clm">
                            <div class="banner-img">
                                <img src="{{$profile->BANNER_IMG_URL}}" alt="Blazma">
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section class="new-sec partners-sec ">
        <div class="container" style="margin-top: 60px;">
            <div id="slide-offers" class="row splide">
                <div class="col-lg-3 clm t-center">
                <div style="padding-top: 27px;">
                <div class="sec-header">
                  <h2 class="title">{{trans('web.faour')}} <span style="color:{{$profile->COLOR}};font-weight: bold;">{{trans('web.faoffers')}}</span></h2>
                </div>
                <h6 class="subtitle reservation-text" style="margin-bottom:20px;">{{trans('web.fareservations')}}:</h6>
                <ul class="footer-links">
                            <p class="visit-text" style="font-weight: 600;font-size: 14px;line-height: 170%;"> {{trans('web.faour_phone_number')}} </p>
                            <li style="margin-bottom:20px;display:flex;"><i class="fas fa-phone" style="margin-top: 4px;margin-right:10px;margin-left:10px; color:{{$profile->EXTRA_COLOR}};"></i><a href="mailto:{{$profile->PHONE_NUMBER}}" style="font-size: 15px"> {{$profile->PHONE_NUMBER}}</a></li>
                            <p class="visit-text" style="font-weight: 600;font-size: 14px;line-height: 170%;"> {{trans('web.faour_whatsapp')}} </p>
                            <a class="whatsapp" href="https://api.whatsapp.com/send?phone={{$profile->WHATSAPP_NUMBER}}" style="font-size: 15px"><p class="our-whatsapp"><i class="fab fa-whatsapp" style="margin-right: 12px;margin-left: 12px;font-size: 32px;"></i>{{trans('web.fawhatsapp')}}</p></a>
                </ul>
                <h6 class="subtitle visit-text" style="margin-bottom:20px;">{{trans('web.fanearst_branch')}}</h6>
                <a class="whatsapp" href="#branches" style="font-size: 15px"><p class="visit-nearest">{{trans('web.bfanearest_branch')}} </p></a>

              </div>
                </div>
                <div class="col-lg-9  sec-slider">
                    <div>
                        <div class="splide__track">
                            <div class="splide__list">

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="img/f-offers-3.jpeg" alt="Offer 3">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="img/f-offers-2.jpeg"
                                            alt="Offer 2">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="img/f-offers-1.jpeg"
                                            alt="Offer 1">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="sec-title">
                        
                        <div class="splide__arrows splide__arrows--ltr">
                            <button class="splide__arrow splide__arrow--next" type="button" aria-label="Previous slide"
                                aria-controls="splide01-track">
                                <span class="icon">@if(!empty(app('translator')->getLocale()) && app('translator')->getLocale() == 'ar') &#10230;@else &#10229;@endif</span>
                            </button>
                            <button class="splide__arrow splide__arrow--prev" type="button"
                                aria-label="Next slide" aria-controls="splide01-track">
                                <span class="icon">@if(!empty(app('translator')->getLocale()) && app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
            <section class="new-sec breadcrumbs-sec">
                <div class="container">
                    <h3 class="page-title">{{trans("web.our_branches")}}</h3>
                    <i class="ri-arrow-down-s-line icon"></i>
                </div>
            </section>
    @endif
        <!-- End Breadcrubms Section -->
        <!-- Start Search Form -->
        <!-- End Search Form -->
        <!-- Start Companies Section -->
        <section id="branches" class="new-sec companies-sec">
            <div class="container">
                <div class="sec-tabs">
                    <button class="btn tab-btn web-providers-cities {{ empty(app('request')->input('city_id')) ? 'active' : ''}}" value="">{{trans('web.all')}}</button>
                    <button class="btn tab-btn web-providers-cities {{ app('request')->input('city_id') == 1 ? 'active' : ''}}" value="1">@if(app('translator')->getLocale() == "ar") منطقة الرياض @else RIYADH REGION @endif</button>
                    <button class="btn tab-btn web-providers-cities {{ app('request')->input('city_id') == 2 ? 'active' : ''}}" value="2">@if(app('translator')->getLocale() == "ar") المنطقة الشرقية @else EASTERN REGION @endif</button>
                    <button class="btn tab-btn web-providers-cities {{ app('request')->input('city_id') == 3 ? 'active' : ''}}" value="3">@if(app('translator')->getLocale() == "ar") المنطقة الغربية @else WESTERN REGION @endif</button>
                    <button class="btn tab-btn web-providers-cities {{ app('request')->input('city_id') == 4 ? 'active' : ''}}" value="4">@if(app('translator')->getLocale() == "ar") المنطقة الغربية @else SOUTHERN REGION @endif</button>
                    <button class="btn tab-btn web-providers-cities {{ app('request')->input('city_id') == 5 ? 'active' : ''}}" value="5">@if(app('translator')->getLocale() == "ar") المنطقة الشمالية @else NORTHERN REGION @endif</button>
                    <button class="btn tab-btn web-providers-cities {{ app('request')->input('city_id') == 6 ? 'active' : ''}}" value="6">@if(app('translator')->getLocale() == "ar") منطقة القصيم @else AL-QASSIM REGION @endif</button>
                </div>
                <div class="companies">
                    <div class="row">
                        @if(empty(app('request')->input('city_id')) || app('request')->input('city_id') == 1)
                            <div class="col-sm-6 col-lg-4">
                                <div class="single-box">
                                    <div class="box-image">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                    </div>
                                    <div class="box-info">
                                        <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place//data=!4m2!3m1!1s0x3e2efd638f121fab:0xa7a276b40fefda1c?source=g.page.share">@if(app('translator')->getLocale() == "ar")حي المرسلات@else Al-Mursalat Branch @endif</a></h3>
                                        <p class="location" style="display: flow-root;">
                                            <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar") طريق ابي بكر الصديق, المرسلات, الرياض @else Abu Baker alsiddiq, Al Mursilat, Riyadh @endif<br></span>
                                        </p>
                                        <a href="https://www.google.com/maps/place//data=!4m2!3m1!1s0x3e2efd638f121fab:0xa7a276b40fefda1c?source=g.page.share" class="btn more-btn">
                                            {{trans('web.open_maps')}}
                                            <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                        </a>
                                    </div>
                                </div>
                            </div>

                        <div class="col-sm-6 col-lg-4">
                            <div class="single-box">
                                <div class="box-image">
                                    <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                </div>
                                <div class="box-info">
                                    <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/24%C2%B049'22.7%22N+46%C2%B039'04.5%22E/@24.8229722,46.6534387,17z/data=!3m1!4b1!4m5!3m4!1s0x0:0x0!8m2!3d24.8229692!4d46.6512495?hl=ar">@if(app('translator')->getLocale() == "ar")فرع انس ابن مالك@else Anas Bin Malek Branch @endif</a></h3>
                                    <p class="location" style="display: flow-root;">
                                        <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar") الياسمين, الرياض @else Alyasmeen, Riyadh @endif<br></span>
                                    </p>
                                    <a href="https://www.google.com/maps/place/24%C2%B049'22.7%22N+46%C2%B039'04.5%22E/@24.8229722,46.6534387,17z/data=!3m1!4b1!4m5!3m4!1s0x0:0x0!8m2!3d24.8229692!4d46.6512495?hl=ar" class="btn more-btn">
                                        {{trans('web.open_maps')}}
                                        <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6 col-lg-4">
                            <div class="single-box">
                                <div class="box-image">
                                    <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                </div>
                                <div class="box-info">
                                    <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place//data=!4m2!3m1!1s0x3e2f03241da0d54d:0x5ee37a3eaf1563c5?source=g.page.share">@if(app('translator')->getLocale() == "ar")فرع العليا@else Olaya Branch @endif</a></h3>
                                    <p class="location" style="display: flow-root;">
                                        <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar") شارع موسى بن نصير، العليا, الرياض @else Musa Ibn Nusair St, Olaya, Riyadh @endif<br></span>
                                    </p>
                                    <a href="https://www.google.com/maps/place//data=!4m2!3m1!1s0x3e2f03241da0d54d:0x5ee37a3eaf1563c5?source=g.page.share" class="btn more-btn">
                                        {{trans('web.open_maps')}}
                                        <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6 col-lg-4">
                            <div class="single-box">
                                <div class="box-image">
                                    <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                </div>
                                <div class="box-info">
                                    <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A+%D8%A7%D9%84%D9%86%D8%B3%D9%8A%D9%85%E2%80%AD/@24.7354938,46.7022451,12z/data=!4m6!3m5!1s0x3e2fa96ab0ea1293:0xa151ac73e2716bc1!8m2!3d24.7147777!4d46.8473393!15sCijZhdiu2KrYqNixINin2YTZgdin2LHYp9io2Yog2KfZhNmG2LPZitmFkgELbWVkaWNhbF9sYWI?shorturl=1">@if(app('translator')->getLocale() == "ar")فرع النسيم الشرقي@else Al-Nasim Ash Sharqi Branch @endif</a></h3>
                                    <p class="location" style="display: flow-root;">
                                        <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")شارع حسان بن ثابت، النسيم الشرقي، الرياض @else Hassan Ibn Thabet, An Nasim Ash Sharqi, Riyadh @endif<br></span>
                                    </p>
                                    <a href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A+%D8%A7%D9%84%D9%86%D8%B3%D9%8A%D9%85%E2%80%AD/@24.7354938,46.7022451,12z/data=!4m6!3m5!1s0x3e2fa96ab0ea1293:0xa151ac73e2716bc1!8m2!3d24.7147777!4d46.8473393!15sCijZhdiu2KrYqNixINin2YTZgdin2LHYp9io2Yog2KfZhNmG2LPZitmFkgELbWVkaWNhbF9sYWI?shorturl=1" class="btn more-btn">
                                        {{trans('web.open_maps')}}
                                        <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6 col-lg-4">
                            <div class="single-box">
                                <div class="box-image">
                                    <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                </div>
                                <div class="box-info">
                                    <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/24%C2%B032'30.8%22N+46%C2%B041'26.0%22E/@24.541898,46.6927425,17z/data=!3m1!4b1!4m5!3m4!1s0x0:0x0!8m2!3d24.541898!4d46.6905538?hl=ar&shorturl=1">@if(app('translator')->getLocale() == "ar")فرع الشفا@else Al-Shifa Branch @endif</a></h3>
                                    <p class="location" style="display: flow-root;">
                                        <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")طريق ابن تيمية، المروة، الرياض @else Ibn Taymeeyah Rd, Al Marwah, Riyadh @endif<br></span>
                                    </p>
                                    <a href="https://www.google.com/maps/place/24%C2%B032'30.8%22N+46%C2%B041'26.0%22E/@24.541898,46.6927425,17z/data=!3m1!4b1!4m5!3m4!1s0x0:0x0!8m2!3d24.541898!4d46.6905538?hl=ar&shorturl=1" class="btn more-btn">
                                        {{trans('web.open_maps')}}
                                        <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6 col-lg-4">
                            <div class="single-box">
                                <div class="box-image">
                                    <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                </div>
                                <div class="box-info">
                                    <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/24%C2%B037'32.5%22N+46%C2%B033'14.8%22E/@24.6256944,46.5541111,17z/data=!3m1!4b1!4m4!3m3!8m2!3d24.6256944!4d46.5541111">@if(app('translator')->getLocale() == "ar")فرع لبن@else Laban Branch @endif</a></h3>
                                    <p class="location" style="display: flow-root;">
                                        <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")ظهرة لبن، الرياض @else Dhahrat Laban, Riyadh @endif<br></span>
                                    </p>
                                    <a href="https://www.google.com/maps/place/24%C2%B037'32.5%22N+46%C2%B033'14.8%22E/@24.6256944,46.5541111,17z/data=!3m1!4b1!4m4!3m3!8m2!3d24.6256944!4d46.5541111" class="btn more-btn">
                                        {{trans('web.open_maps')}}
                                        <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6 col-lg-4">
                            <div class="single-box">
                                <div class="box-image">
                                    <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                </div>
                                <div class="box-info">
                                    <h3><a class="company-name" style="color: black" href="https://www.google.com/maps?q=25.9137863,45.3737008&hl=ar-SA&gl=sa&entry=gps&lucs=s2se,a1&shorturl=1">@if(app('translator')->getLocale() == "ar")فرع المجمعة@else Al-Majmaah Branch @endif</a></h3>
                                    <p class="location" style="display: flow-root;">
                                        <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")طريق الأمير سلطان، المطار، المجمعة @else Prince Sultan Rd, Al Matar, Al Majmaah @endif<br></span>
                                    </p>
                                    <a href="https://www.google.com/maps?q=25.9137863,45.3737008&hl=ar-SA&gl=sa&entry=gps&lucs=s2se,a1&shorturl=1" class="btn more-btn">
                                        {{trans('web.open_maps')}}
                                        <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6 col-lg-4">
                            <div class="single-box">
                                <div class="box-image">
                                    <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                </div>
                                <div class="box-info">
                                    <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/24%C2%B035'31.6%22N+46%C2%B037'46.2%22E/@24.592102,46.629501,17z/data=!3m1!4b1!4m6!3m5!1s0!7e2!8m2!3d24.5921021!4d46.6295013">@if(app('translator')->getLocale() == "ar")فرع البديعه@else Budaiya Branch @endif</a></h3>
                                    <p class="location" style="display: flow-root;">
                                        <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")طريق المدينة المنورة، ظهرة البديعة، الرياض @else Al Madina Al Munawwarah Rd, Dhahrat Al Badi'ah, Riyadh @endif<br></span>
                                    </p>
                                    <a href="https://www.google.com/maps/place/24%C2%B035'31.6%22N+46%C2%B037'46.2%22E/@24.592102,46.629501,17z/data=!3m1!4b1!4m6!3m5!1s0!7e2!8m2!3d24.5921021!4d46.6295013" class="btn more-btn">
                                        {{trans('web.open_maps')}}
                                        <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6 col-lg-4">
                            <div class="single-box">
                                <div class="box-image">
                                    <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                </div>
                                <div class="box-info">
                                    <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/24%C2%B009'00.6%22N+47%C2%B018'53.7%22E/@24.1501617,47.3127184,17z/data=!3m1!4b1!4m4!3m3!8m2!3d24.1501617!4d47.3149071?q=24.1501617431641,47.3149070739746&coh=164777&entry=tt&shorturl=1">@if(app('translator')->getLocale() == "ar")فرع الخرج@else Al-Kharj Branch @endif</a></h3>
                                    <p class="location" style="display: flow-root;">
                                        <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")السلام، الخرج @else Al Hameid, Al Salam, Al-Kharj @endif<br></span>
                                    </p>
                                    <a href="https://www.google.com/maps/place/24%C2%B009'00.6%22N+47%C2%B018'53.7%22E/@24.1501617,47.3127184,17z/data=!3m1!4b1!4m4!3m3!8m2!3d24.1501617!4d47.3149071?q=24.1501617431641,47.3149070739746&coh=164777&entry=tt&shorturl=1" class="btn more-btn">
                                        {{trans('web.open_maps')}}
                                        <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        @endif
                        @if(empty(app('request')->input('city_id')) || app('request')->input('city_id') == 2)
                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A,+Al+Khalidiyah,+Hafar+Al+Batin+39953,+Saudi+Arabia%E2%80%AD/@28.418724,45.9544294,17z/data=!3m1!4b1!4m6!3m5!1s0x3fd740935f2b71c9:0x7751d16f7cbb8018!8m2!3d28.4187193!4d45.9566234!16s%2Fg%2F113f9ys_5">@if(app('translator')->getLocale() == "ar")فرع حفر الباطن@else Hafr Al-Baten Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")الخالدية، حفر الباطن @else Al Khalidiyah, Hafar Al Batin, Saudi Arabia @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A,+Al+Khalidiyah,+Hafar+Al+Batin+39953,+Saudi+Arabia%E2%80%AD/@28.418724,45.9544294,17z/data=!3m1!4b1!4m6!3m5!1s0x3fd740935f2b71c9:0x7751d16f7cbb8018!8m2!3d28.4187193!4d45.9566234!16s%2Fg%2F113f9ys_5" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A+%D8%A8%D8%A7%D9%84%D9%82%D8%B7%D9%8A%D9%81%E2%80%AD/@26.5306522,50.0283194,17z/data=!3m1!4b1!4m5!3m4!1s0x3e4a01c5037dd3dd:0xbd1fd722f6bf8911!8m2!3d26.5306474!4d50.0305081?shorturl=1">@if(app('translator')->getLocale() == "ar")فرع القطيف@else Al-Qutaif Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")المحار، عنك @else Al Mahar, Anak @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A+%D8%A8%D8%A7%D9%84%D9%82%D8%B7%D9%8A%D9%81%E2%80%AD/@26.5306522,50.0283194,17z/data=!3m1!4b1!4m5!3m4!1s0x3e4a01c5037dd3dd:0xbd1fd722f6bf8911!8m2!3d26.5306474!4d50.0305081?shorturl=1" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A%E2%80%AD/@25.3842625,49.5438615,17z/data=!3m1!4b1!4m5!3m4!1s0x3e37974111f336ff:0x763cedc61032f4b5!8m2!3d25.3842577!4d49.5460502?shorturl=1">@if(app('translator')->getLocale() == "ar")فرع الاحساء@else Al-Hassa Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")بجانب أسواق القرية الشعبية، المبرز @else Al Mubarraz 36421 @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A%E2%80%AD/@25.3842625,49.5438615,17z/data=!3m1!4b1!4m5!3m4!1s0x3e37974111f336ff:0x763cedc61032f4b5!8m2!3d25.3842577!4d49.5460502?shorturl=1" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/26%C2%B027'28.4%22N+50%C2%B003'41.6%22E/@26.45788,50.0593733,17z/data=!3m1!4b1!4m5!3m4!1s0x0:0x3435596ed7d6afb6!8m2!3d26.45788!4d50.061562?hl=en-US">@if(app('translator')->getLocale() == "ar")فرع الدمام@else Al-Dammam Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")طريق الأمير نايف بن عبدالعزيز، المحمدية، الدمام@else طريق الأمير نايف بن عبدالعزيز، المحمدية @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/26%C2%B027'28.4%22N+50%C2%B003'41.6%22E/@26.45788,50.0593733,17z/data=!3m1!4b1!4m5!3m4!1s0x0:0x3435596ed7d6afb6!8m2!3d26.45788!4d50.061562?hl=en-US" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/26%C2%B017'29.5%22N+50%C2%B011'53.0%22E/@26.291534,50.1958553,17z/data=!3m1!4b1!4m5!3m4!1s0x0:0x9f495066e0fbbb82!8m2!3d26.291534!4d50.198044?hl=en-US">@if(app('translator')->getLocale() == "ar")فرع الخبر@else Al-Khobar Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")الشارع العاشر، العقربية، الخبر @else 10th St, Al Aqrabiyah, Al Khobar  @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/26%C2%B017'29.5%22N+50%C2%B011'53.0%22E/@26.291534,50.1958553,17z/data=!3m1!4b1!4m5!3m4!1s0x0:0x9f495066e0fbbb82!8m2!3d26.291534!4d50.198044?hl=en-US" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps?q=27.002038955688477,49.649559020996094&z=17&hl=en">@if(app('translator')->getLocale() == "ar")فرع الجبيل@else Al-Jubail Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")طريق الامير مشهور، الجبيل @else Price Mashour Rd., Al-Jubail @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps?q=27.002038955688477,49.649559020996094&z=17&hl=en" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps?q=28.46015167236328,48.48672866821289&z=17&hl=en">@if(app('translator')->getLocale() == "ar")فرع الخفجي@else Al-Khafji Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")حي الفيحاء، الخفجي @else Al Fayhaa District, Al-Khafji @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps?q=28.46015167236328,48.48672866821289&z=17&hl=en" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                        @endif
                            @if(empty(app('request')->input('city_id')) || app('request')->input('city_id') == 3)
                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://goo.gl/maps/H44HWF9WyNHXinaV7">@if(app('translator')->getLocale() == "ar")فرع جده شارع فلسطين@else Jeddah - Palestine Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")شارع فلسطين، الحمراء، جدة @else Palestine, Al-Hamra'a, Jeddah @endif<br></span>
                                            </p>
                                            <a href="https://goo.gl/maps/H44HWF9WyNHXinaV7" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/21%C2%B045'15.9%22N+39%C2%B012'27.0%22E/@21.7544079,39.2096968,17z/data=!3m1!4b1!4m5!3m4!1s0x0:0x0!8m2!3d21.7544079!4d39.2075081?q=21.75440788269043,39.2075080871582&z=17&hl=ar&shorturl=1">@if(app('translator')->getLocale() == "ar")فرع جده الحمدانيه@else Jeddah - Hamadaniah Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")شارع ياسر بن عامر الكناني، الفلاح، جدة @else Al Falah, Jeddah @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/21%C2%B045'15.9%22N+39%C2%B012'27.0%22E/@21.7544079,39.2096968,17z/data=!3m1!4b1!4m5!3m4!1s0x0:0x0!8m2!3d21.7544079!4d39.2075081?q=21.75440788269043,39.2075080871582&z=17&hl=ar&shorturl=1" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href=https://www.google.com/maps/place/Al+Farabi+Medical+Laboratories/@19.1505108,41.0772741,17z/data=!3m1!4b1!4m6!3m5!1s0x15e68e352a0dbba7:0xae0c5898389096a2!8m2!3d19.1505057!4d41.0794681!16s%2Fg%2F11fxb7y5jz">@if(app('translator')->getLocale() == "ar")فرع مكة@else Mecca Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")الخالدية، القنفذة @else Alkhaldiyah, Al Qunfudhah  @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/Al+Farabi+Medical+Laboratories/@19.1505108,41.0772741,17z/data=!3m1!4b1!4m6!3m5!1s0x15e68e352a0dbba7:0xae0c5898389096a2!8m2!3d19.1505057!4d41.0794681!16s%2Fg%2F11fxb7y5jz" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1%D8%A7%D8%AA+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A%D8%A9%E2%80%AD/@24.4889745,39.63744,17z/data=!4m5!3m4!1s0x15bdbfd88c12c4e5:0x2edf73d591a1d3fe!8m2!3d24.4889745!4d39.6352513">@if(app('translator')->getLocale() == "ar")فرع المدينة@else Almadinah Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")بني حارثة، المدينة المنورة @else  Al Amir Muhammad Ibn Abdul Aziz, Al Madinah Al Munawwarah @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1%D8%A7%D8%AA+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A%D8%A9%E2%80%AD/@24.4889745,39.63744,17z/data=!4m5!3m4!1s0x15bdbfd88c12c4e5:0x2edf73d591a1d3fe!8m2!3d24.4889745!4d39.6352513" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps?q=26.606292724609375,37.928321838378906&z=17&hl=en">@if(app('translator')->getLocale() == "ar")فرع العلا@else Al-Ula Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")خالد بن الوليد,، العلا @else Al Sukhayrat, Al Ula @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps?q=26.606292724609375,37.928321838378906&z=17&hl=en" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A+%D8%A8%D9%8A%D9%86%D8%A8%D8%B9+ALFARABI+MEDICAL+LAB+YANBU%E2%80%AD/@24.1092761,38.054487,17z/data=!3m1!4b1!4m5!3m4!1s0x15b90936d4dd5a79:0xb8685177cd71275d!8m2!3d24.1092658!4d38.0544922?hl=en-US">@if(app('translator')->getLocale() == "ar")فرع ينبع@else Yanbu Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")المشهد، ينبع@else Al Mashhad, Yanbu @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A+%D8%A8%D9%8A%D9%86%D8%A8%D8%B9+ALFARABI+MEDICAL+LAB+YANBU%E2%80%AD/@24.1092761,38.054487,17z/data=!3m1!4b1!4m5!3m4!1s0x15b90936d4dd5a79:0xb8685177cd71275d!8m2!3d24.1092658!4d38.0544922?hl=en-US" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://maps.app.goo.gl/vj7zVem5eqQ4AETx7?g_st=iw">@if(app('translator')->getLocale() == "ar")فرع مكه الشرائع@else Mecca - Shara'i` Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")الفردوس، الشرائع، مكة المكرمة @else Al Firdaous, Ash Shara'i`, Mecca @endif<br></span>
                                            </p>
                                            <a href="https://maps.app.goo.gl/vj7zVem5eqQ4AETx7?g_st=iw" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://maps.google.com?q=J62J+MVH%20Al%20Farabi%20Medical%20%D9%85%D8%AE%D8%AA%D8%A8%D8%B1%20%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A%20%D8%A7%D9%84%D8%B7%D8%A8%D9%8A%20%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B1%20%D8%AC%D8%AF%D8%A9,%20Al-Manar,%20Jeddah%2023463&ftid=0x15c3d1e1dd578709:0x8d7f29d375f0d0ef&hl=en-US&gl=us">@if(app('translator')->getLocale() == "ar")فرع جده السامر@else Jeddah - AlSamer Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")المنار, جدة @else Al Mannar, Jeddah @endif<br></span>
                                            </p>
                                            <a href="https://maps.google.com?q=J62J+MVH%20Al%20Farabi%20Medical%20%D9%85%D8%AE%D8%AA%D8%A8%D8%B1%20%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A%20%D8%A7%D9%84%D8%B7%D8%A8%D9%8A%20%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B1%20%D8%AC%D8%AF%D8%A9,%20Al-Manar,%20Jeddah%2023463&ftid=0x15c3d1e1dd578709:0x8d7f29d375f0d0ef&hl=en-US&gl=us" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1%D8%A7%D8%AA+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A%D8%A9%E2%80%AD/@24.4889745,39.63744,17z/data=!4m5!3m4!1s0x15bdbfd88c12c4e5:0x2edf73d591a1d3fe!8m2!3d24.4889745!4d39.6352513">@if(app('translator')->getLocale() == "ar")فرع الطايف@else Al-Ta'ef Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")بني حارثة، المدينة المنورة @else Al Amir Muhammad Ibn Abdul Aziz, Bani Harithah @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1%D8%A7%D8%AA+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A%D8%A9%E2%80%AD/@24.4889745,39.63744,17z/data=!4m5!3m4!1s0x15bdbfd88c12c4e5:0x2edf73d591a1d3fe!8m2!3d24.4889745!4d39.6352513" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                            @endif

                            @if(empty(app('request')->input('city_id')) || app('request')->input('city_id') == 4)
                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A%E2%80%AD/@16.9295488,42.5510807,17z/data=!3m1!4b1!4m5!3m4!1s0x1607fd5fad090f23:0xdefcef5e59df7814!8m2!3d16.9295437!4d42.5532694?shorturl=1&lightbox=c3e9a330-478e-4349-801b-3c626f94d7ec">@if(app('translator')->getLocale() == "ar") فرع جيزان @else Jazan Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")  الشاطيء، جازان 82811 @else Ash Shati, Jazan 82811 @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A%E2%80%AD/@16.9295488,42.5510807,17z/data=!3m1!4b1!4m5!3m4!1s0x1607fd5fad090f23:0xdefcef5e59df7814!8m2!3d16.9295437!4d42.5532694?shorturl=1&lightbox=c3e9a330-478e-4349-801b-3c626f94d7ec" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A%E2%80%AD/@17.5524335,44.2190238,17z/data=!3m1!4b1!4m6!3m5!1s0x15fec30328d16dfd:0x52bc0fb4a5fcd3dc!8m2!3d17.5524335!4d44.2190238!16s%2Fg%2F11f2sgsn3x">@if(app('translator')->getLocale() == "ar") فرع نجران @else Najran Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")  شارع الملك خالد، المخيم، نجران 66251 @else  Al Mukhayyam District, Najran 66251 @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A%E2%80%AD/@17.5524335,44.2190238,17z/data=!3m1!4b1!4m6!3m5!1s0x15fec30328d16dfd:0x52bc0fb4a5fcd3dc!8m2!3d17.5524335!4d44.2190238!16s%2Fg%2F11f2sgsn3x" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/%D8%B7%D8%B1%D9%8A%D9%82+%D8%A7%D9%84%D8%A7%D9%85%D9%8A%D8%B1+%D8%B3%D9%84%D8%B7%D8%A7%D9%86+84712%E2%80%AD/@16.9617367,42.8286819,17z/data=!4m5!3m4!1s0x1607f505f0288c35:0x2b9f6e517cbb6171!8m2!3d16.9612195!4d42.8241786?hl=ar&shorturl=1&lightbox=c3e9a330-478e-4349-801b-3c626f94d7ec">@if(app('translator')->getLocale() == "ar") فرع أبو عريش @else Abu Areesh Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar") طريق الامير سلطان، أبو عريش 84712 @else Princess Sultan Road, Abu Areesh  84712 @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/%D8%B7%D8%B1%D9%8A%D9%82+%D8%A7%D9%84%D8%A7%D9%85%D9%8A%D8%B1+%D8%B3%D9%84%D8%B7%D8%A7%D9%86+84712%E2%80%AD/@16.9617367,42.8286819,17z/data=!4m5!3m4!1s0x1607f505f0288c35:0x2b9f6e517cbb6171!8m2!3d16.9612195!4d42.8241786?hl=ar&shorturl=1&lightbox=c3e9a330-478e-4349-801b-3c626f94d7ec" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A+%D8%B4%D8%B1%D9%88%D8%B1%D8%A9%E2%80%AD/@17.4770632,47.1069713,17z/data=!3m1!4b1!4m5!3m4!1s0x3e07b7c61c7cf961:0x412cc16de4484c66!8m2!3d17.4770581!4d47.10916?shorturl=1&lightbox=c3e9a330-478e-4349-801b-3c626f94d7ec">@if(app('translator')->getLocale() == "ar") فرع شرورة @else Sharora Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar") 3363 بجانب سوق سارة التجاري @else Al Souq, Sharorah 68372 @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A+%D8%B4%D8%B1%D9%88%D8%B1%D8%A9%E2%80%AD/@17.4770632,47.1069713,17z/data=!3m1!4b1!4m5!3m4!1s0x3e07b7c61c7cf961:0x412cc16de4484c66!8m2!3d17.4770581!4d47.10916?shorturl=1&lightbox=c3e9a330-478e-4349-801b-3c626f94d7ec" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/Al+Farabi+Medical+Laboratories/@19.1505108,41.0772794,17z/data=!3m1!4b1!4m5!3m4!1s0x15e68e352a0dbba7:0xae0c5898389096a2!8m2!3d19.1505057!4d41.0794681?shorturl=1&lightbox=c3e9a330-478e-4349-801b-3c626f94d7ec">@if(app('translator')->getLocale() == "ar") فرع القنفذة @else Al Qunfudhah Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")  الخالدية، القنفذة 28821 @else Alkhaldiyah, Al Qunfudhah 28821 @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/Al+Farabi+Medical+Laboratories/@19.1505108,41.0772794,17z/data=!3m1!4b1!4m5!3m4!1s0x15e68e352a0dbba7:0xae0c5898389096a2!8m2!3d19.1505057!4d41.0794681?shorturl=1&lightbox=c3e9a330-478e-4349-801b-3c626f94d7ec" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/18%C2%B058'18.3%22N+41%C2%B019'16.0%22E/@18.9715346,41.3219836,18.71z/data=!4m4!3m3!8m2!3d18.9717464!4d41.3211021?hl=ar">@if(app('translator')->getLocale() == "ar") فرع القوز @else Al Qouz Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar") القوز 28829 @else Alqouz, 28829 @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/18%C2%B058'18.3%22N+41%C2%B019'16.0%22E/@18.9715346,41.3219836,18.71z/data=!4m4!3m3!8m2!3d18.9717464!4d41.3211021?hl=ar" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A+%D8%A8%D8%A7%D8%A8%D9%87%D8%A7%E2%80%AD/@18.2483565,42.5993948,17z/data=!3m1!4b1!4m6!3m5!1s0x15fcabc559a2cdbd:0x87fced430a7a33c6!8m2!3d18.2483565!4d42.5993948!16s%2Fg%2F11fmfz7d7d">@if(app('translator')->getLocale() == "ar") فرع أبها @else Abha Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")  المحالة، أبها 62561 @else Almahalah, Abha 62561 @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A+%D8%A8%D8%A7%D8%A8%D9%87%D8%A7%E2%80%AD/@18.2483565,42.5993948,17z/data=!3m1!4b1!4m6!3m5!1s0x15fcabc559a2cdbd:0x87fced430a7a33c6!8m2!3d18.2483565!4d42.5993948!16s%2Fg%2F11fmfz7d7d" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/20%C2%B001'15.7%22N+41%C2%B028'27.2%22E/@20.0210204,41.4764225,17z/data=!3m1!4b1!4m4!3m3!8m2!3d20.0210204!4d41.4742338?hl=ar">@if(app('translator')->getLocale() == "ar") فرع الباحة @else Al Baher Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar") طريق الملك فهد، الباهر، الباحة 65528 @else King Fahed Road, Albaher, 65528 @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/20%C2%B001'15.7%22N+41%C2%B028'27.2%22E/@20.0210204,41.4764225,17z/data=!3m1!4b1!4m4!3m3!8m2!3d20.0210204!4d41.4742338?hl=ar" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/19%C2%B047'17.2%22N+41%C2%B026'13.6%22E/@19.7881111,41.4371111,17z/data=!3m1!4b1!4m4!3m3!8m2!3d19.7881111!4d41.4371111?hl=en">@if(app('translator')->getLocale() == "ar") فرع المخواة  @else Al Makhwah Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar")المخواه 65311 @else Al Makhwah 65311 @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/19%C2%B047'17.2%22N+41%C2%B026'13.6%22E/@19.7881111,41.4371111,17z/data=!3m1!4b1!4m4!3m3!8m2!3d19.7881111!4d41.4371111?hl=en" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/Roshan+Mall+Alneghilah/@20.0238563,42.6107657,17z/data=!3m1!4b1!4m6!3m5!1s0x15f02bea143b8f33:0x8a7ce5496de1051c!8m2!3d20.0238563!4d42.6107657!16s%2Fg%2F11g86y6qvt?hl=en-US">@if(app('translator')->getLocale() == "ar") فرع بيشة @else Bisha Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar") النخيل، بيشة 67716 @else Al Nakhil, Bisha 67716 @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/Roshan+Mall+Alneghilah/@20.0238563,42.6107657,17z/data=!3m1!4b1!4m6!3m5!1s0x15f02bea143b8f33:0x8a7ce5496de1051c!8m2!3d20.0238563!4d42.6107657!16s%2Fg%2F11g86y6qvt?hl=en-US" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/19%C2%B051'56.7%22N+41%C2%B033'54.3%22E/@19.865736,41.5628939,17z/data=!3m1!4b1!4m4!3m3!8m2!3d19.865736!4d41.5650826?hl=en&lightbox=c3e9a330-478e-4349-801b-3c626f94d7ec">@if(app('translator')->getLocale() == "ar")فرع الجرشي @else Jurashi Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar") السراة, الجرشي 65622 @else  Baljurashi, Al Sarah 65622 @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/19%C2%B051'56.7%22N+41%C2%B033'54.3%22E/@19.865736,41.5628939,17z/data=!3m1!4b1!4m4!3m3!8m2!3d19.865736!4d41.5650826?hl=en&lightbox=c3e9a330-478e-4349-801b-3c626f94d7ec" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                            @endif
                            @if(empty(app('request')->input('city_id')) || app('request')->input('city_id') == 5)
                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1%D8%A7%D8%AA+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A%D8%A9%E2%80%AD/@28.3939557,36.5392723,17z/data=!3m1!4b1!4m5!3m4!1s0x15a9adcbabfdd1f9:0xe14e1e19af4ee322!8m2!3d28.3939818!4d36.5415021?shorturl=1&lightbox=c3e9a330-478e-4349-801b-3c626f94d7ec">@if(app('translator')->getLocale() == "ar")فرع تبوك @else Tabuk Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar") 8700 ابن المبارك، النهضة تبوك @else Nahdah, Tabuk 47915 @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1%D8%A7%D8%AA+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A%D8%A9%E2%80%AD/@28.3939557,36.5392723,17z/data=!3m1!4b1!4m5!3m4!1s0x15a9adcbabfdd1f9:0xe14e1e19af4ee322!8m2!3d28.3939818!4d36.5415021?shorturl=1&lightbox=c3e9a330-478e-4349-801b-3c626f94d7ec" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A+%D8%A8%D8%AD%D8%A7%D9%8A%D9%84%E2%80%AD/@27.5236046,41.6842981,17z/data=!3m1!4b1!4m6!3m5!1s0x1576472a6841fb11:0xe6b7b464b7256d4e!8m2!3d27.5236046!4d41.6842981!16s%2Fg%2F11hbsj7zbm">@if(app('translator')->getLocale() == "ar") فرع حائل @else Hail Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar") 7793، المحطة، حائل 55424 @else 7793, Al Mahattah, Hail 55424 @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A+%D8%A8%D8%AD%D8%A7%D9%8A%D9%84%E2%80%AD/@27.5236046,41.6842981,17z/data=!3m1!4b1!4m6!3m5!1s0x1576472a6841fb11:0xe6b7b464b7256d4e!8m2!3d27.5236046!4d41.6842981!16s%2Fg%2F11hbsj7zbm" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1%D8%A7%D8%AA+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A%D8%A9+%D8%B9%D8%B1%D8%B9%D8%B1%E2%80%AD/@27.7702164,39.37459,6z/data=!4m6!3m5!1s0x156c0feec3461585:0xcae04aae7888b4cf!8m2!3d30.9617786!4d41.0452743!16s%2Fg%2F11llhpslyd">@if(app('translator')->getLocale() == "ar") فرع عرعر @else Arar Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar") طريق الأمير فهد بن جلوي، حي الناصرية، عرعر 73241 @else Prince Fahd Bin Jalawi Rd, An Nasiriyah, Arar 73241 @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1%D8%A7%D8%AA+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A%D8%A9+%D8%B9%D8%B1%D8%B9%D8%B1%E2%80%AD/@27.7702164,39.37459,6z/data=!4m6!3m5!1s0x156c0feec3461585:0xcae04aae7888b4cf!8m2!3d30.9617786!4d41.0452743!16s%2Fg%2F11llhpslyd" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A+%D8%B3%D9%83%D8%A7%D9%83%D8%A7+%D8%A7%D9%84%D8%AC%D9%88%D9%81%E2%80%AD/@29.9287098,40.1939884,17z/data=!3m1!4b1!4m6!3m5!1s0x1572b9b367db561b:0x281186db280527c3!8m2!3d29.9287098!4d40.1939884!16s%2Fg%2F11h3ygn009">@if(app('translator')->getLocale() == "ar")فرع سكاكا @else Sakaka Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar") المحمدية، سكاكا 72346@else Almuhammadiyah (F), Sakaka 72346 @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A+%D8%B3%D9%83%D8%A7%D9%83%D8%A7+%D8%A7%D9%84%D8%AC%D9%88%D9%81%E2%80%AD/@29.9287098,40.1939884,17z/data=!3m1!4b1!4m6!3m5!1s0x1572b9b367db561b:0x281186db280527c3!8m2!3d29.9287098!4d40.1939884!16s%2Fg%2F11h3ygn009" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1%D8%A7%D8%AA+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A%D8%A9%E2%80%AD/@29.2829134,34.9374171,18.39z/data=!4m6!3m5!1s0x15aa996da8903ced:0xa0527dd582cbd67f!8m2!3d29.2832611!4d34.9374032!16s%2Fg%2F11hzrwss0b">@if(app('translator')->getLocale() == "ar") فرع حقل  @else Haql Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar") الظهرة, حقل 49938 @else Haql 49938 @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1%D8%A7%D8%AA+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A%D8%A9%E2%80%AD/@29.2829134,34.9374171,18.39z/data=!4m6!3m5!1s0x15aa996da8903ced:0xa0527dd582cbd67f!8m2!3d29.2832611!4d34.9374032!16s%2Fg%2F11hzrwss0b" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/AlFarabi+Medical+Labs/@31.3060876,37.3375674,17z/data=!3m1!4b1!4m6!3m5!1s0x151007fd75ea7ac3:0x10683706f1209a10!8m2!3d31.3060876!4d37.3375674!16s%2Fg%2F11rtwpj_sv">@if(app('translator')->getLocale() == "ar")فرع القريات @else Al Qurayyat Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar") طريق المدينة المنورة، الرفاع،،, الرفاع، القريات 77454 @else  Madinah Road, Ar Riffa, Al Qurayyat 77454 @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/AlFarabi+Medical+Labs/@31.3060876,37.3375674,17z/data=!3m1!4b1!4m6!3m5!1s0x151007fd75ea7ac3:0x10683706f1209a10!8m2!3d31.3060876!4d37.3375674!16s%2Fg%2F11rtwpj_sv" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            @endif
                            @if(empty(app('request')->input('city_id')) || app('request')->input('city_id') == 6)
                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1%D8%A7%D8%AA+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A%D8%A9+%D8%A8%D8%B1%D9%8A%D8%AF%D8%A9%E2%80%AD/@26.4092642,43.9309314,17z/data=!3m1!4b1!4m5!3m4!1s0x157f579636e8d821:0xfa4365632e83d867!8m2!3d26.4092642!4d43.9331201?shorturl=1&lightbox=c3e9a330-478e-4349-801b-3c626f94d7ec">@if(app('translator')->getLocale() == "ar")فرع بريدة @else Buraydah Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar") 7798, بريدة @else 7798, Buraydah @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1%D8%A7%D8%AA+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A%D8%A9+%D8%A8%D8%B1%D9%8A%D8%AF%D8%A9%E2%80%AD/@26.4092642,43.9309314,17z/data=!3m1!4b1!4m5!3m4!1s0x157f579636e8d821:0xfa4365632e83d867!8m2!3d26.4092642!4d43.9331201?shorturl=1&lightbox=c3e9a330-478e-4349-801b-3c626f94d7ec" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="">@if(app('translator')->getLocale() == "ar") فرع عنيزة @else Unaizah Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar") 4603 ,7383 عنيزة  @else 4603, 7383, Unayzah 56219 @endif<br></span>
                                            </p>
                                            <a href="" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-lg-4">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/hospital-images/website-logo-16773160763663.png" alt="Farabi Laboratories">
                                        </div>
                                        <div class="box-info">
                                            <h3><a class="company-name" style="color: black" href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1%D8%A7%D8%AA+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A%D8%A9+-+%D9%81%D8%B1%D8%B9+%D8%A7%D9%84%D8%B1%D8%B3%E2%80%AD/@25.8528292,44.0563456,9z/data=!4m6!3m5!1s0x1583cb29d0884d89:0xf36b92501d4c21b1!8m2!3d25.8528292!4d43.4982316!16s%2Fg%2F11tr_37xvl?hl=ar-SA">@if(app('translator')->getLocale() == "ar") فرع الرس @else AlRas Branch @endif</a></h3>
                                            <p class="location" style="display: flow-root;">
                                                <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar") ٣٩١٦، حي الروضة، شارع الجريف غرب، الرس @else 3916 Jareef Street, Rawdah Dist. , ALRas @endif<br></span>
                                            </p>
                                            <a href="https://www.google.com/maps/place/%D9%85%D8%AE%D8%AA%D8%A8%D8%B1%D8%A7%D8%AA+%D8%A7%D9%84%D9%81%D8%A7%D8%B1%D8%A7%D8%A8%D9%8A+%D8%A7%D9%84%D8%B7%D8%A8%D9%8A%D8%A9+-+%D9%81%D8%B1%D8%B9+%D8%A7%D9%84%D8%B1%D8%B3%E2%80%AD/@25.8528292,44.0563456,9z/data=!4m6!3m5!1s0x1583cb29d0884d89:0xf36b92501d4c21b1!8m2!3d25.8528292!4d43.4982316!16s%2Fg%2F11tr_37xvl?hl=ar-SA" class="btn more-btn">
                                                {{trans('web.open_maps')}}
                                                <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            @endif
                    </div>
                    <div class="btns">
                       {{-- <a href="#" class="btn more-btn">
                            Load more
                            <i class="ri-restart-line icon"></i>
                        </a>--}}
                    </div>
                </div>
            </div>
        </section>
        <!-- End Companies Section -->
        <!-- 
        <section class="new-sec cta-solutions-sec">
            <div class="container">
                <div class="sec-content">
                    <img src="img/solution-circles.png" alt="Circles">
                    <h5 class="subtitle">{{trans('web.we_will_offer')}}</h5>
                    <h3 class="sec-title">{{trans('web.lets_gets_to_know')}}</h3>
                    <p class="sec-desc">{{trans('web.contact_our_sales')}}</p>
                    <a href="/contact" class="btn cta-btn contact-btn-provider" style="min-inline-size: max-content;">
                        {{trans('web.contact_us')}}<span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                    </a>
                </div>
            </div>
        </section>
      End CTA Solution Section -->
    </main>

@endsection