{{ if .Site.Params.details.enable }}
    {{"<!-- Details Section -->" | safeHTML}}
    <section id="{{ i18n "details" | urlize }}" class="section about details bg-gray pb-0">
        <div class="container">
            <div class="row">
                <div class="col-md-5 col-sm-12 wow fadeInLeft">
                    <div class="about-slider">
                        {{ range .Site.Params.details.sliderItem }}
                            <img src="{{ .image }}" alt="{{ i18n "sliderImage" }}">
                        {{ end }}
                    </div>
                </div>
                <div class="col-md-7 col-sm-12 mt-sm-3 wow fadeInLeft">
                    {{ range .Site.Params.details.section }}
                        <div class="col-md-12 col-sm-12 mb-3 wow fadeInLeft" data-wow-delay="0.3s">
                            <div class="content">
                                <div class="sub-heading mb-1">
                                    <h3>{{ .heading }}</h3>
                                </div>
                                <p>{{ .description | safeHTML }}</p>
                            </div>
                        </div>
                    {{ end }}
                </div>
            </div>
        </div>
    </section>
{{ end }}
