<div class="container mt-big wow fadeInUp">
<div class="row">
<div class="offset-md-5 col-md-7">
<h2>Услуги</h2>
</div>
</div>
{% for k, content in project.serviceGroups %}
<div class="mt25">
<a class="collapse-btn collapsed" data-bs-toggle="collapse" href="#collapseZ{{ k }}" role="button" aria-expanded="false" aria-controls="collapseZ{{ k }}">
<div class="row">
<div class="col-md-5">{{ k+1 < 10 ? '0' }}{{ k+1 }}</div>
<div class="col-md-7">{{ content.title | raw }}</div>
</div>
</a>
</div>
<div class="collapse active collapsed" id="collapseZ{{ k }}">
<div class="row">
<div class="offset-md-5 col-md-6">
{{ content.content | raw }}
{% if content.serviceCompanies %}
{% for company in content.serviceCompanies %}
<div class="row d-flex mt-3" style=" display: flex!important;
flex-wrap: nowrap;
justify-content: flex-start;
flex-direction: row;
align-items: center;">
<div style="width: 90px">
<img src="{{ vich_uploader_asset(company, 'imageFile') }}" style="border-radius: 50%; max-width: 100%">
</div>
<div class="" style=" padding-left: 0;">
<strong style="font-size: 18px;
line-height: 130%;
letter-spacing: 0.01em;
color: #383832;">{{ company.title }}</strong>
<p class="" style="font-size: 12px; line-height: 140%; color: #7C8993; margin: 0;">
{{ company.content | raw }}
</p>
<p class="" style="font-size: 12px; line-height: 140%; color: #7C8993; margin: 0;">
<a href="{{ company.contact }}" target="_blank">{{ company.contact }}</a>
</p>
</div>
</div>
{% endfor %}
{% endif %}
</div>
</div>
</div>
{% endfor %}
</div>