<section id="mediator-path-section">
<style>
#mediator-path-section {
padding-block: var(--et-spacing-vertical, 64px);
padding-inline: var(--et-spacing-horizontal, 24px);
background-color: var(--et-colors-background);
}
@media (min-width: 1024px) {
#mediator-path-section {
padding-block: var(--et-spacing-vertical-lg, 96px);
padding-inline: var(--et-spacing-horizontal-lg, 48px);
}
}
#mediator-path-section .container {
margin-inline: auto;
max-width: 42rem;
}
@media (min-width: 1024px) {
#mediator-path-section .container {
max-width: 80rem;
}
}
#mediator-path-section .intro-wrapper {
max-width: 42rem;
margin-bottom: 48px;
}
@media (min-width: 1024px) {
#mediator-path-section .intro-wrapper {
margin-bottom: 64px;
}
}
#mediator-path-section .tag {
color: var(--et-colors-brand);
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.04em;
text-transform: uppercase;
font-size: 16px;
margin-bottom: 8px;
text-wrap: balance;
}
#mediator-path-section .heading {
color: var(--et-colors-text);
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.02em;
font-size: 36px;
margin-bottom: 16px;
text-wrap: balance;
}
@media (min-width: 640px) {
#mediator-path-section .heading {
font-size: 48px;
}
}
#mediator-path-section .paragraph {
color: var(--et-colors-text);
font-size: 18px;
line-height: 1.6;
opacity: 0.7;
margin-bottom: 20px;
text-wrap: balance;
}
/* Minimalists Timeline Thread */
#mediator-path-section .timeline {
display: flex;
flex-direction: column;
gap: 32px;
position: relative;
}
@media (min-width: 768px) {
#mediator-path-section .timeline {
gap: 48px;
}
}
#mediator-path-section .timeline::before {
content: '';
position: absolute;
top: 12px;
bottom: 24px;
left: 11px;
width: 2px;
background-color: color-mix(in srgb, var(--et-colors-border, #e5e7eb) 60%, transparent);
z-index: 0;
}
@media (min-width: 768px) {
#mediator-path-section .timeline::before {
top: 52px;
}
}
#mediator-path-section .timeline-item {
display: flex;
flex-direction: column;
gap: 16px;
position: relative;
z-index: 1;
}
@media (min-width: 768px) {
#mediator-path-section .timeline-item {
flex-direction: row;
gap: 32px;
}
}
#mediator-path-section .node-wrap {
display: flex;
align-items: center;
gap: 12px;
}
@media (min-width: 768px) {
#mediator-path-section .node-wrap {
flex-direction: column;
align-items: center;
gap: 12px;
margin-top: 40px;
width: 24px;
flex-shrink: 0;
}
}
#mediator-path-section .node {
width: 24px;
height: 24px;
border-radius: 50%;
background-color: var(--et-colors-background);
border: 2px solid var(--et-colors-brand);
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 0 6px var(--et-colors-background);
z-index: 1;
}
#mediator-path-section .node-inner {
width: 6px;
height: 6px;
background-color: var(--et-colors-brand);
border-radius: 50%;
}
#mediator-path-section .node-label {
font-size: 13px;
font-weight: 700;
color: var(--et-colors-text);
opacity: 0.4;
letter-spacing: 0.05em;
}
/* Speech Bubbles / Interactive Cards */
#mediator-path-section .bubble-card {
background-color: var(--et-colors-card-background, #ffffff);
border: 1px solid color-mix(in srgb, var(--et-colors-border, #e5e7eb) 70%, transparent);
border-radius: 24px 24px 24px 6px;
padding: 24px;
flex: 1;
min-width: 0;
box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.03), 0 2px 8px -2px rgba(0, 0, 0, 0.02);
cursor: pointer;
position: relative;
transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
}
@media (min-width: 768px) {
#mediator-path-section .bubble-card {
padding: 40px;
}
}
#mediator-path-section .bubble-card:hover {
transform: translateY(-4px) scale(1.015);
box-shadow: 0 16px 36px -6px rgba(0, 0, 0, 0.08), 0 6px 16px -3px rgba(0, 0, 0, 0.03);
border-color: color-mix(in srgb, var(--et-colors-brand) 35%, var(--et-colors-border, #e5e7eb));
}
#mediator-path-section .bubble-card:active {
transform: translateY(-1px) scale(1.005);
}
#mediator-path-section .bubble-card .link-secondary::after {
content: '';
position: absolute;
inset: 0;
border-radius: inherit;
z-index: 1;
}
#mediator-path-section .bubble-card:hover .link-secondary {
color: var(--et-colors-brand);
}
#mediator-path-section .bubble-card:hover .link-secondary span {
transform: translateX(4px);
}
#mediator-path-section .card-badge {
display: inline-block;
font-size: 12px;
font-weight: 700;
color: var(--et-colors-brand);
letter-spacing: 0.05em;
text-transform: uppercase;
margin-bottom: 12px;
}
#mediator-path-section .card-title {
font-size: 24px;
font-weight: 600;
color: var(--et-colors-text);
line-height: 1.3;
margin-bottom: 16px;
letter-spacing: -0.01em;
}
@media (min-width: 768px) {
#mediator-path-section .card-title {
font-size: 28px;
}
}
#mediator-path-section .card-desc {
font-size: 16px;
line-height: 1.6;
color: var(--et-colors-text);
opacity: 0.75;
margin-bottom: 24px;
}
/* Sub-bubbles */
#mediator-path-section .sub-bubbles {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
margin-bottom: 24px;
}
@media (min-width: 640px) {
#mediator-path-section .sub-bubbles {
grid-template-columns: 1fr 1fr;
gap: 20px;
}
}
#mediator-path-section .sub-bubble {
background-color: transparent;
border: 1px solid color-mix(in srgb, var(--et-colors-border, #e5e7eb) 35%, transparent);
border-radius: 16px 16px 16px 4px;
padding: 20px;
}
#mediator-path-section .sub-title {
font-size: 12px;
font-weight: 700;
color: var(--et-colors-text);
opacity: 0.5;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 16px;
}
#mediator-path-section ul {
padding-left: 1.25rem;
list-style: disc;
margin: 0 0 16px;
}
#mediator-path-section li {
margin: 4px 0;
color: var(--et-colors-text);
}
#mediator-path-section .feature-list {
list-style: none;
padding-left: 0;
margin: 0;
}
#mediator-path-section .feature-list li {
display: flex;
align-items: flex-start;
gap: 12px;
font-size: 15px;
line-height: 1.5;
color: var(--et-colors-text);
opacity: 0.85;
margin-bottom: 12px;
}
#mediator-path-section .feature-list li:last-child {
margin-bottom: 0;
}
#mediator-path-section .feature-icon {
flex-shrink: 0;
width: 20px;
height: 20px;
color: var(--et-colors-brand);
margin-top: 1px;
}
/* Elegant Secondary Link */
#mediator-path-section .link-secondary {
color: var(--et-colors-text);
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 15px;
font-weight: 600;
line-height: 1.25;
border-bottom: 1px solid transparent;
transition: all 0.2s ease;
margin-bottom: 12px;
}
#mediator-path-section .link-secondary:hover {
border-bottom: 1px solid currentColor;
}
#mediator-path-section .link-secondary:active {
border-bottom: 1px solid color-mix(in srgb, var(--et-colors-text) 80%, transparent);
}
#mediator-path-section .link-secondary:focus-visible {
outline: 2px dotted currentColor;
outline-offset: 4px;
}
#mediator-path-section .link-secondary span {
transition: transform 0.25s ease;
display: inline-block;
}
#mediator-path-section .last {
margin-bottom: 0 !important;
}
</style>
<div class="container">
<div class="intro-wrapper">
<h3 class="tag">ŚCIEŻKA ROZWOJU ZE STOWARZYSZENIEM</h3>
<h2 class="heading">Twoja droga w mediacji: krok po kroku</h2>
<p class="paragraph last">Możesz zacząć od dowolnego etapu. Wielu uczestników przechodzi całą ścieżkę i zostaje z nami na lata.</p>
</div>
<div class="timeline">
<!-- Krok 1 -->
<div class="timeline-item">
<div class="node-wrap">
<div class="node" aria-hidden="true"><div class="node-inner"></div></div>
<div class="node-label" aria-hidden="true">01</div>
</div>
<article class="bubble-card">
<span class="card-badge">01 · KROK 1</span>
<h3 class="card-title">Szkolenie bazowe: zostań mediatorem</h3>
<p class="card-desc">40 godzin na żywo online. Poznasz zasady mediacji, przeprowadzisz pierwsze symulacje i zrobisz pierwszy krok do pracy jako mediator.</p>
<div class="sub-bubbles">
<div class="sub-bubble">
<h4 class="sub-title">Czego się nauczysz</h4>
<ul class="feature-list">
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Zasad i etapów mediacji</span>
</li>
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Komunikacji i pracy z emocjami stron</span>
</li>
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Negocjacji i budowania porozumienia</span>
</li>
</ul>
</div>
<div class="sub-bubble">
<h4 class="sub-title">Z czym wychodzisz</h4>
<ul class="feature-list">
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Certyfikat ukończenia szkolenia</span>
</li>
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Doświadczenie z symulacji mediacji</span>
</li>
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Pierwszy krok do wpisu na listę mediatorów</span>
</li>
</ul>
</div>
</div>
<a href="#" class="link-secondary last">
Powiadom mnie o terminie <span aria-hidden="true">→</span>
</a>
</article>
</div>
<!-- Krok 2 -->
<div class="timeline-item">
<div class="node-wrap">
<div class="node" aria-hidden="true"><div class="node-inner"></div></div>
<div class="node-label" aria-hidden="true">02</div>
</div>
<article class="bubble-card">
<span class="card-badge">02 · KROK 2</span>
<h3 class="card-title">Szkolenia specjalistyczne: wybierz swój obszar</h3>
<p class="card-desc">Mediacje rodzinne, cywilne, gospodarcze, pracownicze, karne i oświatowe. Wiedza prawna i praktyka potrzebne do prowadzenia spraw w konkretnej dziedzinie.</p>
<div class="sub-bubbles">
<div class="sub-bubble">
<h4 class="sub-title">Czego się nauczysz</h4>
<ul class="feature-list">
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Diagnozy sporu i oceny, czy nadaje się do mediacji</span>
</li>
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Pracy z pełnomocnikami i dokumentami sprawy</span>
</li>
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Specyfiki konfliktów w wybranej dziedzinie</span>
</li>
</ul>
</div>
<div class="sub-bubble">
<h4 class="sub-title">Z czym wychodzisz</h4>
<ul class="feature-list">
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Specjalizacja w wybranym obszarze</span>
</li>
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Umiejętność przygotowania wykonalnej ugody</span>
</li>
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Certyfikat szkolenia specjalistycznego</span>
</li>
</ul>
</div>
</div>
<a href="#" class="link-secondary last">
Zobacz terminy <span aria-hidden="true">→</span>
</a>
</article>
</div>
<!-- Krok 3 -->
<div class="timeline-item">
<div class="node-wrap">
<div class="node" aria-hidden="true"><div class="node-inner"></div></div>
<div class="node-label" aria-hidden="true">03</div>
</div>
<article class="bubble-card">
<span class="card-badge">03 · KROK 3</span>
<h3 class="card-title">Szkolenia zaawansowane: wyróżnij się</h3>
<p class="card-desc">Krótkie, intensywne programy w niszowych obszarach, takich jak spory budowlane i medyczne. Prowadzą je eksperci z danej branży, w piątek wieczorem i w weekend.</p>
<div class="sub-bubbles">
<div class="sub-bubble">
<h4 class="sub-title">Czego się nauczysz</h4>
<ul class="feature-list">
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Języka i realiów danej branży</span>
</li>
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Typowych konfliktów i ich źródeł</span>
</li>
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Prowadzenia mediacji na case study</span>
</li>
</ul>
</div>
<div class="sub-bubble">
<h4 class="sub-title">Z czym wychodzisz</h4>
<ul class="feature-list">
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Specjalizacja, która Cię wyróżnia</span>
</li>
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Wzory dokumentów i checklisty</span>
</li>
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Certyfikat ukończenia</span>
</li>
</ul>
</div>
</div>
<a href="#" class="link-secondary last">
Zobacz najbliższe szkolenia <span aria-hidden="true">→</span>
</a>
</article>
</div>
<!-- Krok 4 -->
<div class="timeline-item">
<div class="node-wrap">
<div class="node" aria-hidden="true"><div class="node-inner"></div></div>
<div class="node-label" aria-hidden="true">04</div>
</div>
<article class="bubble-card">
<span class="card-badge">04 · KROK 4</span>
<h3 class="card-title">Staż i superwizja: zdobądź praktykę</h3>
<p class="card-desc">Uczestniczysz w prawdziwych mediacjach u doświadczonych mediatorów, partnerów Stowarzyszenia, i omawiasz swoje sprawy z superwizorem.</p>
<div class="sub-bubbles">
<div class="sub-bubble">
<h4 class="sub-title">Czego się nauczysz</h4>
<ul class="feature-list">
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Jak przebiega prawdziwa mediacja od początku do końca</span>
</li>
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Reagowania w trudnych sytuacjach</span>
</li>
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Wyciągania wniosków z każdej sprawy</span>
</li>
</ul>
</div>
<div class="sub-bubble">
<h4 class="sub-title">Z czym wychodzisz</h4>
<ul class="feature-list">
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Doświadczenie z prawdziwych mediacji</span>
</li>
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Informacja zwrotna od praktyków</span>
</li>
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Pewność przed pierwszą samodzielną sprawą</span>
</li>
</ul>
</div>
</div>
<a href="#" class="link-secondary last">
Zapytaj o staż <span aria-hidden="true">→</span>
</a>
</article>
</div>
<!-- Krok 5 -->
<div class="timeline-item">
<div class="node-wrap">
<div class="node" aria-hidden="true"><div class="node-inner"></div></div>
<div class="node-label" aria-hidden="true">05</div>
</div>
<article class="bubble-card">
<span class="card-badge">05 · KROK 5</span>
<h3 class="card-title">Członkostwo: zostań z nami</h3>
<p class="card-desc">Dołącz do Stowarzyszenia i rozwijaj praktykę razem z mediatorami, którzy wspierają się na co dzień.</p>
<div class="sub-bubbles">
<div class="sub-bubble">
<h4 class="sub-title">CO MOŻESZ ROBIĆ</h4>
<ul class="feature-list">
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Wymieniać się doświadczeniami z praktykami</span>
</li>
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Brać udział w projektach Stowarzyszenia</span>
</li>
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Rozwijać się na kolejnych szkoleniach</span>
</li>
</ul>
</div>
<div class="sub-bubble">
<h4 class="sub-title">CO ZYSKUJESZ</h4>
<ul class="feature-list">
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Wpis na listę mediatorów Stowarzyszenia</span>
</li>
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Wsparcie we wpisie na listę sądową</span>
</li>
<li>
<svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<span>Niższe ceny szkoleń, nawet o 500 zł</span>
</li>
</ul>
</div>
</div>
<a href="#" class="link-secondary last">
Jak dołączyć do Stowarzyszenia <span aria-hidden="true">→</span>
</a>
</article>
</div>
</div>
</div>
</section>