<div id="block-section-8" class="ui-container lazy">
        <div class="row-wide">
            <div class="block-content">
                <div class="col-sm-12 no-gutters p-0">
                    <div class="col-sm-12 no-gutters p-0">
                        <div class="content-module rte-inline col-sm-12 col-xs-12  module">
                            <div class="section-container section-container-8">
                                <div class="panel panel-1">
                                    <svg viewbox="0 0 1920 1080" class=" hidden-sm hidden-xs img-1">
                                        <!-- <defs>
                                            <clippath clippathunits="userSpaceOnUse" id="cp1">
                                                <path d="M0 0L1920 0L1920 1080L0 1080L0 0Z"></path>
                                            </clippath>
                                        </defs>
                                        <style>
                                        tspan {
                                            white-space: pre
                                        }

                                        .shp0 {
                                            fill: #ffffff
                                        }
                                        </style>
                                        <g id="Clip-Path" clip-path="url(#cp1)">
                                            <g>
                                                <path id="Layer" fill-rule="evenodd" class="shp0"
                                                    d="M0 0L1920 0L1920 1080L0 1080L0 0ZM758 287L758 413.23L1023.45 520.13L758 627.03L758 753.26L1163 588.36L1163 451.91L758 287Z">
                                                </path>
                                            </g>
                                        </g> -->
                                        <?php the_field('clipping_logo_path_svg'); ?>
                                    </svg>
                                    <img src="<?php the_field('logo_icon'); ?>"
                                        class="hidden-lg hidden-md img-1" aria-label="<?php the_field('company_name'); ?> logo" alt="">
                                    <div class="row new-row height-inherit">
                                        <div class="join-us">
                                            <div class="animate_title title-1"><span><?php the_field('bs8_section_title'); ?></span></div>
                                            <div class="animate_subtitle animate_title title-2"><span><?php the_field('bs8_section_title_subtitle'); ?></span>
                                                <!-- load link -->
                                                <?php 
                                                    $args = array( 'link_title' => 'search and apply', 'link_url' => '/us-en/careers', 'class' => 'search' );
                                                    set_query_var( 'args', $args );
                                                    get_template_part( 'template-parts/subsidiary-page/link', 'center', $args ); 
                                                ?>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="panel panel-2">
                                    <img src="<?php the_field('bs8_cover_image'); ?>" class="img-3">
                                    <!-- <video preload="none" muted="" loop="" class="img-3"
                                        poster="<?php // the_field('bs8_cover_image'); ?>">
                                        <source
                                            src="https://www.accenture.com/_acnmedia//Thought-Leadership-Assets/Videos/Accenture-dancing-girl-1920x1080"
                                            type="video/mp4">
                                        </source>
                                    </video> -->
                                    <div class="row new-row text-container mobile-padding height-inherit">
                                        <div class="animate_title title-1 careers">
                                            <span><?php the_field('bs8_section_description'); ?></span>
                                            <br><span class="careers-large"><?php the_field('bs8_large_text'); ?></span>
                                            <?php if( get_field('bs8_enable_call_to_action') == 'yes' ): ?>
                                                <!-- load link -->
                                                <?php 
                                                    $args = array( 'link_title' => get_field('bs8_call_to_action_label'),'link_url' => get_field('bs8_call_to_action_link'), 'class' =>'careers' );
                                                    set_query_var( 'args', $args );
                                                    get_template_part( 'template-parts/subsidiary-page/link', 'left', $args ); 
                                                ?>
                                            <?php endif; ?>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="read-it-container hidden-lg hidden-md hidden-sm mobile-padding">
                                <div class="row">
                                    <h2 class="submarquee">
                                        <?php the_field('bs8_section_title'); ?>
                                    </h2>
                                    <div class="sub-container">
                                        <p class="read-it-subdesc">
                                            <?php the_field('bs8_section_title_subtitle'); ?>
                                        </p>
                                    </div>
                                    <div class="text-content isactive">
                                        <p class="read-it-text"><?php the_field('bs8_section_description'); ?></p>
                                        <p class="read-it-text "><?php the_field('bs8_large_text'); ?> </p>
                                        <?php if( get_field('bs8_enable_call_to_action') == 'yes' ): ?>
                                            <!-- load link -->
                                            <?php 
                                                $args = array( 'link_title' => get_field('bs8_call_to_action_label'),'link_url' => get_field('bs8_call_to_action_link'), 'class' =>'' );
                                                set_query_var( 'args', $args );
                                                get_template_part( 'template-parts/subsidiary-page/link', 'left', $args ); 
                                            ?>
                                        <?php endif; ?>
                                    </div>
                                    <br><br>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>