src/html/ui.html - master - creativezen/imcp_ru

src/html/ui.html
2 260 строк183 KB
Anton Goul'art
implemented blog-single, comission-page, history-single
07 окт 2024, 00:09
07 окт 2024, 00:0984d3408
<!DOCTYPE html>
<html lang="ru">
@@include('blocks/head.html')

<body>
    @@include('blocks/header.html')

    <div>
        <!-- Главная экран - главная страница -->
        <section id="hero" class="section hero">
            <div class="background-hero-large"></div>
            <div class="container">
                <div class="hero__content home-page">
                    <h1 class="title-hero">
                        <span class="beige center">Академия</span>
                        <span class="white center">Экспоненциального Коучинга</span>
                    </h1>
                    <div class="accent white">
                        <p>Помогаем совершать прорыв за прорывом в жизни, бизнесе и здоровье.</p>
                    </div>
                    <div class="button-group">
                        <a href="#" class="button zero white"><span>Услуги коучинга</span></a>
                        <a href="#" class="button"><span>Обучение коучингу</span></a>
                        <a href="#" class="button zero white"><span>Офлайн-тренинги</span></a>
                    </div>
                </div>
            </div>
        </section>

        <!-- Главный экран типовая страница -->
        <section class="section hero">
            <div class="background-hero-large"></div>
            <div class="container">
                <div class="hero__content">
                    <div class="hero__breadcrumbs">
                        <div class="breadcrumbs">
                            <nav aria-label="breadcrumbs">
                                <p>
                                    <a href="#">Главная</a>
                                    <span class="separator"> / </span>
                                    <span class="last">Блог</span>
                                </p>
                            </nav>
                        </div>
                    </div>
                    <h1 class="title-hero white center">Блог</h1>
                    <div class="accent white">
                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.</p>
                    </div>
                </div>
            </div>
        </section>

        <section class="section hero">
            <div class="background-hero-large"></div>
            <div class="container">
                <div class="hero__content">
                    <div class="hero__breadcrumbs">
                        <div class="breadcrumbs">
                            <nav aria-label="breadcrumbs">
                                <p>
                                    <a href="#">Главная</a>
                                    <span class="separator"> / </span>
                                    <span class="last">Приемная комиссия</span>
                                </p>
                            </nav>
                        </div>
                    </div>
                    <h1 class="title-hero white center">Приемная комиссия</h1>
                    <div class="accent white">
                        <p>Для каждой программы АЭК и факультета Института MCP действуют свои условия и критерии отбора.</p>
                        <p>Чтобы получить консультацию приемной комиссии заполните форму.</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- Главный экран статья -->
        <section class="section hero">
            <div class="background-hero-large"></div>
            <div class="container">
                <div class="hero__content post-page">
                    <div class="hero__breadcrumbs">
                        <div class="breadcrumbs">
                            <nav aria-label="breadcrumbs">
                                <p>
                                    <a href="#">Главная</a>
                                    <span class="separator"> / </span>
                                    <a href="#">Блог</a>
                                    <span class="separator"> / </span>
                                    <span class="last">Топ советов для роста бизнеса: свой подход, способы и техники</span>
                                </p>
                            </nav>
                        </div>
                    </div>
                    <h1 class="title-hero white center">Топ советов для роста бизнеса: свой подход, способы и техники</h1>
                    <div class="hero__img">
                        <img src="img/blog/img-article-page-hero-01_2x.jpg" alt="Топ советов для роста бизнеса: свой подход, способы и техники">
                    </div>
                </div>
            </div>
        </section>

        <!-- Главный экран история успеха -->
        <section class="section hero">
            <div class="background-hero-large"></div>
            <div class="container">
                <div class="hero__content post-page">
                    <div class="hero__breadcrumbs">
                        <div class="breadcrumbs">
                            <nav aria-label="breadcrumbs">
                                <p>
                                    <a href="#">Главная</a>
                                    <span class="separator"> / </span>
                                    <a href="#">Истории успеха</a>
                                    <span class="separator"> / </span>
                                    <span class="last">В моем офлайн-бизнесе чистая прибыль выросла до 28%, которая дала 1 500 000 рублей</span>
                                </p>
                            </nav>
                        </div>
                    </div>
                    <div class="hero__avatar">
                        <div class="avatar-photo">
                            <img src="img/caises/img-caise-avatar-01_2x.jpg" alt="">
                        </div>
                        <h5 class="beige">Изабелла Никишина</h5>
                    </div>
                    <h1 class="title-hero center white">В моем офлайн-бизнесе чистая прибыль выросла до 28%, которая дала 1 500 000 рублей</h1>
                    <div class="accent white">
                        <p>Для каждой программы АЭК и факультета Института MCP действуют свои условия и критерии отбора.</p>
                    </div>
                </div> 
            </div>
        </section>

        <!-- Компоненты интерфейса -->
        <section class="section stream">
            <div class="container">
                <!-- Пагинация -->
                <div class="section__body">
                    <div class="pagination">
                        <div class="pagination__arrow">
                            <a href="">
                                <svg viewBox="0 0 7 12" fill="none">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 6.70711C-0.0976311 6.31658 -0.097631 5.68342 0.292893 5.29289L5.29289 0.292894C5.68342 -0.0976312 6.31658 -0.0976312 6.70711 0.292894C7.09763 0.683418 7.09763 1.31658 6.70711 1.70711L2.41421 6L6.70711 10.2929C7.09763 10.6834 7.09763 11.3166 6.70711 11.7071C6.31658 12.0976 5.68342 12.0976 5.29289 11.7071L0.292893 6.70711Z" />
                                </svg>
                            </a>
                        </div>
                        <ul class="pagination__list">
                            <li class="pagination__item"><a href="">1</a></li>
                            <li class="pagination__dots"><span>...</span></li>
                            <li class="pagination__item"><a href="">4</a></li>
                            <li class="pagination__item"><a href="">5</a></li>
                            <li class="pagination__current">6</li>
                            <li class="pagination__item"><a href="">7</a></li>
                            <li class="pagination__item"><a href="">8</a></li>
                            <li class="pagination__dots"><span>...</span></li>
                            <li class="pagination__item"><a href="">101</a></li>
                        </ul>
                        <div class="pagination__arrow">
                            <a href="#">
                                <svg viewBox="0 0 7 12" fill="none">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7 6C7 6.26522 6.89464 6.51957 6.70711 6.70711L1.70711 11.7071C1.31658 12.0976 0.683417 12.0976 0.292893 11.7071C-0.0976311 11.3166 -0.0976311 10.6834 0.292893 10.2929L4.58579 6L0.292894 1.70711C-0.0976306 1.31658 -0.0976306 0.683417 0.292894 0.292893C0.683418 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L6.70711 5.29289C6.89464 5.48043 7 5.73478 7 6Z" />
                                </svg>
                            </a>
                        </div>
                    </div>
                </div>

                <!-- Пагинация -->
                <div class="section__body">
                    <div class="pagination">
                        <div class="pagination__arrow noactive">
                            <svg viewBox="0 0 7 12" fill="none">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 6.70711C-0.0976311 6.31658 -0.097631 5.68342 0.292893 5.29289L5.29289 0.292894C5.68342 -0.0976312 6.31658 -0.0976312 6.70711 0.292894C7.09763 0.683418 7.09763 1.31658 6.70711 1.70711L2.41421 6L6.70711 10.2929C7.09763 10.6834 7.09763 11.3166 6.70711 11.7071C6.31658 12.0976 5.68342 12.0976 5.29289 11.7071L0.292893 6.70711Z" />
                            </svg>
                        </div>
                        <ul class="pagination__list">
                            <li class="pagination__current">1</li>
                            <li class="pagination__item"><a href="">4</a></li>
                            <li class="pagination__item"><a href="">5</a></li>
                            <li class="pagination__item"><a href="">6</a></li>
                            <li class="pagination__item"><a href="">7</a></li>
                            <li class="pagination__item"><a href="">8</a></li>
                            <li class="pagination__dots"><span>...</span></li>
                            <li class="pagination__item"><a href="">101</a></li>
                        </ul>
                        <div class="pagination__arrow">
                            <a href="#">
                                <svg viewBox="0 0 7 12" fill="none">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7 6C7 6.26522 6.89464 6.51957 6.70711 6.70711L1.70711 11.7071C1.31658 12.0976 0.683417 12.0976 0.292893 11.7071C-0.0976311 11.3166 -0.0976311 10.6834 0.292893 10.2929L4.58579 6L0.292894 1.70711C-0.0976306 1.31658 -0.0976306 0.683417 0.292894 0.292893C0.683418 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L6.70711 5.29289C6.89464 5.48043 7 5.73478 7 6Z" />
                                </svg>
                            </a>
                        </div>
                    </div>
                </div>

                <!-- Пагинация -->
                <div class="section__body">
                    <div class="pagination">
                        <div class="pagination__arrow">
                            <a href="#">
                                <svg viewBox="0 0 7 12" fill="none">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 6.70711C-0.0976311 6.31658 -0.097631 5.68342 0.292893 5.29289L5.29289 0.292894C5.68342 -0.0976312 6.31658 -0.0976312 6.70711 0.292894C7.09763 0.683418 7.09763 1.31658 6.70711 1.70711L2.41421 6L6.70711 10.2929C7.09763 10.6834 7.09763 11.3166 6.70711 11.7071C6.31658 12.0976 5.68342 12.0976 5.29289 11.7071L0.292893 6.70711Z" />
                                </svg>
                            </a>
                        </div>
                        <ul class="pagination__list">
                            <li class="pagination__item"><a href="#">1</a></li>
                            <li class="pagination__dots"><span>...</span></li>
                            <li class="pagination__item"><a href="">96</a></li>
                            <li class="pagination__item"><a href="">97</a></li>
                            <li class="pagination__item"><a href="">98</a></li>
                            <li class="pagination__item"><a href="">99</a></li>
                            <li class="pagination__item"><a href="">100</a></li>
                            <li class="pagination__current">101</li>
                        </ul>
                        <div class="pagination__arrow noactive">
                            <svg viewBox="0 0 7 12" fill="none">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M7 6C7 6.26522 6.89464 6.51957 6.70711 6.70711L1.70711 11.7071C1.31658 12.0976 0.683417 12.0976 0.292893 11.7071C-0.0976311 11.3166 -0.0976311 10.6834 0.292893 10.2929L4.58579 6L0.292894 1.70711C-0.0976306 1.31658 -0.0976306 0.683417 0.292894 0.292893C0.683418 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L6.70711 5.29289C6.89464 5.48043 7 5.73478 7 6Z" />
                            </svg>
                        </div>
                    </div>
                </div>

                <!-- Табы -->
                <div class="section__body">
                    <div class="tabs">
                        <div class="tabs__item">
                            <button class="button medium zero zero-beige active">Все статьи</button>
                            <button class="button medium zero zero-beige">Мышление</button>
                            <button class="button medium zero zero-beige">Развитие</button>
                            <button class="button medium zero zero-beige">Коучинг</button>
                            <button class="button medium zero zero-beige">Отношения</button>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    
        <!-- Заголовки -->
        <section class="section stream">
            <div class="container">
                <div class="section__header">
                    <h2 class="title">Заголовок H2</h2>
                    <h3>Заголовок H3</h3>
                    <h4>Заголовок H4</h4>
                    <h5>Заголовок H5</h5>
                    <h6>Заголовок H6</h6>
                </div>
            </div>
        </section>

        <!-- Блок-секция с видео -->
        <section id="video" class="section">
            <div class="container">
                <div class="section__header">
                    <h2 class="title">Блоки</h2>
                </div>

                <!-- Блок видео -->
                <div class="section__body">
                    <div class="section__body">
                        <div class="video-block js-button-video" data-title="About IMCP" data-content="FyzTT3ZSz_M" data-forweb-path="modal-video">
                            <div class="video-block__img">
                                <img loading="lazy" src="img/block/img-block-video-01_2x.jpg" alt="Название видео">
                            </div>
                            <div class="video-block__overlay"></div>
                        </div>
                    </div>
                </div>

                <!-- Блок форма стандартная -->
                <div class="section__body">
                    <form id="form-contacts" class="form js-form" data-sitekey="">
                        <input type="hidden" name="recaptcha_response" class="recaptcha-response" value="">
                        <input type="hidden" name="form-name" value="">
                        <input type="hidden" name="url" value="">
                        <fieldset class="form__body">
                            <div class="form__item">
                                <input class="input input-name js-input-email" type="text" name="name" placeholder="Имя" required="">
                            </div>
                            <div class="form__item">
                                <input class="input input-email js-input-email" type="email" name="email" placeholder="E-mail" required="">
                            </div>
                            <div class="form__item">
                                <textarea class="textarea" name="comment" placeholder="Your question" required=""></textarea>
                            </div>
                        </fieldset>
                        <fieldset class="form__footer">
                            <label class="label label-checkbox agree" for="agree-contacts">
                                <input class="checkbox small input-agree" id="agree-contacts" type="checkbox" required="">
                                <span class="label-checkbox__text">Даю согласие на обработку и использование персональных данных согласно 152-ФЗ, с
                                    <!--noindex-->
                                        <a href="#" rel="nofollow" target="_blank">правилами политики обработки персональных данных</a>
                                    <!--/noindex-->
                                    ознакомлен</span>
                            </label>
                            <button class="button" type="submit" data-autofocus="name"><span>Отправить</span></button>
                        </fieldset>
                    </form>
                </div>

                <!-- Блок с формой и фото -->
                <div class="section__body">
                    <div class="block-cta">
                        <div class="block-cta__form">
                            <div class="background-block-cta"></div>
                            <div class="block-cta__header">
                                <h3>Как выбрать направление обучения</h3>
                            </div>
                            <div class="block-cta__body">
                                <p class="block-cta__tagline">Получите консультацию приемной комиссии. Для этого заполните форму</p>
                                <form id="form-cta" class="form blured js-form" data-sitekey="">
                                    <input type="hidden" name="recaptcha_response" class="recaptcha-response" value="">
                                    <input type="hidden" name="form-name" value="">
                                    <input type="hidden" name="url" value="">
                                    <fieldset class="form__body">
                                        <div class="form__item">
                                            <input class="input input-name js-input-email" type="text" name="name" placeholder="Имя" required="">
                                        </div>
                                        <div class="form__item">
                                            <input class="input input-email js-input-email" type="email" name="email" placeholder="E-mail" required="">
                                        </div>
                                        <div class="form__item">
                                            <input class="input input-tel js-input-tel" type="tel" name="phone" placeholder="Телефон" required="">
                                        </div>
                                    </fieldset>
                                    <fieldset class="form__footer">
                                        <label class="label label-checkbox agree" for="agree-cta">
                                            <input class="checkbox small input-agree" id="agree-cta" type="checkbox" required="">
                                            <span class="label-checkbox__text">Даю согласие на обработку и использование персональных данных согласно 152-ФЗ, с
                                                <!--noindex-->
                                                    <a href="#" rel="nofollow" target="_blank">правилами политики обработки персональных данных</a>
                                                <!--/noindex-->
                                                ознакомлен</span>
                                        </label>
                                        <button class="button" type="submit" data-autofocus="name"><span>Получить консультацию</span></button>
                                    </fieldset>
                                </form>
                            </div>
                        </div>
                        <div class="block-cta__img">
                            <img loading="lazy" src="img/block/img-block-cta-01_2x.jpg" alt="Как выбрать направление обучения">
                        </div>
                    </div>
                </div>

                <!-- Блок основатель -->
                <div class="section__body">
                    <div class="block-author">
                        <div class="block-author__photo">
                            <img src="img/block/img-block-author-01_2x.jpg" alt="">
                        </div>
                        <div class="block-author__content">
                            <div class="block-author__header">
                                <small>Основатель Академии</small>
                                <h3>Михаил Саидов</h3>
                                <ul>
                                    <li>Основатель Института Метакогнитивного Программирования (IMCP) и автор 20+ коучинговых программ </li>
                                    <li>Член Коучингового Совета Forbes (США)</li>
                                    <li>Создатель экспоненционального коучинга</li>
                                    <li>Автор бестселлеров «Дневник эффективности», «Разговоры, которые меняют жизнь»</li>
                                    <li>МВА Школы бизнеса Шулих в Йоркском Университете (Торонто, Канада), реципиент второй самой большой стипендии Сеймура Шулиха</li>
                                    <li>Более 150 000 студентов по всему миру</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Шахматный блок -->
                <div class="section__body">
                    <div class="block-chesse">
                        <div class="block-chesse__content">
                            <div class="block-chesse__img">
                                <img loading="lazy" src="img/block/img-block-chesse-01_2x.jpg" alt="Иллюминация">
                            </div>
                            <div class="block-chesse__text">
                                <h4>Иллюминация</h4>
                                <p>Единственный в коучинге трансформационный тренинг, использующий психосенсорную модальность.</p>
                                <p>Тренинг стоит на стыке гипнотерапии и нейрофидбэка. Дает экологичный и долгосрочный трансформационный эффект за счет альтернативных способов восприятия себя и реальности</p>
                                <a href="#" class="button"><span>Кнопка опциональна</span></a>
                            </div>
                        </div>
                        <div class="block-chesse__content">
                            <div class="block-chesse__img">
                                <img loading="lazy" src="img/block/img-block-chesse-02_2x.jpg" alt="Драйв">
                            </div>
                            <div class="block-chesse__text">
                                <h4>Драйв</h4>
                                <p>Бизнес-тренинг для владельцев компаний, предпринимателей, СЕО и ТОП-менеджеров, которые ищут новые точки роста для своего бизнеса.</p>
                                <a href="#" class="button"><span>Кнопка опциональна</span></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Баннеры -->
        <section class="section">
            <div class="container">
                <!-- Баннер большой темный с карточками -->
                <div class="block-section darkness">
                    <div class="background-dark-block-bg"></div>
                    <div class="block-section__content">
                        <div class="block-section__spacing">
                            <div class="section__header">
                                <h2 class="title centered gradient">Экспоненциальный коучинг</h2>
                            </div>
                            <div class="section__body">
                                <div class="grid-group">
                                    <div class="grid-child" data-grid="4">
                                        <div class="card blue auto">
                                            <div class="card__header white">
                                                <h5>Построен</h5>
                                            </div>
                                            <div class="card__body white">
                                                <p>на глубоких многолетних исследованиях в области когниции, психотерапии, биопсихологии, нейрофизиологии, биомедицины и превентивной медицины.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="grid-child" data-grid="4">
                                        <div class="card blue auto">
                                            <div class="card__header white">
                                                <h5>Работает</h5>
                                            </div>
                                            <div class="card__body white">
                                                <p>со здоровьем человека на 4-х уровнях:</p>
                                                <ul>
                                                    <li>ментальном;</li>
                                                    <li>эмоциональном;</li>
                                                    <li>физическом;</li>
                                                    <li>финансовом;</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="grid-child" data-grid="4">
                                        <div class="card blue auto">
                                            <div class="card__header white">
                                                <h5>Помогает</h5>
                                            </div>
                                            <div class="card__body white">
                                                <ul>
                                                    <li>управлять эмоциями и мыслить конструктивно</li>
                                                    <li>разблокировать свой природный потенциал</li>
                                                    <li>получать желаемое во всех жизненных аспектах</li>
                                                    <li>чувствовать себя лучше и помогать окружающим</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Баннер большой темный с текстами -->
                <div class="block-section darkness">
                    <div class="background-dark-block-bg"></div>
                    <div class="block-section__content">
                        <div class="block-section__spacing">
                            <div class="section__header">
                                <h2 class="title gradient">Обучение в программе «Система20»</h2>
                            </div>
                            <div class="section__body gray-blue">
                                <div class="article no-padding transparent">
                                    <p>заточено на практику: вы учитесь работать с мышлением предпринимателей. А еще можно стать своим первым клиентом, трансформировать свой бизнес и неизбежно — самого себя. Все инструменты применимы к разным проектам: по философии, масштабу, формату. Вы просто докручиваете их в тандеме с клиентом для получения быстрого, прогнозируемого результата.</p>
                                    <p>Скорректировать стратегию, гипотезы — быстро и точечно — вам помогут бизнес-супервайзеры программы: шансов не научиться не будет. А усилить и ускорить личную трансформацию вы сможете на встречах с личным коучем.</p>
                                    <p class="block-section__tagline">Записывайтесь на собеседование в программу «Система_20» по ссылке ниже</p>
                                </div>
                            </div>
                            <div class="section__footer">
                                <a href="#" class="button"><span>Подать заявку</span></a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Баннер темный с текстами -->
                <div class="block-section offer darkness">
                    <div class="background-dark-block-offer-bg"></div>
                    <div class="block-section__content">
                        <div class="block-section__spacing">
                            <div class="section__header">
                                <h3 class="gradient">2 год:</h3>
                            </div>
                            <div class="section__body gray-blue">
                                <div class="article no-padding transparent">
                                    <p class="block-section__tagline">Обучение в Лиге Института Метакогнитивного Программирования</p>
                                    <p>Углубленное изучение доказательных методов коучинга в бизнесе, здоровье и жизни. Профильное образование позволяет стать основным экспертом на рынке в выбранной нише и специальности. </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Баннер темный с текстами и картинкой -->
                <div class="block-section offer darkness">
                    <div class="background-dark-block-offer-bg"></div>
                    <div class="block-section__content">
                        <div class="block-section__spacing">
                            <div class="section__header">
                                <h3 class="gradient">Заголовок баннера</h3>
                            </div>
                            <div class="section__body gray-blue">
                                <div class="article no-padding transparent">
                                    <p class="block-section__tagline">Обучение в Лиге Института Метакогнитивного Программирования</p>
                                    <p>Углубленное изучение доказательных методов коучинга в бизнесе, здоровье и жизни. Профильное образование позволяет стать основным экспертом на рынке в выбранной нише и специальности. </p>
                                </div>
                            </div>
                            <div class="section__footer">
                                <a href="#" class="button"><span>Узнать подробнее о лиге</span></a>
                            </div>
                        </div>
                        <div class="block-section__img">
                            <img loading="lazy" src="img/block/img-block-section-01_2x.png" alt="Заголовок баннера">
                        </div>
                    </div>
                </div>

                <!-- Баннер светлый 01 с текстами и картинкой -->
                <div class="block-section offer gray-light">
                    <div class="block-section__content">
                        <div class="block-section__spacing">
                            <div class="section__header">
                                <h3 class="gradient">Заголовок баннера</h3>
                            </div>
                            <div class="section__body gray">
                                <div class="article no-padding transparent">
                                    <p class="block-section__tagline">Обучение в Лиге Института Метакогнитивного Программирования</p>
                                    <p>Углубленное изучение доказательных методов коучинга в бизнесе, здоровье и жизни. Профильное образование позволяет стать основным экспертом на рынке в выбранной нише и специальности. </p>
                                </div>
                            </div>
                            <div class="section__footer">
                                <a href="#" class="button"><span>Узнать подробнее о лиге</span></a>
                            </div>
                        </div>
                        <div class="block-section__img">
                            <img loading="lazy" src="img/block/img-block-section-02_2x.jpg" alt="Заголовок баннера">
                        </div>
                    </div>
                </div>

                <!-- Баннер светлый 02 с текстами и картинкой -->
                <div class="block-section offer white">
                    <div class="block-section__content">
                        <div class="block-section__spacing">
                            <div class="section__header">
                                <h3 class="gradient">Заголовок баннера</h3>
                            </div>
                            <div class="section__body gray">
                                <div class="article no-padding transparent">
                                    <p class="block-section__tagline">Обучение в Лиге Института Метакогнитивного Программирования</p>
                                    <p>Углубленное изучение доказательных методов коучинга в бизнесе, здоровье и жизни. Профильное образование позволяет стать основным экспертом на рынке в выбранной нише и специальности. </p>
                                </div>
                            </div>
                            <div class="section__footer">
                                <a href="#" class="button"><span>Узнать подробнее о лиге</span></a>
                            </div>
                        </div>
                        <div class="block-section__img">
                            <img loading="lazy" src="img/block/img-block-section-02_2x.jpg" alt="Заголовок баннера">
                        </div>
                    </div>
                </div>

                <!-- Баннер светлый 03 с текстами и картинкой -->
                <div class="block-section offer gray-sky">
                    <div class="block-section__content">
                        <div class="block-section__spacing">
                            <div class="section__header">
                                <h3 class="gradient">Заголовок баннера</h3>
                            </div>
                            <div class="section__body gray">
                                <div class="article no-padding transparent">
                                    <p class="block-section__tagline">Обучение в Лиге Института Метакогнитивного Программирования</p>
                                    <p>Углубленное изучение доказательных методов коучинга в бизнесе, здоровье и жизни. Профильное образование позволяет стать основным экспертом на рынке в выбранной нише и специальности. </p>
                                </div>
                            </div>
                            <div class="section__footer">
                                <a href="#" class="button"><span>Узнать подробнее о лиге</span></a>
                            </div>
                        </div>
                        <div class="block-section__img">
                            <img loading="lazy" src="img/block/img-block-cta-01_2x.jpg" alt="Заголовок баннера">
                        </div>
                    </div>
                </div>

                <!-- Баннер светлый 04 с текстами и картинкой -->
                <div class="block-section offer beige-sky">
                    <div class="block-section__content">
                        <div class="block-section__spacing">
                            <div class="section__header">
                                <h3 class="gradient">Заголовок баннера</h3>
                            </div>
                            <div class="section__body gray">
                                <div class="article no-padding transparent">
                                    <p class="block-section__tagline">Обучение в Лиге Института Метакогнитивного Программирования</p>
                                    <p>Углубленное изучение доказательных методов коучинга в бизнесе, здоровье и жизни. Профильное образование позволяет стать основным экспертом на рынке в выбранной нише и специальности. </p>
                                </div>
                            </div>
                            <div class="section__footer">
                                <a href="#" class="button"><span>Узнать подробнее о лиге</span></a>
                            </div>
                        </div>
                        <div class="block-section__img">
                            <img loading="lazy" src="img/block/img-block-section-01_2x.png" alt="Заголовок баннера">
                        </div>
                    </div>
                </div>
                
                <!-- Баннер светлый 05 с текстами и картинкой -->
                <div class="block-section offer gray-sky centered">
                    <div class="block-section__content">
                        <div class="block-section__spacing">
                            <div class="section__body gray">
                                <div class="article no-padding transparent">
                                    <h6>АЭК существует с 2019 года и является самой большой коучинговой компанией в Европе</h6>
                                </div>
                            </div>
                            <div class="section__footer">
                                <a href="#" class="button"><span>Подробнее об Академии</span></a>
                                <small class="gray">* NPS — метрика уровня лояльности студентов. Показывает процент выпускников, готовых рекомендовать обучени</small>
                            </div>
                        </div>
                    </div>
                </div>

                <article class="article">
                    <blockquote>
                        <strong>Основатель Академии экспоненциального коучинга и автор 20+ коучинговых программ Михаил Саидов поделился важной практикой:</strong>
                        <i>«Когда вы думаете о своей команде, деловом партнере, сотрудниках или клиентах, представьте себе ситуацию. Человек говорит: „Сегодня я больше не буду с вами работать и участвовать в делах компании“.</i>
                        <i>Дальше можно применить правило ABC, где в категории А — сотрудник, которого вы ни за что не хотите потерять, а в категории С — сотрудник, при увольнении которого вы испытываете облегчение. При использовании правила вы сразу понимаете, в какую категорию он попадает, как бы вы не уговаривали себя в обратном. Подробнее о правиле рассказывал здесь»</i>
                    </blockquote>
                </article>
            </div>
        </section>
    
        <!-- Карточки -->
        <section class="section stream">
            <div class="container">
                <div class="section__header">
                    <h2 class="title">Карточки</h2>
                </div>

                <!-- Карточки абстрактный фон -->
                <div class="section__body">
                    <div class="grid-group">
                        <div class="grid-child" data-grid="4">
                            <div class="card-abstract darkness auto">
                                <div class="card-abstract__bg">
                                    <img src="img/home/img-card-darkness_01_2x.jpg" alt="Построен">
                                </div>
                                <div class="card-abstract__content">
                                    <h5>Построен</h5>
                                    <p>на глубоких многолетних исследованиях в области когниции, психотерапии, биопсихологии, нейрофизиологии, биомедицины и превентивной медицины.</p>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="4">
                            <div class="card-abstract darkness auto">
                                <div class="card-abstract__bg">
                                    <img src="img/home/img-card-darkness_02_2x.jpg" alt="Построен">
                                </div>
                                <div class="card-abstract__content">
                                    <h5>Работает</h5>
                                    <p>со здоровьем человека на 4-х уровнях:</p>
                                    <ul>
                                        <li>ментальном;</li>
                                        <li>эмоциональном;</li>
                                        <li>физическом;</li>
                                        <li>финансовом;</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="4">
                            <div class="card-abstract darkness auto">
                                <div class="card-abstract__bg">
                                    <img src="img/home/img-card-darkness_03_2x.jpg" alt="Помогает">
                                </div>
                                <div class="card-abstract__content">
                                    <h5>Помогает</h5>
                                    <ul>
                                        <li>управлять эмоциями и мыслить конструктивно</li>
                                        <li>разблокировать свой природный потенциал</li>
                                        <li>получать желаемое во всех жизненных аспектах</li>
                                        <li>чувствовать себя лучше и помогать окружающим</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Карточки голубой фон -->
                <div class="section__body">
                    <div class="grid-group">
                        <div class="grid-child" data-grid="4">
                            <div class="card blue auto">
                                <div class="card__header white">
                                    <h5>Построен</h5>
                                </div>
                                <div class="card__body white">
                                    <p>на глубоких многолетних исследованиях в области когниции, психотерапии, биопсихологии, нейрофизиологии, биомедицины и превентивной медицины.</p>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="4">
                            <div class="card blue auto">
                                <div class="card__header white">
                                    <h5>Работает</h5>
                                </div>
                                <div class="card__body white">
                                    <p>со здоровьем человека на 4-х уровнях:</p>
                                    <ul>
                                        <li>ментальном;</li>
                                        <li>эмоциональном;</li>
                                        <li>физическом;</li>
                                        <li>финансовом;</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="4">
                            <div class="card blue auto">
                                <div class="card__header white">
                                    <h5>Помогает</h5>
                                </div>
                                <div class="card__body white">
                                    <ul>
                                        <li>управлять эмоциями и мыслить конструктивно</li>
                                        <li>разблокировать свой природный потенциал</li>
                                        <li>получать желаемое во всех жизненных аспектах</li>
                                        <li>чувствовать себя лучше и помогать окружающим</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Карточки разноцветные с иконкой -->
                <div class="section__body">
                    <div class="grid-group">
                        <div class="grid-child" data-grid="4">
                            <div class="card beige-sky centered">
                                <div class="card__icon">
                                    <img loading="lazy" src="img/svg/svg-icon-card-services-01.svg" alt="Ментальное здоровье">
                                </div>
                                <div class="card__header">
                                    <h6>Ментальное здоровье</h6>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="4">
                            <div class="card gray-sky centered">
                                <div class="card__icon">
                                    <img loading="lazy" src="img/svg/svg-icon-card-services-02.svg" alt="Эмоциональное здоровье">
                                </div>
                                <div class="card__header">
                                    <h6>Эмоциональное здоровье</h6>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="4">
                            <div class="card beige-sky centered">
                                <div class="card__icon">
                                    <img loading="lazy" src="img/svg/svg-icon-card-services-03.svg" alt="Физическое здоровье">
                                </div>
                                <div class="card__header">
                                    <h6>Физическое здоровье</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Карточки разноцветные римская нумерация -->
                <div class="section__body">
                    <div class="grid-group">
                        <div class="grid-child" data-grid="4">
                            <div class="card beige-sky centered auto">
                                <div class="card__roman-num">
                                    i
                                </div>
                                <div class="card__header">
                                    <p class="card__tagline">Трансформационный MCP (метакогнитивного программирования)</p>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="4">
                            <div class="card gray-sky centered auto">
                                <div class="card__roman-num">
                                    ii
                                </div>
                                <div class="card__header">
                                    <p class="card__tagline">Health&wellness</p>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="4">
                            <div class="card beige-sky centered auto">
                                <div class="card__roman-num">
                                    iii
                                </div>
                                <div class="card__header">
                                    <p class="card__tagline">Бизнес</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Карточки с фактами для бегущей строки -->
                <div class="section__body">
                    <div class="grid-group">
                        <div class="grid-child" data-grid="12">
                            <div class="card bordered">
                                <div class="card__statistic">
                                    <div class="card__statistic_value">
                                        <h4 class="beige">93</h4>
                                    </div>
                                    <p class="card__statistic_name">Страны</p>
                                </div>
                                <div class="card__body no-margin">
                                    <p>Работаем с клиентами из 93 стран, которые говорят на 26 языках</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Карточки эксперт -->
                <div class="section__body">
                    <div class="grid-group">
                        <div class="grid-child" data-grid="3">
                            <div class="card beige-sky centered">
                                <div class="card__avatar">
                                    <img loading="lazy" src="img/home/experts/img-card-expert-01_2x.jpg" alt="Нил Доналд Уолш">
                                </div>
                                <div class="card__header">
                                    <h6>Нил Доналд Уолш</h6>
                                </div>
                                <div class="card__body">
                                    <p>Автор мирового бестселлера «Беседыс Богом»</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Карточка истории успеха -->
                <div class="section__body">
                    <div class="grid-group">
                        <div class="grid-child" data-grid="12">
                            <div class="card-history bordered">
                                <div class="card-history__photo">
                                    <img loading="lazy" src="img/home/img-card-history-01_2x.jpg" alt="Ирина Сальдо">
                                </div>
                                <div class="card-history__content">
                                    <div class="card-history__header">
                                        <div class="badge-card">История</div>
                                        <h5>Ирина Сальдо</h5>
                                    </div>
                                    <div class="card-history__body">
                                        <p><em>«Кратно увеличила продажи, потому что “Экспонента” научила видеть потребности людей любого уровня»</em></p>
                                        <a href="#" class="link">Читать полностью</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="section__body">
                    <div class="grid-group">
                        <div class="grid-child" data-grid="4">
                            <div class="card dark centered">
                                <!-- не выводим блок с картинкой, если она не назначена -->
                                <div class="card__img">
                                    <img loading="lazy" src="./img/home/img-dark-card-02_2x.jpg" alt="">
                                    <div class="badge-product">Программа</div>
                                </div>
                                <div class="card__header">
                                    <div class="card__title">
                                        <h6>Метод Реактивной Трансформации» («МРТ»)</h6>
                                    </div>
                                </div>
                                <div class="card__body">
                                    <p>Программа помогает освоить на практике систему работы с мышлением, на которой основан экспоненциальный коучинг.</p>
                                    <p>По окончании обучения студент получает диплом Академии о прохождении программы.</p>
                                    <ul>
                                        <li>Программа помогает освоить</li>
                                        <li>Программа помогает освоить</li>
                                        <li>Программа помогает освоить</li>
                                        <li>Программа помогает освоить</li>
                                    </ul>
                                </div>
                                <!-- не выводим футер, если кнопка не назначена -->
                                <div class="card__footer">
                                    <a href="#" class="button zero white medium"><span>Кнопка опционально</span></a>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="7">
                            <div class="card-event">
                                <div class="card-event__img">
                                    <img src="img/home/img-card-event-01_2x.jpg" alt="Название мероприятия">
                                    <div class="card-event__overlay"></div>
                                </div>
                                <div class="card transparent centered">
                                    <div class="card__header">
                                        <a href="#"><h5>Название мероприятия</h5></a>
                                    </div>
                                    <div class="card__body">
                                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице</p>
                                    </div>
                                    <div class="card__footer">
                                        <a href="#" class="button zero white medium"><span>Принять участие</span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Нумированные списки -->
                <div class="section__body">
                    <div class="card transparent no-padding">
                        <div class="card__num">01</div>
                        <div class="card__body accent">
                            <p>Получаете возможность поступить в Лигу — второй год обучения в Институте MCP.</p>
                        </div>
                        <div class="card__num">02</div>
                        <div class="card__header">
                            <div class="card__title">
                                <h6>Обучаем коучей</h6>
                            </div>
                        </div>
                        <div class="card__body">
                            <p>Предоставляем базовое образование в модальности экспоненциального коучинга</p>
                        </div>
                    </div>
                </div>

                <!-- Блок автора статьи. Блок содержимое статьи -->
                <div class="section__body">
                    <div class="aside-author">
                        <div class="card gray-sky">
                            <div class="aside-author__avatar">
                                <img loading="lazy" src="img/blog/img-avatar-article-01_2x.jpg" alt="Misha Saidov">
                            </div>
                            <div class="aside-author__info">
                                <h6>Misha Saidov</h6>
                                <div class="card-article__taxonomy">
                                    <div class="card-article__time">
                                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M10.4173 3.33335C6.73542 3.33335 3.75065 6.31812 3.75065 10C3.75065 13.6819 6.73542 16.6667 10.4173 16.6667C14.0992 16.6667 17.084 13.6819 17.084 10C17.084 6.31812 14.0992 3.33335 10.4173 3.33335ZM2.08398 10C2.08398 5.39765 5.81494 1.66669 10.4173 1.66669C15.0197 1.66669 18.7507 5.39765 18.7507 10C18.7507 14.6024 15.0197 18.3334 10.4173 18.3334C5.81494 18.3334 2.08398 14.6024 2.08398 10ZM10.4173 6.18408C10.8776 6.18408 11.2507 6.55717 11.2507 7.01741V10.3369L13.4933 11.0845C13.93 11.23 14.1659 11.7019 14.0204 12.1385C13.8748 12.5752 13.4029 12.8111 12.9663 12.6656L10.1538 11.7281C9.81351 11.6147 9.58398 11.2962 9.58398 10.9375V7.01741C9.58398 6.55717 9.95708 6.18408 10.4173 6.18408Z"></path>
                                        </svg>
                                        <small class="value">5 мин. чтения</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="aside-list-content">
                        <div class="card bordered">
                            <div class="card__header">
                                <h6>Содержание:</h6>
                            </div>
                            <div class="card__body">
                                <ul class="aside-list-content__links">
                                    <li><a href="#">Рабочая техника: не бойтесь отказаться от того, что не двигает вас вперед</a></li>
                                    <li><a href="#">Идеи для развития бизнеса</a></li>
                                    <li><a href="#">Масштабирование бизнеса как способ выйти на новый уровень</a></li>
                                    <li><a href="#">Развитие команды — еще один метод роста</a></li>
                                    <li><a href="#">Делегировать тоже нужно уметь</a></li>
                                    <li><a href="#">Ключевой совет, который поможет на любом этапе развития компании</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Карточка статьи - блоковая -->
                <div class="section__body">
                    <div class="card-board">
                        <div class="card-board__img">
                            <img loading="lazy" src="img/blog/img-card-board-01_2x.jpg" alt="Чем так вреден сахар, и почему сахарозаменители не помогут?">
                            <div class="card-article__badge-group">
								<div class="card-article__badge">Мышление</div>
							</div>
                        </div>
                        <div class="card-board__content">
                            <div class="card-article__taxonomy">
                                <div class="card-article__date">
                                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M5.46562 1.66669C5.92586 1.66669 6.29895 2.03978 6.29895 2.50002V2.95239H13.1243V2.50002C13.1243 2.03978 13.4974 1.66669 13.9577 1.66669C14.4179 1.66669 14.791 2.03978 14.791 2.50002V3.00308C16.2197 3.26729 17.291 4.53208 17.291 6.03573V15.25C17.291 16.9431 15.9327 18.3334 14.2355 18.3334H5.34657C3.6493 18.3334 2.29102 16.9431 2.29102 15.25V6.03573C2.29102 4.5883 3.28373 3.36221 4.63229 3.03688V2.50002C4.63229 2.03978 5.00538 1.66669 5.46562 1.66669ZM5.44928 4.61906H5.34657C4.58924 4.61906 3.95768 5.24353 3.95768 6.03573V6.59523H15.6243V6.03573C15.6243 5.24353 14.9928 4.61906 14.2355 4.61906H5.48196C5.47652 4.61917 5.47108 4.61922 5.46562 4.61922C5.46016 4.61922 5.45471 4.61917 5.44928 4.61906ZM15.6243 8.2619H3.95768V15.25C3.95768 16.0422 4.58924 16.6667 5.34657 16.6667H14.2355C14.9928 16.6667 15.6243 16.0422 15.6243 15.25V8.2619Z"></path>
                                    </svg>
                                    <small class="value">Янв. 12, 2023</small>
                                </div>
                                <div class="card-article__time">
                                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M10.4173 3.33335C6.73542 3.33335 3.75065 6.31812 3.75065 10C3.75065 13.6819 6.73542 16.6667 10.4173 16.6667C14.0992 16.6667 17.084 13.6819 17.084 10C17.084 6.31812 14.0992 3.33335 10.4173 3.33335ZM2.08398 10C2.08398 5.39765 5.81494 1.66669 10.4173 1.66669C15.0197 1.66669 18.7507 5.39765 18.7507 10C18.7507 14.6024 15.0197 18.3334 10.4173 18.3334C5.81494 18.3334 2.08398 14.6024 2.08398 10ZM10.4173 6.18408C10.8776 6.18408 11.2507 6.55717 11.2507 7.01741V10.3369L13.4933 11.0845C13.93 11.23 14.1659 11.7019 14.0204 12.1385C13.8748 12.5752 13.4029 12.8111 12.9663 12.6656L10.1538 11.7281C9.81351 11.6147 9.58398 11.2962 9.58398 10.9375V7.01741C9.58398 6.55717 9.95708 6.18408 10.4173 6.18408Z"></path>
                                    </svg>
                                    <small class="value">5 мин. чтения</small>
                                </div>
                            </div>
                            <div class="card-board__header">
                                <a href="#">
                                    <h3>Чем так вреден сахар, и почему сахарозаменители не помогут?</h3>
                                </a>
                            </div>
                            <div class="card-board__body gray">
                                <p>Десерты не оставляют вас равнодушными? Не спешите ругать себя за слабую волю, недостаток мотивации к похудению. Корни этой тяги на самом деле лежат глубоко в нашей биологии</p>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Карточки статьи - стандартные -->
                 <div class="section__body">
                    <div class="grid-group">
                        <div class="grid-child" data-grid="4">
                            <div class="card-article">
                                <div class="card-article__preview">
                                    <a href="#">
                                        <img loading="lazy" src="./img/blog/img-card-blog-02_2x.jpg" alt="Топ советов для роста бизнеса: свой подход, способы и техники">
                                    </a>
                                    <div class="card-article__badge-group">
                                        <div class="card-article__badge">Мышление</div>
                                    </div>
                                </div>
                                <div class="card-article__content">
                                    <div class="card-article__taxonomy">
                                        <div class="card-article__date">
                                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M5.46562 1.66669C5.92586 1.66669 6.29895 2.03978 6.29895 2.50002V2.95239H13.1243V2.50002C13.1243 2.03978 13.4974 1.66669 13.9577 1.66669C14.4179 1.66669 14.791 2.03978 14.791 2.50002V3.00308C16.2197 3.26729 17.291 4.53208 17.291 6.03573V15.25C17.291 16.9431 15.9327 18.3334 14.2355 18.3334H5.34657C3.6493 18.3334 2.29102 16.9431 2.29102 15.25V6.03573C2.29102 4.5883 3.28373 3.36221 4.63229 3.03688V2.50002C4.63229 2.03978 5.00538 1.66669 5.46562 1.66669ZM5.44928 4.61906H5.34657C4.58924 4.61906 3.95768 5.24353 3.95768 6.03573V6.59523H15.6243V6.03573C15.6243 5.24353 14.9928 4.61906 14.2355 4.61906H5.48196C5.47652 4.61917 5.47108 4.61922 5.46562 4.61922C5.46016 4.61922 5.45471 4.61917 5.44928 4.61906ZM15.6243 8.2619H3.95768V15.25C3.95768 16.0422 4.58924 16.6667 5.34657 16.6667H14.2355C14.9928 16.6667 15.6243 16.0422 15.6243 15.25V8.2619Z"></path>
                                            </svg>
                                            <small class="value">Янв. 12, 2023</small>
                                        </div>
                                        <div class="card-article__time">
                                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M10.4173 3.33335C6.73542 3.33335 3.75065 6.31812 3.75065 10C3.75065 13.6819 6.73542 16.6667 10.4173 16.6667C14.0992 16.6667 17.084 13.6819 17.084 10C17.084 6.31812 14.0992 3.33335 10.4173 3.33335ZM2.08398 10C2.08398 5.39765 5.81494 1.66669 10.4173 1.66669C15.0197 1.66669 18.7507 5.39765 18.7507 10C18.7507 14.6024 15.0197 18.3334 10.4173 18.3334C5.81494 18.3334 2.08398 14.6024 2.08398 10ZM10.4173 6.18408C10.8776 6.18408 11.2507 6.55717 11.2507 7.01741V10.3369L13.4933 11.0845C13.93 11.23 14.1659 11.7019 14.0204 12.1385C13.8748 12.5752 13.4029 12.8111 12.9663 12.6656L10.1538 11.7281C9.81351 11.6147 9.58398 11.2962 9.58398 10.9375V7.01741C9.58398 6.55717 9.95708 6.18408 10.4173 6.18408Z"></path>
                                            </svg>
                                            <small class="value">5 мин. чтения</small>
                                        </div>
                                    </div>
                                    <div class="card-article__header">
                                        <a href="#">
                                            <h6>Топ советов для роста бизнеса: свой подход, способы и техники</h6>
                                        </a>
                                    </div>
                                    <div class="card-article__body gray">
                                        <p>Создать компанию не так сложно, как её развить.И куда важнее не просто операционный подход.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="6">
                            <div class="card-article big">
                                <div class="card-article__preview">
                                    <a href="#">
                                        <img loading="lazy" src="./img/blog/img-card-blog-01_2x.jpg" alt="Женское лидерство. Как стать алхимиком своей жизни?">
                                    </a>
                                    <div class="card-article__badge-group">
                                        <div class="card-article__badge">Мышление</div>
                                    </div>
                                </div>
                                <div class="card-article__content no-padding">
                                    <div class="card-article__header">
                                        <a href="#">
                                            <h6>Женское лидерство. Как стать алхимиком своей жизни?</h6>
                                        </a>
                                    </div>
                                    <div class="card-article__body gray">
                                        <p>Принято думать, что в мире вечной борьбы крупных акул бизнеса и жесткой конкуренции выживают несгибаемые и «железные» люди. И это не считается женскими качествами.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                 </div>
                
                <div class="section__body">
                    <div class="grid-group">
                        <div class="grid-child" data-grid="4">
                            <div class="card">
                                <div class="card__num">01</div>
                                <div class="card__header">
                                    <div class="card__title">
                                        <h6>Excellence</h6>
                                    </div>
                                </div>
                                <div class="card__body">
                                    <p>Our commitment to excellence drives everything we do, from the level of
                                        qualification required of our coaches to our coaching methodologies. We strive
                                        to achieve high standards in every aspect of our work.</p>
                                </div>
                                <!-- не выводим футер, если кнопка не назначена -->
                                <div class="card__footer">
                                    <a href="#" class="button zero medium"><span>Кнопка опционально</span></a>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="4">
                            <div class="card shadow">
                                <div class="card__num">01</div>
                                <div class="card__header">
                                    <div class="card__title">
                                        <h6>Excellence</h6>
                                    </div>
                                </div>
                                <div class="card__body">
                                    <p>Our commitment to excellence drives everything we do, from the level of
                                        qualification required of our coaches to our coaching methodologies. We strive
                                        to achieve high standards in every aspect of our work.</p>
                                    <p>Our commitment to excellence drives everything we do, from the level of
                                        qualification required of our coaches to our coaching methodologies. We strive
                                        to achieve high standards in every aspect of our work.</p>
                                </div>
                                <!-- не выводим футер, если кнопка не назначена -->
                                <div class="card__footer">
                                    <a href="#" class="button zero medium"><span>Кнопка опционально</span></a>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="4">
                            <div class="card dark">
                                <div class="card__num">01</div>
                                <div class="card__header">
                                    <div class="card__title">
                                        <h6>Excellence</h6>
                                    </div>
                                </div>
                                <div class="card__body">
                                    <p>Our commitment to excellence drives everything we do, from the level of
                                        qualification required of our coaches to our coaching methodologies. We strive
                                        to achieve high standards in every aspect of our work.</p>
                                    <p>Our commitment to excellence drives everything we do, from the level of
                                        qualification required of our coaches to our coaching methodologies. We strive
                                        to achieve high standards in every aspect of our work.</p>
                                </div>
                                <!-- не выводим футер, если кнопка не назначена -->
                                <div class="card__footer">
                                    <a href="#" class="button zero white medium"><span>Кнопка опционально</span></a>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="4">
                            <div class="card dark centered">
                                <!-- не выводим блок с иконкой, если она не назначена -->
                                <div class="card__icon">
                                    <img loading="lazy" src="./img/svg/svg-icon-michail-01.svg" alt="Excellence">
                                </div>
                                <!-- не выводим блок с нумерацией, если она не назначена -->
                                <div class="card__num">01</div>
                                <div class="card__header">
                                    <div class="card__title">
                                        <h6>Excellence</h6>
                                    </div>
                                </div>
                                <div class="card__body">
                                    <p>Our commitment to excellence drives everything we do, from the level of
                                        qualification required of our coaches to our coaching methodologies. We strive
                                        to achieve high standards in every aspect of our work.</p>
                                </div>
                                <!-- не выводим футер, если кнопка не назначена -->
                                <div class="card__footer">
                                    <a href="#" class="button zero white medium"><span>Кнопка опционально</span></a>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="4">
                            <div class="card centered shadow">
                                <div class="card__icon">
                                    <img loading="lazy" src="./img/svg/svg-icon-michail-02.svg" alt="Excellence">
                                </div>
                                <div class="card__num">01</div>
                                <div class="card__header">
                                    <div class="card__title">
                                        <h6>Excellence</h6>
                                    </div>
                                </div>
                                <div class="card__body">
                                    <p>Our commitment to excellence drives everything we do, from the level of
                                        qualification required of our coaches to our coaching methodologies. We strive
                                        to achieve high standards in every aspect of our work.</p>
                                </div>
                                <!-- не выводим футер, если кнопка не назначена -->
                                <div class="card__footer">
                                    <a href="#" class="button zero medium"><span>Кнопка опционально</span></a>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="4">
                            <div class="card dark centered">
                                <!-- не выводим блок с картинкой, если она не назначена -->
                                <div class="card__img">
                                    <picture>
                                        <source srcset="./img/home/img-dark-card-01.webp 1x, ./img/home/img-dark-card-01@2x.webp 2x" type="image/webp">
                                        <source srcset="./img/home/img-dark-card-01.jpg 1x, ./img/home/img-dark-card-01@2x.jpg 2x" type="image/jpg">
                                        <img loading="lazy" src="./img/home/img-dark-card-01.jpg" alt="">
                                    </picture>
                                </div>
                                <div class="card__header">
                                    <div class="card__title">
                                        <h6>Business Coaching</h6>
                                    </div>
                                </div>
                                <div class="card__body">
                                    <p>We provide skills to work with the mindset of key individuals in the company to scale the business.</p>
                                </div>
                                <!-- не выводим футер, если кнопка не назначена -->
                                <div class="card__footer">
                                    <a href="#" class="button zero white medium"><span>Кнопка опционально</span></a>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="4">
                            <div class="card gray">
                                <div class="card__num">01</div>
                                <div class="card__header">
                                    <div class="card__title">
                                        <h6>Excellence</h6>
                                    </div>
                                </div>
                                <div class="card__body">
                                    <p>Our commitment to excellence drives everything we do, from the level of
                                        qualification required of our coaches to our coaching methodologies. We strive
                                        to achieve high standards in every aspect of our work.</p>
                                </div>
                                <!-- не выводим футер, если кнопка не назначена -->
                                <div class="card__footer">
                                    <a href="#" class="button zero medium"><span>Кнопка опционально</span></a>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="6">
                            <div class="card">
                                <div class="card__num">01</div>
                                <div class="card__header">
                                    <div class="card__title">
                                        <h6>If you’re feeling overwhelmed </h6>
                                    </div>
                                </div>
                                <div class="card__body">
                                    <p>by your inability to cope with life’s challenges, or are seeking a way to create a more fulfilling life for yourself, you need to work with us for the best results.</p>
                                    <p>We are here to be your guide to get to where you need to be, from where you are.</p>
                                </div>
                                <div class="card__num">02</div>
                                <div class="card__header">
                                    <div class="card__title">
                                        <h6>Our methodology</h6>
                                    </div>
                                </div>
                                <div class="card__body">
                                    <p>rooted in community support and practical skill-building, is founded on coaches who have walked the same path, having transformed themselves first and now transforming others.</p>
                                    <p>They will help bring about the lasting change you seek. Learn more about it here.</p>
                                </div>
                                <!-- не выводим футер, если кнопка не назначена -->
                                <div class="card__footer">
                                    <a href="#" class="button zero medium"><span>Кнопка опционально</span></a>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="3">
                            <div class="card dark">
                                <div class="card__statistic">
                                    <div class="card__statistic_value">4,273</div>
                                    <small class="card__statistic_name">Students</small>
                                </div>
                                <div class="card__body">
                                    <p>We've had the privilege of guiding and nurturing over 4,273 students.</p>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="3">
                            <div class="card bordered">
                                <div class="card__statistic">
                                    <div class="card__statistic_value">4,273</div>
                                    <small class="card__statistic_name">Students</small>
                                </div>
                                <div class="card__body">
                                    <p>We've had the privilege of guiding and nurturing over 4,273 students.</p>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="6">
                            <div class="card-article bordered">
                                <div class="card-article__preview">
                                    <picture>
                                        <source srcset="./img/blog/img-card-article-01.webp 1x, ./img/blog/img-card-article-01@2x.webp 2x" type="image/webp">
                                        <source srcset="./img/blog/img-card-article-01.jpg 1x, ./img/blog/img-card-article-01@2x.jpg 2x" type="image/jpg">
                                        <img loading="lazy" src="./img/blog/img-card-article-01.jpg" alt="Corporate Coaching: The Key to Success and Development in the Modern Workplace">
                                    </picture>
                                    <div class="card-article__badge">Featured</div>
                                </div>
                                <div class="card-article__content">
                                    <div class="card-article__taxonomy">
                                        <div class="card-article__author">
                                            <img class="avatar" loading="lazy" src="./img/blog/img-author.jpg" alt="Misha Saidov">
                                            <small class="name">Misha Saidov</small>
                                        </div>
                                        <div class="card-article__date">
                                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M5.46562 1.66669C5.92586 1.66669 6.29895 2.03978 6.29895 2.50002V2.95239H13.1243V2.50002C13.1243 2.03978 13.4974 1.66669 13.9577 1.66669C14.4179 1.66669 14.791 2.03978 14.791 2.50002V3.00308C16.2197 3.26729 17.291 4.53208 17.291 6.03573V15.25C17.291 16.9431 15.9327 18.3334 14.2355 18.3334H5.34657C3.6493 18.3334 2.29102 16.9431 2.29102 15.25V6.03573C2.29102 4.5883 3.28373 3.36221 4.63229 3.03688V2.50002C4.63229 2.03978 5.00538 1.66669 5.46562 1.66669ZM5.44928 4.61906H5.34657C4.58924 4.61906 3.95768 5.24353 3.95768 6.03573V6.59523H15.6243V6.03573C15.6243 5.24353 14.9928 4.61906 14.2355 4.61906H5.48196C5.47652 4.61917 5.47108 4.61922 5.46562 4.61922C5.46016 4.61922 5.45471 4.61917 5.44928 4.61906ZM15.6243 8.2619H3.95768V15.25C3.95768 16.0422 4.58924 16.6667 5.34657 16.6667H14.2355C14.9928 16.6667 15.6243 16.0422 15.6243 15.25V8.2619Z" />
                                            </svg>
                                            <small class="value">Jun 12, 2023</small>
                                        </div>
                                        <div class="card-article__time">
                                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M10.4173 3.33335C6.73542 3.33335 3.75065 6.31812 3.75065 10C3.75065 13.6819 6.73542 16.6667 10.4173 16.6667C14.0992 16.6667 17.084 13.6819 17.084 10C17.084 6.31812 14.0992 3.33335 10.4173 3.33335ZM2.08398 10C2.08398 5.39765 5.81494 1.66669 10.4173 1.66669C15.0197 1.66669 18.7507 5.39765 18.7507 10C18.7507 14.6024 15.0197 18.3334 10.4173 18.3334C5.81494 18.3334 2.08398 14.6024 2.08398 10ZM10.4173 6.18408C10.8776 6.18408 11.2507 6.55717 11.2507 7.01741V10.3369L13.4933 11.0845C13.93 11.23 14.1659 11.7019 14.0204 12.1385C13.8748 12.5752 13.4029 12.8111 12.9663 12.6656L10.1538 11.7281C9.81351 11.6147 9.58398 11.2962 9.58398 10.9375V7.01741C9.58398 6.55717 9.95708 6.18408 10.4173 6.18408Z" />
                                            </svg>
                                            <small class="value">5 min read</small>
                                        </div>
                                    </div>
                                    <div class="card-article__header">
                                        <h6 class="card-article__title">Corporate Coaching: The Key to Success and Development in the Modern Workplace</h6>
                                    </div>
                                    <div class="card-article__body">
                                        <p>Core Principles of Corporate Coaching Increasingly challenging and complex business environments</p>
                                    </div>
                                    <div class="card-article__footer">
                                        <a href="" class="button icon small zero-beige">
                                            <span>Read more</span>
                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none">
                                                <path d="M16 12.5C16 12.7652 15.8946 13.0196 15.7071 13.2071L10.7071 18.2071C10.3166 18.5976 9.68342 18.5976 9.29289 18.2071C8.90237 17.8166 8.90237 17.1834 9.29289 16.7929L13.5858 12.5L9.29289 8.20711C8.90237 7.81658 8.90237 7.18342 9.29289 6.79289C9.68342 6.40237 10.3166 6.40237 10.7071 6.79289L15.7071 11.7929C15.8946 11.9804 16 12.2348 16 12.5Z" />
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="6">
                            <div class="card-article bordered">
                                <div class="card-article__preview">
                                    <picture>
                                        <source srcset="./img/blog/img-card-article-placeholder.webp" type="image/webp">
                                        <source srcset="./img/blog/img-card-article-placeholder.jpg" type="image/jpg">
                                        <img loading="lazy" src="./img/blog/img-card-article-placeholder.jpg" alt="Corporate Coaching: The Key to Success and Development in the Modern Workplace">
                                    </picture>
                                    <div class="card-article__badge">Featured</div>
                                </div>
                                <div class="card-article__content">
                                    <div class="card-article__taxonomy">
                                        <div class="card-article__author">
                                            <img class="avatar" loading="lazy" src="./img/blog/img-author.jpg" alt="Misha Saidov">
                                            <small class="name">Misha Saidov</small>
                                        </div>
                                        <div class="card-article__date">
                                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M5.46562 1.66669C5.92586 1.66669 6.29895 2.03978 6.29895 2.50002V2.95239H13.1243V2.50002C13.1243 2.03978 13.4974 1.66669 13.9577 1.66669C14.4179 1.66669 14.791 2.03978 14.791 2.50002V3.00308C16.2197 3.26729 17.291 4.53208 17.291 6.03573V15.25C17.291 16.9431 15.9327 18.3334 14.2355 18.3334H5.34657C3.6493 18.3334 2.29102 16.9431 2.29102 15.25V6.03573C2.29102 4.5883 3.28373 3.36221 4.63229 3.03688V2.50002C4.63229 2.03978 5.00538 1.66669 5.46562 1.66669ZM5.44928 4.61906H5.34657C4.58924 4.61906 3.95768 5.24353 3.95768 6.03573V6.59523H15.6243V6.03573C15.6243 5.24353 14.9928 4.61906 14.2355 4.61906H5.48196C5.47652 4.61917 5.47108 4.61922 5.46562 4.61922C5.46016 4.61922 5.45471 4.61917 5.44928 4.61906ZM15.6243 8.2619H3.95768V15.25C3.95768 16.0422 4.58924 16.6667 5.34657 16.6667H14.2355C14.9928 16.6667 15.6243 16.0422 15.6243 15.25V8.2619Z" />
                                            </svg>
                                            <small class="value">Jun 12, 2023</small>
                                        </div>
                                        <div class="card-article__time">
                                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M10.4173 3.33335C6.73542 3.33335 3.75065 6.31812 3.75065 10C3.75065 13.6819 6.73542 16.6667 10.4173 16.6667C14.0992 16.6667 17.084 13.6819 17.084 10C17.084 6.31812 14.0992 3.33335 10.4173 3.33335ZM2.08398 10C2.08398 5.39765 5.81494 1.66669 10.4173 1.66669C15.0197 1.66669 18.7507 5.39765 18.7507 10C18.7507 14.6024 15.0197 18.3334 10.4173 18.3334C5.81494 18.3334 2.08398 14.6024 2.08398 10ZM10.4173 6.18408C10.8776 6.18408 11.2507 6.55717 11.2507 7.01741V10.3369L13.4933 11.0845C13.93 11.23 14.1659 11.7019 14.0204 12.1385C13.8748 12.5752 13.4029 12.8111 12.9663 12.6656L10.1538 11.7281C9.81351 11.6147 9.58398 11.2962 9.58398 10.9375V7.01741C9.58398 6.55717 9.95708 6.18408 10.4173 6.18408Z" />
                                            </svg>
                                            <small class="value">5 min read</small>
                                        </div>
                                    </div>
                                    <div class="card-article__header">
                                        <h6 class="card-article__title">Corporate Coaching: The Key to Success and Development in the Modern Workplace</h6>
                                    </div>
                                    <div class="card-article__body">
                                        <p>Core Principles of Corporate Coaching Increasingly challenging and complex business environments</p>
                                    </div>
                                    <div class="card-article__footer">
                                        <a href="" class="button icon small zero-beige">
                                            <span>Read more</span>
                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none">
                                                <path d="M16 12.5C16 12.7652 15.8946 13.0196 15.7071 13.2071L10.7071 18.2071C10.3166 18.5976 9.68342 18.5976 9.29289 18.2071C8.90237 17.8166 8.90237 17.1834 9.29289 16.7929L13.5858 12.5L9.29289 8.20711C8.90237 7.81658 8.90237 7.18342 9.29289 6.79289C9.68342 6.40237 10.3166 6.40237 10.7071 6.79289L15.7071 11.7929C15.8946 11.9804 16 12.2348 16 12.5Z" />
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="4">
                            <div class="card-article">
                                <div class="card-article__preview">
                                    <picture>
                                        <source srcset="./img/blog/img-card-article-01.webp 1x, ./img/blog/img-card-article-01@2x.webp 2x" type="image/webp">
                                        <source srcset="./img/blog/img-card-article-01.jpg 1x, ./img/blog/img-card-article-01@2x.jpg 2x" type="image/jpg">
                                        <img loading="lazy" src="./img/blog/img-card-article-01.jpg" alt="Corporate Coaching: The Key to Success and Development in the Modern Workplace">
                                    </picture>
                                    <div class="card-article__badge">Featured</div>
                                </div>
                                <div class="card-article__content">
                                    <div class="card-article__taxonomy">
                                        <div class="card-article__author">
                                            <img class="avatar" loading="lazy" src="./img/blog/img-author.jpg" alt="Misha Saidov">
                                            <small class="name">Misha Saidov</small>
                                        </div>
                                        <div class="card-article__date">
                                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M5.46562 1.66669C5.92586 1.66669 6.29895 2.03978 6.29895 2.50002V2.95239H13.1243V2.50002C13.1243 2.03978 13.4974 1.66669 13.9577 1.66669C14.4179 1.66669 14.791 2.03978 14.791 2.50002V3.00308C16.2197 3.26729 17.291 4.53208 17.291 6.03573V15.25C17.291 16.9431 15.9327 18.3334 14.2355 18.3334H5.34657C3.6493 18.3334 2.29102 16.9431 2.29102 15.25V6.03573C2.29102 4.5883 3.28373 3.36221 4.63229 3.03688V2.50002C4.63229 2.03978 5.00538 1.66669 5.46562 1.66669ZM5.44928 4.61906H5.34657C4.58924 4.61906 3.95768 5.24353 3.95768 6.03573V6.59523H15.6243V6.03573C15.6243 5.24353 14.9928 4.61906 14.2355 4.61906H5.48196C5.47652 4.61917 5.47108 4.61922 5.46562 4.61922C5.46016 4.61922 5.45471 4.61917 5.44928 4.61906ZM15.6243 8.2619H3.95768V15.25C3.95768 16.0422 4.58924 16.6667 5.34657 16.6667H14.2355C14.9928 16.6667 15.6243 16.0422 15.6243 15.25V8.2619Z" />
                                            </svg>
                                            <small class="value">Jun 12, 2023</small>
                                        </div>
                                        <div class="card-article__time">
                                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M10.4173 3.33335C6.73542 3.33335 3.75065 6.31812 3.75065 10C3.75065 13.6819 6.73542 16.6667 10.4173 16.6667C14.0992 16.6667 17.084 13.6819 17.084 10C17.084 6.31812 14.0992 3.33335 10.4173 3.33335ZM2.08398 10C2.08398 5.39765 5.81494 1.66669 10.4173 1.66669C15.0197 1.66669 18.7507 5.39765 18.7507 10C18.7507 14.6024 15.0197 18.3334 10.4173 18.3334C5.81494 18.3334 2.08398 14.6024 2.08398 10ZM10.4173 6.18408C10.8776 6.18408 11.2507 6.55717 11.2507 7.01741V10.3369L13.4933 11.0845C13.93 11.23 14.1659 11.7019 14.0204 12.1385C13.8748 12.5752 13.4029 12.8111 12.9663 12.6656L10.1538 11.7281C9.81351 11.6147 9.58398 11.2962 9.58398 10.9375V7.01741C9.58398 6.55717 9.95708 6.18408 10.4173 6.18408Z" />
                                            </svg>
                                            <small class="value">5 min read</small>
                                        </div>
                                    </div>
                                    <div class="card-article__header">
                                        <h6 class="card-article__title">Corporate Coaching: The Key to Success and Development in the Modern Workplace</h6>
                                    </div>
                                    <div class="card-article__body">
                                        <p>Core Principles of Corporate Coaching Increasingly challenging and complex business environments</p>
                                    </div>
                                    <div class="card-article__footer">
                                        <a href="" class="button icon small zero-beige">
                                            <span>Read more</span>
                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none">
                                                <path d="M16 12.5C16 12.7652 15.8946 13.0196 15.7071 13.2071L10.7071 18.2071C10.3166 18.5976 9.68342 18.5976 9.29289 18.2071C8.90237 17.8166 8.90237 17.1834 9.29289 16.7929L13.5858 12.5L9.29289 8.20711C8.90237 7.81658 8.90237 7.18342 9.29289 6.79289C9.68342 6.40237 10.3166 6.40237 10.7071 6.79289L15.7071 11.7929C15.8946 11.9804 16 12.2348 16 12.5Z" />
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="4">
                            <div class="card-article">
                                <div class="card-article__content">
                                    <div class="card-article__header">
                                        <h6 class="card-article__title">How to achieve a goal, the impossibility method</h6>
                                    </div>
                                    <div class="card-article__body">
                                        <p>The fifth principle of metacognitive programming is remembering the future (or the impossibility method). Is it obvious to you that you are</p>
                                    </div>
                                    <div class="card-article__footer">
                                        <div class="card-article__taxonomy">
                                            <div class="card-article__date">
                                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M5.46562 1.66669C5.92586 1.66669 6.29895 2.03978 6.29895 2.50002V2.95239H13.1243V2.50002C13.1243 2.03978 13.4974 1.66669 13.9577 1.66669C14.4179 1.66669 14.791 2.03978 14.791 2.50002V3.00308C16.2197 3.26729 17.291 4.53208 17.291 6.03573V15.25C17.291 16.9431 15.9327 18.3334 14.2355 18.3334H5.34657C3.6493 18.3334 2.29102 16.9431 2.29102 15.25V6.03573C2.29102 4.5883 3.28373 3.36221 4.63229 3.03688V2.50002C4.63229 2.03978 5.00538 1.66669 5.46562 1.66669ZM5.44928 4.61906H5.34657C4.58924 4.61906 3.95768 5.24353 3.95768 6.03573V6.59523H15.6243V6.03573C15.6243 5.24353 14.9928 4.61906 14.2355 4.61906H5.48196C5.47652 4.61917 5.47108 4.61922 5.46562 4.61922C5.46016 4.61922 5.45471 4.61917 5.44928 4.61906ZM15.6243 8.2619H3.95768V15.25C3.95768 16.0422 4.58924 16.6667 5.34657 16.6667H14.2355C14.9928 16.6667 15.6243 16.0422 15.6243 15.25V8.2619Z" />
                                                </svg>
                                                <small class="value">Jun 12, 2023</small>
                                            </div>
                                            <div class="card-article__time">
                                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M10.4173 3.33335C6.73542 3.33335 3.75065 6.31812 3.75065 10C3.75065 13.6819 6.73542 16.6667 10.4173 16.6667C14.0992 16.6667 17.084 13.6819 17.084 10C17.084 6.31812 14.0992 3.33335 10.4173 3.33335ZM2.08398 10C2.08398 5.39765 5.81494 1.66669 10.4173 1.66669C15.0197 1.66669 18.7507 5.39765 18.7507 10C18.7507 14.6024 15.0197 18.3334 10.4173 18.3334C5.81494 18.3334 2.08398 14.6024 2.08398 10ZM10.4173 6.18408C10.8776 6.18408 11.2507 6.55717 11.2507 7.01741V10.3369L13.4933 11.0845C13.93 11.23 14.1659 11.7019 14.0204 12.1385C13.8748 12.5752 13.4029 12.8111 12.9663 12.6656L10.1538 11.7281C9.81351 11.6147 9.58398 11.2962 9.58398 10.9375V7.01741C9.58398 6.55717 9.95708 6.18408 10.4173 6.18408Z" />
                                                </svg>
                                                <small class="value">5 min read</small>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="4">
                            <div class="card-coach">
                                <div class="card-coach__body">
                                    <div class="card-coach__avatar">
                                        <picture>
                                            <source srcset="./img/coach/img-coach-avatar.webp 1x, ./img/coach/img-coach-avatar@2x.webp 2x" type="image/webp">
                                            <source srcset="./img/coach/img-coach-avatar.jpg 1x, ./img/coach/img-coach-avatar@2x.jpg 2x" type="image/jpg">
                                            <img loading="lazy" src="./img/coach/img-coach-avatar.jpg" alt="">
                                        </picture>
                                    </div>
                                    <div class="card-coach__data">
                                        <h6 class="card-coach__name">Irina Pavlova</h6>
                                        <div class="card-coach__info">
                                            <div class="card-coach__type">Mentor</div>
                                            <div class="card-coach__number">№ 101010002</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-coach__footer">
                                    <div class="card-coach__footer_option">Life Coach</div>
                                    <div class="card-coach__footer_option">Health&Wellness Coach</div>
                                    <div class="card-coach__footer_option">Business Coach</div>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="4">
                            <div class="card-coach shadow">
                                <div class="card-coach__body">
                                    <div class="card-coach__avatar">
                                        <picture>
                                            <source srcset="./img/coach/img-coach-avatar-01.webp 1x, ./img/coach/img-coach-avatar-01@2x.webp 2x" type="image/webp">
                                            <source srcset="./img/coach/img-coach-avatar-01.jpg 1x, ./img/coach/img-coach-avatar-01@2x.jpg 2x" type="image/jpg">
                                            <img loading="lazy" src="./img/coach/img-coach-avatar-01.jpg" alt="">
                                        </picture>
                                    </div>
                                    <div class="card-coach__data">
                                        <h6 class="card-coach__name">Irina Pavlova</h6>
                                        <div class="card-coach__info">
                                            <div class="card-coach__type">Mentor</div>
                                            <div class="card-coach__number">№ 101010002</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-coach__footer">
                                    <div class="card-coach__footer_option">Life Coach</div>
                                    <div class="card-coach__footer_option">Health&Wellness Coach</div>
                                    <div class="card-coach__footer_option">Business Coach</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Тело статьи -->
        <section class="section">
            <div class="container">
                <div class="section__body">
                    <div class="article">
                        <p>Создать компанию не так сложно, как её развить. И куда важнее не просто операционный подход. Хотя без цифр не обойтись, грамотное видение, стратегию и мотивацию никто не отменял. Несмотря на сложные ситуации, множество вопросов, трудности с продажами, которые возникают на пути, нужно понимать, куда и зачем движется владелец бизнеса, зачем ему сотрудники, и все ли идет так, как планировалось.</p>
                        <h3>Рабочая техника: не бойтесь отказаться от того, что не двигает вас вперед</h3>
                        <blockquote>
                            <p><strong>Основатель Академии экспоненциального коучинга и автор 20+ коучинговых программ Михаил Саидов поделился важной практикой:</strong></p>
                            <em>«Когда вы думаете о своей команде, деловом партнере, сотрудниках или клиентах, представьте себе ситуацию. Человек говорит: „Сегодня я больше не буду с вами работать и участвовать в делах компании“.</em>
                            <i>Дальше можно применить правило ABC, где в категории А — сотрудник, которого вы ни за что не хотите потерять, а в категории С — сотрудник, при увольнении которого вы испытываете облегчение. При использовании правила вы сразу понимаете, в какую категорию он попадает, как бы вы не уговаривали себя в обратном. Подробнее о правиле рассказывал здесь»</i>
                        </blockquote>
                        <p>Создать компанию не так сложно, как её развить. И куда важнее не просто операционный подход. Хотя без цифр не обойтись, грамотное видение, стратегию и мотивацию никто не отменял. Несмотря на сложные ситуации, множество вопросов, трудности с продажами, которые возникают на пути, нужно понимать, куда и зачем движется владелец бизнеса, зачем ему сотрудники, и все ли идет так, как планировалось.</p>
                        <h3>Идеи для развития бизнеса</h3>
                        <p>Из практических рекомендаций — поиск грантов от правительства и некоммерческих компаний в своей сфере. Многие готовы спонсировать бизнес на этапе развития, особенно если он покажется перспективным. Для грантов придется собирать бумаги и доказывать рентабельность бизнеса, но это хороший вариант получить деньги для развития на определенных условиях. Так можно найти партнеров, с которыми вы будете идти вместе, и которые поделятся своими идеями.</p>
                        <p>Еще один лайфхак — смотреть не столько на предыдущие показатели, сколько именно на достижения, которых хочется достичь в будущем. Это помогает выставить правильный фокус и задать направление движения компании.</p>
                        <h3>Масштабирование бизнеса как способ выйти на новый уровень</h3>
                        <img src="img/article/img-article-01_2x.jpg" alt="Масштабирование бизнеса как способ выйти на новый уровень">
                        <p>Когда предприятие создается, мало кто думает о дальнейшем развитии: нужно использовать возможности и средства «здесь и сейчас». Если на старте работала одна идея и подход, то по мере увеличения компании они могут кардинально меняться, как и метод управления.</p>
                        <p><b>Что нужно, чтобы масштабирование бизнеса стало возможным</b></p>
                        <p>Четыре главных компонента: во внутреннем мире компании — миссия и ценности, во внешнем мире — видение и стратегия:</p>
                        <ul>
                            <li>миссия остается неизменной и представляет собой то, ради чего существует компания, кроме денег, отвечает на вопрос «почему мы туда идем»;</li>
                            <li>ценности — деловые принципы и правила, повседневный ориентир для сотрудников;</li>
                            <li>видение представляет собой то, как организованы процессы в компании и к какой переменной точке приведет её деятельность;</li>
                            <li>стратегия отвечает на вопрос «как мы туда дойдем?»</li>
                        </ul>
                        <p>Тем, кто тщательно продумывает четыре этих компонента, проще собирать команду. Сотрудники, согласные с ценностями, присоединяются к ней. Если же это не резонирует у них внутри, они не чувствуют причастность, то не хотят вкладываться до конца.</p>
                        <p>Культура организации создается людьми внутри нее: и владелец должен соответствовать ей. Люди вокруг видят отношение к ценностям и их восприятие. Порой достаточно показывать, кто вы, и кем вы являетесь: на этом выстраивается и личный бренд.</p>
                        <h4>Методы масштабирования, способные заставить ваш бизнес расти</h4>
                        <p>Когда вы делаете первый шаг и получаете свои 100 тысяч долларов, не нужно быть изобретателем и создавать что-то новое. Зачастую можно сделать на 10−20% лучше существующего на рынке бизнеса. Помогает и собственная экспертиза.</p>
                        <p>Когда вы начинаете строить компанию в 100 миллионов долларов, это уже не работает. Владельцы подобных организаций начинают как и все, но приходят к этому по-другому. Все компании с таким оборотом и с высокой прибылью нашли, как давать людям то, что люди не могут сами получить, но хотят. Они поняли этот секрет, смогли его раскрыть, и теперь монетизируют.</p>
                        <p>Человек, который делает 100 миллионов долларов в год — это человек, который нашел секрет на основании своего внутреннего гения и своей личности.</p>
                        <h3>Развитие команды — еще один метод роста</h3>
                        <p>Путь абсолютной ответственности — то, что нас строит как предпринимателей. Владельцы бизнеса — это люди с огромным чувством долга и ответственности за себя. У них есть внутренняя мотивация.</p>
                        <h5>1. Кого нанимать в компанию?</h5>
                        <p>Основной фокус должен быть сосредоточен на поиске «китов». Это самоуправляемые люди, которые могут ставить перед собой цели и достигать их. Чтобы выявить таких сотрудников на этапе собеседования, нужно спросить, как они справлялись с большой проблемой или задачей в собственной жизни. Люди, которые действительно это сделали, они отличаются от тех, кто преувеличивает или даже придумывает такие истории.</p>
                        <p>Сам факт, что человек может разобраться до самых последних деталей в чем-то, означает что:</p>
                        <ul>
                            <li>у него есть постоянный, очень ассертивный фокус;</li>
                            <li>этот фокус обсессивен и приводит к результату.</li>
                        </ul>
                        <p>Для таких людей подобный подход является частью темперамента. И стоит нанимать их уже ради него, а не столько из-за интеллекта или эрудиции.</p>
                        <blockquote>
                            <b>Михаил Саидов также говорит о том, что найм таких сотрудников — трудный процесс:</b>
                            <i>«‎Найти таких людей, которые принесут тебе сумасшедший результат, очень сложно. Это почти невозможно. Чтобы найти сильного сотрудника, вот этого кита, нужно отфильтровать сотни людей. Мы говорим в буквальном смысле о десятках тысячах людей».</i>
                        </blockquote>
                        <h5>2. Как дать команде мотивацию к развитию?</h5>
                        <p>Понять, что на самом деле вы находитесь в бизнесе не ради мотивации людей. Это не цель вашей деятельности. Лучшая мотивация для сотрудников — та, с которой они уже пришли, она существует внутри них.</p>
                        <p>Намного легче нанимать мотивированных людей, чем пробовать мотивировать людей: это не ваша проблема и не ваша задача. Для уже подобранных сотрудников нужно создавать благоприятные условия, дать возможность реализовать им их мечту внутри бизнеса.</p>
                        <h3>Делегировать тоже нужно уметь</h3>
                        <img src="img/article/img-article-02_2x.jpg" alt="Делегировать тоже нужно уметь">
                        <p>Нельзя допускать зависимости всех процессов от руководителя. Многие думают, что они сделают лучше, но на самом деле это не так. В результате руководитель не уделяет достаточно внимания каждому процессу, когда как отдельный сотрудник смог бы приносить гораздо лучший результат.</p>
                        <p>При масштабировании важно уметь делегировать полномочия и распределять задачи. Увеличение бизнеса попросту не даст возможности следить за всем самостоятельно: или вы получите не те результаты, которые хотели.</p>
                        <h5>Ключевой совет, который поможет на любом этапе развития компании</h5>
                        <p>Последний совет, который точно будет вам полезен: внедряя любую идею, стоит помнить о том, что ваш бизнес, ваш продукт и вы сами — не стодолларовая купюра, чтобы всем нравиться. У каждой услуги или товара есть целевая аудитория, для которой он создается. Новые идеи не должны содержать мотива подходить всем. У организации должен быть четкий план, по которому она идет. Об этом никогда не стоит забывать.</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- Слайдеры -->
         <section class="section stream">
             <div class="container">
                <div class="section__header">
                    <h2 class="title">Слайдеры</h2>
                </div>

                <!-- Слайдер с постами  -->
                <div class="section__slider">
                <div class="section__slider-body">
                    <!-- скрипт вызывается из файла js/feedbacks.bundle.js -->
                    <div class="slider swiper js-slider" data-slider-name="article-posts">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="card-article big">
                                    <div class="card-article__preview">
                                        <a href="#">
                                            <img loading="lazy" src="./img/blog/img-card-blog-01_2x.jpg" alt="Женское лидерство. Как стать алхимиком своей жизни?">
                                        </a>
                                        <div class="card-article__badge-group">
                                            <div class="card-article__badge">Мышление</div>
                                        </div>
                                    </div>
                                    <div class="card-article__content no-padding">
                                        <div class="card-article__header">
                                            <a href="#">
                                                <h6>Женское лидерство. Как стать алхимиком своей жизни?</h6>
                                            </a>
                                        </div>
                                        <div class="card-article__body gray">
                                            <p>Принято думать, что в мире вечной борьбы крупных акул бизнеса и жесткой конкуренции выживают несгибаемые и «железные» люди. И это не считается женскими качествами.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="card-article big">
                                    <div class="card-article__preview">
                                        <a href="#">
                                            <img loading="lazy" src="./img/blog/img-card-board-01_2x.jpg" alt="Чем так вреден сахар, и почему сахарозаменители не помогут? ">
                                        </a>
                                        <div class="card-article__badge-group">
                                            <div class="card-article__badge">Мышление</div>
                                        </div>
                                    </div>
                                    <div class="card-article__content no-padding">
                                        <div class="card-article__header">
                                            <a href="#">
                                                <h6>Чем так вреден сахар, и почему сахарозаменители не помогут? </h6>
                                            </a>
                                        </div>
                                        <div class="card-article__body gray">
                                            <p>Десерты не оставляют вас равнодушными? Не спешите ругать себя за слабую волю, недостаток мотивации к похудению. Корни этой тяги на самом деле лежат глубоко в нашей биологии</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="card-article big">
                                    <div class="card-article__preview">
                                        <a href="#">
                                            <img loading="lazy" src="./img/blog/img-card-blog-04_2x.jpg" alt="Как сделать выбор и не пожалеть">
                                        </a>
                                        <div class="card-article__badge-group">
                                            <div class="card-article__badge">Мышление</div>
                                        </div>
                                    </div>
                                    <div class="card-article__content no-padding">
                                        <div class="card-article__header">
                                            <a href="#">
                                                <h6>Как сделать выбор и не пожалеть</h6>
                                            </a>
                                        </div>
                                        <div class="card-article__body gray">
                                            <p>Казалось бы, свобода должна окрылять, но временами бывает очень непросто определиться. Почему сложно сделать выбор? Как упростить процесс принятия решения?</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="section__slider-footer">
                    <div class="slider-controls">
                        <div class="slider-arrows">
                            <div class="slider-btn prev-article-posts">
                                <button class="button-slider prev">
                                    <svg width="26" height="28" viewBox="0 0 26 28" fill="none">
                                        <path d="M1.52146 15.4462L10.2742 27.5L11.7367 25.4859L4.43026 15.4242H25.5V12.5758H4.43026L11.7367 2.51406L10.2742 0.5C10.2742 0.5 1.79956 12.1699 1.52146 12.5538C1.24335 12.9376 0.5 14 0.5 14C0.5 14 1.24335 15.0624 1.52146 15.4462Z" />
                                    </svg>
                                </button>
                            </div>
                            <div class="slider-btn next-article-posts">
                                <button class="button-slider next">
                                    <svg width="26" height="28" viewBox="0 0 26 28" fill="none">
                                        <path d="M24.4785 15.4462L15.7258 27.5L14.2633 25.4859L21.5697 15.4242H0.5V12.5758H21.5697L14.2633 2.51406L15.7258 0.5C15.7258 0.5 24.2004 12.1699 24.4785 12.5538C24.7566 12.9376 25.5 14 25.5 14C25.5 14 24.7566 15.0624 24.4785 15.4462Z" />
                                    </svg>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                </div>

                <!-- Слайдер с историями успеха  -->
                <div class="section__slider">
                    <div class="section__slider-body">
                        <!-- скрипт вызывается из файла js/feedbacks.bundle.js -->
                        <div class="slider swiper js-slider" data-slider-name="history-caises">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="card-article big">
                                        <div class="card-article__preview">
                                            <a href="#">
                                                <img loading="lazy" src="./img/caises/img-card-caise-01_2x.jpg" alt="Женя Муракоши">
                                            </a>
                                            <div class="card-article__badge-group">
                                                <div class="card-article__badge">История успеха</div>
                                            </div>
                                        </div>
                                        <div class="card-article__content no-padding">
                                            <div class="card-article__header">
                                                <a href="#">
                                                    <h6>Женя Муракоши</h6>
                                                </a>
                                            </div>
                                            <div class="card-article__body gray">
                                                <p>Раньше мы с клиентами ставили цель увеличить доход до 5 миллионов рублей, а сейчас — до 50 миллионов</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="card-article big">
                                        <div class="card-article__preview">
                                            <a href="#">
                                                <img loading="lazy" src="./img/caises/img-card-caise-02_2x.jpg" alt="Надежда кузнецова">
                                            </a>
                                            <div class="card-article__badge-group">
                                                <div class="card-article__badge">История успеха</div>
                                            </div>
                                        </div>
                                        <div class="card-article__content no-padding">
                                            <div class="card-article__header">
                                                <a href="#">
                                                    <h6>Надежда кузнецова</h6>
                                                </a>
                                            </div>
                                            <div class="card-article__body gray">
                                                <p>До «Системы_20» я не занималась коучингом, теперь активно работаю с клиентами и применяю полученные навыки</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="card-article big">
                                        <div class="card-article__preview">
                                            <a href="#">
                                                <img loading="lazy" src="./img/caises/img-card-caise-03_2x.jpg" alt="Дина Ружа">
                                            </a>
                                            <div class="card-article__badge-group">
                                                <div class="card-article__badge">История успеха</div>
                                            </div>
                                        </div>
                                        <div class="card-article__content no-padding">
                                            <div class="card-article__header">
                                                <a href="#">
                                                    <h6>Дина Ружа</h6>
                                                </a>
                                            </div>
                                            <div class="card-article__body gray">
                                                <p>Я получила больше, чем системные знания с точки зрения ведения бизнеса, аналитики и выстраивания процессов.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="section__slider-footer">
                        <div class="slider-controls">
                            <div class="slider-arrows">
                                <div class="slider-btn prev-history-caises">
                                    <button class="button-slider prev">
                                        <svg width="26" height="28" viewBox="0 0 26 28" fill="none">
                                            <path d="M1.52146 15.4462L10.2742 27.5L11.7367 25.4859L4.43026 15.4242H25.5V12.5758H4.43026L11.7367 2.51406L10.2742 0.5C10.2742 0.5 1.79956 12.1699 1.52146 12.5538C1.24335 12.9376 0.5 14 0.5 14C0.5 14 1.24335 15.0624 1.52146 15.4462Z" />
                                        </svg>
                                    </button>
                                </div>
                                <div class="slider-btn next-history-caises">
                                    <button class="button-slider next">
                                        <svg width="26" height="28" viewBox="0 0 26 28" fill="none">
                                            <path d="M24.4785 15.4462L15.7258 27.5L14.2633 25.4859L21.5697 15.4242H0.5V12.5758H21.5697L14.2633 2.51406L15.7258 0.5C15.7258 0.5 24.2004 12.1699 24.4785 12.5538C24.7566 12.9376 25.5 14 25.5 14C25.5 14 24.7566 15.0624 24.4785 15.4462Z" />
                                        </svg>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Слайдер с мероприятиями -->
                <div class="section__slider">
                    <div class="section__slider-body">
                        <!-- скрипт вызывается из файла js/feedbacks.bundle.js -->
                        <div class="slider swiper js-slider" data-slider-name="events">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="card-event">
                                        <div class="card-event__img">
                                            <img src="img/home/img-card-event-01_2x.jpg" alt="Название мероприятия">
                                            <div class="card-event__overlay"></div>
                                        </div>
                                        <div class="card transparent centered">
                                            <div class="card__header">
                                                <a href="#"><h5>Название мероприятия</h5></a>
                                            </div>
                                            <div class="card__body">
                                                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице</p>
                                            </div>
                                            <div class="card__footer">
                                                <a href="#" class="button zero white medium"><span>Принять участие</span></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="card-event">
                                        <div class="card-event__img">
                                            <img src="img/home/img-card-event-02_2x.jpg" alt="Название мероприятия">
                                            <div class="card-event__overlay"></div>
                                        </div>
                                        <div class="card transparent centered">
                                            <div class="card__header">
                                                <a href="#"><h5>Название мероприятия</h5></a>
                                            </div>
                                            <div class="card__body">
                                                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице</p>
                                            </div>
                                            <div class="card__footer">
                                                <a href="#" class="button zero white medium"><span>Принять участие</span></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="card-event">
                                        <div class="card-event__img">
                                            <img src="img/home/img-card-event-01_2x.jpg" alt="Название мероприятия">
                                            <div class="card-event__overlay"></div>
                                        </div>
                                        <div class="card transparent centered">
                                            <div class="card__header">
                                                <a href="#"><h5>Название мероприятия</h5></a>
                                            </div>
                                            <div class="card__body">
                                                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице</p>
                                            </div>
                                            <div class="card__footer">
                                                <a href="#" class="button zero white medium"><span>Принять участие</span></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="section__slider-footer">
                        <div class="slider-controls">
                            <div class="slider-arrows">
                                <div class="slider-btn prev-events">
                                    <button class="button-slider prev">
                                        <svg width="26" height="28" viewBox="0 0 26 28" fill="none">
                                            <path d="M1.52146 15.4462L10.2742 27.5L11.7367 25.4859L4.43026 15.4242H25.5V12.5758H4.43026L11.7367 2.51406L10.2742 0.5C10.2742 0.5 1.79956 12.1699 1.52146 12.5538C1.24335 12.9376 0.5 14 0.5 14C0.5 14 1.24335 15.0624 1.52146 15.4462Z" />
                                        </svg>
                                    </button>
                                </div>
                                <div class="slider-btn next-events">
                                    <button class="button-slider next">
                                        <svg width="26" height="28" viewBox="0 0 26 28" fill="none">
                                            <path d="M24.4785 15.4462L15.7258 27.5L14.2633 25.4859L21.5697 15.4242H0.5V12.5758H21.5697L14.2633 2.51406L15.7258 0.5C15.7258 0.5 24.2004 12.1699 24.4785 12.5538C24.7566 12.9376 25.5 14 25.5 14C25.5 14 24.7566 15.0624 24.4785 15.4462Z" />
                                        </svg>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Слайдер с преподавателями -->
                <div class="section__slider">
                    <div class="section__slider-body">
                        <!-- скрипт вызывается из файла js/feedbacks.bundle.js -->
                        <div class="slider swiper js-slider" data-slider-name="mentors">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="card beige-sky centered">
                                        <div class="card__avatar">
                                            <img loading="lazy" src="img/home/experts/img-card-expert-01_2x.jpg" alt="Нил Доналд Уолш">
                                        </div>
                                        <div class="card__header">
                                            <h6>Нил Доналд Уолш</h6>
                                        </div>
                                        <div class="card__body">
                                            <p>Автор мирового бестселлера «Беседыс Богом»</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="card beige-sky centered">
                                        <div class="card__avatar">
                                            <img loading="lazy" src="img/home/experts/img-card-expert-02_2x.jpg" alt="Кэтрин Грин">
                                        </div>
                                        <div class="card__header">
                                            <h6>Кэтрин Грин</h6>
                                        </div>
                                        <div class="card__body">
                                            <p>лайф-коуч мирового уровня</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="card beige-sky centered">
                                        <div class="card__avatar">
                                            <img loading="lazy" src="img/home/experts/img-card-expert-03_2x.jpg" alt="Марианна Фаверо Бонессо">
                                        </div>
                                        <div class="card__header">
                                            <h6>Марианна Фаверо Бонессо</h6>
                                        </div>
                                        <div class="card__body">
                                            <p>учёный эпидемиолог</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="card beige-sky centered">
                                        <div class="card__avatar">
                                            <img loading="lazy" src="img/home/experts/img-card-expert-04_2x.jpg" alt="Лори Готтлиб">
                                        </div>
                                        <div class="card__header">
                                            <h6>Лори Готтлиб</h6>
                                        </div>
                                        <div class="card__body">
                                            <p>Американский психотерапевт, писатель и автор колонки в журнале «Dear Therapist»</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="card beige-sky centered">
                                        <div class="card__avatar">
                                            <img loading="lazy" src="img/home/experts/img-card-expert-05_2x.jpg" alt="Байрон Кейти">
                                        </div>
                                        <div class="card__header">
                                            <h6>Байрон Кейти</h6>
                                        </div>
                                        <div class="card__body">
                                            <p>известный коуч и автор бестселлеров</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="section__slider-footer">
                        <div class="slider-controls">
                            <div class="slider-arrows">
                                <div class="slider-btn prev-mentors">
                                    <button class="button-slider prev">
                                        <svg width="26" height="28" viewBox="0 0 26 28" fill="none">
                                            <path d="M1.52146 15.4462L10.2742 27.5L11.7367 25.4859L4.43026 15.4242H25.5V12.5758H4.43026L11.7367 2.51406L10.2742 0.5C10.2742 0.5 1.79956 12.1699 1.52146 12.5538C1.24335 12.9376 0.5 14 0.5 14C0.5 14 1.24335 15.0624 1.52146 15.4462Z" />
                                        </svg>
                                    </button>
                                </div>
                                <div class="slider-btn next-mentors">
                                    <button class="button-slider next">
                                        <svg width="26" height="28" viewBox="0 0 26 28" fill="none">
                                            <path d="M24.4785 15.4462L15.7258 27.5L14.2633 25.4859L21.5697 15.4242H0.5V12.5758H21.5697L14.2633 2.51406L15.7258 0.5C15.7258 0.5 24.2004 12.1699 24.4785 12.5538C24.7566 12.9376 25.5 14 25.5 14C25.5 14 24.7566 15.0624 24.4785 15.4462Z" />
                                        </svg>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Слайдер с отзывами-картинками -->
                <div id="feedbacks" class="section__slider">
                    <div class="section__slider">
                        <div class="section__slider-body">
                            <!-- скрипт вызывается из файла js/feedbacks.bundle.js -->
                            <div class="slider swiper js-slider" data-slider-name="feedbacks-screen" data-slider-center="true" data-slider-loop="true" data-slider-init="2">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <div class="card-feedback">
                                            <div class="card-feedback__preview">
                                                <img loading="lazy" src="img/feedbacks/img-feedback-01_2x.jpg" alt="natalinacoach">
                                            </div>
                                            <div class="card-feedback__header">
                                                <h6 class="card-feedback__title">natalinacoach</h6>
                                            </div>
                                            <div class="card-feedback__footer">
                                                <button class="button icon medium zero-beige js-button-feedback" data-type="image" data-content="img/feedbacks/img-feedback-01_2x.jpg" data-title="natalinacoach" data-forweb-path="modal-image">
                                                    <span>Смотреть скриншот</span>
                                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M2 5.5C2 3.84315 3.34315 2.5 5 2.5H9C9.55228 2.5 10 2.94772 10 3.5C10 4.05228 9.55228 4.5 9 4.5H5C4.44772 4.5 4 4.94772 4 5.5V9.5C4 10.0523 3.55228 10.5 3 10.5C2.44772 10.5 2 10.0523 2 9.5V5.5ZM14 3.5C14 2.94772 14.4477 2.5 15 2.5H19C20.6569 2.5 22 3.84315 22 5.5V9.5C22 10.0523 21.5523 10.5 21 10.5C20.4477 10.5 20 10.0523 20 9.5V5.5C20 4.94772 19.5523 4.5 19 4.5H15C14.4477 4.5 14 4.05228 14 3.5ZM7.625 10.25C7.625 9.0764 8.5764 8.125 9.75 8.125H14.25C15.4236 8.125 16.375 9.0764 16.375 10.25V14.75C16.375 15.9236 15.4236 16.875 14.25 16.875H9.75C8.5764 16.875 7.625 15.9236 7.625 14.75V10.25ZM9.75 10.125C9.68096 10.125 9.625 10.181 9.625 10.25V14.75C9.625 14.819 9.68096 14.875 9.75 14.875H14.25C14.319 14.875 14.375 14.819 14.375 14.75V10.25C14.375 10.181 14.319 10.125 14.25 10.125H9.75ZM3 14.5C3.55228 14.5 4 14.9477 4 15.5V19.5C4 20.0523 4.44772 20.5 5 20.5H9C9.55228 20.5 10 20.9477 10 21.5C10 22.0523 9.55228 22.5 9 22.5H5C3.34315 22.5 2 21.1569 2 19.5V15.5C2 14.9477 2.44772 14.5 3 14.5ZM21 14.5C21.5523 14.5 22 14.9477 22 15.5V19.5C22 21.1569 20.6569 22.5 19 22.5H15C14.4477 22.5 14 22.0523 14 21.5C14 20.9477 14.4477 20.5 15 20.5H19C19.5523 20.5 20 20.0523 20 19.5V15.5C20 14.9477 20.4477 14.5 21 14.5Z" />
                                                    </svg>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="card-feedback">
                                            <div class="card-feedback__preview">
                                                <img loading="lazy" src="img/feedbacks/img-feedback-02_2x.jpg" alt="shergina.victoria">
                                            </div>
                                            <div class="card-feedback__header">
                                                <h6 class="card-feedback__title">shergina.victoria</h6>
                                            </div>
                                            <div class="card-feedback__footer">
                                                <button class="button icon medium zero-beige js-button-feedback" data-type="image" data-content="img/feedbacks/img-feedback-02_2x.jpg" data-title="shergina.victoria" data-forweb-path="modal-image">
                                                    <span>Смотреть скриншот</span>
                                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M2 5.5C2 3.84315 3.34315 2.5 5 2.5H9C9.55228 2.5 10 2.94772 10 3.5C10 4.05228 9.55228 4.5 9 4.5H5C4.44772 4.5 4 4.94772 4 5.5V9.5C4 10.0523 3.55228 10.5 3 10.5C2.44772 10.5 2 10.0523 2 9.5V5.5ZM14 3.5C14 2.94772 14.4477 2.5 15 2.5H19C20.6569 2.5 22 3.84315 22 5.5V9.5C22 10.0523 21.5523 10.5 21 10.5C20.4477 10.5 20 10.0523 20 9.5V5.5C20 4.94772 19.5523 4.5 19 4.5H15C14.4477 4.5 14 4.05228 14 3.5ZM7.625 10.25C7.625 9.0764 8.5764 8.125 9.75 8.125H14.25C15.4236 8.125 16.375 9.0764 16.375 10.25V14.75C16.375 15.9236 15.4236 16.875 14.25 16.875H9.75C8.5764 16.875 7.625 15.9236 7.625 14.75V10.25ZM9.75 10.125C9.68096 10.125 9.625 10.181 9.625 10.25V14.75C9.625 14.819 9.68096 14.875 9.75 14.875H14.25C14.319 14.875 14.375 14.819 14.375 14.75V10.25C14.375 10.181 14.319 10.125 14.25 10.125H9.75ZM3 14.5C3.55228 14.5 4 14.9477 4 15.5V19.5C4 20.0523 4.44772 20.5 5 20.5H9C9.55228 20.5 10 20.9477 10 21.5C10 22.0523 9.55228 22.5 9 22.5H5C3.34315 22.5 2 21.1569 2 19.5V15.5C2 14.9477 2.44772 14.5 3 14.5ZM21 14.5C21.5523 14.5 22 14.9477 22 15.5V19.5C22 21.1569 20.6569 22.5 19 22.5H15C14.4477 22.5 14 22.0523 14 21.5C14 20.9477 14.4477 20.5 15 20.5H19C19.5523 20.5 20 20.0523 20 19.5V15.5C20 14.9477 20.4477 14.5 21 14.5Z" />
                                                    </svg>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="card-feedback">
                                            <div class="card-feedback__preview">
                                                <img loading="lazy" src="img/feedbacks/img-feedback-01_2x.jpg" alt="natalinacoach">
                                            </div>
                                            <div class="card-feedback__header">
                                                <h6 class="card-feedback__title">natalinacoach</h6>
                                            </div>
                                            <div class="card-feedback__footer">
                                                <button class="button icon medium zero-beige js-button-feedback" data-type="image" data-content="img/feedbacks/img-feedback-01_2x.jpg" data-title="natalinacoach" data-forweb-path="modal-image">
                                                    <span>Смотреть скриншот</span>
                                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M2 5.5C2 3.84315 3.34315 2.5 5 2.5H9C9.55228 2.5 10 2.94772 10 3.5C10 4.05228 9.55228 4.5 9 4.5H5C4.44772 4.5 4 4.94772 4 5.5V9.5C4 10.0523 3.55228 10.5 3 10.5C2.44772 10.5 2 10.0523 2 9.5V5.5ZM14 3.5C14 2.94772 14.4477 2.5 15 2.5H19C20.6569 2.5 22 3.84315 22 5.5V9.5C22 10.0523 21.5523 10.5 21 10.5C20.4477 10.5 20 10.0523 20 9.5V5.5C20 4.94772 19.5523 4.5 19 4.5H15C14.4477 4.5 14 4.05228 14 3.5ZM7.625 10.25C7.625 9.0764 8.5764 8.125 9.75 8.125H14.25C15.4236 8.125 16.375 9.0764 16.375 10.25V14.75C16.375 15.9236 15.4236 16.875 14.25 16.875H9.75C8.5764 16.875 7.625 15.9236 7.625 14.75V10.25ZM9.75 10.125C9.68096 10.125 9.625 10.181 9.625 10.25V14.75C9.625 14.819 9.68096 14.875 9.75 14.875H14.25C14.319 14.875 14.375 14.819 14.375 14.75V10.25C14.375 10.181 14.319 10.125 14.25 10.125H9.75ZM3 14.5C3.55228 14.5 4 14.9477 4 15.5V19.5C4 20.0523 4.44772 20.5 5 20.5H9C9.55228 20.5 10 20.9477 10 21.5C10 22.0523 9.55228 22.5 9 22.5H5C3.34315 22.5 2 21.1569 2 19.5V15.5C2 14.9477 2.44772 14.5 3 14.5ZM21 14.5C21.5523 14.5 22 14.9477 22 15.5V19.5C22 21.1569 20.6569 22.5 19 22.5H15C14.4477 22.5 14 22.0523 14 21.5C14 20.9477 14.4477 20.5 15 20.5H19C19.5523 20.5 20 20.0523 20 19.5V15.5C20 14.9477 20.4477 14.5 21 14.5Z" />
                                                    </svg>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="section__slider-footer">
                            <div class="slider-controls">
                                <div class="slider-arrows">
                                    <div class="slider-btn prev-feedbacks-screen">
                                        <button class="button-slider prev">
                                            <svg width="26" height="28" viewBox="0 0 26 28" fill="none">
                                                <path d="M1.52146 15.4462L10.2742 27.5L11.7367 25.4859L4.43026 15.4242H25.5V12.5758H4.43026L11.7367 2.51406L10.2742 0.5C10.2742 0.5 1.79956 12.1699 1.52146 12.5538C1.24335 12.9376 0.5 14 0.5 14C0.5 14 1.24335 15.0624 1.52146 15.4462Z" />
                                            </svg>
                                        </button>
                                    </div>
                                    <div class="slider-btn next-feedbacks-screen">
                                        <button class="button-slider next">
                                            <svg width="26" height="28" viewBox="0 0 26 28" fill="none">
                                                <path d="M24.4785 15.4462L15.7258 27.5L14.2633 25.4859L21.5697 15.4242H0.5V12.5758H21.5697L14.2633 2.51406L15.7258 0.5C15.7258 0.5 24.2004 12.1699 24.4785 12.5538C24.7566 12.9376 25.5 14 25.5 14C25.5 14 24.7566 15.0624 24.4785 15.4462Z" />
                                            </svg>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Слайдер с историями успеха -->
                <div class="section__slider">
                    <div class="section__slider-body">
                        <!-- скрипт вызывается из файла js/feedbacks.bundle.js -->
                        <div class="slider swiper js-slider" data-slider-name="histories" data-slider-center="true" data-slider-loop="true" data-slider-init="2">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="card-history bordered">
                                        <div class="card-history__photo">
                                            <img loading="lazy" src="img/home/img-card-history-01_2x.jpg" alt="Ирина Сальдо">
                                        </div>
                                        <div class="card-history__content">
                                            <div class="card-history__header">
                                                <div class="badge-card">История</div>
                                                <h5>Ирина Сальдо</h5>
                                            </div>
                                            <div class="card-history__body">
                                                <p><em>«Кратно увеличила продажи, потому что “Экспонента” научила видеть потребности людей любого уровня»</em></p>
                                                <a href="#" class="link">Читать полностью</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="card-history bordered">
                                        <div class="card-history__photo">
                                            <img loading="lazy" src="img/home/img-card-history-02_2x.jpg" alt="Мария Рыбина">
                                        </div>
                                        <div class="card-history__content">
                                            <div class="card-history__header">
                                                <div class="badge-card">История</div>
                                                <h5>Мария Рыбина</h5>
                                            </div>
                                            <div class="card-history__body">
                                                <p><em>На одной из сессий по Голове СЕО клиент мне сказал: «Ого, ты мне только что сэкономила 10 миллионов рублей»</em></p>
                                                <a href="#" class="link">Читать полностью</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="card-history bordered">
                                        <div class="card-history__photo">
                                            <img loading="lazy" src="img/home/img-card-history-03_2x.jpg" alt="Ирина Головина">
                                        </div>
                                        <div class="card-history__content">
                                            <div class="card-history__header">
                                                <div class="badge-card">История</div>
                                                <h5>Ирина Головина</h5>
                                            </div>
                                            <div class="card-history__body">
                                                <p><em>«Поставила на „Экспоненту“ все: я знала, что программа меня изменит»</em></p>
                                                <a href="#" class="link">Читать полностью</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="section__slider-footer">
                        <div class="slider-controls">
                            <div class="slider-arrows">
                                <div class="slider-btn prev-histories">
                                    <button class="button-slider prev">
                                        <svg width="26" height="28" viewBox="0 0 26 28" fill="none">
                                            <path d="M1.52146 15.4462L10.2742 27.5L11.7367 25.4859L4.43026 15.4242H25.5V12.5758H4.43026L11.7367 2.51406L10.2742 0.5C10.2742 0.5 1.79956 12.1699 1.52146 12.5538C1.24335 12.9376 0.5 14 0.5 14C0.5 14 1.24335 15.0624 1.52146 15.4462Z" />
                                        </svg>
                                    </button>
                                </div>
                                <div class="slider-btn next-histories">
                                    <button class="button-slider next">
                                        <svg width="26" height="28" viewBox="0 0 26 28" fill="none">
                                            <path d="M24.4785 15.4462L15.7258 27.5L14.2633 25.4859L21.5697 15.4242H0.5V12.5758H21.5697L14.2633 2.51406L15.7258 0.5C15.7258 0.5 24.2004 12.1699 24.4785 12.5538C24.7566 12.9376 25.5 14 25.5 14C25.5 14 24.7566 15.0624 24.4785 15.4462Z" />
                                        </svg>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
             </div>
         </section>

        <section class="section">
            <div class="container">
                <div class="section__header">
                    <h2 class="title">Контентные секции</h2>
                </div>
                <div class="section__body">
                    <div class="article">
                        <div class="article__body article-flex">
                            <div class="article__content accent-paragraph">
                                <div class="article__content-item">
                                    <h2 class="title">Metaсognitive Programming</h2>
                                    <small class="small-accent">Our Approach</small>
                                </div>
                                <div class="article__content-item">
                                    <p>Metaсognitive Programming (MCP) is a coaching methodology created by Misha Saidov (more about him here) that has been demonstrated to be effective for a range of problems andlife dilemmas.</p>
                                </div>
                            </div>
                        </div>
                        <div class="article__body">
                            <div class="article__content accent-paragraph">
                                <picture>
                                    <source media="(max-width: 680)" srcset="./img/why/img-content-phone-01.webp 1x, ./img/why/img-content-phone-01@2x.webp 2x" type="image/webp">
                                    <source media="(max-width: 680)" srcset="./img/why/img-content-phone-01.jpg 1x, ./img/why/img-content-phone-01@2x.jpg 2x" type="image/jpg">
                                    <source media="(min-width: 681px)" srcset="./img/why/img-content-01.webp 1x, ./img/why/img-content-01@2x.webp 2x" type="image/webp">
                                    <source media="(min-width: 681px)" srcset="./img/why/img-content-01.jpg 1x, ./img/why/img-content-01@2x.jpg 2x" type="image/jpg">
                                    <img loading="lazy" src="./img/why/img-content-01.jpg" alt="Metaсognitive Programming">
                                </picture>
                                <p>Metaсognitive Programming (MCP) is a coaching methodology created by Misha Saidov (more about him here) that has been demonstrated to be effective for a range of problems andlife dilemmas.</p>
                                <p>MCP is a tool that helps you identify your originalprogramming and rewire yourself.</p>
                                <p>It combines powerful tools from psychology, biology,neuroscience, psychotherapy, and philosophy, focusing on helping people accept what theycannot change and changing what they should not accept.</p>
                                <p>MCP combines evidence-basedtools of psychological intervention that lead to improvement in functioning and quality of lifeand are supported by numerous research studies.</p>
                            </div>
                        </div>
                        <div class="article__body">
                            <h3 class="center">How does it work?</h3>
                            <div class="grid-group">
                                <div class="grid-child" data-grid="4">
                                    <div class="card dark auto">
                                        <div class="card__num">01</div>
                                        <div class="card__body">
                                            <p>MCP works by first reflecting on our thought patterns, which help us identify internal tensionwhere we hold two seemingly opposing thoughts at the same time (cognitive dissonance). Forinstance, consider a seasoned project manager learning about a new higher vacancy in theircompany. </p>
                                        </div>
                                        <!-- не выводим футер, если кнопка не назначена -->
                                        <div class="card__footer">
                                            <a href="#" class="button zero white medium"><span>Кнопка опционально</span></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="grid-child" data-grid="4">
                                    <div class="card dark auto">
                                        <div class="card__num">02</div>
                                        <div class="card__body">
                                            <p>The dissonance arises between the desire for growth ("I want to advance") andself-doubt ("I can't make it"). This unresolved tension may lead to inaction and ultimately, theloss of an opportunity for growth. </p>
                                        </div>
                                        <!-- не выводим футер, если кнопка не назначена -->
                                        <div class="card__footer">
                                            <a href="#" class="button zero white medium"><span>Кнопка опционально</span></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="grid-child" data-grid="4">
                                    <div class="card dark auto">
                                        <div class="card__num">03</div>
                                        <div class="card__body">
                                            <p>The goal is to address such conflicts systematically,guiding individuals towards long-term well-being, including inner mental peace, emotionalcalm, and persistent ambition, otherwise collectively known as an "Unstoppable Tranquil Mind.” With a UTM, you can keep calm and know what to do even under the mostchallenging circumstances, and MCP is an optimization tool for achieving this.</p>
                                        </div>
                                        <!-- не выводим футер, если кнопка не назначена -->
                                        <div class="card__footer">
                                            <a href="#" class="button zero white medium"><span>Кнопка опционально</span></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="section__body">
                    <div class="article bg-dark">
                        <div class="article__body">
                            <div class="article__content">
                                <h2 class="title white">We get Results</h2>
                                <picture>
                                    <source media="(max-width: 680)" srcset="./img/why/img-content-phone-02.webp 1x, ./img/why/img-content-phone-02@2x.webp 2x" type="image/webp">
                                    <source media="(max-width: 680)" srcset="./img/why/img-content-phone-02.jpg 1x, ./img/why/img-content-phone-02@2x.jpg 2x" type="image/jpg">
                                    <source media="(min-width: 681px)" srcset="./img/why/img-content-02.webp 1x, ./img/why/img-content-02@2x.webp 2x" type="image/webp">
                                    <source media="(min-width: 681px)" srcset="./img/why/img-content-02.jpg 1x, ./img/why/img-content-02@2x.jpg 2x" type="image/jpg">
                                    <img loading="lazy" src="./img/why/img-content-02.jpg" alt="Metaсognitive Programming">
                                </picture>
                            </div>
                        </div>
                        <div class="article__body article-flex">
                            <div class="article__content accent-paragraph">
                                <div class="article__content-item">
                                    <h4 class="article__content-tagline position-sticky">We don’t just make empty promises; we are committed to delivering real, measurable resultsthat redefine what is achievable.</h4>
                                </div>
                                <div class="article__content-item">
                                    <p>As we have already pointed out, we don’t believe only in theory; we believe in results.</p>
                                    <p>Weemploy KPIs, a system of tests, and forms to regularly measure our clients' progressthroughout the transformative journey.</p>
                                    <p>We don't just believe in theory; our commitment liesin delivering real, measurable results through the MCP modality.</p>
                                    <p>Through our MCPmodality, our clients experience remarkable breakthroughs, shattering limiting beliefs andunlocking their true potential.</p>
                                    <p>They achieve significant career advancements, harnessemotional intelligence, cultivate fulfilling relationships, and undergo positive behavioralshifts.</p>
                                    <p>They achieve significant career advancements, harnessemotional intelligence, cultivate fulfilling relationships, and undergo positive behavioralshifts.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="section stream bg-dark">
            <div class="container">
                <div class="section__body centered">
                    <h3 class="white">These principles collectively form the cornerstone of our programs, differentiating ours fromother coaching programs and meeting your deepest needs.</h3>
                </div>
            </div>
        </section>
    </div>

    @@include('blocks/footer.html')
    @@include('blocks/mobile-nav.html')
    @@include('blocks/modals.html')
    <script src="./js/video.bundle.js"></script>
    <script src="./js/slider.bundle.js"></script>
    <script src="./js/feedbacks.bundle.js"></script>
</body>

</html>