@extends('frontend.layouts.app')
@section('content')
    <div class="rbt-slider-main-wrapper position-relative">
        <div class="swiper rbt-banner-activation rbt-slider-animation rbt-arrow-between">
            <div class="swiper-wrapper">
                @foreach ($sliders as $slider)
                    <div class="swiper-slide">
                        <div class="rbt-banner-area rbt-banner-6 variation-03 bg_image">
                            <img src="{{ asset('frontend/images/sliders/' . $slider->content) }}">
                        </div>
                    </div>
                @endforeach
            </div>
            <div class="rbt-swiper-arrow rbt-arrow-left">
                <div class="custom-overfolow">
                    <i class="rbt-icon feather-arrow-left"></i>
                    <i class="rbt-icon-top feather-arrow-left"></i>
                </div>
            </div>

            <div class="rbt-swiper-arrow rbt-arrow-right">
                <div class="custom-overfolow">
                    <i class="rbt-icon feather-arrow-right"></i>
                    <i class="rbt-icon-top feather-arrow-right"></i>
                </div>
            </div>
        </div>
        <div class="swiper rbt-swiper-thumb rbtmySwiperThumb"></div>

        <div class="feature-cards mtn-50 aos-init aos-animate" data-aos="fade-up">
            <div class="container">
                <div class="wrapper bg-white shadow-md border-radius px-4 pbb-5">
                    <div class="row">
                        <div class="col-sm-6 col-4 col-lg-2">
                            <div class="cardd text-center mt-5">
                                <div class="card-icon mx-auto mb--20">
                                    <img class=" ls-is-cached lazyloaded"
                                        src="{{ asset('frontend/images/enrollment.png') }}"
                                        data-src="{{ asset('frontend/images/enrollment.png') }}" alt="Image">
                                </div>
                                <h6 class="card-title mb-0">
                                    Course Enrollment
                                </h6>
                            </div>
                        </div>
                        <div class="col-sm-6 col-4 col-lg-2">
                            <div class="cardd text-center mt-5">
                                <div class="card-icon mx-auto mb--20">
                                    <img class=" ls-is-cached lazyloaded" src="{{ asset('frontend/images/payment.png') }}"
                                        data-src="{{ asset('frontend/images/payment.png') }}" alt="Image">
                                </div>
                                <h6 class="card-title mb-0">
                                    Payment Gateway
                                </h6>
                            </div>
                        </div>
                        <div class="col-sm-6 col-4 col-lg-2">
                            <div class="cardd text-center mt-5">
                                <div class="card-icon mx-auto mb--20">
                                    <img class=" lazyloaded" src="{{ asset('frontend/images/mentor.png') }}"
                                        data-src="{{ asset('frontend/images/mentor.png') }}" alt="Image">
                                </div>
                                <h6 class="card-title mb-0">
                                    Expert Mentor
                                </h6>
                            </div>
                        </div>
                        <div class="col-sm-6 col-4 col-lg-2">
                            <div class="cardd text-center mt-5">
                                <div class="card-icon mx-auto mb--20">
                                    <img class=" ls-is-cached lazyloaded" src="{{ asset('frontend/images/builder.png') }}"
                                        data-src="{{ asset('frontend/images/builder.png') }}" alt="Image">
                                </div>
                                <h6 class="card-title mb-0">
                                    Lesson Builder
                                </h6>
                            </div>
                        </div>
                        <div class="col-sm-6 col-4 col-lg-2">
                            <div class="cardd text-center mt-5">
                                <div class="card-icon mx-auto mb--20">
                                    <img class=" ls-is-cached lazyloaded" src="{{ asset('frontend/images/report.png') }}"
                                        data-src="{{ asset('frontend/images/report.png') }}" alt="Image">
                                </div>
                                <h6 class="card-title mb-0">
                                    Enrolment Report
                                </h6>
                            </div>
                        </div>
                        <div class="col-sm-6 col-4 col-lg-2">
                            <div class="cardd text-center mt-5">
                                <div class="card-icon mx-auto mb--20">
                                    <img class=" lazyloaded" src="{{ asset('frontend/images/certificates.png') }}"
                                        data-src="{{ asset('frontend/images/certificate.png') }}" alt="Image">
                                </div>
                                <h6 class="card-title mb-0">
                                    Course Certificate
                                </h6>
                            </div>
                        </div>
                    </div>
                    <div class="arrows d-none d-lg-block">
                        <img class="arrow lazyloaded" src="{{ asset('frontend/images/line-arrow-2.png') }}"
                            data-src="{{ asset('frontend/images/line-arrow-2.png') }}" alt="Image">
                        <img class="arrow lazyloaded" src="{{ asset('frontend/images/line-arrow-2.png') }}"
                            data-src="{{ asset('frontend/images/line-arrow-2.png') }}" alt="Image">
                        <img class="arrow lazyloaded" src="{{ asset('frontend/images/line-arrow-2.png') }}"
                            data-src="{{ asset('frontend/images/line-arrow-2.png') }}" alt="Image">
                        <img class="arrow lazyloaded" src="{{ asset('frontend/images/line-arrow-2.png') }}"
                            data-src="{{ asset('frontend/images/line-arrow-2.png') }}" alt="Image">
                        <img class="arrow lazyloaded" src="{{ asset('frontend/images/line-arrow-2.png') }}"
                            data-src="{{ asset('frontend/images/line-arrow-2.png') }}" alt="Image">
                    </div>
                </div>
            </div>

        </div>

        <div class="rbt-section-gap">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 mb--40">
                        <div class="section-title text-center">
                            <h2 class="title">Our <span class="theme-gradient">Packages</span></h2>
                            <p class="description mt--10">"Unlock expertise with exclusive packages. Empower with
                                industry-leading courses."</p>
                        </div>
                    </div>
                </div>
                <div class="row g-5">
                    @foreach ($plans as $plan)
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="rbt-team-tab-content">
                                <div class="inner">
                                    <div class="rbt-team-thumbnail">
                                        <div class="thumb">
                                            <a href="{{ route('plan.detail', $plan->slug) }}">
                                                <img src="{{ asset('frontend/image/plans/' . $plan->image) }}"
                                                    alt="Founder">
                                            </a>
                                        </div>
                                    </div>
                                    <div class="rbt-team-details">
                                        <div class="author-info">
                                            <h4 class="title">
                                                <a href="{{ route('plan.detail', $plan->slug) }}">
                                                    {{ $plan->title }}
                                                </a>
                                            </h4>
                                        </div>
                                        @foreach ($plan->points as $plan_point)
                                            <span>{{ $plan_point }},</span>
                                        @endforeach
                                        <div class="rbt-card-top">
                                            <div class="rbt-review">
                                                <div class="rating">
                                                    <i class="fas fa-users"></i>
                                                </div>
                                                <span class="rating-count"> Chat & Call Support</span>
                                            </div>
                                            <div class="rbt-review">
                                                <div class="rating">
                                                    <i class="fas fa-star"></i>
                                                </div>
                                                <span class="rating-count"> 4.8 (2.3k)</span>
                                            </div>
                                        </div>
                                        <div class="rbt-card-bottom">
                                            <div class="rbt-price">
                                                <span class="current-price">₹ {{ $plan->discounted_price }}</span>
                                                @if ($plan->amount > $plan->discounted_price)
                                                    <span class="off-price">₹ {{ $plan->amount }}</span>
                                                @endif
                                            </div>
                                            <a href="{{ route('checkout') }}?slug={{ $plan->slug }}" type="submit"
                                                class="rbt-btn btn-gradient radius-round btn-sm">
                                                Buy Now <i class="feather-arrow-up-right"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
        {{-- <section class="rbt-section-gap">
        <div class="container">
           <div class="tp-funfact-7-wrapper">
              <div class="row">
                 <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="tp-funfact-7-item text-center">
                       <div class="tp-funfact-7-item-icon">
                          <span><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
                             <path d="M24.9292 25.8334C25.6625 22.4543 26.0458 19.4584 26.0458 18.2042C26.0458 14.6959 23.1916 11.8417 19.6875 11.8417C16.1833 11.8417 13.3291 14.6959 13.3291 18.2042C13.3291 19.4584 13.7124 22.4543 14.4457 25.8376C13.3582 26.3084 12.3707 26.9709 11.5124 27.8251C9.71239 29.6209 8.7207 32.0168 8.7207 34.5626C8.7207 36.2792 10.1207 37.6792 11.8373 37.6792H12.6665L12.9499 38.8167C13.1249 39.5126 13.7499 40 14.4665 40H24.9082C25.6249 40 26.2498 39.5125 26.4249 38.8167L26.7082 37.6792H27.5374C29.2541 37.6792 30.6541 36.2792 30.6541 34.5626C30.6542 30.7293 28.4167 27.3459 24.9292 25.8334ZM16.325 18.4208C17.2417 18.2167 18.3125 17.7417 18.7875 16.3709C19.8625 17.2917 21.2167 17.9334 23.0541 18.4042V21.0125C23.0541 22.8709 21.5417 24.3792 19.6875 24.3792C17.8333 24.3792 16.325 22.8709 16.325 21.0125V18.4208ZM20.9083 25.0293V26.0251C20.9083 26.7001 20.3625 27.246 19.6875 27.246C19.3624 27.246 19.0541 27.1209 18.825 26.8876C18.5916 26.6584 18.4666 26.3501 18.4666 26.0251V25.0293C18.8541 25.146 19.2624 25.2126 19.6875 25.2126C20.1125 25.2126 20.5208 25.1459 20.9083 25.0293ZM19.6875 36.4709C18.8333 36.4709 18.1416 35.7792 18.1416 34.9293C18.1416 34.0751 18.8333 33.3793 19.6875 33.3793C20.5417 33.3793 21.2374 34.0752 21.2374 34.9293C21.2375 35.7792 20.5417 36.4709 19.6875 36.4709ZM27.5375 36.8459H26.9167L28.1792 31.7917C28.2125 31.6667 28.225 31.5375 28.225 31.4126C28.225 30.5762 27.5531 29.85 26.6625 29.85H12.7166C11.6711 29.85 10.9572 30.8289 11.1958 31.7917L12.4583 36.8459H11.8374C10.5791 36.8459 9.55412 35.8209 9.55412 34.5626C9.55412 32.2376 10.4583 30.0543 12.1041 28.4168C12.9624 27.5543 13.9624 26.9001 15.0791 26.4668C15.8999 26.1418 16.7582 25.9585 17.6333 25.896V26.0252C17.6333 26.5752 17.8457 27.0918 18.2333 27.4794C18.6208 27.8669 19.1374 28.0794 19.6875 28.0794C20.8208 28.0794 21.7417 27.1585 21.7417 26.0252V25.896C22.6167 25.9585 23.475 26.1418 24.3 26.4668C27.6542 27.7794 29.8209 30.9585 29.8209 34.5627C29.8208 35.821 28.7958 36.8459 27.5375 36.8459Z" fill="#5956E9"></path>
                             <path d="M38.7126 16.7875L34.4418 12.5167V3.13334C34.4418 2.13749 33.6334 1.32918 32.6376 1.32918H29.8709C28.8709 1.32918 28.0626 2.13749 28.0626 3.13334V6.1375L23.5084 1.5833C22.4875 0.562511 21.1293 0 19.6875 0C18.2458 0 16.8875 0.562511 15.8667 1.5833L0.662472 16.7875C-0.220824 17.675 -0.220824 19.1167 0.662472 20C1.55 20.8875 2.9875 20.8833 3.87503 20L19.0792 4.79577C19.2334 4.64158 19.4542 4.55413 19.6875 4.55413C19.9209 4.55413 20.1459 4.64166 20.2958 4.79577L35.5042 20C35.9458 20.4416 36.525 20.6625 37.1083 20.6625C37.6875 20.6625 38.2709 20.4416 38.7125 20C39.6001 19.1167 39.6001 17.675 38.7126 16.7875ZM38.1251 19.4125C37.5626 19.9709 36.6543 19.9709 36.0918 19.4125L20.8875 4.20417C20.5792 3.89585 20.1416 3.72079 19.6875 3.72079C19.2333 3.72079 18.7958 3.89577 18.4917 4.20417L3.28334 19.4125C2.72499 19.9709 1.81251 19.9709 1.25 19.4125C0.691648 18.85 0.691648 17.9375 1.25 17.3792L16.4583 2.17498C17.3209 1.30832 18.4667 0.833335 19.6875 0.833335C20.9084 0.833335 22.0542 1.30832 22.9167 2.17498L38.1251 17.3792C38.6834 17.9375 38.6834 18.85 38.1251 19.4125Z" fill="#5956E9"></path>
                           </svg></span>
                       </div>
                       <div class="tp-funfact-7-item-content">
                          <span>Flexible classes</span>
                          <p>You pick schedule.</p>
                       </div>
                    </div>
                 </div>
                 <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="tp-funfact-7-item text-center">
                       <div class="tp-funfact-7-item-icon">
                          <span><svg xmlns="http://www.w3.org/2000/svg" width="41" height="34" viewBox="0 0 41 34" fill="none">
                             <path d="M31.0871 4.37585C29.5996 3.33696 27.7815 2.73094 25.8297 2.73094C22.0676 2.73094 18.825 4.98186 17.4005 8.22446C16.8732 8.22446 16.2514 8.23233 16.1806 8.23233C13.0325 8.23233 10.4825 10.7823 10.4825 13.9305C10.4825 14.0092 10.5297 14.2532 10.6005 14.568L10.5375 14.5995H10.5218C10.3487 14.5837 10.1598 14.5758 9.97875 14.5758C5.7681 14.5758 2.39959 18.1726 2.76949 22.4698C2.86394 23.5717 3.24172 24.6184 3.82412 25.5314C1.97459 24.3194 0.636623 22.3596 0.447734 20.1481C0.0778267 15.8508 3.44635 12.2541 7.65699 12.2541C7.83801 12.2541 8.0269 12.262 8.20005 12.2777H8.21579L8.27875 12.2462C8.20792 11.9314 8.1607 11.6874 8.1607 11.6087C8.1607 8.46844 10.7107 5.91057 13.8588 5.91057C13.9297 5.91057 14.5514 5.9027 15.0788 5.9027C16.5033 2.66011 19.7459 0.40918 23.5079 0.40918C26.6482 0.41705 29.4186 1.98325 31.0871 4.37585Z" fill="#5956E9" fill-opacity="0.7"></path>
                             <path d="M19.3929 29.081L16.048 33.3467C15.7962 33.6615 15.3161 33.6615 15.0721 33.3467L11.7272 29.081C11.4045 28.6717 11.6957 28.0736 12.2151 28.0736H13.5374V19.1801C13.5374 18.8338 13.8128 18.5583 14.1591 18.5583H16.961C17.3073 18.5583 17.5827 18.8338 17.5827 19.1801V28.0657H18.905C19.4244 28.0736 19.7156 28.6717 19.3929 29.081Z" fill="#5956E9"></path>
                             <path d="M20.9048 23.0683L24.2497 18.8025C24.5016 18.4877 24.9816 18.4877 25.2256 18.8025L28.5705 23.0683C28.8932 23.4775 28.602 24.0757 28.0826 24.0757H26.7603V32.9613C26.7603 33.3076 26.4849 33.5831 26.1386 33.5831H23.3367C22.9904 33.5831 22.715 33.3076 22.715 32.9613V24.0757H21.3928C20.8733 24.0757 20.5821 23.4775 20.9048 23.0683Z" fill="#5956E9"></path>
                             <path d="M14.2999 10.0505C14.5282 10.0505 14.7171 9.86157 14.7171 9.63333C14.7171 4.78518 18.6601 0.84213 23.5083 0.84213C28.0731 0.84213 31.8351 4.26574 32.268 8.79907C32.2916 9.02731 32.4884 9.20046 32.7245 9.17685C32.9527 9.15324 33.1259 8.94861 33.1023 8.72037C32.6379 3.7463 28.5138 0 23.5161 0C18.2036 0 13.8828 4.32083 13.8828 9.63333C13.8828 9.86157 14.0717 10.0505 14.2999 10.0505Z" fill="#5956E9"></path>
                             <path d="M21.0371 26.3264H20.1242C19.8959 26.3264 19.707 26.5153 19.707 26.7435C19.707 26.9718 19.8959 27.1607 20.1242 27.1607H21.0371C21.2654 27.1607 21.4543 26.9718 21.4543 26.7435C21.4543 26.5074 21.2732 26.3264 21.0371 26.3264Z" fill="#5956E9"></path>
                             <path d="M11.412 26.7434C11.412 26.5152 11.2231 26.3263 10.9949 26.3263H7.65787C3.89583 26.3263 0.834259 23.2647 0.834259 19.5027C0.834259 15.7406 3.89583 12.6712 7.65787 12.6712C7.89398 12.6712 8.02778 12.6869 8.18519 12.6948C8.38982 12.7027 8.61019 12.5531 8.6338 12.317C8.64167 12.1911 8.5787 12.136 8.5787 11.6087C8.5787 8.90126 10.6093 6.64247 13.3009 6.35913C13.5292 6.33552 13.7023 6.13089 13.6708 5.89478C13.6472 5.66654 13.4426 5.50126 13.2065 5.52487C9.94815 5.87117 7.60278 8.68089 7.73657 11.8369C3.47083 11.7818 0 15.2605 0 19.5027C0 23.729 3.43935 27.1605 7.65787 27.1605H10.987C11.2231 27.1605 11.412 26.9716 11.412 26.7434Z" fill="#5956E9"></path>
                             <path d="M31.695 9.96387C28.5862 9.96387 25.7135 11.6481 24.1946 14.3555C24.0844 14.5602 24.1552 14.812 24.352 14.9301C24.5566 15.0403 24.8084 14.9694 24.9265 14.7727C26.2959 12.325 28.8932 10.806 31.695 10.806C35.9765 10.806 39.4552 14.2847 39.4552 18.5662C39.4552 22.8477 35.9765 26.3264 31.695 26.3264H28.4367C28.2084 26.3264 28.0196 26.5153 28.0196 26.7435C28.0196 26.9717 28.2084 27.1606 28.4367 27.1606H31.695C36.4409 27.1606 40.2973 23.3041 40.2973 18.5583C40.2973 13.8203 36.4409 9.96387 31.695 9.96387Z" fill="#5956E9"></path>
                             <path d="M18.9041 27.6564H17.999V19.18C17.999 18.6055 17.5346 18.1411 16.9601 18.1411H14.1582C13.5837 18.1411 13.1194 18.6055 13.1194 19.18V27.6485H12.2143C11.8129 27.6485 11.4508 27.8768 11.2777 28.2309C11.1045 28.593 11.1439 29.0101 11.3957 29.3328L14.7407 33.5985C14.9374 33.8504 15.2365 33.9999 15.5592 33.9999C15.8819 33.9999 16.1809 33.8582 16.3777 33.5985L19.7226 29.3328C19.9744 29.018 20.0138 28.593 19.8407 28.2309C19.6675 27.8768 19.3055 27.6564 18.9041 27.6564ZM19.0615 28.8212L15.7166 33.0869C15.6615 33.1578 15.5907 33.1656 15.5592 33.1656C15.5198 33.1656 15.449 33.1578 15.4018 33.0869L12.0569 28.8212C11.986 28.7346 12.0175 28.6402 12.0332 28.6087C12.049 28.5772 12.1041 28.4985 12.2143 28.4985H13.5365C13.7647 28.4985 13.9536 28.3096 13.9536 28.0814V19.18C13.9536 19.0698 14.0481 18.9754 14.1582 18.9754H16.9601C17.0703 18.9754 17.1647 19.0698 17.1647 19.18V28.0657C17.1647 28.2939 17.3536 28.4828 17.5819 28.4828H18.9041C19.0221 28.4828 19.0694 28.5615 19.0851 28.593C19.1008 28.6402 19.1323 28.7268 19.0615 28.8212Z" fill="#5956E9"></path>
                             <path d="M29.0262 23.9102C29.1993 23.5482 29.16 23.1311 28.9081 22.8084L25.5632 18.5426C25.3665 18.2908 25.0674 18.1412 24.7447 18.1412C24.422 18.1412 24.123 18.2829 23.9262 18.5426L20.5813 22.8084C20.3294 23.1232 20.2901 23.5482 20.4632 23.9102C20.6364 24.2723 20.9984 24.4926 21.3998 24.4926H22.3049V32.9611C22.3049 33.5357 22.7693 34 23.3438 34H26.1456C26.7202 34 27.1845 33.5357 27.1845 32.9611V24.4926H28.0896C28.491 24.4926 28.8452 24.2644 29.0262 23.9102ZM26.7595 23.6505C26.5313 23.6505 26.3424 23.8394 26.3424 24.0676V32.9533C26.3424 33.0635 26.248 33.1579 26.1378 33.1579H23.3359C23.2257 33.1579 23.1313 33.0635 23.1313 32.9533V24.0755C23.1313 23.8473 22.9424 23.6584 22.7142 23.6584H21.3919C21.2739 23.6584 21.2267 23.5797 21.2109 23.5482C21.1952 23.5167 21.1637 23.4223 21.2345 23.3357L24.5794 19.0699C24.6345 18.9991 24.7054 18.9912 24.7368 18.9912C24.7762 18.9912 24.847 18.9991 24.8943 19.0699L28.2392 23.3357C28.31 23.4223 28.2785 23.5167 28.2628 23.5482C28.247 23.5797 28.1919 23.6584 28.0818 23.6584H26.7595V23.6505Z" fill="#5956E9"></path>
                           </svg></span>
                       </div>
                       <div class="tp-funfact-7-item-content">
                          <span>Offline mode</span>
                          <p>Download classes.</p>
                       </div>
                    </div>
                 </div>
                 <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="tp-funfact-7-item text-center">
                       <div class="tp-funfact-7-item-icon">
                          <span><svg xmlns="http://www.w3.org/2000/svg" width="40" height="35" viewBox="0 0 40 35" fill="none">
                             <path d="M39.3288 8.95432C38.2778 6.0552 36.321 3.46139 33.8251 1.64815C32.691 0.828525 31.6333 0.393922 30.6645 0.341892C30.6513 0.339936 30.6035 0.335532 30.591 0.337728C28.7759 0.272294 27.7565 1.48869 26.6754 2.91313C26.5285 3.07607 23.8905 6.89561 19.06 9.9922C19.0566 9.99709 19.0524 9.99782 19.049 10.0027C19.049 10.0027 19.0449 10.0034 19.0408 10.0042L13.1056 14.2937C13.1021 14.2985 13.0987 14.3034 13.0946 14.3042C13.0953 14.3083 13.0912 14.3091 13.087 14.3098C8.63393 17.9181 4.15855 19.2384 3.97973 19.3171C2.82855 19.7129 1.52737 20.1565 0.770276 21.2325C0.00976282 22.3133 -0.0710623 23.8226 0.532088 25.7127C1.46966 28.649 3.3203 31.3214 5.74298 33.229C6.94691 34.1777 8.43498 34.9392 9.91728 34.575C11.2404 34.256 12.1366 33.1427 12.9237 32.1642C13.1475 31.9277 15.8459 28.2561 20.9044 24.7766C20.9085 24.7758 20.9078 24.7717 20.9078 24.7717C20.9458 24.7436 22.2004 23.8412 22.2004 23.8412C22.5291 26.6536 23.1209 29.2567 24.0911 32.1829C24.146 32.3488 24.299 32.4632 24.4718 32.4713C24.6446 32.4794 24.8074 32.3821 24.8781 32.2241L25.9618 29.8181L28.9235 32.1832C29.0486 32.2854 29.2236 32.306 29.3776 32.2316C29.5226 32.1547 29.6154 32.0012 29.6077 31.8355C29.4922 29.067 29.0803 26.4878 28.6108 23.9959C31.3638 25.5411 32.1171 26.0722 35.9351 27.5111C36.0909 27.5693 36.2641 27.5302 36.3809 27.4154C36.497 27.2964 36.5349 27.1226 36.478 26.9699L35.1614 23.415L37.7821 23.1414C37.9546 23.1238 38.0998 22.9996 38.1475 22.8328C38.1911 22.6665 38.129 22.4847 37.9907 22.3805C35.5208 20.5455 33.2342 19.1666 30.6761 17.9726C32.3649 17.0065 34.1204 16.1743 35.9278 15.4915L36.0647 15.4416C37.7843 14.7957 39.284 14.1415 39.7068 12.3362L39.7102 12.3313C39.7183 12.3042 39.7215 12.2737 39.7255 12.2473C39.9185 11.3264 39.793 10.2263 39.3288 8.95432ZM12.2694 31.6369C11.5269 32.5519 10.7603 33.5009 9.71748 33.7577C8.72374 34.0015 7.56853 33.5968 6.2646 32.5672C3.9753 30.7603 2.22319 28.2333 1.33486 25.4554C0.816735 23.8289 0.860471 22.5702 1.46004 21.719C2.05961 20.8679 3.17488 20.487 4.24927 20.1177C4.47583 20.0178 8.72847 18.7709 13.1505 15.3266C14.6268 19.4231 16.8939 22.4891 19.9087 24.4508C15.1891 27.8106 12.8057 31.0583 12.2694 31.6369ZM19.5289 21.2278C19.4598 21.3214 19.3317 21.3482 19.2339 21.2798C17.3809 19.9787 16.049 17.9644 15.5808 15.7465C15.5569 15.635 15.6273 15.5241 15.7429 15.4994C15.8571 15.4664 15.9694 15.5451 15.9941 15.6607C16.4392 17.7715 17.7078 19.694 19.477 20.9328C19.5705 21.0019 19.594 21.1348 19.5289 21.2278ZM20.4654 21.898C20.406 21.9985 20.2753 22.0343 20.1748 21.975L19.8212 21.7674C19.7207 21.708 19.6849 21.5773 19.7443 21.4769C19.8036 21.3764 19.9352 21.3446 20.0356 21.4041L20.3891 21.6116C20.4896 21.671 20.5206 21.7983 20.4654 21.898ZM33.7331 4.40607C34.3054 4.78495 34.8139 5.31219 35.2046 5.92443C35.5074 6.40222 35.9321 6.94003 36.1251 7.54861C36.3016 8.11288 36.2596 8.87004 35.7599 9.29225C35.0697 9.87234 34.2141 9.46632 33.5536 8.85454C32.9603 8.30799 32.452 7.66082 32.0409 6.9321C31.8356 6.56987 31.5952 6.08108 31.5721 5.53678C31.5423 4.88229 31.8677 4.29795 32.3668 4.11573C32.7607 3.96927 33.2235 4.06753 33.7331 4.40607ZM29.824 4.0544C29.7958 3.40823 30.0158 2.83388 30.4189 2.47153C30.9155 2.03273 31.667 1.99444 32.1257 2.38477C32.2159 2.45888 32.2269 2.59398 32.1528 2.6842C32.0781 2.77018 31.9429 2.78117 31.8527 2.70714C31.5604 2.45884 31.0316 2.49633 30.7022 2.79003C30.3939 3.05858 30.2234 3.5256 30.2449 4.03587C30.2821 4.90323 30.7938 5.6913 31.2456 6.3827C31.3104 6.48262 31.2818 6.61193 31.1859 6.67594C31.0859 6.74068 30.9567 6.71208 30.8927 6.61623C30.4345 5.91302 29.8644 5.03683 29.824 4.0544ZM28.7127 30.9396L26.0641 28.8191C25.96 28.7388 25.83 28.7061 25.7033 28.7413C25.576 28.7723 25.4714 28.8593 25.4149 28.9764L24.5587 30.8753C23.7512 28.2631 23.2604 25.8692 22.9829 23.2748C23.8262 22.6635 26.3953 20.8096 27.0366 20.3409C27.1401 20.8796 27.2437 21.4183 27.3528 21.9645C27.9215 24.8245 28.5054 27.7717 28.7127 30.9396ZM35.7665 14.6504L35.6303 14.7044C32.4448 15.9044 29.416 17.5565 26.6115 19.6062C23.5299 17.7034 21.2394 14.65 19.7946 10.5138C24.5822 7.36905 27.2047 3.58231 27.3481 3.42426C27.57 3.12803 27.7962 2.83113 28.0342 2.55362C27.898 3.48147 28.1706 4.37165 28.4677 5.13323C29.6892 8.24654 31.8019 10.8984 34.5672 12.8056C35.2638 13.2825 36.1113 13.7885 37.1148 13.9158C37.2196 13.9272 37.3189 13.9312 37.4215 13.9302C36.9152 14.2165 36.3373 14.4384 35.7665 14.6504Z" fill="#5956E9"></path>
                             <path d="M35.2169 8.64661C34.9174 8.8922 34.4109 8.49744 34.1248 8.23512C33.5972 7.7455 33.1402 7.17063 32.7728 6.52002C32.6154 6.23508 32.4302 5.86494 32.4129 5.49963C32.4001 5.23202 32.5147 4.95908 32.6591 4.90355C32.8284 4.84372 33.1144 5.00749 33.2651 5.10939C33.7404 5.424 34.1649 5.86328 34.4915 6.37969C34.7879 6.84584 35.1691 7.3312 35.3206 7.8015C35.423 8.13904 35.3806 8.50639 35.2169 8.64661Z" fill="#5956E9"></path>
                             <path d="M9.97501 19.2735C8.92796 19.8081 7.71109 20.0023 6.56618 20.3668C5.07567 20.8417 4.06899 21.5671 3.5744 22.5228C3.07272 23.4929 3.08686 24.7524 3.61388 25.9782C4.07456 27.0509 4.82798 27.9452 5.55651 28.8099C5.63198 28.8993 5.76528 28.9099 5.85383 28.8353C5.94272 28.7603 5.95431 28.627 5.87923 28.538C5.17034 27.6968 4.43752 26.8269 4.00121 25.8115C3.5245 24.7025 3.50552 23.5744 3.94909 22.7165C4.39026 21.8637 5.31393 21.2084 6.69398 20.7689C7.84766 20.4018 9.06808 20.2105 10.1668 19.6492C10.2704 19.5962 10.3116 19.4691 10.2585 19.3655C10.2059 19.2614 10.0791 19.2209 9.97501 19.2735Z" fill="#5956E9"></path>
                             <path d="M6.43031 29.1164C6.3233 29.0696 6.19882 29.1179 6.15227 29.2243C6.10495 29.3309 6.15325 29.4554 6.25988 29.5025L6.53981 29.6263C6.64697 29.6731 6.77138 29.6249 6.81785 29.5185C6.86517 29.4118 6.81686 29.2873 6.71023 29.2403L6.43031 29.1164Z" fill="#5956E9"></path>
                             <path d="M24.2967 23.2258C24.1818 23.2461 24.1053 23.3554 24.1256 23.4702L24.8473 27.5612C24.8676 27.6761 24.9769 27.7526 25.0917 27.7323C25.2066 27.7121 25.2831 27.6028 25.2628 27.488L24.5411 23.397C24.5208 23.2822 24.4115 23.2056 24.2967 23.2258Z" fill="#5956E9"></path>
                             <path d="M8.61364 21.0505C7.76879 21.2536 6.8951 21.4638 6.12861 21.9404C5.24812 22.487 4.69468 23.3224 4.64789 24.1747C4.59127 25.2061 5.23965 26.1048 5.90849 26.937C5.98102 27.0265 6.11236 27.0433 6.20536 26.9691C6.29587 26.8963 6.31049 26.7634 6.23758 26.6727C5.59405 25.8724 5.02066 25.081 5.06949 24.1978C5.1083 23.4829 5.58759 22.7729 6.35111 22.2986C7.05996 21.8579 7.89991 21.6559 8.71181 21.4606C8.82541 21.4332 8.89488 21.3195 8.86772 21.2061C8.84042 21.0933 8.72987 21.0217 8.61364 21.0505Z" fill="#5956E9"></path>
                           </svg></span>
                       </div>
                       <div class="tp-funfact-7-item-content">
                          <span>10k online courses</span>
                          <p>Explore a fresh topics</p>
                       </div>
                    </div>
                 </div>
                 <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="tp-funfact-7-item text-center">
                       <div class="tp-funfact-7-item-icon">
                          <span><svg xmlns="http://www.w3.org/2000/svg" width="40" height="34" viewBox="0 0 40 34" fill="none">
                             <path d="M31.4756 14.7773C31.3387 10.8338 29.045 7.03182 25.6202 5.07199C22.1954 3.11217 17.7554 3.06069 14.2861 4.94058C10.8168 6.82047 8.43547 10.5682 8.20721 14.5076L5.70098 13.214C6.17619 8.56318 9.09652 4.23215 13.2298 2.04791C17.3632 -0.136331 22.5868 -0.10875 26.6969 2.11886C30.8069 4.34648 33.6814 8.70822 34.1076 13.3636L31.4756 14.7773Z" fill="#5956E9"></path>
                             <path d="M18.4715 33.0031C19.1403 33.1232 19.8577 33.0557 20.4322 32.7038C20.8011 32.4781 21.0908 32.1416 21.2675 31.7557C25.3887 32.2859 29.4964 30.4481 31.8856 27.3931C32.606 27.9455 33.5419 28.2458 34.4986 28.2458C35.1876 28.2458 35.8859 28.0919 36.5183 27.7687C40.1388 25.9177 40.0733 20.3507 39.9671 18.6883C39.8535 16.9129 39.222 15.3712 38.1888 14.3474C37.2042 13.3722 35.8248 12.8524 34.4733 12.9277C33.9111 8.25525 31.0403 3.99911 26.8955 1.75257C22.6341 -0.557383 17.322 -0.586086 13.0353 1.67953C8.82345 3.90522 5.8894 8.19649 5.32031 12.9208C4.03821 12.9077 2.74529 13.4219 1.81124 14.3474C0.77801 15.3712 0.146462 16.9129 0.0329329 18.6883C-0.0733005 20.3506 -0.138805 25.9177 3.48171 27.7687C4.11406 28.0919 4.81199 28.2458 5.50095 28.2458C6.81776 28.2458 8.1017 27.6831 8.82802 26.6655C9.44698 25.7989 9.63579 24.7505 9.76399 23.8358C9.99554 22.1869 10.0908 20.5077 10.0473 18.8448C10.0143 17.5792 9.88939 16.2515 9.20733 15.1166C9.0469 14.8496 8.85215 14.6046 8.6376 14.3776C8.90996 10.6408 11.189 7.09286 14.4849 5.3071C17.8259 3.49624 22.1162 3.54627 25.4132 5.43386C28.695 7.31166 30.9038 10.9582 31.0555 14.7356C30.9619 14.8585 30.872 14.9843 30.7924 15.1166C30.1109 16.2518 29.9859 17.5792 29.9529 18.8446C29.9094 20.5078 30.0046 22.187 30.2362 23.8359C30.3644 24.7504 30.5532 25.7989 31.1721 26.6655C31.2069 26.7143 31.2489 26.7569 31.2862 26.8036C29.0213 29.7585 25.1524 31.386 21.4558 30.9404C21.4635 30.396 21.2515 29.8521 20.8706 29.4738C20.4661 29.0723 19.9224 28.8843 19.4434 28.7533C18.8131 28.581 18.164 28.4601 17.5145 28.394C17.1019 28.3515 16.6648 28.3362 16.2522 28.5004C15.4461 28.8219 14.9818 29.7841 15.1958 30.6909C15.5901 32.3628 17.8025 32.8834 18.4715 33.0031ZM37.7567 25.5407L31.1392 16.3567C31.2341 16.0742 31.3531 15.8018 31.5069 15.546C31.6067 15.3799 31.7254 15.2262 31.8516 15.0786L38.4382 24.2159C38.2523 24.6952 38.026 25.1407 37.7567 25.5407ZM38.6063 23.7369L32.1451 14.7732C32.4692 14.4728 32.8472 14.2293 33.2582 14.0548L39.0023 22.0229C38.9119 22.6145 38.782 23.1915 38.6063 23.7369ZM37.6019 14.9395C38.4407 15.7703 38.9678 17.0232 39.1093 18.4832L35.8102 13.9015C36.4758 14.089 37.1003 14.4424 37.6019 14.9395ZM34.3831 13.7633C34.4991 13.7527 34.6151 13.7474 34.7315 13.7474C34.8914 13.7474 35.0509 13.7607 35.2098 13.7804L39.1591 19.2649C39.1817 19.9707 39.1575 20.6992 39.0806 21.4192L33.6659 13.9082C33.8997 13.8386 34.139 13.7858 34.3831 13.7633ZM2.39805 14.9395C2.89682 14.445 3.51715 14.0946 4.1786 13.9065L0.89202 18.4707C1.0353 17.0162 1.56165 15.7679 2.39805 14.9395ZM0.841429 19.2534L4.78249 13.7803C5.05909 13.7456 5.33875 13.7379 5.61648 13.7633C5.85861 13.7856 6.09577 13.8379 6.32772 13.9064L0.918478 21.4099C0.84175 20.689 0.818338 19.9598 0.841429 19.2534ZM0.996329 22.0141L6.73582 14.0525C7.1472 14.2265 7.52547 14.4693 7.85019 14.7692L1.3912 23.7296C1.21585 23.1836 1.08629 22.6061 0.996329 22.0141ZM8.93866 23.7199C8.82393 24.5369 8.65908 25.4681 8.15005 26.1813C7.61094 26.9354 6.67601 27.3681 5.69 27.4137L9.05523 22.7418C9.0206 23.0686 8.98428 23.3952 8.93866 23.7199ZM9.12779 21.9289L5.18569 27.4016C4.73174 27.3612 4.27914 27.2404 3.86094 27.0265C3.85156 27.0217 3.8433 27.0152 3.834 27.0103L9.21751 19.5411C9.22008 20.3368 9.19001 21.1339 9.12779 21.9289ZM9.2127 18.8355L3.47554 26.7953C3.10584 26.5487 2.78322 26.2402 2.50003 25.8862L9.00096 16.8641C9.14712 17.5016 9.19482 18.1753 9.2127 18.8355ZM8.8584 16.3493L2.2397 25.5349C1.97071 25.1345 1.74445 24.6888 1.55893 24.2092L8.14395 15.074C8.27183 15.223 8.39186 15.3782 8.49272 15.5461C8.64521 15.7995 8.76379 16.0693 8.8584 16.3493ZM25.8273 4.71035C22.2841 2.68318 17.6768 2.62946 14.0877 4.57421C10.7229 6.39757 8.34054 9.93013 7.86165 13.7221C7.34676 13.3747 6.76404 13.1254 6.15013 13.0038C6.68803 8.61661 9.51753 4.48105 13.4244 2.41643C17.4074 0.312368 22.5381 0.338826 26.4984 2.48538C30.3543 4.57533 33.1267 8.6939 33.6485 13.0502C32.9854 13.213 32.3604 13.5183 31.8313 13.9405C31.4225 10.1606 29.1312 6.60122 25.8273 4.71035ZM30.9972 16.8722L37.496 25.8914C37.2125 26.2449 36.8893 26.5526 36.5192 26.7986L30.7869 18.8456C30.8045 18.1851 30.8518 17.5107 30.9972 16.8722ZM30.7824 19.5517L36.1606 27.0137C36.1531 27.0176 36.1465 27.0228 36.139 27.0266C35.7184 27.2415 35.2632 27.3623 34.8068 27.402L30.873 21.9408C30.8106 21.1455 30.7802 20.348 30.7824 19.5517ZM31.0613 23.7199C31.0163 23.3995 30.9806 23.0772 30.9462 22.7547L34.3017 27.4131C33.3185 27.3657 32.3874 26.9339 31.8499 26.1813C31.3408 25.4681 31.1761 24.5369 31.0613 23.7199ZM16.5606 29.2748C16.793 29.182 17.0766 29.1871 17.4298 29.2229C18.0337 29.2846 18.6372 29.3971 19.2236 29.5572C19.6163 29.6648 20.0167 29.8006 20.2829 30.0651C20.8301 30.6081 20.7049 31.5602 19.9976 31.9929C19.6415 32.2108 19.152 32.2782 18.6181 32.1828C17.5007 31.9827 16.2277 31.4355 16.0072 30.4997C15.8895 30.002 16.143 29.441 16.5606 29.2748Z" fill="#5956E9"></path>
                             <path d="M17.7473 16.7132C17.1113 17.5691 16.3287 18.2308 15.5002 18.9314C14.9146 19.4268 14.3087 19.9392 13.7642 20.5237C13.5709 20.7308 13.6371 21.0666 13.8932 21.1855C14.8172 21.6146 16.3348 21.5088 17.4214 21.4458C17.8931 21.4185 18.3382 21.3929 18.6931 21.3994C18.9132 21.3934 19.113 21.2203 19.1175 20.9904C19.1216 20.7603 18.9389 20.5703 18.7085 20.5659C18.3223 20.559 17.8613 20.5857 17.373 20.6137C16.5558 20.6611 15.5882 20.7173 14.8614 20.6019C15.2419 20.2414 15.6447 19.9006 16.0386 19.5678C16.8663 18.8674 17.7224 18.1433 18.4163 17.2104C18.9673 16.4694 19.2937 15.8206 19.4421 15.1686C19.6423 14.2931 19.4959 13.4274 19.0397 12.7938C18.3177 11.7896 16.8341 11.4656 15.6638 12.057C14.624 12.5818 13.9253 13.7411 13.8847 15.0105C13.877 15.2405 14.0576 15.4329 14.2875 15.4404C14.5101 15.4551 14.7103 15.2679 14.7173 15.0374C14.7482 14.0831 15.2796 13.1844 16.0394 12.8009C16.8403 12.3966 17.8824 12.6114 18.3634 13.2804C18.6751 13.7136 18.7748 14.3498 18.6299 14.9828C18.5074 15.5185 18.2271 16.0682 17.7473 16.7132Z" fill="#5956E9"></path>
                             <path d="M26.7539 18.9472C26.7633 18.7172 26.5846 18.5234 26.3547 18.514C25.9184 18.4961 25.4814 18.4842 25.0436 18.4784C25.0273 18.1916 24.849 15.0303 24.7603 13.3803C24.7505 13.1998 24.6256 13.0462 24.451 13C24.274 12.9524 24.0917 13.025 23.9936 13.1768C22.7196 15.1532 21.6689 16.9723 20.2096 18.7801C20.105 18.9095 20.0875 19.0889 20.1652 19.236C20.2429 19.3836 20.4009 19.4696 20.5669 19.4572C21.789 19.3602 23.0232 19.3101 24.2549 19.3073C24.2904 19.9434 24.3253 20.5792 24.3595 21.2146C24.3717 21.4368 24.5556 21.6089 24.7754 21.6089C24.7831 21.6089 24.7904 21.6087 24.7981 21.6083C25.0281 21.5959 25.2042 21.3995 25.192 21.1698C25.1583 20.5511 25.1245 19.9317 25.0899 19.3124C25.5009 19.3185 25.9115 19.3298 26.3204 19.3465C26.5683 19.3541 26.745 19.1771 26.7539 18.9472ZM21.436 18.5614C22.3569 17.3357 23.1562 16.0622 23.9985 14.7218C24.0558 15.7638 24.0955 16.4633 24.2084 18.474C23.2835 18.4772 22.3573 18.5063 21.436 18.5614Z" fill="#5956E9"></path>
                             <path d="M22.5151 1.84614C18.5459 1.00926 14.2568 2.22401 11.3167 5.01598C11.2333 5.09536 11.23 5.22717 11.3094 5.31063C11.388 5.39393 11.5206 5.39762 11.6041 5.31833C14.4461 2.61936 18.5944 1.44614 22.429 2.25392C22.5405 2.27709 22.6523 2.20613 22.676 2.093C22.6995 1.98043 22.6275 1.86995 22.5151 1.84614Z" fill="#5956E9"></path>
                             <path d="M10.6879 5.71599L10.2956 6.05209C10.2081 6.12698 10.1979 6.25839 10.2728 6.34594C10.347 6.43269 10.478 6.44399 10.5666 6.36871L10.9589 6.03221C11.0464 5.95732 11.0566 5.82568 10.9817 5.73836C10.9064 5.65129 10.7749 5.64111 10.6879 5.71599Z" fill="#5956E9"></path>
                           </svg></span>
                       </div>
                       <div class="tp-funfact-7-item-content">
                          <span>Educator help</span>
                          <p>Always get answers.</p>
                       </div>
                    </div>
                 </div>
              </div>
           </div>
        </div>
        </section> --}}
        <div class="rbt-section-gap rbt-counterup-area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 mb--40">
                        <div class="section-title text-center">
                            <h2 class="title">All <span class="theme-gradient"> Courses </span></h2>
                        </div>
                    </div>
                </div>
                <div class="row g-5">
                    <div class="col-md-12">
                        <div class="swiper team-slide-activation-4 rbt-dot-bottom-center">
                            <div class="swiper-wrapper">
                                @foreach ($courses as $course)
                                    <div class="swiper-slide">
                                        <div class="rbt-cat-box rbt-cat-box-1 variation-2 text-center p-0">
                                            <div class="inner">
                                                <div class="thumbnail">
                                                    <a href="#">
                                                        <img src="{{ asset('frontend/images/courses/' . $course->image) }}"
                                                            alt="Category Images"
                                                            onerror="this.onerror=null;this.src='{{ asset('frontend/images/city/web-design.jpg') }}';">
                                                    </a>
                                                </div>
                                                <div class="content">
                                                    <h5 class="title">
                                                        <a href="#">{{ $course->name }}</a>
                                                    </h5>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                            <div class="rbt-swiper-pagination"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Start Counterup Area  -->
        <div class="rbt-section-gap ">
            <div class="container">
                <div class="row mb--30">
                    <div class="col-lg-12">
                        <div class="section-title text-center">
                            <h2 class="title">Why <span class="theme-gradient">{{ config('app.name') }}</span></h2>
                        </div>
                    </div>
                </div>
                <div class="row g-5 hanger-line">
                    <!-- Start Single Counter  -->
                    @isset($website_data['trainers'])
                        <div class="col-lg-3 col-md-6 col-sm-6 col-6">
                            <div class="rbt-counterup rbt-hover-03 border-bottom-gradient">
                                <div class="inner">
                                    <div class="rbt-round-icon">
                                        <img src="{{ asset('frontend/images/icons/counter-01.png') }}" alt="Icons Images">
                                    </div>
                                    <div class="content">
                                        <h3 class="counter"><span class="odometer"
                                                data-count="{{ $website_data['trainers'] }}">00</span>
                                        </h3>
                                        <span class="subtitle">Learners &amp; counting</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endisset
                    <!-- End Single Counter  -->
                    <!-- Start Single Counter  -->
                    @isset($website_data['live_training'])
                        <div class="col-lg-3 col-md-6 col-sm-6 col-6">
                            <div class="rbt-counterup rbt-hover-03 border-bottom-gradient">
                                <div class="inner">
                                    <div class="rbt-round-icon">
                                        <img src="{{ asset('frontend/images/icons/counter-02.png') }}" alt="Icons Images">
                                    </div>
                                    <div class="content">
                                        <h3 class="counter"><span class="odometer"
                                                data-count="{{ $website_data['live_training'] }}">00</span>
                                        </h3>
                                        <span class="subtitle">Live Training</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endisset
                    <!-- End Single Counter  -->

                    <!-- Start Single Counter  -->
                    @isset($website_data['community_earning'])
                        <div class="col-lg-3 col-md-6 col-sm-6 col-6">
                            <div class="rbt-counterup rbt-hover-03 border-bottom-gradient">
                                <div class="inner">
                                    <div class="rbt-round-icon">
                                        <img src="{{ asset('frontend/images/icons/counter-03.png') }}" alt="Icons Images">
                                    </div>
                                    <div class="content">
                                        <h3 class="counter"><span class="odometer"
                                                data-count="{{ $website_data['community_earning'] }}">00</span>
                                        </h3>
                                        <span class="subtitle">Community Earning</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endisset
                    <!-- End Single Counter  -->

                    <!-- Start Single Counter  -->
                    @isset($website_data['students'])
                        <div class="col-lg-3 col-md-6 col-sm-6 col-6">
                            <div class="rbt-counterup rbt-hover-03 border-bottom-gradient">
                                <div class="inner">
                                    <div class="rbt-round-icon">
                                        <img src="{{ asset('frontend/images/icons/counter-04.png') }}" alt="Icons Images">
                                    </div>
                                    <div class="content">
                                        <h3 class="counter"><span class="odometer"
                                                data-count="{{ $website_data['students'] }}">00</span>
                                        </h3>
                                        <span class="subtitle">Certified Students</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endisset
                    <!-- End Single Counter  -->
                </div>
            </div>
        </div>
        <!-- End Counterup Area  -->

        <section class="course_promo rbt-section-gap">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-sm-12 col-xs-12 wow fadeInUp">
                        <div class="cp_content">
                            <h4>Best Online Learning Platform</h4>
                            <h2>Grow Your Skill, Define Your <span><u>Bright Future</u></span> For You</h2>
                            <p>From blogs to emails to ad copies, auto-generate catchy, original, and high-converting copies
                                in
                                popular tones languages.</p>
                            <ul>
                                <li><span class="fas fa-check"></span>Learn At Your Own Multiple Courses </li>
                                <li><span class="fas fa-check"></span>We Provide Study Materials </li>
                                <li><span class="fas fa-check"></span>Friendly Environment &amp; Expert Teacher</li>
                            </ul>
                        </div>
                        <div class="cp_btn">
                            <a href="#" class="rbt-btn btn-gradient radius-round btn-sm">Explore Our Courses <i
                                    class="feather-arrow-up-right"></i>
                            </a>
                        </div>
                    </div><!--- END COL -->
                    <div class="col-lg-6 col-sm-12 col-xs-12 wow fadeInUp">
                        <div class="cp_img">
                            <img src="{{ asset('frontend/images/about5.png') }}" class="img-fluid" alt="image">
                        </div>
                    </div><!--- END COL -->
                </div><!--- END ROW -->
            </div><!--- END CONTAINER -->
        </section>

        <div class="rbt-section-gap">
            <div class="container">
                <div class="row">
                    <div class="modern-course-features-box h-100">
                        <div class="inner row">
                            <div class="thumbnail col-md-4">
                                <img src="{{ asset('frontend/images/founder.jpg') }}" alt="Image">
                            </div>
                            <div class="content col-md-8 m-auto">
                                <h2 class="text-center mt--10">Meet Our CEO & Founder</h2>
                                <p class="text-center mt--10">At the heart of our affiliate website is an inspiring leader
                                    who
                                    embodies passion, vision, and innovation. Our founder, Founder Name, is a dedicated
                                    entrepreneur with a deep understanding of affiliate marketing and the digital ecosystem.
                                    With years of experience in driving online growth and helping businesses succeed, Aman
                                    Choudhary built this platform to empower individuals and businesses alike.</p>
                                <p class="text-center mt--10">Founder Name mission is simple yet impactful: to create
                                    opportunities for others to thrive in the world of affiliate marketing. With a strong
                                    belief
                                    in leveraging technology and strategic partnerships, Founder Name ensures that our
                                    platform delivers exceptional tools, insights, and resources to maximize success for
                                    every
                                    partner and user.</p>
                                <p class="text-center mt--10">Join us on this journey as we continue to grow and redefine
                                    the
                                    affiliate marketing landscape under Founder Name visionary leadership.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="rbt-section-gap rbt-counterup-area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 mb--40">
                        <div class="section-title text-center">
                            <h2 class="title">Instructors At <span class="theme-gradient">{{ config('app.name') }}
                                </span>
                            </h2>
                        </div>
                    </div>
                </div>
                <div class="row g-5">
                    <div class="col-md-12">
                        <div class="swiper team-slide-activation-4 rbt-dot-bottom-center">
                            <div class="swiper-wrapper">
                                @foreach ($instructors as $instructor)
                                    <div class="swiper-slide">
                                        <div class="rbt-team team-style-default style-three small-layout rbt-hover">
                                            <div class="inner">
                                                <div class="thumbnail">
                                                    <img src="{{ asset('frontend/images/instructors/' . $instructor->image) }}"
                                                        alt="{{ $instructor->name }}"
                                                        onerror="this.onerror=null;this.src='{{ asset('frontend/images/team/team-02.jpg') }}';">
                                                </div>
                                                <div class="content">
                                                    <h4 class="title">{{ $instructor->name }}</h4>
                                                    <h6 class="subtitle theme-gradient">{{ $instructor->designation }}
                                                    </h6>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>

                            <div class="rbt-swiper-pagination"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="rbt-section-gap">
            <div class="wrapper">
                <div class="container">
                    <div class="row g-7">
                        <div class="col-lg-7">
                            <div class="row mb--20">
                                <div class="col-lg-12">
                                    <div class="section-title ">
                                        <h2 class="title">Why Choose <span class="theme-gradient">Us</span></h2>
                                        <p class="description mt--20">
                                            "Level up your career with {{ config('app.name') }}. Industry-leading
                                            training programs and expert
                                            guidance for success."
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="row g-4">
                                <div class="col-lg-6 col-6">
                                    <div class="rbt-card variation-01 rbt-hover card-list-2">
                                        <div class="icon">
                                            <img src="{{ asset('frontend/images/courses.png') }}">
                                        </div>
                                        <div class="card-body">
                                            <h4 class="card-title">TOP NOTCH COURSES</h4>
                                            <p class="card-text">
                                                Keep oneself up to date with the most recent market trends
                                                because of the fierce rivalry.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <br>
                                <div class="col-lg-6 col-6">
                                    <div class="rbt-card variation-01 rbt-hover card-list-2">
                                        <div class="icon">
                                            <img src="{{ asset('frontend/images/certificate.png') }}">
                                        </div>
                                        <div class="card-body">
                                            <h4 class="card-title">COURSES CERTIFICATE</h4>
                                            <p class="card-text">
                                                With {{ config('app.name') }} certification now you can boost your CV to
                                                kick start your professional career.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-6">
                                    <div class="rbt-card variation-01 rbt-hover card-list-2">
                                        <div class="icon">
                                            <img src="{{ asset('frontend/images/online.png') }}">
                                        </div>
                                        <div class="card-body">
                                            <h4 class="card-title">ONLINE QUIZZES</h4>
                                            <p class="card-text">
                                                Practice with online custom designed quizzes for you so that you can learn
                                                &amp;
                                                Practice.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-6">
                                    <div class="rbt-card variation-01 rbt-hover card-list-2">
                                        <div class="icon">
                                            <img src="{{ asset('frontend/images/community.png') }}">
                                        </div>
                                        <div class="card-body">
                                            <h4 class="card-title">PROFFESIONAL SYSTEM</h4>
                                            <p class="card-text">
                                                With {{ config('app.name') }} exclusive partner program, now trainers can
                                                start their journey.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-5 d-none d-xl-block">
                            <img src="{{ asset('frontend/images/why-join.png') }}" alt="Why {{ config('app.name') }}">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="rbt-testimonial-area rbt-counterup-area rbt-section-gap">
            <div class="wrapper">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="section-title text-center">
                                <h2 class="title">Words From <span class="theme-gradient"> Our Students </span></h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container mt--50">
                <div class="testimonial-item-3-activation swiper rbt-arrow-between gutter-swiper-30">
                    <div class="swiper-wrapper">
                        @foreach ($reviews as $item)
                            <!-- Start Single Testimonial  -->
                            <div class="swiper-slide">
                                <div class="single-slide">
                                    <div class="rbt-testimonial-box">
                                        <div class="inner">
                                            <div class="description">
                                                <p class="subtitle-3">{{ $item['message'] }}</p>
                                            </div>
                                        </div>
                                        <div class="clint-info-wrapper p-3">
                                            <div class="thumb">
                                                <img src="{{ asset('frontend/images/reviews/' . $item['image']) }}"
                                                    alt="{{ $item['name'] }}">
                                            </div>
                                            <div class="client-info">
                                                <h5 class="title">{{ $item['name'] }}</h5>
                                                <span>{{ $item['designation'] }}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- End Single Testimonial  -->
                        @endforeach
                    </div>

                    <div class="rbt-swiper-arrow rbt-arrow-left">
                        <div class="custom-overfolow">
                            <i class="rbt-icon feather-arrow-left"></i>
                            <i class="rbt-icon-top feather-arrow-left"></i>
                        </div>
                    </div>

                    <div class="rbt-swiper-arrow rbt-arrow-right">
                        <div class="custom-overfolow">
                            <i class="rbt-icon feather-arrow-right"></i>
                            <i class="rbt-icon-top feather-arrow-right"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div
            class="rbt-accordion-area accordion-style-1  overflow-hidden position-relative top-circle-shape-top overlpping-call-to-action">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 mb--40">
                        <div class="section-title text-center">
                            <h2 class="title">Frequently Asked <span class="theme-gradient"> Questions </span></h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="rbt-accordion-style accordion">
                            <div class="rbt-accordion-style rbt-accordion-04 accordion">
                                <div class="accordion" id="accordionExamplec3">
                                    @foreach ($first_half_faqs as $first_half_faq)
                                        <div class="accordion-item card">
                                            <h2 class="accordion-header card-header"
                                                id="headingThree{{ $first_half_faq['id'] }}">
                                                <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse"
                                                    data-bs-target="#collapseThree{{ $first_half_faq['id'] }}"
                                                    aria-expanded="false"
                                                    aria-controls="collapseThree{{ $first_half_faq['id'] }}">
                                                    {{ $first_half_faq['title'] }}
                                                </button>
                                            </h2>
                                            <div id="collapseThree{{ $first_half_faq['id'] }}"
                                                class="accordion-collapse collapse"
                                                aria-labelledby="headingThree{{ $first_half_faq['id'] }}"
                                                data-bs-parent="#accordionExamplec3">
                                                <div class="accordion-body card-body">
                                                    {!! $first_half_faq['content'] !!}
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="rbt-accordion-style accordion">
                            <div class="rbt-accordion-style rbt-accordion-04 accordion">
                                <div class="accordion" id="faqs-accordionExamplec3">
                                    @foreach ($second_half_faqs as $second_half_faq)
                                        <div class="accordion-item card">
                                            <h2 class="accordion-header card-header"
                                                id="faqs-headingThree{{ $second_half_faq['id'] }}">
                                                <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse"
                                                    data-bs-target="#faqs-collapseThree{{ $second_half_faq['id'] }}"
                                                    aria-expanded="false"
                                                    aria-controls="faqs-collapseThree{{ $second_half_faq['id'] }}">
                                                    {{ $second_half_faq['title'] }}
                                                </button>
                                            </h2>

                                            <div id="faqs-collapseThree{{ $second_half_faq['id'] }}"
                                                class="accordion-collapse collapse"
                                                aria-labelledby="faqs-headingThree{{ $second_half_faq['id'] }}"
                                                data-bs-parent="#faqs-accordionExamplec3">
                                                <div class="accordion-body card-body">
                                                    {!! $second_half_faq['content'] !!}
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="rbt-section-gap rbt-counterup-area">
            <div class="">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 mb--40">
                            <div class="section-title text-center">
                                <h2 class="title">Our <span class="theme-gradient">Certificates</span></h2>
                            </div>
                        </div>
                    </div>
                    <div class="row g-5">

                        <!-- Start Single Card  -->
                        <div class="col-lg-4 col-md-6 col-sm-12 col-12">
                            <div class="rbt-card variation-02 rbt-hover">
                                <div class="rbt-card-img">
                                    <a href="#" target="_blank">
                                        <img src="{{ asset('frontend/images/msme.jpg') }}" alt="Card image"> </a>
                                </div>
                                <div class="rbt-card-body">
                                    <h5 class="rbt-card-title"><a href="#" target="_blank">MSME Udhyam
                                            Registration</a>
                                    </h5>
                                </div>
                            </div>
                        </div>
                        <!-- End Single Card  -->

                        <!-- Start Single Card  -->
                        <div class="col-lg-4 col-md-6 col-sm-12 col-12">
                            <div class="rbt-card variation-02 rbt-hover">
                                <div class="rbt-card-img">
                                    <a href="#" target="_blank">
                                        <img src="{{ asset('frontend/images/iso.jpg') }}" alt="Card image"> </a>
                                </div>
                                <div class="rbt-card-body">
                                    <h5 class="rbt-card-title"><a href="#" target="_blank">ISO 9001:2015</a></h5>
                                </div>
                            </div>
                        </div>
                        <!-- End Single Card  -->

                        <!-- Start Single Card  -->
                        <div class="col-lg-4 col-md-6 col-sm-12 col-12">
                            <div class="rbt-card variation-02 rbt-hover">
                                <div class="rbt-card-img">
                                    <a href="#" target="_blank">
                                        <img src="{{ asset('frontend/images/Ministry_of_Corporate_Affairs_India.png') }}"
                                            alt="Card image"> </a>
                                </div>
                                <div class="rbt-card-body">
                                    <h5 class="rbt-card-title"><a href="#" target="_blank">Ministry Of Corporate
                                            Affairs</a></h5>
                                </div>
                            </div>
                        </div>
                        <!-- End Single Card  -->

                    </div>
                </div>
            </div>
        </div>
        @if ($offer)
            <div class="modal fade" id="offer_modal" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true"
                data-keyboard="false" data-bs-backdrop="static" style="z-index:999999999;">
                <div class="modal-dialog modal-md modal-dialog-centered">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h6 class="modal-title" id="myModalLabel">{{ $offer?->title }} !</h6>
                            <button type="button" class="btn-close bg-white" data-bs-dismiss="modal"
                                aria-label="Close"></button>
                        </div>
                        <div class="modal-body p-0">
                            @if ($offer?->link)
                                <a href="{{ $offer?->link }}">
                                    <img src="{{ asset('backend/img/offers/' . $offer?->image) }}" class="img-fluid">
                                </a>
                            @else
                                <img src="{{ asset('backend/img/offers/' . $offer?->image) }}" class="img-fluid">
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        @endif

        {{-- <div class="modal fade" id="request_call_modal" tabindex="-1" aria-hidden="true" data-keyboard="false" data-bs-backdrop="static" style="z-index:99999;">
        <div class="modal-dialog modal-md modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h6 class="modal-title">Request A Call Back!</h6>
                    <button type="button" class="btn-close bg-white" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body p-0">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="rbt-contact-form contact-form-style-1 max-width-auto" style="padding:20px 25px;">
                                <form method="POST" action="{{ route('user.enquiry') }}">
                                    @csrf
                                    <div class="row">
                                        <div class="form-group col-lg-12">
                                            <input type="text" name="name" id="name" required data-error="Please enter your name">
                                            <div class="help-block with-errors"></div>
                                            <label>Name</label>
                                            <span class="focus-border"></span>
                                        </div>
                                        <div class="form-group col-lg-12">
                                            <input type="text" name="phone_number" id="phone_number" required data-error="Please enter your number">
                                            <div class="help-block with-errors"></div>
                                            <label>Phone</label>
                                            <span class="focus-border"></span>
                                        </div>
                                        <div class="form-group col-lg-12">
                                            <input type="email" name="email" id="email" required data-error="Please enter your email">
                                            <div class="help-block with-errors"></div>
                                            <label>Email</label>
                                            <span class="focus-border"></span>
                                            <input type="hidden" name="msg_subject" value="Front Popup Enquiry">
                                            <input type="hidden" name="message" value="Front Popup Enquiry">
                                        </div>
                                        <div class="form-submit-group">
                                            <button class="rbt-btn rbt-switch-btn btn-gradient radius-round btn-sm w-100 text-center" type="submit" class="">Submit</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="align-center">
                                <img src="{{ asset('frontend/images/enquiry.png') }}" alt="img" class="img-fluid">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> --}}

        @if ($offer)
            @push('js')
                <script type="text/javascript">
                    $(document).ready(function() {
                        if (sessionStorage.getItem('#offer_modal') !== 'true') {
                            $('#offer_modal').modal('show');
                            sessionStorage.setItem('#offer_modal', 'true');
                        }
                    });
                </script>
            @endpush
        @endif

        @push('js')
            <script>
                $(document).ready(function() {
                    if (sessionStorage.getItem('AnnouncementOnce') !== 'true') {
                        var modalShown = false;
                        $(window).scroll(function() {
                            var scrollPosition = $(window).scrollTop();
                            var triggerPoint = 800; // Adjust this value to where you want the modal to trigger
                            if (scrollPosition > triggerPoint && !modalShown) {
                                $('#request_call_modal').modal('show');
                                modalShown = true;
                            }
                        });

                        sessionStorage.setItem('AnnouncementOnce', 'true');
                    }
                });
            </script>
        @endpush
    @endsection