@extends('layout.headerAndFooter')

@section('headLinks')
<link rel="stylesheet" href="{{ asset('siteStyle/home.css') }}">
    <link rel="stylesheet" href="{{asset('siteStyle/sectionStyle/topSection.css')}}">
    <link rel="stylesheet" href="{{asset('siteStyle/sectionStyle/brandsShow.css')}}">
    <link rel="stylesheet" href="{{asset('siteStyle/service.css')}}">
    <link rel="stylesheet" href="{{asset('siteStyle/agence.css')}}">
    <meta name="description" content="content description">
@stop

@section('title')
    service page
@stop

@section('content')
<section class="containerB">
    <div class="topSection">
        <div class="titleAndBtn">
            <div>
                @include('sections.breadcrumbs', [
                    'parentPageLink' => route("home"),
                    'parentPage' => 'Home',
                    'childPageLink' => route("expertises"),
                    'childPage' => "Expertises",
                    'childPageLink2' => "",
                    'childPage2' => '',
                    "fontColor" => "lightFont"
                ])
                <h1 class="titleTopSection"><span>L'</span>Expertises</h1>
                <h2 class="underTitle">Unifiez votre stratégie sociale pour générer un impact mesurable.</h2>
            </div>

            <a class="atirao-button atirao-button--primary atirao-button--large" href="{{route("contact")}}">
                <span class="txt">Prendre un Rv</span>
                <span class="bdrl"></span>
                <span class="bdrr"></span>
            </a>
        </div>
        <div class="image">
            <img src="{{ asset('images/expertises/expertises_IMG1.webp') }}" alt="">
        </div>
    </div>
</section> 

 <!-- brands show section -->
 <section class="containerW">
    <div class="swiper mySwiperBrands">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <svg xmlns="http://www.w3.org/2000/svg" id="redal" data-name="eqdom" viewBox="0 0 226.04 80.27">
                    <g>
                        <path class="cls-1-brands"
                            d="M112.77,70.57v3.37h-16.89v-21.65h16.44v3.37h-12.25v5.63h10.87v3.31h-10.87v5.97h12.71Z" />
                        <path class="cls-1-brands"
                            d="M141.11,76.1c-1.48,1.67-3.51,2.57-5.89,2.57-3.06,0-5.34-1.14-8.65-4.48-6.3-.53-10.84-5.07-10.84-11.07,0-6.4,5.15-11.13,12.13-11.13s12.13,4.7,12.13,11.13c0,5.23-3.41,9.31-8.43,10.67,1.29,1.33,2.44,1.82,3.76,1.82,1.48,0,2.77-.59,3.86-1.73l1.93,2.23ZM127.86,70.72c4.54,0,7.91-3.19,7.91-7.61s-3.38-7.61-7.91-7.61-7.91,3.19-7.91,7.61,3.38,7.61,7.91,7.61Z" />
                        <path class="cls-1-brands"
                            d="M144.42,52.29h9.84c7.3,0,12.29,4.33,12.29,10.83s-4.99,10.83-12.29,10.83h-9.84v-21.65ZM154.07,70.54c5.02,0,8.27-2.94,8.27-7.42s-3.25-7.42-8.27-7.42h-5.47v14.85h5.47Z" />
                        <path class="cls-1-brands"
                            d="M169.38,63.11c0-6.4,5.15-11.13,12.13-11.13s12.13,4.7,12.13,11.13-5.15,11.13-12.13,11.13-12.13-4.73-12.13-11.13ZM189.42,63.11c0-4.42-3.38-7.61-7.91-7.61s-7.91,3.19-7.91,7.61,3.38,7.61,7.91,7.61,7.91-3.19,7.91-7.61Z" />
                        <path class="cls-1-brands"
                            d="M218.75,73.94l-.03-14.35-7.4,11.88h-1.87l-7.4-11.69v14.17h-3.99v-21.65h3.44l8.94,14.35,8.78-14.35h3.44l.03,21.65h-3.96Z" />
                    </g>
                    <g>
                        <rect class="cls-1-brands" x="218.56" y="1.6" width="4.2" height="32.26" />
                        <polygon class="cls-1-brands"
                            points="203.61 1.6 199.41 1.6 191.81 12.42 191.81 16.61 203.08 16.61 203.08 12.42 196 12.42 203.61 1.6" />
                        <path class="cls-1-brands"
                            d="M203.1,12.42v4.19c3.42,0,6.2,2.78,6.2,6.2s-2.78,6.2-6.2,6.2v4.19c5.74,0,10.39-4.65,10.39-10.39s-4.65-10.39-10.39-10.39Z" />
                        <path class="cls-1-brands"
                            d="M138.59,12.38c-5.78,0-10.46,4.68-10.46,10.46s4.69,10.46,10.46,10.46c2.17,0,4.19-.66,5.86-1.79-1.2,3.99-3.65,7.43-6.91,9.86l2.95,2.95c5.42-4.27,8.91-10.89,8.91-18.33,0-1.52-.15-3.01-.43-4.45-.64-5.17-5.04-9.17-10.38-9.17ZM138.59,29.09c-3.45,0-6.24-2.8-6.24-6.24s2.8-6.24,6.24-6.24,6.24,2.8,6.24,6.24-2.8,6.24-6.24,6.24Z" />
                        <path class="cls-1-brands"
                            d="M113.07,12.42c-.91,0-1.78.12-2.62.33-8.69,1.92-15.2,9.66-15.2,18.93,0,4.55,1.57,8.73,4.19,12.03h6.34c-3.69-2.72-6.1-7.09-6.1-12.03,0-3.35,1.1-6.44,2.96-8.93,0,.03,0,.06,0,.08,0,5.76,4.67,10.42,10.42,10.42s10.42-4.67,10.42-10.42-4.67-10.43-10.42-10.43ZM113.07,28.82c-3.3,0-5.98-2.68-5.98-5.98,0-2.81,1.94-5.16,4.55-5.8.11-.02.23-.05.34-.07h0c.35-.07.72-.11,1.09-.11,3.3,0,5.98,2.68,5.98,5.98s-2.68,5.98-5.98,5.98Z" />
                        <path class="cls-1-brands"
                            d="M178.01,28.36c0-9.04-7.33-16.37-16.37-16.37-1.75,0-3.43.28-5.01.79v4.75c1.53-.71,3.22-1.11,5.01-1.11,6.59,0,11.94,5.35,11.94,11.94,0,.22,0,.43-.02.64h-19.13v4.2h48.65v-4.2h-25.1c0-.21.02-.43.02-.64Z" />
                        <path class="cls-1-brands"
                            d="M217.65,40.24c0-1.56.61-2.34,1.78-2.34.91,0,1.43.52,1.65,1.52l1.69-.22c-.39-1.82-1.52-2.73-3.38-2.73-1.17,0-2.08.39-2.73,1.13-.52.65-.78,1.56-.78,2.65,0,.56.09,1.08.26,1.52h-1.69v1.73h8.33v-1.73h-4.68c-.3-.39-.43-.91-.43-1.52Z" />
                    </g>
                    <path class="cls-1-brands"
                        d="M72.12,2.08H7.18c-2.16,0-3.92,1.75-3.92,3.92v64.93c0,2.16,1.75,3.92,3.92,3.92h64.93c2.16,0,3.92-1.75,3.92-3.92V5.99c0-2.16-1.75-3.92-3.92-3.92ZM54.09,27.85h-14.79c-5.85,0-10.61,4.76-10.61,10.61s4.76,10.61,10.61,10.61h14.79v6.96h-14.79c-9.69,0-17.57-7.88-17.57-17.57s7.88-17.57,17.57-17.57h14.79v6.96ZM48.72,35.23v6.91h-14.11v-6.91h14.11Z" />
                </svg>
            </div>
            <div class="swiper-slide">
                <svg xmlns="http://www.w3.org/2000/svg" id="eqdom" data-name="eqdom" viewBox="0 0 161.25 46.19">
                    <g id="Marjane">
                        <path class="cls-1-brands"
                            d="M52.65,32.83h-.1c-1.43,2.18-3.13,3.13-5.8,3.13-4.85,0-9.22-3.98-9.22-10.55s4.18-10.55,9.22-10.55c2.47,0,4.37.95,5.7,2.76h.1v-2.28h6.74v20.04h-6.65v-2.56h0ZM52.46,25.42c0-2.76-1.8-4.56-4.18-4.56s-4.18,1.8-4.18,4.56,1.8,4.56,4.18,4.56,4.18-1.9,4.18-4.56" />
                        <path class="cls-1-brands"
                            d="M63.28,15.35h6.65v3.61h.19c1.24-2.38,3.23-3.61,6.18-3.61v6.46c-3.98,0-6.18,1.33-6.18,6.18v7.5h-6.74V15.35h-.1Z" />
                        <path class="cls-1-brands"
                            d="M104.7,32.83h-.1c-1.43,2.18-3.13,3.13-5.8,3.13-4.85,0-9.22-3.98-9.22-10.55s4.18-10.55,9.22-10.55c2.47,0,4.37.95,5.7,2.76h.1v-2.28h6.74v20.04h-6.65v-2.56h0ZM104.61,25.42c0-2.76-1.8-4.56-4.18-4.56s-4.18,1.8-4.18,4.56,1.8,4.56,4.18,4.56,4.18-1.9,4.18-4.56" />
                        <path class="cls-1-brands"
                            d="M115.43,15.35h6.65v2.28h.19c1.24-1.9,3.04-2.76,5.89-2.76,4.85,0,7.69,3.13,7.69,8.08v12.54h-6.84v-9.98c0-2.57-.95-4.66-3.42-4.66-2.28,0-3.52,1.8-3.52,5.04v9.6h-6.74V15.35h.1Z" />
                        <path class="cls-1-brands"
                            d="M145.36,26.75c.48,2.38,1.9,3.61,3.9,3.61,1.62,0,2.94-.95,3.52-2.38l5.32,1.99c-.85,3.04-4.08,6.08-9.02,6.08-6.36,0-10.35-4.08-10.35-10.64,0-6.08,3.98-10.55,10.16-10.55s9.68,4.56,9.68,10.07c0,.57,0,1.33-.19,1.8h-13.02ZM145.36,23.23h6.46c-.1-1.7-1.33-3.04-3.13-3.04-1.63,0-2.85,1.15-3.33,3.04" />
                        <path class="cls-1-brands"
                            d="M79.53,10.32c0-1.9,1.52-3.52,3.52-3.52s3.52,1.62,3.52,3.52-1.52,3.52-3.52,3.52-3.52-1.53-3.52-3.52" />
                        <path class="cls-1-brands"
                            d="M79.62,35.58c0,1.43,0,3.04-2.38,3.04h-.85v4.46h1.62c7.4,0,8.36-3.13,8.36-7.69V15.45h-6.74v20.13Z" />
                        <path class="cls-1-brands"
                            d="M26.15,10.6c0,4.18-3.32,7.5-7.5,7.5s-7.5-3.32-7.5-7.5,3.32-7.5,7.5-7.5,7.5,3.32,7.5,7.5" />
                        <path class="cls-1-brands"
                            d="M28.04,14.88c-1.62,3.61-5.22,6.08-9.41,6.08s-7.5-2.28-9.22-5.6H2.68v20.13h6.84v-10.16c0-1.52,1.24-2.84,2.84-2.84s2.84,1.24,2.84,2.84v10.16h7.03v-10.16c0-1.52,1.24-2.84,2.84-2.84,1.52,0,2.84,1.24,2.84,2.84v10.16h6.84v-12.63c-.17-4.46-2.54-7.6-6.72-7.98" />
                    </g>
                </svg>
            </div>
            <div class="swiper-slide">
                <svg xmlns="http://www.w3.org/2000/svg" id="marjane" data-name="marjane" viewBox="0 0 167.53 43.13">
                    <g id="surface1">
                        <path class="cls-1-brands"
                            d="M166.11,36.72c-3.9,0-7.8,0-11.7.01-.08,0-.16-.02-.24-.04-.14-.68-.19-10.39-.07-12.6.63-.16,9.28-.23,11.61-.09.15.34.06.71.07,1.06.02.34,0,.67,0,.99-.05.05-.06.07-.09.09-.02.02-.04.04-.07.04-.06.01-.11.02-.17.02h-8.78c-.14.47-.05.95-.07,1.42-.01.45,0,.9,0,1.33.04.05.06.07.09.09s.05.04.07.04c2.29,0,4.57,0,6.9,0,.15.73.05,1.43.07,2.17-.79.15-1.57.06-2.35.07-.76.02-1.52,0-2.29,0h-2.45c-.09.54-.03,1.06-.04,1.59-.01.51,0,1.01,0,1.47.06.06.08.09.1.1s.05.02.08.02c3.11,0,6.22,0,9.33.01" />
                        <path class="cls-1-brands"
                            d="M114.22,29.9c1.81,0,3.53.02,5.26-.01.61-.01,1.23-.12,1.74-.49.58-.43.77-1.21.54-1.99-.2-.66-.76-1.12-1.46-1.2-.17-.02-.34,0-.51,0-1.64,0-3.28,0-4.92,0-.22,0-.44.02-.69.04,0,1.12,0,2.19,0,3.26,0,.11.02.22.04.39M111.67,24c.16-.01.27-.03.38-.03,2.72,0,5.43,0,8.14,0,1.11,0,2.1.39,2.91,1.11.44.4.8.93.97,1.54.35,1.26.34,2.45-.39,3.6-.52.81-1.26,1.25-2.12,1.58-.23.09-.48.15-.81.26,1.22,1.53,2.41,3.03,3.59,4.52-.04.07-.05.09-.07.1-.02.02-.05.04-.07.04-.93,0-1.86,0-2.83,0-1.18-1.52-2.36-3.05-3.53-4.57h-3.66v4.52c-.87.11-1.67.06-2.47.04-.13-.7-.18-10.92-.06-12.71" />
                        <path class="cls-1-brands"
                            d="M77.49,12.12c.2-2.1-1.1-3.65-2.64-4.25-1.27-.49-2.58-.57-3.94-.1-1.6.56-2.61,1.58-2.98,3.22-.4,1.76.18,3.56,1.72,4.6,1.48,1,3.12,1.1,4.82.6.75-.22,1.41-.6,1.91-1.16.75-.83,1.24-1.8,1.09-2.91M72.72,5.25c1.6-.12,3.05.31,4.38,1.18,1.82,1.19,2.89,2.85,2.97,5.07.01.39.02.79,0,1.18-.13,1.7-.87,3.08-2.15,4.21-.85.74-1.81,1.26-2.86,1.54-1.31.35-2.65.37-4,.12-.81-.15-1.59-.37-2.29-.77-1.54-.87-2.7-2.1-3.21-3.84-.94-3.19.35-6.21,3.21-7.81,1.23-.68,2.55-.99,3.96-.89" />
                        <path class="cls-1-brands"
                            d="M134.38,12.93v3.19h9.47c0,.42.02.78.02,1.14,0,.33,0,.67,0,1.04h-11.97c-.14-.69-.19-10.24-.07-12.6.62-.16,9.44-.22,11.62-.08.14.68.04,1.38.06,2.06-.04.04-.06.06-.08.07-.02.01-.05.04-.07.04h-8.95c-.11.96-.03,1.88-.06,2.86.25.02.47.04.68.04,1.84,0,3.67,0,5.51,0,.27,0,.57-.1.86.15.15.62.05,1.28.06,2-.8.15-1.59.06-2.36.07-.76.02-1.52,0-2.29,0" />
                        <path class="cls-1-brands"
                            d="M93.96,36.7h-2.44c-2.65-3.06-5.31-6.15-8.05-9.32v9.28c-.78.14-1.53.03-2.25.07-.05-.05-.07-.07-.09-.09-.02-.02-.04-.05-.04-.07,0-4.07-.01-8.14-.02-12.21,0-.11.02-.22.03-.36h2.48c2.64,3.05,5.34,6.17,8.16,9.42-.05-1.69-.12-3.21-.14-4.73-.02-1.55,0-3.1,0-4.69h2.36" />
                        <path class="cls-1-brands"
                            d="M108.92,24.03v2.12c-1.05.11-2.06.04-3.07.05-1.04.01-2.09,0-3.13,0h-3.07v2.81c.16.02.35.06.53.06,1.92,0,3.84,0,5.76,0,.27,0,.56-.07.86.12.16.65.06,1.32.07,2.03-.8.15-1.58.06-2.36.07-.79.02-1.58,0-2.37,0h-2.34c-.23.57-.27,1.76-.12,3.17h9.5c.19.73.05,1.43.1,2.1-.04.04-.06.07-.08.09-.02.02-.04.05-.06.05-3.82,0-7.63.01-11.45.02-.14,0-.27-.01-.45-.03v-12.63c.63-.12,10.39-.16,11.68-.04" />
                        <path class="cls-1-brands"
                            d="M60.66,14.34c-.46-.67-1.12-.88-1.76-1.04-.75-.19-1.54-.26-2.31-.4-1.48-.28-2.98-.46-4.32-1.22-.55-.31-1.01-.72-1.31-1.28-.59-1.1-.39-2.53.45-3.44.86-.94,1.96-1.33,3.18-1.55.84-.15,1.68-.2,2.52-.14,1.85.13,3.64.49,5.32,1.46-.31.64-.62,1.26-.95,1.94-.6-.21-1.2-.42-1.8-.61-1.1-.35-2.23-.56-3.38-.54-.75.02-1.49.17-2.23.34-.3.07-.56.33-.82.49v.83c.26.53.79.65,1.27.77.97.24,1.97.38,2.95.56,1.34.25,2.7.45,3.92,1.12.87.47,1.54,1.12,1.78,2.12.26,1.12.12,2.16-.67,3.07-.69.8-1.58,1.25-2.57,1.52-1.34.36-2.72.45-4.09.32-1.82-.16-3.56-.65-5.18-1.52-.1-.05-.18-.13-.33-.24.31-.67.62-1.33.94-2.03.25.1.44.15.61.24.99.54,2.05.9,3.14,1.12,1.44.28,2.89.3,4.31-.13.21-.06.41-.18.6-.29.62-.35.76-.62.72-1.46" />
                        <path class="cls-1-brands"
                            d="M66.86,24h11.5v2.17h-9.1v2.89h7.08c0,.42.02.78.02,1.14,0,.33,0,.67,0,1.09-1.23.03-2.4.01-3.58.01-1.16,0-2.31,0-3.51,0v3.2h9.58v2.18h-11.99" />
                        <path class="cls-1-brands"
                            d="M106.54,12.91v3.09s.04.05.06.07c.02.02.04.03.07.04s.06.01.08.01h9.2c.2.7.05,1.41.1,2.07-.04.04-.06.07-.08.09-.02.02-.04.05-.07.05-.2.01-.39.02-.59.02h-11.09c-.14-.74-.2-10.47-.08-12.65.59-.14,10.34-.18,11.56-.04v2.15h-9.13v2.88h7.05v2.22" />
                        <path class="cls-1-brands"
                            d="M63.66,25.61c-.39.59-.78,1.17-1.19,1.79-.12-.06-.25-.1-.36-.17-1.02-.68-2.12-1.04-3.34-1.24-1.34-.21-2.57-.04-3.72.59-1.35.74-2.07,1.92-2.13,3.48-.04.91.09,1.78.58,2.58.71,1.16,1.8,1.74,3.07,2.01,1.46.31,2.88.02,4.28-.39.18-.05.34-.18.55-.29v-3.66h2.36v5c-.11.09-.26.27-.45.37-1.15.57-2.33,1.04-3.62,1.25-1.02.17-2.03.22-3.02.1-2.82-.33-4.97-1.67-6.02-4.42-.18-.46-.17-.99-.29-1.47-.24-.93-.04-1.83.2-2.71.35-1.31,1.09-2.4,2.15-3.25,1-.8,2.17-1.28,3.42-1.51.68-.13,1.41-.04,2.12-.07,1.89-.06,3.57.57,5.13,1.58.07.04.13.1.19.17.04.04.05.1.12.25" />
                        <path class="cls-1-brands"
                            d="M130.35,31.38c.89.14,3.93.11,4.55-.04-.82-1.51-1.38-3.14-2.31-4.67-.78,1.64-1.51,3.17-2.25,4.72M139.97,36.69h-2.54c-.45-.95-.93-1.95-1.42-2.98h-6.77c-.49.99-.98,1.99-1.45,2.97h-2.65c2.08-4.27,4.12-8.47,6.16-12.68h2.48c.52.69,5.83,11.56,6.18,12.68" />
                        <path class="cls-1-brands"
                            d="M95.72,7.12c-.48.68-.91,1.3-1.33,1.9-.47-.25-.89-.48-1.3-.71-1.13-.62-2.36-.88-3.64-.81-1.16.06-2.28.36-3.17,1.16-1.23,1.12-1.71,2.51-1.36,4.17.14.64.35,1.2.74,1.75.69.96,1.67,1.42,2.73,1.67,1.65.39,3.27.1,4.8-.62.43-.2.83-.46,1.29-.72.22.32.44.64.65.95.2.3.39.6.59.93-.61.59-1.32.92-2.04,1.22-1.65.68-3.38.82-5.12.65-2.1-.2-3.88-1.12-5.16-2.83-.72-.97-1.14-2.11-1.19-3.35-.06-1.23.11-2.39.67-3.5.61-1.2,1.52-2.07,2.66-2.75,1.16-.69,2.41-1.01,3.76-1.01,1.29,0,2.57.03,3.8.51.89.35,1.73.78,2.59,1.38" />
                        <path class="cls-1-brands"
                            d="M124.85,7.8v10.5h-2.3s-.03-.02-.05-.05c-.01-.02-.03-.05-.03-.07,0-.03-.01-.06-.01-.09V7.87c-.2-.02-.39-.06-.57-.06-1.27,0-2.54,0-3.81,0-.25,0-.49-.03-.75-.04-.22-.73-.04-1.4-.12-2.02.06-.06.08-.09.1-.1.02-.01.05-.03.07-.03,4.07,0,8.14-.02,12.21-.02.14,0,.28.02.46.03v2.1c-.22.03-.43.09-.64.09-1.22,0-2.43,0-3.65,0" />
                        <path class="cls-1-brands"
                            d="M144.22,34.53h8.28c.25.54.26.8.16,2.1-.62.13-9.63.17-10.9.05-.12-.66-.16-11.03-.05-12.66.8-.11,1.6-.04,2.5-.04,0,.89,0,1.76,0,2.63,0,.88,0,1.75,0,2.63v2.55" />
                        <path class="cls-1-brands" d="M98.24,5.63h2.47v12.7c-.82.04-1.62.03-2.47,0" />
                        <path class="cls-1-brands"
                            d="M34.47,21.69v1.22H8.42v-1.22H1.41v20.11h40.05c0-.23.03-.45.02-.68,0-6.48,0-12.96,0-19.43" />
                        <path class="cls-1-brands"
                            d="M8.42,20.38c.94-.12,1.89-.04,2.84-.05.96-.01,1.92,0,2.88,0h20.32v1.11h7.02c0-6.42,0-12.84,0-19.25,0-.09,0-.17,0-.25-.02-.19-.04-.38-.06-.59H15.33c-4.64,0-9.28,0-13.91,0v20.11h7.01" />
                    </g>
                </svg>
            </div>
            <div class="swiper-slide">
                <svg xmlns="http://www.w3.org/2000/svg" id="SG" data-name="SG" viewBox="0 0 291.89 52.7">
                    <defs>
                        <style>
                            .cls-1-brands {
                                font-family: RenaultGroup-Semibold, 'Renault Group';
                                font-size: 32.08px;
                                font-weight: 600;
                            }

                            .cls-1-brands,
                            .cls-2-brands {
                                fill: #706f6f;
                            }

                            .cls-2-brands {
                                stroke-width: 0px;
                            }
                        </style>
                    </defs>
                    <g>
                        <rect class="cls-2-brands" x="71.16" y="22.7" width="6.18" height="6.18" />
                        <text class="cls-1-brands" transform="translate(81.17 36.29)">
                            <tspan x="0" y="0">AUTOMOTIV</tspan>
                        </text>
                    </g>
                    <g>
                        <path class="cls-2-brands"
                            d="M15.96,49.24h45.79V3.46H15.96v45.79ZM62.94,50.44H14.76V2.26h48.18v48.18Z" />
                        <polygon class="cls-2-brands"
                            points="27.97 15.78 34.4 15.78 39.26 30.08 39.32 30.08 43.92 15.78 50.36 15.78 50.36 36.57 46.08 36.57 46.08 21.84 46.02 21.84 40.92 36.57 37.4 36.57 32.3 21.99 32.25 21.99 32.25 36.57 27.97 36.57 27.97 15.78" />
                    </g>
                </svg>
            </div>
            <div class="swiper-slide">
                <svg xmlns="http://www.w3.org/2000/svg" id="m-automotiv" data-name="m-automotiv"
                    viewBox="0 0 160.55 61.45">
                    <path class="cls-1-brands"
                        d="M88.84,49.43c0-1.11.89-1.33,1.33-1.33s1.33.22,1.33,1.33v.44c.44-1.11,1.55-1.99,3.32-1.99,1.55,0,2.65.89,3.32,1.99.67-1.33,1.99-1.99,3.54-1.99,2.65,0,3.98,2.21,3.98,4.21v5.32c0,1.33-.89,1.55-1.33,1.55s-1.33-.22-1.33-1.55v-4.65c0-1.33-.22-2.88-1.99-2.88-1.55,0-2.43,1.55-2.43,2.88v4.43c0,1.33-.89,1.55-1.33,1.55s-1.33-.22-1.33-1.55v-5.09c0-1.33-.67-2.21-1.99-2.21-1.55,0-2.21,1.55-2.21,2.88v4.43c0,1.33-.89,1.55-1.33,1.55s-1.33-.22-1.33-1.55v-7.75h-.22Z" />
                    <path class="cls-1-brands"
                        d="M116.29,59.16c-.44,0-1.33-.22-1.33-1.33v-.22c-1.55,2.43-7.3,2.21-7.3-1.77,0-3.1,3.98-3.54,7.3-3.54v-.22c0-1.33-1.11-1.99-2.43-1.99-.89,0-1.55.44-2.21.89-1.33.89-2.43-.89-1.11-1.77.89-.67,2.21-1.11,3.54-1.11,3.76,0,4.65,2.43,4.65,4.43v5.32c0,1.12-.67,1.33-1.11,1.33ZM114.3,54.08c-1.77,0-3.98.22-3.98,1.77,0,1.11.89,1.33,1.77,1.33,1.77,0,2.88-1.11,2.88-2.65v-.44h-.67Z" />
                    <path class="cls-1-brands"
                        d="M121.83,59.16c-.44,0-1.33-.22-1.33-1.55v-7.97c0-1.11.89-1.33,1.33-1.33s1.33.22,1.33,1.33v.44c.44-1.11,1.55-1.99,2.65-1.99.89,0,1.33.44,1.33,1.11s-.44,1.33-1.33,1.33c-1.77,0-2.65,1.33-2.65,3.1v4.21c0,1.11-.89,1.32-1.33,1.32Z" />
                    <path class="cls-1-brands"
                        d="M138.42,57.84c0,.67-.44,1.33-1.33,1.33-.44,0-.89-.22-1.33-.67l-4.42-4.87v4.21c0,1.33-.89,1.55-1.33,1.55s-1.33-.22-1.33-1.55v-14.17c0-1.33.89-1.55,1.33-1.55s1.33.22,1.33,1.55v9.3l4.21-4.21c1.55-1.55,3.32.44,1.77,1.77l-3.1,2.65,3.54,3.76c.67.22.67.67.67.89Z" />
                    <path class="cls-1-brands"
                        d="M142.19,54.52c.22,1.55,1.55,2.65,3.1,2.65,1.11,0,1.77-.44,2.43-.89.44-.22.67-.44.89-.44,1.11,0,1.33,1.33.67,1.99-1.11.89-2.21,1.33-3.98,1.33-3.32,0-5.75-1.99-5.75-5.54,0-3.32,2.43-5.75,5.54-5.75,2.65,0,4.65,1.55,5.09,4.65v.44c0,.89-.44,1.33-1.33,1.33h-6.65v.22ZM147.5,52.53c0-3.76-5.09-3.1-5.32,0h5.32Z" />
                    <path class="cls-1-brands"
                        d="M156.36,59.16c-2.88,0-3.32-1.77-3.32-3.76v-4.87h-.89c-1.11,0-1.11-.67-1.11-1.11s.22-1.11,1.11-1.11h.89v-1.77c0-1.11.89-1.33,1.33-1.33s1.33.22,1.33,1.33v1.77h1.55c1.11,0,1.11.67,1.11,1.11s-.22,1.11-1.11,1.11h-1.55v4.87c0,1.11.44,1.55,1.11,1.55h.67c1.11,0,1.33,1.55.44,1.99-.46,0-.9.22-1.56.22Z" />
                    <path class="cls-1-brands"
                        d="M52.1,31.95c-1.55,2.21-3.32,3.1-5.97,3.1-4.87,0-9.3-3.98-9.3-10.62s4.21-10.63,9.3-10.63c2.43,0,4.43.89,5.76,2.88v-2.21h6.64v20.14h-6.42v-2.65h0ZM52.1,24.42c0-5.97-8.41-5.97-8.41,0,0,2.65,1.77,4.65,4.21,4.65s4.21-2,4.21-4.65Z" />
                    <path class="cls-1-brands"
                        d="M62.96,14.46h6.42v3.54h.22c1.11-2.43,3.32-3.54,5.97-3.54v6.19c-3.98,0-6.19,1.33-6.19,6.19v7.53h-6.64l.22-19.91Z" />
                    <path class="cls-1-brands"
                        d="M104.57,31.95c-1.55,2.21-3.32,3.1-5.97,3.1-4.87,0-9.3-3.98-9.3-10.62s4.21-10.63,9.29-10.63c2.43,0,4.43.89,5.76,2.88v-2.21h6.64v20.14h-6.42v-2.65h0ZM104.35,24.42c0-5.97-8.41-5.97-8.41,0,0,2.65,1.77,4.65,4.21,4.65,2.43,0,4.21-2,4.21-4.65Z" />
                    <path class="cls-1-brands"
                        d="M115.19,14.46s.22,0,0,0h6.64v2.21h.22c1.11-1.77,2.65-2.65,4.87-2.65,4.65-.44,8.63,3.54,8.63,8.19v12.4h-6.64v-9.96c0-2.65-.89-4.65-3.32-4.65-2.21,0-3.54,1.77-3.54,5.09v9.52h-6.64V14.46h-.23Z" />
                    <path class="cls-1-brands"
                        d="M145.51,25.74c-.21,0-.21.22,0,0,.44,2.43,1.77,3.54,3.76,3.54,1.55,0,2.88-.89,3.54-2.43l5.09,1.99c-.89,3.11-4.21,5.98-9.07,5.98-6.42,0-10.4-4.21-10.4-10.62s3.98-10.62,10.18-10.62,9.74,4.43,9.74,10.18c0,.67,0,1.33-.22,1.77h-12.62v.21h0ZM145.3,22.2h6.42c0-1.77-1.33-3.1-3.1-3.1-1.55.22-2.88,1.33-3.32,3.1Z" />
                    <path class="cls-1-brands"
                        d="M79.34,9.37c0-1.99,1.55-3.54,3.54-3.54s3.54,1.55,3.54,3.54-1.55,3.54-3.54,3.54c-2,0-3.54-1.55-3.54-3.54Z" />
                    <path class="cls-1-brands"
                        d="M79.33,34.6c0,1.33,0,3.1-2.43,3.1h-.89v4.43h1.77c7.3,0,8.41-3.1,8.41-7.75V14.46h-6.64v20.14h-.22Z" />
                    <path class="cls-1-brands"
                        d="M25.54,9.58c0,4.21-3.32,7.53-7.53,7.53s-7.53-3.32-7.53-7.53,3.54-7.53,7.53-7.53c4.21,0,7.53,3.33,7.53,7.53Z" />
                    <path class="cls-1-brands"
                        d="M27.54,13.79s0,.22,0,0c-1.77,3.76-5.32,6.19-9.52,6.19-3.98,0-7.53-2.21-9.3-5.54H2.08v20.14h6.64v-9.95c0-1.55.89-2.88,2.43-3.1,1.99-.22,3.32,1.11,3.32,2.88v10.18h6.87v-9.96c0-1.55.89-2.88,2.43-3.1,1.77-.22,3.32,1.11,3.32,2.88v10.18h6.64v-12.62c.45-4.65-1.98-7.75-6.19-8.19Z" />
                </svg>
            </div>
            <div class="swiper-slide">
                <svg xmlns="http://www.w3.org/2000/svg" id="marjaneM" data-name="marjaneM"
                    viewBox="0 0 116.59 59.96">
                    <g id="_ce000cff" data-name="#ce000cff">
                        <path class="cls-1-brands"
                            d="M48.57,1.91c.87-.13,1.75-.06,2.63-.05.01,4.53,0,9.06,0,13.59-.02,1.51-.05,3.03-.36,4.51-.29,1.38-.95,2.72-2.02,3.66-1.01.91-2.39,1.27-3.72,1.33-2.29.04-4.59,0-6.88.02-1.22-.01-2.44.03-3.65-.03-.37-.11-.77-.22-1.05-.5-.53-.46-.79-1.18-.77-1.87,0-2.12,0-4.23,0-6.35.5,0,1,0,1.5,0,.48,0,.99.25,1.19.7.13.27.17.57.19.86.01.7-.02,1.41.01,2.11.05.55.57.97,1.12.93,2.43,0,4.85,0,7.28,0,.79,0,1.66-.14,2.26-.71.6-.56.8-1.39.91-2.17.11-1.05.13-2.1.12-3.15,0-3.62,0-7.23,0-10.85.02-.83.46-1.69,1.24-2.04Z" />
                        <path class="cls-1-brands"
                            d="M54.46,1.87c.38-.06.77-.03,1.15-.03.49,0,.99-.03,1.47.07.44.18.8.52,1,.96.25.48.31,1.04.29,1.57,0,3.7,0,7.39,0,11.09,0,1,0,2.01.19,2.99.17.82.7,1.6,1.47,1.96.62.27,1.3.29,1.96.34.78.02,1.57.02,2.35.01.38,0,.76-.25.86-.61.06-.98-.03-1.96.05-2.93.45,0,.9,0,1.35,0,.4-.01.81.19,1.03.53.32.47.36,1.06.38,1.62.3-.21.47-.54.71-.81,1.9-2.42,4.39-4.35,7.14-5.71,1.11-.53,2.29-.97,3.52-1.04.78-.04,1.62.13,2.22.66.97.84,1.72,1.94,2.15,3.15.47,1.33.61,2.74.61,4.14-.01.5.43.94.93.94,2.37,0,4.75,0,7.12,0,.29,0,.63.06.86-.17.22-.23.19-.56.19-.85,0-1.54,0-3.07,0-4.61.02-.57.07-1.16.38-1.66.31-.53.91-.83,1.5-.89.66-.01,1.32,0,1.98,0,0,3.31,0,6.61,0,9.91.01.62-.13,1.28-.57,1.73-.48.52-1.22.69-1.9.72-8.96,0-17.91,0-26.87,0-2.32,0-4.64.04-6.96,0-1.22,0-2.49-.22-3.55-.87-1.13-.69-1.89-1.85-2.35-3.07-.53-1.55-.61-3.21-.62-4.84-.09-1.05-.03-2.1-.04-3.15,0-3.71,0-7.43,0-11.15M76.86,15.97c-1.45.62-2.75,1.53-3.97,2.52-.49.43-1.02.84-1.34,1.41-.09.16-.06.35-.05.52.2.22.47.36.76.41.77.2,1.57.17,2.35.18,1.89,0,3.78,0,5.67,0,.31.03.62-.18.73-.47.19-.41.14-.87.12-1.3-.1-.82-.27-1.65-.66-2.39-.28-.53-.72-1.01-1.31-1.18-.77-.25-1.59,0-2.31.3Z" />
                        <path class="cls-1-brands"
                            d="M70.77,8.91c.31-.3.57-.72,1.02-.81.37-.1.75.09,1,.36.41.4.83.79,1.22,1.21.32.35.3.92-.02,1.27-.41.45-.85.87-1.27,1.3-.29.31-.79.41-1.16.18-.3-.19-.52-.48-.78-.72-.4-.39-.95-.75-1.02-1.36.04-.64.63-.99,1.01-1.43Z" />
                        <path class="cls-1-brands"
                            d="M102.3,12.69c.71-.06,1.42-.01,2.13-.03,0,3.4,0,6.81,0,10.22-.08,1.64-.13,3.32-.73,4.87-.43,1.03-1.08,2.02-2,2.68-.59.41-1.26.7-1.96.85-1.12.27-2.28.19-3.42.2-1.4,0-2.8,0-4.2,0,.46-.54.98-1.04,1.44-1.58.64-.76,1.39-1.46,2.36-1.77.86-.29,1.81-.03,2.67-.34.73-.22,1.25-.82,1.57-1.49.38-.9.32-1.9.41-2.85,0-2.37,0-4.75,0-7.12.02-.93-.11-1.92.35-2.78.27-.52.83-.81,1.4-.86Z" />
                        <path class="cls-1-brands"
                            d="M85.08,27.11c.35-.13.79-.06,1.05.22.41.42.86.8,1.25,1.23.46-.39.84-.87,1.28-1.27.36-.35.99-.31,1.33.04.4.39.79.79,1.2,1.18.24.21.38.54.35.86-.09.58-.64.89-.98,1.3-.36.32-.65.84-1.2.84-.58.04-.92-.5-1.3-.84-.25-.2-.42-.52-.72-.64-.4.38-.78.79-1.16,1.19-.3.32-.81.39-1.19.17-.37-.24-.64-.6-.96-.88-.32-.36-.84-.66-.79-1.21-.03-.56.5-.88.83-1.25.34-.3.59-.73,1.02-.92Z" />
                    </g>
                    <g id="_787878ff" data-name="#787878ff">
                        <path class="cls-1-brands"
                            d="M73.18,28.07c.62-.59,1.5-.82,2.34-.82.94,0,1.89,0,2.83,0v26.62c-.01.74.07,1.51-.21,2.21-.22.65-.73,1.22-1.39,1.46-.75.3-1.58.21-2.37.22h-8.41c-1.1-.02-2.22.07-3.31-.14-1.51-.26-2.91-1.03-4.01-2.08-1.91-1.84-3.14-4.34-3.55-6.96-.26-1.65-.28-3.35.05-4.99.31-1.49.92-2.92,1.79-4.17.75-1.07,1.64-2.04,2.73-2.76,1.39-.96,3.07-1.44,4.75-1.47,2.68,0,5.36,0,8.04,0-.02-1.75,0-3.5,0-5.25-.01-.68.24-1.37.72-1.86M63.65,41.03c-1.32,1.07-2.14,2.7-2.32,4.39-.16,1.58.09,3.23.86,4.63.57,1.07,1.43,2.06,2.59,2.48.86.34,1.8.29,2.71.29,1.59,0,3.18,0,4.77,0,.01-4.28,0-8.55,0-12.83-1.91.02-3.82,0-5.73,0-1.04.02-2.08.37-2.89,1.03Z" />
                        <path class="cls-1-brands"
                            d="M109.07,29.01c.38-.93,1.31-1.57,2.29-1.71,1.15-.01,2.31,0,3.46,0,0,8.73,0,17.45,0,26.18,0,.64.02,1.27-.02,1.91-.04.66-.27,1.36-.81,1.77-.37.31-.87.4-1.34.4-1.28,0-2.57,0-3.85,0,0-8.64,0-17.29,0-25.93.03-.87-.11-1.79.26-2.61Z" />
                        <path class="cls-1-brands"
                            d="M2.69,28.54c.66-.65,1.61-.9,2.51-.92h14.49c1,0,2.01-.04,2.98.18,1.49.3,2.88,1.07,3.94,2.16,1.5,1.49,2.52,3.45,2.86,5.54.24,1.46.26,3-.2,4.42-.43,1.39-1.31,2.62-2.42,3.56-1.12,1-2.43,1.84-3.91,2.15,2.6,3.86,5.24,7.69,7.85,11.55.18.28.39.54.54.83-1.91,0-3.83,0-5.74,0-1.53-.04-3.15-.57-4.12-1.81-2.2-3.35-4.42-6.69-6.62-10.04-1.96,0-3.92,0-5.87,0,0,3.03,0,6.06,0,9.09,0,.74-.22,1.51-.76,2.05-.51.52-1.26.72-1.98.73-1.5,0-2.99,0-4.49,0,0-9.04,0-18.09,0-27.13.01-.86.29-1.75.92-2.36M8.98,32.77c.01,2.82,0,5.63,0,8.45,2.33,0,4.66,0,6.98,0,1.48.02,3-.38,4.21-1.24.74-.53,1.3-1.33,1.43-2.24.16-1.15-.12-2.42-.94-3.28-.82-.88-1.98-1.35-3.15-1.55-1.02-.2-2.06-.13-3.09-.14-1.82,0-3.63-.01-5.45,0Z" />
                        <path class="cls-1-brands"
                            d="M83.09,35.22c2.47-.04,4.93,0,7.4-.02,1.81,0,3.61-.03,5.42.03,1,.04,2,.14,2.97.38,1.34.37,2.6,1.09,3.52,2.15.65.73,1.18,1.58,1.47,2.51.44,1.41.53,2.91.55,4.38,0,3.53,0,7.07,0,10.6,0,.72-.31,1.45-.89,1.89-.55.44-1.28.56-1.96.58-4.56,0-9.11,0-13.67,0-2.23-.03-4.37-1.3-5.49-3.21-.59-1.02-.86-2.21-.82-3.39-.02-1.79.61-3.63,1.9-4.9.77-.82,1.79-1.4,2.9-1.63.79-.19,1.61-.13,2.41-.14,3.15,0,6.3,0,9.46,0-.02-.78.13-1.63-.27-2.34-.36-.66-.85-1.29-1.54-1.62-.67-.29-1.42-.29-2.14-.29-2.57,0-5.13,0-7.69,0-.84.02-1.64-.42-2.14-1.08-.86-1.11-1.2-2.53-1.37-3.89M88.54,49.58c-.44.44-.58,1.1-.51,1.7.07.59.48,1.1.99,1.4.47.33,1.06.43,1.63.41,2.54,0,5.07-.01,7.61,0,0-1.45.01-2.91,0-4.36-2.56.01-5.12,0-7.68,0-.75,0-1.52.28-2.03.84Z" />
                        <path class="cls-1-brands"
                            d="M36.57,37.18c1.45-1.08,3.22-1.74,5.04-1.73,3.38,0,6.76-.01,10.15,0-.01.74-.03,1.49.02,2.23.03.64-.15,1.32-.61,1.78-.5.47-1.2.64-1.87.64-1.32,0-2.65,0-3.97,0-1.28,0-2.6-.04-3.82.39-1.24.46-2.26,1.5-2.64,2.78-.16.5-.21,1.03-.22,1.55,4.35,0,8.7,0,13.05,0-.01,1.57,0,3.14,0,4.71-4.35,0-8.7,0-13.05,0,0,.85.11,1.76.62,2.47.53.75,1.3,1.36,2.19,1.6.92.23,1.87.29,2.82.28,1.67,0,3.35,0,5.02,0,.78.01,1.61.32,2.06.99.31.46.44,1.03.42,1.58,0,.55,0,1.11,0,1.66-3.72,0-7.43,0-11.15,0-1.48-.05-2.92-.58-4.13-1.41-1.32-.9-2.39-2.13-3.24-3.47-.8-1.29-1.33-2.75-1.56-4.26-.25-1.79-.16-3.64.34-5.39.73-2.57,2.4-4.82,4.52-6.42Z" />
                    </g>
                </svg>
            </div>
        </div>
    </div>
</section>

<section class="containerW">
    <div class="itroduction">
        <h2 class="title">Le social ne dort jamais</h2>
        <p class="content">Le social en priorité est un objectif en constante évolution. Il ne cesse d'évoluer, donc vous ne devriez pas vous arrêter non plus. Nous sommes une <span>agence de marketing social primée</span> et à service complet : nous aidons les marques à <span>unifier, amplifier et développer</span> leur marketing sur les réseaux sociaux. Nous prenons en charge tout le travail, de l’idéation et de la stratégie à la création, l’exécution et l’analyse, faisant de nous votre <span>guichet unique pour la transformation axée sur le social</span>.</p>
    </div>
</section> 

 <!-- Services section -->
 <section class="containerW">
    <div class="services">
        <button id="whatWeOffre" class="active">Ce que nous offrons</button>

        <div class="swiper-container Allservices">
            <div class="swiper-wrapper servicesCards show" id="WWOcontent">
                <a class="swiper-slide solutionCard services" href="" target="_blank">
                    <img src="{{ asset('images/home/WhatWeOffre/offre1.jpeg') }}" alt="performance">
                    <div class="heading">
                        <h2 class="heading_cardTitle">Performence Marketing</h2>
                        <p class="content">
                            Soyez visible au bon endroit auprès de votre public cible grâce à Google ads te boostez vos
                            conversions.
                        </p>
                    </div>
                    <span class="arrow-circle"></span>
                    <span class="arrow-circle-inhover">Évoluez avec nous</span>
                </a>

                <a class="swiper-slide solutionCard services" href="" target="_blank">
                    <img src="{{ asset('images/home/WhatWeOffre/offre2.webp') }}" alt="performance">
                    <div class="heading">
                        <h2 class="heading_cardTitle">Développement Web</h2>
                        <p class="content">
                            Améliorez votre visibilité et augmentez votre notoriété sur les réseaux sociaux pour
                            atteindre votre public cible et stimuler vos ventes.
                        </p>
                    </div>
                    <span class="arrow-circle"></span>
                    <span class="arrow-circle-inhover">Évoluez avec nous</span>
                </a>

                <a class="swiper-slide solutionCard services" href="" target="_blank">
                    <img src="{{ asset('images/home/WhatWeOffre/offre3.webp') }}" alt="performance">
                    <div class="heading">
                        <h2 class="heading_cardTitle">Automation</h2>
                        <p class="content">
                            Promouvez vos produits ou services de manière créative et engageante pour susciter l'intérêt
                            de votre audience.
                        </p>
                    </div>
                    <span class="arrow-circle"></span>
                    <span class="arrow-circle-inhover">Évoluez avec nous</span>
                </a>

                <a class="swiper-slide solutionCard services" href="" target="_blank">
                    <img src="{{ asset('images/home/WhatWeOffre/offre4.webp') }}" alt="performance">
                    <div class="heading">
                        <h2 class="heading_cardTitle">Data</h2>
                        <p class="content">
                            Nous concevons votre site web ou landing page en mettant l'accent sur u design innovant et
                            une intégration sur mesure.
                        </p>
                    </div>
                    <span class="arrow-circle"></span>
                    <span class="arrow-circle-inhover">Évoluez avec nous</span>
                </a>
                <a class="swiper-slide solutionCard services" href="" target="_blank">
                    <img src="{{ asset('images/home/WhatWeOffre/offre5.webp') }}" alt="performance">
                    <div class="heading">
                        <h2 class="heading_cardTitle">Consulting</h2>
                        <p class="content">
                            Atirao Agency lancé en collaboration avec l'École Hassania des travaux publics, un master
                            exécutif en Marketing digital et e-commerce en 2024.
                        </p>
                    </div>
                    <span class="arrow-circle"></span>
                    <span class="arrow-circle-inhover">Évoluez avec nous</span>
                </a>
                <a class="swiper-slide solutionCard services" href="" target="_blank">
                    <img src="{{ asset('images/home/WhatWeOffre/offre6.webp') }}" alt="performance">
                    <div class="heading">
                        <h2 class="heading_cardTitle">Content</h2>
                        <p class="content">
                            Nos consultants certifiés Google Partner et experts en réseaux sociaux réalisent un audit
                            complet de votre stratégie digitale.
                        </p>
                    </div>
                    <span class="arrow-circle"></span>
                    <span class="arrow-circle-inhover">Évoluez avec nous</span>
                </a>
            </div>
        </div>

        <div class="swiper-container Allservices">
            <div class="swiper-wrapper servicesCards" id="CScontent">
                <a class="swiper-slide solutionCard services" href="" target="_blank">
                    <img src="{{ asset('images/home/WhatWeOffre/offre1.webp') }}" alt="performance">
                    <div class="heading">
                        <h2 class="heading_cardTitle">Influencer Marketing</h2>
                        <p class="content">
                            Maximize creator impact and ROI with our access to a pool of verified creators with an
                            affinity for your target audience.
                        </p>
                    </div>
                    <span class="arrow-circle"></span>
                    <span class="arrow-circle-inhover">Grow with us</span>
                </a>

                <a class="swiper-slide solutionCard services" href="" target="_blank">
                    <img src="{{ asset('images/home/WhatWeOffre/offre1.webp') }}" alt="performance">
                    <div class="heading">
                        <h2 class="heading_cardTitle">Influencer Marketing</h2>
                        <p class="content">
                            Maximize creator impact and ROI with our access to a pool of verified creators with an
                            affinity for your target audience.
                        </p>
                    </div>
                    <span class="arrow-circle"></span>
                    <span class="arrow-circle-inhover">Grow with us</span>
                </a>

                <a class="swiper-slide solutionCard services" href="" target="_blank">
                    <img src="{{ asset('images/home/WhatWeOffre/offre1.webp') }}" alt="performance">
                    <div class="heading">
                        <h2 class="heading_cardTitle">Influencer Marketing</h2>
                        <p class="content">
                            Maximize creator impact and ROI with our access to a pool of verified creators with an
                            affinity for your target audience.
                        </p>
                    </div>
                    <span class="arrow-circle"></span>
                    <span class="arrow-circle-inhover">Grow with us</span>
                </a>

                <a class="swiper-slide solutionCard services" href="" target="_blank">
                    <img src="{{ asset('images/home/WhatWeOffre/offre1.webp') }}" alt="performance">
                    <div class="heading">
                        <h2 class="heading_cardTitle">Influencer Marketing</h2>
                        <p class="content">
                            Maximize creator impact and ROI with our access to a pool of verified creators with an
                            affinity for your target audience.
                        </p>
                    </div>
                    <span class="arrow-circle"></span>
                    <span class="arrow-circle-inhover">Grow with us</span>
                </a>
            </div>


            <button class="slick-arrow slick-prev" aria-label="Previous" type="button" aria-disabled="false">
                <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 41 17"
                    fill="none">
                    <path d="M39.4202 8.28999H1.39985M1.39985 8.28999L8.58194 1.02881M1.39985 8.28999L8.58194 15.4998"
                        stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                </svg>
            </button>

            <button class="slick-arrow slick-next" aria-label="Next" type="button" aria-disabled="false">
                <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 41 17"
                    fill="none">
                    <path d="M1.39985 8.28999H39.4202M39.4202 8.28999L32.2381 1.02881M39.4202 8.28999L32.2381 15.4998"
                        stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                </svg>
            </button>

        </div>
    </div>
</section>
<!-- Services section end -->


@stop 
@section('footerScripts')

    <script src="{{asset('siteScripts/home.js')}}"></script>


    <script>
        document.addEventListener('DOMContentLoaded',() => {
            // Function to disable scrolling
            const disableScroll = () => {
                document.body.style.overflow = 'hidden';
            };

            // Function to enable scrolling
            const enableScroll = () => {
                document.body.style.overflow = 'auto';
            };

            const memberCards = document.querySelectorAll('.memberCard');
            const popUp = document.getElementById('popUp');
            const overlay = document.getElementById('overlay');

            memberCards.forEach(memberCard => {
                memberCard.addEventListener('click', function(){
                    popUp.classList.add('show');
                    overlay.classList.add('show');
                    disableScroll();
                })
            });


            document.addEventListener('click', function(event){
                const close = document.getElementById('close');

                const target = event.target;
                const isClickedOutsidePopup = !popUp.contains(event.target) && !Array.from(memberCards).some(card => card.contains(event.target));
                const isClickedinclose = close.id === event.target.id;

                if(isClickedOutsidePopup || isClickedinclose){
                    popUp.classList.remove('show');
                    overlay.classList.remove('show');
                    enableScroll();
                }
            })
            
        })
        
    </script>
@stop