<section class="section">
    <div class="container">
        <div class="section-header">
            <h2 class="section-title">{{ __('home_advantages_title') }}</h2>
            <div class="section-description">
                {{ __('home_advantages_description') }}
            </div>
        </div>
        <div class="row g-lg-10">
            <div class="col-lg-6 mb-3 mb-lg-0">
                 <img loading="lazy" style="border-radius: 7px" src="/images/landing-page/banner-image-2.jpg">
            </div>
            <div class="col-lg-6">
                <div class="space-y-6">
                    <div>
                        <div class="row">
                            <div class="col-auto">
                                <div class="shape shape-md">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                        stroke-linecap="round" stroke-linejoin="round"
                                        class="icon icon-tabler icons-tabler-outline icon-tabler-rocket">
                                        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                        <path
                                            d="M4 13a8 8 0 0 1 7 7a6 6 0 0 0 3 -5a9 9 0 0 0 6 -8a3 3 0 0 0 -3 -3a9 9 0 0 0 -8 6a6 6 0 0 0 -5 3" />
                                        <path d="M7 14a6 6 0 0 0 -3 6a6 6 0 0 0 6 -3" />
                                        <path d="M15 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" />
                                    </svg>
                                </div>
                            </div>
                            <div class="col">
                                <h3 class="h2 mb-2">{{ __('home_advantages_title_1') }}</h3>
                                <p class="text-secondary m-0">
                                    {{ __('home_advantages_description_1') }}
                                </p>
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="row">
                            <div class="col-auto">
                                <div class="shape shape-md">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                        viewBox="0 0 24 24" fill="currentColor"
                                        class="icon icon-tabler icons-tabler-filled icon-tabler-shield-half">
                                        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                        <path
                                            d="M11.998 2l.032 .002l.086 .005a1 1 0 0 1 .342 .104l.105 .062l.097 .076l.016 .015l.247 .21a11 11 0 0 0 7.189 2.537l.342 -.01a1 1 0 0 1 1.005 .717a13 13 0 0 1 -9.208 16.25a1 1 0 0 1 -.502 0a13 13 0 0 1 -9.209 -16.25a1 1 0 0 1 1.005 -.717a11 11 0 0 0 7.791 -2.75l.046 -.036l.053 -.041a1 1 0 0 1 .217 -.112l.075 -.023l.036 -.01a1 1 0 0 1 .12 -.022l.086 -.005zm.002 2.296l-.176 .135a13 13 0 0 1 -7.288 2.572l-.264 .006l-.064 .31a11 11 0 0 0 1.064 7.175l.17 .314a11 11 0 0 0 6.49 5.136l.068 .019z" />
                                    </svg>
                                </div>
                            </div>
                            <div class="col">
                                <h3 class="h2 mb-2">{{ __('home_advantages_title_2') }}</h3>
                                <p class="text-secondary m-0">
                                    {{ __('home_advantages_description_2') }}

                                </p>
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="row">
                            <div class="col-auto">
                                <div class="shape shape-md">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                        stroke-linecap="round" stroke-linejoin="round"
                                        class="icon icon-tabler icons-tabler-outline icon-tabler-lock">
                                        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                        <path
                                            d="M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6z" />
                                        <path d="M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0" />
                                        <path d="M8 11v-4a4 4 0 1 1 8 0v4" />
                                    </svg>
                                </div>
                            </div>
                            <div class="col">
                                <h3 class="h2 mb-2">{{ __('home_advantages_title_3') }}</h3>
                                <p class="text-secondary m-0">
                                    {{ __('home_advantages_description_3') }}

                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
