{% if facebook or twitter or youtube or linkedin or instagram or whatsapp  %}
    <ul class="social-links ">
        {% if youtube and youtube.value|length %}
            <li>
                <a href="{{ youtube.value }}" target="_blank" title="X"><i class="fa-brands fa-youtube"></i></a>
            </li>
        {% endif %}
        {% if whatsapp and whatsapp.value|length %}
            <li>
                <a href="{{ whatsapp.value }}" target="_blank" title="X"><i class="fa-brands fa-whatsapp"></i></a>
            </li>
        {% endif %}
        {% if instagram and instagram.value|length %}
            <li>
                <a href="{{ instagram.value }}" target="_blank" title="Instagram"><i class="fa-brands fa-instagram"></i></a>
            </li>
        {% endif %}
        {% if twitter and twitter.value|length %}
            <li>
                <a href="{{ twitter.value }}" target="_blank" title="Twitter"><i class="fa-brands fa-x-twitter"></i></a>
            </li>
        {% endif %}
        {% if linkedin and linkedin.value|length %}
            <li>
                <a href="{{ linkedin.value }}" target="_blank" title="LinkedIn"><i
                            class="fa-brands fa-linkedin"></i></a>
            </li>
        {% endif %}
        {% if facebook and facebook.value|length %}
            <li>
                <a href="{{ facebook.value }}" target="_blank" title="Facebook"><i
                            class="fa-brands fa-facebook"></i></a>
            </li>
        {% endif %}
    </ul>
{% endif %}