@extends('layout.mainlayout')
@section('content')
    @php
        $locale = app('translator')->getLocale() ?? 'en';
            $currency_code = '<img src="/img/sar.svg" alt="SAR" style="height: 1em; width: auto; display: inline-block; vertical-align: middle;">';

            if (isset($global_symbol['from_website']) && $global_symbol['from_website']){
                if ($locale == 'en'){
                  if(isset($global_symbol['is_html']) && $global_symbol['is_html']){
                      $currency_code = '<img src="/img/sar.svg" alt="SAR" style="height: 1em; width: auto; display: inline-block; vertical-align: middle;">';
                  }elseif($global_symbol['currency']){
                      $currency_code = $global_symbol['currency_ar'];
                  }
                }else{
                   if(isset($global_symbol['is_html_ar']) && $global_symbol['is_html_ar']){
                      $currency_code = '<img src="/img/sar.svg" alt="SAR" style="height: 1em; width: auto; display: inline-block; vertical-align: middle;">';
                  }elseif($global_symbol['currency']){
                      $currency_code = $global_symbol['currency_ar'];
                  }
                }
            }
    @endphp
    <style>
        .page-link{
            background-color: unset !important;
            border: none !important;
            color: black !important;
        }
        .page-item:last-child .page-link{
            margin-top: -0.5rem !important;
            font-size: 2.3rem !important;
        }
        .page-item:first-child .page-link{
            margin-top: -0.5rem !important;
            font-size: 2.3rem !important;
        }
        .card-selected{
            background: var(--blazma-primary);
            color: white;
            border-radius: 25px;
        }

        .owl-nav {
            display: flex;
            justify-content: space-between;
        }

        .owl-prev {
            order: 2;
        }

        .owl-next {
            order: 1;
        }

        .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }

        html[dir="rtl"] .owl-carousel .owl-nav button.owl-prev {
            right: -30px;
            rotate: 180deg;
            left: auto;
            top: 0;
        }

        html[dir="rtl"] .owl-carousel .owl-nav button.owl-next {
            left: -30px;
            rotate: 180deg;
            right: auto;
            top: 0;
        }

        .owl-carousel .owl-nav button.owl-next,
        .owl-carousel .owl-nav button.owl-prev {
            position: absolute;
            top: 25px;
            transform: translateY(-50%);
        }

        .owl-carousel .owl-nav button.owl-prev {
            left: -30px;
        }

        .owl-carousel .owl-nav button.owl-next {
            right: -30px;
        }
        .owl-carousel .owl-item{
            min-width: 120px;
        }

        .owl-item .card{
            border: none;
            box-shadow: 0px 4px 20px 0px #0000000D;
            padding: 5px 20px 5px 20px;
            border-radius: 25px;
            white-space: nowrap;
        }
        .box-content .box-tag{
            color: #1C2129;
            font-size: 14px;
            text-transform: uppercase;
            margin-bottom: 0.7rem;
        }
        .box-tag{
            display: flex;
            justify-content: space-between;
            /*margin: 0 10px 10px 0;*/
        }
        .note i{
            font-size: 16px;
        }
        .tests-sec .single-box{
            min-height: 277px;
        }
        .tests-sec .single-box{
            border-radius: 25px;
        }
        .tests-sec .single-box:hover{
            border: 1px solid #DADADA;
        }
        .sec-footer{
            justify-content: center;
        }
        .tests-sec .single-box img{
            border-radius: 25px;
        }
    </style>
    <style>
        #module {
            /*width: 500px;*/
            width: 96%;
        }

        #module div.collapse[aria-expanded="false"] {
            display: block ;
            height: 50px !important;
            overflow: hidden ;
        }
        #module div.collapse.show{
            height: 100% !important;
        }
        #module div.collapsing[aria-expanded="false"] {
            height: 50px ;
        }

        #module a.collapsed:after  {
            content: '+ More';
        }

        #module a:not(.collapsed):after {
            content: '- Less';
        }
        .page-link{
            background-color: unset !important;
            border: none !important;
            color: black !important;
        }
        .page-item:last-child .page-link{
            margin-top: -0.5rem !important;
            font-size: 2.3rem !important;
        }
        .page-item:first-child .page-link{
            margin-top: -0.5rem !important;
            font-size: 2.3rem !important;
        }
        .anchor-single-box:hover{
            text-decoration: none;
        }

        @media (max-width: 768px) {
            .owl-carousel .owl-item{
                min-width: 0;
            }
        }

    </style>
    <style>

        .genetic-img {
            max-width: 100%;
            display: block;
            margin: 0 auto;
        }
        .btn.more-btn {
            color: #7C818A;
            padding: 5px 20px;
            border: 1px solid;
            border-radius: 3rem;
            font-weight: bold;
        }

        .text-section {
            font-size: 12px;
            margin-left: 3.5rem;
        }

        .text-section .title{
            padding: 0 0 1rem;
            font-weight: bold;
        }

        .text-section .subtitle{
            color: grey;
        }

        .title a{
            color: var(--blazma-primary);
        }

        .generic-test-row{
            padding: 0 0 4rem;
        }

    </style>
<!-- Page Main -->
<main class="page-main">
    <!-- Start Banner Section -->
    <section class="new-sec banner-sec">
        <div class="container">
            <div class="row">
                <div class="col-md-6 clm left">
                    <div class="banner-content">
                        <h1 class="banner-title">
                            {{trans("web.welcome")}} <span class="banner-title title-blazma" style="color:var(--blazma-primary);">{{trans("web.blazma")}}</span> {{trans("web.examination")}}
                        </h1>
                        <h4 class="banner-text-desc">{{trans("web.all_labs")}}</h4>
                        @include('partials.tabby-tamara-wrapper')
                </div>
                </div>
                <div class="col-md-6 clm right">
                    <div class="banner-img">
                        <img src="/img/Union.png" alt="Blazma">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Banner Section -->
     <!-- AI Section-->
     <section class="new-sec new-services mt-4">
        <div class="container">
            <div class="row card-contain">
                <a href="/itest" class="col-md-6 col-lg-3 service-card">
                        <img src="/img/Calque-1.png"/>
                        <p >{{trans('web.itests')}}</p>
                </a>
                <a href="/providers" class="col-md-6 col-lg-3 service-card">
                        <img src="/img/Calque-2.png"/>
                        <p >{{trans('web.packages')}}</p>
                </a>
                <a href="/providers" class="col-md-6 col-lg-3 service-card">
                        <img src="/img/Calque-4.png"/>
                        <p >{{trans('web.service_providers')}}</p>
                </a>
            </div>
        </div>
    </section>
    <!-- End AI Section-->
     <!-- AI Section-->
     <section class="new-sec app-sec home-section-v2 p-0">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <div class="content" style="padding: 3rem 0;">
                        <h3>{!! trans('web.availabe_now') !!}</h3>
                        <p>{{trans('web.download_blazma')}}</p>
                        <div class="sec-cta">
                            <a href="https://apps.apple.com/us/app/blazma/id1624378335" class="btn app-btn apple">
                                <img src="/img/apple-icon.png" alt="Apple App">
                                <div class="btn-content">
                                    <p class="btn-subtitle">{{trans('web.get_it_on')}}</p>
                                    <p class="btn-title">{{trans('web.app_store')}}</p>
                                </div>
                            </a>
                            <a href="https://play.google.com/store/apps/details?id=com.blazma.examination"
                                class="btn app-btn google">
                                <img src="img/google-play-icon.png" alt="Google Play App">
                                <div class="btn-content">
                                    <p class="btn-subtitle">{{trans('web.get_it_on')}}</p>
                                    <p class="btn-title">{{trans('web.google_play')}}</p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @if(false)
    <section id="genetics-tests" class="new-sec new-service-sec">
        <div class="container">
            <div class="sec-content genetic">
                <div class="text-center sec-header contain-genetic">
                    <h5 class="subtitle mb-2">{{trans("web.genetics_sub_title")}}</h5>
                    <h2 class="title">{{trans("web.genetics_title")}}</h2>
                </div>
                <div class="row">
                    <div class="col-lg-4">
                        <div class="single-blog d-flex min">
                            <div class="blog-content home-blog-content">
                                <div class="preefs">
                                    <img src="./img/NIPT.png" />
                                </div>
                                <h2 class="title"><a href="/8305/package-details?type=2">{{trans("web.genetics_card_one_title")}}</a></h2>
                                <p class="desc">{{trans("web.genetics_card_one_desc")}}</p>
                                <div class="blog-footer">
                                    <a href="/8305/package-details?type=2" class="btn more-btn">
                                        <span>{{trans('web.know_more')}}</span>
                                        <span class="icon">&#10230;</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-8">
                        <div class="d-flex justify-content-between right-sec">
                            <div class="single-blog d-flex min" style="width: 48%;">
                                <div class="blog-content home-blog-content">
                                    <div class="preefs">
                                        <img src="./img/np.png" style="height:120px;" />
                                    </div>
                                    <h2 class="title"><a href="/692/package-details?type=2">{{trans("web.genetics_card_second_title")}}</a></h2>
                                    <p class="desc">{{trans("web.genetics_card_second_desc")}}</p>
                                    <div class="blog-footer">
                                        <a href="/692/package-details?type=2" class="btn more-btn">
                                            <span>{{trans('web.know_more')}}</span>
                                            <span class="icon">&#10230;</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="single-blog d-flex min" style="width: 48%;">
                                <div class="blog-content home-blog-content">
                                    <div class="preefs">
                                        <img src="./img/fp.png" style="height:120px;" />
                                    </div>
                                    <h2 class="title"><a href="/4577/package-details?type=2">{{trans("web.genetics_card_third_title")}}</a></h2>
                                    <p class="desc">{{trans("web.genetics_card_third_desc")}}</p>
                                    <div class="blog-footer">
                                        <a href="/4577/package-details?type=2" class="btn more-btn">
                                            <span>{{trans('web.know_more')}}</span>
                                            <span class="icon">&#10230;</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="single-blog" style="min-height: 186px;">
                            <div class="blog-content home-blog-content d-flex" style="min-height: 190px;">
                                <div class="preefs" style="width:37%">
                                    <img src="./img/sp.png" style="height:137px;" />
                                </div>
                                <div style="width:63%;padding: 0px 19px;">
                                    <h2 class="title"><a href="/4220/package-details?type=2">{{trans("web.genetics_card_forth_title")}}</a></h2>
                                    <p class="desc" style="font-size:14px;">{{trans("web.genetics_card_forth_desc")}}</p>
                                    <div class="blog-footer">
                                        <a href="/4220/package-details?type=2" class="btn more-btn">
                                            <span>{{trans('web.know_more')}}</span>
                                            <span class="icon">&#10230;</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    @endif

    @include('home-visit-items')
    {{--<section id="genetics-tests" class="new-sec new-service-sec">
        <div class="container">
            <div class="row align-items-center generic-test-row">
                <div class="col-lg-6">
                    <img src="./img/NIPT.png" alt="Genetic Test Image" class="genetic-img">
                </div>

                <div class="col-lg-6">
                    <div class="text-section">
                        <h5 class="subtitle mb-2">{{trans("web.genetics_sub_title")}}</h5>
                        <h2 class="title">{{trans("web.genetics_title")}} <a href="/593/package-details?type=2">{{trans("web.genetics_card_one_title")}}</a></h2>
                        <p class="desc">{{trans("web.genetics_card_one_desc")}}</p>
                        <div class="blog-footer mt-4">
                            <a href="/593/package-details?type=2" class="btn more-btn">
                                <span>{{trans('web.read_more')}}</span>
                                <span class="icon">&#10230;</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>--}}

    <!-- AI Section-->
    <section class="new-sec ai-sec" @if(!empty($profile) && $profile->COLOR) style="background:{{$profile->COLOR}}"
        @endif>
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <div class="content">
                        <h3>{{trans('web.artificial_intelligence')}}</h3>
                        <p>{{trans('web.artificial_intelligence_desc')}}</p>
                        <a href="#" class="btn btn-blazma ai-btn-start">
                            {{trans('web.start')}}<span class="icon">&nbsp;⟶</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End AI Section-->

    <section class="new-sec new-service-sec" style="background: white">
        <div class="container blog-section mt-5">
            <div class="row">
                <div class="col-12 text-center ">
                    <h3 class="last-news">{!! trans('web.last_news') !!}</h3>
                </div>
            </div>
            <div class="row">
                @foreach ($blogs as $blog)
                    @if ($loop->first)
                        <!-- First Post -->
                        <div class="col-md-5">
                            <div class="col-md-12 post first-blog-post mb-4">
                                <div class="row">
                                    <img src="{{ $blog->HIGHLIGHT }}" alt="Post Image" class="img-fluid post-image">
                                </div>

                                <div class="p-3">
                                    <div class="post-info">
                                        <p class="date">{{ $blog->CREATED_DATE }}</p>
                                        <div class="dot"></div>
                                        <p class="by"> {{trans('web.by')}} {{ app('translator')->getLocale() == 'ar' ? $blog->AUTHOR_AR : $blog->AUTHOR_EN }}</p>
                                    </div>
                                    <h5 class="post-title">{{ app('translator')->getLocale() == 'ar' ? $blog->TITLE_AR : $blog->TITLE_EN }}</h5>
                                    <p class="post-description">{{ app('translator')->getLocale() == 'ar' ? $blog->SHORT_DESCRIPTION_AR : $blog->SHORT_DESCRIPTION_EN }}</p>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <a href="/blogs/{{$blog->ID}}" class="know-more">
                                            <p>{{trans('web.know_more')}}</p>
                                            <div class="arrow"></div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @else
                        <!-- Check if it's the start of the right-side posts -->
                        @if ($loop->iteration == 2)
                            <div class="col-md-7 d-flex">
                                <div class="col-md-12 right-side-posts d-flex flex-column">
                                    @endif

                                    <!-- Other Posts -->
                                    <div class="row flex-grow-1">
                                        <div class="col-md-6 right-side-image" style="background-image: url({{ $blog->HIGHLIGHT_2 }}); background-size: cover; background-position: center; background-repeat: no-repeat;"></div>
                                        <div class="col-md-6">
                                            <div class="post-info">
                                                <p class="date">{{ $blog->CREATED_DATE }}</p>
                                                <div class="dot"></div>
                                                <p class="by">{{trans('web.by')}} {{ app('translator')->getLocale() == 'ar' ? $blog->AUTHOR_AR : $blog->AUTHOR_EN }}</p>
                                            </div>
                                            <h5 class="post-title">{{ app('translator')->getLocale() == 'ar' ? $blog->TITLE_AR : $blog->TITLE_EN }}</h5>
                                            <p class="post-description">{{ app('translator')->getLocale() == 'ar' ? $blog->SHORT_DESCRIPTION_AR : $blog->SHORT_DESCRIPTION_EN }}</p>
                                            <div class="d-flex justify-content-between align-items-center">
                                                <a href="/blogs/{{$blog->ID}}" class="know-more">
                                                    <p>{{trans('web.know_more')}}</p>
                                                    <div class="arrow"></div>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    @if ($loop->last)
                                </div>
                            </div>
                        @endif
                    @endif
                @endforeach
            </div>

            {{--<div class="row">
                <div class="col-md-5">
                    <div class="col-md-12 post first-blog-post mb-4">
                        <div class="row">
                            <img src="/img/blogs/post-1.png" alt="Post Image" class="img-fluid post-image">
                        </div>

                        <div class="p-3">
                            <div class="post-info">
                                <p class="date">22.05.2022</p>
                                <div class="dot"></div>
                                <p class="by">by Esther</p>
                            </div>
                            <h5 class="post-title">Sample post with image</h5>
                            <p class="post-description">Nam varius facilisis tempus. Fusce laoreet metus odio, a rutrum dolor tincidunt sit amet...</p>
                            <div class="d-flex justify-content-between align-items-center">
                                <div class="know-more">
                                    <p>Know more</p>
                                    <div class="arrow"></div>
                                </div>
                                --}}{{--<div class="comment-count">
                                    <div class="icon-comment"></div>
                                    <span class="comment-number">12</span>
                                </div>--}}{{--
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-7">
                    <div class="col-md-12 right-side-posts">
                        <div class="row">
                            <div class="col-md-6 right-side-image" style="background-image: url(/img/blogs/post-2.png);background-size: cover;background-position: center;background-repeat: no-repeat;"></div>
                            <div class="col-md-6">
                                <div class="post-info">
                                    <p class="date">22.03.2022</p>
                                    <div class="dot"></div>
                                    <p class="by">By Esther</p>
                                </div>
                                <h5 class="post-title">Health System secures property and funding</h5>
                                <p class="post-description">Nam varius facilisis tempus. Fusce laoreet metus odio, a rutrum dolor tincidunt sit amet...</p>
                                <div class="d-flex justify-content-between align-items-center">
                                    <div class="know-more">
                                        <p>Know more</p>
                                        <div class="arrow"></div>
                                    </div>
                                    --}}{{--<div class="comment-count">
                                        <div class="icon-comment"></div>
                                        <span class="comment-number">16</span>
                                    </div>--}}{{--
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 right-side-image" style="background-image: url(/img/blogs/post-3.png);background-size: cover;background-position: center;background-repeat: no-repeat;"></div>
                            <div class="col-md-6">
                                <div class="post-info">
                                    <p class="date">17.05.2022</p>
                                    <div class="dot"></div>
                                    <p class="by">By Esther</p>
                                </div>
                                <h5 class="post-title">The future of care</h5>
                                <p class="post-description">Nam varius facilisis tempus. Fusce laoreet metus odio, a rutrum dolor tincidunt sit amet...</p>
                                <div class="d-flex justify-content-between align-items-center">
                                    <div class="know-more">
                                        <p>Know more</p>
                                        <div class="arrow"></div>
                                    </div>
                                   --}}{{-- <div class="comment-count">
                                        <div class="icon-comment"></div>
                                        <span class="comment-number">16</span>
                                    </div>--}}{{--
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>--}}
            <div class="row d-flex justify-content-center" style="padding-top: 40px;">
                <a href="/blogs" class="btn blog-btn-view-all">
                    {{trans('web.view_all')}} @if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif
                    <span class="icon"></span>
                </a>
            </div>
        </div>
    </section>
    <!-- 
    <section id="services" class="new-sec service-sec">
        <div class="container">
            <div class="sec-content">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="sec-header">
                            <h5 class="subtitle mb-2">{{trans("web.header_categories")}}</h5>
                            <h2 class="title">{{trans("web.categorie_provide")}}</h2>
                        </div>
                        <p class="desc">{{trans('web.service_first_desc')}}</p>
                    </div>
                    <div class="col-lg-6 d-flex justify-content-between revert-fd p-card">
                        <div class="single-blog d-flex">
                            <a href="/pcr">
                                <div class="blog-content home-blog-content">
                                    <div class="box-content">
                                        <img src="/img/pcr.png" alt="Blazma">
                                        <h6 class="box-title">
                                            {{trans("web.pcr_cat_name")}}
                                        </h6>
                                        <p class="box-text">
                                            {!! trans("web.pcr_cat_desc") !!}
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="single-blog d-flex">
                            <a href="/apackages">
                                <div class="blog-content home-blog-content">
                                    <div class="box-content">
                                        <img src="/img/checkup.png" alt="Blazma">
                                        <h6 class="box-title">
                                            {{trans("web.package_cat_name")}}
                                        </h6>
                                        <p class="box-text">
                                            {!! trans("web.package_cat_desc") !!}
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-12 d-flex justify-content-between revert-fd p-0">
                    <div class="single-blog d-flex">
                        <a href="/itest">
                            <div class="blog-content home-blog-content">
                                <div class="box-content">
                                    <img src="/img/itest.png" alt="Blazma">
                                    <h6 class="box-title">
                                        {{trans("web.test_cat_name")}}
                                    </h6>
                                    <p class="box-text">
                                        {!! trans("web.test_cat_desc") !!}
                                    </p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="single-blog d-flex">
                        <a href="/providers">
                            <div class="blog-content home-blog-content">
                                <div class="box-content">
                                    <img src="/img/appointment.png" alt="Blazma">
                                    <h6 class="box-title">
                                        {{trans("web.book_alab_appointment")}}
                                    </h6>
                                    <p class="box-text">
                                        {!! trans("web.lab_cat_desc") !!}
                                    </p>
                                </div>
                            </div>
                        </a>
                    </div>


                    <div class="single-blog d-flex">
                        <a href="#genetics-tests">
                            <div class="blog-content home-blog-content">
                                <div class="box-content">
                                    <img src="/img/genetic.png" alt="Blazma">
                                    <h6 class="box-title">
                                        {{trans("web.genetics_tests")}}
                                    </h6>
                                    <p class="box-text">
                                        {!! trans("web.genetics_tests_desc") !!}
                                    </p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="single-blog d-flex">
                        <a href="/artificial-intelligence">
                            <div class="blog-content home-blog-content">
                                <div class="box-content">
                                    <img src="/img/arti.png" alt="Blazma">
                                    <h6 class="box-title">
                                        {{trans("web.artificial_intelligence")}}
                                    </h6>
                                    <p class="box-text">
                                        {!! trans("web.artificial_intelligence_desc") !!}
                                    </p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

        </div>
        </div>
    </section>
     -->


    <!-- Start Partners Section -->

    <section class="new-sec partners-sec ">
        <div class="container" style="margin-top: 60px;">
            <div id="partner" class="row splide">
                <div class="col-lg-3 clm">
                    <div class="sec-title">
                        <div class="content">
                            <h2 class="num">200+</h2>
                            <p class="desc">{{trans("web.partner_connect")}}</p>
                        </div>
                        <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">&#10230;</span>
                            </button>
                            <button class="splide__arrow splide__arrow--prev d-none" type="button"
                                aria-label="Next slide" aria-controls="splide01-track">
                            </button>
                        </div>
                    </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="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/delta_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/alfa_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/farabi_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/tetra_logo.png"
                                            alt="Blazma">

                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/tibyana_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/trust_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/taib_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>


                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/siwar_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/royaa_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/rawdah_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/qumra_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/oxy_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/olt_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/noor_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/nawat_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/mostaqbal_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/medlab_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/medicine_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/mcc_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/main_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/leen_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/ic_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/hyatt_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/hokail_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/farabi_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/family_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/elta_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/dsah_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/drsameer_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                {{--<div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/delta_logo.png" alt="Blazma">
                                    </div>
                                </div>--}}

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/cell_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/bassam_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/basmah_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/bader_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/asr_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                {{--<div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/alfa_logo.png" alt="Blazma">
                                    </div>
                                </div>--}}

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/advancedmed_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                                <div class="splide__slide">
                                    <div class="partner-logo">
                                        <img src="https://s3.eu-west-1.amazonaws.com/blazma.com/white-label/advanced_logo.png"
                                            alt="Blazma">
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Partners Section -->

    <!-- End Categories Section -->
    <!-- Start Blog Section -->
    <section class="new-sec blog-sec" style="display: none">
        <div class="container">
            <div class="sec-heading">
                <p class="sec-text">
                    {{trans('web.blog')}}
                </p>
                <h2 class="sec-title">
                    {{trans('web.last_news')}}
                </h2>
            </div>
            <div class="row">
                <div class="col-sm-12 col-lg-5 clm">
                    <div class="single-blog">
                        <div class="blog-image home-blog">
                            <a href="blogs">
                                <img src="img/blog1.jfif" alt="Blog Name">
                            </a>
                        </div>
                        <div class="blog-content">
                            <div class="preefs">
                                <span class="preef">22.05.2022</span>
                                <span class="preef">by Esther</span>
                            </div>
                            <h2 class="title"><a href="blogs">Sample post with image</a></h2>
                            <p class="desc">Nam varius facilisis tempus. Fusce laoreet metus odio, a rutrum dolor
                                tincidunt sit amet... </p>
                            <div class="blog-footer">
                                <a href="blogs" class="btn more-btn">
                                    <span>Know more</span>
                                    <span class="icon">&#10230;</span>
                                </a>
                                <span class="comments">
                                    <i class="ri-chat-1-line icon"></i>
                                    <span>12</span>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-lg-7 clm">
                    <div class="single-blog d-flex" style="margin-bottom: 1rem;">
                        <div class="blog-image home-blog-image">
                            <a href="blogs">
                                <img src="img/blog6.jfif" alt="Blog Name" class="home-blog-image">
                            </a>
                        </div>
                        <div class="blog-content home-blog-content">
                            <div class="preefs">
                                <span class="preef">23.05.2022</span>
                                <span class="preef">by Esther</span>
                            </div>
                            <h2 class="title"><a href="blogs">Health System secures property and funding</a></h2>
                            <p class="desc">Nam varius facilisis tempus. Fusce laoreet metus odio, a rutrum dolor
                                tincidunt sit amet... </p>
                            <div class="blog-footer">
                                <a href="blogs" class="btn more-btn">
                                    <span>Know more</span>
                                    <span class="icon">&#10230;</span>
                                </a>
                                <span class="comments">
                                    <i class="ri-chat-1-line icon"></i>
                                    <span>16</span>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="single-blog d-flex" style="margin-bottom: 1rem;">
                        <div class="blog-image home-blog-image" style="width: 100%;">
                            <a href="blogs">
                                <img src="img/blog11.jfif" alt="Blog Name" class="home-blog-image">
                            </a>
                        </div>
                        <div class="blog-content home-blog-content">
                            <div class="preefs">
                                <span class="preef">17.05.2022</span>
                                <span class="preef">by Esther</span>
                            </div>
                            <h2 class="title"><a href="blogs">The future of care</a></h2>
                            <p class="desc">Nam varius facilisis tempus. Fusce laoreet metus odio, a rutrum dolor
                                tincidunt sit amet... </p>
                            <div class="blog-footer">
                                <a href="blogs" class="btn more-btn">
                                    <span>Know more</span>
                                    <span class="icon">&#10230;</span>
                                </a>
                                <span class="comments">
                                    <i class="ri-chat-1-line icon"></i>
                                    <span>16</span>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="home-blog text-center">
                <a href="blogs" class="btn more-btn">
                    View all <span class="icon">&#10230;</span>
                </a>
            </div>
        </div>
    </section>
    <!-- End Blog Section -->
     <!-- Start Banner Section -->
     <section class="new-sec certified-sec">
        <div class="container">
            <div class="row">
                <div class="col-md-6 clm d-flex justify-content-center align-items-center">
                    <div class="banner-content">
                        <h1 class="banner-title">
                            {{trans("web.we_are_certified")}} <span class="banner-title title-blazma" style="color:var(--blazma-primary);">{{trans("web.hiba")}}</span>
                        </h1>
                        <p class="banner-text">
                            {{trans("web.use_ai")}} 
                                </p>
                    </div>
                </div>
                <div class="col-md-6 clm">
                    <div class="banner-img">
                        <img src="/img/hippa.png" alt="Blazma">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Banner Section -->
    <!-- Start Results Section
        <section class="new-sec results-sec">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 clm">
                        <div class="sec-image">
                            <img class="image-result-home-page" src="/img/result.png" alt="Blazma">
                        </div>
                    </div>
                    <div class="col-lg-6 clm">
                        <div class="sec-content">
                            <p class="tag">{{trans("web.smart_report_desc_v2")}}</p>
                            <h2 class="sec-title">{{trans("web.smart_report_h_v2")}}</h2>
                            <p class="subtitle">{{trans("web.smart_report_p_v2")}}</p>
                            <p></p>
                            <a href="/itest" class="btn more-btn">
                                <span class="word">{{trans('web.read_more')}}</span>
                                <span class="icon">&#10230;</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section> -->
    <!-- End Results Section -->
   
    <!-- Start Testimonial Section -->
@include('our_client_reviews')
    <!-- End Testimonial Section -->
    <!-- Start App Section -->
    <section class="new-sec app-sec our-app-sec">
        <div class="container">
            <div class="row">
                <div class="col-lg-7 clm">
                    <div class="sec-image">
                        <img src="img/app-sec.png" alt="App">
                    </div>
                </div>
                <div class="col-lg-5 clm">
                    <div class="sec-content">
                        <p class="tag">{{trans('web.add_the_application')}}</p>
                        <h2 class="sec-title">{{trans('web.have_you_get_our_app')}}</h2>
                        <p class="sec-dsec">{{trans('web.download_app_desc')}}</p>
                        <div class="sec-cta">
                            <a href="https://apps.apple.com/us/app/blazma/id1624378335" class="btn app-btn apple">
                                <img src="/img/apple-icon.png" alt="Apple App">
                                <div class="btn-content">
                                    <p class="btn-subtitle">{{trans('web.get_it_on')}}</p>
                                    <p class="btn-title">{{trans('web.app_store')}}</p>
                                </div>
                            </a>
                            <a href="https://play.google.com/store/apps/details?id=com.blazma.examination"
                                class="btn app-btn google">
                                <img src="img/google-play-icon.png" alt="Google Play App">
                                <div class="btn-content">
                                    <p class="btn-subtitle">{{trans('web.get_it_on')}}</p>
                                    <p class="btn-title">{{trans('web.google_play')}}</p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End App Section -->
    <!-- Start CTA Section -->
    @include('still-have-question')
    <!-- End CTA Section -->
</main>

<!-- Page Main -->
@endsection