@extends('web.layouts.front')
@section('title')
    {{ __('messages.services') }}
@endsection
@section('content')
    <!--
                =============================================
                Feature Section Fifty One
                ==============================================
                -->
    <div class="fancy-feature-fiftyOne position-relative mt-200">
        <div class="container">
            <div class="row">
                <div class="col-xxl-7 col-lg-6 wow fadeInLeft">
                    <div class="title-style-five mb-45 md-mb-10">
                        <div class="sc-title-two fst-italic position-relative">Notre Solution</div>
                        <h2 class="main-title fw-500 tx-dark">Centre de <br>Diagnostic</h2>
                    </div>
                </div>
            </div>
            <div class="row gx-xxl-5">
                <div class="col-lg-4 col-sm-6">
                    <div class="card-style-sixteen tran3s text-center position-relative mt-40 wow fadeInUp"
                        data-wow-delay="0.3s">
                        <div class="icon"><img src="images/lazy.svg" data-src="images/icon/icon_141.svg" alt=""
                                class="lazy-img m-auto"></div>
                        <h4 class="tx-dark pt-20">Dossier médical électronique</h4>
                        <p class="fs-20 m0">Centralisez les dossiers médicaux dans une base de données unique, facilement
                            consultable et mise à jour.</p>
                    </div> <!-- /.card-style-sixteen -->
                </div>

                <div class="col-lg-4 col-sm-6">
                    <div class="card-style-sixteen tran3s text-center position-relative mt-40 wow fadeInUp"
                        data-wow-delay="0.3s">
                        <div class="icon"><img src="images/lazy.svg" data-src="images/icon/icon_141.svg" alt=""
                                class="lazy-img m-auto"></div>
                        <h4 class="tx-dark pt-20">Multi-disciplinaire</h4>
                        <p class="fs-20 m0">Enregistrez toutes les informations de consultation dans une interface claire et
                            personnalisable selon votre spécialité.</p>
                    </div> <!-- /.card-style-sixteen -->
                </div>

                <div class="col-lg-4 col-sm-6">
                    <div class="card-style-sixteen tran3s text-center position-relative mt-40 wow fadeInUp"
                        data-wow-delay="0.3s">
                        <div class="icon"><img src="images/lazy.svg" data-src="images/icon/icon_141.svg" alt=""
                                class="lazy-img m-auto"></div>
                        <h4 class="tx-dark pt-20">Multi salle d'attente</h4>
                        <p class="fs-20 m0">Organisez plusieurs salles d'attente selon vos services dans une interface
                            unique et simple.</p>
                    </div> <!-- /.card-style-sixteen -->
                </div>

                <div class="col-lg-4 col-sm-6">
                    <div class="card-style-sixteen tran3s text-center position-relative mt-40 wow fadeInUp"
                        data-wow-delay="0.3s">
                        <div class="icon"><img src="images/lazy.svg" data-src="images/icon/icon_141.svg" alt=""
                                class="lazy-img m-auto"></div>
                        <h4 class="tx-dark pt-20">Soins et infirmerie</h4>
                        <p class="fs-20 m0">Enregistrez tous les soins et médicaments administrés dans le dossier patient
                            pour un suivi précis du traitement.</p>
                    </div> <!-- /.card-style-sixteen -->
                </div>

                <div class="col-lg-4 col-sm-6">
                    <div class="card-style-sixteen tran3s text-center position-relative mt-40 wow fadeInUp"
                        data-wow-delay="0.3s">
                        <div class="icon"><img src="images/lazy.svg" data-src="images/icon/icon_141.svg" alt=""
                                class="lazy-img m-auto"></div>
                        <h4 class="tx-dark pt-20">Stock et Pharmacie</h4>
                        <p class="fs-20 m0">Gérez votre pharmacie par entrée et sortie, par service, avec des alertes sur la
                            rupture et la péremption.</p>
                    </div> <!-- /.card-style-sixteen -->
                </div>

                <div class="col-lg-4 col-sm-6">
                    <div class="card-style-sixteen tran3s text-center position-relative mt-40 wow fadeInUp"
                        data-wow-delay="0.3s">
                        <div class="icon"><img src="images/lazy.svg" data-src="images/icon/icon_141.svg" alt=""
                                class="lazy-img m-auto"></div>
                        <h4 class="tx-dark pt-20">Gestion des conventions</h4>
                        <p class="fs-20 m0">De l'admission à la facturation, HospitalManager trace tous les services
                            effectués et génère les factures pour les patients et les organismes.</p>
                    </div> <!-- /.card-style-sixteen -->
                </div>
                <div class="col-lg-4 col-sm-6">
                    <div class="card-style-sixteen tran3s text-center position-relative mt-40 wow fadeInUp"
                        data-wow-delay="0.3s">
                        <div class="icon"><img src="images/lazy.svg" data-src="images/icon/icon_141.svg" alt=""
                                class="lazy-img m-auto"></div>
                        <h4 class="tx-dark pt-20">Sous-traitance</h4>
                        <p class="fs-20 m0">Gérez facilement les demandes de sous-traitance internes et externes avec un
                            suivi des états de règlement.</p>
                    </div> <!-- /.card-style-sixteen -->
                </div>

                <div class="col-lg-4 col-sm-6">
                    <div class="card-style-sixteen tran3s text-center position-relative mt-40 wow fadeInUp"
                        data-wow-delay="0.3s">
                        <div class="icon"><img src="images/lazy.svg" data-src="images/icon/icon_141.svg" alt=""
                                class="lazy-img m-auto"></div>
                        <h4 class="tx-dark pt-20">CRM</h4>
                        <p class="fs-20 m0">Fidélisez les patients en leur envoyant des requêtes de satisfaction
                            automatiques selon leurs motifs de visite.</p>
                    </div> <!-- /.card-style-sixteen -->
                </div>

                <div class="col-lg-4 col-sm-6">
                    <div class="card-style-sixteen tran3s text-center position-relative mt-40 wow fadeInUp"
                        data-wow-delay="0.3s">
                        <div class="icon"><img src="images/lazy.svg" data-src="images/icon/icon_141.svg" alt=""
                                class="lazy-img m-auto"></div>
                        <h4 class="tx-dark pt-20">Attachement des fichiers scannés</h4>
                        <p class="fs-20 m0">Scannez et attachez différents types de documents au dossier du patient, y
                            compris les anciens dossiers et les documents administratifs.</p>
                    </div> <!-- /.card-style-sixteen -->
                </div>

                <div class="col-lg-4 col-sm-6">
                    <div class="card-style-sixteen tran3s text-center position-relative mt-40 wow fadeInUp"
                        data-wow-delay="0.3s">
                        <div class="icon"><img src="images/lazy.svg" data-src="images/icon/icon_141.svg"
                                alt="" class="lazy-img m-auto"></div>
                        <h4 class="tx-dark pt-20">Attestations et certificats</h4>
                        <p class="fs-20 m0">Une bibliothèque prédéfinie et personnalisable contenant les certificats et
                            attestations les plus utilisés, avec des champs dynamiques.</p>
                    </div> <!-- /.card-style-sixteen -->
                </div>

                <div class="col-lg-4 col-sm-6">
                    <div class="card-style-sixteen tran3s text-center position-relative mt-40 wow fadeInUp"
                        data-wow-delay="0.3s">
                        <div class="icon"><img src="images/lazy.svg" data-src="images/icon/icon_141.svg"
                                alt="" class="lazy-img m-auto"></div>
                        <h4 class="tx-dark pt-20">Finances</h4>
                        <p class="fs-20 m0">Suivez toutes les transactions et charges de l'établissement grâce à un module
                            de finance centralisé.</p>
                    </div> <!-- /.card-style-sixteen -->
                </div>

                <div class="col-lg-4 col-sm-6">
                    <div class="card-style-sixteen tran3s text-center position-relative mt-40 wow fadeInUp"
                        data-wow-delay="0.3s">
                        <div class="icon"><img src="images/lazy.svg" data-src="images/icon/icon_141.svg"
                                alt="" class="lazy-img m-auto"></div>
                        <h4 class="tx-dark pt-20">Facturation</h4>
                        <p class="fs-20 m0">Simplifiez l'opération de facturation avec des données centralisées et un
                            assistant récupérant automatiquement les services effectués.</p>
                    </div> <!-- /.card-style-sixteen -->
                </div>
                <div class="col-lg-4 col-sm-6">
                    <div class="card-style-sixteen tran3s text-center position-relative mt-40 wow fadeInUp"
                        data-wow-delay="0.3s">
                        <div class="icon"><img src="images/lazy.svg" data-src="images/icon/icon_141.svg"
                                alt="" class="lazy-img m-auto"></div>
                        <h4 class="tx-dark pt-20">Données sécurisées</h4>
                        <p class="fs-20 m0">Toutes les données sont archivées et sécurisées, avec une administration des
                            accès attribuant les permissions nécessaires.</p>
                    </div> <!-- /.card-style-sixteen -->
                </div>

                <div class="col-lg-4 col-sm-6">
                    <div class="card-style-sixteen tran3s text-center position-relative mt-40 wow fadeInUp"
                        data-wow-delay="0.3s">
                        <div class="icon"><img src="images/lazy.svg" data-src="images/icon/icon_141.svg"
                                alt="" class="lazy-img m-auto"></div>
                        <h4 class="tx-dark pt-20">Statistiques</h4>
                        <p class="fs-20 m0">Affichez facilement des statistiques et indices de performance pour offrir un
                            meilleur service aux patients.</p>
                    </div> <!-- /.card-style-sixteen -->
                </div>

                <div class="col-lg-4 col-sm-6">
                    <div class="card-style-sixteen tran3s text-center position-relative mt-40 wow fadeInUp"
                        data-wow-delay="0.3s">
                        <div class="icon"><img src="images/lazy.svg" data-src="images/icon/icon_141.svg"
                                alt="" class="lazy-img m-auto"></div>
                        <h4 class="tx-dark pt-20">Messageries</h4>
                        <p class="fs-20 m0">Assurez une meilleure collaboration entre les membres de l'équipe avec un
                            module de messagerie interne sécurisée et fiable.</p>
                    </div> <!-- /.card-style-sixteen -->
                </div>

            </div> <!-- /.row -->


        </div> <!-- /.container -->
        <img src="images/lazy.svg" data-src="images/shape/shape_172.svg" alt=""
            class="lazy-img shapes shape-two">
    </div>
    <!-- /.fancy-feature-fiftyOne -->



    <!--
                                                                                   =============================================
                                                                                    Feature Section Thirty Seven
                                                                                   ==============================================
                                                                                   -->
    <div class="fancy-feature-thirtySeven mt-225 lg-mt-120">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="block-style-four pe-xxl-5 me-xxl-4 md-mb-70 wow fadeInLeft">
                        <div class="title-style-six">
                            <div class="sc-title-two text-uppercase">POURQUOI NOUS</div>
                            <h2 class="main-title fw-500 tx-dark">Tout pour la gestion médicale.</h2>
                        </div> <!-- /.title-style-ten -->
                        <p class="fs-20 pt-20 pb-30 lg-pt-10 lg-pb-20">Transformez votre établissement médical en une
                            machine performante avec HospitalManager. Posez vos questions, nous avons les réponses.</p>
                        <ul class="style-none list-item">
                            <li>Communication exceptionnelle.</li>
                            <li>Expérience de conception de pointe.</li>
                            <li>Support par e-mail et chat en direct.</li>
                        </ul>
                        <div class="d-inline-flex align-items-center mt-35 lg-mt-20">
                            <ul class="d-flex style-none rating">
                                <li><i class="fa-solid fa-star"></i></li>
                                <li><i class="fa-solid fa-star"></i></li>
                                <li><i class="fa-solid fa-star"></i></li>
                                <li><i class="fa-solid fa-star"></i></li>
                                <li><i class="fa-solid fa-star"></i></li>
                            </ul>
                            <div class="fs-20 ms-2"><strong class="fw-500 tx-dark">4.8</strong> <span
                                    class="tx-dark fs-16 opacity-50">(30k Avis)</span></div>
                        </div>
                    </div>
                </div>
                <div class="col-xxl-5 col-lg-6 ms-auto">
                    <div class="row align-items-end">
                        <div class="col-md-5 col-sm-4 wow fadeInUp">
                            <img src="images/lazy.svg" data-src="images/shape/shape_136.svg" alt=""
                                class="lazy-img d-none d-sm-inline-block">
                        </div>
                        <div class="col-md-7 col-sm-8 wow fadeInDown">
                            <div class="block-wrapper block-one">
                                <h3 style="color:#FFAE10;">10 millions+</h3>
                                <p>Les clients nous font confiance et ont souscrit à nos services.</p>
                            </div> <!-- /.block-wrapper -->
                        </div>
                    </div>
                    <div class="row gx-xxl-5">
                        <div class="col-sm-7 wow fadeInDown">
                            <div class="block-wrapper block-two position-relative mt-50 sm-mt-30">
                                <h3 style="color:#9650EF;">50+ <br><span>Assurances</span></h3>
                                <p>Partenariat avec nous pour comparer facilement et en toute transparence.</p>
                                <img src="images/lazy.svg" data-src="images/shape/shape_138.svg" alt=""
                                    class="lazy-img shapes shape-one">
                            </div> <!-- /.block-wrapper -->
                        </div>
                        <div class="col-sm-5 wow fadeInUp">
                            <div class="block-wrapper block-three mt-50 sm-mt-30">
                                <h3 style="color:#00BDE6;"><span>Réclamations</span></h3>
                                <p>Obtenez un support facilement par nos experts.</p>
                            </div> <!-- /.block-wrapper -->
                            <img src="images/lazy.svg" data-src="images/shape/shape_137.svg" alt=""
                                class="lazy-img mt-30 ms-auto me-auto d-none d-sm-inline-block">
                        </div>
                    </div>
                </div>
            </div>
        </div> <!-- /.container -->
    </div>
    <!-- /.fancy-feature-thirtySeven -->




    <!--
                                                                                   =====================================================
                                                                                    Feedback Section Eleven
                                                                                   =====================================================
                                                                                   -->

    <div class="feedback-section-eleven position-relative mt-200 pt-100 pb-70 lg-mt-120 lg-pt-70 lg-pb-50 wow fadeInUp">
        <div class="container">
            <div class="title-style-one text-center mb-50 lg-mb-20">
                <h2 class="main-title fw-500 tx-blue-dark m0">Témoignages Clients</h2>
            </div>
        </div>

        <div class="inner-content">
            <div class="slider-wrapper">
                <div class="feedback_slider_seven">
                    <div class="item">
                        <div class="feedback-block-eleven">
                            <div class="top-header d-flex align-items-center justify-content-between">
                                <div>
                                    <h3 class="tx-blue-dark m0">Impressionnant !</h3>
                                    <ul class="style-none d-flex rating pt-15">
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                    </ul>
                                </div>
                                <img src="images/icon/icon_112.svg" alt="" width="50">
                            </div> <!-- /.top-header -->
                            <p class="tx-blue-dark">HospitalManager est notre allié quotidien, offrant des outils avancés
                                et un support exceptionnel.</p>
                            <div class="d-flex align-items-center justify-content-between">
                                <div class="cost fw-500 tx-blue-dark fs-20">Sarah Dupont, <span
                                        class="opacity-50 fw-normal">Paris</span></div>
                                <img src="jano/images/gallery/avatar-5.jpg" alt=""
                                    class="rounded-circle object-fit-cover" width="60" height="60">
                            </div>
                        </div> <!-- /.feedback-block-eleven -->
                    </div>
                    <div class="item">
                        <div class="feedback-block-eleven">
                            <div class="top-header d-flex align-items-center justify-content-between">
                                <div>
                                    <h3 class="tx-blue-dark m0">Efficace !</h3>
                                    <ul class="style-none d-flex rating pt-15">
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                    </ul>
                                </div>
                                <img src="images/icon/icon_112.svg" alt="" width="50">
                            </div> <!-- /.top-header -->
                            <p class="tx-blue-dark">HospitalManager simplifie notre quotidien et améliore l'efficacité de
                                nos services médicaux.</p>
                            <div class="d-flex align-items-center justify-content-between">
                                <div class="cost fw-500 tx-blue-dark fs-20">Thomas Moreau, <span
                                        class="opacity-50 fw-normal">Lyon</span></div>
                                <img src="jano/images/gallery/avatar-2.jpg" alt=""
                                    class="rounded-circle object-fit-cover" width="60" height="60">
                            </div>
                        </div> <!-- /.feedback-block-eleven -->
                    </div>
                    <div class="item">
                        <div class="feedback-block-eleven">
                            <div class="top-header d-flex align-items-center justify-content-between">
                                <div>
                                    <h3 class="tx-blue-dark m0">Exceptionnel !</h3>
                                    <ul class="style-none d-flex rating pt-15">
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                    </ul>
                                </div>
                                <img src="images/icon/icon_112.svg" alt="" width="50">
                            </div> <!-- /.top-header -->
                            <p class="tx-blue-dark">HospitalManager est essentiel, offrant une gestion médicale efficace et
                                personnalisée à notre établissement.</p>
                            <div class="d-flex align-items-center justify-content-between">
                                <div class="cost fw-500 tx-blue-dark fs-20">Sophie Martin, <span
                                        class="opacity-50 fw-normal">Marseille</span></div>
                                <img src="jano/images/gallery/avatar-6.jpg" alt=""
                                    class="rounded-circle object-fit-cover" width="60" height="60">
                            </div>
                        </div> <!-- /.feedback-block-eleven -->
                    </div>
                    <div class="item">
                        <div class="feedback-block-eleven">
                            <div class="top-header d-flex align-items-center justify-content-between">
                                <div>
                                    <h3 class="tx-blue-dark m0">Innovant !</h3>
                                    <ul class="style-none d-flex rating pt-15">
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                    </ul>
                                </div>
                                <img src="images/icon/icon_112.svg" alt="" width="50">
                            </div> <!-- /.top-header -->
                            <p class="tx-blue-dark">HospitalManager a révolutionné notre gestion des soins grâce à ses
                                fonctionnalités innovantes.</p>
                            <div class="d-flex align-items-center justify-content-between">
                                <div class="cost fw-500 tx-blue-dark fs-20">Marie Dupont, <span
                                        class="opacity-50 fw-normal">Toulouse</span></div>
                                <img src="jano/images/gallery/avatar-7.jpg" alt=""
                                    class="rounded-circle object-fit-cover" width="60" height="60">
                            </div>
                        </div> <!-- /.feedback-block-eleven -->
                    </div>
                </div> <!-- /.feedback_slider_seven -->
            </div> <!-- /.slider-wrapper -->
        </div> <!-- /.inner-content -->
    </div> <!-- /.feedback-section-eleven -->



    <!--
                                                                                   =============================================
                                                                                    Feature Section Thirty Eight
                                                                                   ==============================================
                                                                                   -->
    <div class="fancy-feature-thirtyEight mt-180 lg-mt-120">
        <div class="container">
            <div class="row">
                <div class="col-lg-5">
                    <div class="block-style-seven wow fadeInLeft">
                        <div class="title-style-six">
                            <div class="sc-title-two text-uppercase">NOTRE SOLUTION</div>
                            <h2 class="main-title fw-500 tx-dark">Solutions hospitalières digitales
                            </h2>
                        </div> <!-- /.title-style-ten -->
                        <p class="fs-20 pt-10 pb-30 lg-pb-20">Vous avez des questions sur notre solution HospitalManager ?
                            Contactez-nous dès maintenant pour obtenir des réponses et découvrir comment nous pouvons
                            améliorer la gestion de votre établissement de santé.</p>
                        <div class="btn-eighteen position-relative d-inline-block tx-dark"><a href="about-v1.html"
                                class="fw-500 tran3s">En savoir plus sur HospitalManager <i
                                    class="fa-solid fa-angle-right"></i></a></div>
                    </div> <!-- /.block-style-seven -->
                </div>

                <div class="col-lg-6 ms-auto wow fadeInRight">
                    <div class="accordion accordion-style-two md-mt-60" id="accordionOne">
                        <div class="accordion-item">
                            <div class="accordion-header" id="headingOne">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                                    Gestion complète des dossiers médicaux électroniques
                                </button>
                            </div>
                            <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
                                data-bs-parent="#accordionOne">
                                <div class="accordion-body">
                                    <p>Notre solution HospitalManager offre une gestion complète et sécurisée des dossiers
                                        médicaux électroniques, permettant un accès rapide et fiable aux informations
                                        cruciales pour les soins aux patients.</p>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <div class="accordion-header" id="headingTwo">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    Planification des rendez-vous et des ressources
                                </button>
                            </div>
                            <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                                data-bs-parent="#accordionOne">
                                <div class="accordion-body">
                                    <p>Notre solution HospitalManager simplifie la planification des rendez-vous et des
                                        ressources, optimisant l'efficacité de votre établissement et améliorant
                                        l'expérience des patients.</p>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <div class="accordion-header" id="headingThree">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
                                    Suivi des stocks et des équipements médicaux
                                </button>
                            </div>
                            <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
                                data-bs-parent="#accordionOne">
                                <div class="accordion-body">
                                    <p>Avec HospitalManager, gérez efficacement vos stocks et équipements médicaux,
                                        garantissant une disponibilité constante des fournitures essentielles pour des soins
                                        de qualité.</p>
                                </div>
                            </div>
                        </div>
                    </div> <!-- /.accordion-style-two -->
                </div>
            </div>
        </div> <!-- /.container -->

        <div class="partner-section-six position-relative mt-130 lg-mt-80">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-5">
                        <h3 class="title tx-dark text-center text-lg-start md-pb-10 m0"><span>Divers</span> Partenaires de
                            confiance</h3>
                    </div>
                    <div class="col-xl-6 col-lg-7 ms-auto">
                        <div
                            class="logo-wrapper text-center d-flex justify-content-center justify-content-lg-between flex-wrap">
                            <div class="br-name">Hôpitaux</div>
                            <div class="br-name">.</div>
                            <div class="br-name">Cliniques</div>
                            <div class="br-name">.</div>
                            <div class="br-name">Laboratoires</div>
                            {{-- <div class="br-name">.</div>
                            <div class="br-name">Associations Médicales</div> --}}
                        </div> <!-- /.logo-wrapper -->
                    </div>
                </div>
            </div> <!-- /.container -->
        </div> <!-- /.partner-section-six -->
    </div>
    <!-- /.fancy-feature-thirtyEight -->




    <!--
                                                                                   =====================================================
                                                                                    Fancy Short Banner Sixteen
                                                                                   =====================================================
                                                                                   -->
    <div class="fancy-short-banner-sixteen mt-130 lg-mt-100 mb-130 lg-mb-100 wow fadeInUp">
        <div class="container">
            <div class="bg-wrapper pt-65 pb-65 lg-pt-40 lg-pb-40">
                <div class="row">
                    <div class="col-xl-10 col-md-11 m-auto">
                        <div class="row align-items-center">
                            <div class="col-lg-6">
                                <div class="text-wrapper text-center text-lg-start md-pb-30">
                                    <div class="sc-title fs-18 pb-10">Un Projet en Tête ?</div>
                                    <h2 class="main-title fw-500 text-white m0">N'hésitez pas à nous envoyer un message.
                                    </h2>
                                </div>
                            </div>
                            <div class="col-lg-5 ms-auto text-center text-lg-end">
                                <a href="/contact-us" class="btn-twentyOne fw-500 tran3s">Commencer Aujourd'hui !</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div> <!-- /.bg-wrapper -->
        </div>
    </div>
    <!-- /.fancy-short-banner-sixteen -->



    <button class="scroll-top">
        <i class="bi bi-arrow-up-short"></i>
    </button>
@endsection