{% extends 'about/about_layout.html.twig' %}

{% block page_title %}{{ 'menu.about'|trans }} | Qualité{% endblock %}

{% block about_content %}
    <div class="hse-quality-section" style="padding: 100px 0; background: #fdfdfd;">
        <div class="container">
            <div class="section_header text-center mb-5">
                <h2 class="section_title" style="font-size: 40px; font-weight: 800;">Qualité & Excellence technique</h2>
                <img src="{{ asset('images/stram_signe1.PNG') }}" alt="" style="max-width: 100px; margin-top: 10px;">
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-8" data-aos="fade-up">
                    <div style="background: #fff; padding: 45px; border-radius: 25px; box-shadow: 0 15px 40px rgba(0,0,0,0.05); border: 1px solid #f0f0f0; transition: transform 0.3s ease;">
                        <div style="width: 70px; height: 70px; background: rgba(245, 158, 0, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 25px;">
                            <i class="fa fa-check-circle" style="color: #F59E00; font-size: 30px;"></i>
                        </div>
                        <h3 style="color: #0E1641; font-weight: 800; margin-bottom: 20px;">Qualité & Exigence technique</h3>
                        <p style="text-align: justify; color: #555; line-height: 1.8; font-size: 16px;">
                            Nous sommes certifiés sur de multiples standards internationaux, garantissant une exécution parfaite et des matériaux de pointe. La qualité STRAM, c'est l'assurance d'une infrastructure durable, réalisée selon les meilleures pratiques du génie civil et de l'énergie.
                        </p>
                        <p style="text-align: justify; color: #555; line-height: 1.8; font-size: 16px; margin-top: 20px;">
                            (Contenu détaillé en attente de mise à jour...)
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}