<div data-type="component-text"
     data-preview="{{!function_exists('themeAsset')?'':themeAsset('img/snippets/preview/affiliate/commission_section.png')}}"
     data-aoraeditor-title="Affiliate Commission" data-aoraeditor-categories="Affiliate Page">
    <div class="lms_section">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-10">
                    <div class="commision_box">
                        <div
                            class="{{!function_exists('themeAsset')?'':themeAsset('img/snippets/preview/affiliate/round.svg')}}"
                            alt="">
                        </div>
                        <div class="comissiion_left">
                            <h4>Commission Rate</h4>
                            <p class="rate_text">Help Shape the Future of Commerce</p>
                            <h3>25%</h3>
                            <p class="Sale_text">For the First Sale</p>
                            <a href="#" class="theme_btn small_btn2">Create Affiliate Link</a>
                            <p class="discription_text">Offers 30% commission for first referral sale
                                If your visitor purchases our product for $99
                                you will get a $29.7 commission.</p>
                        </div>
                        <div class="comissiion_right flex-fill">
                            <div class="commision_payment_lists">
                                <div class="commision_payment_list">
                                    <div class="thumb">
                                        <img
                                            src="{{!function_exists('themeAsset')?'':themeAsset('img/snippets/preview/affiliate/wallet_1.svg')}}"
                                            alt="">
                                    </div>
                                    <div class="comission_payment_text">
                                        <h4>Minimum Payout</h4>
                                        <p>Our affiliates always on 16th of the month
                                            for sales referred in last month.</p>
                                    </div>
                                </div>
                                <div class="commision_payment_list">
                                    <div class="thumb">
                                        <img
                                            src="{{!function_exists('themeAsset')?'':themeAsset('img/snippets/preview/affiliate/wallet_2.svg')}}"
                                            alt="">
                                    </div>
                                    <div class="comission_payment_text">
                                        <h4>Global Payments</h4>
                                        <p>Our affiliates always on 16th of the month
                                            for sales referred in last month.</p>
                                    </div>
                                </div>
                                <div class="commision_payment_list">
                                    <div class="thumb">
                                        <img
                                            src="{{!function_exists('themeAsset')?'':themeAsset('img/snippets/preview/affiliate/wallet_3.svg')}}"
                                            alt="">
                                    </div>
                                    <div class="comission_payment_text">
                                        <h4>Dedicated Support</h4>
                                        <p>Our affiliates always on 16th of the month
                                            for sales referred in last month.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
