var/cache/dev/twig/4f/4f271129c9f293f0c1ad9f508759dbc6.php line 42

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Source;
  14. use Twig\Template;
  16. /* Theme/Produit/Service/Service/expertise.html.twig */
  17. class __TwigTemplate_9182d14a96f517836ec258ea9c38d521 extends Template
  18. {
  19.     private $source;
  20.     private $macros = [];
  22.     public function __construct(Environment $env)
  23.     {
  24.         parent::__construct($env);
  26.         $this->source = $this->getSourceContext();
  28.         $this->blocks = [
  29.             'meta' => [$this, 'block_meta'],
  30.             'title' => [$this, 'block_title'],
  31.             'userblog_body' => [$this, 'block_userblog_body'],
  32.             'javascripttemplate' => [$this, 'block_javascripttemplate'],
  33.         ];
  34.     }
  36.     protected function doGetParent(array $context)
  37.     {
  38.         // line 1
  39.         return "Theme/Users/User/layoutbase.html.twig";
  40.     }
  42.     protected function doDisplay(array $context, array $blocks = [])
  43.     {
  44.         $macros = $this->macros;
  45.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  46.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Theme/Produit/Service/Service/expertise.html.twig"));
  48.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  49.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Theme/Produit/Service/Service/expertise.html.twig"));
  51.         $this->parent = $this->loadTemplate("Theme/Users/User/layoutbase.html.twig", "Theme/Produit/Service/Service/expertise.html.twig", 1);
  52.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  53.         
  54.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  56.         
  57.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  59.     }
  61.     // line 2
  62.     public function block_meta($context, array $blocks = [])
  63.     {
  64.         $macros = $this->macros;
  65.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  66.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  68.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  69.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  71.         // line 3
  72.         yield "\t";
  73.         yield from $this->yieldParentBlock("meta", $context, $blocks);
  74.         yield "
  75. \t<meta name=\"keywords\" content=\"";
  76.         // line 4
  77.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["site"]) || array_key_exists("site", $context) ? $context["site"] : (function () { throw new RuntimeError('Variable "site" does not exist.', 4, $this->source); })()), "html", null, true);
  78.         yield ", \"/>
  79. \t<meta name=\"author\" content=\"Noel Kenfack\"/>
  80. \t<meta name=\"description\" content=\"";
  81.         // line 6
  82.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["site"]) || array_key_exists("site", $context) ? $context["site"] : (function () { throw new RuntimeError('Variable "site" does not exist.', 6, $this->source); })()), "html", null, true);
  83.         yield "\"/>
  84. ";
  85.         
  86.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  88.         
  89.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  91.         return; yield '';
  92.     }
  94.     // line 9
  95.     public function block_title($context, array $blocks = [])
  96.     {
  97.         $macros = $this->macros;
  98.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  99.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  101.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  102.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  104.         // line 10
  105.         yield "\t";
  106.         yield from $this->yieldParentBlock("title", $context, $blocks);
  107.         yield "
  108. \t- Détails du service ..
  109. ";
  110.         
  111.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  113.         
  114.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  116.         return; yield '';
  117.     }
  119.     // line 14
  120.     public function block_userblog_body($context, array $blocks = [])
  121.     {
  122.         $macros = $this->macros;
  123.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  124.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "userblog_body"));
  126.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  127.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "userblog_body"));
  129.         // line 15
  130.         yield "<style>
  131. \t  h2 {
  132.         font-size: 10px;
  133.         font-weight: 100;
  134.     }
  135.     h1, h2, h3, h4, h5, h6 {
  136.         font-family: \"Poppins\", sans-serif;
  137.         line-height: 1.2;
  138.         color: #000;
  139.     }
  140.     .service-icon-box-two {
  141.         position: relative;
  142.         padding: 40px 40px 40px 40px;
  143.         border: 1px solid #e7e7e7;
  144.     }
  145.     .service-icon-box-two .wt-icon-box-wraper {
  146.         margin-bottom: 30px;
  147.     }
  148.     .wt-icon-box-wraper {
  149.         position: relative;
  150.     }
  151.     .icon-xl.inline-icon {
  152.         width: auto;
  153.     }
  154.     .icon-xl.inline-icon {
  155.         text-align: left !important;
  156.     }
  157.     .icon-xld, .icon-xl, .icon-lg, .icon-md, .icon-sm, .icon-xs {
  158.         display: inline-block;
  159.     }
  160.     .site-text-primary, .wt-small-separator {
  161.         color: #ea130e;
  162.     }
  163.     .icon-xl i {
  164.         font-size: 80px;
  165.         line-height: 80px;
  166.     }
  167.     .icon-xld i, .icon-xl i, .icon-lg i, .icon-md i, .icon-sm i, .icon-xs i {
  168.         vertical-align: middle;
  169.     }
  170.     .wt-icon-box-wraper:after {
  171.         content: \"\";
  172.         display: table;
  173.         clear: both;
  174.     }
  176. \t.wt-texte {
  177. \t\tcolor: #000;
  178. \t\tfont-weight: bold;
  179. \t\tfont-size: 20px;
  180. \t}
  182.     .section-head.center.wt-small-separator-outer {
  183.         margin-bottom: 50px;
  184.         text-align: center;
  185.     }
  186.     .section-head {
  187.         position: relative;
  188.     }
  189.     .site-text-primary, .wt-small-separator {
  190.         color: #ea130e;
  191.     }
  192.     .wt-small-separator {
  193.         font-family: \"Heebo\", sans-serif;
  194.         text-transform: uppercase;
  195.         letter-spacing: 1px;
  196.         padding-right: 40px;
  197.         font-size: 26px;
  198.         line-height: 26px;
  199.         margin-bottom: 15px;
  200.         position: relative;
  201.         display: inline-block;
  202.         font-weight: 700;
  203.     }
  204.     .section-head.center .wt-small-separator div.sep-leaf-left {
  205.         position: relative;
  206.     }
  207.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  208.         background-color: #ea130e;
  209.     }
  210.     .section-head.center .wt-small-separator div.sep-leaf-left:before {
  211.         right: -20px;
  212.         width: 10px;
  213.     }
  214.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  215.         position: absolute;
  216.         content: '';
  217.         height: 22px;
  218.         bottom: 0px;
  219.         top: 0px;
  220.         transform: skew(-20deg);
  221.     }
  222.     .section-head.center .wt-small-separator div.sep-leaf-left:after {
  223.         right: -27px;
  224.         width: 4px;
  225.     }
  226.     .section-head.center.wt-small-separator-outer h2 {
  227.         max-width: 630px;
  228.         margin: 0px auto;
  229.     }
  231.  ";
  232.         // line 117
  233.         yield ".btn {
  234.     
  235.     text-align: center;
  236.     border-radius: 5px;
  237.     text-decoration: none; 
  238.     color: white;         
  239.     transition: transform 0.3s ease;
  240. }
  242. .btn-primary { background-color: #007bff; }
  243. .btn-secondary { background-color: #6c757d; }
  245. .btn:hover {
  246.     transform: translateY(-3px); 
  247. }
  249. ";
  250.         // line 134
  251.         yield "
  253. /* Styling for the Gallery Image */
  254. .gallery-image {
  255.     margin: 0;
  256.     position: relative;
  257.     overflow: hidden;
  258.     background: #000;
  259.     display: flex;
  260.     flex-direction: column;
  261.     align-items: center;
  262.     justify-content: center;
  263.     transition: transform 0.3s ease;
  264. }
  266. /* Hover Effect on the Figure */
  267. .gallery-image:hover {
  268.     transform: scale(1.02);
  269. }
  271. /* Image Wrapper */
  272. .gallery-image .image-wrapper {
  273.     position: relative;
  274.     display: inline-block;
  275.     width: 100%;
  276.     overflow: hidden;
  277. }
  279. /* Image inside Wrapper */
  280. .gallery-image .image-wrapper .caroussel-image {
  281.     display: block;
  282.     width: 100%;
  283.     object-fit: cover;
  284.     transition: transform 0.3s ease, opacity 0.3s ease;
  285. }
  287. /* Image Hover Effect */
  288. .gallery-image:hover .image-wrapper .caroussel-image {
  289.     transform: scale(1.1);
  290.     opacity: 0.9;
  291. }
  293. /* Eye Overlay */
  294. .gallery-image .eye-overlay {
  295.     position: absolute;
  296.     top: 50%;
  297.     left: 50%;
  298.     transform: translate(-50%, -50%);
  299.     font-size: 2rem;
  300.     color: white;
  301.     background: rgba(0, 0, 0, 0.6);
  302.     padding: 10px;
  303.     border-radius: 50%;
  304.     opacity: 0;
  305.     transition: opacity 0.3s ease;
  306. }
  308. /* Eye Overlay Visibility on Hover */
  309. .gallery-image:hover .eye-overlay {
  310.     opacity: 1;
  311. }
  313. /* Figcaption Styling */
  314. .gallery-image figcaption {
  315.     text-align: center;
  316.     padding: 10px;
  317.     background: #292929;
  318.     color: white;
  319.     font-size: 16px;
  320.     width: 100%;
  321.     box-sizing: border-box;
  322. }
  324. .gallery-image figcaption h2 {
  325.     font-size: 18px;
  326.     margin: 0;
  327.     color: #d6ad60;
  328.     font-weight: bold;
  329.     text-transform: uppercase;
  330.     overflow: hidden;
  331.     text-overflow: ellipsis;
  332.     white-space: nowrap;
  333. }
  335. .gallery-image figcaption h3 {
  336.     font-size: 14px;
  337.     margin: 0;
  338.     color: #d6ad60;
  339.     font-weight: normal;
  340. }
  342. /* Adjustments for Small Screens */
  343. @media (max-width: 992px) {
  344.     .gallery-image figcaption h2 {
  345.         font-size: 16px;
  346.     }
  348.     .gallery-image figcaption h3 {
  349.         font-size: 12px;
  350.     }
  352.     .gallery-image .image-wrapper img {
  353.         object-fit: contain;
  354.     }
  355. }
  357. /* Adjustments for Extra Small Screens */
  358. @media (max-width: 768px) {
  359.     .alm-gallery-image {
  360.         flex-direction: column;
  361.         justify-content: flex-start;
  362.     }
  364.     .alm-gallery-image figcaption h2 {
  365.         font-size: 14px;
  366.     }
  368.     .alm-gallery-image figcaption h3 {
  369.         font-size: 12px;
  370.     }
  371. }
  373. figure {width:90%;max-width:600px}
  374. .caroussel-image {max-width:100%;height:auto;}
  376. a {
  377.     text-decoration: none;
  378. }
  380. .shadow-effect {
  381.     height: 450px;
  382. }
  384. .ima-ge {
  385.     height: 200px;
  386.     width: 200px;
  387.     object-fit: cover;
  388. }
  390. </style>
  392. <!-- CTA Section -->
  393. <section class=\"cta \" style=\"padding: 1rem 0;\">
  394. \t<div class=\"container\">
  395. \t\t<div class=\"section-head center wt-small-separator-outer mt-3 text-center\" style=\"margin-bottom: 0px;\">
  396. \t\t\t<div class=\"wt-small-separator site-text-primary\">
  397. \t\t\t\t<div class=\"sep-leaf-left\"></div>
  398. \t\t\t\t<div>Solutions Syscofie Innovantes</div>
  399. \t\t\t</div>
  400. \t\t</div>
  401. \t\t<div>Cette section présente notre cabinet comptable, mettant en lumière notre mission, nos valeurs et notre engagement envers nos clients. Avec une équipe d'experts passionnés, nous nous consacrons à fournir des services de qualité, adaptés à chaque situation, pour accompagner nos clients vers le succès financier.</div>
  402. \t</div>
  403. </section>
  406. <div class=\"content\" style=\"padding-bottom: 5px;\">
  407. \t<div class=\"wrap\">
  408. \t\t<div class=\"container\">
  409. \t\t\t<ol class=\"breadcrumb\">
  410. \t\t\t\t<li href=\"#\">
  411. \t\t\t\t\t<a>Home</a>
  412. \t\t\t\t</li>
  413. \t\t\t\t<li href=\"#\">
  414. \t\t\t\t\t<a>Expertise</a>
  415. \t\t\t\t</li>
  416. \t\t\t</ol>
  417. \t\t</div>
  418. \t</div>
  419. </div>
  420. <section class=\"hero__v6 section\" id=\"home\" >
  421. \t<div class=\"container\">
  422. \t\t<div class=\"row\">
  423. \t\t\t<div class=\"col-lg-6 mb-4 mb-lg-0\">
  424. \t\t\t\t<div class=\"row\">
  425. \t\t\t\t\t<div class=\"col-lg-11\">
  426. \t\t\t\t\t\t<span class=\"hero-subtitle text-uppercase\">Solutions Syscofie Innovantes</span>
  427. \t\t\t\t\t\t<h1 class=\"hero-title mb-3\">Expertise Fiscale</h1>
  428. \t\t\t\t\t\t<p class=\"hero-description\">Le département du Suivi Comptable Général est un pilier central du cabinet. Il est chargé de la gestion quotidienne, du contrôle régulier et de l'analyse des opérations comptables de l'ensemble des clients, garantissant une comptabilité claire, fiable et conforme aux normes en vigueur.</p><br>
  430. \t\t\t\t\t\t<p class=\"hero-description\"><strong>Prenez le contrôle de votre situation fiscale !</strong> Que vous souhaitiez <strong>demander une consultation</strong> pour un conseil personnalisé ou <strong>obtenir un devis</strong> pour nos services fiscaux, nous sommes là pour vous aider.</p>
  431. \t\t\t\t\t</div>
  432. \t\t\t\t</div>
  433. \t\t\t\t";
  434.         // line 320
  435.         yield "                <div class=\"d-flex gap-2 mb-4 mb-lg-5\">
  436.                     <a class=\"btn\" href=\"#\">Demander une Consultation</a>
  437.                     <a class=\"btn btn-white-outline\" href=\"about.html\">Obtenir un Devis</a>
  438.                 </div>
  439. \t\t\t</div>
  440. \t\t\t<div class=\"col-lg-6\">
  441. \t\t\t\t<div class=\"hero-img\" style=\"height: 100%;\">
  442. \t\t\t\t\t<img class=\"img-departement img-fluid rounded-4\" src=\"";
  443.         // line 327
  444.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/afro-americain-costume-tenant-documents-parlant.jpg"), "html", null, true);
  445.         yield "\" alt=\"Hero Image\">
  446. \t\t\t\t</div>
  447. \t\t\t</div>
  448. \t\t</div>
  449. \t</div>
  450. </section>
  452. <section class=\"container section services__v3\" id=\"services\" style=\"margin-bottom: 40px; margin-top: -55px;\">
  453. \t<div class=\"section-head center wt-small-separator-outer\">
  454.         <div class=\"wt-small-separator site-text-primary\">
  455.             <div class=\"sep-leaf-left\"></div>
  456.             <div>Fiscalité</div>
  457.         </div>
  458.         <h1 class=\"wt-title\">Nos articles en fiscalité</h1>
  459.     </div>
  460.     <div class=\"row\" style=\"margin-top: -10px;\">
  461.         <!-- Normal Demo-->
  462.         <div class=\"col-md-4\">
  463.             <!-- Post-->
  464.             <div class=\"post-module\">
  465.                 <!-- Thumbnail-->
  466.                 <div class=\"thumbnail\">
  467.                     <div class=\"date\">
  468.                         <div class=\"day\">27</div>
  469.                         <div class=\"month\">Mar</div>
  470.                     </div><img src=\"";
  471.         // line 352
  472.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/cabinet2.jpg"), "html", null, true);
  473.         yield "\"/>
  474.                 </div>
  475.                 <!-- Post Content-->
  476.                 <div class=\"post-content\">
  477.                     <a href=\"#\"><div class=\"category\">En savoir plus</div></a>
  478.                     <h1 class=\"title\">Conseil en fiscalite des societes et des dirigeants</h1>
  479.                     <h2 class=\"sub_title\" style=\"font-size: 15px;\">Assurer la conformite des declarations fiscales.</h2>
  480.                     <p class=\"description\">Améliorez la gestion de votre activité grâce à nos outils simples et efficaces. Profitez d'une solution complète pour vous concentrer sur votre croissance et atteindre vos objectifs.</p>
  481.                     <div class=\"post-meta\">
  482.                         <span class=\"timestamp\">
  483.                             <i class=\"bi bi-star-fill\"></i>
  484.                             85% de satisfaction
  485.                         </span>
  486.                         <span class=\"comments\">
  487.                             <i class=\"bi bi-person-check\"></i>
  488.                             259 clients suivis
  489.                         </span>
  490.                     </div>
  491.                 </div>
  492.             </div>
  493.         </div>
  494.         <!-- Hover Demo-->
  495.         <div class=\"col-md-4\">
  496.             <!-- Post-->
  497.             <div
  498.                 class=\"post-module\">
  499.                 <!-- Thumbnail-->
  500.                 <div class=\"thumbnail\">
  501.                     <div class=\"date\">
  502.                         <div class=\"day\">27</div>
  503.                         <div class=\"month\">Mar</div>
  504.                     </div><img src=\"";
  505.         // line 383
  506.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/negociations-commerciales-dans-bureau-moderne.jpg"), "html", null, true);
  507.         yield "\"/>
  508.                 </div>
  509.                 <!-- Post Content-->
  510.                 <div class=\"post-content\">
  511.                     <a href=\"#\"><div class=\"category\">En savoir plus</div></a>
  512.                     <h1 class=\"title\">Calcul et optimisation des impôts et taxes</h1>
  513.                     <h2 class=\"sub_title\" style=\"font-size: 15px;\">Optimiser la fiscalité des entreprises</h2>
  514.                     <p class=\"description\">Simplifiez le calcul et l'optimisation de vos impôts et taxes. Bénéficiez de solutions personnalisées pour réduire vos charges fiscales et maximiser vos économies.</p>
  515.                     <div class=\"post-meta\">
  516.                         <span class=\"timestamp\">
  517.                             <i class=\"bi bi-star-fill\"></i>
  518.                             98% de satisfaction
  519.                         </span>
  520.                         <span class=\"comments\">
  521.                             <i class=\"bi bi-person-check\"></i>
  522.                             134 clients suivis
  523.                         </span>
  524.                     </div>
  525.                 </div>
  526.             </div>
  527.         </div>
  528.         <div class=\"col-md-4\">
  529.             <!-- Post-->
  530.             <div class=\"post-module\">
  531.                 <!-- Thumbnail-->
  532.                 <div class=\"thumbnail\">
  533.                     <div class=\"date\">
  534.                         <div class=\"day\">27</div>
  535.                         <div class=\"month\">Mar</div>
  536.                     </div><img src=\"";
  537.         // line 412
  538.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/deux-hommes-affaires.jpg"), "html", null, true);
  539.         yield "\"/>
  540.                 </div>
  541.                 <!-- Post Content-->
  542.                 <div class=\"post-content\">
  543.                     <a href=\"#\"><div class=\"category\">En savoir plus</div></a>
  544.                     <h1 class=\"title\">Assistance en cas de contrôle fiscal</h1>
  545.                     <h2 class=\"sub_title\" style=\"font-size: 15px;\">Prévenir les risques de redressements ou de sanctions</h2>
  546.                     <p class=\"description\">Recevez une assistance professionnelle lors de contrôles fiscaux. Notre équipe vous accompagne pour garantir la conformité et défendre vos intérêts, minimisant ainsi les risques et les pénalités.</p>
  547.                     <div class=\"post-meta\">
  548.                         <span class=\"timestamp\">
  549.                             <i class=\"bi bi-star-fill\"></i>
  550.                             89% de satisfaction
  551.                         </span>
  552.                         <span class=\"comments\">
  553.                             <i class=\"bi bi-person-check\"></i>
  554.                             390 clients suivis
  555.                         </span>
  556.                     </div>
  557.                 </div>
  558.             </div>
  559.         </div>
  560.     </div> 
  561. </section>
  563. <section class=\"stats__v3 section\" style=\"background-color: #268dcf; text-align: center; padding: 50px 0;\">
  564.     <div class=\"container\">
  565.         <div class=\"row\">
  566.             <div class=\"col-12\">
  567.                 <h1 style=\"font-size: 2.5em; color: white;\">Une expertise complète pour une gestion simplifiée de votre activité</h1>
  568.                 <p style=\"font-size: 1.2em; color: white; max-width: 900px; margin: 20px auto;\">
  569.                    Simplifiez la gestion de votre activité avec nos outils intuitifs et conseils personnalisés. Concentrez-vous sur ce qui compte : la croissance de votre entreprise.
  570.                 </p>
  571.                 <div class=\"bth\" style=\"display: inline-block; background-color: white; color: #268dcf; padding: 15px 30px; border-radius: 5px; cursor: pointer; margin-top: 20px;\">
  572.                     Planifier un RDV
  573.                 </div>
  574.             </div>
  575.         </div>
  576.     </div>
  577. </section>
  579. <section class=\"container section services__v3\" id=\"services\" style=\"margin-top: 40px; margin-bottom: 20px;\">
  580. \t<div class=\"section-head center wt-small-separator-outer\">
  581.         <div class=\"wt-small-separator site-text-primary\">
  582.             <div class=\"sep-leaf-left\"></div>
  583.             <div>Notre equipe</div>
  584.         </div>
  585.         <h1 class=\"wt-title\">Equipe de maintien</h1>
  586. \t\t
  587.     </div>
  588.     <section
  589.         class=\"teams\" style=\"width:100%;\">
  590.         ";
  591.         // line 464
  592.         yield "
  593.         <div class=\"row\" style=\"margin-top: -30px;\">
  594.             <div class=\"col-sm-12\">
  595.                 <div
  596.                     id=\"customers-teams\" class=\"owl-carousel\">
  598.                     <!--team 1 -->
  599.                     <div class=\"item\">
  600.                         <div class=\"shadow-effect\">
  601.                             <img class=\"img-circle ima-ge\" src=\"";
  602.         // line 473
  603.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/femme-au-bureau.jpg"), "html", null, true);
  604.         yield "\" alt=\"\">
  605.                             <h2>Marie-Lize Ivanna</h2>
  606.                             <p class=\"title\">Associé SYSCOFIE</p>
  607.                             <div id=\"pastexp\">
  608.                                 <h5 id=\"pastexphead\">Expert-comptable en paie</h5>
  609.                                 <p style=\"margin-top:-5px;\">Gère la paie et les obligations sociales.</p>
  610.                             </div>
  611.                             <div class=\"social-icons\" id=\"teamsocial\">
  612.                                 <a class=\"social-icon social-icon--facebook\" id=\"socialicon\" href=\"#\">
  613.                                     <i class=\"bi bi-facebook\"></i>
  614.                                 </a>
  616.                                 <a class=\"social-icon social-icon--twitter\" id=\"socialicon\" href=\"#\">
  617.                                     <i class=\"bi bi-twitter\"></i>
  618.                                 </a>
  620.                                 <a class=\"social-icon social-icon--linkedin\" id=\"socialicon\" href=\"#\">
  621.                                     <i class=\"bi bi-linkedin\"></i>
  622.                                 </a>
  624.                                 <a class=\"social-icon social-icon--instagram\" id=\"socialicon\" href=\"#\">
  625.                                     <i class=\"bi bi-instagram\"></i>
  626.                                 </a>
  627.                             </div>
  628.                             <!--Social Icons End Here-->
  631.                         </div>
  633.                     </div>
  634.                     <!--END OF team 1 -->
  637.                     <!--team 2 -->
  638.                     <div class=\"item\">
  639.                         <div class=\"shadow-effect\">
  640.                             <img class=\"img-circle ima-ge\" src=\"";
  641.         // line 509
  642.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/conseiller.jpg"), "html", null, true);
  643.         yield "\" alt=\"\">
  644.                             <h2>Ayameni Berol</h2>
  645.                             <p class=\"title\">Associé SYSCOFIE</p>
  646.                             <div id=\"pastexp\">
  647.                                 <h5 id=\"pastexphead\">Conseiller en création d'entreprise</h5>
  648.                                 <p style=\"margin-top:-5px;\">Aide les entrepreneurs à créer et développer leurs entreprises.</p>
  649.                             </div>
  650.                             <div class=\"social-icons\" id=\"teamsocial\">
  651.                                 <a class=\"social-icon social-icon--facebook\" id=\"socialicon\" href=\"#\">
  652.                                     <i class=\"bi bi-facebook\"></i>
  653.                                 </a>
  655.                                 <a class=\"social-icon social-icon--twitter\" id=\"socialicon\" href=\"#\">
  656.                                     <i class=\"bi bi-twitter\"></i>
  657.                                 </a>
  659.                                 <a class=\"social-icon social-icon--linkedin\" id=\"socialicon\" href=\"#\">
  660.                                     <i class=\"bi bi-linkedin\"></i>
  661.                                 </a>
  663.                                 <a class=\"social-icon social-icon--instagram\" id=\"socialicon\" href=\"#\">
  664.                                     <i class=\"bi bi-instagram\"></i>
  665.                                 </a>
  666.                             </div>
  667.                             <!--Social Icons End Here-->
  670.                         </div>
  672.                     </div>
  673.                     <!--END OF team 2 -->
  676.                     <!--team 3 -->
  677.                     <div class=\"item\">
  678.                         <div class=\"shadow-effect\">
  679.                             <img class=\"img-circle ima-ge\" src=\"";
  680.         // line 545
  681.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/accord-verification-par-expert-juridique.jpg"), "html", null, true);
  682.         yield "\" alt=\"\">
  683.                             <h2>Noumi Franck Durin</h2>
  684.                             <p class=\"title\">Associé SYSCOFIE</p>
  685.                             <div id=\"pastexp\">
  686.                                 <h5 id=\"pastexphead\">Conseiller en gestion des risques</h5>
  687.                                 <p style=\"margin-top:-5px;\">Évalue et gère les risques financiers au sein des entreprises.</p>
  688.                             </div>
  689.                             <div class=\"social-icons\" id=\"teamsocial\">
  690.                                 <a class=\"social-icon social-icon--facebook\" id=\"socialicon\" href=\"#\">
  691.                                     <i class=\"bi bi-facebook\"></i>
  692.                                 </a>
  694.                                 <a class=\"social-icon social-icon--twitter\" id=\"socialicon\" href=\"#\">
  695.                                     <i class=\"bi bi-twitter\"></i>
  696.                                 </a>
  698.                                 <a class=\"social-icon social-icon--linkedin\" id=\"socialicon\" href=\"#\">
  699.                                     <i class=\"bi bi-linkedin\"></i>
  700.                                 </a>
  702.                                 <a class=\"social-icon social-icon--instagram\" id=\"socialicon\" href=\"#\">
  703.                                     <i class=\"bi bi-instagram\"></i>
  704.                                 </a>
  705.                             </div>
  706.                             <!--Social Icons End Here-->
  709.                         </div>
  711.                     </div>
  713.                     <!--END OF team 3 -->
  716.                 </div>
  717.             </div>
  718.         </div>
  719.         ";
  720.         // line 583
  721.         yield "    </section>
  723. </section>
  725. <section class=\"container section services__v3\" id=\"services\" style=\"margin-top: 20px; margin-bottom: 40px;\">
  726. \t<div class=\"section-head center wt-small-separator-outer\">
  727.         <div class=\"wt-small-separator site-text-primary\">
  728.             <div class=\"sep-leaf-left\"></div>
  729.             <div>Expertise</div>
  730.         </div>
  731.         <h1 class=\"wt-title\">Decouvrez nos autres expertises</h1>
  732.         <div id=\"carouselExampleControls\" class=\"carousel\">
  733.             <div class=\"carousel-inner\">
  734.                 <div class=\"carousel-item active\">
  735.                     <a href=\"";
  736.         // line 597
  737.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("prosuit_service_expertise");
  738.         yield "\">
  739.                         <figure class=\"gallery-image\">
  740.                             <!-- Image Wrapper (for Hover Effect) -->
  741.                             <div class=\"image-wrapper\">
  742.                                 <img class=\"caroussel-image\"
  743.                                 src=\"";
  744.         // line 602
  745.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/afro-americain-costume-tenant-documents-parlant.jpg"), "html", null, true);
  746.         yield "\" width=\"2500\" style=\"height: 235px;\" alt=\"\">
  747.                                 <!-- Eye Overlay (Visible on Hover) -->
  748.                                 <span class=\"eye-overlay\">👁</span>
  749.                             </div>
  751.                             <!-- Figcaption Always Visible but Clickable -->
  752.                             <figcaption>
  753.                                 <h2>Expertise Juridique</h2>
  754.                                 <h3>Syscofie Consulting</h3>
  755.                             </figcaption>
  756.                         </figure>
  757.                     </a>
  758.                 </div>
  759.                 <div class=\"carousel-item\">
  760.                     <a href=\"";
  761.         // line 616
  762.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("prosuit_service_expertise");
  763.         yield "\">
  764.                         <figure class=\"gallery-image\">
  765.                             <!-- Image Wrapper (for Hover Effect) -->
  766.                             <div class=\"image-wrapper\">
  767.                                 <img class=\"caroussel-image\"
  768.                                 src=\"";
  769.         // line 621
  770.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/bureau-de-service.jpg"), "html", null, true);
  771.         yield "\" width=\"2500\" style=\"height: 235px;\" alt=\"\">
  772.                                 <!-- Eye Overlay (Visible on Hover) -->
  773.                                 <span class=\"eye-overlay\">👁</span>
  774.                             </div>
  776.                             <!-- Figcaption Always Visible but Clickable -->
  777.                             <figcaption>
  778.                                 <h2>Expertise Social &amp; Paie</h2>
  779.                                 <h3>Syscofie Consulting</h3>
  780.                             </figcaption>
  781.                         </figure>
  782.                     </a>
  783.                 </div>
  784.                 <div class=\"carousel-item\">
  785.                     <a href=\"";
  786.         // line 635
  787.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("prosuit_service_expertise");
  788.         yield "\">
  789.                         <figure class=\"gallery-image\">
  790.                             <!-- Image Wrapper (for Hover Effect) -->
  791.                             <div class=\"image-wrapper\">
  792.                                 <img class=\"caroussel-image\"
  793.                                 src=\"";
  794.         // line 640
  795.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/scene-bureau-ordinateur-portable.jpg"), "html", null, true);
  796.         yield "\" width=\"2500\" style=\"height: 235px;\" alt=\"\">
  797.                                 <!-- Eye Overlay (Visible on Hover) -->
  798.                                 <span class=\"eye-overlay\">👁</span>
  799.                             </div>
  801.                             <!-- Figcaption Always Visible but Clickable -->
  802.                             <figcaption>
  803.                                 <h2>Expertise Audit &amp; Contrôle</h2>
  804.                                 <h3>Syscofie Consulting</h3>
  805.                             </figcaption>
  806.                         </figure>
  807.                     </a>
  808.                 </div>
  809.                 <div class=\"carousel-item\">
  810.                     <a href=\"";
  811.         // line 654
  812.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("prosuit_service_expertise");
  813.         yield "\">
  814.                         <figure class=\"gallery-image\">
  815.                             <!-- Image Wrapper (for Hover Effect) -->
  816.                             <div class=\"image-wrapper\">
  817.                                 <img class=\"caroussel-image\"
  818.                                 src=\"";
  819.         // line 659
  820.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/travailleurs-bureau.jpg"), "html", null, true);
  821.         yield "\" width=\"2500\" style=\"height: 235px;\" alt=\"\">
  822.                                 <!-- Eye Overlay (Visible on Hover) -->
  823.                                 <span class=\"eye-overlay\">👁</span>
  824.                             </div>
  826.                             <!-- Figcaption Always Visible but Clickable -->
  827.                             <figcaption>
  828.                                 <h2>Nos Formations</h2>
  829.                                 <h3>Syscofie Consulting</h3>
  830.                             </figcaption>
  831.                         </figure>
  832.                     </a>
  833.                 </div>
  834.                 <div class=\"carousel-item\">
  835.                     <a href=\"";
  836.         // line 673
  837.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("prosuit_service_expertise");
  838.         yield "\">
  839.                         <figure class=\"gallery-image\">
  840.                             <!-- Image Wrapper (for Hover Effect) -->
  841.                             <div class=\"image-wrapper\">
  842.                                 <img class=\"caroussel-image\"
  843.                                 src=\"";
  844.         // line 678
  845.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/gplan-travailleur.jpg"), "html", null, true);
  846.         yield "\" width=\"2500\" style=\"height: 235px;\" alt=\"\">
  847.                                 <!-- Eye Overlay (Visible on Hover) -->
  848.                                 <span class=\"eye-overlay\">👁</span>
  849.                             </div>
  851.                             <!-- Figcaption Always Visible but Clickable -->
  852.                             <figcaption>
  853.                                 <h2>Expertise Fiscalité</h2>
  854.                                 <h3>Syscofie Consulting</h3>
  855.                             </figcaption>
  856.                         </figure>
  857.                     </a>
  858.                 </div>
  859.                 <div class=\"carousel-item\">
  860.                     <a href=\"";
  861.         // line 692
  862.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("prosuit_service_expertise");
  863.         yield "\">
  864.                         <figure class=\"gallery-image\">
  865.                             <!-- Image Wrapper (for Hover Effect) -->
  866.                             <div class=\"image-wrapper\">
  867.                                 <img class=\"caroussel-image\"
  868.                                 src=\"";
  869.         // line 697
  870.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/negociations-commerciales-dans-bureau-moderne.jpg"), "html", null, true);
  871.         yield "\" width=\"2500\" style=\"height: 235px;\" alt=\"\">
  872.                                 <!-- Eye Overlay (Visible on Hover) -->
  873.                                 <span class=\"eye-overlay\">👁</span>
  874.                             </div>
  876.                             <!-- Figcaption Always Visible but Clickable -->
  877.                             <figcaption>
  878.                                 <h2>Expertise Suivi comptable</h2>
  879.                                 <h3>Syscofie Consulting</h3>
  880.                             </figcaption>
  881.                         </figure>
  882.                     </a>
  883.                 </div>
  884.             </div>
  885.             <button class=\"carousel-control-prev\" type=\"button\" data-bs-target=\"#carouselExampleControls\" data-bs-slide=\"prev\">
  886.                 <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>
  887.                 <span class=\"visually-hidden\">Previous</span>
  888.             </button>
  889.             <button class=\"carousel-control-next\" type=\"button\" data-bs-target=\"#carouselExampleControls\" data-bs-slide=\"next\">
  890.                 <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>
  891.                 <span class=\"visually-hidden\">Next</span>
  892.             </button>
  893.         </div>
  894.     </div>
  895. </section>
  897. <script>
  898.   //Team Slider  
  899.   \$('#customers-teams').owlCarousel({
  900.     loop: true,
  901.     center: true,
  902.     items: 3,
  903.     margin: 0,
  904.     autoplay: true,
  905.     dots:true,
  906.     autoplayTimeout: 4500,
  907.   \tcheckVisibility: true,
  908.     responsive: {
  909.       0: {
  910.         items: 1
  911.       },
  912.       768: {
  913.         items: 2
  914.       },
  915.       1170: {
  916.         items: 3
  917.       }
  918.     }
  919. \t});
  923.     ";
  924.         // line 750
  925.         yield "    const multipleItemCarousel = document.querySelector(\"#carouselExampleControls\");
  927. if (window.matchMedia(\"(min-width:576px)\").matches) {
  928.   const carousel = new bootstrap.Carousel(multipleItemCarousel, {
  929.     interval: false
  930.   });
  932.   var carouselWidth = \$(\".carousel-inner\")[0].scrollWidth;
  933.   var cardWidth = \$(\".carousel-item\").width();
  935.   var scrollPosition = 0;
  937.   \$(\".carousel-control-next\").on(\"click\", function () {
  938.     if (scrollPosition < carouselWidth - cardWidth * 4) {
  939.       scrollPosition = scrollPosition + cardWidth;
  940.       \$(\".carousel-inner\").animate({ scrollLeft: scrollPosition }, 600);
  941.     }
  942.   });
  943.   \$(\".carousel-control-prev\").on(\"click\", function () {
  944.     if (scrollPosition > 0) {
  945.       scrollPosition = scrollPosition - cardWidth;
  946.       \$(\".carousel-inner\").animate({ scrollLeft: scrollPosition }, 600);
  947.     }
  948.   });
  949. } else {
  950.   \$(multipleItemCarousel).addClass(\"slide\");
  951. }
  953. </script>
  954. ";
  955.         
  956.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  958.         
  959.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  961.         return; yield '';
  962.     }
  964.     // line 781
  965.     public function block_javascripttemplate($context, array $blocks = [])
  966.     {
  967.         $macros = $this->macros;
  968.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  969.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripttemplate"));
  971.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  972.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripttemplate"));
  974.         // line 782
  975.         yield "
  976. ";
  977.         
  978.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  980.         
  981.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  983.         return; yield '';
  984.     }
  986.     /**
  987.      * @codeCoverageIgnore
  988.      */
  989.     public function getTemplateName()
  990.     {
  991.         return "Theme/Produit/Service/Service/expertise.html.twig";
  992.     }
  994.     /**
  995.      * @codeCoverageIgnore
  996.      */
  997.     public function isTraitable()
  998.     {
  999.         return false;
  1000.     }
  1002.     /**
  1003.      * @codeCoverageIgnore
  1004.      */
  1005.     public function getDebugInfo()
  1006.     {
  1007.         return array (  975 => 782,  965 => 781,  925 => 750,  870 => 697,  862 => 692,  845 => 678,  837 => 673,  820 => 659,  812 => 654,  795 => 640,  787 => 635,  770 => 621,  762 => 616,  745 => 602,  737 => 597,  721 => 583,  681 => 545,  642 => 509,  603 => 473,  592 => 464,  538 => 412,  506 => 383,  472 => 352,  444 => 327,  435 => 320,  251 => 134,  233 => 117,  130 => 15,  120 => 14,  105 => 10,  95 => 9,  82 => 6,  77 => 4,  72 => 3,  62 => 2,  39 => 1,);
  1008.     }
  1010.     public function getSourceContext()
  1011.     {
  1012.         return new Source("{% extends \"Theme/Users/User/layoutbase.html.twig\" %}
  1013. {% block meta %}
  1014. \t{{ parent() }}
  1015. \t<meta name=\"keywords\" content=\"{{ site }}, \"/>
  1016. \t<meta name=\"author\" content=\"Noel Kenfack\"/>
  1017. \t<meta name=\"description\" content=\"{{ site }}\"/>
  1018. {% endblock %}
  1020. {% block title %}
  1021. \t{{ parent() }}
  1022. \t- Détails du service ..
  1023. {% endblock %}
  1024.   
  1025. {% block userblog_body %}
  1026. <style>
  1027. \t  h2 {
  1028.         font-size: 10px;
  1029.         font-weight: 100;
  1030.     }
  1031.     h1, h2, h3, h4, h5, h6 {
  1032.         font-family: \"Poppins\", sans-serif;
  1033.         line-height: 1.2;
  1034.         color: #000;
  1035.     }
  1036.     .service-icon-box-two {
  1037.         position: relative;
  1038.         padding: 40px 40px 40px 40px;
  1039.         border: 1px solid #e7e7e7;
  1040.     }
  1041.     .service-icon-box-two .wt-icon-box-wraper {
  1042.         margin-bottom: 30px;
  1043.     }
  1044.     .wt-icon-box-wraper {
  1045.         position: relative;
  1046.     }
  1047.     .icon-xl.inline-icon {
  1048.         width: auto;
  1049.     }
  1050.     .icon-xl.inline-icon {
  1051.         text-align: left !important;
  1052.     }
  1053.     .icon-xld, .icon-xl, .icon-lg, .icon-md, .icon-sm, .icon-xs {
  1054.         display: inline-block;
  1055.     }
  1056.     .site-text-primary, .wt-small-separator {
  1057.         color: #ea130e;
  1058.     }
  1059.     .icon-xl i {
  1060.         font-size: 80px;
  1061.         line-height: 80px;
  1062.     }
  1063.     .icon-xld i, .icon-xl i, .icon-lg i, .icon-md i, .icon-sm i, .icon-xs i {
  1064.         vertical-align: middle;
  1065.     }
  1066.     .wt-icon-box-wraper:after {
  1067.         content: \"\";
  1068.         display: table;
  1069.         clear: both;
  1070.     }
  1072. \t.wt-texte {
  1073. \t\tcolor: #000;
  1074. \t\tfont-weight: bold;
  1075. \t\tfont-size: 20px;
  1076. \t}
  1078.     .section-head.center.wt-small-separator-outer {
  1079.         margin-bottom: 50px;
  1080.         text-align: center;
  1081.     }
  1082.     .section-head {
  1083.         position: relative;
  1084.     }
  1085.     .site-text-primary, .wt-small-separator {
  1086.         color: #ea130e;
  1087.     }
  1088.     .wt-small-separator {
  1089.         font-family: \"Heebo\", sans-serif;
  1090.         text-transform: uppercase;
  1091.         letter-spacing: 1px;
  1092.         padding-right: 40px;
  1093.         font-size: 26px;
  1094.         line-height: 26px;
  1095.         margin-bottom: 15px;
  1096.         position: relative;
  1097.         display: inline-block;
  1098.         font-weight: 700;
  1099.     }
  1100.     .section-head.center .wt-small-separator div.sep-leaf-left {
  1101.         position: relative;
  1102.     }
  1103.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  1104.         background-color: #ea130e;
  1105.     }
  1106.     .section-head.center .wt-small-separator div.sep-leaf-left:before {
  1107.         right: -20px;
  1108.         width: 10px;
  1109.     }
  1110.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  1111.         position: absolute;
  1112.         content: '';
  1113.         height: 22px;
  1114.         bottom: 0px;
  1115.         top: 0px;
  1116.         transform: skew(-20deg);
  1117.     }
  1118.     .section-head.center .wt-small-separator div.sep-leaf-left:after {
  1119.         right: -27px;
  1120.         width: 4px;
  1121.     }
  1122.     .section-head.center.wt-small-separator-outer h2 {
  1123.         max-width: 630px;
  1124.         margin: 0px auto;
  1125.     }
  1127.  {# ---------------------- btn header ------------------------ #}
  1128. .btn {
  1129.     
  1130.     text-align: center;
  1131.     border-radius: 5px;
  1132.     text-decoration: none; 
  1133.     color: white;         
  1134.     transition: transform 0.3s ease;
  1135. }
  1137. .btn-primary { background-color: #007bff; }
  1138. .btn-secondary { background-color: #6c757d; }
  1140. .btn:hover {
  1141.     transform: translateY(-3px); 
  1142. }
  1144. {# -------------------------------------------------- css expertise slide -------------------------------------------------------- #}
  1147. /* Styling for the Gallery Image */
  1148. .gallery-image {
  1149.     margin: 0;
  1150.     position: relative;
  1151.     overflow: hidden;
  1152.     background: #000;
  1153.     display: flex;
  1154.     flex-direction: column;
  1155.     align-items: center;
  1156.     justify-content: center;
  1157.     transition: transform 0.3s ease;
  1158. }
  1160. /* Hover Effect on the Figure */
  1161. .gallery-image:hover {
  1162.     transform: scale(1.02);
  1163. }
  1165. /* Image Wrapper */
  1166. .gallery-image .image-wrapper {
  1167.     position: relative;
  1168.     display: inline-block;
  1169.     width: 100%;
  1170.     overflow: hidden;
  1171. }
  1173. /* Image inside Wrapper */
  1174. .gallery-image .image-wrapper .caroussel-image {
  1175.     display: block;
  1176.     width: 100%;
  1177.     object-fit: cover;
  1178.     transition: transform 0.3s ease, opacity 0.3s ease;
  1179. }
  1181. /* Image Hover Effect */
  1182. .gallery-image:hover .image-wrapper .caroussel-image {
  1183.     transform: scale(1.1);
  1184.     opacity: 0.9;
  1185. }
  1187. /* Eye Overlay */
  1188. .gallery-image .eye-overlay {
  1189.     position: absolute;
  1190.     top: 50%;
  1191.     left: 50%;
  1192.     transform: translate(-50%, -50%);
  1193.     font-size: 2rem;
  1194.     color: white;
  1195.     background: rgba(0, 0, 0, 0.6);
  1196.     padding: 10px;
  1197.     border-radius: 50%;
  1198.     opacity: 0;
  1199.     transition: opacity 0.3s ease;
  1200. }
  1202. /* Eye Overlay Visibility on Hover */
  1203. .gallery-image:hover .eye-overlay {
  1204.     opacity: 1;
  1205. }
  1207. /* Figcaption Styling */
  1208. .gallery-image figcaption {
  1209.     text-align: center;
  1210.     padding: 10px;
  1211.     background: #292929;
  1212.     color: white;
  1213.     font-size: 16px;
  1214.     width: 100%;
  1215.     box-sizing: border-box;
  1216. }
  1218. .gallery-image figcaption h2 {
  1219.     font-size: 18px;
  1220.     margin: 0;
  1221.     color: #d6ad60;
  1222.     font-weight: bold;
  1223.     text-transform: uppercase;
  1224.     overflow: hidden;
  1225.     text-overflow: ellipsis;
  1226.     white-space: nowrap;
  1227. }
  1229. .gallery-image figcaption h3 {
  1230.     font-size: 14px;
  1231.     margin: 0;
  1232.     color: #d6ad60;
  1233.     font-weight: normal;
  1234. }
  1236. /* Adjustments for Small Screens */
  1237. @media (max-width: 992px) {
  1238.     .gallery-image figcaption h2 {
  1239.         font-size: 16px;
  1240.     }
  1242.     .gallery-image figcaption h3 {
  1243.         font-size: 12px;
  1244.     }
  1246.     .gallery-image .image-wrapper img {
  1247.         object-fit: contain;
  1248.     }
  1249. }
  1251. /* Adjustments for Extra Small Screens */
  1252. @media (max-width: 768px) {
  1253.     .alm-gallery-image {
  1254.         flex-direction: column;
  1255.         justify-content: flex-start;
  1256.     }
  1258.     .alm-gallery-image figcaption h2 {
  1259.         font-size: 14px;
  1260.     }
  1262.     .alm-gallery-image figcaption h3 {
  1263.         font-size: 12px;
  1264.     }
  1265. }
  1267. figure {width:90%;max-width:600px}
  1268. .caroussel-image {max-width:100%;height:auto;}
  1270. a {
  1271.     text-decoration: none;
  1272. }
  1274. .shadow-effect {
  1275.     height: 450px;
  1276. }
  1278. .ima-ge {
  1279.     height: 200px;
  1280.     width: 200px;
  1281.     object-fit: cover;
  1282. }
  1284. </style>
  1286. <!-- CTA Section -->
  1287. <section class=\"cta \" style=\"padding: 1rem 0;\">
  1288. \t<div class=\"container\">
  1289. \t\t<div class=\"section-head center wt-small-separator-outer mt-3 text-center\" style=\"margin-bottom: 0px;\">
  1290. \t\t\t<div class=\"wt-small-separator site-text-primary\">
  1291. \t\t\t\t<div class=\"sep-leaf-left\"></div>
  1292. \t\t\t\t<div>Solutions Syscofie Innovantes</div>
  1293. \t\t\t</div>
  1294. \t\t</div>
  1295. \t\t<div>Cette section présente notre cabinet comptable, mettant en lumière notre mission, nos valeurs et notre engagement envers nos clients. Avec une équipe d'experts passionnés, nous nous consacrons à fournir des services de qualité, adaptés à chaque situation, pour accompagner nos clients vers le succès financier.</div>
  1296. \t</div>
  1297. </section>
  1300. <div class=\"content\" style=\"padding-bottom: 5px;\">
  1301. \t<div class=\"wrap\">
  1302. \t\t<div class=\"container\">
  1303. \t\t\t<ol class=\"breadcrumb\">
  1304. \t\t\t\t<li href=\"#\">
  1305. \t\t\t\t\t<a>Home</a>
  1306. \t\t\t\t</li>
  1307. \t\t\t\t<li href=\"#\">
  1308. \t\t\t\t\t<a>Expertise</a>
  1309. \t\t\t\t</li>
  1310. \t\t\t</ol>
  1311. \t\t</div>
  1312. \t</div>
  1313. </div>
  1314. <section class=\"hero__v6 section\" id=\"home\" >
  1315. \t<div class=\"container\">
  1316. \t\t<div class=\"row\">
  1317. \t\t\t<div class=\"col-lg-6 mb-4 mb-lg-0\">
  1318. \t\t\t\t<div class=\"row\">
  1319. \t\t\t\t\t<div class=\"col-lg-11\">
  1320. \t\t\t\t\t\t<span class=\"hero-subtitle text-uppercase\">Solutions Syscofie Innovantes</span>
  1321. \t\t\t\t\t\t<h1 class=\"hero-title mb-3\">Expertise Fiscale</h1>
  1322. \t\t\t\t\t\t<p class=\"hero-description\">Le département du Suivi Comptable Général est un pilier central du cabinet. Il est chargé de la gestion quotidienne, du contrôle régulier et de l'analyse des opérations comptables de l'ensemble des clients, garantissant une comptabilité claire, fiable et conforme aux normes en vigueur.</p><br>
  1324. \t\t\t\t\t\t<p class=\"hero-description\"><strong>Prenez le contrôle de votre situation fiscale !</strong> Que vous souhaitiez <strong>demander une consultation</strong> pour un conseil personnalisé ou <strong>obtenir un devis</strong> pour nos services fiscaux, nous sommes là pour vous aider.</p>
  1325. \t\t\t\t\t</div>
  1326. \t\t\t\t</div>
  1327. \t\t\t\t{#<div style=\"padding-top: 5px;\" class=\"cta d-flex gap-2 mb-4 mb-lg-5\">
  1328.                     <a href=\"#\" class=\"btn btn-primary\">Demander une Consultation</a>
  1329.                     <a href=\"#\" class=\"btn btn-secondary\">Obtenir un Devis</a>
  1330. \t\t\t    </div>#}
  1331.                 <div class=\"d-flex gap-2 mb-4 mb-lg-5\">
  1332.                     <a class=\"btn\" href=\"#\">Demander une Consultation</a>
  1333.                     <a class=\"btn btn-white-outline\" href=\"about.html\">Obtenir un Devis</a>
  1334.                 </div>
  1335. \t\t\t</div>
  1336. \t\t\t<div class=\"col-lg-6\">
  1337. \t\t\t\t<div class=\"hero-img\" style=\"height: 100%;\">
  1338. \t\t\t\t\t<img class=\"img-departement img-fluid rounded-4\" src=\"{{asset('templateSyscofie/images/afro-americain-costume-tenant-documents-parlant.jpg')}}\" alt=\"Hero Image\">
  1339. \t\t\t\t</div>
  1340. \t\t\t</div>
  1341. \t\t</div>
  1342. \t</div>
  1343. </section>
  1345. <section class=\"container section services__v3\" id=\"services\" style=\"margin-bottom: 40px; margin-top: -55px;\">
  1346. \t<div class=\"section-head center wt-small-separator-outer\">
  1347.         <div class=\"wt-small-separator site-text-primary\">
  1348.             <div class=\"sep-leaf-left\"></div>
  1349.             <div>Fiscalité</div>
  1350.         </div>
  1351.         <h1 class=\"wt-title\">Nos articles en fiscalité</h1>
  1352.     </div>
  1353.     <div class=\"row\" style=\"margin-top: -10px;\">
  1354.         <!-- Normal Demo-->
  1355.         <div class=\"col-md-4\">
  1356.             <!-- Post-->
  1357.             <div class=\"post-module\">
  1358.                 <!-- Thumbnail-->
  1359.                 <div class=\"thumbnail\">
  1360.                     <div class=\"date\">
  1361.                         <div class=\"day\">27</div>
  1362.                         <div class=\"month\">Mar</div>
  1363.                     </div><img src=\"{{ asset('templateSyscofie/images/cabinet2.jpg') }}\"/>
  1364.                 </div>
  1365.                 <!-- Post Content-->
  1366.                 <div class=\"post-content\">
  1367.                     <a href=\"#\"><div class=\"category\">En savoir plus</div></a>
  1368.                     <h1 class=\"title\">Conseil en fiscalite des societes et des dirigeants</h1>
  1369.                     <h2 class=\"sub_title\" style=\"font-size: 15px;\">Assurer la conformite des declarations fiscales.</h2>
  1370.                     <p class=\"description\">Améliorez la gestion de votre activité grâce à nos outils simples et efficaces. Profitez d'une solution complète pour vous concentrer sur votre croissance et atteindre vos objectifs.</p>
  1371.                     <div class=\"post-meta\">
  1372.                         <span class=\"timestamp\">
  1373.                             <i class=\"bi bi-star-fill\"></i>
  1374.                             85% de satisfaction
  1375.                         </span>
  1376.                         <span class=\"comments\">
  1377.                             <i class=\"bi bi-person-check\"></i>
  1378.                             259 clients suivis
  1379.                         </span>
  1380.                     </div>
  1381.                 </div>
  1382.             </div>
  1383.         </div>
  1384.         <!-- Hover Demo-->
  1385.         <div class=\"col-md-4\">
  1386.             <!-- Post-->
  1387.             <div
  1388.                 class=\"post-module\">
  1389.                 <!-- Thumbnail-->
  1390.                 <div class=\"thumbnail\">
  1391.                     <div class=\"date\">
  1392.                         <div class=\"day\">27</div>
  1393.                         <div class=\"month\">Mar</div>
  1394.                     </div><img src=\"{{ asset('templateSyscofie/images/negociations-commerciales-dans-bureau-moderne.jpg') }}\"/>
  1395.                 </div>
  1396.                 <!-- Post Content-->
  1397.                 <div class=\"post-content\">
  1398.                     <a href=\"#\"><div class=\"category\">En savoir plus</div></a>
  1399.                     <h1 class=\"title\">Calcul et optimisation des impôts et taxes</h1>
  1400.                     <h2 class=\"sub_title\" style=\"font-size: 15px;\">Optimiser la fiscalité des entreprises</h2>
  1401.                     <p class=\"description\">Simplifiez le calcul et l'optimisation de vos impôts et taxes. Bénéficiez de solutions personnalisées pour réduire vos charges fiscales et maximiser vos économies.</p>
  1402.                     <div class=\"post-meta\">
  1403.                         <span class=\"timestamp\">
  1404.                             <i class=\"bi bi-star-fill\"></i>
  1405.                             98% de satisfaction
  1406.                         </span>
  1407.                         <span class=\"comments\">
  1408.                             <i class=\"bi bi-person-check\"></i>
  1409.                             134 clients suivis
  1410.                         </span>
  1411.                     </div>
  1412.                 </div>
  1413.             </div>
  1414.         </div>
  1415.         <div class=\"col-md-4\">
  1416.             <!-- Post-->
  1417.             <div class=\"post-module\">
  1418.                 <!-- Thumbnail-->
  1419.                 <div class=\"thumbnail\">
  1420.                     <div class=\"date\">
  1421.                         <div class=\"day\">27</div>
  1422.                         <div class=\"month\">Mar</div>
  1423.                     </div><img src=\"{{ asset('templateSyscofie/images/deux-hommes-affaires.jpg') }}\"/>
  1424.                 </div>
  1425.                 <!-- Post Content-->
  1426.                 <div class=\"post-content\">
  1427.                     <a href=\"#\"><div class=\"category\">En savoir plus</div></a>
  1428.                     <h1 class=\"title\">Assistance en cas de contrôle fiscal</h1>
  1429.                     <h2 class=\"sub_title\" style=\"font-size: 15px;\">Prévenir les risques de redressements ou de sanctions</h2>
  1430.                     <p class=\"description\">Recevez une assistance professionnelle lors de contrôles fiscaux. Notre équipe vous accompagne pour garantir la conformité et défendre vos intérêts, minimisant ainsi les risques et les pénalités.</p>
  1431.                     <div class=\"post-meta\">
  1432.                         <span class=\"timestamp\">
  1433.                             <i class=\"bi bi-star-fill\"></i>
  1434.                             89% de satisfaction
  1435.                         </span>
  1436.                         <span class=\"comments\">
  1437.                             <i class=\"bi bi-person-check\"></i>
  1438.                             390 clients suivis
  1439.                         </span>
  1440.                     </div>
  1441.                 </div>
  1442.             </div>
  1443.         </div>
  1444.     </div> 
  1445. </section>
  1447. <section class=\"stats__v3 section\" style=\"background-color: #268dcf; text-align: center; padding: 50px 0;\">
  1448.     <div class=\"container\">
  1449.         <div class=\"row\">
  1450.             <div class=\"col-12\">
  1451.                 <h1 style=\"font-size: 2.5em; color: white;\">Une expertise complète pour une gestion simplifiée de votre activité</h1>
  1452.                 <p style=\"font-size: 1.2em; color: white; max-width: 900px; margin: 20px auto;\">
  1453.                    Simplifiez la gestion de votre activité avec nos outils intuitifs et conseils personnalisés. Concentrez-vous sur ce qui compte : la croissance de votre entreprise.
  1454.                 </p>
  1455.                 <div class=\"bth\" style=\"display: inline-block; background-color: white; color: #268dcf; padding: 15px 30px; border-radius: 5px; cursor: pointer; margin-top: 20px;\">
  1456.                     Planifier un RDV
  1457.                 </div>
  1458.             </div>
  1459.         </div>
  1460.     </div>
  1461. </section>
  1463. <section class=\"container section services__v3\" id=\"services\" style=\"margin-top: 40px; margin-bottom: 20px;\">
  1464. \t<div class=\"section-head center wt-small-separator-outer\">
  1465.         <div class=\"wt-small-separator site-text-primary\">
  1466.             <div class=\"sep-leaf-left\"></div>
  1467.             <div>Notre equipe</div>
  1468.         </div>
  1469.         <h1 class=\"wt-title\">Equipe de maintien</h1>
  1470. \t\t
  1471.     </div>
  1472.     <section
  1473.         class=\"teams\" style=\"width:100%;\">
  1474.         {# <div class=\"container\"> #}
  1476.         <div class=\"row\" style=\"margin-top: -30px;\">
  1477.             <div class=\"col-sm-12\">
  1478.                 <div
  1479.                     id=\"customers-teams\" class=\"owl-carousel\">
  1481.                     <!--team 1 -->
  1482.                     <div class=\"item\">
  1483.                         <div class=\"shadow-effect\">
  1484.                             <img class=\"img-circle ima-ge\" src=\"{{ asset('templateSyscofie/images/femme-au-bureau.jpg') }}\" alt=\"\">
  1485.                             <h2>Marie-Lize Ivanna</h2>
  1486.                             <p class=\"title\">Associé SYSCOFIE</p>
  1487.                             <div id=\"pastexp\">
  1488.                                 <h5 id=\"pastexphead\">Expert-comptable en paie</h5>
  1489.                                 <p style=\"margin-top:-5px;\">Gère la paie et les obligations sociales.</p>
  1490.                             </div>
  1491.                             <div class=\"social-icons\" id=\"teamsocial\">
  1492.                                 <a class=\"social-icon social-icon--facebook\" id=\"socialicon\" href=\"#\">
  1493.                                     <i class=\"bi bi-facebook\"></i>
  1494.                                 </a>
  1496.                                 <a class=\"social-icon social-icon--twitter\" id=\"socialicon\" href=\"#\">
  1497.                                     <i class=\"bi bi-twitter\"></i>
  1498.                                 </a>
  1500.                                 <a class=\"social-icon social-icon--linkedin\" id=\"socialicon\" href=\"#\">
  1501.                                     <i class=\"bi bi-linkedin\"></i>
  1502.                                 </a>
  1504.                                 <a class=\"social-icon social-icon--instagram\" id=\"socialicon\" href=\"#\">
  1505.                                     <i class=\"bi bi-instagram\"></i>
  1506.                                 </a>
  1507.                             </div>
  1508.                             <!--Social Icons End Here-->
  1511.                         </div>
  1513.                     </div>
  1514.                     <!--END OF team 1 -->
  1517.                     <!--team 2 -->
  1518.                     <div class=\"item\">
  1519.                         <div class=\"shadow-effect\">
  1520.                             <img class=\"img-circle ima-ge\" src=\"{{ asset('templateSyscofie/images/conseiller.jpg') }}\" alt=\"\">
  1521.                             <h2>Ayameni Berol</h2>
  1522.                             <p class=\"title\">Associé SYSCOFIE</p>
  1523.                             <div id=\"pastexp\">
  1524.                                 <h5 id=\"pastexphead\">Conseiller en création d'entreprise</h5>
  1525.                                 <p style=\"margin-top:-5px;\">Aide les entrepreneurs à créer et développer leurs entreprises.</p>
  1526.                             </div>
  1527.                             <div class=\"social-icons\" id=\"teamsocial\">
  1528.                                 <a class=\"social-icon social-icon--facebook\" id=\"socialicon\" href=\"#\">
  1529.                                     <i class=\"bi bi-facebook\"></i>
  1530.                                 </a>
  1532.                                 <a class=\"social-icon social-icon--twitter\" id=\"socialicon\" href=\"#\">
  1533.                                     <i class=\"bi bi-twitter\"></i>
  1534.                                 </a>
  1536.                                 <a class=\"social-icon social-icon--linkedin\" id=\"socialicon\" href=\"#\">
  1537.                                     <i class=\"bi bi-linkedin\"></i>
  1538.                                 </a>
  1540.                                 <a class=\"social-icon social-icon--instagram\" id=\"socialicon\" href=\"#\">
  1541.                                     <i class=\"bi bi-instagram\"></i>
  1542.                                 </a>
  1543.                             </div>
  1544.                             <!--Social Icons End Here-->
  1547.                         </div>
  1549.                     </div>
  1550.                     <!--END OF team 2 -->
  1553.                     <!--team 3 -->
  1554.                     <div class=\"item\">
  1555.                         <div class=\"shadow-effect\">
  1556.                             <img class=\"img-circle ima-ge\" src=\"{{ asset('templateSyscofie/images/accord-verification-par-expert-juridique.jpg') }}\" alt=\"\">
  1557.                             <h2>Noumi Franck Durin</h2>
  1558.                             <p class=\"title\">Associé SYSCOFIE</p>
  1559.                             <div id=\"pastexp\">
  1560.                                 <h5 id=\"pastexphead\">Conseiller en gestion des risques</h5>
  1561.                                 <p style=\"margin-top:-5px;\">Évalue et gère les risques financiers au sein des entreprises.</p>
  1562.                             </div>
  1563.                             <div class=\"social-icons\" id=\"teamsocial\">
  1564.                                 <a class=\"social-icon social-icon--facebook\" id=\"socialicon\" href=\"#\">
  1565.                                     <i class=\"bi bi-facebook\"></i>
  1566.                                 </a>
  1568.                                 <a class=\"social-icon social-icon--twitter\" id=\"socialicon\" href=\"#\">
  1569.                                     <i class=\"bi bi-twitter\"></i>
  1570.                                 </a>
  1572.                                 <a class=\"social-icon social-icon--linkedin\" id=\"socialicon\" href=\"#\">
  1573.                                     <i class=\"bi bi-linkedin\"></i>
  1574.                                 </a>
  1576.                                 <a class=\"social-icon social-icon--instagram\" id=\"socialicon\" href=\"#\">
  1577.                                     <i class=\"bi bi-instagram\"></i>
  1578.                                 </a>
  1579.                             </div>
  1580.                             <!--Social Icons End Here-->
  1583.                         </div>
  1585.                     </div>
  1587.                     <!--END OF team 3 -->
  1590.                 </div>
  1591.             </div>
  1592.         </div>
  1593.         {# </div> #}
  1594.     </section>
  1596. </section>
  1598. <section class=\"container section services__v3\" id=\"services\" style=\"margin-top: 20px; margin-bottom: 40px;\">
  1599. \t<div class=\"section-head center wt-small-separator-outer\">
  1600.         <div class=\"wt-small-separator site-text-primary\">
  1601.             <div class=\"sep-leaf-left\"></div>
  1602.             <div>Expertise</div>
  1603.         </div>
  1604.         <h1 class=\"wt-title\">Decouvrez nos autres expertises</h1>
  1605.         <div id=\"carouselExampleControls\" class=\"carousel\">
  1606.             <div class=\"carousel-inner\">
  1607.                 <div class=\"carousel-item active\">
  1608.                     <a href=\"{{ path('prosuit_service_expertise') }}\">
  1609.                         <figure class=\"gallery-image\">
  1610.                             <!-- Image Wrapper (for Hover Effect) -->
  1611.                             <div class=\"image-wrapper\">
  1612.                                 <img class=\"caroussel-image\"
  1613.                                 src=\"{{ asset('templateSyscofie/images/afro-americain-costume-tenant-documents-parlant.jpg') }}\" width=\"2500\" style=\"height: 235px;\" alt=\"\">
  1614.                                 <!-- Eye Overlay (Visible on Hover) -->
  1615.                                 <span class=\"eye-overlay\">👁</span>
  1616.                             </div>
  1618.                             <!-- Figcaption Always Visible but Clickable -->
  1619.                             <figcaption>
  1620.                                 <h2>Expertise Juridique</h2>
  1621.                                 <h3>Syscofie Consulting</h3>
  1622.                             </figcaption>
  1623.                         </figure>
  1624.                     </a>
  1625.                 </div>
  1626.                 <div class=\"carousel-item\">
  1627.                     <a href=\"{{ path('prosuit_service_expertise') }}\">
  1628.                         <figure class=\"gallery-image\">
  1629.                             <!-- Image Wrapper (for Hover Effect) -->
  1630.                             <div class=\"image-wrapper\">
  1631.                                 <img class=\"caroussel-image\"
  1632.                                 src=\"{{ asset('templateSyscofie/images/bureau-de-service.jpg') }}\" width=\"2500\" style=\"height: 235px;\" alt=\"\">
  1633.                                 <!-- Eye Overlay (Visible on Hover) -->
  1634.                                 <span class=\"eye-overlay\">👁</span>
  1635.                             </div>
  1637.                             <!-- Figcaption Always Visible but Clickable -->
  1638.                             <figcaption>
  1639.                                 <h2>Expertise Social &amp; Paie</h2>
  1640.                                 <h3>Syscofie Consulting</h3>
  1641.                             </figcaption>
  1642.                         </figure>
  1643.                     </a>
  1644.                 </div>
  1645.                 <div class=\"carousel-item\">
  1646.                     <a href=\"{{ path('prosuit_service_expertise') }}\">
  1647.                         <figure class=\"gallery-image\">
  1648.                             <!-- Image Wrapper (for Hover Effect) -->
  1649.                             <div class=\"image-wrapper\">
  1650.                                 <img class=\"caroussel-image\"
  1651.                                 src=\"{{ asset('templateSyscofie/images/scene-bureau-ordinateur-portable.jpg') }}\" width=\"2500\" style=\"height: 235px;\" alt=\"\">
  1652.                                 <!-- Eye Overlay (Visible on Hover) -->
  1653.                                 <span class=\"eye-overlay\">👁</span>
  1654.                             </div>
  1656.                             <!-- Figcaption Always Visible but Clickable -->
  1657.                             <figcaption>
  1658.                                 <h2>Expertise Audit &amp; Contrôle</h2>
  1659.                                 <h3>Syscofie Consulting</h3>
  1660.                             </figcaption>
  1661.                         </figure>
  1662.                     </a>
  1663.                 </div>
  1664.                 <div class=\"carousel-item\">
  1665.                     <a href=\"{{ path('prosuit_service_expertise') }}\">
  1666.                         <figure class=\"gallery-image\">
  1667.                             <!-- Image Wrapper (for Hover Effect) -->
  1668.                             <div class=\"image-wrapper\">
  1669.                                 <img class=\"caroussel-image\"
  1670.                                 src=\"{{ asset('templateSyscofie/images/travailleurs-bureau.jpg') }}\" width=\"2500\" style=\"height: 235px;\" alt=\"\">
  1671.                                 <!-- Eye Overlay (Visible on Hover) -->
  1672.                                 <span class=\"eye-overlay\">👁</span>
  1673.                             </div>
  1675.                             <!-- Figcaption Always Visible but Clickable -->
  1676.                             <figcaption>
  1677.                                 <h2>Nos Formations</h2>
  1678.                                 <h3>Syscofie Consulting</h3>
  1679.                             </figcaption>
  1680.                         </figure>
  1681.                     </a>
  1682.                 </div>
  1683.                 <div class=\"carousel-item\">
  1684.                     <a href=\"{{ path('prosuit_service_expertise') }}\">
  1685.                         <figure class=\"gallery-image\">
  1686.                             <!-- Image Wrapper (for Hover Effect) -->
  1687.                             <div class=\"image-wrapper\">
  1688.                                 <img class=\"caroussel-image\"
  1689.                                 src=\"{{ asset('templateSyscofie/images/gplan-travailleur.jpg') }}\" width=\"2500\" style=\"height: 235px;\" alt=\"\">
  1690.                                 <!-- Eye Overlay (Visible on Hover) -->
  1691.                                 <span class=\"eye-overlay\">👁</span>
  1692.                             </div>
  1694.                             <!-- Figcaption Always Visible but Clickable -->
  1695.                             <figcaption>
  1696.                                 <h2>Expertise Fiscalité</h2>
  1697.                                 <h3>Syscofie Consulting</h3>
  1698.                             </figcaption>
  1699.                         </figure>
  1700.                     </a>
  1701.                 </div>
  1702.                 <div class=\"carousel-item\">
  1703.                     <a href=\"{{ path('prosuit_service_expertise') }}\">
  1704.                         <figure class=\"gallery-image\">
  1705.                             <!-- Image Wrapper (for Hover Effect) -->
  1706.                             <div class=\"image-wrapper\">
  1707.                                 <img class=\"caroussel-image\"
  1708.                                 src=\"{{ asset('templateSyscofie/images/negociations-commerciales-dans-bureau-moderne.jpg') }}\" width=\"2500\" style=\"height: 235px;\" alt=\"\">
  1709.                                 <!-- Eye Overlay (Visible on Hover) -->
  1710.                                 <span class=\"eye-overlay\">👁</span>
  1711.                             </div>
  1713.                             <!-- Figcaption Always Visible but Clickable -->
  1714.                             <figcaption>
  1715.                                 <h2>Expertise Suivi comptable</h2>
  1716.                                 <h3>Syscofie Consulting</h3>
  1717.                             </figcaption>
  1718.                         </figure>
  1719.                     </a>
  1720.                 </div>
  1721.             </div>
  1722.             <button class=\"carousel-control-prev\" type=\"button\" data-bs-target=\"#carouselExampleControls\" data-bs-slide=\"prev\">
  1723.                 <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>
  1724.                 <span class=\"visually-hidden\">Previous</span>
  1725.             </button>
  1726.             <button class=\"carousel-control-next\" type=\"button\" data-bs-target=\"#carouselExampleControls\" data-bs-slide=\"next\">
  1727.                 <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>
  1728.                 <span class=\"visually-hidden\">Next</span>
  1729.             </button>
  1730.         </div>
  1731.     </div>
  1732. </section>
  1734. <script>
  1735.   //Team Slider  
  1736.   \$('#customers-teams').owlCarousel({
  1737.     loop: true,
  1738.     center: true,
  1739.     items: 3,
  1740.     margin: 0,
  1741.     autoplay: true,
  1742.     dots:true,
  1743.     autoplayTimeout: 4500,
  1744.   \tcheckVisibility: true,
  1745.     responsive: {
  1746.       0: {
  1747.         items: 1
  1748.       },
  1749.       768: {
  1750.         items: 2
  1751.       },
  1752.       1170: {
  1753.         items: 3
  1754.       }
  1755.     }
  1756. \t});
  1760.     {# script expertises slides  #}
  1761.     const multipleItemCarousel = document.querySelector(\"#carouselExampleControls\");
  1763. if (window.matchMedia(\"(min-width:576px)\").matches) {
  1764.   const carousel = new bootstrap.Carousel(multipleItemCarousel, {
  1765.     interval: false
  1766.   });
  1768.   var carouselWidth = \$(\".carousel-inner\")[0].scrollWidth;
  1769.   var cardWidth = \$(\".carousel-item\").width();
  1771.   var scrollPosition = 0;
  1773.   \$(\".carousel-control-next\").on(\"click\", function () {
  1774.     if (scrollPosition < carouselWidth - cardWidth * 4) {
  1775.       scrollPosition = scrollPosition + cardWidth;
  1776.       \$(\".carousel-inner\").animate({ scrollLeft: scrollPosition }, 600);
  1777.     }
  1778.   });
  1779.   \$(\".carousel-control-prev\").on(\"click\", function () {
  1780.     if (scrollPosition > 0) {
  1781.       scrollPosition = scrollPosition - cardWidth;
  1782.       \$(\".carousel-inner\").animate({ scrollLeft: scrollPosition }, 600);
  1783.     }
  1784.   });
  1785. } else {
  1786.   \$(multipleItemCarousel).addClass(\"slide\");
  1787. }
  1789. </script>
  1790. {% endblock %}
  1792. {% block javascripttemplate %}
  1794. {% endblock %}", "Theme/Produit/Service/Service/expertise.html.twig", "/home/syscofie/public_html/syscofie/templates/Theme/Produit/Service/Service/expertise.html.twig");
  1795.     }
  1796. }