{% include "header" %}
<div class="np-homepage-hero">
  <img class="homepage-hero-image"
    src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Walmart+Mexico/homepage-image-hero.jpg.png"
    alt="{{ homepage.headline }}"
  />
</div>
<main class="np-main np-learning-paths np-subpage-container np-max-width">
    {% include 'custom_sub_nav' %}
    {% include 'sesiones_en_vivo' %}
  <div class="custom-events-wrapper">
    <div class="welcome-content-wrapper">
        <div class="introduction yellow-text">
            Próxima sesiones
        </div>
    </div>
    {% include "training_events_index" %}
  </div>
</main>
{% include "footer" %}

<style>
.yellow-text {
  color: #ffc121 !important;
}
.custom-events-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 30px;
}
</style>