<section class="conditions-for-treatment-section">
    <div class="head-in-section">
        <h2 class="head-in-section__title">Современные условия для лечения и отдыха</h2>
        <p class="head-in-section__desc">Инфраструктура и сервисы центра, которые создают комфорт и безопасность для каждого пациента</p>
    </div>

    <div class="conditions-for-treatment-section__slider">
        <div class="swiper-slider" data-conditions-for-treatment-slider>
            <div class="swiper-wrapper">
                {% for item in ["Номера", "Коуч-сессии и лекции", "Верховая езда и прогулки", "Кабинеты для групповой терапии", "Питание от шеф-повара", "Русская баня и СПА", "Кабинеты для арт-терапии", "Занятия йогой и медитация", "Зимний сад и зона отдыха", "Телесная терапия", "Кинозал", "Просторная территория"] %}
                    <div class="swiper-slide conditions-for-treatment-section__slide">
                        <div class="conditions-for-treatment-section__slide__icon">
                            <svg><use xlink:href="/sprite.svg#condition-{{ loop.index }}"></use></svg>
                        </div>
                        <div class="conditions-for-treatment-section__slide__separator"></div>
                        <span class="conditions-for-treatment-section__slide__title">{{ item }}</span>
                    </div>
                {% endfor %}
            </div>
            <button class="slider-nav-btn slider-nav-btn--prev">
                <svg><use xlink:href="/sprite.svg#arrow-left"></use></svg>
            </button>
            <button class="slider-nav-btn slider-nav-btn--next">
                <svg><use xlink:href="/sprite.svg#arrow-right"></use></svg>
            </button>
        </div>
    </div>
</section>