<style>.pro_offer_details {
        margin: 0 0 16px;
        border-radius: 10px;
        padding: 16px 12px;
        background: #f3f3f3;
    }

    .pro_offer_details .iconSave {
        height: 32px;
        width: 32px;
        border-radius: 50%;
        display: inline-block;
        background: url(https://www.netmeds.com/assets/version1741756829/gloryweb/images/icons/offer_blue_outline.svg) no-repeat center;
        margin-right: 12px;
    }

    .pro_offer_details .wellness_offer_content {
        display: inline-block;
        width: calc(100% - 63px);
    }

    .pro_offer_details .wellness_offer_content .title {
        font-family: sans-serif;
        font-size: 14px;
        float: left;
        color: #151b39;
        margin: 0;
        width: 100%;
        text-transform: initial;
    }

    .pro_offer_details .wellness_offer_content .title .off_applied {
        float: right;
        color: #ef4281;
        font-size: 12px;
    }

    .clearfix {
        height: 0px;
        clear: both;
        display: flex;
    }

    .clearfix::after {
        display: block;
        clear: both;
        content: "";
    }

    .pro_offer_details .wellness_offer_content .pro_offer_code {
        font-size: 12px;
        color: #6f7284;
        font-family: sans-serif;
        line-height: 24px;
        width: 100%;
    }

    .pro_offer_details .wellness_offer_content .pro_offer_code .off_save {
        color: #378f30;
        padding: 0;
        font-family: sans-serif;
    }</style><div id="offers_applicable" class="pro_offer_details">
    <div class="iconSave"></div>
    <div class="wellness_offer_content">
        <div class="title"> Default Discount <span class="off_applied">Offer Applied</span> </div>
        <div class="clearfix"></div>
        <div class="pro_offer_code">
            <span class="off_save">You get 25% OFF on this product</span>
        </div>
    </div>
</div>