<div class="section-padding-medium shop pb-5">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="course-filter">
                    <div class="course-filter-title d-flex align-items-center flex-wrap mb-3 mb-lg-4">
                        <label class="checkbox mb-0" for="upcoming">
                            <input type="checkbox" name="" id="upcoming" class="d-none">
                            <span class="checkbox-title">Upcoming</span>
                            <span class="checkbox-icon"> </span>
                        </label>
                        <label class="checkbox mb-0" for="popular">
                            <input type="checkbox" name="" id="popular" class="d-none">
                            <span class="checkbox-title">Popular</span>
                            <span class="checkbox-icon"> </span>
                        </label>
                        <label class="checkbox mb-0" for="discount">
                            <input type="checkbox" name="" id="discount" class="d-none">
                            <span class="checkbox-title">Discount</span>
                            <span class="checkbox-icon"> </span>
                        </label>
                        <label class="checkbox mb-0" for="free">
                            <input type="checkbox" name="" id="free" class="d-none">
                            <span class="checkbox-title">Free</span>
                            <span class="checkbox-icon"> </span>
                        </label>
                        <div class="ms-md-auto ml-md-auto">
                            <button class="theme-btn" id="show-side-filter">
                                <svg class="m-0" width="18" height="15" viewBox="0 0 18 15" fill="none"
                                     xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M6.075 8.55C7.45758 8.55 8.61615 9.50922 8.92134 10.7985L17.325 10.8C17.6978 10.8 18 11.1022 18 11.475C18 11.8167 17.746 12.0991 17.4166 12.1439L17.325 12.15L8.92161 12.1506C8.61669 13.4403 7.45794 14.4 6.075 14.4C4.6921 14.4 3.53335 13.4403 3.22841 12.1506L0.675 12.15C0.302211 12.15 0 11.8478 0 11.475C0 11.1333 0.253935 10.8508 0.583407 10.8061L0.675 10.8L3.22841 10.7994C3.53335 9.50967 4.6921 8.55 6.075 8.55ZM6.075 9.9C5.38727 9.9 4.8025 10.3408 4.58778 10.9553L4.56926 11.0117L4.53462 11.1451C4.51193 11.2514 4.5 11.3618 4.5 11.475C4.5 11.6143 4.5181 11.7495 4.55206 11.8781L4.58789 11.9951L4.61102 12.0569C4.8425 12.6388 5.41072 13.05 6.075 13.05C6.76238 13.05 7.34688 12.6096 7.56189 11.9957L7.59798 11.878L7.58259 11.9323C7.62642 11.7876 7.65 11.634 7.65 11.475C7.65 11.3807 7.64172 11.2883 7.62579 11.1985L7.59879 11.0751L7.58079 11.0118L7.53867 10.8922C7.30692 10.3108 6.73894 9.9 6.075 9.9ZM11.925 0C13.3079 0 14.4667 0.959688 14.7716 2.24941L17.325 2.25C17.6978 2.25 18 2.55221 18 2.925C18 3.26673 17.746 3.54914 17.4166 3.59384L17.325 3.6L14.7716 3.60059C14.4667 4.89031 13.3079 5.85 11.925 5.85C10.5421 5.85 9.38331 4.89031 9.07839 3.60059L0.675 3.6C0.302211 3.6 0 3.29779 0 2.925C0 2.58327 0.253935 2.30086 0.583407 2.25616L0.675 2.25L9.07866 2.2485C9.38385 0.959238 10.5424 0 11.925 0ZM11.925 1.35C11.2373 1.35 10.6525 1.79078 10.4377 2.40525L10.4193 2.46163L10.3846 2.59503C10.362 2.70144 10.35 2.81182 10.35 2.925C10.35 3.06435 10.3681 3.19947 10.4021 3.32815L10.4379 3.44508L10.4611 3.50698C10.6924 4.08876 11.2607 4.5 11.925 4.5C12.6124 4.5 13.1969 4.05966 13.4119 3.44567L13.448 3.32803L13.4326 3.38227C13.4764 3.23756 13.5 3.08403 13.5 2.925C13.5 2.83066 13.4917 2.73825 13.4758 2.64847L13.4488 2.52509L13.4308 2.46176L13.3887 2.34212C13.1569 1.76082 12.5889 1.35 11.925 1.35Z"
                                        fill="currentColor"/>
                                </svg>
                                <span class="ms-2">More Filter</span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="course-title d-flex flex-wrap align-items-center">
                    <h5 class="mb-0">Showing 1–12 of 40 Results</h5>
                    <ul class="d-flex align-items-center flex-wrap mb-2 mb-md-0 ms-auto view-option">
                        <li>
                            <select class="search-hide">
                                <option value="1">Show 12 Items</option>
                                <option value="2">Show 20 Items</option>
                                <option value="3">Show 32 Items</option>
                                <option value="4">Show 40 Items</option>
                            </select>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xl-3 col-lg-4">
                <div class="course-filter-sidebar">
                    <!-- <button type="button" class="btn-close text-reset d-lg-none" data-bs-dismiss="filter"></button> -->
                    <button type="button" class="close text-reset d-lg-none" aria-label="Close"
                            data-bs-dismiss="filter">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="course-filter-limit">
                        <div class="course-filter-item w-100">
                            <h5>Category</h5>
                            <ul>
                                <li>
                                    <label for="cate-1" class="radio">
                                        <input type="radio" name="category" id="cate-1">
                                        <span class="radio-btn"> </span>
                                        <span class="radio-title">Art & Design <span>(08)</span></span>
                                    </label>
                                </li>
                                <li>
                                    <label for="cate-2" class="radio">
                                        <input type="radio" name="category" id="cate-2">
                                        <span class="radio-btn"> </span>
                                        <span class="radio-title">Business <span>(12)</span></span>
                                    </label>
                                </li>
                                <li>
                                    <label for="cate-3" class="radio">
                                        <input type="radio" name="category" id="cate-3">
                                        <span class="radio-btn"> </span>
                                        <span class="radio-title">Basic Computer <span>(08)</span></span>
                                    </label>
                                </li>
                                <li>
                                    <label for="cate-4" class="radio">
                                        <input type="radio" name="category" id="cate-4">
                                        <span class="radio-btn"> </span>
                                        <span class="radio-title">Data Science <span>(07)</span></span>
                                    </label>
                                </li>
                                <li>
                                    <label for="cate-5" class="radio">
                                        <input type="radio" name="category" id="cate-5">
                                        <span class="radio-btn"> </span>
                                        <span class="radio-title">Development <span>(10)</span></span>
                                    </label>
                                </li>
                                <li>
                                    <label for="cate-6" class="radio">
                                        <input type="radio" name="category" id="cate-6">
                                        <span class="radio-btn"> </span>
                                        <span class="radio-title">Finance <span>(11)</span></span>
                                    </label>
                                </li>
                                <li>
                                    <label for="cate-7" class="radio">
                                        <input type="radio" name="category" id="cate-7">
                                        <span class="radio-btn"> </span>
                                        <span class="radio-title">Data Science <span>(111)</span></span>
                                    </label>
                                </li>
                            </ul>
                        </div>
                        <div class="course-filter-item w-100">
                            <h5>Sort by</h5>
                            <ul>
                                <li>
                                    <label for="st-1" class="radio">
                                        <input type="radio" name="sort-by" id="st-1">
                                        <span class="radio-btn"> </span>
                                        <span class="radio-title">Latest</span>
                                    </label>
                                </li>
                                <li>
                                    <label for="st-2" class="radio">
                                        <input type="radio" name="sort-by" id="st-2">
                                        <span class="radio-btn"> </span>
                                        <span class="radio-title">Oldest</span>
                                    </label>
                                </li>
                                <li>
                                    <label for="st-3" class="radio">
                                        <input type="radio" name="sort-by" id="st-3">
                                        <span class="radio-btn"> </span>
                                        <span class="radio-title">Course Title (a-z)</span>
                                    </label>
                                </li>
                                <li>
                                    <label for="st-4" class="radio">
                                        <input type="radio" name="sort-by" id="st-4">
                                        <span class="radio-btn"> </span>
                                        <span class="radio-title">Course Title (z-a)</span>
                                    </label>
                                </li>
                            </ul>
                        </div>
                        <div class="course-filter-item w-100">
                            <h5>Instructor</h5>
                            <ul>
                                <li>
                                    <label for="ins-1" class="radio">
                                        <input type="radio" name="instructor" id="ins-1">
                                        <span class="radio-btn"> </span>
                                        <span class="radio-title">Donald Logan <span>(11)</span></span>
                                    </label>
                                </li>
                                <li>
                                    <label for="ins-2" class="radio">
                                        <input type="radio" name="instructor" id="ins-2">
                                        <span class="radio-btn"> </span>
                                        <span class="radio-title">Oliver Porter <span>(11)</span></span>
                                    </label>
                                </li>
                                <li>
                                    <label for="ins-3" class="radio">
                                        <input type="radio" name="instructor" id="ins-3">
                                        <span class="radio-btn"> </span>
                                        <span class="radio-title">Roley Patrik <span>(11)</span></span>
                                    </label>
                                </li>
                                <li>
                                    <label for="ins-4" class="radio">
                                        <input type="radio" name="instructor" id="ins-4">
                                        <span class="radio-btn"> </span>
                                        <span class="radio-title">Tomi Hensley <span>(11)</span></span>
                                    </label>
                                </li>
                                <li>
                                    <label for="ins-5" class="radio">
                                        <input type="radio" name="instructor" id="ins-5">
                                        <span class="radio-btn"> </span>
                                        <span class="radio-title">Alex Itzel <span>(11)</span></span>
                                    </label>
                                </li>
                                <li>
                                    <label for="ins-6" class="radio">
                                        <input type="radio" name="instructor" id="ins-6">
                                        <span class="radio-btn"> </span>
                                        <span class="radio-title">Jhon Denim <span>(11)</span></span>
                                    </label>
                                </li>
                                <li>
                                    <label for="ins-7" class="radio">
                                        <input type="radio" name="instructor" id="ins-7">
                                        <span class="radio-btn"> </span>
                                        <span class="radio-title">Jhon Denim <span>(11)</span></span>
                                    </label>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-9 col-lg-8">
                <div class="row" style="margin-top: -30px">
                    <div class="col-xl-4 col-sm-6 d-flex">
                        <div class="shop-item bg-white w-100">
                            <div class="text-center position-relative">
                                <div class="shop-item-rating">
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star-half-alt text-primary"></i>
                                </div>
                                <a href="#" class="shop-item-img d-block">
                                    <img src="https://placehold.co/280x200" alt="">
                                </a>
                            </div>
                            <div class="shop-item-content">
                                <span>Education</span>
                                <h4><a href="#" class="currentColor">Awesome Abacus For Kids Multiple Colors</a>
                                </h4>
                                <div class="d-flex align-items-end justify-content-between">
                                    <div>
                                        <del class="d-block fw-500">$743</del>
                                        <strong class="fw-bold d-block">$160</strong>
                                    </div>
                                    <div>
                                        <a href="#" class="theme-btn"><i
                                                class="fa fa-shopping-cart"></i>Buy
                                            Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-sm-6 d-flex">
                        <div class="shop-item bg-white w-100">
                            <div class="text-center position-relative">
                                <div class="shop-item-rating">
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star-half-alt text-primary"></i>
                                </div>
                                <a href="#" class="shop-item-img d-block">
                                    <img src="https://placehold.co/280x200" alt="">
                                </a>
                            </div>
                            <div class="shop-item-content">
                                <span>Education</span>
                                <h4><a href="#" class="currentColor">Awesome Abacus For Kids Multiple Colors</a>
                                </h4>
                                <div class="d-flex align-items-end justify-content-between">
                                    <div>
                                        <del class="d-block fw-500">$743</del>
                                        <strong class="fw-bold d-block">$160</strong>
                                    </div>
                                    <div>
                                        <a href="#" class="theme-btn"><i
                                                class="fa fa-shopping-cart"></i>Buy
                                            Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-sm-6 d-flex">
                        <div class="shop-item bg-white w-100">
                            <div class="text-center position-relative">
                                <div class="shop-item-rating">
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star-half-alt text-primary"></i>
                                </div>
                                <a href="#" class="shop-item-img d-block">
                                    <img src="https://placehold.co/280x200" alt="">
                                </a>
                            </div>
                            <div class="shop-item-content">
                                <span>Education</span>
                                <h4><a href="#" class="currentColor">Awesome Abacus For Kids Multiple Colors</a>
                                </h4>
                                <div class="d-flex align-items-end justify-content-between">
                                    <div>
                                        <del class="d-block fw-500">$743</del>
                                        <strong class="fw-bold d-block">$160</strong>
                                    </div>
                                    <div>
                                        <a href="#" class="theme-btn"><i
                                                class="fa fa-shopping-cart"></i>Buy
                                            Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-sm-6 d-flex">
                        <div class="shop-item bg-white w-100">
                            <div class="text-center position-relative">
                                <div class="shop-item-rating">
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star-half-alt text-primary"></i>
                                </div>
                                <a href="#" class="shop-item-img d-block">
                                    <img src="https://placehold.co/280x200" alt="">
                                </a>
                            </div>
                            <div class="shop-item-content">
                                <span>Education</span>
                                <h4><a href="#" class="currentColor">Awesome Abacus For Kids Multiple Colors</a>
                                </h4>
                                <div class="d-flex align-items-end justify-content-between">
                                    <div>
                                        <del class="d-block fw-500">$743</del>
                                        <strong class="fw-bold d-block">$160</strong>
                                    </div>
                                    <div>
                                        <a href="#" class="theme-btn"><i
                                                class="fa fa-shopping-cart"></i>Buy
                                            Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-sm-6 d-flex">
                        <div class="shop-item bg-white w-100">
                            <div class="text-center position-relative">
                                <div class="shop-item-rating">
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star-half-alt text-primary"></i>
                                </div>
                                <a href="#" class="shop-item-img d-block">
                                    <img src="https://placehold.co/280x200" alt="">
                                </a>
                            </div>
                            <div class="shop-item-content">
                                <span>Education</span>
                                <h4><a href="#" class="currentColor">Awesome Abacus For Kids Multiple Colors</a>
                                </h4>
                                <div class="d-flex align-items-end justify-content-between">
                                    <div>
                                        <del class="d-block fw-500">$743</del>
                                        <strong class="fw-bold d-block">$160</strong>
                                    </div>
                                    <div>
                                        <a href="#" class="theme-btn"><i
                                                class="fa fa-shopping-cart"></i>Buy
                                            Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-sm-6 d-flex">
                        <div class="shop-item bg-white w-100">
                            <div class="text-center position-relative">
                                <div class="shop-item-rating">
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star-half-alt text-primary"></i>
                                </div>
                                <a href="#" class="shop-item-img d-block">
                                    <img src="https://placehold.co/280x200" alt="">
                                </a>
                            </div>
                            <div class="shop-item-content">
                                <span>Education</span>
                                <h4><a href="#" class="currentColor">Awesome Abacus For Kids Multiple Colors</a>
                                </h4>
                                <div class="d-flex align-items-end justify-content-between">
                                    <div>
                                        <del class="d-block fw-500">$743</del>
                                        <strong class="fw-bold d-block">$160</strong>
                                    </div>
                                    <div>
                                        <a href="#" class="theme-btn"><i
                                                class="fa fa-shopping-cart"></i>Buy
                                            Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-sm-6 d-flex">
                        <div class="shop-item bg-white w-100">
                            <div class="text-center position-relative">
                                <div class="shop-item-rating">
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star-half-alt text-primary"></i>
                                </div>
                                <a href="#" class="shop-item-img d-block">
                                    <img src="https://placehold.co/280x200" alt="">
                                </a>
                            </div>
                            <div class="shop-item-content">
                                <span>Education</span>
                                <h4><a href="#" class="currentColor">Awesome Abacus For Kids Multiple Colors</a>
                                </h4>
                                <div class="d-flex align-items-end justify-content-between">
                                    <div>
                                        <del class="d-block fw-500">$743</del>
                                        <strong class="fw-bold d-block">$160</strong>
                                    </div>
                                    <div>
                                        <a href="#" class="theme-btn"><i
                                                class="fa fa-shopping-cart"></i>Buy
                                            Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-sm-6 d-flex">
                        <div class="shop-item bg-white w-100">
                            <div class="text-center position-relative">
                                <div class="shop-item-rating">
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star-half-alt text-primary"></i>
                                </div>
                                <a href="#" class="shop-item-img d-block">
                                    <img src="https://placehold.co/280x200" alt="">
                                </a>
                            </div>
                            <div class="shop-item-content">
                                <span>Education</span>
                                <h4><a href="#" class="currentColor">Awesome Abacus For Kids Multiple Colors</a>
                                </h4>
                                <div class="d-flex align-items-end justify-content-between">
                                    <div>
                                        <del class="d-block fw-500">$743</del>
                                        <strong class="fw-bold d-block">$160</strong>
                                    </div>
                                    <div>
                                        <a href="#" class="theme-btn"><i
                                                class="fa fa-shopping-cart"></i>Buy
                                            Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-sm-6 d-flex">
                        <div class="shop-item bg-white w-100">
                            <div class="text-center position-relative">
                                <div class="shop-item-rating">
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star-half-alt text-primary"></i>
                                </div>
                                <a href="#" class="shop-item-img d-block">
                                    <img src="https://placehold.co/280x200" alt="">
                                </a>
                            </div>
                            <div class="shop-item-content">
                                <span>Education</span>
                                <h4><a href="#" class="currentColor">Awesome Abacus For Kids Multiple Colors</a>
                                </h4>
                                <div class="d-flex align-items-end justify-content-between">
                                    <div>
                                        <del class="d-block fw-500">$743</del>
                                        <strong class="fw-bold d-block">$160</strong>
                                    </div>
                                    <div>
                                        <a href="#" class="theme-btn"><i
                                                class="fa fa-shopping-cart"></i>Buy
                                            Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-sm-6 d-flex">
                        <div class="shop-item bg-white w-100">
                            <div class="text-center position-relative">
                                <div class="shop-item-rating">
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star-half-alt text-primary"></i>
                                </div>
                                <a href="#" class="shop-item-img d-block">
                                    <img src="https://placehold.co/280x200" alt="">
                                </a>
                            </div>
                            <div class="shop-item-content">
                                <span>Education</span>
                                <h4><a href="#" class="currentColor">Awesome Abacus For Kids Multiple Colors</a>
                                </h4>
                                <div class="d-flex align-items-end justify-content-between">
                                    <div>
                                        <del class="d-block fw-500">$743</del>
                                        <strong class="fw-bold d-block">$160</strong>
                                    </div>
                                    <div>
                                        <a href="#" class="theme-btn"><i
                                                class="fa fa-shopping-cart"></i>Buy
                                            Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-sm-6 d-flex">
                        <div class="shop-item bg-white w-100">
                            <div class="text-center position-relative">
                                <div class="shop-item-rating">
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star-half-alt text-primary"></i>
                                </div>
                                <a href="#" class="shop-item-img d-block">
                                    <img src="https://placehold.co/280x200" alt="">
                                </a>
                            </div>
                            <div class="shop-item-content">
                                <span>Education</span>
                                <h4><a href="#" class="currentColor">Awesome Abacus For Kids Multiple Colors</a>
                                </h4>
                                <div class="d-flex align-items-end justify-content-between">
                                    <div>
                                        <del class="d-block fw-500">$743</del>
                                        <strong class="fw-bold d-block">$160</strong>
                                    </div>
                                    <div>
                                        <a href="#" class="theme-btn"><i
                                                class="fa fa-shopping-cart"></i>Buy
                                            Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-sm-6 d-flex">
                        <div class="shop-item bg-white w-100">
                            <div class="text-center position-relative">
                                <div class="shop-item-rating">
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star text-primary"></i>
                                    <i class="fa fa-star-half-alt text-primary"></i>
                                </div>
                                <a href="#" class="shop-item-img d-block">
                                    <img src="https://placehold.co/280x200" alt="">
                                </a>
                            </div>
                            <div class="shop-item-content">
                                <span>Education</span>
                                <h4><a href="#" class="currentColor">Awesome Abacus For Kids Multiple Colors</a>
                                </h4>
                                <div class="d-flex align-items-end justify-content-between">
                                    <div>
                                        <del class="d-block fw-500">$743</del>
                                        <strong class="fw-bold d-block">$160</strong>
                                    </div>
                                    <div>
                                        <a href="#" class="theme-btn"><i
                                                class="fa fa-shopping-cart"></i>Buy
                                            Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
