<section class="position-relative overflow-hidden">
<div class="position-fixed bottom-0 start-0 w-100 pt-8 pb-10" style="z-index: 50;">
<div class="d-flex px-6 justify-content-center">
<div class="d-inline-flex py-4 ps-5 pe-6 align-items-center bg-success-light border border-success rounded-4">
<span class="me-4">
<svg width="21" height="22" viewbox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect y="0.5" width="21" height="21" rx="10.5" fill="#219653"></rect>
<path d="M15.7676 8.13463C15.4582 7.82482 14.9558 7.82501 14.646 8.13463L9.59787 13.183L7.35419 10.9393C7.04438 10.6295 6.54217 10.6295 6.23236 10.9393C5.92255 11.2491 5.92255 11.7513 6.23236 12.0611L9.03684 14.8656C9.19165 15.0204 9.39464 15.098 9.59765 15.098C9.80067 15.098 10.0039 15.0206 10.1587 14.8656L15.7676 9.25644C16.0775 8.94684 16.0775 8.44443 15.7676 8.13463Z" fill="white"></path>
</svg>
</span>
<p class="text-success-dark mb-0">Your settings have been saved</p>
</div>
</div>
</div>
</section>