{"id":83,"date":"2025-02-06T09:20:52","date_gmt":"2025-02-06T08:20:52","guid":{"rendered":"https:\/\/hbassurance.com\/?page_id=83"},"modified":"2025-02-18T10:05:35","modified_gmt":"2025-02-18T09:05:35","slug":"hbassurance-homepage-elementor","status":"publish","type":"page","link":"https:\/\/hbassurance.com\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"83\" class=\"elementor elementor-83\">\n\t\t\t\t<div class=\"elementor-element elementor-element-479c8b6e e-con-full e-flex e-con e-parent\" data-id=\"479c8b6e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a47ea2 elementor-align-left elementor-widget elementor-widget-home-1-offer\" data-id=\"5a47ea2\" data-element_type=\"widget\" data-widget_type=\"home-1-offer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t\t\t<section class=\"pdt-110 pdb-90 pdb-md-110\" data-background=\"http:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/bg6.jpg\" data-overlay-primary-color=\"94\">\r\n\t\t\t\t\t<div class=\"section-content\">\r\n\t\t\t\t<div class=\"container\">\r\n\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t<div class=\"col-md-12 col-lg-6 col-xl-7 wow fadeInUp\" data-wow-delay=\"0ms\" data-wow-duration=\"800ms\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"text-white mrb-25\">Bienvenue chez HB Assurance<\/h2>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t\t\t<div class=\"col-xl-6\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"text-white mrb-35\"><h4 class=\"text-white mrb-35\" style=\"width: 500px;text-align: left\">Le cabinet de courtage qui place vos besoins au coeur de ses priorit\u00e9s<\/h4><\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"col-xl-6\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"col-md-8 col-lg-6 col-xl-5 wow fadeInUp\" data-wow-delay=\"200ms\" data-wow-duration=\"800ms\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"company-img\">\r\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"http:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/img.jpg\" alt=\"\">\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/section>\r\n\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b11e69 elementor-widget elementor-widget-html\" data-id=\"3b11e69\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section\r\n  class=\"elementor-section elementor-top-section elementor-element elementor-element-0a40310 elementor-section-full_width elementor-section-height-default elementor-section-height-default\"\r\n  data-id=\"0a40310\"\r\n  data-element_type=\"section\"\r\n>\r\n  <div class=\"elementor-container elementor-column-gap-no\">\r\n    <div\r\n      class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7c8e1a8\"\r\n      data-id=\"7c8e1a8\"\r\n      data-element_type=\"column\"\r\n    >\r\n      <div class=\"elementor-widget-wrap elementor-element-populated\">\r\n        <div\r\n          class=\"elementor-element elementor-element-b984ab9 elementor-align-left elementor-widget elementor-widget-home-1-about\"\r\n          data-id=\"b984ab9\"\r\n          data-element_type=\"widget\"\r\n          data-widget_type=\"home-1-about.default\"\r\n        >\r\n          <div class=\"elementor-widget-container\">\r\n            <section\r\n              class=\"about-section anim-object pdt-110 pdb-115 pdb-lg-110\"\r\n              data-background=\"https:\/\/shtheme.com\/demosd\/insuren\/wp-content\/uploads\/2022\/11\/abs-bg3.png\"\r\n              style=\"\r\n                background-image: url('https:\/\/shtheme.com\/demosd\/insuren\/wp-content\/uploads\/2022\/11\/abs-bg3.png');\r\n              \"\r\n            >\r\n              <div class=\"container\">\r\n                <div class=\"row\">\r\n                  <div class=\"col-md-12 col-lg-8 col-xl-6\">\r\n                    <div\r\n                      class=\"about-image-box-style2 dot-circle mrr-60 mrr-lg-0\"\r\n                    >\r\n                      <img\r\n                        decoding=\"async\"\r\n                        class=\"about-image1 img-full js-tilt d-none d-md-block d-lg-block d-xl-block\"\r\n                        src=\"https:\/\/shtheme.com\/demosd\/insuren\/wp-content\/uploads\/2022\/11\/about-sm1.jpg\"\r\n                        alt=\"Courtier en assurance HB Assurance\"\r\n                      \/>\r\n                      <img\r\n                        decoding=\"async\"\r\n                        class=\"about-image2 img-full\"\r\n                        src=\"https:\/\/shtheme.com\/demosd\/insuren\/wp-content\/uploads\/2022\/11\/about-lg1.jpg\"\r\n                        alt=\"Assurance habitation et sant\u00e9 en ligne\"\r\n                      \/>\r\n                    <\/div>\r\n                  <\/div>\r\n                  <div class=\"col-md-12 col-lg-10 col-xl-6\">\r\n                    <h2 class=\"mrb-35\">Pourquoi choisir HB Assurance?<\/h2>\r\n                    <!-- <p class=\"mrb-35\">\r\n                      Lorem ipsum dolor sit amet consectetur adipiscing, elit\r\n                      libero facilisis donec laoreet ridiculus convallis\r\n                      ultrices sociis fermentum orci nasceture\r\n                    <\/p> -->\r\n                    <div class=\"row no-gutters mrb-15\">\r\n                      <div class=\"col-xl-6 col-lg-6 col-md-6 col-sm-6\">\r\n                        <div class=\"featured-icon-box mrb-15\">\r\n                          <div class=\"featured-icon\">\r\n                            <i class=\"webexflaticon flaticon-analytics\"><\/i>\r\n                          <\/div>\r\n                          <div class=\"featured-content\">\r\n                            <h4 class=\"featured-title\">\r\n                              Un courtier digital & humain\r\n                            <\/h4>\r\n                            <p class=\"featured-desc\">\r\n                              G\u00e9rez vos contrats en ligne tout en b\u00e9n\u00e9ficiant\r\n                              d\u2019un accompagnement personnalis\u00e9.\r\n                            <\/p>\r\n                          <\/div>\r\n                        <\/div>\r\n                      <\/div>\r\n                      <div class=\"col-xl-6 col-lg-6 col-md-6 col-sm-6\">\r\n                        <div class=\"featured-icon-box mrb-15\">\r\n                          <div class=\"featured-icon\">\r\n                            <i class=\"webexflaticon flaticon-plan\"><\/i>\r\n                          <\/div>\r\n                          <div class=\"featured-content\">\r\n                            <h4 class=\"featured-title\">Des tarifs n\u00e9goci\u00e9s<\/h4>\r\n                            <p class=\"featured-desc\">\r\n                              Nous s\u00e9lectionnons pour vous les offres les plus\r\n                              comp\u00e9titives aupr\u00e8s de nos partenaires assureurs.\r\n                            <\/p>\r\n                          <\/div>\r\n                        <\/div>\r\n                      <\/div>\r\n                      <div class=\"col-xl-6 col-lg-6 col-md-6 col-sm-6\">\r\n                        <div class=\"featured-icon-box mrb-15\">\r\n                          <div class=\"featured-icon\">\r\n                            <i class=\"webexflaticon flaticon-employee-2\"><\/i>\r\n                          <\/div>\r\n                          <div class=\"featured-content\">\r\n                            <h4 class=\"featured-title\">\r\n                              Une prise en charge rapide des sinistres\r\n                            <\/h4>\r\n                            <p class=\"featured-desc\">\r\n                              Un espace client d\u00e9di\u00e9 pour d\u00e9clarer et suivre vos\r\n                              sinistres en toute simplicit\u00e9.\r\n                            <\/p>\r\n                          <\/div>\r\n                        <\/div>\r\n                      <\/div>\r\n                      <div class=\"col-xl-6 col-lg-6 col-md-6 col-sm-6\">\r\n                        <div class=\"featured-icon-box mrb-15\">\r\n                          <div class=\"featured-icon\">\r\n                            <i class=\"webexflaticon flaticon-award\"><\/i>\r\n                          <\/div>\r\n                          <div class=\"featured-content\">\r\n                            <h4 class=\"featured-title\">Un conseiller d\u00e9di\u00e9<\/h4>\r\n                            <p class=\"featured-desc\">\r\n                              Vous b\u00e9n\u00e9ficiez d\u2019un interlocuteur unique qui vous\r\n                              accompagne dans la gestion de vos contrats.\r\n                            <\/p>\r\n                          <\/div>\r\n                        <\/div>\r\n                      <\/div>\r\n                    <\/div>\r\n                    <!-- <div class=\"d-inline d-md-flex align-items-center mt-40\">\r\n                      <a\r\n                        href=\"?page_id=119\"\r\n                        class=\"cs-btn-one btn-primary-color btn-md btn-block mrr-30 mrb-sm-30\"\r\n                        >Read More<\/a\r\n                      >\r\n                    <\/div> -->\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/section>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"cta-section pdt-50 pdb-50\">\r\n  <div class=\"container\">\r\n    <div class=\"row\">\r\n      <div class=\"col-md-12 text-center\">\r\n        <h3 class=\"cta-title\">Prot\u00e9gez l\u2019essentiel, choisissez HB Assurance.<\/h3>\r\n        <p class=\"cta-subtitle\">Souscrivez en ligne en quelques clics et b\u00e9n\u00e9ficiez d\u2019une couverture imm\u00e9diate.<\/p>\r\n        <a href=\"?page_id=1778\" class=\"cta-button\" title=\"Espace client HB Assurance\">Souscrire maintenant<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .cta-section {\r\n  background-color: #003478;\r\n  color: #fff;\r\n  padding: 50px 0;\r\n}\r\n\r\n.cta-title {\r\n  font-size: 28px;\r\n  font-weight: 700;\r\n  margin-bottom: 15px;\r\n  color: white;\r\n}\r\n\r\n.cta-subtitle {\r\n  font-size: 18px;\r\n  font-weight: 400;\r\n  margin-bottom: 25px;\r\n  color: white;\r\n}\r\n\r\n.cta-button {\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  padding: 10px 20px;\r\n  border-radius: 5px;\r\n  background-color: #fff;\r\n  color: #007bff;\r\n  text-decoration: none;\r\n  transition: background-color 0.3s ease;\r\n}\r\n\r\n.cta-button:hover {\r\n  background-color: #f8f9fa;\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16a7e89 elementor-widget elementor-widget-html\" data-id=\"16a7e89\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"cta-section-2 pdt-80 pdb-80\">\r\n  <div class=\"container\">\r\n    <div class=\"row align-items-stretch\">\r\n      <!-- Utilisation de align-items-stretch pour \u00e9galiser les hauteurs -->\r\n      <div class=\"text-center text-md-left\">\r\n        <h2 class=\"p-0 mb-5\" style=\"width: 80%; margin: auto\">\r\n          Prot\u00e9gez ce qui compte le plus pour vous d\u00e8s aujourd\u2019hui !\r\n        <\/h2>\r\n        <div class=\"w-100 d-flex align-items-center justify-content-center\">\r\n          <h4 class=\"mrb-40 w-75\">\r\n            Chez HB Assurance, nous simplifions l\u2019assurance pour vous offrir des\r\n            solutions sur mesure, adapt\u00e9es \u00e0 votre mode de vie et \u00e0 votre\r\n            activit\u00e9 professionnelle.\r\n          <\/h4>\r\n        <\/div>\r\n        <div class=\"row\">\r\n          <!-- Colonne pour l'image -->\r\n          <div class=\"col-md-5 d-none d-md-block\" id=\"image\">\r\n            <div class=\"cta-image\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/shtheme.com\/demosd\/insuren\/wp-content\/uploads\/2022\/08\/02.jpg\"\r\n                alt=\"Famille assur\u00e9e avec HB Assurance\"\r\n                class=\"img-fluid rounded shadow\"\r\n              \/>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"col-md-1\"><\/div>\r\n          <!-- Colonne pour le contenu -->\r\n          <div class=\"col-md-6\" id=\"content\">\r\n            <div class=\"cta-features mrb-40\">\r\n              <ul class=\"feature-list\">\r\n                <li class=\"feature-item\">\r\n                  <i class=\"fas fa-check-circle\"><\/i> Comparez nos offres en\r\n                  quelques clics.\r\n                <\/li>\r\n                <li class=\"feature-item\">\r\n                  <i class=\"fas fa-check-circle\"><\/i> Obtenez un devis\r\n                  personnalis\u00e9 en moins de 2 minutes.\r\n                <\/li>\r\n                <li class=\"feature-item\">\r\n                  <i class=\"fas fa-check-circle\"><\/i> Souscrivez imm\u00e9diatement et\r\n                  b\u00e9n\u00e9ficiez d\u2019une couverture instantan\u00e9e.\r\n                <\/li>\r\n                <li class=\"feature-item\">\r\n                  <i class=\"fas fa-check-circle\"><\/i> Gagnez du temps, \u00e9conomisez\r\n                  de l\u2019argent et assurez-vous en toute s\u00e9r\u00e9nit\u00e9.\r\n                <\/li>\r\n              <\/ul>\r\n            <\/div>\r\n            <p class=\"cta-subtitle-2 mrb-40\">\r\n              D\u00e9couvrez nos offres maintenant et trouvez l\u2019assurance qui vous\r\n              correspond parfaitement !\r\n            <\/p>\r\n            <p class=\"cta-note mt-40\">\r\n              Besoin de conseils ? Un expert d\u00e9di\u00e9 est \u00e0 votre disposition pour\r\n              vous guider dans le choix de votre assurance.\r\n            <\/p>\r\n            <div class=\"cta-buttons\">\r\n              <a href=\"?page_id=53\" class=\"cta-button-2 mrr-20\" title=\"Voir toutes nos offres d'assurance\">Voir nos offres<\/a>\r\n              <a href=\"?page_id=2607\" class=\"cta-button-2 mrr-20\" title=\"Obtenez un devis en ligne\">Obtenir un devis<\/a>\r\n              <a href=\"?page_id=501\" class=\"cta-button-2\" title=\"Contactez un conseiller en assurance\">Parler \u00e0 un conseiller<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n  \r\n  <style>\r\n    \/* Section principale *\/\r\n    .cta-section-2 {\r\n      background-image: url(\"https:\/\/shtheme.com\/demosd\/insuren\/wp-content\/uploads\/2022\/12\/abs-bg11.png\");\r\n      background-size: cover;\r\n      background-position: center;\r\n      background-repeat: no-repeat;\r\n      padding: 80px 0;\r\n      border-top: 1px solid #e0e0e0;\r\n      border-bottom: 1px solid #e0e0e0;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n  \r\n    .cta-section-2::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-color: rgba(0, 0, 0, 0.01);\r\n      z-index: -1;\r\n    }\r\n  \r\n    \/* Flexbox sur la ligne pour \u00e9tirer les colonnes *\/\r\n    .row {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      align-items: stretch; \/* Pour que les colonnes aient la m\u00eame hauteur *\/\r\n    }\r\n  \r\n    \/* Titre principal *\/\r\n    .cta-title-2 {\r\n      font-size: 32px;\r\n      font-weight: 700;\r\n      color: #333;\r\n      margin-bottom: 30px;\r\n    }\r\n  \r\n    \/* Sous-titre *\/\r\n    .cta-subtitle-2 {\r\n      font-size: 18px;\r\n      font-weight: 400;\r\n      color: #555;\r\n      line-height: 1.6;\r\n      margin-bottom: 40px;\r\n    }\r\n  \r\n    \/* Contenu des autres sections *\/\r\n    .cta-features {\r\n      margin-bottom: 40px;\r\n    }\r\n  \r\n    .cta-note {\r\n      font-size: 14px;\r\n      font-weight: 400;\r\n      color: #666;\r\n      margin-top: 40px;\r\n    }\r\n  \r\n    \/* Liste des fonctionnalit\u00e9s *\/\r\n    .feature-list {\r\n      list-style: none;\r\n      padding: 0;\r\n      margin: 0;\r\n    }\r\n  \r\n    .feature-item {\r\n      font-size: 16px;\r\n      font-weight: 400;\r\n      color: #444;\r\n      margin-bottom: 15px;\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n  \r\n    .feature-item i {\r\n      color: #007bff; \/* Couleur des ic\u00f4nes *\/\r\n      margin-right: 10px;\r\n      font-size: 18px;\r\n    }\r\n  \r\n    \/* Boutons CTA *\/\r\n    .cta-buttons {\r\n      display: flex;\r\n      justify-content: center;\r\n      flex-wrap: wrap;\r\n      gap: 15px;\r\n    }\r\n  \r\n    .cta-button-2 {\r\n      font-size: 16px;\r\n      font-weight: 600;\r\n      padding: 12px 25px;\r\n      border-radius: 5px;\r\n      background-color: #007bff;\r\n      color: #fff;\r\n      text-decoration: none;\r\n      transition: background-color 0.3s ease;\r\n    }\r\n  \r\n    .cta-button-2:hover {\r\n      background-color: #fff;\r\n      color: #0056b3;\r\n    }\r\n  \r\n    \/* Note en bas *\/\r\n    .cta-note {\r\n      font-size: 14px;\r\n      font-weight: 400;\r\n      color: #666;\r\n      margin-top: 40px;\r\n    }\r\n  \r\n    \/* Styles pour l'image \u00e0 gauche *\/\r\n    .cta-image img {\r\n      max-width: 100%;\r\n      height: auto;\r\n      border-radius: 10px; \/* Optionnel : pour arrondir les coins *\/\r\n      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); \/* Optionnel : pour ajouter une ombre *\/\r\n    }\r\n  \r\n    \/* Animation de l'image *\/\r\n    @keyframes fadeInLeft {\r\n      from {\r\n        opacity: 0;\r\n        transform: translateX(-100%);\r\n      }\r\n      to {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n      }\r\n    }\r\n  \r\n    \/* Animation du contenu *\/\r\n    @keyframes fadeInRight {\r\n      from {\r\n        opacity: 0;\r\n        transform: translateX(100%);\r\n      }\r\n      to {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n      }\r\n    }\r\n  \r\n    \/* Image \u00e0 gauche *\/\r\n    #image {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center; \/* Centre l'image verticalement *\/\r\n      opacity: 0; \/* Initial state (hidden) *\/\r\n    }\r\n  \r\n    #image img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover; \/* Pour que l'image couvre toute la hauteur de la colonne sans d\u00e9formation *\/\r\n      border-radius: 10px;\r\n      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\r\n    }\r\n  \r\n    #image.visible {\r\n      animation: fadeInLeft 1s ease-out forwards;\r\n    }\r\n  \r\n    \/* Contenu \u00e0 droite *\/\r\n    #content-right {\r\n      opacity: 0;\r\n    }\r\n  \r\n    #content-right.visible {\r\n      animation: fadeInRight 1s ease-out forwards;\r\n    }\r\n  \r\n    \/* Contenu \u00e0 droite *\/\r\n    #content {\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center; \/* Centre le contenu verticalement *\/\r\n      opacity: 0;\r\n    }\r\n  \r\n    #content.visible {\r\n      animation: fadeInRight 1s ease-out forwards;\r\n    }\/* Section principale *\/\r\n.cta-section-2 {\r\n  background-image: url(\"https:\/\/shtheme.com\/demosd\/insuren\/wp-content\/uploads\/2022\/12\/abs-bg11.png\");\r\n  background-size: cover;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n  padding: 80px 0;\r\n  border-top: 1px solid #e0e0e0;\r\n  border-bottom: 1px solid #e0e0e0;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.cta-section-2::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.01);\r\n  z-index: -1;\r\n}\r\n\r\n\/* Flexbox sur la ligne pour \u00e9tirer les colonnes *\/\r\n.row {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: stretch; \/* Pour que les colonnes aient la m\u00eame hauteur *\/\r\n}\r\n\r\n\/* Titre principal *\/\r\n.cta-title-2 {\r\n  font-size: 32px;\r\n  font-weight: 700;\r\n  color: #333;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n\/* Sous-titre *\/\r\n.cta-subtitle-2 {\r\n  font-size: 18px;\r\n  font-weight: 400;\r\n  color: #555;\r\n  line-height: 1.6;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n\/* Contenu des autres sections *\/\r\n.cta-features {\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.cta-note {\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  color: #666;\r\n  margin-top: 40px;\r\n}\r\n\r\n\/* Liste des fonctionnalit\u00e9s *\/\r\n.feature-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.feature-item {\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  color: #444;\r\n  margin-bottom: 15px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.feature-item i {\r\n  color: #007bff; \/* Couleur des ic\u00f4nes *\/\r\n  margin-right: 10px;\r\n  font-size: 18px;\r\n}\r\n\r\n\/* Boutons CTA *\/\r\n.cta-buttons {\r\n  display: flex;\r\n  justify-content: center;\r\n  flex-wrap: wrap;\r\n  gap: 15px;\r\n}\r\n\r\n.cta-button-2 {\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  padding: 12px 25px;\r\n  border-radius: 5px;\r\n  background-color: #007bff;\r\n  color: #fff;\r\n  text-decoration: none;\r\n  transition: background-color 0.3s ease;\r\n}\r\n\r\n.cta-button-2:hover {\r\n  background-color: #fff;\r\n  color: #0056b3;\r\n}\r\n\r\n\/* Styles pour l'image \u00e0 gauche *\/\r\n.cta-image img {\r\n  max-width: 100%;\r\n  height: auto;\r\n  border-radius: 10px; \/* Optionnel : pour arrondir les coins *\/\r\n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); \/* Optionnel : pour ajouter une ombre *\/\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 768px) {\r\n  .cta-section-2 {\r\n    padding: 60px 0;\r\n  }\r\n\r\n  .cta-title-2 {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .cta-subtitle-2 {\r\n    font-size: 16px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .cta-features {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .cta-buttons {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* Image takes full width on small screens *\/\r\n  #image {\r\n    display: block;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  \/* Ensure the content also takes the full width *\/\r\n  #content {\r\n    width: 100%;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Adjust font size for feature items *\/\r\n  .feature-item {\r\n    font-size: 14px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .cta-title-2 {\r\n    font-size: 24px;\r\n  }\r\n\r\n  .cta-subtitle-2 {\r\n    font-size: 14px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .cta-button-2 {\r\n    font-size: 14px;\r\n    padding: 10px 20px;\r\n  }\r\n\r\n  .feature-item {\r\n    font-size: 13px;\r\n  }\r\n}\r\n\r\n  <\/style>\r\n  \r\n  <script>\r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n      const image = document.querySelector(\"#image\");\r\n      const content = document.querySelector(\"#content\");\r\n      const contentRight = document.querySelector(\"#content-right\");\r\n  \r\n      \/\/ Define the Intersection Observer options\r\n      const options = {\r\n        root: null, \/\/ Viewport\r\n        rootMargin: \"0px\",\r\n        threshold: 0.5, \/\/ Trigger when 50% of the element is in the viewport\r\n      };\r\n  \r\n      \/\/ Define the callback for the IntersectionObserver\r\n      const callback = (entries, observer) => {\r\n        entries.forEach((entry) => {\r\n          if (entry.isIntersecting) {\r\n            \/\/ Add 'visible' class to trigger the animation\r\n            entry.target.classList.add(\"visible\");\r\n            observer.unobserve(entry.target); \/\/ Stop observing once it is in view\r\n          }\r\n        });\r\n      };\r\n  \r\n      \/\/ Create the IntersectionObserver\r\n      const observer = new IntersectionObserver(callback, options);\r\n  \r\n      \/\/ Observe the elements\r\n      observer.observe(image);\r\n      observer.observe(content);\r\n      observer.observe(contentRight);\r\n    });\r\n  <\/script>\r\n  \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25c8959 elementor-widget elementor-widget-html\" data-id=\"25c8959\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- N'oubliez pas d'inclure AOS dans votre page -->\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.css\"\r\n\/>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.js\"><\/script>\r\n<script>\r\n  AOS.init({\r\n    duration: 1000,\r\n    once: true,\r\n  });\r\n<\/script>\r\n\r\n<!-- Section Besoin d\u2019aide ? -->\r\n<!-- Section Besoin d\u2019aide ? -->\r\n<section class=\"besoin-daide\">\r\n  <div class=\"container\">\r\n    <h2 data-aos=\"fade-up\">Besoin d\u2019aide ?<\/h2>\r\n    <p data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n      Nos conseillers sont disponibles pour r\u00e9pondre \u00e0 toutes vos questions et vous accompagner dans vos d\u00e9marches.\r\n    <\/p>\r\n\r\n    <!-- Num\u00e9ro de t\u00e9l\u00e9phone -->\r\n    <div class=\"phone-number\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n      <a href=\"tel:+33182831125\" class=\"btn btn-call\" title=\"Appeler HB Assurance\">\r\n        <i class=\"fas fa-phone-alt\"><\/i> +33 1 82 83 11 25\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Boutons d'action -->\r\n    <div class=\"cta-buttons-3\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n      <a href=\"mailto:contact@hbassurance.com\" class=\"btn btn-email\" title=\"Envoyer un email \u00e0 HB Assurance\">Envoyer un email<\/a>\r\n      <a href=\"?page_id=501\" class=\"btn btn-form\" title=\"Remplir le formulaire de contact de HB Assurance\">Remplir le formulaire de contact<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Donn\u00e9es Structur\u00e9es -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"Organization\",\r\n  \"name\": \"HB Assurance\",\r\n  \"contactPoint\": {\r\n    \"@type\": \"ContactPoint\",\r\n    \"telephone\": \"+33 1 82 83 11 25\",\r\n    \"contactType\": \"customer service\",\r\n    \"email\": \"contact@hbassurance.com\",\r\n    \"url\": \"https:\/\/www.hbassurance.com\"\r\n  }\r\n}\r\n<\/script>\r\n\r\n<style>\/* Section Styles *\/\r\n.besoin-daide {\r\n  padding: 60px 0;\r\n  background-color: #003478; \/* Background color *\/\r\n  text-align: center;\r\n}\r\n\r\n.besoin-daide h2 {\r\n  color: white;\r\n}\r\n\r\n.besoin-daide p {\r\n  font-size: 18px;\r\n  margin-bottom: 30px;\r\n  margin-top: 30px;\r\n  color: white;\r\n}\r\n\r\n.phone-number {\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.cta-buttons-3 a,\r\n.btn.btn-call {\r\n  display: inline-block;\r\n  margin: 0 10px;\r\n  padding: 12px 30px;\r\n  font-size: 16px;\r\n  text-decoration: none;\r\n  color: #fff;\r\n  border-radius: 5px;\r\n  transition: background-color 0.3s ease;\r\n}\r\n\r\n.btn.btn-call {\r\n  background-color: #28a745;\r\n}\r\n\r\n.btn.btn-call:hover {\r\n  background-color: #218838;\r\n}\r\n\r\n.cta-buttons-3 a.btn-email {\r\n  background-color: #fff;\r\n  color: #007bff;\r\n}\r\n\r\n.cta-buttons-3 a.btn-email:hover {\r\n  background-color: #007bff;\r\n  color: #fff;\r\n}\r\n\r\n.cta-buttons-3 a.btn-form {\r\n  background-color: #fff;\r\n  color: #007bff;\r\n}\r\n\r\n.cta-buttons-3 a.btn-form:hover {\r\n  background-color: #007bff;\r\n  color: #fff;\r\n}\r\n\r\n.cta-buttons-3 i {\r\n  margin-right: 8px;\r\n}\r\n\r\n\/* Media Query for small devices *\/\r\n@media (max-width: 767px) {\r\n  .cta-buttons-3 a.btn-form {\r\n    margin-top: 20px; \/* Add margin-top for the form button on small screens *\/\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d34cc15 elementor-widget elementor-widget-html\" data-id=\"d34cc15\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- N'oubliez pas d'inclure Font Awesome pour les ic\u00f4nes -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n\r\n<section class=\"nos-offres\">\r\n  <div class=\"container\">\r\n    <h2 data-aos=\"fade-up\">Nos offres d\u2019assurance<\/h2>\r\n    <div class=\"offers-grid\">\r\n      <!-- Offre pour les professionnels -->\r\n      <div class=\"offer-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n        <div class=\"service-style4\">\r\n          <div class=\"service-item-thumb\">\r\n            <img style=\"max-height: 250px; min-height: 250px;\" decoding=\"async\" class=\"img-full\" src=\"https:\/\/shtheme.com\/demosd\/insuren\/wp-content\/uploads\/2022\/08\/project_05.jpg\" alt=\"Assurances pour les professionnels - Protection entreprise\" \r\n>\r\n            <div class=\"service-item-icon\">\r\n              <i class=\"fas fa-briefcase\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"service-item-content\">\r\n            <h4 class=\"service-item-title\">\r\n              <a href=\"?page_id=54\" title=\"Assurance pour les professionnels\">Assurance pour les professionnels<\/a>\r\n            <\/h4>\r\n            <p class=\"service-item-para\">\r\n              Protection sur mesure pour votre entreprise et vos activit\u00e9s professionnelles.\r\n            <\/p>\r\n            <div class=\"service-item-link\">\r\n              <a href=\"?page_id=2607\" class=\"cs-btn-one btn-primary-color btn-sm btn-block mrr-30\" title=\"Obtenir un devis\">Obtenir un devis<\/a>\r\n              <a href=\"?page_id=54\" class=\"cs-btn-one btn-outline btn-sm btn-block\" title=\"D\u00e9couvrir les offres de HB Assurance pour les professionnels\">D\u00e9couvrir<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- Offre pour les particuliers -->\r\n      <div class=\"offer-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n        <div class=\"service-style4\">\r\n          <div class=\"service-item-thumb\">\r\n            <img style=\"max-height: 250px; min-height: 250px;\" decoding=\"async\" class=\"img-full\" src=\"https:\/\/shtheme.com\/demosd\/insuren\/wp-content\/uploads\/2022\/08\/service4.jpg\" alt=\"Assurances pour les particuliers - Assurance sant\u00e9 familiale\">\r\n            <div class=\"service-item-icon\">\r\n              <i class=\"fas fa-home\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"service-item-content\">\r\n            <h4 class=\"service-item-title\">\r\n              <a href=\"?page_id=55\">Assurance pour les particuliers<\/a>\r\n            <\/h4>\r\n            <p class=\"service-item-para\">\r\n              Des solutions adapt\u00e9es pour prot\u00e9ger votre foyer et assurer l'avenir de votre famille.\r\n            <\/p>\r\n            <div class=\"service-item-link\">\r\n              <a href=\"?page_id=2607\" class=\"cs-btn-one btn-primary-color btn-sm btn-block mrr-30\" title=\"Obtenir un devis\">Obtenir un devis<\/a>\r\n              <a href=\"?page_id=55\" class=\"cs-btn-one btn-outline btn-sm btn-block\" title=\"D\u00e9couvrir les offres de HB Assurance pour les particuliers\">D\u00e9couvrir<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n.nos-offres {\r\n  padding: 80px 0;\r\n  background-image: url('https:\/\/shtheme.com\/demosd\/insuren\/wp-content\/uploads\/2022\/11\/abs-bg8.png');\r\n  background-size: cover;\r\n  background-repeat: no-repeat;\r\n  background-position: center;\r\n  text-align: center;\r\n}\r\n\r\n.nos-offres h2 {\r\n  margin-bottom: 60px;\r\n  font-weight: 700;\r\n}\r\n\r\n.offers-grid {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 40px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.offer-item {\r\n  width: 450px;\r\n  text-align: center;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.service-style4 {\r\n  background-color: #fff;\r\n  padding: 20px;\r\n  border-radius: 15px;\r\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.service-item-thumb {\r\n  position: relative;\r\n}\r\n\r\n.img-full {\r\n  width: 100%;\r\n  border-radius: 10px;\r\n  object-fit: cover;\r\n}\r\n\r\n.service-item-icon {\r\n  position: absolute;\r\n  top: 15px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  background-color: #007bff;\r\n  padding: 10px;\r\n  border-radius: 50%;\r\n}\r\n\r\n.service-item-icon i {\r\n  color: #fff;\r\n  font-size: 30px;\r\n}\r\n\r\n.service-item-content {\r\n  padding-top: 20px;\r\n}\r\n\r\n.service-item-title {\r\n  font-size: 22px;\r\n  font-weight: 600;\r\n  color: #333;\r\n  width: 350px;\r\n  text-align: center;\r\n}\r\n\r\n.service-item-title a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n.service-item-para {\r\n  font-size: 16px;\r\n  color: #555;\r\n  margin-top: 10px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.service-item-link {\r\n  margin-top: 20px;\r\n}\r\n\r\n.cs-btn-one {\r\n  background-color: #007bff;\r\n  color: #fff;\r\n  padding: 12px 25px;\r\n  text-decoration: none;\r\n  border-radius: 5px;\r\n  transition: background-color 0.3s ease, color 0.3s ease;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n}\r\n\r\n.cs-btn-one:hover {\r\n  background-color: #0056b3;\r\n}\r\n\r\n.btn-outline {\r\n  background-color: transparent;\r\n  border: 2px solid #007bff;\r\n  color: #007bff;\r\n}\r\n\r\n.btn-outline:hover {\r\n  background-color: #007bff;\r\n  color: #fff;\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- N'oubliez pas d'inclure AOS pour les animations lors du d\u00e9filement -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.css\">\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.js\"><\/script>\r\n<script>\r\n  AOS.init({\r\n    duration: 1000,\r\n    once: true,\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc3fcc2 elementor-widget elementor-widget-html\" data-id=\"cc3fcc2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t  <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.css\" rel=\"stylesheet\">\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n\r\n  <style>\r\n    \/* Palette de couleurs *\/\r\n    :root {\r\n      --bleu-profond: #0162CA;\r\n      --or: #FFD700;\r\n      --blanc: #FFFFFF;\r\n    }\r\n\r\n    body {\r\n      font-family: Arial, sans-serif;\r\n      margin: 0;\r\n      padding: 0;\r\n      color: var(--bleu-profond);\r\n      background-color: var(--blanc);\r\n    }\r\n\r\n    p {\r\n      color: black;\r\n    }\r\n\r\n    \/* Banni\u00e8re immersive *\/\r\n    .banner {\r\n      position: relative;\r\n      height: 100vh; \/* Full viewport height *\/\r\n      background-image: url('https:\/\/shtheme.com\/demosd\/insuren\/wp-content\/uploads\/2022\/12\/banner6.jpg');\r\n      background-size: cover;\r\n      background-position: center 30%;\r\n      display: flex;\r\n      flex-direction: column; \/* Stack children vertically *\/\r\n      align-items: center;\r\n      justify-content: center;\r\n      text-align: center;\r\n      color: var(--blanc);\r\n      background-attachment: fixed;\r\n      background-repeat: no-repeat;\r\n    }\r\n\r\n    .banner::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      background: rgba(0, 0, 0, 0.5); \/* Dark overlay for better text visibility *\/\r\n    }\r\n\r\n    .banner-content {\r\n      position: relative;\r\n      z-index: 1;\r\n      margin-top: 0; \/* Reset margin-top *\/\r\n    }\r\n\r\n    .banner h1 {\r\n      font-size: 3rem;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .banner .cta-button {\r\n      background-color: var(--or);\r\n      color: var(--bleu-profond);\r\n      padding: 15px 30px;\r\n      font-size: 1.2rem;\r\n      border: none;\r\n      cursor: pointer;\r\n      transition: background-color 0.3s ease;\r\n    }\r\n\r\n    .banner .cta-button:hover {\r\n      background-color: #e6b800;\r\n    }\r\n\r\n    \/* Section des ic\u00f4nes dynamiques *\/\r\n    .features {\r\n      display: flex;\r\n      justify-content: space-around;\r\n      flex-wrap: wrap;\r\n      padding: 20px;\r\n      position: relative;\r\n      z-index: 1;\r\n      margin-top: 20px; \/* Space between banner content and features *\/\r\n    }\r\n\r\n    .feature {\r\n      text-align: center;\r\n      max-width: 250px;\r\n      min-width: 200px; \/* Set a minimum width *\/\r\n      margin: 10px;\r\n      padding: 20px;\r\n      background-color: rgba(255, 255, 255, 0.9); \/* Slightly transparent white *\/\r\n      border-radius: 10px;\r\n      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n      flex: 1 1 200px; \/* Allow flex items to grow and shrink *\/\r\n    }\r\n\r\n    .feature:hover {\r\n      transform: translateY(-10px);\r\n      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    .feature i {\r\n      font-size: 40px;\r\n      color: #003478;\r\n      margin-bottom: 20px;\r\n      transition: transform 0.3s ease;\r\n    }\r\n\r\n    .feature:hover i {\r\n      transform: scale(1.2);\r\n    }\r\n\r\n    .feature h3 {\r\n      font-size: 20px;\r\n      font-weight: 700;\r\n      color: #333;\r\n      margin-bottom: 15px;\r\n    }\r\n\r\n    .feature p {\r\n      font-size: 16px;\r\n      color: #666;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    \/* Media Queries for Responsiveness *\/\r\n    @media (max-width: 768px) {\r\n      .banner h1 {\r\n        font-size: 2rem; \/* Smaller font size for mobile *\/\r\n      }\r\n\r\n      .features {\r\n        padding: 10px; \/* Reduce padding for smaller screens *\/\r\n      }\r\n\r\n      .feature {\r\n        margin: 5px; \/* Reduce margin for smaller screens *\/\r\n        min-width: 150px; \/* Adjust minimum width for smaller screens *\/\r\n      }\r\n\r\n      .feature h3 {\r\n        font-size: 18px; \/* Smaller font size for mobile *\/\r\n      }\r\n\r\n      .feature p {\r\n        font-size: 14px; \/* Smaller font size for mobile *\/\r\n      }\r\n    }\r\n  <\/style>\r\n  <!-- Banni\u00e8re immersive -->\r\n  <section class=\"banner\">\r\n    <div class=\"banner-content\">\r\n      <h1 style=\"color: white;\">Votre s\u00e9r\u00e9nit\u00e9, notre engagement<\/h1>\r\n      <div class=\"service-item-link text-center\">\r\n        <div style=\"height: 50px\"><\/div>\r\n        <a href=\"?page_id=2607\" class=\"col-md-4 cs-btn-one btn-sm btn-block\" style=\"background-color: #003478;\" title=\"Obtenez un devis en 2 minutes\" aria-label=\"Obtenze un devis\">Obtenez un devis en 2 minutes<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Section des ic\u00f4nes dynamiques -->\r\n    <section class=\"features\">\r\n      <div class=\"feature\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n        <i class=\"fas fa-handshake\"><\/i>\r\n        <h3>Tarifs n\u00e9goci\u00e9s<\/h3>\r\n        <p>Des tarifs comp\u00e9titifs pour une protection optimale.<\/p>\r\n      <\/div>\r\n      <div class=\"feature\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n        <i class=\"fas fa-shield-alt\"><\/i>\r\n        <h3>Protection optimale<\/h3>\r\n        <p>Une couverture adapt\u00e9e \u00e0 vos besoins.<\/p>\r\n      <\/div>\r\n      <div class=\"feature\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n        <i class=\"fas fa-clock\"><\/i>\r\n        <h3>Souscription rapide<\/h3>\r\n        <p>En ligne, en quelques clics seulement.<\/p>\r\n      <\/div>\r\n      <div class=\"feature\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n        <i class=\"fas fa-smile\"><\/i>\r\n        <h3>+10 000 clients satisfaits<\/h3>\r\n        <p>Rejoignez notre communaut\u00e9.<\/p>\r\n      <\/div>\r\n    <\/section>\r\n  <\/section>\r\n\r\n  <!-- Parallax Section -->\r\n  <section class=\"parallax-section\">\r\n    <!-- This section will show the parallax effect when you scroll -->\r\n  <\/section>\r\n\r\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.js\"><\/script>\r\n  <script>\r\n    AOS.init({\r\n      duration: 1000, \/\/ Dur\u00e9e de l'animation en ms\r\n      once: true, \/\/ L'animation ne se d\u00e9clenche qu'une seule fois\r\n    });\r\n  <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-489eb62 elementor-widget elementor-widget-html\" data-id=\"489eb62\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section\r\n  class=\"elementor-section elementor-top-section elementor-element elementor-element-2fed670 elementor-section-full_width elementor-section-height-default elementor-section-height-default\"\r\n  data-id=\"2fed670\"\r\n  data-element_type=\"section\"\r\n>\r\n  <div class=\"elementor-container elementor-column-gap-no\">\r\n    <div\r\n      class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b8933f8\"\r\n      data-id=\"b8933f8\"\r\n      data-element_type=\"column\"\r\n    >\r\n      <div class=\"elementor-widget-wrap elementor-element-populated\">\r\n        <div\r\n          class=\"elementor-element elementor-element-bb2c485 elementor-align-left elementor-widget elementor-widget-home-1-testimonials\"\r\n          data-id=\"bb2c485\"\r\n          data-element_type=\"widget\"\r\n          data-widget_type=\"home-1-testimonials.default\"\r\n        >\r\n          <div class=\"elementor-widget-container\">\r\n            <section\r\n              class=\"request-a-call-back bg-silver-light pdt-110 pdb-20 bg-pos-center-center\"\r\n              data-background=\"https:\/\/shtheme.com\/demosd\/insuren\/wp-content\/uploads\/2022\/12\/testi-bg1.png\"\r\n              style=\"\r\n                background-image: url('https:\/\/shtheme.com\/demosd\/insuren\/wp-content\/uploads\/2022\/12\/testi-bg1.png');\r\n              \"\r\n            >\r\n              <div\r\n                class=\"section-title mrb-55 text-center wow fadeInUp animated\"\r\n                data-wow-delay=\"0ms\"\r\n                data-wow-duration=\"1500ms\"\r\n                style=\"\r\n                  visibility: visible;\r\n                  animation-duration: 1500ms;\r\n                  animation-delay: 0ms;\r\n                  animation-name: fadeInUp;\r\n                \"\r\n              >\r\n                <div class=\"container\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col\"><\/div>\r\n                    <div class=\"col-lg-8 col-xl-6\">\r\n                      <div class=\"title-box-center\">\r\n                        <h2 class=\"title\">T\u00e9moignages clients<\/h2>\r\n                      <\/div>\r\n                    <\/div>\r\n                    <div class=\"col\"><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"section-content\">\r\n                <div class=\"container\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col\"><\/div>\r\n                    <div class=\"col-xl-7\">\r\n                      <div\r\n                        class=\"owl-carousel testimonial-items-1col testimonial-style2 owl-loaded owl-drag\"\r\n                      >\r\n                        <div class=\"owl-stage-outer\">\r\n                          <div\r\n                            class=\"owl-stage\"\r\n                            style=\"\r\n                              transform: translate3d(-1392px, 0px, 0px);\r\n                              transition: 0.25s;\r\n                              width: 4872px;\r\n                            \"\r\n                          >\r\n                            <div class=\"owl-item cloned\" style=\"width: 696px\">\r\n                              <div class=\"testimonial-item\">\r\n                                <div class=\"testimonial-content\">\r\n                                  <p class=\"comments\">\r\n                                      \"J\u2019avais du mal \u00e0 trouver une assurance\r\n                                    adapt\u00e9e \u00e0 mon activit\u00e9 professionnelle. HB\r\n                                    Assurance a su comprendre mes besoins et me\r\n                                    proposer une couverture sur-mesure. Une\r\n                                    \u00e9quipe r\u00e9active et des conseils clairs, je\r\n                                    recommande !\"\r\n                                  <\/p>\r\n                                <\/div>\r\n                                <ul class=\"star-rating\">\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                <\/ul>\r\n                                <div class=\"testimonial-upper-part\">\r\n                                  <div class=\"testimonial-info\">\r\n                                    <h4 class=\"client-name\">L\u00e9a M. - Paris<\/h4>\r\n                                  <\/div>\r\n                                  <div class=\"testimonial-thumb\">\r\n                                    <img\r\n                                      decoding=\"async\"\r\n                                      src=\"http:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/t1.jpg\"\r\n                                      alt=\"T\u00e9moignage client - HB Assurance\"\r\n                                    \/>\r\n                                  <\/div>\r\n                                <\/div>\r\n                              <\/div>\r\n                            <\/div>\r\n                            <div class=\"owl-item cloned\" style=\"width: 696px\">\r\n                              <div class=\"testimonial-item\">\r\n                                <div class=\"testimonial-content\">\r\n                                  <p class=\"comments\">\r\n                                        \"Suite \u00e0 un accident de voiture, j\u2019ai \u00e9t\u00e9\r\n                                    pris en charge imm\u00e9diatement. Aucune\r\n                                    mauvaise surprise, le remboursement a \u00e9t\u00e9\r\n                                    rapide et conforme au contrat. Un vrai\r\n                                    soulagement !\"\r\n                                  <\/p>\r\n                                <\/div>\r\n                                <ul class=\"star-rating\">\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                <\/ul>\r\n                                <div class=\"testimonial-upper-part\">\r\n                                  <div class=\"testimonial-info\">\r\n                                    <h4 class=\"client-name\">                                      Karim B. - Marseille\r\n                                    <\/h4>\r\n                                  <\/div>\r\n                                  <div class=\"testimonial-thumb\">\r\n                                    <img\r\n                                      decoding=\"async\"\r\n                                      src=\"http:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/t2-e1739368808799.png\"\r\n                                      alt=\"T\u00e9moignage client - HB Assurance\"\r\n                                    \/>\r\n                                  <\/div>\r\n                                <\/div>\r\n                              <\/div>\r\n                            <\/div>\r\n                            <div class=\"owl-item active\" style=\"width: 696px\">\r\n                              <div class=\"testimonial-item\">\r\n                                <div class=\"testimonial-content\">\r\n                                  <p class=\"comments\">\r\n                                    \"G\u00e9rer un immeuble locatif implique des\r\n                                    risques. Gr\u00e2ce \u00e0 HB Assurance, j\u2019ai trouv\u00e9\r\n                                    une couverture fiable qui prot\u00e8ge mon\r\n                                    investissement. Service impeccable et\r\n                                    accompagnement s\u00e9rieux.\"\r\n                                  <\/p>\r\n                                <\/div>\r\n                                <ul class=\"star-rating\">\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                <\/ul>\r\n                                <div class=\"testimonial-upper-part\">\r\n                                  <div class=\"testimonial-info\">\r\n                                    <h4 class=\"client-name\">                                      Jean-Marc D. - Paris\r\n                                    <\/h4>\r\n                                  <\/div>\r\n                                  <div class=\"testimonial-thumb\">\r\n                                    <img\r\n                                      decoding=\"async\"\r\n                                      src=\"http:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/t4-e1739368867683.png\"\r\n                                     alt=\"T\u00e9moignage client - HB Assurance\"\r\n                                    \/>\r\n                                  <\/div>\r\n                                <\/div>\r\n                              <\/div>\r\n                            <\/div>\r\n                            <div class=\"owl-item\" style=\"width: 696px\">\r\n                              <div class=\"testimonial-item\">\r\n                                <div class=\"testimonial-content\">\r\n                                  <p class=\"comments\">\r\n                                    \"En tant qu\u2019artisan, je voulais une\r\n                                    protection compl\u00e8te pour mon mat\u00e9riel et mon\r\n                                    local. HB Assurance m\u2019a propos\u00e9 une offre\r\n                                    comp\u00e9titive et parfaitement adapt\u00e9e \u00e0 mon\r\n                                    activit\u00e9. Un vrai partenaire de confiance !\"\r\n                                  <\/p>\r\n                                <\/div>\r\n                                <ul class=\"star-rating\">\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                <\/ul>\r\n                                <div class=\"testimonial-upper-part\">\r\n                                  <div class=\"testimonial-info\">\r\n                                    <h4 class=\"client-name\">                                      Thomas R. - Bordeaux\r\n                                    <\/h4>\r\n                                  <\/div>\r\n                                  <div class=\"testimonial-thumb\">\r\n                                    <img\r\n                                      decoding=\"async\"\r\n                                      src=\"http:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/t6.jpg\"\r\n                                      alt=\"T\u00e9moignage client - HB Assurance\"\r\n                                    \/>\r\n                                  <\/div>\r\n                                <\/div>\r\n                              <\/div>\r\n                            <\/div>\r\n                            <div class=\"owl-item\" style=\"width: 696px\">\r\n                              <div class=\"testimonial-item\">\r\n                                <div class=\"testimonial-content\">\r\n                                  <p class=\"comments\">\r\n                                    \"Apr\u00e8s un d\u00e9g\u00e2t des eaux, j\u2019ai contact\u00e9 HB\r\n                                    Assurance et tout a \u00e9t\u00e9 g\u00e9r\u00e9 en un temps\r\n                                    record. Leur accompagnement a \u00e9t\u00e9\r\n                                    irr\u00e9prochable, avec une indemnisation rapide\r\n                                    et sans complications.\"\r\n                                  <\/p>\r\n                                <\/div>\r\n                                <ul class=\"star-rating\">\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                  <li>\r\n                                    <i\r\n                                      class=\"webex-icon-star-full text-primary-color4\"\r\n                                    ><\/i>\r\n                                  <\/li>\r\n                                <\/ul>\r\n                                <div class=\"testimonial-upper-part\">\r\n                                  <div class=\"testimonial-info\">\r\n                                    <h4 class=\"client-name\">                                      Sophie G. - Rennes\r\n                                    <\/h4>\r\n                                  <\/div>\r\n                                  <div class=\"testimonial-thumb\">\r\n                                    <img\r\n                                      decoding=\"async\"\r\n                                      src=\"http:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/t5-e1739368936188.png\"\r\n                                      alt=\"T\u00e9moignage client - HB Assurance\"\r\n                                    \/>\r\n                                  <\/div>\r\n                                <\/div>\r\n                              <\/div>\r\n                            <\/div>\r\n                           <!-- <div class=\"owl-item cloned\" style=\"width: 696px\">\r\n                              <div class=\"testimonial-item\">\r\n                                <div class=\"testimonial-content\">\r\n                                  <p class=\"comments\">\r\n                                    Lorem ipsum dolor sit amet consectetur\r\n                                    adipiscing elit etiam nisl, litora hac fusce\r\n                                    nunc sed enim id proin mi, vivamus dictumst\r\n                                    odio porta curae tortor condimentum primis\r\n                                    convallis habitant tellus ultricies enim\r\n                                    dictum, porta gravida blandit euismod auctor\r\n                                    iaculis\r\n                                  <\/p>\r\n                                <\/div>\r\n                                <div class=\"testimonial-upper-part\">\r\n                                  <div class=\"testimonial-info\">\r\n                                    <h4 class=\"client-name\">Aurther Maxwell<\/h4>\r\n                                    <h6 class=\"client-designation\">\r\n                                      CEO, Apple Inc.\r\n                                    <\/h6>\r\n                                  <\/div>\r\n                                  <div class=\"testimonial-thumb\">\r\n                                    <img\r\n                                      decoding=\"async\"\r\n                                      src=\"https:\/\/shtheme.com\/demosd\/insuren\/wp-content\/uploads\/2022\/12\/testimonial-img1.jpg\"\r\n                                      alt=\"\"\r\n                                    \/>\r\n                                  <\/div>\r\n                                <\/div>\r\n                              <\/div>\r\n                            <\/div> -->\r\n                            \r\n                           <!--  <div class=\"owl-item cloned\" style=\"width: 696px\">\r\n                              <div class=\"testimonial-item\">\r\n                                <div class=\"testimonial-content\">\r\n                                  <p class=\"comments\">\r\n                                    Lorem ipsum dolor sit amet consectetur\r\n                                    adipiscing elit etiam nisl, litora hac fusce\r\n                                    nunc sed enim id proin mi, vivamus dictumst\r\n                                    odio porta curae tortor condimentum primis\r\n                                    convallis habitant tellus ultricies enim\r\n                                    dictum, porta gravida blandit euismod auctor\r\n                                    iaculis\r\n                                  <\/p>\r\n                                <\/div>\r\n                                <div class=\"testimonial-upper-part\">\r\n                                  <div class=\"testimonial-info\">\r\n                                    <h4 class=\"client-name\">Aurther Maxwell<\/h4>\r\n                                    <h6 class=\"client-designation\">\r\n                                      CEO, Apple Inc.\r\n                                    <\/h6>\r\n                                  <\/div>\r\n                                  <div class=\"testimonial-thumb\">\r\n                                    <img\r\n                                      decoding=\"async\"\r\n                                      src=\"https:\/\/shtheme.com\/demosd\/insuren\/wp-content\/uploads\/2022\/12\/testimonial-img1.jpg\"\r\n                                      alt=\"\"\r\n                                    \/>\r\n                                  <\/div>\r\n                                <\/div>\r\n                              <\/div>\r\n                            <\/div> -->\r\n                          <\/div>\r\n                        <\/div>\r\n                        <div class=\"owl-nav\">\r\n                          <button\r\n                            type=\"button\"\r\n                            role=\"presentation\"\r\n                            class=\"owl-prev\"\r\n                          >\r\n                            <i class=\"fa fa-angle-left\"><\/i><\/button\r\n                          ><button\r\n                            type=\"button\"\r\n                            role=\"presentation\"\r\n                            class=\"owl-next\"\r\n                          >\r\n                            <i class=\"fa fa-angle-right\"><\/i>\r\n                          <\/button>\r\n                        <\/div>\r\n                        <div class=\"owl-dots\">\r\n                          <button role=\"button\" class=\"owl-dot active\">\r\n                            <span><\/span><\/button\r\n                          ><button role=\"button\" class=\"owl-dot\">\r\n                            <span><\/span><\/button\r\n                          ><button role=\"button\" class=\"owl-dot\">\r\n                            <span><\/span>\r\n                          <\/button>\r\n                        <\/div>\r\n                      <\/div>\r\n                    <\/div>\r\n                    <div class=\"col\"><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/section>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54b7570 elementor-widget elementor-widget-html\" data-id=\"54b7570\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n  <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.css\" rel=\"stylesheet\">\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n  \r\n  <style>\r\n    .espace-personnel-section {\r\n      background-color: #f8f9fa;\r\n      padding: 80px 0;\r\n      background-image: url('https:\/\/shtheme.com\/demosd\/insuren\/wp-content\/uploads\/2022\/12\/abs-bg9.png');\r\n      background-repeat: no-repeat;\r\n      background-position: center;\r\n      background-size: cover;\r\n    }\r\n\r\n    .section-title {\r\n      font-size: 32px;\r\n      font-weight: 700;\r\n      color: #333;\r\n      margin-bottom: 40px;\r\n    }\r\n\r\n    .features-grid {\r\n      display: flex;\r\n      justify-content: space-around;\r\n      flex-wrap: wrap;\r\n      gap: 20px;\r\n    }\r\n\r\n    .feature-item-2 {\r\n      text-align: center;\r\n      max-width: 250px;\r\n      padding: 20px;\r\n      background-color: #fff;\r\n      border-radius: 10px;\r\n      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    }\r\n\r\n    .feature-item-2:hover {\r\n      transform: translateY(-10px);\r\n      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    .feature-icon i {\r\n      font-size: 40px;\r\n      color: #007bff;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .feature-title {\r\n      font-size: 20px;\r\n      font-weight: 700;\r\n      color: #333;\r\n      margin-bottom: 15px;\r\n    }\r\n\r\n    .feature-description {\r\n      font-size: 16px;\r\n      color: #666;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .cta-buttons {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      flex-wrap: wrap;\r\n      gap: 20px;\r\n      margin-top: 40px;\r\n    }\r\n\r\n    .cta-button-connexion {\r\n      font-size: 16px;\r\n      font-weight: 600;\r\n      padding: 12px 25px;\r\n      border-radius: 5px;\r\n      background-color: #007bff;\r\n      color: #fff;\r\n      text-decoration: none;\r\n      transition: background-color 0.3s ease;\r\n    }\r\n\r\n    .cta-button-connexion:hover {\r\n      background-color: #fff;\r\n      color: #0056b3;\r\n    }\r\n\r\n    .cta-link {\r\n      font-size: 16px;\r\n      color: #007bff;\r\n      text-decoration: none;\r\n      transition: color 0.3s ease;\r\n    }\r\n\r\n    .cta-link:hover {\r\n      color: #0056b3;\r\n      text-decoration: underline;\r\n    }\r\n  <\/style>\r\n\r\n<section class=\"espace-personnel-section pdt-80 pdb-80\">\r\n    <div class=\"container\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12 text-center\">\r\n          <h2 class=\"mrb-40\">\r\n            Votre espace personnel : simple et s\u00e9curis\u00e9\r\n          <\/h2>\r\n\r\n          <div class=\"features-grid\">\r\n            <div class=\"feature-item-2\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n              <div class=\"feature-icon\">\r\n                <i class=\"fas fa-file-contract\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"feature-title\">Gestion des contrats<\/h3>\r\n              <p class=\"feature-description\">\r\n                Consultez et g\u00e9rez vos contrats d'assurance en toute simplicit\u00e9.\r\n              <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"feature-item-2\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n              <div class=\"feature-icon\">\r\n                <i class=\"fas fa-credit-card\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"feature-title\">Paiement des primes<\/h3>\r\n              <p class=\"feature-description\">\r\n                Payez vos primes en ligne de mani\u00e8re s\u00e9curis\u00e9e et rapide.\r\n              <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"feature-item-2\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n              <div class=\"feature-icon\">\r\n                <i class=\"fas fa-exclamation-triangle\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"feature-title\">D\u00e9claration de sinistre<\/h3>\r\n              <p class=\"feature-description\">\r\n                D\u00e9clarez un sinistre en quelques clics et suivez son traitement.\r\n              <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"feature-item-2\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n              <div class=\"feature-icon\">\r\n                <i class=\"fas fa-folder-open\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"feature-title\">Documents en ligne<\/h3>\r\n              <p class=\"feature-description\">\r\n                Acc\u00e9dez \u00e0 tous vos documents d'assurance en un seul endroit.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"cta-buttons mt-40\">\r\n            <a href=\"?page_id=1778\" class=\"cta-button-connexion mrr-20\">Connexion<\/a>\r\n            <a href=\"?page_id=1778\" class=\"cta-link\">Premi\u00e8re connexion ? Cr\u00e9ez votre compte<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.js\"><\/script>\r\n  <script>\r\n    AOS.init({\r\n      duration: 1000,\r\n      once: true,\r\n    });\r\n  <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2c7517 elementor-widget elementor-widget-html\" data-id=\"f2c7517\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Partners Section -->\r\n<section id=\"partners\">\r\n  <div class=\"container\">\r\n    <h2 class=\"section-title\">Nos partenaires<\/h2>\r\n    <div class=\"partner-logos-wrapper\">\r\n      <!-- First set of logos -->\r\n      <div class=\"partner-logos\">\r\n        <div class=\"partner-logo\">\r\n          <img decoding=\"async\" src=\"http:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/APRIL-1-e1738849634874.png\" alt=\"APRIL\" \/>\r\n        <\/div>\r\n        <div class=\"partner-logo\">\r\n          <img decoding=\"async\" src=\"http:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/hoken-logo-e1738850310749.png\" alt=\"hoken\" \/>\r\n        <\/div>\r\n        <div class=\"partner-logo\">\r\n          <img decoding=\"async\" src=\"http:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/assurmax-e1738849489256.png\" alt=\"assurmax\" \/>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- Duplicate set for seamless scrolling -->\r\n      <div class=\"partner-logos\">\r\n        <div class=\"partner-logo\">\r\n          <img decoding=\"async\" src=\"http:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/APRIL-1-e1738849634874.png\" alt=\"APRIL\" \/>\r\n        <\/div>\r\n        <div class=\"partner-logo\">\r\n          <img decoding=\"async\" src=\"http:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/hoken-logo-e1738850310749.png\" alt=\"hoken\" \/>\r\n        <\/div>\r\n        <div class=\"partner-logo\">\r\n          <img decoding=\"async\" src=\"http:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/assurmax-e1738849489256.png\" alt=\"assurmax\" \/>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n        <div class=\"partner-logos\">\r\n            <div class=\"partner-logo\">\r\n              <img decoding=\"async\" src=\"http:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/APRIL-1-e1738849634874.png\" alt=\"APRIL\" \/>\r\n            <\/div>\r\n            <div class=\"partner-logo\">\r\n              <img decoding=\"async\" src=\"http:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/hoken-logo-e1738850310749.png\" alt=\"hoken\" \/>\r\n            <\/div>\r\n            <div class=\"partner-logo\">\r\n              <img decoding=\"async\" src=\"http:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/assurmax-e1738849489256.png\" alt=\"assurmax\" \/>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* Section container styling *\/\r\n  #partners {\r\n    background-color: #003478; \/* Dark background for contrast *\/\r\n    padding: 60px 20px;\r\n    text-align: center;\r\n    color: #fff;\r\n    overflow: hidden; \/* Hide the scrolling overflow *\/\r\n  }\r\n\r\n  \/* Section title styling *\/\r\n  #partners .section-title {\r\n    font-size: 2.5rem;\r\n    margin-bottom: 40px;\r\n    color: #fff;\r\n  }\r\n\r\n  \/* The wrapper holds two copies of the logo list *\/\r\n  .partner-logos-wrapper {\r\n    display: flex;\r\n    width: 200%; \/* Two sets side-by-side *\/\r\n    animation: scroll 30s linear infinite;\r\n  }\r\n\r\n  \/* Each logo set *\/\r\n  .partner-logos {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 30px;\r\n    \/* Ensure each set takes up 50% of the wrapper's width *\/\r\n    width: 50%;\r\n  }\r\n\r\n  \/* Each partner logo *\/\r\n  .partner-logo img {\r\n    width: 250px;\r\n    filter: brightness(0) invert(1); \/* Turn logos white *\/\r\n    transition: filter 0.3s ease;\r\n  }\r\n\r\n  \/* Optional hover effect *\/\r\n .partner-logo img:hover {\r\n    filter: none;\r\n  }\r\n\r\n  \/* Keyframes for the horizontal scroll *\/\r\n  @keyframes scroll {\r\n    0% {\r\n      transform: translateX(0);\r\n    }\r\n    100% {\r\n      transform: translateX(-50%);\r\n    }\r\n  }\r\n\r\n  \/* Responsive adjustments *\/\r\n  @media (max-width: 768px) {\r\n    #partners .section-title {\r\n      font-size: 2rem;\r\n    }\r\n    .partner-logo img {\r\n      max-width: 100px;\r\n    }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Bienvenue chez HB Assurance Le cabinet de courtage qui place vos besoins au coeur de ses priorit\u00e9s Pourquoi choisir HB Assurance? Un courtier digital &amp; humain G\u00e9rez vos contrats en ligne tout en b\u00e9n\u00e9ficiant d\u2019un accompagnement personnalis\u00e9. Des tarifs n\u00e9goci\u00e9s Nous s\u00e9lectionnons pour vous les offres les plus comp\u00e9titives aupr\u00e8s de nos partenaires assureurs. Une [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-83","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HB Assurance - Votre Partenaire Pour Des Solutions d&#039;Assurance<\/title>\n<meta name=\"description\" content=\"Nous vous offrons un service de conseils, d&#039;expertise et d&#039;audit pour vous aider \u00e0 s\u00e9curiser vos biens et vos projets.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hbassurance.com\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HB Assurance - Votre Partenaire Pour Des Solutions d&#039;Assurance\" \/>\n<meta property=\"og:description\" content=\"Nous vous offrons un service de conseils, d&#039;expertise et d&#039;audit pour vous aider \u00e0 s\u00e9curiser vos biens et vos projets.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hbassurance.com\/\" \/>\n<meta property=\"og:site_name\" content=\"HB Assurance\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-18T09:05:35+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/img.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"530\" \/>\n\t<meta property=\"og:image:height\" content=\"545\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hbassurance.com\/\",\"url\":\"https:\/\/hbassurance.com\/\",\"name\":\"HB Assurance - Votre Partenaire Pour Des Solutions d'Assurance\",\"isPartOf\":{\"@id\":\"https:\/\/hbassurance.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hbassurance.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hbassurance.com\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/img.jpg\",\"datePublished\":\"2025-02-06T08:20:52+00:00\",\"dateModified\":\"2025-02-18T09:05:35+00:00\",\"description\":\"Nous vous offrons un service de conseils, d'expertise et d'audit pour vous aider \u00e0 s\u00e9curiser vos biens et vos projets.\",\"breadcrumb\":{\"@id\":\"https:\/\/hbassurance.com\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hbassurance.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/hbassurance.com\/#primaryimage\",\"url\":\"http:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/img.jpg\",\"contentUrl\":\"http:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/img.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hbassurance.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hbassurance.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accueil\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hbassurance.com\/#website\",\"url\":\"https:\/\/hbassurance.com\/\",\"name\":\"hbassurance.com\",\"description\":\"Chez HB Assurance, nous proposons des solutions d&#039;assurance sur mesure pour r\u00e9pondre \u00e0 vos besoins.\",\"publisher\":{\"@id\":\"https:\/\/hbassurance.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hbassurance.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hbassurance.com\/#organization\",\"name\":\"HB Assurance\",\"url\":\"https:\/\/hbassurance.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/hbassurance.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/cropped-logo_HB_ASSURANCE.png\",\"contentUrl\":\"https:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/cropped-logo_HB_ASSURANCE.png\",\"width\":666,\"height\":374,\"caption\":\"HB Assurance\"},\"image\":{\"@id\":\"https:\/\/hbassurance.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HB Assurance - Votre Partenaire Pour Des Solutions d'Assurance","description":"Nous vous offrons un service de conseils, d'expertise et d'audit pour vous aider \u00e0 s\u00e9curiser vos biens et vos projets.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hbassurance.com\/","og_locale":"fr_FR","og_type":"article","og_title":"HB Assurance - Votre Partenaire Pour Des Solutions d'Assurance","og_description":"Nous vous offrons un service de conseils, d'expertise et d'audit pour vous aider \u00e0 s\u00e9curiser vos biens et vos projets.","og_url":"https:\/\/hbassurance.com\/","og_site_name":"HB Assurance","article_modified_time":"2025-02-18T09:05:35+00:00","og_image":[{"width":530,"height":545,"url":"http:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/img.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hbassurance.com\/","url":"https:\/\/hbassurance.com\/","name":"HB Assurance - Votre Partenaire Pour Des Solutions d'Assurance","isPartOf":{"@id":"https:\/\/hbassurance.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hbassurance.com\/#primaryimage"},"image":{"@id":"https:\/\/hbassurance.com\/#primaryimage"},"thumbnailUrl":"http:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/img.jpg","datePublished":"2025-02-06T08:20:52+00:00","dateModified":"2025-02-18T09:05:35+00:00","description":"Nous vous offrons un service de conseils, d'expertise et d'audit pour vous aider \u00e0 s\u00e9curiser vos biens et vos projets.","breadcrumb":{"@id":"https:\/\/hbassurance.com\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hbassurance.com\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/hbassurance.com\/#primaryimage","url":"http:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/img.jpg","contentUrl":"http:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/img.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/hbassurance.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hbassurance.com\/"},{"@type":"ListItem","position":2,"name":"Accueil"}]},{"@type":"WebSite","@id":"https:\/\/hbassurance.com\/#website","url":"https:\/\/hbassurance.com\/","name":"hbassurance.com","description":"Chez HB Assurance, nous proposons des solutions d&#039;assurance sur mesure pour r\u00e9pondre \u00e0 vos besoins.","publisher":{"@id":"https:\/\/hbassurance.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hbassurance.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/hbassurance.com\/#organization","name":"HB Assurance","url":"https:\/\/hbassurance.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/hbassurance.com\/#\/schema\/logo\/image\/","url":"https:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/cropped-logo_HB_ASSURANCE.png","contentUrl":"https:\/\/hbassurance.com\/wp-content\/uploads\/2025\/02\/cropped-logo_HB_ASSURANCE.png","width":666,"height":374,"caption":"HB Assurance"},"image":{"@id":"https:\/\/hbassurance.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/hbassurance.com\/index.php?rest_route=\/wp\/v2\/pages\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hbassurance.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hbassurance.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hbassurance.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hbassurance.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=83"}],"version-history":[{"count":859,"href":"https:\/\/hbassurance.com\/index.php?rest_route=\/wp\/v2\/pages\/83\/revisions"}],"predecessor-version":[{"id":3088,"href":"https:\/\/hbassurance.com\/index.php?rest_route=\/wp\/v2\/pages\/83\/revisions\/3088"}],"wp:attachment":[{"href":"https:\/\/hbassurance.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}