@extends('layout')

@php
    $headTitle = 'Servizi | Vita';
    $title = 'Servizi | Vita';
    $subTitle = 'Servizi | Vita';
    $counterone = 'false';
    $css = '<link rel="stylesheet" href="' . asset('assets/vendors/insur-three-icon/style.css') . '"/>';
    $script = '<script src="' . asset('assets/js/insur.js') . '"></script>';
@endphp

@section('content')
    <section class="insurance-details">
        <div class="container">
            <div class="text-center">
                <div class="section-sub-title-box">
                    <p class="section-sub-title" style="font-size: 32px">Vita</p>
                    <div class="section-title-shape-1">
                        <img src="http://ar.test/assets/images/shapes/section-title-shape-1.png" alt="">
                    </div>
                    <div class="section-title-shape-2">
                        <img src="http://ar.test/assets/images/shapes/section-title-shape-2.png" alt="">
                    </div>
                </div>
            </div>
            <div class="row" style="margin-top: 45px">
                <div class="col-xl-5 col-lg-5">
                    <div class="insurance-details__left">
                        <div class="insurance-details__opportunities-points-box">
                            <div class="section-title text-left">
                                <p class="section-title__title">
                                    Vantaggi principali
                                </p>
                            </div>

                            <ul class="list-unstyled benefits-two__points">
                                <li>
                                    <div class="icon"><i class="fa fa-check"></i></div>
                                    <div class="text"><p>Tutela economica per i beneficiari designati.</p></div>
                                </li>
                                <li>
                                    <div class="icon"><i class="fa fa-check"></i></div>
                                    <div class="text"><p>Protezione del nucleo familiare nel tempo.</p></div>
                                </li>
                                <li>
                                    <div class="icon"><i class="fa fa-check"></i></div>
                                    <div class="text"><p>Possibilità di pianificazione finanziaria futura.</p></div>
                                </li>
                                <li>
                                    <div class="icon"><i class="fa fa-check"></i></div>
                                    <div class="text"><p>Coperture personalizzabili nel tempo.</p></div>
                                </li>
                                <li>
                                    <div class="icon"><i class="fa fa-check"></i></div>
                                    <div class="text"><p>Tutela in diverse situazioni personali.</p></div>
                                </li>
                                <li>
                                    <div class="icon"><i class="fa fa-check"></i></div>
                                    <div class="text"><p>Protezione economica del patrimonio familiare.</p></div>
                                </li>
                            </ul>

{{--                            <a href="{{ route('contattaci') }}">--}}
{{--                                <button type="submit" class="insurance-details__subscribe-btn thm-btn mt-5" style="margin-top: 100px!important;">Contattaci subito</button>--}}
{{--                            </a>--}}

                        </div>
                    </div>
                </div>
                <div class="col-xl-7 col-lg-7">
                    <div class="insurance-details__right">
                        <div class="insurance-details__img-1">
                            <img src=" {{ asset('assets/images/servizi/vita.jpg') }}" alt=""></div>
                        <p class="insurance-details__text-4 mt-5" style="font-size: 20px; margin-left: 10px">
                            L’assicurazione sulla vita è uno <b>strumento di protezione</b> che garantisce
                            un sostegno economico ai beneficiari in caso di eventi imprevisti.
                            Consente di <b>tutelare il futuro</b> dei propri cari,
                            assicurando una <b>stabilità finanziaria</b>
                            in situazioni che potrebbero compromettere l’equilibrio familiare.
                        </p>

                        <ul class="insurance-details__points list-unstyled mt-5">
                            <li>
                                <div class="insurance-details__points-left">
                                    <div class="insurance-details__points-icon">
                                        <span class="icon-family"></span>
                                    </div>
                                    <h3 class="insurance-details__points-title">Tutela<br>Familiare</h3>
                                </div>
                                <div class="insurance-details__points-right">
                                    <p><b>Protezione</b> economica
                                        per i propri cari.</p>
                                </div>
                            </li>
                            <li>
                                <div class="insurance-details__points-left">
                                    <div class="insurance-details__points-icon">
                                        <span class="icon-fund"></span>
                                    </div>
                                    <h3 class="insurance-details__points-title">Stabilità<br>Finanziaria</h3>
                                </div>
                                <div class="insurance-details__points-right">
                                    <p><b>Supporto</b> economico
                                        in caso di imprevisti.</p>
                                </div>
                            </li>
                            <li>
                                <div class="insurance-details__points-left">
                                    <div class="insurance-details__points-icon">
                                        <span class="fa fa-calendar"></span>
                                    </div>
                                    <h3 class="insurance-details__points-title">Pianificazione<br>Futura</h3>
                                </div>
                                <div class="insurance-details__points-right">
                                    <p>Strumento per la <b>gestione</b>
                                        del futuro patrimoniale.</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <div class="my-5">
    </div>
@endsection