<div class="o-home-intro">
    <div class="o-home-intro__main">
        <div class="o-home-intro__content" data-kal="slide-up">
            <div class="o-home-intro__slogan">
               <h1 class="u-color-tertiary--400">{{__('site/vacancies.heading')}}</h1>
            </div>
            <div class="o-home-intro__text  s-text">
                <p>{{__('site/vacancies.hero.description')}}</p>
            </div>
        </div>
        <div class="o-home-intro__side">
            <div class="o-home-intro__usp">
                <ul class="o-home-intro__list" data-kal="slide-up" style="--kal-delay: 200ms;">
                @foreach(__('site/vacancies.hero.usp') as $calloutKey => $calloutText)
                    <li class="o-home-intro__item">
                        {{$calloutText}}
                    </li>
                @endforeach
                </ul>
            </div>
        </div>
    </div>
</div>