<style> .promotion-callout{ background: transparent; border: 1px solid black; } .promotion-callout h3{ margin-bottom: 10px; } </style> <div dir="rtl" class="container mt-4"> <div class="row promotion-callout d-flex" style="border-style: dotted;"> <div class="col-4" style="margin: auto 0"> <img class="img-fluid" src="https://res.cloudinary.com/dkbnpozos/image/upload/v1667492625/faces/Site/GWP%20Packshots/011525867787__1.jpg"> </div> <div class="promotion-content col-8" style="margin: auto 0"> <h3>مجاناً بطاقة هدايا بـ100 د.إ</h3> <p>عند التسوق بـ699 د.إ شامل الموقع</p>> </div> </div> </div>

<style> .promotion-callout{ background: transparent; border: 1px solid black; } .promotion-callout h3{ margin-bottom: 10px; } </style> <div class="promotion-callout d-flex"><div class="promotion-content"><h3>عرض للتطبيق فقط - احصل على 6 منتجات مصغرة من كلارنس</h3><p> عند التسوق بـ599 على أي منتج شامل الموقع</p> </div> </div>