<header data-scroll-section class="pSection hp_intro">
    <div class="pSection_target hp_intro_target" id="top" is-anchor data-scroll data-scroll-call="detectSection" data-scroll-repeat data-scroll-offset="90%, 10%"></div>
    <div class="intro_action" data-scroll data-scroll-call="hpIntro"></div>
    <div class="intro_setUi intro_setUi--1" data-scroll data-scroll-call="setUi" data-ui="light" data-ui-mobile="light" data-scroll-repeat data-scroll-offset="90%,10%"></div>
    <div class="intro_setUi intro_setUi--2" data-scroll data-scroll-call="setUi" data-ui="dark" data-ui-mobile="dark" data-scroll-repeat data-scroll-offset="90%,10%"></div>
    <div class="intro_contentStart"></div>
    <div class="intro_cover" data-scroll data-scroll-sticky data-scroll-target=".hp_intro_target">
        <div class="intro_cover_inner" data-scroll data-scroll-call="homeVideo" data-scroll-repeat>
            <?php if (isMobileDevice()): ?>
                <div class="intro_cover_mobile">
                    <img src="<?php echo getImageUrl($pageData['header_mobile']['background'], 'lazy'); ?>" alt="" />
                    <?php if ($pageData['header_mobile']['video']): ?>
                    <video src="<?php echo $pageData['header_mobile']['video']['url']; ?>" playsinline loop></video>
                    <?php endif; ?>
                </div>
            <?php else: ?>
                <?php if ($pageData['header_video']): ?>
                    <video src="<?php echo $pageData['header_video']['url']; ?>" autoplay muted playsinline loop></video>
                <?php endif; ?>
            <?php endif; ?>
        </div>
    </div>
    <div class="intro_progress" data-scroll data-scroll-id="intro" data-scroll-offset="100%,100%"></div>
    <div class="intro_titleWrap" data-scroll data-scroll-sticky data-scroll-target=".hp_intro_target">
        <div class="intro_titleContainer">
            <div class="container">
                <div class="intro_titleBorder visible"></div>
                <div class="intro_title intro_title--light">
                    <?php echo $pageData['header_title']; ?>
                </div>
                <?php if (isMobileDevice()): ?>
                    <?php if ($pageData['header_mobile']['video']): ?>
                    <button type="button" class="intro_mobile_play">
                        <svg width="18" height="25" viewBox="0 0 18 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M18 12.0756C18 12.3903 17.9062 12.6459 17.7187 12.8426C17.5312 13.0393 17.4375 13.1376 17.4375 13.1376L2.03906 23.7972C1.47656 24.2167 0.996096 24.2954 0.597656 24.0332C0.199217 23.7709 0 23.2465 0 22.4598L0 1.7307C0 0.944017 0.199217 0.419567 0.597656 0.157338C0.996096 -0.104891 1.47656 -0.039335 2.03906 0.354008L17.4375 11.0529C17.4375 11.0529 17.5312 11.1512 17.7187 11.3479C17.9062 11.5446 18 11.7871 18 12.0756Z" fill="white"/>
                        </svg>
                        <svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M3.27783 0.555481C1.71301 0.555481 0.444489 1.82402 0.444489 3.38882V16.6111C0.444489 18.1759 1.71301 19.4444 3.27783 19.4444C4.84265 19.4444 6.11118 18.1759 6.11118 16.6111V3.38882C6.11118 1.82401 4.84265 0.555481 3.27783 0.555481ZM12.7222 0.555481C11.1574 0.555481 9.88889 1.82402 9.88889 3.38882V16.6111C9.88889 18.1759 11.1574 19.4444 12.7222 19.4444C14.287 19.4444 15.5556 18.1759 15.5556 16.6111V3.38882C15.5556 1.82401 14.287 0.555481 12.7222 0.555481Z" fill="white"/>
                        </svg>
                    </button>
                    <?php endif; ?>
                <?php endif; ?>
            </div>
        </div>
    </div>
    <div class="intro_content" data-scroll data-scroll-sticky data-scroll-target=".hp_intro_target">
        <div class="intro_content_inner">
            <div>
                <?php echo $pageData['header_content']; ?>
            </div>
            <?php if ($pageData['header_button']): ?>
            <div>
                <a href="<?php echo $pageData['header_button']['url']; ?>" class="button" target="<?php echo $pageData['header_button']['target']; ?>">
                    <span><?php echo $pageData['header_button']['title']; ?></span>
                </a>
            </div>
            <?php endif; ?>
            <?php if ($pageData['header_popin']['label_open'] && $pageData['header_popin']['url']): ?>
                <div class="intro_popinOpenWrap">
                    <button class="intro_popinOpen button button--dark hp_popinOpen" data-popin="header">
                        <span><?php echo $pageData['header_popin']['label_open']; ?></span>
                    </button>
                </div>
            <?php endif; ?>
        </div>
    </div>
    <!-- <div class="intro_debug" data-scroll data-scroll-sticky data-scroll-target=".hp_intro_target"></div> -->
</header>

<?php if ($pageData['header_popin']['url']): ?>
<div class="hp_popin" data-popin="header">
    <div class="hp_popin_inner">
        <div class="hp_popin_player" data-plyr-provider="<?php echo getVideoProvider($pageData['header_popin']['url']); ?>" data-plyr-embed-id="<?php echo getVideoId($pageData['header_popin']['url']); ?>"></div>
    </div>
    <button class="hp_popin_close button button--light"><span><?php t('POPIN_CLOSE'); ?></span></button>
    <div class="hp_popin_mask"></div>
</div>
<?php endif; ?>

<section data-scroll-section class="pSection hp_news">
    <div class="pSection_target hp_news_target"></div>
    <div class="container" is-anchor data-scroll data-scroll-call="detectSection" data-ui="light" data-ui-mobile="dark" data-scroll-repeat data-scroll-offset="90%, 10%">
        <div class="row row--noPadding">
            <div class="col-12 col-md-11 col-sm-10 col--noPT col--noPB hide-xs">
                <div class="pSection_header" data-scroll data-scroll-sticky data-scroll-target=".hp_news_target">
                    <div class="pSection_header_cover">
                        <div class="hp_news_logo" data-scroll data-scroll-speed="-1.5" data-scroll-target=".hp_news_target">
                            <?php svg('logo-p') ?>
                        </div>
                        <div class="carousel" data-scroll data-scroll-call="hpNewsCarousel" data-scroll-offset="10%">
                            <?php if ($pageData['news_gallery']): ?>
                            <?php foreach ($pageData['news_gallery'] as $item): ?>
                            <div class="carousel_slide">
                                <div class="carousel_slide_cover">
                                    <div class="carousel_slide_cover_img imageRender" style="<?php /*background-image: url(<?php echo getImageUrl($item); ?>); */ ?>">
                                        <img src="<?php echo getImageUrl($item, 'lazy'); ?>"
                                        <?php echo getImageSrcSetSizes($item); ?>
                                        alt="<?php echo pradel_format_attr($pageData['news_title']); ?>" class="__vhidden">
                                    </div>
                                </div>
                            </div>
                            <?php endforeach; ?>
                            <?php endif; ?>
                        </div>
                    </div>
                    <div class="pSection_header_inner">
                        <div class="sectionTitle sectionTitle--light" data-scroll data-scroll-call="sectionTitle" data-scroll-offset="15%">
                            <?php if ($pageData['news_link']): ?>
                            <a href="<?php echo $pageData['news_link']['url']; ?>" class="sectionTitle_link" aria-label="<?php echo pradel_format_attr($pageData['news_title']); ?>"></a>
                            <?php endif; ?>
                            <div class="sectionTitle_header">
                                <div class="sectionTitle_header_content">
                                    <div class="sectionTitle_header_content_title"><?php echo $pageData['news_surtitle']; ?></div>
                                    <div class="sectionTitle_header_content_separator"></div>
                                </div>
                                <div class="sectionTitle_header_additional sectionTitle_header_additional--counter" data-scroll data-scroll-call="counter" data-value="<?php echo $pageData['news_count']; ?>" data-scroll-offset="0%">&nbsp;</div>
                            </div>
                            <div class="sectionTitle_content"><?php echo $pageData['news_title']; ?></div>
                            <div class="sectionTitle_footer">
                                <div class="sectionTitle_footer_separator"></div>
                                <?php if ($pageData['news_link']): ?>
                                <a href="<?php echo $pageData['news_link']['url']; ?>" class="sectionTitle_footer_link"><span><?php echo $pageData['news_link']['title']; ?></span></a>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-5 offset-1 col-md-6 col-sm-7 col-xs-18 offset-xs-0 col--noPT col--noPB">
                <div class="contentBg" data-scroll data-scroll-call="hpNews" data-scroll-offset="40%"></div>
                <div class="pSection_content">
                    <div class="hp_news_mobileTitle">News</div>
                    <?php if ($pageData['news_list']): ?>
                        <div class="hp_news_list">
                        <?php foreach ($pageData['news_list'] as $news): ?>
                            <?php require("inc/newsBloc.php"); ?>
                        <?php endforeach; ?>
                        </div>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>
</section>

<?php if ($pageData['webi_visible']): ?>
    <section data-scroll-section class="pSection hp_webi">
        <div class="pSection_target hp_webi_videoTarget"></div>
        <div class="pSection_target hp_webi_contentTarget"></div>
        <div class="hp_webi_progress" data-scroll data-scroll-id="webiNB" data-scroll-offset="50%,50%"></div>
        <div class="hp_webi_content">
            <?php if ($pageData['webi_intro']['cover']): ?>
            <div class="hp_webi_cover" data-scroll data-scroll-sticky data-scroll-target=".hp_webi_videoTarget">
                <?php if ($pageData['webi_intro']['cover']['type'] == 'image'): ?>
                <div class="hp_webi_cover_img hp_webi_cover_media imageRender">
                    <img src="<?php echo getImageUrl($pageData['webi_intro']['cover'], 'lazy'); ?>"
                    <?php echo getImageSrcSetSizes($pageData['webi_intro']['cover']); ?>
                    alt="<?php echo pradel_format_attr($pageData['webi_intro']['title']); ?>" class="__vhidden">
                </div>
                <?php else: ?>
                    <video src="<?php echo $pageData['webi_intro']['cover']['url']; ?>" class="hp_webi_cover_media" autoplay muted loop playsinline></video>
                <?php endif; ?>
            </div>
            <?php endif; ?>
            <div class="pRelative">
                <div class="container" is-anchor data-scroll data-scroll-call="detectSection" data-ui="light" data-ui-mobile="dark" data-scroll-repeat data-scroll-offset="90%, 10%">
                    <div class="row row--noPadding">
                        <div class="col-12 col-md-11 col-sm-10 col-xs-18 col--noPT col--noPB">
                            <div class="pSection_header" data-scroll data-scroll-sticky data-scroll-target=".hp_webi_contentTarget">
                                <div class="pSection_header_inner">
                                    <div class="sectionTitle sectionTitle--light" data-scroll data-scroll-call="sectionTitle" data-scroll-offset="15%">
                                        <?php if ($pageData['webi_intro']['intro_link']): ?>
                                        <a href="<?php echo $pageData['webi_intro']['intro_link']['url']; ?>" class="sectionTitle_link" aria-label="<?php echo pradel_format_attr($pageData['webi_intro']['intro_title']); ?>"></a>
                                        <?php endif; ?>
                                        <div class="sectionTitle_header">
                                            <div class="sectionTitle_header_content">
                                                <div class="sectionTitle_header_content_title"><?php echo $pageData['webi_intro']['intro_surtitle']; ?></div>
                                                <div class="sectionTitle_header_content_separator"></div>
                                            </div>
                                        </div>
                                        <div class="sectionTitle_content"><?php echo $pageData['webi_intro']['intro_title']; ?></div>
                                        <div class="sectionTitle_footer">
                                            <div class="sectionTitle_footer_separator"></div>
                                            <?php if ($pageData['webi_intro']['intro_link']): ?>
                                            <a href="<?php echo $pageData['webi_intro']['intro_link']['url']; ?>" class="sectionTitle_footer_link"><span><?php echo $pageData['webi_intro']['intro_link']['title']; ?></span></a>
                                            <?php endif; ?>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-5 offset-1 col-md-6 col-sm-7 col-xs-18 offset-xs-0 col--noPT col--noPB">
                            <div class="contentBg"></div>
                            <div class="pSection_content">
                                <?php if ($pageData['webi_content']['title']): ?>
                                <h3 class="st2"><?php echo $pageData['webi_content']['title']; ?></h3>
                                <?php endif; ?>
                                <?php if ($pageData['webi_content']['content']): ?>
                                <div class="sp7"><?php echo $pageData['webi_content']['content']; ?></div>
                                <?php endif; ?>
                                <?php if ($pageData['webi_content']['video_cover']): ?>
                                <div class="webi_media">
                                    <div class="webi_media_render imageRender">
                                        <img src="<?php echo getImageUrl($pageData['webi_content']['video_cover'], 'lazy'); ?>"
                                        <?php echo getImageSrcSetSizes($pageData['webi_content']['video_cover']); ?>
                                        alt="<?php echo pradel_format_attr($pageData['webi_content']['video_label']); ?>" class="__vhidden">
                                    </div>
                                    <?php if ($pageData['webi_content']['video_label'] && $pageData['webi_content']['video_url']): ?>
                                    <button type="button" class="hp_popinOpen button" data-popin="webiVideo">
                                        <span><?php echo $pageData['webi_content']['video_label']; ?></span>
                                    </button>
                                    <?php endif; ?>
                                </div>
                                <?php endif; ?>
                                <?php if ($pageData['webi_content']['iframe_code']): ?>
                                <iframe src="<?php echo $pageData['webi_content']['iframe_code']; ?>" class="webi_iframe" frameborder="0"></iframe>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
<?php endif; ?>

<?php if ($pageData['webi_content']['video_url']): ?>
<div class="hp_popin" data-popin="webiVideo">
    <div class="hp_popin_inner">
        <div class="hp_popin_player" data-plyr-provider="<?php echo getVideoProvider($pageData['webi_content']['video_url']); ?>" data-plyr-embed-id="<?php echo getVideoId($pageData['webi_content']['video_url']); ?>"></div>
    </div>
    <button class="hp_popin_close button button--light"><span><?php t('POPIN_CLOSE') ?></span></button>
    <div class="hp_popin_mask"></div>
</div>
<?php endif; ?>

<section data-scroll-section class="pSection hp_cabinet">
    <div class="pSection_target hp_cabinet_target"></div>
    <div is-anchor data-scroll data-scroll-call="detectSection" data-ui="light" data-scroll-repeat data-scroll-offset="90%, 10%">
        <div class="hp_cabinet_intro">
            <div class="container">
                <div class="row">
                    <div class="col-11 offset-7 col-md-13 offset-md-5 col-sm-15 offset-sm-3 col-xs-18 offset-xs-0 col--noPt col--noPb">
                        <div class="hp_cabinet_quote splitQuote" data-scroll data-scroll-call="splitQuote" data-scroll-offset="40%">
                            <?php svg('quote', 'hp_cabinet_quote_icon') ?>
                            <div data-splitting="words"><?php echo $pageData['cabinet_quote']; ?></div>
                        </div>
                        <?php if ($pageData['cabinet_quoteSource']): ?>
                            <div class="hp_cabinet_quoteSource"><?php echo $pageData['cabinet_quoteSource']; ?></div>
                        <?php endif; ?>

                        <?php if ($pageData['webinarData']): ?>
                            <div class="webinarBloc">
                                <?php if ($pageData['webinar_surtitle']): ?>
                                    <h5 class="webinarBloc_surtitle"><?php echo $pageData['webinar_surtitle']; ?></h5>
                                <?php endif; ?>
                                <?php if ($pageData['webinar_title']): ?>
                                    <h4 class="webinarBloc_title"><?php echo $pageData['webinar_title']; ?></h4>
                                <?php endif; ?>
                                <?php if ($pageData['webinar_content_1'] || $pageData['webinar_content_2']): ?>
                                    <div class="webinarBloc_content">
                                        <div class="row">
                                            <div class="col-9 col-xs-18">
                                                <?php echo $pageData['webinar_content_1']; ?>
                                            </div>
                                            <div class="col-9 col-xs-18">
                                                <?php echo $pageData['webinar_content_2']; ?>
                                            </div>
                                        </div>
                                    </div>
                                <?php endif; ?>
                                <?php if ($pageData['webinar_link']): ?>
                                    <div class="webinarBloc_link">
                                        <div></div>
                                        <a class="button" href="<?php echo $pageData['webinar_link']['url']; ?>" target="<?php echo strip_tags($pageData['webinar_link']['target']); ?>">
                                            <span><?php echo $pageData['webinar_link']['title']; ?></span>
                                        </a>
                                    </div>
                                <?php endif; ?>
                            </div>
                        <?php endif; ?>

                    </div>
                </div>
            </div>
        </div>
        <div class="hp_cabinet_presentation">
            <?php svg('logo-p', 'hp_cabinet_logo', 'data-scroll data-scroll-speed="-2.5" data-scroll-target=".hp_cabinet_target"') ?>
            <div class="container">
                <div class="row row--noPadding">
                    <div class="col-12 col-md-11 col-sm-10 col--noPT col--noPB col-xs-18">
                        <div class="pSection_header pSection_header--fullMobile" data-scroll data-scroll-sticky data-scroll-target=".hp_cabinet_presentation">
                            <div class="pSection_header_cover">
                                <div class="carousel">
                                    <?php if ($pageData['cabinet_offices']): ?>
                                    <?php foreach ($pageData['cabinet_offices'] as $office): ?>
                                    <div class="carousel_slide">
                                        <div class="carousel_slide_cover">
                                            <div class="carousel_slide_cover_img imageRender" style="<?php /*background-image: url(<?php echo getImageUrl($office['cover']); ?>); */ ?>">
                                                <img src="<?php echo getImageUrl($office['cover'], 'lazy'); ?>"
                                                    <?php echo getImageSrcSetSizes($office['cover']); ?>
                                                    alt="<?php echo pradel_format_attr($pageData['cabinet_title']); ?>" class="__vhidden">
                                            </div>
                                        </div>
                                    </div>
                                    <?php endforeach; ?>
                                    <?php endif; ?>
                                </div>
                            </div>
                            <div class="pSection_header_inner">
                                <div class="sectionTitle sectionTitle--light" data-scroll data-scroll-call="sectionTitle" data-scroll-offset="15%">
                                    <?php if ($pageData['cabinet_link']): ?>
                                    <a href="<?php echo $pageData['cabinet_link']['url']; ?>" class="sectionTitle_link" aria-label="<?php echo pradel_format_attr($pageData['cabinet_title']); ?>"></a>
                                    <?php endif; ?>
                                    <div class="sectionTitle_header">
                                        <div class="sectionTitle_header_content">
                                            <div class="sectionTitle_header_content_title"><?php echo $pageData['cabinet_surtitle']; ?></div>
                                            <div class="sectionTitle_header_content_separator"></div>
                                        </div>
                                        <div class="sectionTitle_header_additional"></div>
                                    </div>
                                    <div class="sectionTitle_content"><?php echo $pageData['cabinet_title']; ?></div>
                                    <div class="sectionTitle_footer">
                                        <div class="sectionTitle_footer_separator"></div>
                                        <?php if ($pageData['cabinet_link']): ?>
                                        <a href="<?php echo $pageData['cabinet_link']['url']; ?>" class="sectionTitle_footer_link"><span><?php echo $pageData['cabinet_link']['title']; ?></span></a>
                                        <?php endif; ?>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-5 col-md-6 col-sm-7 offset-1 hide-xs col--noPT col--noPB">
                        <div class="pSection_content">
                            <h3 class="st2"><?php echo $pageData['cabinet_content_title']; ?></h3>
                            <div class="sp4 firstLetter">
                                <span class="firstLetter_letter"><?php echo getFirstLetter($pageData['cabinet_content_intro']); ?></span>
                                <div class="firstLetter_content"><?php echo $pageData['cabinet_content_intro']; ?></div>
                            </div>
                            <div class="sp1">
                                <?php echo $pageData['cabinet_content_text']; ?>
                            </div>
                            <?php if ($pageData['cabinet_anchors']): ?>
                            <ul class="anchorsList">
                                <?php $cpt = 1; foreach ($pageData['cabinet_anchors'] as $anchor): ?>
                                    <li>
                                        <a href="<?php echo getCabinetPermalink("?section=" . $anchor['section']); ?>"><?php echo $anchor['title']; ?></a>
                                    </li>
                                <?php $cpt++; endforeach; ?>
                            </ul>
                            <?php endif; ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section data-scroll-section class="pSection hp_expertise">
    <div class="pSection_target hp_expertise_videoTarget"></div>

    <div class="videoPlayTrigger hide-xs" data-scroll data-scroll-call="playVideo" data-scroll-repeat></div>
    <div class="videoMaskTrigger hide-xs" data-scroll data-scroll-call="maskVideo" data-scroll-repeat></div>
    <div class="videoGreyscaleTrigger hide-xs" data-scroll data-scroll-call="greyscaleVideo" data-scroll-repeat></div>

    <div is-anchor data-scroll data-scroll-call="detectSection" data-ui="dark" data-scroll-repeat data-scroll-offset="90%, 10%">

        <div class="hp_expertise_video hide-xs" data-scroll data-scroll-sticky data-scroll-target=".hp_expertise_videoTarget">            
            <div class="video">
                <div class="video_overlay"></div>
                <div class="video_mask"></div>
                
                <?php if (!wp_is_mobile()): ?>
                <video id="homeVideo" preload="metadata" buffered muted loop playsinline>
                    <source src="<?php echo VIDEOS ?>pradel.mp4" type="video/mp4">
                </video>
                <?php endif; ?>
            </div>
        </div>
        <picture>
            <source srcset="<?php echo IMAGES; ?>hp-mobile.webp" type="image/webp">
            <source srcset="<?php echo IMAGES; ?>hp-mobile.png" type="image/png">
            <img src="<?php echo IMAGES; ?>hp-mobile.png" class="hp_expertise_videoMobile" alt="Expertise" width="513" height="462">
        </picture>
        

        <div class="hp_expertise_content">
            <div class="pSection_target hp_expertise_contentTarget"></div>
            <div class="container">
                <div class="row row--noPadding">
                    <div class="col-9 col--noPT col--noPB col-xs-18">
                        <div class="pSection_header pSection_header--top" data-scroll data-scroll-sticky data-scroll-target=".hp_expertise_contentTarget">
                            <div class="pSection_header_inner">
                                <div class="sectionTitle" data-scroll data-scroll-call="sectionTitle" data-scroll-offset="15%">
                                    <?php if ($pageData['expertises_link']): ?>
                                    <a href="<?php echo $pageData['expertises_link']['url']; ?>" class="sectionTitle_link" aria-label="<?php echo pradel_format_attr($pageData['expertises_surtitle']); ?>"></a>
                                    <?php endif; ?>
                                    <div class="sectionTitle_header">
                                        <div class="sectionTitle_header_content">
                                            <div class="sectionTitle_header_content_title"><?php echo $pageData['expertises_surtitle']; ?></div>
                                            <div class="sectionTitle_header_content_separator"></div>
                                        </div>
                                    </div>
                                    <div class="sectionTitle_content">
                                        <div class="textRotator">
                                            <?php $cpt = 0; foreach($pageData['expertises_titles'] as $title): ?>
                                            <div class="textRotator_item <?php echo $cpt == 0 ? 'textRotator_item--first textRotator_item--current' : ''; ?>" data-item="<?php echo $cpt; ?>"><?php echo $title['title']; ?></div>
                                            <?php $cpt++; endforeach; ?>
                                        </div>
                                    </div>
                                    <div class="sectionTitle_footer">
                                        <div class="sectionTitle_footer_separator"></div>
                                        <?php if ($pageData['expertises_link']): ?>
                                        <a href="<?php echo $pageData['expertises_link']['url']; ?>" class="sectionTitle_footer_link"><span><?php echo $pageData['expertises_link']['title']; ?></span></a>
                                        <?php endif; ?>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-5 offset-1 col-md-7 col-sm-8 col-xs-18 offset-xs-0 col--noPT col--noPB">
                        <div class="pSection_content">
                            <div class="sp4 firstLetter">
                                <?php svg('quote', 'hp_expertise_quote') ?>
                                <span class="firstLetter_letter"><?php echo getFirstLetter($pageData['expertises_intro']); ?></span>
                                <div class="firstLetter_content"><?php echo $pageData['expertises_intro']; ?></div>
                            </div>
                            <div class="sp3">
                                <?php echo $pageData['expertises_content']; ?>
                            </div>
                            <div class="prestaList">
                                <?php $cpt = 1; foreach ($pageData['expertises_list'] as $pres): ?>
                                    <div class="prestaItem" data-presta="<?php echo $cpt; ?>" >
                                        <a href="<?php echo getExpertisePermalink("?pres=" . $cpt); ?>">
                                            <span class="prestaItem_title"><?php echo $pres['titre']; ?></span>
                                            <?php if(isset($pres['image']['ID'])) { ?>
                                            <div class="prestaItem_cover imageRender" style="<?php /*background-image: url(<?php echo getImageUrl($pres['image']); ?>); */ ?>">
                                                <img src="<?php echo getImageUrl($pres['image'], 'lazy'); ?>"
                                                    <?php echo getImageSrcSetSizes($pres['image']); ?>
                                                    alt="Expertise" class="__vhidden">
                                            </div>
                                            <?php } ?>
                                        </a>
                                    </div>
                                <?php $cpt++; endforeach; ?>
                                <div class="prestaCovers">
                                    <?php $cpt = 1; foreach ($pageData['expertises_list'] as $pres): ?>
                                        <?php if(isset($pres['image']['ID'])) { ?>
                                        <div data-presta="<?php echo $cpt; ?>" class="prestaCover imageRender" style="<?php /*background-image: url(<?php echo getImageUrl($pres['image']); ?>); */ ?>">
                                            <img src="<?php echo getImageUrl($pres['image'], 'lazy'); ?>"
                                                <?php echo getImageSrcSetSizes($pres['image']); ?>
                                                alt="Expertise" class="__vhidden">
                                        </div>
                                        <?php } ?>
                                    <?php $cpt++; endforeach; ?>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</section>
