{% include 'header1.twig' %}


  <main><section id="banner">
  <div class="container">
    <div class="row d-flex align-items-center">
      <div class="col-md-6">
        <div class="banner_title">
          <h5 class="smallest_title">#No1 SMM Panel In World.</h5>
          <h1>
            <span class="text__primary">The World's Best</span> Social Media Service Provider..
           
         <!--    <span class="text__primary">Social Media Service Provider</span>
         
       .. -->
          </h1>
          <p>
            <b>{{ site["site_name"]  }}</b> is a <b>Lorem ipsum dolor sit amet consectetur.</b>Lorem ipsum, dolor sit amet consectetur adipisicing elit.
            <strong>Lorem ipsum dolor sit. </strong> Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus, modi.
          </p>
          <div class="banner_btn">
            <a href="/signup" class="btn btn__home btn__fill btn_bob"
              >Get Started</a
              >
            <a href="/signup" class="btn btn__home btn__nofill btn_bob"
              >Sign up Now</a
              >
          </div>
          <div class="boost__media">
            <p>Lorem ipsum dolor sit amet.</p>
            <div class="media_icons">
              <img
                src="https://res.cloudinary.com/sol-0123456789/image/upload/v1672314094/user-12-29/user-12-29/Facebook_1_u7oiyu_uewmoc_lpewir.png"
                class="banner_media"
                alt=""
                />
              <img
                src="https://res.cloudinary.com/sol-0123456789/image/upload/v1672314097/user-12-29/user-12-29/Tikto_1_j8sgwb_apw8ps_i9gckh.png"
                class="banner_media"
                alt=""
                />
              <img
                src="https://res.cloudinary.com/sol-0123456789/image/upload/v1672314097/user-12-29/user-12-29/Twitter_1_jb2obi_rgqwhm_nl2mvy.png"
                class="banner_media"
                alt=""
                />
              <img
                src="https://res.cloudinary.com/sol-0123456789/image/upload/v1672314097/user-12-29/user-12-29/Youtube_1_azpxhv_qk3zkn_glyn2q.png"
                class="banner_media"
                alt=""
                />
              <img
                src="https://res.cloudinary.com/sol-0123456789/image/upload/v1672314094/user-12-29/user-12-29/Discord_1_mq4oim_gjlsov_xtipcv.png"
                class="banner_media"
                alt=""
                />
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-1"></div>
      <div class="col-md-5">
        <div class="login__box">
          <h2 class="text-center text-bold">Sign In</h2>
          <form  method="post" action="">
            
            <div class="form_group mb-2">
              <div class="form_icon">
                <i class="fas fa-user-astronaut"></i>
              </div>
              <input type="text" name="username" class="form-control"
                                        placeholder="Username" value="{{ data["username"] }}">
            </div>
            <div class="form_group mb-2">
              <div class="form_icon">
                <i class="fas fa-lock"></i>
              </div>
              <input type="password" name="password"
                                        placeholder="Password" class="form-control" id="">
            </div>
            <div class="form-group">
              <label for="remember">
              <input type="checkbox" name="remember" value="1" id="remember" class="d-none"
                                    checked>
              Remember me
              </label>
            </div>
            
            <input type="hidden" name="_csrf"  value="f9737e8e7dbce865cd02ea9563d35f63_f45fa2bddfc83d8a23415440b547b5b3" /><input type="hidden" name="login_btn" value="Login">
            <button class="btn btn__home btn__fill w-100 btn_login mt-3" type="submit" name="login_btn">
            Log In
            </button>
            <p class="p-0 m-0 text-center">
              <a href="reset-password" class="forget-pass">Forgot Password?</a>
            </p>
            <p class="p-0 m-0 text-center">
              Do not have an account? <a href="signup" class="m-l">Sign Up</a>
            </p>
          </form>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- ## Banner -->
<!-- Counter Sections -->
<section id="counter">
  <div class="container">
    <div class="row">
      <div class="col-lg-3 col-md-6 col-6">
        <div class="counter_item">
          <div class="counter_icon">
            <img
              src="https://res.cloudinary.com/sol-0123456789/image/upload/v1672314096/user-12-29/user-12-29/lykarx7irsywnnxn_vjltow_kgv9r8_b3onxs.png"
              class="item_cart img-fluid"
              alt=""
              />
          </div>
          <div class="counter_count">
            <h4>17786</h4>
            <h5>Total Orders</h5>
          </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-6 col-6">
        <div class="counter_item">
          <div class="counter_icon">
            <img
              src="https://res.cloudinary.com/sol-0123456789/image/upload/v1672314093/user-12-29/user-12-29/b7p4tncmwtha2j2f_rvq7zn_vqi6ul_eb7osj.png"
              class="item_money img-fluid"
              alt=""
              />
          </div>
          <div class="counter_count">
            <h4>$ 12345 /1K</h4>
            <h5>Price Starting</h5>
          </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-6 col-6">
        <div class="counter_item">
          <div class="counter_icon">
            <img
              src="https://res.cloudinary.com/sol-0123456789/image/upload/v1672314092/user-12-29/user-12-29/4db1pl22tld9pdkp_j8fknb_glg6nz_kbrx9l.png"
              class="item_txt img-fluid"
              alt=""
              />
          </div>
          <div class="counter_count">
            <h4>24/7</h4>
            <h5>Fastest Support</h5>
          </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-6 col-6">
        <div class="counter_item">
          <div class="counter_icon">
            <img
              src="https://res.cloudinary.com/sol-0123456789/image/upload/v1672314092/user-12-29/user-12-29/8t1s315exqf0cy5p_u9xzkk_tgwux8_nruvp4.png"
              class="item_api img-fluid"
              alt=""
              />
          </div>
          <div class="counter_count">
            <h4>12345</h4>
            <h5>Api User</h5>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- ### Counter Sections -->
<!-- Cheap and Best Section -->
<section id="cheapBest">
  <div class="container">
    <div class="row d-flex align-items-center justify-content-between">
      <div class="col-md-6">
        <div class="cheap_title">
          <h2>
            lorem &amp;Lorem, ipsum dolor.
            <span class="text__primary">Lorem, ipsum dolor.</span>
            <br />
            Lorem, ipsum dolor.
          </h2>
          <p>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse quaerat maiores, quae consequuntur aliquid animi. Id cupiditate eum a earum.
          </p>
        </div>
        <div class="more_cheap">
          <div class="more_item">
            <div class="icon">
              <i class="fas fa-shield-check"></i>
            </div>
            <h4>Lorem ipsum dolor sit.</h4>
          </div>
          <div class="more_item">
            <div class="icon">
              <i class="fas fa-shield-check"></i>
            </div>
            <h4>Lorem ipsum dolor sit.</h4>
          </div>
          <div class="more_item">
            <div class="icon">
              <i class="fas fa-shield-check"></i>
            </div>
            <h4>Lorem ipsum dolor sit.</h4>
          </div>
          <div class="more_item">
            <div class="icon">
              <i class="fas fa-shield-check"></i>
            </div>
            <h4>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Similique doloremque dignissimos corrupti, voluptas dicta, rerum ipsam excepturi unde consequuntur tenetur iste quas praesentium cupiditate nostrum animi saepe quibusdam vel adipisci.</h4>
          </div>
        </div>
        <div class="banner_btn">
          <a href="/services" class="btn btn__home btn__fill btn_bob"
            >Our Services</a
            >
          <a href="/signup" class="btn btn__home btn__nofill btn_bob"
            >Register Now</a
            >
        </div>
      </div>
      <div class="col-md-6">
        <div class="cheapBest_img">
          <lottie-player src="https://res.cloudinary.com/sol-0123456789/raw/upload/v1672314096/user-12-29/user-12-29/lottipalyer1_ukmdbx_jnstzq.json" background="transparent" speed="1" loop="" autoplay=""></lottie-player>
      
      </div>
      </div>
    </div>
  </div>
</section>
<!-- ## Cheap and Best Section -->
<!-- Why Choose Us -->
<section id="whyChooseUs">
  <div class="container">
    <div class="row d-flex align-items-center">
      <div class="col-lg-6">
        <div class="sec__title__wrap">
          <h4 class="sec__title__small"></h4>
          <h2 class="sec__title">
            ‼ lorem ipsum ist <br />
            <strong class="text__primary">lorem2</strong>
            tools for <br />
         Lorem ipsum dolor sit amet consectetur.
          </h2>
          <p class="sec__dsc">
 Lorem ipsum dolor sit.
            <strong>Lorem ipsum dolor sit.</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repellendus, cupiditate dolorem! Veritatis!.
            <br />
           Lorem ipsum dolor sit amet.
            <strong> Lorem ipsum dolor sit amet consectetur adipisicing elit.</strong
              >, then <strong>{{ site["site_name"]  }}</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Inventore?
            <br />
          Lorem ipsum dolor sit.
            <strong>Lorem ipsum dolor sit amet.</strong>
          </p>
        </div>
      </div>
      <div class="col-lg-6">
        <div class="box_wraper">
          <div class="box_item_wrap box_1">
            <div class="box_icon">
              <i class="fas fa-sack-dollar"></i>
            </div>
            <div class="box_cont">
              <h4>Lorem ipsum dolor sit amet.</h4>
              <p>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, ullam..
              </p>
            </div>
          </div>
          <div class="box_item_wrap box_2">
            <div class="box_icon">
              <i class="far fa-alarm-clock"></i>
            </div>
            <div class="box_cont">
              <h4>Lorem ipsum dolor sit amet.</h4>
              <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Explicabo, sit!
              </p>
            </div>
          </div>
          <div class="box_item_wrap box_3">
            <div class="box_icon">
              <i class="fas fa-users-class"></i>
            </div>
            <div class="box_cont">
              <h4>Lorem, ipsum.</h4>
              <p>
            Lorem ipsum dolor sit amet consectetur, adipisicing elit. Hic assumenda veniam error?
              </p>
            </div>
          </div>
          <div class="box_item_wrap box_4">
            <div class="box_icon">
              <i class="fas fa-headset"></i>
            </div>
            <div class="box_cont">
              <h4>Lorem, ipsum dolor.</h4>
              <p>
           Lorem ipsum, dolor sit amet consectetur adipisicing elit. Doloremque eum dicta a!
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- ## Why Choose Us -->
<!-- Services Section -->
<section id="services_area">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="top__title">
          <h5>Lorem, ipsum.</h5>
          <h2>Lorem ipsum dolor sit amet.</h2>
          <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia sint amet, repellendus ea libero, ipsam sapiente qui magni autem quidem nemo assumenda maxime ratione. Non. <strong>CHEAP SMM services</strong>lorme5
           <strong>Lorem ipsum dolor sit.L</strong>.
          </p>
        </div>
      </div>
      <div class="col-lg-12">
        <div id="services__wraper">
          <ul
            class="nav nav-pills mb-3 justify-content-center"
            id="pills-tab"
            role="tablist"
            >
            <!-- Button for facebook -->
            <li class="nav-item" role="presentation">
              <button
                class="nav-link"
                id="pills-home-tab"
                data-toggle="pill"
                data-target="#pills-home"
                type="button"
                role="tab"
                aria-controls="pills-home"
                aria-selected="false"
                >
              <img
                src="https://res.cloudinary.com/sol-0123456789/image/upload/v1672314094/user-12-29/user-12-29/FACEBOOK_4_fh9juc_yqpzj6_n6xarj.png"
                class="img-fluid"
                alt=""
                />
              </button>
            </li>
            <!-- Button for Instagram -->
            <li class="nav-item" role="presentation">
              <button
                class="nav-link"
                id="pills-profile-tab"
                data-toggle="pill"
                data-target="#pills-profile"
                type="button"
                role="tab"
                aria-controls="pills-profile"
                aria-selected="false"
                >
              <img
                src="https://res.cloudinary.com/sol-0123456789/image/upload/v1672314095/user-12-29/user-12-29/INSTA_1_pyhboj_cqhwcc_mwyx4c.png"
                alt=""
                class="img-fluid"
                />
              </button>
            </li>
            <!-- Button for Twitter -->
            <li class="nav-item" role="presentation">
              <button
                class="nav-link"
                id="pills-contact-tab"
                data-toggle="pill"
                data-target="#pills-contact"
                type="button"
                role="tab"
                aria-controls="pills-contact"
                aria-selected="false"
                >
              <img
                src="https://res.cloudinary.com/sol-0123456789/image/upload/v1672314097/user-12-29/user-12-29/TWITTER_3_kwe1au_tukfbd_li9ojw.png"
                alt=""
                class="img-fluid"
                />
              </button>
            </li>
            <!-- Button for Youtube -->
            <li class="nav-item" role="presentation">
              <button
                class="nav-link active"
                id="pills-contact-tab"
                data-toggle="pill"
                data-target="#pills-contact"
                type="button"
                role="tab"
                aria-controls="pills-contact"
                aria-selected="true"
                >
              <img
                src="https://res.cloudinary.com/sol-0123456789/image/upload/v1672314097/user-12-29/user-12-29/YOUTUBE_4_sfsmhr_bbmvkf_ytha5t.png"
                alt=""
                class="img-fluid"
                />
              </button>
            </li>
            <!-- Button for Tiktok -->
            <li class="nav-item" role="presentation">
              <button
                class="nav-link"
                id="pills-tiktok-tab"
                data-toggle="pill"
                data-target="#pills-tiktok"
                type="button"
                role="tab"
                aria-controls="pills-tiktok"
                aria-selected="false"
                >
              <img
                src="https://res.cloudinary.com/sol-0123456789/image/upload/v1672314097/user-12-29/user-12-29/TIKTOK_3_ivobcx_tdzls6_o4hmyj.png"
                alt=""
                class="img-fluid"
                />
              </button>
            </li>
          </ul>
          <div class="tab-content" id="pills-tabContent">
            <!-- Facebook Content -->
            <div
              class="tab-pane fade active show in"
              id="pills-home"
              role="tabpanel"
              aria-labelledby="pills-home-tab"
              tabindex="0"
              >
              <div class="tab_content_wraper">
                <div class="row">
                  <div class="col-lg-6">
                    <div class="tab__img">
                      <img
                        src="https://res.cloudinary.com/sol-0123456789/image/upload/v1672314097/user-12-29/user-12-29/tab_2_nlqna8_x0ufjd_frfhmr.png"
                        alt=""
                        class="img-fluid"
                        />
                    </div>
                  </div>
                  <div class="col-lg-6">
                    <div class="tab__content">
                      <h3>Lorem ipsum dolor sit amet consectetur.</h3>
                      <p>
                       Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti doloremque assumenda labore nulla reiciendis debitis consequatur sit at qui natus?
                        <strong> Lorem ipsum dolor sit amet.</strong>, Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae temporibus facere, accusamus accusantium odit quia reprehenderit, at in mollitia voluptatum, ipsam ea laboriosam! Qui a facilis necessitatibus quos? Magni, facilis!
                      </p>
                      <p>
                        ✅ <strong>Lorem, ipsum dolor.</strong> <br />
                        ✅
                        <strong>Lorem ipsum dolor sit amet.</strong>
                        <br />
                        ✅ <strong>lorem ipsim dollar smit ispum</strong> <br />
                        ✅ <strong>lorem ipsim dollar smit ispum</strong> <br />
                        ✅ <strong>lorem ipsim dollar smit ispum</strong> <br />
                        ✅ <strong>lorem ipsim dollar smit ispum</strong>
                        <br />
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- //Facebook Content -->
            <!-- Instagram Content -->
            <div
              class="tab-pane fade"
              id="pills-profile"
              role="tabpanel"
              aria-labelledby="pills-profile-tab"
              tabindex="0"
              >
              <div class="tab_content_wraper">
                <div class="row">
                  <div class="col-lg-6">
                    <div class="tab__img">
                      <img
                        src="https://res.cloudinary.com/sol-0123456789/image/upload/v1672314097/user-12-29/user-12-29/tab_wcxcms_zu67ro_stlyzy.png"
                        alt=""
                        class="img-fluid"
                        />
                    </div>
                  </div>
                  <div class="col-lg-6">
                    <div class="tab__content">
                      <h3>Lorem ipsum dolor sit.</h3>
                      <p>
                        <strong
                          >Lorem ipsum dolor sit amet consectetur adipisicing.</strong
                          >
                 Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt asperiores molestiae accusantium? Aliquid in molestiae nihil, minima illo aperiam magnam, adipisci, neque quo quas debitis..
                      </p>
                      <p>
                        ✅ <strong>Lorem ipsum dolor sit.</strong>
                        <br />
                        ✅
                        <strong
                          >Lorem ipsum dolor sit amet consectetur.</strong
                          >
                        <br />
                        ✅
                        <strong
                          >Lorem ipsum dolor sit amet consectetur</strong
                          >
                        <br />
                        ✅
                        <strong>Lorem ipsum dolor sit amet consectetur</strong>
                        <br />
                        ✅ <strong>Lorem ipsum dolor sit amet consectetur</strong>
                        <br />
                        ✅ <strong>Lorem ipsum dolor sit amet consectetur</strong>
                        <br />
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- //Instagram Content -->
            <!-- Twitter content -->
            <div
              class="tab-pane fade "
              id="pills-contact"
              role="tabpanel"
              aria-labelledby="pills-contact-tab"
              tabindex="0"
              >
              <div class="tab_content_wraper">
                <div class="row">
                  <div class="col-lg-6">
                    <div class="tab__img">
                      <img
                        src="https://res.cloudinary.com/sol-0123456789/image/upload/v1672314097/user-12-29/user-12-29/tab_3_ofyl61_h79o3h_siibge.png"
                        alt=""
                        class="img-fluid"
                        />
                    </div>
                  </div>
                  <div class="col-lg-6">
                    <div class="tab__content">
                      <h3>Lorem ipsum dolor sit.</h3>
                      <p>
                      Lorem ipsum dolor sit amet consectetur, adipisicing elit. Debitis, ipsa.
                      </p>
                      <p>
                        ✅ <strong>Lorem ipsum dolor sit.</strong> <br />
                        ✅
                        <strong
                          >Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores.</strong
                          >
                        <br />
                        ✅
                        <strong
                          >Lorem ipsum dolor sit amet.</strong
                          >
                        <br />
                        ✅
                        <strong>Lorem ipsum dolor sit amet.</strong>
                        <br />
                        ✅ <strong>Lorem, ipsum dolor.</strong> <br />
                        ✅ <strong>Lorem, ipsum.</strong>
                        <br />
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- //Twitter content -->
            <!-- Youtube Content -->
            <div
              class="tab-pane fade"
              id="pills-youtube"
              role="tabpanel"
              aria-labelledby="pills-youtube-tab"
              tabindex="0"
              >
              <div class="tab_content_wraper">
                <div class="row">
                  <div class="col-lg-6">
                    <div class="tab__img">
                      <img
                        src="https://res.cloudinary.com/sol-0123456789/image/upload/v1672314097/user-12-29/user-12-29/tab_3_ofyl61_h79o3h_siibge.png"
                        alt=""
                        class="img-fluid"
                        />
                    </div>
                  </div>
                  <div class="col-lg-6">
                    <div class="tab__content">
                      <h3>Lorem ipsum dolor sit amet consectetur.</h3>
                      <p>
                    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Deleniti hic voluptatibus quisquam modi obcaecati numquam deserunt libero consectetur, reiciendis culpa?
                      </p>
                      <p>
                        ✅ <strong>Lorem ipsum dolor sit.</strong> <br />
                        ✅
                        <strong
                          >Lorem ipsum dolor sit amet consectetur.</strong
                          >
                        <br />
                        ✅
                        <strong
                          >Lorem ipsum dolor sit amet consectetur.</strong
                          >
                        <br />
                        ✅ <strong>Lorem ipsum dolor sit.</strong>
                        <br />
                        ✅
                        <strong
                          >Lorem ipsum dolor sit amet consectetur.</strong
                          >
                        <br />
                        ✅ <strong>Lorem, ipsum dolor.</strong>
                        <br />
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- // Youtube Content -->
            <!-- Tiktok Content -->
            <div
              class="tab-pane fade"
              id="pills-tiktok"
              role="tabpanel"
              aria-labelledby="pills-tiktok-tab"
              tabindex="0"
              >
              <div class="tab_content_wraper">
                <div class="row">
                  <div class="col-lg-6">
                    <div class="tab__img">
                      <img
                        src="https://res.cloudinary.com/sol-0123456789/image/upload/v1672314097/user-12-29/user-12-29/tab_3_ofyl61_h79o3h_siibge.png"
                        alt=""
                        class="img-fluid"
                        />
                    </div>
                  </div>
                  <div class="col-lg-6">
                    <div class="tab__content">
                      <h3>Lorem ipsum dolor sit.</h3>
                      <p>
                      Lorem ipsum dolor sit amet consectetur, adipisicing elit. Deserunt et adipisci quasi facere ipsa. Vel.
                        <strong>Lorem ipsum dolor sit.</strong>.
                      </p>
                      <p>
                        ✅ <strong>Lorem ipsum dolor sit.</strong> <br />
                        ✅
                        <strong
                          >Lorem ipsum dolor sit amet.</strong
                          >
                        <br />
                        ✅ <strong>Lorem ipsum dolor sit.</strong>
                        <br />
                        ✅
                        <strong
                          >Lorem ipsum dolor sit amet consectetur.</strong
                          >
                        <br />
                        ✅ <strong>Lorem ipsum dolor sit.</strong> <br />
                        ✅ <strong>Lorem, ipsum dolor.</strong>
                        <br />
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- //Tiktok Content -->
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- ##Services Section -->
<!-- Frequetly Asked Questions -->
<section id="faq">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="top__title">
          <h5>lorem</h5>
          <h2>Lorem, ipsum dolor.</h2>
          <p>
           Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa neque alias corporis quaerat. Qui minus recusandae mollitia, atque dolorem earum?
          </p>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-6">
        <div
          class="faqAcc accordion accordion-flush"
          id="accordionFlushExample"
          >
          <!-- ITEM 1 -->
          <div class="accordion-item">
            <h2 class="accordion-header" id="flush-headingOne">
              <button
                class="accordion-button collapsed"
                type="button"
                data-toggle="collapse"
                data-target="#flush-collapseOne"
                aria-expanded="false"
                aria-controls="flush-collapseOne"
                >
        Lorem ipsum dolor sit.
              </button>
            </h2>
            <div
              id="flush-collapseOne"
              class="accordion-collapse collapse"
              aria-labelledby="flush-headingOne"
              data-bs-parent="#accordionFlushExample"
              >
              <div class="accordion-body">
            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quod expedita laborum alias pariatur consequatur? Perferendis?
              </div>
            </div>
          </div>
          <!-- ITEM 2-->
          <div class="accordion-item">
            <h2 class="accordion-header" id="flush-headingTwo">
              <button
                class="accordion-button collapsed"
                type="button" data-toggle="collapse"
                data-target="#flush-collapseTwo"
                aria-expanded="false"
                aria-controls="flush-collapseTwo"
                >
              Lorem ipsum dolor sit.
              </button>
            </h2>
            <div
              id="flush-collapseTwo"
              class="accordion-collapse collapse"
              aria-labelledby="flush-headingTwo"
              data-bs-parent="#accordionFlushExample"
              >
              <div class="accordion-body">
               Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolores modi laudantium amet iusto non, adipisci laborum expedita accusamus omnis esse cupiditate, cum, reprehenderit repudiandae temporibus.
              </div>
            </div>
          </div>
          <!-- ITEM 3 -->
          <div class="accordion-item">
            <h2 class="accordion-header" id="flush-headingThree">
              <button
                class="accordion-button collapsed"
                type="button"
                data-toggle="collapse"
                data-target="#flush-collapseThree"
                aria-expanded="false"
                aria-controls="flush-collapseThree"
                >
        Lorem, ipsum.<strong>lorem</strong>?
              </button>
            </h2>
            <div
              id="flush-collapseThree"
              class="accordion-collapse collapse"
              aria-labelledby="flush-headingThree"
              data-bs-parent="#accordionFlushExample"
              >
              <div class="accordion-body">
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolores modi laudantium amet iusto non, adipisci laborum expedita accusamus omnis esse cupiditate, cum, reprehenderit repudiandae temporibus.
              </div>
            </div>
          </div>
          <!-- ITEM 4 -->
          <div class="accordion-item">
            <h2 class="accordion-header" id="flush-heading4">
              <button
                class="accordion-button collapsed"
                type="button"
                data-toggle="collapse"
                data-target="#flush-collapse4"
                aria-expanded="false"
                aria-controls="flush-collapse4"
                >
          Lorem ipsum dolor sit amet consectetur adipis
              </button>
            </h2>
            <div
              id="flush-collapse4"
              class="accordion-collapse collapse"
              aria-labelledby="flush-heading4"
              data-bs-parent="#accordionFlushExample"
              >
              <div class="accordion-body">
                <strong>lorem</strong>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Culpa, labore?
                <strong>lorem</strong> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Reprehenderit, tenetur.
              </div>
            </div>
          </div>
          <!-- ITEM 5 -->
          <div class="accordion-item">
            <h2 class="accordion-header" id="flush-heading5">
              <button
                class="accordion-button collapsed"
                type="button"
                data-toggle="collapse"
                data-target="#flush-collapse5"
                aria-expanded="false"
                aria-controls="flush-collapse5"
                >
             Lorem ipsum dolor sit amet consectetur adipisicing elit.
              </button>
            </h2>
            <div
              id="flush-collapse5"
              class="accordion-collapse collapse"
              aria-labelledby="flush-heading5"
              data-bs-parent="#accordionFlushExample"
              >
              <div class="accordion-body">
                <strong>lorem</strong> Lorem ipsum dolor sit amet consectetur. <strong>lorem</strong> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolorem quam doloremque officiis repellendus, autem enim.
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-6">
        <div
          class="faqAcc accordion accordion-flush"
          id="accordionFlushedExample"
          >
          <!-- ITEM 6 -->
          <div class="accordion-item">
            <h2 class="accordion-header" id="flush-heading6">
              <button
                class="accordion-button collapsed"
                type="button"
                data-toggle="collapse"
                data-target="#flush-collapse6"
                aria-expanded="false"
                aria-controls="flush-collapse6"
                >
            Lorem ipsum dolor, sit amet consectetur adipi
              </button>
            </h2>
            <div
              id="flush-collapse6"
              class="accordion-collapse collapse"
              aria-labelledby="flush-heading6"
              data-bs-parent="#accordionFlushedExample"
              >
              <div class="accordion-body">
             Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus amet delectus a rerum ab ullam ducimus rem illo.
              </div>
            </div>
          </div>
          <!-- ITEM 7 -->
          <div class="accordion-item">
            <h2 class="accordion-header" id="flush-heading7">
              <button
                class="accordion-button collapsed"
                type="button"
                data-toggle="collapse"
                data-target="#flush-collapse7"
                aria-expanded="false"
                aria-controls="flush-collapse7"
                >
          Lorem ipsum, dolor sit amet consectetur adipisicing.
              </button>
            </h2>
            <div
              id="flush-collapse7"
              class="accordion-collapse collapse"
              aria-labelledby="flush-heading7"
              data-bs-parent="#accordionFlushedExample"
              >
              <div class="accordion-body">
               Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit illum mollitia doloremque nostrum labore, amet, iusto dolorem qui repellendus incidunt doloribus cupiditate?
              </div>
            </div>
          </div>
          <!-- ITEM 8 -->
          <div class="accordion-item">
            <h2 class="accordion-header" id="flush-heading8">
              <button
                class="accordion-button collapsed"
                type="button"
                data-toggle="collapse"
                data-target="#flush-collapse8"
                aria-expanded="false"
                aria-controls="flush-collapse8"
                >
             Lorem ipsum dolor sit amet consectetur.
              </button>
            </h2>
            <div
              id="flush-collapse8"
              class="accordion-collapse collapse"
              aria-labelledby="flush-heading8"
              data-bs-parent="#accordionFlushedExample"
              >
              <div class="accordion-body">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod vero corporis temporibus alias. Rerum, tempore?
              </div>
            </div>
          </div>
          <!-- ITEM 9 -->
          <div class="accordion-item">
            <h2 class="accordion-header" id="flush-heading9">
              <button
                class="accordion-button collapsed"
                type="button"
                data-toggle="collapse"
                data-target="#flush-collapse9"
                aria-expanded="false"
                aria-controls="flush-collapse9"
                >
           Lorem ipsum dolor sit amet consectetur.
              </button>
            </h2>
            <div
              id="flush-collapse9"
              class="accordion-collapse collapse"
              aria-labelledby="flush-heading9"
              data-bs-parent="#accordionFlushedExample"
              >
              <div class="accordion-body">
           Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nostrum sint esse illo amet obcaecati corrupti unde aut voluptatem natus corporis?
              </div>
            </div>
          </div>
          <!-- ITEM 10 -->
          <div class="accordion-item">
            <h2 class="accordion-header" id="flush-heading0">
              <button
                class="accordion-button collapsed"
                type="button"
                data-toggle="collapse"
                data-target="#flush-collapse0"
                aria-expanded="false"
                aria-controls="flush-collapse0"
                >
            Lorem ipsum dolor sit amet consectetur.
              </button>
            </h2>
            <div
              id="flush-collapse0"
              class="accordion-collapse collapse"
              aria-labelledby="flush-heading0"
              data-bs-parent="#accordionFlushedExample"
              >
              <div class="accordion-body">
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic eum error, inventore molestias nisi aspernatur at vel voluptatem, distinctio harum facilis autem?
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- ## Frequetly Asked Questions -->
<!-- Testimonials Slider Start -->
<section id="testimonialSection">
  <!-- Testimonial -->
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="top__title">
          <h5>lorem</h5>
          <h2 class="text-white">Lorem ipsum dolor sit amet consectetur.</h2>
          <p class="text-white">
           Lorem ipsum dolor sit. <strong>lorem</strong>Lorem ipsum dolor sit.
          </p>
        </div>
        <div class="testimonial">
          <div class="row">
            <div class="col-lg-2"></div>
            <div class="col-lg-8">
              <div
                class="testimonial__member swiper swiper-initialized swiper-horizontal swiper-pointer-events"
                id="testimonialMember"
                >
                <div
                  class="swiper-wrapper"
                  id="swiper-wrapper-6867a7303c9b7cfa"
                  aria-live="off"
                  style="
                  transition-duration: 0ms;
                  transform: translate3d(-588.8px, 0px, 0px);
                  "
                  >
                  <div
                    class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev"
                    data-swiper-slide-index="0"
                    role="group"
                    aria-label="1 / 5"
                    style="width: 147.2px"
                    >
                    <img
                      src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669109072/honest_smPannel/1_7_bmbfoz_myiitv.png"
                      alt="Member"
                      />
                  </div>
                  <div
                    class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active"
                    data-swiper-slide-index="1"
                    role="group"
                    aria-label="2 / 5"
                    style="width: 147.2px"
                    >
                    <img
                      src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669109097/honest_smPannel/5_hbvbkf_lr2uex.png"
                      alt="Member"
                      />
                  </div>
                  <div
                    class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next"
                    data-swiper-slide-index="2"
                    role="group"
                    aria-label="3 / 5"
                    style="width: 147.2px"
                    >
                    <img
                      src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669109118/honest_smPannel/2_5_i4rhgu_vca11g.png"
                      alt="Member"
                      />
                  </div>
                  <div
                    class="swiper-slide swiper-slide-duplicate"
                    data-swiper-slide-index="3"
                    role="group"
                    aria-label="4 / 5"
                    style="width: 147.2px"
                    >
                    <img
                      src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669109139/honest_smPannel/3_3_t3hekk_1_fjuppf.png"
                      alt="Member"
                      />
                  </div>
                  <div
                    class="swiper-slide swiper-slide-duplicate"
                    data-swiper-slide-index="4"
                    role="group"
                    aria-label="5 / 5"
                    style="width: 147.2px"
                    >
                    <img
                      src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669109163/honest_smPannel/4_1_suebwf_sk7oza.png"
                      alt="Member"
                      />
                  </div>
                
                </div>
                <span
                  class="swiper-notification"
                  aria-live="assertive"
                  aria-atomic="true"
                  ></span>
              </div>
              <div
                class="testimonial__comments swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-autoheight"
                id="testimonialComments"
                >
                <div
                  class="swiper-wrapper"
                  id="swiper-wrapper-90f046eedefd2272"
                  aria-live="polite"
                  style="
                  transition-duration: 0ms;
                  transform: translate3d(-1492px, 0px, 0px);
                  height: 180px;
                  "
                  >
               
                  <div
                    class="swiper-slide swiper-slide-prev"
                    data-swiper-slide-index="0"
                    role="group"
                    aria-label="1 / 5"
                    style="width: 736px; margin-right: 10px"
                    >
                    <div class="testimonial__item">
                      <div class="testimonial__item-stars">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                      </div>
                      <div class="testimonial__item-text">
                       Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nemo ut officiis vel ipsa laudantium recusandae hic expedita! Delectus in veritatis similique magnam.
                      </div>
                      <div class="testimonial__item-name">Lorem, ipsum..</div>
                      <div class="testimonial__item-tag">Lorem, ipsum.</div>
                    </div>
                  </div>
                  <div
                    class="swiper-slide swiper-slide-active"
                    data-swiper-slide-index="1"
                    role="group"
                    aria-label="2 / 5"
                    style="width: 736px; margin-right: 10px"
                    >
                    <div class="testimonial__item">
                      <div class="testimonial__item-stars">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                      </div>
                      <div class="testimonial__item-text">
                      Lorem ipsum dolor sit amet consectetur adipisicing elit. At minus nobis harum, hic impedit, amet dolor consequatur assumenda voluptates quisquam ipsam excepturi?
                      </div>
                      <div class="testimonial__item-name">Lorem, ipsum..</div>
                      <div class="testimonial__item-tag">
                    Lorem, ipsum.p
                      </div>
                    </div>
                  </div>
                  <div
                    class="swiper-slide swiper-slide-next"
                    data-swiper-slide-index="2"
                    role="group"
                    aria-label="3 / 5"
                    style="width: 736px; margin-right: 10px"
                    >
                    <div class="testimonial__item">
                      <div class="testimonial__item-stars">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                      </div>
                      <div class="testimonial__item-text">
                     Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ea voluptas sint quo accusamus, assumenda sed. Reiciendis, dignissimos beatae.
                      </div>
                      <div class="testimonial__item-name">Lorem, ipsum..</div>
                      <div class="testimonial__item-tag">Lorem, ipsum.</div>
                    </div>
                  </div>
                  <div
                    class="swiper-slide"
                    data-swiper-slide-index="3"
                    role="group"
                    aria-label="4 / 5"
                    style="width: 736px; margin-right: 10px"
                    >
                    <div class="testimonial__item">
                      <div class="testimonial__item-stars">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                      </div>
                      <div class="testimonial__item-text">
                      Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consequuntur hic, aliquid blanditiis ducimus quod harum pariatur nesciunt facilis laborum.
                      </div>
                      <div class="testimonial__item-name">Adam A.</div>
                      <div class="testimonial__item-tag">
                       Lorem, ipsum dolor.
                      </div>
                    </div>
                  </div>
                  <div
                    class="swiper-slide"
                    data-swiper-slide-index="4"
                    role="group"
                    aria-label="5 / 5"
                    style="width: 736px; margin-right: 10px"
                    >
                    <div class="testimonial__item">
                      <div class="testimonial__item-stars">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                      </div>
                      <div class="testimonial__item-text">
                       Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eveniet corrupti suscipit numquam placeat doloribus eos debitis consequuntur, quod nobis alias.
                      </div>
                      <div class="testimonial__item-name">Ray L.</div>
                      <div class="testimonial__item-tag">Actor.</div>
                    </div>
                  </div>
             
                </div>
                <span
                  class="swiper-notification"
                  aria-live="assertive"
                  aria-atomic="true"
                  ></span>
              </div>
            </div>
            <div class="col-lg-2"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- ## Testimonials Slider Start -->
<!-- Payment Gateway we accept -->
<section id="payment">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="top__title">
          <h5>Lorem, ipsum dolor.</h5>
          <h2>Lorem ipsum dolor sit amet.</h2>
          <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo id deleniti fugiat!
          </p>
        </div>
      </div>
    </div>
  </div>
  <div id="paymentSlider " cla>
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <div class="Slider_main_container">
            <div class="swiper mySwiper">
              <div class="swiper-wrapper">
                <div class="swiper-slide">    <img
                  src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108002/honest_smPannel/bkash_zzpwwx_dlpesm.png"
                  class="img-fluid"
                  alt=""
                  /></div>
                <div class="swiper-slide">  <img
                  src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108030/honest_smPannel/nagad_smbg2w_davjtb.png"
                  class="img-fluid"
                  alt=""
                  /></div>
                <div class="swiper-slide">  <img
                  src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108054/honest_smPannel/cashmall_fahzu5_tirh7o.png"
                  class="img-fluid"
                  alt=""
                  /></div>
                <div class="swiper-slide"> <img
                  src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108077/honest_smPannel/payoneer_mvbmzp_etjrtr.png"
                  class="img-fluid"
                  alt=""
                  /></div>
                <div class="swiper-slide">    <img
                  src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108102/honest_smPannel/mastercard_jd68dy_dxi76p.png"
                  class="img-fluid"
                  alt=""
                  /></div>
                <div class="swiper-slide">   <img
                  src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108125/honest_smPannel/skrill_nvocq6_jgip6z.png"
                  class="img-fluid"
                  alt=""
                  /></div>
                <div class="swiper-slide"> <img
                  src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108146/honest_smPannel/visa_jpbrql_bt03ta.png"
                  class="img-fluid"
                  alt=""
                  /></div>
                <div class="swiper-slide">   <img
                  src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108167/honest_smPannel/perfectmoney_wgszxi_fdqamc.png"
                  class="img-fluid"
                  alt=""
                  /></div>
                <div class="swiper-slide">    <img
                  src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108192/honest_smPannel/payeer_ygcgcj_h6oiaz.png"
                  class="img-fluid"
                  alt=""
                  /></div>
                <div class="swiper-slide">    <img
                  src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108212/honest_smPannel/paytm_napdxw_eeslxa.png"
                  class="img-fluid"
                  alt=""
                  /></div>
                <div class="swiper-slide">  <img
                  src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108235/honest_smPannel/crypto_bbhtl2_md2iqa.png"
                  class="img-fluid"
                  alt=""
                  /></div>
                <div class="swiper-slide">  <img
                  src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108258/honest_smPannel/coinbase_bcpppn_qsibiu.png"
                  class="img-fluid"
                  alt=""
                  /></div>
                <div class="swiper-slide">    <img
                  src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108002/honest_smPannel/bkash_zzpwwx_dlpesm.png"
                  class="img-fluid"
                  alt=""
                  /></div>
                <div class="swiper-slide">  <img
                  src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108030/honest_smPannel/nagad_smbg2w_davjtb.png"
                  class="img-fluid"
                  alt=""
                  /></div>
                <div class="swiper-slide">  <img
                  src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108054/honest_smPannel/cashmall_fahzu5_tirh7o.png"
                  class="img-fluid"
                  alt=""
                  /></div>
                <div class="swiper-slide"> <img
                  src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108077/honest_smPannel/payoneer_mvbmzp_etjrtr.png"
                  class="img-fluid"
                  alt=""
                  /></div>
                <div class="swiper-slide">    <img
                  src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108102/honest_smPannel/mastercard_jd68dy_dxi76p.png"
                  class="img-fluid"
                  alt=""
                  /></div>
                <div class="swiper-slide">   <img
                  src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108125/honest_smPannel/skrill_nvocq6_jgip6z.png"
                  class="img-fluid"
                  alt=""
                  /></div>
                <div class="swiper-slide"> <img
                  src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108146/honest_smPannel/visa_jpbrql_bt03ta.png"
                  class="img-fluid"
                  alt=""
                  /></div>
                <div class="swiper-slide">   <img
                  src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108167/honest_smPannel/perfectmoney_wgszxi_fdqamc.png"
                  class="img-fluid"
                  alt=""
                  /></div>
                <div class="swiper-slide">    <img
                  src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108192/honest_smPannel/payeer_ygcgcj_h6oiaz.png"
                  class="img-fluid"
                  alt=""
                  /></div>
                <div class="swiper-slide">    <img
                  src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108212/honest_smPannel/paytm_napdxw_eeslxa.png"
                  class="img-fluid"
                  alt=""
                  /></div>
                <div class="swiper-slide">  <img
                  src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108235/honest_smPannel/crypto_bbhtl2_md2iqa.png"
                  class="img-fluid"
                  alt=""
                  /></div>
                <div class="swiper-slide">  <img
                  src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108258/honest_smPannel/coinbase_bcpppn_qsibiu.png"
                  class="img-fluid"
                  alt=""
                  /></div>
                  
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>

</section>

{% include 'footer1.twig' %}
