<section class="payment_banner_area">
    <div class="shape one"></div>
    <div class="shape two"></div>
    <div class="container">
        <div class="payment_banner_content wow fadeInLeft" data-wow-delay="0.4s">
            <h1 class="f_p f_700 f_size_50 w_color">{{delete_text_1}}</h1>
            <p class="w_color f_p f_size_18">{{delete_text_2}}</p>
            <div class="action_btn d-flex align-items-center mt_60">
                <a href="contact" class="agency_banner_btn_two">{{button_contact_text}}<i class="ti-arrow-right"></i></a>
            </div>
        </div>
    </div>
    <div class="animation_img_two wow fadeInRight" data-wow-delay="0.5s">
        <img src="upload/services/Varlik-1homePage.svg" alt="home-page" class="deg-328">
    </div>
    <img class="svg_intro_bottom" src="assets/home/img/home9/shape.png" alt="shape">
</section>
<section class="payment_features_area">
    <div class="bg_shape shape_one"></div>
    <div class="bg_shape shape_two"></div>
    <div class="bg_shape shape_three"></div>
    <div class="container">
        <div class="row featured_item">
            <div class="col-lg-6">
                <div class="payment_featured_img wow fadeInLeft" data-wow-delay="0.2s">
                    <img src="upload/services/Varlik-1developerMavi.svg" alt="developer-blue">
                </div>
            </div>
            <div class="col-lg-6 d-flex align-items-center">
                <div class="payment_features_content pl_70 wow fadeInRight" data-wow-delay="0.3s">
                    <h2>{{delete_text_3}}</h2>
                    <p>
                        {{delete_text_4}}
                    </p>
                    <a href="contact" class="btn_hover agency_banner_btn pay_btn pay_btn_two">{{button_contact_text}}</a>
                </div>
            </div>
        </div>
        <div class="row flex-row-reverse featured_item">
            <div class="col-lg-6">
                <div class="payment_featured_img img_two wow fadeInRight" data-wow-delay="0.3s">
                    <img src="upload/services/Varlik-1mailMavi.svg" alt="mail-blue">
                </div>
            </div>
            <div class="col-lg-6 d-flex align-items-center">
                <div class="payment_features_content pr_70 wow fadeInLeft" data-wow-delay="0.4s">

                    <h2>{{delete_text_5}}</h2>
                    <p>{{delete_text_6}}</p>
                    <a href="contact" class="btn_hover agency_banner_btn pay_btn">{{button_contact_text}}</a>
                </div>
            </div>
        </div>
        <div class="row featured_item">
            <div class="col-lg-6">
                <div class="payment_featured_img wow fadeInLeft" data-wow-delay="0.4s">
                    <img src="upload/services/Varlik-2codeMavi.svg" alt="code-blue">
                </div>
            </div>
            <div class="col-lg-6 d-flex align-items-center">
                <div class="payment_features_content pl_70 wow fadeInRight" data-wow-delay="0.5s">
                    <h2>{{delete_text_7}}</h2>
                    <p>{{delete_text_8}}</p>
                    <a href="contact" class="btn_hover agency_banner_btn pay_btn pay_btn_two">{{button_contact_text}}</a>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="payment_service_area">
    <div class="container">
        <div class="row flex-row-reverse">
            <div class="col-lg-4">
                <div class="service-content wow fadeInRight" data-wow-delay="0.2s">
                    <div class="pay_icon">
                        <div class="icon_shape"></div>
                        <img src="assets/home/img/home9/icon3.png" alt="">
                    </div>
                    <h2 class="f_p w_color f_700">{{text_services}}</h2>
                    <p class="f_p w_color">{{text_services_context}}</p>
                </div>
            </div>
            <div class="col-lg-8">
                <div class="row">
                    <div class="col-md-6 media payment_service_item wow fadeInUp" data-wow-delay="0.2s">
                        <div class="icon ico-1">
                            <img src="upload/services/ico1.svg" alt="ico1">
                        </div>
                        <div class="media-body">
                            <h3 class="f_size_20 f_p w_color f_600">{{delete_text_9}}</h3>
                            <p class="f_400 f_size_15 w_color">{{delete_text_10}}</p>
                        </div>
                    </div>
                    <div class="col-md-6 media payment_service_item wow fadeInUp" data-wow-delay="0.3s">
                        <div class="icon">
                            <img src="upload/services/ico4.svg" alt="ico4" class="w-75">
                        </div>
                        <div class="media-body">
                            <h3 class="f_size_20 f_p w_color f_600">{{delete_text_11}}</h3>
                            <p class="f_400 f_size_15 w_color">
                                {{delete_text_12}}
                            </p>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
<?php
$references=$references ?? [];

if ($references) {
?>
    <section class="payment_clients_area">
        <div class="clients_bg_shape_top"></div>
        <div class="clients_bg_shape_right"></div>
        <div class="container custom_container">
            <div class="sec_title text-center mb_70 relative">
                <h2 class="f_p f_size_30 l_height50 f_600 t_color3">{{text_reference}}</h2>
                <p class="f_400 f_size_16 mb-0"> {{text_reference_messages}} </p>
            </div>
            <div class="service_carousel owl-carousel">
                <?php
                foreach ($references as $reference) {
                ?>
                <div class="service_item">
                    <h4 class="f_600 f_size_20 l_height28 t_color2 mb_20"><?= $reference['title'] ?></h4>
                    <?php if (!empty($reference['description'])) { ?>
                    <p><?= $reference['description'] ?></p>
                    <?php
                    }
                    ?>
                    <img class="float-right img-fluid" src="<?= $reference['file_path'] ?>" alt="<?= $reference['title'] ?>" >
                </div>
                <?php
                }
                ?>

            </div>
        </div>
    </section>
<?php
}
?>
    <section class="payment_action_area">
        <div class="clients_bg_shape_bottom"></div>
        <div class="container">
            <div class="payment_action_content text-center wow fadeInUp" data-wow-delay="0.2s">
                <h2 class="f_p t_color f_700">{{services_location}}</h2>
                <div id="world-map"></div>
            </div>
        </div>
    </section>
