@@include('../blocks/head.html')
<section class="hero hero-block-image">
   <div class="hero__wrapper">
      <div class="hero__body">
         <div class="hero-bg">
            <div class="hero-bg__wrapper">
               <div class="hero-bg__logo">
                  <img src="../../images/hero/logo.svg" alt="" />
               </div>
               <div class="hero-bg__media">
                  <div class="hero-bg__image hero-image">
                     <img src="../../images/services.jpg" alt="" class="hero-bg__image" />
                  </div>
               </div>
            </div>
         </div>
         <div class="hero-content-position">
            <div class="container">
               <div class="hero-image-content">
                  <div class="hero-image-content__body">
                     <div class="hero-image-content__breadcrumbs">
                        <!-- Хлебные крошки -->

                        <div class="bredcrumbs">
                           <div class="bredcrumbs__body">
                              <div class="bredcrumbs__list">
                                 <a href="##" class="bredcrumbs__item text">Главная</a>
                                 <span class="bredcrumbs__item text">
                                    <svg
                                       width="11"
                                       height="11"
                                       viewBox="0 0 11 11"
                                       fill="none"
                                       xmlns="http://www.w3.org/2000/svg"
                                    >
                                       <path
                                          d="M4.89556 0.357422L10 5.35742L4.89556 10.3574M10 5.35742L-1.49012e-07 5.35742"
                                          stroke="white"
                                       />
                                    </svg>
                                 </span>
                                 <a href="##" class="bredcrumbs__item text">Услуги</a>
                                 <span class="bredcrumbs__item text">
                                    <svg
                                       width="11"
                                       height="11"
                                       viewBox="0 0 11 11"
                                       fill="none"
                                       xmlns="http://www.w3.org/2000/svg"
                                    >
                                       <path
                                          d="M4.89556 0.357422L10 5.35742L4.89556 10.3574M10 5.35742L-1.49012e-07 5.35742"
                                          stroke="white"
                                       />
                                    </svg>
                                 </span>
                                 <span href="##" class="bredcrumbs__item text">Деловые мероприятия</span>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="hero-image-content__badge h5"><span class="badge">Offline | Online</span></div>
                     <h1 class="hero-image-content__h1 h1">Деловые мероприятия</h1>
                     <div class="hero-image-content__descr hero-content__descr">
                        <p>
                           Федеральные и региональные B2B-мероприятия, как инструменты достижения бизнес-целей: роста,
                           позиционирования, продаж, диалога с рынком
                        </p>
                        <!-- <ul>
                           <li>Удивляем</li>
                           <li>Заряжаем</li>
                           <li>Развиваем</li>
                        </ul> -->
                     </div>
                     <div class="hero-image-content__btns hero-content__btns">
                        <div class="hero-image-content__btn btn">Оставить заявку</div>
                        <a href="" class="hero-image-content__link arrow-link">
                           <span class="arrow-link__arrow">
                              <img src="../../icons/header/arraw.svg" alt="" />
                           </span>
                           <span class="arrow-link__text">форматы мероприятий</span>
                        </a>
                     </div>
                     <div class="hero-image-content__hero-case hero-case hero-case--desktop">
                        <div class="hero-case__wrapper">
                           <div class="hero-case__body">
                              <a
                                 href="https://www.youtube.com/watch?v=Vcq2cDCUi6U"
                                 class="hero-case__left glightbox-video-hero-case"
                              >
                                 <div class="hero-case__preview">
                                    <img src="../../images/hero/preview.jpg" alt="" />
                                 </div>
                                 <div class="hero-case__play">
                                    <svg
                                       width="13"
                                       height="15"
                                       viewBox="0 0 13 15"
                                       fill="none"
                                       xmlns="http://www.w3.org/2000/svg"
                                    >
                                       <path
                                          d="M12.0781 7.40726L0.00135838 14.8145L0.00135899 -5.60806e-07L12.0781 7.40726Z"
                                          fill="white"
                                       />
                                    </svg>
                                 </div>
                              </a>
                              <div class="hero-case__info">
                                 <div class="hero-case__label">Видео</div>
                                 <div class="hero-case__title h5">Конференция для гостей Поволжья</div>
                                 <div class="hero-case__descr">Клиент: Corteva</div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="hero-image-content__hero-case hero-case hero-case--mobile">
      <div class="hero-case__wrapper">
         <div class="hero-case__body">
            <a
               href="https://www.youtube.com/watch?v=Vcq2cDCUi6U"
               class="hero-case__left glightbox-video-hero-case--mobile"
            >
               <div class="hero-case__preview">
                  <img src="../../images/hero/preview.jpg" alt="" />
               </div>
               <div class="hero-case__play">
                  <svg width="13" height="15" viewBox="0 0 13 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path
                        d="M12.0781 7.40726L0.00135838 14.8145L0.00135899 -5.60806e-07L12.0781 7.40726Z"
                        fill="white"
                     />
                  </svg>
               </div>
            </a>
            <div class="hero-case__info">
               <div class="hero-case__label">Видео</div>
               <div class="hero-case__title h5">Конференция для гостей Поволжья</div>
               <div class="hero-case__descr">Клиент: Corteva</div>
            </div>
         </div>
      </div>
   </div>
</section>
@@include('../blocks/footer.html')