<div class="marketing__card d-flex flex-column flex-sm-row gap-3 text-center text-md-start justify-content-center">
    <div class="icon__box bg-white rounded-3 d-flex justify-content-center align-items-center mx-auto">
        <img src="<?= $icon ?>" alt="Marketing icon" class="img-fluid" width="57" height="57" loading="lazy">
    </div>
    <div class="col">
        <h3 class="fs-4 fw-bold text-dark mb-2 ff-quick"><?= $title ?></h3>
        <p><?= $description ?></p>
        <a href="#" class="d-inline-flex align-items-center gap-2">
            <span>Learn More</span>
            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M9.33333 3.33325L14 7.99992M14 7.99992L9.33333 12.6666M14 7.99992H2" stroke="#01114B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg> 
        </a>
    </div>
</div>