{{-- popupCentered --}}
<div class="modal fade popupCentered" id="popupCentered" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="popupCenteredLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-xl">
        <div class="modal-content p-0">
            <div class="modal-body">
                <a href="#" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                    <img src="{{ asset('img/svg/Close.svg') }}" alt="Close">
                </a>
                <div class="popupCentered-image">
                    <img src="{{ asset('img/Clothes/hero_women.jpg') }}" alt="PopUp Image">
                </div>
                <div class="popupCentered-wrapper bg-white">
                    <div class="popupCentered-wrapper-content">
                        <h4>Teste modal</h4>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
                        <a href="#">
                            <span class="text-bold link link-black">Comprar agora</span>
                            <span class="arrow arrow-black"></span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>