<div data-type="component-text"
     data-preview="{{asset('')}}Modules/Appointment/Resources/assets/keditor/snippets/preview/affiliate/feature_01.png"
     data-keditor-title="Feature 01" data-keditor-categories="Feature 01">
    <!-- tutor:start -->
    <section class="section_padding tutor_feature">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 offset-lg-1 col-md-12">
                    <div class="row">
                        <div class="col-lg-10 offset-lg-1 col-md-12">
                            <div class="section__title text-center">
                                <h3 class='m-0'>Speak Naturally with Professional Online Tutors from World-wide</h3>
                            </div>
                        </div>
                    </div>
                    <div class="row tutor_feature_shape">
                        <div class="col-md-6">
                            <div class="tutor_feature_item">
                                <div class="tutor_feature_item_icon">
                                    <svg id="" xmlns="http://www.w3.org/2000/svg" width="50" height="50"
                                         viewBox="0 0 50 50">
                                        <rect id="" data-name="Rectangle 394" width="50" height="50"
                                              rx="25" fill="rgba(249,189,100,0.08)"/>
                                        <path id="" data-name="Path 717"
                                              d="M21.044,19.768,32,17.333l10.956,2.435A1.333,1.333,0,0,1,44,21.069V34.385a8,8,0,0,1-3.563,6.656L32,46.667l-8.437-5.625A8,8,0,0,1,20,34.387V21.069a1.333,1.333,0,0,1,1.044-1.3Zm12.289,9.565V22.667L26.667,32h4v6.667l6.667-9.333Z"
                                              transform="translate(-7 -7)" fill="#f9bd64"/>
                                    </svg>
                                </div>
                                <h4>World-class Tutors</h4>
                                <p>Choose from over 49,000 online tutors. Use filters to narrow <br> your search and
                                    find the perfect fit.</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="tutor_feature_item">
                                <div class="tutor_feature_item_icon">
                                    <svg id="" xmlns="http://www.w3.org/2000/svg" width="50" height="50"
                                         viewBox="0 0 50 50">
                                        <rect id="" data-name="Rectangle 395" width="50" height="50"
                                              rx="25" fill="rgba(81,56,238,0.06)"/>
                                        <path id="" data-name="Path 718"
                                              d="M36.3,36.678l-2.951,6.2a.8.8,0,0,1-1.3.207L27.323,38.1a.8.8,0,0,0-.476-.243l-6.809-.891a.8.8,0,0,1-.6-1.175l3.283-6.032a.8.8,0,0,0,.083-.528L21.547,22.48a.8.8,0,0,1,.933-.933L29.231,22.8a.8.8,0,0,0,.528-.083l6.032-3.283a.8.8,0,0,1,1.175.6l.891,6.808a.8.8,0,0,0,.243.476l4.985,4.723a.8.8,0,0,1-.207,1.3l-6.2,2.951a.8.8,0,0,0-.379.379Zm1.063,2.569,1.885-1.885L44.9,43.018,43.017,44.9l-5.656-5.657Z"
                                              transform="translate(-7.045 -7.045)" fill="#5138ee"/>
                                    </svg>
                                </div>
                                <h4>Verified Tutor Profiles</h4>
                                <p>Choose from over 49,000 online tutors. Use filters to narrow <br> your search and
                                    find the perfect fit.</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="tutor_feature_item">
                                <div class="tutor_feature_item_icon">
                                    <svg id="" xmlns="http://www.w3.org/2000/svg" width="50" height="50"
                                         viewBox="0 0 50 50">
                                        <rect id="" data-name="Rectangle 393" width="50" height="50"
                                              rx="25" fill="rgba(94,198,232,0.08)"/>
                                        <path id="" data-name="Path 716"
                                              d="M24.929,39.071A10,10,0,1,1,32,42H22ZM28,33a4,4,0,0,0,8,0Z"
                                              transform="translate(-7 -7)" fill="#5ec6e8"/>
                                    </svg>
                                </div>
                                <h4>Learn Anytime Anywhere</h4>
                                <p>Choose from over 49,000 online tutors. Use filters to narrow <br> your search and
                                    find the perfect fit.</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="tutor_feature_item">
                                <div class="tutor_feature_item_icon">
                                    <svg id="" xmlns="http://www.w3.org/2000/svg" width="50" height="50"
                                         viewBox="0 0 50 50">
                                        <rect id="" data-name="Rectangle 394" width="50" height="50"
                                              rx="25" fill="rgba(249,189,100,0.08)"/>
                                        <path id="" data-name="Path 717"
                                              d="M21.044,19.768,32,17.333l10.956,2.435A1.333,1.333,0,0,1,44,21.069V34.385a8,8,0,0,1-3.563,6.656L32,46.667l-8.437-5.625A8,8,0,0,1,20,34.387V21.069a1.333,1.333,0,0,1,1.044-1.3Zm12.289,9.565V22.667L26.667,32h4v6.667l6.667-9.333Z"
                                              transform="translate(-7 -7)" fill="#f9bd64"/>
                                    </svg>
                                </div>
                                <h4>Affordable Prices</h4>
                                <p>Choose from over 49,000 online tutors. Use filters to narrow <br> your search and
                                    find the perfect fit.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- tutor:end -->
</div>
