@php
    $args['post_type'] = 'testimonials';
    $blogs = HelpDesk::elementPostsByArgs($args);
@endphp

@if(isset($args['element_style']) && $args['element_style'] == '2')

<div class="bg-light dark:bg-bodybg">
<section class="3xl:mx-100 lg:pt-160 sm:pt-100 pt-60 3xl:rounded-6xl bg-linear-(--bg2-gradient) z-2">
    <div class="container relative z-1">
        <div class="grid grid-cols-12 gap-20">
            <div class="col-span-12">
                <div class="mb-30 text-center">
                    @if(isset($args['subtitle']) && $args['subtitle'] != '')
                    <span class="text-2xl dark:text-white mb-5 block">{{ $args['subtitle'] }}</span>
                    @endif
                    <h2 class="lg:text-5xxl xs:text-4xxl text-4xl text-white headline2">{{ isset($args['title']) ? $args['title'] : '' }}</h2>
                </div>
            </div>
        </div>
         @if(isset($args['proof_card']))
         <div class="grid grid-cols-12 gap-20 mb-30">
            @foreach($args['proof_card'] as $key => $value)
            <div class="xl:col-span-3 sm:col-span-6 col-span-12 wow fadeInUp" data-wow-delay="0.4s">
                <div class="z-1 bg-white/5 rounded-xxl p-30 overflow-hidden relative after:content-[''] after:absolute after:-top-50 after:-right-50 after:size-127 after:-z-1 after:bg-linear-(--bg3-gradient) after:rounded-full after:blur-[90px] after:opacity-70">
                    <div class="flex items-center gap-10">
                        <div class="size-45 bg-[#EEEEEE] rounded-2lg flex items-center justify-center">
                            <img src="{{ DzHelper::getStorageImage('storage/magic-editor/'.@$value['logo']) }}" alt="">
                        </div>
                        <h3 class="text-2xxl text-white"><a href="/">{{ isset($value['title']) ? $value['title'] : '' }}</a></h3>
                    </div>
                    <hr class="border-t border-white/10 my-18">
                    <div class="flex items-center gap-10">
                        <ul class="flex items-center gap-1">
                            @foreach (range(1, @$value['rating']) as $i)
                                <li><img src="{{ theme_asset('images/svg/star.svg') }}" alt=""></li>
                            @endforeach  
                        </ul>
                        <span class="text-base text-lightgrey font-medium">{{ isset($value['review_text']) ? $value['review_text'] : '' }}</span>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
        @endif
        @if(isset($args['description']) && $args['description'] != '')
        <div class="lg:mb-100 mb-50">
            <p class="text-lg text-white text-center font-medium wow fadeInUp" data-wow-delay="1.1s">{!! $args['description'] !!}</p>
        </div>
        @endif
        <div class="grid grid-cols-12 gap-20 relative -mt-100 -bottom-100">
            <div class="lg:col-span-4 col-span-12 wow fadeInUp" data-wow-delay="0.8s">
                <div class="bg-white rounded-[25px] xl:pt-76 xl:pb-70 py-40 px-22 text-center h-full">
                    <h3 class="text-[80px]/60 text-secondary mb-15">{{ isset($args['card_rating']) ? $args['card_rating'] : '' }}</h3>
                    <div class="flex items-center justify-center sm:mb-70 mb-20">
                        <span class="text-lg/20 text-[#77775B] font-medium"> {{ isset($args['card_rating_text']) ? $args['card_rating_text'] : '' }}</span>
                        @if(isset($args['card_rating_text_image']))
                        <img src="{{ DzHelper::getStorageImage('storage/magic-editor/'.@$args['card_rating_text_image']) }}" alt="" class="w-83 h-20">
                        @endif
                    </div>
                    <h4 class="sm:text-2xxl/40 text-2xl text-secondary sm:mb-37 mb-20">{{ isset($args['card_title']) ? $args['card_title'] : '' }}</h4>
                    @if(isset($args['card_button_text']) && $args['card_button_text'] != '')
                    <a href="javasvript:void;" class="btn btn-primary style-3 px-40">
                        <span class="pxl-button-text"> {{ $args['card_button_text'] }}</span>
                    </a>
                    @endif
                </div>
            </div>
            <div class="lg:col-span-8 col-span-12 wow fadeInUp" data-wow-delay="1.1s">
                <div class="bg-white rounded-[25px] lg:h-full flex flex-wrap testimonial-swiper-wrapper">
                    <!-- Swiper -->
                    <div class="md:w-[67%] w-full swiper testimonial-swiper sm:h-full">
                        <div class="swiper-wrapper h-full">
                            @forelse($blogs as $key => $blog)
                            @php
                            $testimonial_rating = CustomFieldHelper::get_custom_field_value('cpt_'.$blog->post_type,'rating',optional($blog)->id);
                            @endphp
                            <div class="swiper-slide">
                                <div class="sm:p-50 p-20">
                                    <div class="flex items-center gap-1 mb-25">
                                        @foreach (range(1, @$testimonial_rating) as $i)
                                        <svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M11 0L13.9095 6.99537L21.4616 7.60081L15.7077 12.5296L17.4656 19.8992L11 15.95L4.53436 19.8992L6.29227 12.5296L0.538379 7.60081L8.09046 6.99537L11 0Z" fill="#F9BC2F"/>
                                        </svg>  
                                        @endforeach                                                
                                    </div>
                                    <p class="xl:text-2xxl/40 sm:text-2xl text-lg text-dark">{!! $blog->content !!}</p>
                                </div>
                            </div>
                            @empty
                            @endforelse
                        </div>
                        <div class="swiper-pagination style-1 !w-auto xl:!bottom-50 sm:!bottom-20 !-bottom-0 sm:!left-50 !left-30"></div>
                        <div class="flex items-center absolute right-50 xl:!bottom-50 sm:!bottom-20 !-bottom-0">
                            <div class="swiper-button-next testimonial-button-next !relative !size-auto !mt-auto duration-500 opacity-30 hover:opacity-100">
                                <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M10 13.3335L3.33333 20.0002L10 26.6668" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                    <path d="M36.6666 20H3.33329" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>                                                          
                            </div>
                            <div class="swiper-button-prev testimonial-button-prev !relative !size-auto !mt-auto duration-500 opacity-30 hover:opacity-100">
                                <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M30 13.3335L36.6667 20.0002L30 26.6668" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                    <path d="M3.33325 20H36.6666" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>                                                            
                            </div>
                        </div>
                    </div>
                    <!-- Swiper thumbs -->
                    <div class="md:w-[33%] w-full swiper testimonial-thumbs sm:h-full relative after:content-[''] after:absolute after:top-1/2 after:-translate-y-1/2 after:left-0 after:w-1 after:max-h-360 after:h-full after:bg-[#ECECDE] lg:after:block after:hidden">
                        <div class="swiper-wrapper">
                            @forelse($blogs as $blog)

                            @php

                                $testimonial_designation = CustomFieldHelper::get_custom_field_value('cpt_'.$blog->post_type,'designation',optional($blog)->id);
                                $testimonial_user_name = CustomFieldHelper::get_custom_field_value('cpt_'.$blog->post_type,'username',optional($blog)->id);
                                $testimonial_user_img = CustomFieldHelper::get_custom_field_value('cpt_'.$blog->post_type,'user_profile',optional($blog)->id);
                                $testimonial_client_logo = CustomFieldHelper::get_custom_field_value('cpt_'.$blog->post_type,'client_logo',optional($blog)->id);

                            @endphp

                            <div class="swiper-slide !h-full">
                                <div class="sm:py-60 p-20 sm:px-40 flex flex-col h-full">
                                    <div class="flex-1 mb-20">
                                        @if(!empty($testimonial_client_logo))
                                        <img src="{{ DzHelper::getStorageImage('storage/custom-fields/'.@$testimonial_client_logo) }}" alt="" class="sm:w-130 w-100">
                                        @endif
                                    </div>
                                    <div class="mt-auo flex sm:flex-col flex-row gap-20">
                                        <img src="{{ DzHelper::getStorageImage('storage/custom-fields/'.@$testimonial_user_img) }}" alt="" class="sm:size-65 size-50 rounded-full object-cover">
                                        <div>
                                            <h3 class="sm:text-xl text-lg sm:mb-2 text-dark">{{ isset($testimonial_user_name) ? $testimonial_user_name : '' }}</h3>
                                            <p class="text-sm text-[#77775B]">{{ isset($testimonial_designation) ? $testimonial_designation : '' }}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            @empty
                            @endforelse

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="absolute left-0 bottom-0 z-0 w-full rounded-b-6xl overflow-hidden bg-primary mask-[url(../images/background/bg24.png)]">
        <img class="mix-blend-darken" src="{{ theme_asset('images/background/bg24.png') }}" alt="">
    </div>
</section>
</div>
@elseif(isset($args['element_style']) && $args['element_style'] == '3')
<section class="xl:pb-145 pb-40">
    <div class="container">
        <div class="max-w-800 mx-auto text-center">
            @if(isset($args['subtitle']) && $args['subtitle'] != '')
            <span class="mb-10 inline-block text-lg font-medium dark:text-white text-secondary py-10 px-20 rounded-2lg border dark:border-white/10 border-secondary/10 backdrop-blur-[20px] dark:bg-white/5 bg-secondary/5">{{ $args['subtitle'] }}</span>
            @endif
            <h2 class="2xl:text-5xxl lg:text-5xl sm:text-4xxl text-3xl font-semibold headline mb-25 dark:text-white text-secondary">{{ isset($args['title']) ? $args['title'] : '' }}</h2>
            @if(isset($args['description']) && $args['description'] != '')
            <p class="sm:text-base text-sm text-secondary bg-primary rounded-full py-10 sm:px-20 px-12 font-semibold inline-block">{{ $args['description'] }}</p>
            @endif
        </div>
        <div class="grid grid-cols-12 gap-20 mt-50">
            <div class="lg:col-span-4 col-span-12">
                <div class="bg-card rounded-xxl xl:pt-76 xl:pb-70 p-40 max-xl:px-20 text-center h-full">
                    <h3 class="sm:text-7xxxl leading-none font-semibold text-8xl text-white">{{ isset($args['card_rating']) ? $args['card_rating'] : '' }}</h3>
                    <div class="flex items-center justify-center sm:mb-70 mb-20">
                        <span class="text-lg text-white font-medium"> {{ isset($args['card_rating_text']) ? $args['card_rating_text'] : '' }}</span>@if(isset($args['card_rating_text_image']))
                                <img src="{{ DzHelper::getStorageImage('storage/magic-editor/'.@$args['card_rating_text_image']) }}" alt="" class="w-81 h-20 ml-5">
                                @endif
                    </div>
                    <h4 class="sm:text-2xxl text-2xl text-white font-semibold sm:mb-37 mb-20">{{ isset($args['card_title']) ? $args['card_title'] : '' }}</h4>
                    @if(isset($args['card_button_text']) && $args['card_button_text'] != '')
                    <a href="{{ isset($args['card_button_link']) ? $args['card_button_link'] : 'javascript:void(0);' }}" class="style-4 btn !pr-5 xl:pl-30 pl-10 text-secondary bg-white border border-white group 
                    shadow-[0px_5px_10px_rgba(27,76,64,0.05)] h-60 button--stroke flairBtn">
                        <span class="button-flair"></span>
                        <span class="text-xl font-semibold button__label" data-original-text="View All Services">{{ $args['card_button_text'] }}</span>
                        <span class="inline-flex justify-center items-center size-50 xl:ml-40 ml-10 rounded-full bg-primary text-secondary duration-100 z-0 overflow-hidden">
                            <svg class="group-hover:animate-toTopFromBottom" width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M15.8128 28.1873L28.1872 15.8129" stroke="var(--secondary)" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M15.8128 15.8127H28.1872V28.1871" stroke="var(--secondary)" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                            </svg>
                        </span>
                    </a>
                    @endif
                </div>
            </div>
            <div class="lg:col-span-8 col-span-12">
                <div class="dark:bg-white bg-card/10 rounded-xxl lg:h-full flex flex-wrap testimonial-swiper-wrapper">
                    <!-- Swiper -->
                    <div class="md:w-[63%] w-full swiper testimonial-swiper sm:h-full">
                        <div class="swiper-wrapper h-full">
                            @forelse($blogs as $key => $blog)
                            @php
                            $testimonial_rating = CustomFieldHelper::get_custom_field_value('cpt_'.$blog->post_type,'rating',optional($blog)->id);
                            @endphp
                            <div class="swiper-slide">
                                <div class="sm:p-50 p-20">
                                    <div class="flex items-center gap-4 sm:mb-25 mb-10">
                                        @foreach (range(1, @$testimonial_rating) as $i)
                                        <svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M11 0L13.9095 6.99537L21.4616 7.60081L15.7077 12.5296L17.4656 19.8992L11 15.95L4.53436 19.8992L6.29227 12.5296L0.538379 7.60081L8.09046 6.99537L11 0Z" fill="#F9BC2F"/>
                                        </svg> 
                                        @endforeach                                                             
                                    </div>
                                    <p class="xl:text-2xxl sm:text-2xl text-lg text-secondary font-light">{!! $blog->content !!}</p>
                                </div>
                            </div>
                            @empty
                            @endforelse
                        </div>
                        <div class="flex items-center absolute right-50 xl:!bottom-50 sm:!bottom-20 !-bottom-0">
                            <div class="swiper-button-next testimonial-button-next !relative !size-auto !mt-auto duration-500 opacity-30 hover:opacity-100" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-c38a1b3ef3f5bc03">
                                <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M10 13.3335L3.33333 20.0002L10 26.6668" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                    <path d="M36.6666 20H3.33329" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>                                                          
                            </div>
                            <div class="swiper-button-prev testimonial-button-prev !relative !size-auto !mt-auto duration-500 opacity-30 hover:opacity-100" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-c38a1b3ef3f5bc03">
                                <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M30 13.3335L36.6667 20.0002L30 26.6668" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                    <path d="M3.33325 20H36.6666" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>                                                            
                            </div>
                        </div>
                    </div>
                    <!-- Swiper thumbs -->
                    <div class="md:w-[37%] w-full swiper testimonial-thumbs sm:h-full relative after:content-[''] after:absolute after:top-1/2 after:-translate-y-1/2 after:left-0 after:w-px after:max-h-360 after:h-full after:bg-[#ECECDE] lg:after:block after:hidden rounded-br-xxl rounded-tr-xxl">
                        <div class="swiper-wrapper">
                            @forelse($blogs as $blog)

                            @php
                                $testimonial_user_name = CustomFieldHelper::get_custom_field_value('cpt_'.$blog->post_type,'username',optional($blog)->id);
                                $testimonial_user_img = CustomFieldHelper::get_custom_field_value('cpt_'.$blog->post_type,'user_profile',optional($blog)->id);

                            @endphp
                            <div class="swiper-slide !h-full">
                                <div class="flex flex-col h-full">
                                    <div class="flex-1 relative after:absolute after:bg-linear-[var(--secondary2-gradient)] after:inset-0 after:z-1 after:translate-y-full after:duration-500 after:opacity-0 hover:after:opacity-100 hover:after:translate-y-0 group">
                                        <img src="{{ DzHelper::getStorageImage('storage/custom-fields/'.@$testimonial_user_img) }}" alt="img" class="size-full object-cover group-hover:scale-[1.1] group-hover:rotate-[2deg] duration-500 max-md:rounded-xxl">
                                        <div class="absolute -bottom-27 left-30 z-2 group-hover:bottom-27 duration-500">
                                            <span class="text-xl text-white font-medium">{{ isset($testimonial_user_name) ? $testimonial_user_name : '' }}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @empty
                            @endforelse
                        </div>
                    </div>
                </div>	
            </div>	
        </div>	
    </div>
</section>
@else
<div class="relative after:content-[''] after:absolute after:bottom-0 after:-top-500 after:left-0 after:w-full after:blur-[934px] after:bg-linear-(--primary2-gradient)">
    <section class="noice-overlay">
        <div class="xl:pt-50 3xl:pb-150 sm:py-80 py-40">
            <div class="container">
                <div class="sm:mb-56 mb-20 text-center max-w-900 mx-auto pxl-heading-scroll-effect">
                    @if(isset($args['subtitle']) && $args['subtitle'] != '')
                    <span class="text-2xl dark:text-white mb-5 block">{{ $args['subtitle'] }}</span>
                    @endif
                    <h2 class="xl:text-6xl md:text-5xl text-3xl sm:mb-33 mb-10 heading-text">{!! isset($args['title']) ? $args['title'] : '' !!}</h2>
                    @if(isset($args['description']) && $args['description'] != '')
                    <span class="inline-block dark:bg-white bg-black dark:text-black text-white rounded-4xl py-10 px-15 sm:text-base text-sm font-medium">{{ $args['description'] }}</span>
                    @endif
                </div>
                <div class="grid grid-cols-12 gap-20">
                    <div class="lg:col-span-4 col-span-12">
                        <div class="bg-primary rounded-lg xl:pt-76 xl:pb-70 py-40 px-22 text-center h-full">
                            <h3 class="sm:text-9xl text-8xl/80 text-secondary mb-15">{{ isset($args['card_rating']) ? $args['card_rating'] : '' }}</h3>
                            <div class="flex items-center justify-center sm:mb-70 mb-20">
                                <span class="text-lg/20 text-secondary font-medium"> {{ isset($args['card_rating_text']) ? $args['card_rating_text'] : '' }}</span>
                                @if(isset($args['card_rating_text_image']))
                                <img src="{{ DzHelper::getStorageImage('storage/magic-editor/'.@$args['card_rating_text_image']) }}" alt="" class="w-83 h-20">
                                @endif
                            </div>
                            <h4 class="sm:text-2xxl/40 text-2xl text-secondary sm:mb-37 mb-20">{{ isset($args['card_title']) ? $args['card_title'] : '' }}</h4>
                            @if(isset($args['card_button_text']) && $args['card_button_text'] != '')
                            <a href="{{ isset($args['card_button_link']) ? $args['card_button_link'] : 'javascript:void(0);' }}" class="btn btn-black style-1 group button--stroke flairBtn magneticBtn p-2 h-40" data-block="button">
                                <span class="button-flair"></span>
                                <span class="button__label font-normal xl:ps-25 px-10 inline-flex items-center gap-14">
                                    {{ $args['card_button_text'] }}
                                </span>
                                <span class="inline-flex justify-center items-center size-32 rounded-full bg-primary text-secondary duration-100 group-hover:bg-secondary group-hover:text-white z-1">
                                    <i class="fa-solid fa-arrow-right text-sm"></i>
                                </span>
                            </a>
                            @endif
                        </div>
                    </div>
                    <div class="lg:col-span-8 col-span-12">
                        <div class="bg-card rounded-lg lg:h-full flex flex-wrap testimonial-swiper-wrapper">
                            <!-- Swiper -->
                            <div class="md:w-[63%] w-full swiper testimonial-swiper sm:h-full">
                                <div class="swiper-wrapper h-full">
                                    @forelse($blogs as $key => $blog)
                                    @php
                                    $testimonial_rating = CustomFieldHelper::get_custom_field_value('cpt_'.$blog->post_type,'rating',optional($blog)->id);
                                    @endphp
                                    <div class="swiper-slide">
                                        <div class="sm:p-50 p-20">
                                            <div class="flex items-center gap-1 sm:mb-25 mb-10">
                                                @foreach (range(1, @$testimonial_rating) as $i)
                                                <svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M11 0L13.9095 6.99537L21.4616 7.60081L15.7077 12.5296L17.4656 19.8992L11 15.95L4.53436 19.8992L6.29227 12.5296L0.538379 7.60081L8.09046 6.99537L11 0Z" fill="#F9BC2F"/>
                                                </svg> 
                                                @endforeach                                                        
                                            </div>
                                            <p class="xl:text-2xxl/40 sm:text-2xl text-lg text-white">{!! $blog->content !!}</p>
                                        </div>
                                    </div>
                                    @empty
                                    @endforelse
                                </div>
                                <div class="swiper-pagination style-1 !w-auto xl:!bottom-50 sm:!bottom-20 !-bottom-0 sm:!left-50 !left-18"></div>
                                <div class="flex items-center absolute sm:right-50 right-30 xl:!bottom-50 sm:!bottom-20 !-bottom-0">
                                    <div class="swiper-button-next testimonial-button-next !relative !size-auto !mt-auto opacity-30 hover:opacity-100">
                                        <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M10 13.3335L3.33333 20.0002L10 26.6668" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                            <path d="M36.6666 20H3.33329" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        </svg>
                                    </div>
                                    <div class="swiper-button-prev testimonial-button-prev !relative !size-auto !mt-auto opacity-30 hover:opacity-100">
                                        <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M30 13.3335L36.6667 20.0002L30 26.6668" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                            <path d="M3.33325 20H36.6666" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        </svg>
                                    </div>
                                </div>
                            </div>
                            <!-- Swiper thumbs -->
                            <div class="md:w-[37%] w-full swiper testimonial-thumbs sm:h-full relative after:content-[''] after:absolute after:top-1/2 after:-translate-y-1/2 after:left-0 after:w-1 after:max-h-360 after:h-full after:bg-white/20 lg:after:block after:hidden">
                                <div class="swiper-wrapper">
                                    @forelse($blogs as $blog)

                                    @php

                                        $testimonial_designation = CustomFieldHelper::get_custom_field_value('cpt_'.$blog->post_type,'designation',optional($blog)->id);
                                        $testimonial_user_name = CustomFieldHelper::get_custom_field_value('cpt_'.$blog->post_type,'username',optional($blog)->id);
                                        $testimonial_user_img = CustomFieldHelper::get_custom_field_value('cpt_'.$blog->post_type,'user_profile',optional($blog)->id);
                                        $testimonial_client_logo = CustomFieldHelper::get_custom_field_value('cpt_'.$blog->post_type,'client_logo',optional($blog)->id);

                                    @endphp
                                    <div class="swiper-slide !h-auto">
                                        <div class="md:py-60 p-20 sm:px-40 flex flex-col h-full">
                                            <div class="flex-1 mb-20">
                                                @if(!empty($testimonial_client_logo))
                                                <img src="{{ DzHelper::getStorageImage('storage/custom-fields/'.@$testimonial_client_logo) }}" alt="" class="sm:w-130 w-100">
                                                @endif
                                            </div>
                                            <div class="mt-auo flex sm:flex-col flex-row gap-20">
                                                <img src="{{ DzHelper::getStorageImage('storage/custom-fields/'.@$testimonial_user_img) }}" alt="" class="sm:size-65 size-50 rounded-full object-cover">
                                                <div>
                                                    <h3 class="sm:text-xl text-lg sm:mb-2 text-white">{{ isset($testimonial_user_name) ? $testimonial_user_name : '' }}</h3>
                                                    <p class="text-sm text-bodytext">{{ isset($testimonial_designation) ? $testimonial_designation : '' }}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @empty
                                    @endforelse
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <img src="{{ theme_asset('images/background/bg3.png') }}" alt="" class="absolute w-64 top-[20%] right-[20%] -z-1 animate-move max-xl:hidden">
        <img src="{{ theme_asset('images/background/bg9.png') }}" alt="" class="absolute w-35 bottom-[5%] right-[16%] -z-1 animate-move max-xl:hidden">
        <img src="{{ theme_asset('images/background/bg4.png') }}" alt="" class="absolute w-48 bottom-[28%] left-[8%] -z-1 animate-move max-xl:hidden">
        <img src="{{ theme_asset('images/background/bg2.png') }}" alt="" class="absolute top-[5%] 3xl:left-[16%] left-[8%] -z-1 animate-move max-xl:hidden">
        <img src="{{ theme_asset('images/background/bg1.png') }}" alt="" class="absolute bottom-[35%] right-[6%] -z-1 animate-move max-xl:hidden">
    </section>
</div>
@endif