{% include 'header.twig' %}

<div class="main-content sideclosdmain">
            <!-- Main variables *content* -->
      <section class="firstSec">
  <div class="container">
    <div class="row">
      <div class="col-md-8 col-md-offset-2">
        <div class="topcont">
          <span class="subtop"><i class="far fa-globe-europe"></i> #1 Best SMM Panel</span><br>
          <h1>Welcome To <span>HLYCHIMONS PH!</span></h1><br>
          <p>Boost Your Social Media Game and Dominate the Digital World with <b> {{ site["site_name"] }}</b> - Your Trusted Partner for Unbeatable Growth Strategies and Professional Support!</p>
          <div class="button-grp">
            <a href="/signup" class="btn btn-primary"><i class="fad fa-user-secret"></i> Create Account!</a>
            <a href="/services" class="btn btn-secondary"><i class="fad fa-server"></i> Services</a>
          </div>
        </div>
      </div>
    </div>
    
    <div class="row">
  <div class="col-md-12">
    <div class="loginbox">
      <div></div>
      {% if errorText %}
        <div class="alert alert-dismissible alert-danger">
          {{ errorText }}
        </div>
      {% endif %}
      {% if successText %}
        <div class="alert alert-dismissible alert-success">
          {{ successText }}
        </div>
      {% endif %}
      <form class="" method="post" action="">
        <div class="loginbox-child">
          <input name="username" class="form-control" id="username" type="text" placeholder="Username ">
        </div>
        <div class="loginbox-child">
          <input name="password" class="form-control" id="password" type="password" placeholder="Password">
          <a href="resetpassword" class="forgot-password">Reset</a>
        </div>
        <div class="loginbox-child">
          <div class="checkbox-wrapper-31">
            <input type="checkbox" id="remember" value="1" name="LoginForm[remember]" class="ios-checkbox" checked>
            <svg viewBox="0 0 35.6 35.6">
              <circle class="background" cx="17.8" cy="17.8" r="17.8"></circle>
              <circle class="stroke" cx="17.8" cy="17.8" r="14.37"></circle>
              <polyline class="check" points="11.78 18.12 15.55 22.23 25.17 12.87"></polyline>
            </svg>
          </div>

          {% if captcha %}
          <div class="form-group">
            <div class="g-recaptcha" data-sitekey="{{ captchaKey }}"></div>
          </div>
          {% endif %}

          <button type="submit" class="btn btn-primary">Sign in</button>
        </div>
        <div class="row">
          <div class="col-sm-12"></div>
        </div>
        <input type="hidden" name="_csrf" value="7ec8c341ca83c80fe2a28312e1de5862_425ff6dfa7e844c3fe151493fa6a3b8e" />
        <input type="hidden" name="login_btn" value="Login">
      </form>
    </div>
  </div>
</div>

    
    
    <!--<div class="row row-flex justify-content-center align-items-center mt-2">
      <div class="col-lg-3 col-md-4">
        <h2 class="headingstat">
          Honoring Our <span class="highlighted">Achievements</span>
        </h2>
      </div>
      <div class="col-lg-9 col-md-8">
        <div class="stats">
          <div class="statchild">
            <h2>60013</h2>
            <p>Happy Users</p>
          </div>
          <div class="statchild">
            <h2>$1.5M</h2>
            <p>Invested By Users</p>
          </div>
          <div class="statchild">
            <h2>2305243</h2>
            <p>Orders</p>
          </div>
          <div class="statchild">
            <h2>2885</h2>
            <p>Active Services</p>
          </div>
        </div>
      </div>
    </div>-->
  </div>
</section>
<section class="secondSec">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="secheading">
          <h2>
            <span>Discover the Benefits of Using the Best SMM Panel</span>!
          </h2>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <div class="tagssetdown">
          <span class="tags tagstiltcentro primback" data-aos="fade-up" data-aos-delay="300">13394499+ Orders Completed</span>
          <span class="tags tagstiltlefy" data-aos="fade-up" data-aos-delay="400">24/7 Customer Support</span>
          <span class="tags primback" data-aos="fade-up" data-aos-delay="500">Multiple payment methods</span>
          <span class="tags tagstiltlefy" data-aos="fade-up" data-aos-delay="600">9.9/10 satisfaction</span>
          <span class="tags tagstiltcentro" data-aos="fade-up" data-aos-delay="700">Distributor panel</span>
          <span class="tags tagstiltlefy" data-aos="fade-up" data-aos-delay="800">1644 high-quality and affordable services</span>
          <span class="tags tagstiltrighy" data-aos="fade-up" data-aos-delay="900">+200K happy customers</span>
          <span class="tags tagstiltcentro primback" data-aos="fade-up" data-aos-delay="1000">Reference system</span>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="thirdSec">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="secheading">
          <h2>
            Why Choose <span>{{ site["site_name"] }}</span>?
          </h2>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <div class="gridrow">
          <div class="gridcol" data-aos="fade-up" data-aos-delay="400">
            <div>
              <h2>
                Swift and Seamless Solutions
              </h2>
              <p>
                {{ site["site_name"] }} provides rapid ROI delivery,Experience instant impact with {{ site["site_name"] }}  swift and seamless solutions
              </p>
            </div>
            <img src="https://cdn.mypanel.link/edeed4/iz8chnjwwfbx007p.webp">
          </div>
        </div>
        <div class="gridrowto">
          <div class="gridcolto" data-aos="fade-up" data-aos-delay="500">
            <div>
              <h3>
                24/7 Customer Support
              </h3>
              <p>
                Always Here for You Get instant, round-the-clock assistance from our expert team, ensuring your needs are met any time of day or night for a seamless experience.
              </p>
            </div>
            <img src="https://cdn.mypanel.link/edeed4/9z63zwpq95jxchj9.webp">
          </div>
          <div class="gridcolto" data-aos="fade-up" data-aos-delay="600">
            <div>
              <h3>
                Affordable Pricing
              </h3>
              <p>
                Affordable pricing that doesn't cut corners on quality. Experience premium services at prices that fit your budget, ensuring you get the best value every time.
              </p>
            </div>
            <img src="https://cdn.mypanel.link/edeed4/7hxibblutirl9db7.webp">
          </div>
          <div class="gridcolto" data-aos="fade-up" data-aos-delay="700">
            <div>
              <h3>
                Wide Range of Services
              </h3>
              <p>
                Our panel offers a comprehensive range of services, from Facebook likes to YouTube views, to boost your social media presence on any platform.
              </p>
            </div>
            <img src="https://cdn.mypanel.link/edeed4/he2tucbqnj5605at.webp">
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="xtraSec darksec">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="gridfaq">
          <div class="xtracard">
            <h3>At {{ site["site_name"] }}, we proudly serve a global clientele. Here are the main countries where our clients are located:</h3>
            <p>{{ site["site_name"] }} is highly regarded in the South Asia region, where India, Pakistan, Bangladesh and Sri Lanka frequently use our SMM Panel services. But we also have a huge number of clients in the USA, Canada, Brazil, Germany, UK, France, Russia and the United Arab Emirates. We also have a huge number of clients from West Asian countries such as Indonesia, Philippines, Malaysia and Singapore.</p>
          </div>
          <div class="xtracard">
            <h3>What is our USP?</h3>
            <p>Our Unique Selling Proposition:
              At {{ site["site_name"] }}, we offer reliable, affordable, and comprehensive SMM panel services designed to fuel your social media growth. Our platform provides tailored solutions to meet your unique needs, ensuring efficient and effective results. Trusted by clients globally, we deliver top-tier services that help you achieve significant social media milestones with ease. Whether you're aiming to boost your presence on Instagram, YouTube, Facebook, or any other platform, {{ site["site_name"] }} is your go-to resource for unparalleled social media marketing support.</p>
          </div>
          <div class="xtracard">
            <h3>Why Choose {{ site["site_name"] }}?</h3>
            <p>{{ site["site_name"] }} is your ultimate destination for top-notch SMM panel services. As a leading Indian provider, we deliver 100% satisfying results through our comprehensive range of offerings:

              Organic Services
              Guaranteed Services
              Campaign Ad Management Services
              24/7 Support Service
              At {{ site["site_name"] }}, we focus on providing our clients with result-oriented services that have a lasting impact. Whether you need an SMM panel for YouTube, Instagram, Facebook, Spotify, or any other platform, you are in the right place. We are the premier provider of SMM panel services for all your social media marketing needs.

              Join us at {{ site["site_name"] }} and experience unparalleled support and success in your social media growth journey.</p>
          </div>
          <div class="xtracard">
            <h3>SMM Services Insight</h3>
            <p>Our Commitment to Excellence
              At {{ site["site_name"] }}, our team of experts possesses the experience and knowledge to deliver top-quality Social Media Marketing (SMM) panel services at the most competitive prices. We take pride in ensuring customer satisfaction through our guaranteed, targeted, and affordable SMM services. Proceed with confidence, knowing that {{ site["site_name"] }} has your SMM panel needs covered, helping you become a world-famous business and influencer!</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="fourthSec">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="secheading">
          <h2>
            <span>{{ site["site_name"] }}</span> Best Selling Services
          </h2>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <div class="bspgrid">
          <div class="bspcard" data-aos="fade-up" data-aos-delay="200">
            <img src="https://cdn.mypanel.link/edeed4/gnm8gc3t2xfu3ne4.webp">
            <small>Starting From $0.2</small>
            <h3>
              Instagram Services


              Boost your Instagram with '{{ site["site_name"] }}' top-tier, reliable, and affordable SMM services.
            </h3>
            <a href="/services/?serv=instagram">Check Services</a>
          </div>
          <div class="bspcard" data-aos="fade-up" data-aos-delay="300">
            <img src="https://cdn.mypanel.link/edeed4/zxip80wb23u197n7.webp">
            <small>Starting From $0.2</small>
            <h3>
              TikTok Services

              Elevate your TikTok presence with '{{ site["site_name"] }}' expert and cost-effective SMM services.
            </h3>
            <a href="/services/?serv=tiktok">Check Services</a>
          </div>
          <div class="bspcard" data-aos="fade-up" data-aos-delay="400">
            <img src="https://cdn.mypanel.link/edeed4/asyk7bbs7enfzxx6.webp">
            <small>Starting From $0.2</small>
            <h3>
              YouTube Services

              Enhance your YouTube channel with '{{ site["site_name"] }}' efficient and budget-friendly services.
            </h3>
            <a href="/services/?serv=youtube">Check Services</a>
          </div>
          <div class="bspcard" data-aos="fade-up" data-aos-delay="500">
            <img src="https://cdn.mypanel.link/edeed4/9s2a84ypmamsf3l7.webp">
            <small>Starting From $0.2</small>
            <h3>
              Facebook Services

              Grow your Facebook with '{{ site["site_name"] }}' expert, affordable, and effective services.

              Know more ! Check service
            </h3>
            <a href="/services/?serv=facebook">Check Services</a>
          </div>
          <div class="bspcard" data-aos="fade-up" data-aos-delay="600">
            <img src="https://cdn.mypanel.link/edeed4/xdrxbg7noys8a1iu.webp">
            <small>Starting From $0.2</small>
            <h3>
              Spotify Services

              Amplify your Spotify presence with '{{ site["site_name"] }}' affordable and powerful services.
            </h3>
            <a href="/services/?serv=spotify">Check Services</a>
          </div>
          <div class="bspcard" data-aos="fade-up" data-aos-delay="700">
            <img src="https://cdn.mypanel.link/edeed4/2ugq4oa2x5pfdi1o.webp">
            <small>Starting From $0.2</small>
            <h3>
              Discord Services

              Secure your Discord server with '{{ site["site_name"] }}' expert and budget-friendly services.
            </h3>
            <a href="/services/?serv=soundcloud">Check Services</a>
          </div>
          <div class="bspcard" data-aos="fade-up" data-aos-delay="800">
            <img src="https://cdn.mypanel.link/edeed4/piolbbna6yuanfcy.webp">
            <small>Starting From $0.2</small>
            <h3>
              Twitter Services

              Supercharge your Twitter growth with '{{ site["site_name"] }}' unique, impactful, and cost-effective services.
            </h3>
            <a href="/services/?serv=twitter">Check Services</a>
          </div>
          <div class="bspcard" data-aos="fade-up" data-aos-delay="900">
            <img src="https://cdn.mypanel.link/edeed4/lxf9roo5g037knmp.webp">
            <small>Starting From $0.2</small>
            <h3>
              Linkedin Services

              Transform your LinkedIn presence with '{{ site["site_name"] }}' dynamic and strategic growth solutions.


            </h3>
            <a href="/services/?serv=linkedin">Check Services</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="statSec">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="cardstat threedblue" data-aos="fade-up" data-aos-delay="200">
          <h2>{{ site["site_name"] }} by the Numbers</h2>
          <p>At {{ site["site_name"] }} , we are proud to serve over 70 million active clients worldwide with more than 8,000 active services. Our clients trust us for our commitment to quality and affordability. We provide the most cost-effective SMM services globally, while our dedicated team ensures long-term results. We value our clients immensely and work tirelessly to support their success.</p>
          <div class="row">
            <div class="col-sm-4">
              <div class="statistics-box" data-aos="fade-up" data-aos-delay="400">
                <div class="statistics-left">
                  <i class="fad fa-wallet threeddarkblue"></i>
                </div>
                <div class="statistics-right">
                  <h3 class="statistics-title">Prices Starting From</h3>
                  <p class="statistics-txt txt">0.001$/1k</p>
                </div>
              </div>
            </div>
            <div class="col-sm-4">
              <div class="statistics-box" data-aos="fade-up" data-aos-delay="600">
                <div class="statistics-left">
                  <i class="fad fa-chart-line threeddarkblue"></i>
                </div>
                <div class="statistics-right">
                  <h3 class="statistics-title">Order Completed</h3>
                  <p class="statistics-txt txt">15486593+ </p>
                </div>
              </div>
            </div>
            <div class="col-sm-4">
              <div class="statistics-box" data-aos="fade-up" data-aos-delay="800">
                <div class="statistics-left">
                  <i class="fad fa-user-clock threeddarkblue"></i>
                </div>
                <div class="statistics-right">
                  <h3 class="statistics-title">A new order is placed every few seconds.</h3>
                  <p class="statistics-txt txt">0.14Sec</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="fifthSec darksec">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="secheading">
          <h2>
            {{ site["site_name"] }}    Vs <span>Others</span>
          </h2>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <div class="featurelists" data-aos="fade-up" data-aos-delay="200">
          <div class="featname">
            <i class="fas fa-headset" style="background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
        background: #f53e31;
        /*box-shadow: #033c7350 0px 20px 30px;*/
        box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;"></i>
            <div>
              <small>Feature</small>
              <p>
                Support > 24x7 Proffesional Customer Support
              </p>
            </div>
          </div>
          <div class="featcomp">
            <div class="smmleadsfeat">
              <img src="/img/files/BoostBayan.png" alt="{{ site["site_name"] }}" loading="lazy" class="panel_icon_class"/>
              <i class="far fa-check-circle text-success"></i>
            </div>
            <div class="othersfeat">
              <h4>Others</h4>
              <i class="far fa-times-circle text-danger"></i>
            </div>
          </div>
        </div>
        <div class="featurelists" data-aos="fade-up" data-aos-delay="300">
          <div class="featname">
            <i class="far fa-list-ul"></i>
            <div>
              <small>Feature</small>
              <p>Service Quality >  High-quality services, real engagement.
              </p>
            </div>
          </div>
          <div class="featcomp">
            <div class="smmleadsfeat">
            <img src="/img/files/BoostBayan.png" alt="{{ site["site_name"] }}" loading="lazy" class="panel_icon_class"/>
              <i class="far fa-check-circle text-success"></i>
            </div>
            <div class="othersfeat">
              <h4>Others</h4>
              <i class="far fa-times-circle text-danger"></i>
            </div>
          </div>
        </div>
        <div class="featurelists" data-aos="fade-up" data-aos-delay="400">
          <div class="featname">
            <i class="far fa-life-ring" style="background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
        background: #f53e31;
        /*box-shadow: #033c7350 0px 20px 30px;*/
        box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;"></i>
            <div>
              <small>Feature</small>
              <p> Price >  Cheap Price in the Market
              </p>
            </div>
          </div>
          <div class="featcomp">
            <div class="smmleadsfeat">
            <img src="/img/files/BoostBayan.png" alt="{{ site["site_name"] }}" loading="lazy" class="panel_icon_class"/>
              <i class="far fa-check-circle text-success"></i>
            </div>
            <div class="othersfeat">
              <h4>Others</h4>
              <i class="far fa-times-circle text-danger"></i>
            </div>
          </div>
        </div>
        <div class="featurelists" data-aos="fade-up" data-aos-delay="500">
          <div class="featname">
            <i class="far fa-chart-line"></i>
            <div>
              <small>Feature</small>
              <p>Payment Security > Secure transactions and data protection.
              </p>
            </div>
          </div>
          <div class="featcomp">
            <div class="smmleadsfeat">
            <img src="/img/files/BoostBayan.png" alt="{{ site["site_name"] }}" loading="lazy" class="panel_icon_class"/>
              <i class="far fa-check-circle text-success"></i>
            </div>
            <div class="othersfeat">
              <h4>Others</h4>
              <i class="far fa-times-circle text-danger"></i>
            </div>
          </div>
        </div>
        <div class="featurelists" data-aos="fade-up" data-aos-delay="600">
          <div class="featname">
            <i class="far fa-network-wired" style="background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
        background: #f53e31;
        /*box-shadow: #033c7350 0px 20px 30px;*/
        box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;"></i>
            <div>
              <small>Feature</small>
              <p>Fast delivery > We provide automated order processing on our panel.
              </p>
            </div>
          </div>
          <div class="featcomp">
            <div class="smmleadsfeat">
             <img src="/img/files/BoostBayan.png" alt="{{ site["site_name"] }}" loading="lazy" class="panel_icon_class"/>
              <i class="far fa-check-circle text-success"></i>
            </div>
            <div class="othersfeat">
              <h4>Others</h4>
              <i class="far fa-times-circle text-danger"></i>
            </div>
          </div>
        </div>
        <div class="featurelists" data-aos="fade-up" data-aos-delay="700">
          <div class="featname">
            <i class="far fa-users-crown"></i>
            <div>
              <small>Feature</small>
              <p>Friendly Dashboard > We have the most user-friendly dashbord in the SMM World!
              </p>
            </div>
          </div>
          <div class="featcomp">
            <div class="smmleadsfeat">
              <img src="/img/files/BoostBayan.png" alt="{{ site["site_name"] }}" loading="lazy" class="panel_icon_class"/>
              <i class="far fa-check-circle text-success"></i>
            </div>
            <div class="othersfeat">
              <h4>Others</h4>
              <i class="far fa-times-circle text-danger"></i>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="sixthSec">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="secheading">
          <h2>
            <span>{{ site["site_name"] }}</span> Leading the SMM industry for over 5 years!
          </h2>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <div class="clientelelgs">
          <img src="https://cdn.mypanel.link/edeed4/kiw7g8hz19ip4q6j.webp" data-aos="fade-up" data-aos-delay="200">
          <img src="https://cdn.mypanel.link/edeed4/187795u8kto5tyng.webp" data-aos="fade-up" data-aos-delay="300">
          <img src="https://cdn.mypanel.link/edeed4/7ohwjf2aelaj3igi.webp" data-aos="fade-up" data-aos-delay="400">
          <img src="https://cdn.mypanel.link/edeed4/fhpn8y8x5z5g2u6i.webp" data-aos="fade-up" data-aos-delay="500">
          <p class="1000plus" data-aos="fade-up" data-aos-delay="600">+ Many More</p>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="seventhSec">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="secheading">
          <h2>
            Start your Social Media Empire with <span>{{ site["site_name"] }}                                  


            you need just 3 steps and you will see magic. So why you are waiting for ?</span>
          </h2>
        </div> 
      </div>
    </div>
    <div class="row">
      <div class="col-md-4">
        <div class="stepcard" data-aos="fade-up" data-aos-delay="200">
          <div class="stepcont">
            <h2>
              Register Account
            </h2>
            <p>
              Sign up with your email, set a very strong password, and verify your account email to get started with {{ site["site_name"] }}.
            </p>
          </div>
          <span class="stepno">01 <small>Step</small></span>
        </div>
      </div>
      <div class="col-md-4">
        <div class="stepcard" data-aos="fade-up" data-aos-delay="400">
          <div class="stepcont">
            <h2>
              Choose Service
            </h2>
            <p>
              Browse through the available options and select the social media service that best fits your needs.
            </p>
          </div>
          <span class="stepno">02 <small>Step</small></span>
        </div>
      </div>
      <div class="col-md-4">
        <div class="stepcard" data-aos="fade-up" data-aos-delay="600">
          <div class="stepcont">
            <h2>
              Sign Up
            </h2>
            <p>
              Complete your purchase by providing necessary details, then monitor the progress of your order through the dashboard.
            </p>
          </div>
          <span class="stepno">03 <small>Step</small></span>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="eightSec">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="secheading">
          <h2>
            What clients say about <span>{{ site["site_name"] }}</span>!
          </h2>
          <p>
            These are somethings that our clients has to say about our work.
          </p>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <div class="testimonial-slider">
          <div class="testimonial-item">
            <div class="testicard">
              <p>{{ site["site_name"] }} has truly changed the game for me! Their services are reliable and super affordable. My Instagram has seen real growth in just a few weeks. Highly recommend it for anyone serious about social media!</p>
              <div class="tstimprof">
                <img src="https://cdn.mypanel.link/edeed4/4s938towdtkyi05p.webp">
                <div>
                  <h4>Deepak Sharma</h4>
                  <span> Social Media Manager at TechMinds, Mumbai</span>
                </div>
              </div>
            </div>
          </div>
          <div class="testimonial-item">
            <div class="testicard">
              <p>The ease of use and the effectiveness of {{ site["site_name"] }} is amazing. My YouTube channel has grown significantly since I started using their services. Plus, their prices are unbeatable! Thank you!</p>
              <div class="tstimprof">
                <img src="https://cdn.mypanel.link/edeed4/e46um20kipu0xeia.webp">
                <div>
                  <h4>Rohit Mehta</h4>
                  <span>Small Business Owner</span>
                </div>
              </div>
            </div>
          </div>
          <div class="testimonial-item">
            <div class="testicard">
              <p>This SMM panel is a game-changer! It's easy to use, and the results are fantastic. My business is thriving thanks to their services. {{ site["site_name"] }} provides the best value for money. The quality of their services is unmatched, and I've seen amazing results on my Facebook page. I highly recommend it to anyone looking to boost their social media presence.</p>
              <div class="tstimprof">
                <img src="https://cdn.mypanel.link/edeed4/6eyhj04zpdgxualq.webp">
                <div>
                  <h4>Emily Davis</h4>
                  <span>Digital Marketer</span>
                </div>
              </div>
            </div>
          </div>
          <div class="testimonial-item">
            <div class="testicard">
              <p>I am very satisfied with the quality and speed of the services provided. It has helped me reach a larger audience effortlessly.{{ site["site_name"] }} offers incredible value. Their services have helped my business gain more visibility and engagement on Instagram. The support team is always there to help, which is a huge plus.</p>
              <div class="tstimprof">
                <img src="https://cdn.mypanel.link/edeed4/dkschhxq6t75shu3.webp">
                <div>
                  <h4>Sarah Johnson</h4>
                  <span>Marketing Director at Bright Ideas Co., New York</span>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="testimonial-slidertwo" dir="rtl">
          <div class="testimonial-item">
            <div class="testicard">
              <p>Professional and efficient. The SMM panel helped my posts get the visibility they needed. Definitely worth the investment!</p>
              <div class="tstimprof">
                <img src="https://cdn.mypanel.link/edeed4/y8nt3scdhs2zonpu.webp">
                <div>
                  <h4>Fatima A.</h4>
                  <span>E-commerce Entrepreneur</span>
                </div>
              </div>
            </div>
          </div>
          <div class="testimonial-item">
            <div class="testicard">
              <p>I was struggling to get engagement on my Facebook page, but {{ site["site_name"] }} turned that around. Their 24/7 support is fantastic and the services are top-notch. I'm so happy with the results!</p>
              <div class="tstimprof">
                <img src="https://cdn.mypanel.link/edeed4/und8djlrbx7q9wh8.webp">
                <div>
                  <h4>Priya R</h4>
                  <span>Influencer</span>
                </div>
              </div>
            </div>
          </div>
          <div class="testimonial-item">
            <div class="testicard">
              <p>The best SMM panel I've ever used. It's affordable and delivers real results. My social media accounts have never looked better!</p>
              <div class="tstimprof">
                <img src="https://cdn.mypanel.link/edeed4/81bmj2dso3edcga3.webp">
                <div>
                  <h4>Nina K</h4>
                  <span>Social Media Manager</span>
                </div>
              </div>
            </div>
          </div>
          <div class="testimonial-item">
            <div class="testicard">
              <p>I love how easy it is to use {{ site["site_name"] }}. The platform is straightforward, and the results are fantastic. My Twitter engagement has skyrocketed, and I couldn't be happier with the service.</p>
              <div class="tstimprof">
                <img src="https://cdn.mypanel.link/edeed4/jynwr8ptbmkomnu0.webp">
                <div>
                  <h4>David Lee</h4>
                  <span>Social Media Strategist at TrendSetters, Los Angeles</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="ninthSec">
  <div class="container">
    <div class="row row-flex align-items-center justify-content-center">
      <div class="col-xs-12 col-sm-6 col-md-6">
        <div class="boxinvsec" data-aos="fade-up" data-aos-delay="200">
          <span class="subhead">Upgrade Your Social Media Presence with {{ site["site_name"] }}' Top-Rated Services!</span>
          <h2>
            Skyrocket <span> Your Followers </span> Count Instantly ðŸš€
          </h2>
          <p>
            Our SMM panel is your ultimate solutions to quickly boosting followers on all major social media platforms. With our trusted and secure services, you can easily grow your online presence and connect with a bigger audience. Whether you're an influencer, a brand, or just looking to up your social media game, we've got the perfect solution for you.
          </p>
          <a class="btn btn-primary">Get Ready Now</a>
        </div>
      </div>
      <div class="col-xs-12 col-sm-6 col-md-6">
        <img class="imginvsec" src="https://picpost.golive.host/img/93a2b72e/84ef13a9.png" data-aos="fade-up" data-aos-delay="400">
      </div>
    </div>
  </div>
</section>
<section class="ninthSec darksec">
  <div class="container">
    <div class="row row-flex align-items-center justify-content-center row-inv-sm">
      <div class="col-xs-12 col-sm-6 col-md-6">
        <img class="imginvsec" src="https://cdn.mypanel.link/edeed4/e68ir8isqmbo5h9a.webp" data-aos="fade-up" data-aos-delay="400">
      </div>
      <div class="col-xs-12 col-sm-6 col-md-6">
        <div class="boxinvsec" data-aos="fade-up" data-aos-delay="200">
          <span class="subhead"> Real Engagement with Premium Likes and Comments! ðŸŒŸ </span>
          <h2>
            Engage Your Audience <span> and Spark Their Interest! </span>
          </h2>
          <p>
            Connect with your audience like never before using our premium likes and comments. Our platform delivers real interactions from genuine users, boosting your profile's credibility and appeal. Shine brighter and make every post impactful with real, meaningful engagement.
          </p>
          <a class="btn btn-primary" style="white-space: normal !important;width:100% !important;">Apni Engagement Ko Supercharge Karo Aur Sabki Nazar Mein Aao! ðŸš€</a>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="ninthSec">
  <div class="container">
    <div class="row row-flex align-items-center justify-content-center">
      <div class="col-xs-12 col-sm-6 col-md-6">
        <div class="boxinvsec" data-aos="fade-up" data-aos-delay="200">
          <span class="subhead">Affordable SMM Services That Make an Impact!</span>
          <h2>
            <span>Cheapest SMM Services</span> for Maximum Profit! ðŸš€ Get Top-Quality SMM Services at the Lowest Prices! 
          </h2>
          <p>
            Discover our cost-effective packages designed to meet all your social media needsâ€”from followers and likes to views and shares. Enjoy top-notch quality without burning a hole in your wallet. Elevate your brand, stay ahead of the competition, and make the most of every post! Enjoy the best SMM services at unbeatable prices. Our cost-effective packages are designed to cater to all your social media marketing needs without breaking the bank. From followers and likes to views and shares, we provide everything you need to stay ahead of your competitors and grow your brand.
          </p>
          <a class="btn btn-primary">View Pricing</a>
        </div>
      </div>
      <div class="col-xs-12 col-sm-6 col-md-6">
        <img class="imginvsec" src="https://picpost.golive.host/img/30c2f5f0/6f93971c.png" data-aos="fade-up" data-aos-delay="400">
      </div>
    </div>
  </div>
</section>
<section class="faqSec">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="secheading">
          <h2>
            Frequently Asked Questions <span>(FAQ)</span>
          </h2>
          <p>
            These are most commonly asked questions about {{ site["site_name"] }}.
          </p>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <ul class="nav nav-pills faqpills">
          <li class="active"><a data-toggle="pill" href="#general">General</a></li>
          <li><a data-toggle="pill" href="#pricing">Pricing</a></li>
          <li><a data-toggle="pill" href="#dashboard">Dashboard</a></li>
          <li><a data-toggle="pill" href="#api">API</a></li>
        </ul>
        <div class="tab-content">
          <div id="general" class="tab-pane fade in active">
            <div class="gridfaq">
              <div class="faqcard">
                <div class="faqcardheader">
                  <i class="fad fa-question"></i>
                  <span class="faqbadge">General</span>
                </div>
                <div class="faqcont">
                  <h4>
                    What is an SMM panel?
                  </h4>
                  <p>
                    An SMM panel is a web-based platform that provides social media marketing services, such as increasing followers, likes, views, and other engagement metrics across various social media platforms.
                  </p>
                </div>
              </div>
              <div class="faqcard">
                <div class="faqcardheader">
                  <i class="fad fa-question"></i>
                  <span class="faqbadge">General</span>
                </div>
                <div class="faqcont">
                  <h4>
                    How does an SMM panel work?
                  </h4>
                  <p>
                    An SMM panel works by providing the username or link of the social media platforms to deliver services like followers, likes, and views to your accounts. You select a service, place an order, and the panel processes it to boost your social media metrics.
                  </p>
                </div>
              </div>
              <div class="faqcard">
                <div class="faqcardheader">
                  <i class="fad fa-question"></i>
                  <span class="faqbadge">General</span>
                </div>
                <div class="faqcont">
                  <h4>
                    Is using an SMM panel safe?
                  </h4>
                  <p>
                    Yes, using a reputable SMM panel is generally safe. Make sure to choose a panel with positive reviews and reliable customer support to avoid any issues.
                  </p>
                </div>
              </div>
              <div class="faqcard">
                <div class="faqcardheader">
                  <i class="fad fa-question"></i>
                  <span class="faqbadge">General</span>
                </div>
                <div class="faqcont">
                  <h4>
                    Which social media platforms do you support?
                  </h4>
                  <p>
                    Most SMM panels support a wide range of platforms, including Instagram, Facebook, Twitter, YouTube, TikTok, and more. Check the services section to see the full list of supported platforms.
                  </p>
                </div>
              </div>
            </div>
          </div>
          <div id="pricing" class="tab-pane fade">
            <div class="gridfaq">
              <div class="faqcard">
                <div class="faqcardheader">
                  <i class="fad fa-question"></i>
                  <span class="faqbadge">Pricing</span>
                </div>
                <div class="faqcont">
                  <h4>
                    How much does it cost to use an SMM panel?
                  </h4>
                  <p>
                    The cost varies depending on the services you choose and the quantity needed. Most panels offer competitive pricing with various packages to fit different budgets.
                  </p>
                </div>
              </div>
              <div class="faqcard">
                <div class="faqcardheader">
                  <i class="fad fa-question"></i>
                  <span class="faqbadge">Pricing</span>
                </div>
                <div class="faqcont">
                  <h4>
                    Are there any hidden fees?
                  </h4>
                  <p>
                    Reputable SMM panels are transparent about their pricing. Ensure to review the pricing details and terms of service to avoid any hidden fees.
                  </p>
                </div>
              </div>
              <div class="faqcard">
                <div class="faqcardheader">
                  <i class="fad fa-question"></i>
                  <span class="faqbadge">Pricing</span>
                </div>
                <div class="faqcont">
                  <h4>
                    Do you offer discounts for bulk orders?
                  </h4>
                  <p>
                    Many SMM panels offer discounts for bulk orders. Check the pricing section on the panel's website or contact customer support for more information.
                  </p>
                </div>
              </div>
              <div class="faqcard">
                <div class="faqcardheader">
                  <i class="fad fa-question"></i>
                  <span class="faqbadge">Pricing</span>
                </div>
                <div class="faqcont">
                  <h4>
                    How do I pay for the services?
                  </h4>
                  <p>
                    Most SMM panels accept a variety of payment methods, including credit/debit cards, PayPal, and cryptocurrencies. Check the payment options available on the panel's website.
                  </p>
                </div>
              </div>
            </div>
          </div>
          <div id="dashboard" class="tab-pane fade">
            <div class="gridfaq">
              <div class="faqcard">
                <div class="faqcardheader">
                  <i class="fad fa-question"></i>
                  <span class="faqbadge">Dashboard</span>
                </div>
                <div class="faqcont">
                  <h4>
                    How do I navigate the dashboard?
                  </h4>
                  <p>
                    The dashboard is designed to be user-friendly. After logging in, you can access various sections like order history, available services, and account settings. Most panels provide a tutorial or guide for new users.
                  </p>
                </div>
              </div>
              <div class="faqcard">
                <div class="faqcardheader">
                  <i class="fad fa-question"></i>
                  <span class="faqbadge">Dashboard</span>
                </div>
                <div class="faqcont">
                  <h4>
                    Can I track my orders on the dashboard?
                  </h4>
                  <p>
                    Yes, you can track the progress of your orders in real-time through the dashboard. This feature allows you to see the status and details of each order.
                  </p>
                </div>
              </div>
              <div class="faqcard">
                <div class="faqcardheader">
                  <i class="fad fa-question"></i>
                  <span class="faqbadge">Dashboard</span>
                </div>
                <div class="faqcont">
                  <h4>
                    What if I encounter issues on the dashboard?
                  </h4>
                  <p>
                    If you face any issues, most SMM panels have a customer support team ready to assist you. You can contact them via email, chat, or phone for help.
                  </p>
                </div>
              </div>
              <div class="faqcard">
                <div class="faqcardheader">
                  <i class="fad fa-question"></i>
                  <span class="faqbadge">Dashboard</span>
                </div>
                <div class="faqcont">
                  <h4>
                    How do I update my account information?
                  </h4>
                  <p>
                    You can update your account information, such as email, password, and payment details, directly from the dashboard under account settings. Make sure to save any changes.
                  </p>
                </div>
              </div>
            </div>
          </div>
          <div id="api" class="tab-pane fade">
            <div class="gridfaq">
              <div class="faqcard">
                <div class="faqcardheader">
                  <i class="fad fa-question"></i>
                  <span class="faqbadge">API</span>
                </div>
                <div class="faqcont">
                  <h4>
                    Does your SMM panel offer an API?
                  </h4>
                  <p>
                    Yes, many SMM panels offer an API for developers to integrate services directly into their applications or websites.
                  </p>
                </div>
              </div>
              <div class="faqcard">
                <div class="faqcardheader">
                  <i class="fad fa-question"></i>
                  <span class="faqbadge">API</span>
                </div>
                <div class="faqcont">
                  <h4>
                    How do I get access to the API?
                  </h4>
                  <p>
                    To access the API, you typically need to register for an account and request API access through the dashboard. Some panels might require additional verification or approval.
                  </p>
                </div>
              </div>
              <div class="faqcard">
                <div class="faqcardheader">
                  <i class="fad fa-question"></i>
                  <span class="faqbadge">API</span>
                </div>
                <div class="faqcont">
                  <h4>
                    What documentation is available for the API?
                  </h4>
                  <p>
                    Comprehensive API documentation is usually available on the SMM panel's website. This includes details on endpoints, authentication, and sample codes to help you get started.
                  </p>
                </div>
              </div>
              <div class="faqcard">
                <div class="faqcardheader">
                  <i class="fad fa-question"></i>
                  <span class="faqbadge">API</span>
                </div>
                <div class="faqcont">
                  <h4>
                    Are there any usage limits on the API?
                  </h4>
                  <p>
                    Usage limits can vary by panel. Check the API documentation or contact support to understand any limitations or rate limits associated with the API.
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="tenthSec">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="cta-section threeddarkblue" data-aos="fade-up">
          <h2>Register Now and Get High Bonus!</h2>
          <p>Enhance your social media presence with {{ site["site_name"] }} services. Sign up now to access a wide range of tools designed to boost your online visibility and engagement. Donâ€™t miss out on the opportunity to grow your brand and connect with a larger audience effortlessly. Join us and watch your social media accounts thrive!</p>
          <a class="btn threedblue" href="/signup">Register Now</a>
          <div class="paymetnlogs">
            <img src="https://cdn.mypanel.link/edeed4/nory8ls8p360qkun.webp">
            <img src="https://cdn.mypanel.link/edeed4/jottgh9muoa7h9tz.webp">
            <img src="https://cdn.mypanel.link/edeed4/bwmoutjs9qfpgoe1.webp">
            <img src="https://cdn.mypanel.link/edeed4/a3w84r354lpznqq8.webp">
            <img src="https://cdn.mypanel.link/edeed4/pt7ota9mp81590ya.webp">
          </div>
          
        </div>
      </div>
    </div>
  </div>
</section>





          </div>



    <!-- Modal -->
    <div
      id="dripfeedModal"
      class="modal fade"
      tabindex="-1"
      role="dialog"
      aria-labelledby="dripfeedModallabel"
    >
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-label="Close"
            >
              <span aria-hidden="true">&times;</span>
            </button>
            <h4 class="modal-title" id="onboardingModalLabel">
              How do I turn on drip feed?
            </h4>
          </div>
          <div class="modal-body">
            <div class="swiper-container">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div>Slide 1 Content</div>
                  <button class="btn btn-primary btn-next">Okay, next</button>
                </div>
                <div class="swiper-slide">
                  <div>Slide 2 Content</div>
                  <button class="btn btn-primary btn-next">Okay, next</button>
                </div>
                <div class="swiper-slide">
                  <div>Slide 3 Content</div>
                  <button class="btn btn-primary btn-next">Okay, next</button>
                </div>
                <div class="swiper-slide">
                  <div>Slide 4 Content</div>
                  <button class="btn btn-success btn-close">Close</button>
                </div>
              </div>
              <!-- Add Pagination -->
              <div class="swiper-pagination"></div>
            </div>
            <a href="#" class="btn btn-link">What is Drip Feed?</a>
          </div>
        </div>
      </div>
    </div>

    <!-- Subscription Modal -->
    <div
      id="subscriptionModal"
      class="modal modalfaqs fade"
      tabindex="-1"
      role="dialog"
      aria-labelledby="subscriptionModallabel"
    >
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-label="Close"
            >
              <span aria-hidden="true">&times;</span>
            </button>
            <h4 class="modal-title" id="subscriptionModalLabel">
              How do I subscribe?
            </h4>
          </div>
          <div class="modal-body">
            <div class="swiper-container-subscription">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div>
                    <div class="steps">
                      <span class="numstep">1</span>
                      <div>
                        <h2>Step 1</h2>
                        <p>Choose the service according to your daily needs.</p>
                      </div>
                    </div>
                    <div class="steps">
                      <span class="numstep">2</span>
                      <div>
                        <h2>Step 2</h2>
                        <p>
                          Put your Social Media Profile Link ( Note : It must be
                          Public else we cannot fetch the new post links )
                        </p>
                      </div>
                    </div>
                  </div>
                  <button class="btn btn-nxt btn-next-subscription">
                    Okay, next
                  </button>
                </div>
                <div class="swiper-slide">
                  <div>
                    <div class="steps">
                      <span class="numstep">3</span>
                      <div>
                        <h2>Step 3</h2>
                        <p>
                          Put an Minimum and Maximum Quantity of Engagement you
                          want in your daily posts.
                        </p>
                      </div>
                    </div>
                    <div class="steps">
                      <span class="numstep">4</span>
                      <div>
                        <h2>Step 4</h2>
                        <p>Set an Expiry Date where the Campaign will End.</p>
                      </div>
                    </div>
                  </div>
                  <button class="btn btn-nxt btn-next-subscription">
                    Okay, next
                  </button>
                </div>
                <div class="swiper-slide">
                  <div>
                    <div class="recsub">
                      <span class="redrec">Recommendation</span>
                      <p>
                        Maintain an healthy wallet balance so that we can work
                        automatically with your new posts. Else the campaign
                        will be paused due to insufficient wallet balance.
                      </p>
                    </div>
                    <button class="btn btn-faqscls btn-close-subscription">
                      Close
                    </button>
                  </div>
                </div>
              </div>
              <div class="swiper-pagination-subscription"></div>
            </div>
          </div>
        </div>
      </div>
    </div>

    
  






  

    

{% include 'footer.twig' %}



<style>

:root {
      --tp-color-red: #de3f3f;
      --tp-color-blue: #326cec;
      --tp-color-purple: #781adc;
      --tp-color-green2: #169b47;
      --tp-color-yellow: #bc8c27;
      --tp-color-gold: #FFD700;
      --tp-color-blue: #326cec !important;

    }
      span.refill.btns button {
      background-color: #169b47 !important;
      color: #fff;
      padding: 4px 8px;
      border-radius: 7px;
      margin-right: 5px;
      color: white;
      font-weight: 600;
      font-size: 11px;
      margin-top: 4px;
      border: none !important;
    }

    .servicespeed .tag.Hot {
      background-color: #FFD700 !important;
      color: #fff;
      padding: 4px 8px;
      border-radius: 7px;
      margin-right: 5px;
      color: white;
      font-weight: 600;
      font-size: 11px;
      margin-top: 4px;
      /* border: none !important; */
      text-transform: capitalize;
    }

    .servicebox .servicebottom {
      margin: 10px 0px;
    }

    .servicespeed .tag.favourite.service {
      background-color: #326cec !important;
      color: #fff;
      padding: 4px 8px;
      border-radius: 7px;
      margin-right: 5px;
      color: white;
      font-weight: 600;
      font-size: 11px;
      margin-top: 4px;
      /* border: none !important; */
      text-transform: capitalize;
    }

    .servicespeed span {
      background: var(--color-2);
      padding: 4px 8px;
      border-radius: 7px;
      margin-right: 5px;
      color: white;
      font-weight: 600;
      font-size: 11px;
      margin-top: 4px;
    }

    .srcsp span {
      font-weight: 700;
      color: #bfd5fd;
    }

    .select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
      padding: 0px !important;
    }

    .select2-results__option[aria-selected] {
      padding: 0px !important;
    }

    @media only screen and (min-width: 962px) {
      .serviceslist {
        max-height: 276px;
        border-radius: 0 0 16px 13px;
        overflow-x: auto;
      }
    }

    .servicebox {
      border: 1px solid transparent;
    }
    .form-group.OrderService{
      margin-bottom:0px;
    }
    #select2-OrderService-container .servicebottom {
      display: none;
    }
    /* #select2-OrderService-container .servicebox.sclr635 .servicespeed .Most.seller{
      border: 1px solid #000;
    }
    #select2-OrderService-container .servicebox.sclr635 .servicespeed .Best.seller{
      border: 1px solid #000;
    }
     
    #select2-OrderService-container .servicebox.sclr635 .servicespeed .Hot{
      border: 1px solid #000;
    }
    #select2-OrderService-container .servicebox.sclr635 .servicespeed .Recommended {
      border: 1px solid #000;
    } */
    /* #select2-OrderService-container .servicebox.sclr635 .servicespeed .refill button{
      border: 1px solid #000;
    }
     */
     
    #select2-OrderService-container .servicebottom {

    position: absolute;
    top: 35px;
    z-index: 5;
   
    left: 0;
}
#select2-OrderService-container  span.refill.btns button{
  padding: 0px 8px;
}
    #select2-OrderService-container  .servicebox.sclr635 {
      display: flex;
    flex-direction: column;
   
    align-items: flex-start;
    }

    #select2-OrderService-container .servicedetail {
      display: none;
    }
.add_tags_services .servicebox{
  background-color: transparent !important;
}
.add_tags_services .servicebox .servicebottom{
margin: 0px !important;
}
    .dark .servicebox {
      background-color: #222;
      padding: 7px;
      color: var(--color-3);
      border-radius: 0;
      flex-direction: row;
      justify-content: space-between;
      width: 100%;
      align-items: center;
    }

    .light .servicebox {
      background-color: transparent;
      padding: 7px;
      color: var(--color-3);
      border-radius: 0;
      flex-direction: row;
      justify-content: space-between;
      width: 100%;
      align-items: center;
    }

    .servicebox {
      background-color: transparent;
      padding: 7px;
      color: var(--color-3);
      border-radius: 0;
      flex-direction: row;
      justify-content: space-between;
      width: 100%;
      align-items: center;
    }

    .light .srcsp span {
      color: #222;
    }

    @media only screen and (min-width: 962px) {
      .servicetop {
        padding-left: 2px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
      }
    }

    .sertops {
      display: flex;
      justify-content: space-between;
      font-size: 14px;
    }

    .servicedetail {
      display: flex;
      margin-top: 20px;
    }

    @media only screen and (min-width: 962px) {
      .srcsp {
        font-size: 12px;
        color: var(--color-3);
        margin-right: 15px;
        font-weight: 400;
      }
    }

    .active_lay {
      display: none;
    }

    span.select2-search.select2-search--dropdown {
      display: none;
    }

.add_funds.authorized form  .bootstrap-select .dropdown-menu li a span.text img{
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
}
.add_funds.authorized form .bootstrap-select .dropdown-toggle .filter-option-inner-inner img{
  width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
}
.select2-container--open .select2-dropdown--below{
 
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    color: #fff !important;
    outline: none !important;
    background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
    background: #f53e31;
    /* box-shadow: #033c7350 0px 20px 30px; */
    box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31 !important;
}
.select2-container--default .select2-results__option--selected{
    border-bottom:1px solid rgb(86 9 11) !important;
    background-color: #fff;
}
.select2-container--default .select2-selection--single{
    padding: 10px 0px;
          border-radius: 10px ;
          border: 1px solid #00000010 !important;
          outline: none !important;
          box-shadow: none !important;
          background: #efefef;
          color: #0a0a0a;
          height: 45px;
}
span.select2-dropdown.select2-dropdown--above{
    min-height: 340px !important;
    padding: 0px !important;
    margin-top: 0px !important;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 12px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 0px !important;
}
      .add_funds.authorized form .btn-default {
          padding: 10px;
          border-radius: 10px;
          border: 1px solid #00000010 !important;
          outline: none !important;
          box-shadow: none !important;
          background: #efefef;
          color: #0a0a0a;
          height: 45px;
      }
      .authorized form .bootstrap-select .dropdown-menu {
              border-radius: 10px !important;
              top: 10px !important;
              max-height: 340px !important;
              min-height: 35px !important;
              left: 0;
              float: left;
              text-align: left;
              list-style: none;
              background-clip: padding-box !important;
          }

          .authorized form .dropdown-menu.open li.active a, .authorized form .dropdown-menu > li > a:hover, .authorized form .dropdown-menu > li > a:focus {

          color: #fff !important;
          outline: none !important;
          background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
          background: #f53e31;
          /* box-shadow: #033c7350 0px 20px 30px; */
          box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31 !important;
      }
          .add_funds.authorized .dropdown.bootstrap-select.form-control.bs3.open{
              background-color: transparent !important;
          }
      .add_funds.authorized form .btn-default:is(:hover,:focus){
          padding: 10px;
          border-radius: 10px;
          border: 1px solid #00000010 !important;
          outline: none !important;
          box-shadow: none !important;
          background: #efefef;
          color: #0a0a0a;
          height: 45px;
      }
      .add_funds.authorized form .btn-default:focus {
          border: 1px solid #66afe9 !important;
          outline: 0 !important;
          -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
          /* box-shadow: 0 0 10px #5897fb90 !important; */
          /* border: 1px solid #5897fb90 !important; */
      }
      @media (min-width: 1200px) {
          .authorized.add_funds  form .bootstrap-select .dropdown-menu {
              min-height: 340px !important;
          }
      }

      @media (min-width: 992px) {
          .authorized.add_funds  form  .bootstrap-select .dropdown-menu {
              min-height: 340px !important;
          }
      }
      @media (min-width: 767px) {
          .authorized.add_funds  form  .bootstrap-select .dropdown-menu {
              min-height: 340px !important;
          }
      }
      @media (min-width: 592px) {
          .authorized.add_funds  form  .bootstrap-select .dropdown-menu {
              min-height: 340px !important;
          }
      }
      .authorized.add_funds  form  .bootstrap-select .dropdown-menu {
          min-height: 340px !important;
      }
      .add_funds.authorized form .dropdown-menu.open {
          max-width: 100%;
          position: inherit;
      }
      .authorized.add_funds  form .bootstrap-select .dropdown-menu.open li {
          border-bottom: 1px solid #00000010 !important;
      }
      .authorized.add_funds  form  .dropdown-menu.open li a {
          /* margin: 5px 0px !important; */
      }

      .authorized.add_funds  form .dropdown-menu.open li a {
          display: block;
          width: 100%;
          /* border: 1px solid rgb(86 9 11); */
          padding: 8px 10px;
          color: #333;
          /* border-radius: 30px; */
          /* margin: 15px 0px; */
          outline: none !important;
      }
      .bootstrap-select .dropdown-menu li a span.text {
          word-wrap: break-word;
          white-space: break-spaces;
      }
              .pagination li a {
              background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
              background: #f53e31;
              /*box-shadow: #033c7350 0px 20px 30px;*/
              box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
              }
              .welcomebox h2 span, .sidebarul li a:hover, .sidebarul li a:focus, .maindetheadstat h4, .ticketboxleft a, .contpghdr h2 span, .pricechildpanel, .ullistns li i, .fcpcont h3, .servid, .stepcardmoflex h3, .stepcont h2  {
             color: #f53e31 !important;
              }
              .secondSec .secheading h2 span {
              color: #162b51 !important;
              }
              .note {
              border-color: #f53e31 !important;
              }
              body a.active {
              color: #fff !important;
              }
              .sidebarul li a, .idtd div {
              color: #162b51 !important;
              }
              .idtd div {
              border: 1px solid #162b51 !important;
              }
            	.menu_items_17, .menu_items_21 {
              display:none !important;
              }
              body {
              background-image: none !important;
              background-color: #F0F4F7 !important;
              }
              body.darkmode ul li a {
              color: #fffff !important;
              }
              body.darkmode {
              background: radial-gradient(#0a0a0a, #1a1a1a) !important;
              }
              body.darkmode .statcard {
        background: #242b3a;
        border: 1px solid #ffffff10;
        box-shadow: 2px 2px 120px -55px #2fa4e730;
      }
      body.darkmode .statcard .dethead .maindetheadstat p {
        color: #fff;
      }
      body.darkmode .statcard .dethead .maindetheadstat h4 {
        color: #ffffff99;
      }
      body.darkmode .well {
        background: #242b3a;
        border: 1px solid #ffffff10;
        color: #fff;
        box-shadow: 2px 2px 120px -55px #2fa4e730;
      }
              body.darkmode ul.nav.nav-pills {
        background: #242b3a;
        border: 1px solid #ffffff10;
        color: #fff;
        box-shadow: 2px 2px 120px -55px #2fa4e730;
      }

              body.darkmode .sidebar {
        background: #242b3a;
        border: 1px solid #ffffff20;
        box-shadow: 2px 2px 120px -55px #2fa4e730;
      }
      body.darkmode .sidebar ul li a {
        color: #fff !important;
        font-weight: 400;
      }
      body.darkmode p.menuheading, body.darkmode .gridcol2 div#specs, body.darkmode .wellhdr .headrwell p, body.darkmode footer p.footerp {
        color: #fff;
      }
      body.darkmode .profilecard {
        background: #ffffff20;
        color: #fff;
      }
      body.darkmode .profilecard img {
        border-color: #454647;
        margin-right: 10px;
      }
      body.darkmode .profilecard h3 {
        color: #ffffff99;
        text-align: left;
        font-weight: bold;
      }
      body.darkmode .form-control, body.darkmode .statsdesc > div, body.darkmode div.gridcol2, body.darkmode .panel-body {
        background: #ffffff20;
        border: 1px solid #ffffff10;
        color: #fff;
      }
      body.darkmode footer {
        background: #ffffff20;
        color: #fff;
      }
      body.darkmode .payment-group button {
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode h4.paymentHeading {
        color: #fff;
        font-weight: 400;
      }
      body.darkmode h4.paymentHeading i {
        background: #2fa4e7;
      }
      body.darkmode ul.paymethradios li.payment-option a {
        background: #ffffff50;
        color: #fff;
      }
      body.darkmode ul.paymethradios li.payment-option a .option-header p, body.userauth.darkmode td.idtd {
        color: #fff;
      }
      body.darkmode ul.paymethradios li.payment-option a .option-header span.radio {
        border-color: #2fa4e7;
      }
      body.darkmode .ordertopfeats {
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode .search .form-control {
        background: transparent;
        border: 0;
        border-bottom: 1px solid #ffffff20;
      }
              body.darkmode .table-responsive {
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
        color: #fff;
      }
      body.darkmode .wellhdr .headrwell i {
        background: #2fa4e7;
      }
      body.darkmode .chat-container, body.darkmode .notechatdet {
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode .datetick {
        background: #ffffff20;
      }
      body.darkmode .whatsapp-chat-box {
        background: #373737;
      }
      body.darkmode .chatdetstat {
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode .chatdetstat p{
        color: #ffffff90;
      }
              body.darkmode ul.nsul {
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode ul.nsul li {
        background: transparent;
        color: #fff;
      }
      body.darkmode ul.ullistns li {
        color: #ffffff90;
      }
      body.darkmode .cardfcp {
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode .secheading h2 {
        color: #fff;
      }
      body.darkmode .secheading h2 span {
        color: #2fa4e7;
      }
      body.darkmode hr {
        border-color: #ffffff10;
      }
      body.darkmode .backchildsmh {
        background: #4d4d4f;
      }
      body.userauth.darkmode .backchildsmh h3.pricechildpanel small {
        color: #fff;
      }
      body.darkmode .backchildsmh h3.pricechildpanel {
        background: #4d4d4f;
      }
      body.darkmode .modal-content {
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode .modal-header {
        border-color: #ffffff20;
      }
      body.darkmode .dropdown-menu {
        background: #292929;
      }
      body.darkmode .dropdown-menu li a {
        color: #fff !important;
        border: 1px solid #ffffff10 !important;
      }
      body.darkmode .profilecardacc {
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode p.usernameprof {
        color: #fff;
      }
      body.darkmode .dropdown.profiledd ul.dropdown-menu{
        color: #fff !important;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode .form-msord small {
        color: #178acc;
      }
      body.darkmode .stepcardmo{
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode .page-header-lgin {
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
              .well .btn-default:active .caret,
      .well .btn-default.active .caret,
      .well .open > .dropdown-toggle.btn-default .caret {
      transform: rotate(180deg) !important;
      }
              thead tr{
              background: none !important;
              background-image: none !important;
              }
              body .btn.btn-primary, body .threedblue, thead, .maindetheadstat i, .headrwell i, .help-block.min-max, .funddd .dropdown-menu li a span, .tickstat, .seventhSec .stepcard{
              background: radial-gradient(42.73% 42.73% at 50% 96.36%, #178acc 0%, #FF5A5A10 100%), #2780e3 !important;
              background: #f53e31;
              /*box-shadow: #033c7350 0px 20px 30px;*/
              box-shadow: 0px 1.18245px 2.3649px 0px #178acc, 0px 0px 0px 1.18245px #2780e3, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
              }
              body .nav-pills > li.active > a, body .nav-pills > li.active > a:hover, body .nav-pills > li.active > a:focus {
              background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
              background: #f53e31;
              /*box-shadow: #033c7350 0px 20px 30px;*/
              box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
              color: #ffffff !important;
              }
              body .nav-pills > li:first-child.active > a, body .nav-pills.activechngpill > li:first-child.active > a {
              background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
              background: #f53e31;
              /*box-shadow: #033c7350 0px 20px 30px;*/
              box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
              color: #ffffff !important;
              }
              /* body .threeddarkblue {
              background: radial-gradient(42.73% 42.73% at 50% 96.36%, #CA6464 0%, #D46E6E10 100%), #841E1E !important;
              background: #841E1E;
              /*box-shadow: #033c7350 0px 20px 30px;*/
              box-shadow: 0px 1.18245px 2.3649px 0px #F28C8C, 0px 0px 0px 1.18245px #841E1E, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
              }*/
    </style>
<style>
		#helpsquestion {
    position: fixed;
    top: 40%;
    right: -39px;
    z-index: 99;
    font-size: 12px;
    border: none;
    outline: none;
    background-color: #EE4540;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    transition: right 1s;
    animation: blinkingBackground 2s infinite;
}

#helpsquestion:hover {
  right: -1px;
}

@keyframes blinkingBackground{
		0%		{ background-color: #847bec;}
		25%		{ background-color: #847bec;}
		50%		{ background-color: #FF0000;}
		75%		{ background-color: #FF0000;}
		100%	        { background-color: #007bff;}
	}
		</style>
<script src="https://res.cloudinary.com/ducwr0k65/raw/upload/v1732772108/jquery.min_fxcw3f.js"></script>
<script>
      // Inline script to set the theme insertBeforeText the DOM is fully loaded
      (function () {
        const theme = localStorage.getItem("theme");
        if (theme === "dark") {
          document.documentElement.classList.add("darkmode");
        }
      })();
    </script>

<style>
  body {
  overflow-x: hidden !important;
  }
  .slick-prev,
.slick-next
{
  margin: 20px !important;
  }
   .list-inline.ftrlinks li a, .boxinvsec h2 span, .stepcont h2, .secheading h2 span{
  color: #033c73 !important;
  }
  .subtop, .btn.btn-secondary, .tagssetdown .tags.tagstiltcentro, .tagssetdown .tags.primback, .gridcol, .bspcard a, .clientelelgs p, .stepcard, .subhead, .boxinvsec .btn.btn-primary, .faqcardheader i, .socialulftr.list-inline li a, .featurelists .featname i {
  border: 0px !important;
  outline: none !important;
  color: #fff !important;
  background: radial-gradient(42.73% 42.73% at 50% 96.36%, #178acc 0%, #FF5A5A10 100%), #2780e3 !important;
        background: #f53e31;
        /*box-shadow: #033c7350 0px 20px 30px;*/
        box-shadow: 0px 1.18245px 2.3649px 0px #178acc, 0px 0px 0px 1.18245px #2780e3, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
        }
  @media(max-width: 992px){
  body .main-content {
  padding-top: 0px !important;
  margin-top: 40px !important;
  }
  }
</style>

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script>
  $(document).ready(function(){
    function generateRandomToast() {
      var firstNames = {
        'Russian': ['Sergei', 'Ivan', 'Nikolai', 'Mikhail', 'Dmitri', 'Viktor', 'Boris', 'Andrei', 'Yuri', 'Anton'],
        'Indian': ['Raj', 'Amit', 'Sanjay', 'Rahul', 'Arjun', 'Vivek', 'Arun', 'Kunal', 'Ravi', 'Siddharth'],
        'American': ['John', 'Michael', 'David', 'James', 'Robert', 'William', 'Christopher', 'Matthew', 'Daniel', 'Joseph'],
        'Turkish': ['Mehmet', 'Mustafa', 'Ahmet', 'Ali', 'Osman', 'Emre', 'Tolga', 'Eren', 'Burak', 'Onur'],
        'Arabian': ['Mohammed', 'Ali', 'Omar', 'Hassan', 'Ahmed', 'Abdullah', 'Khalid', 'Fahad', 'Youssef', 'Hamza']
      };

      var middleNames = {
        'Russian': ['Ivanovich', 'Sergeevich', 'Petrovich', 'Nikolaevich', 'Alexandrovich', 'Vladimirovich', 'Dmitrievich', 'Andreevich', 'Yurievich', 'Anatolyevich'],
        'Indian': ['Kumar', 'Singh', 'Sharma', 'Patel', 'Das', 'Gupta', 'Choudhary', 'Mishra', 'Yadav', 'Malhotra'],
        'American': ['Robert', 'William', 'Joseph', 'Lee', 'Edward', 'Thomas', 'Richard', 'Paul', 'Mark', 'Donald'],
        'Turkish': ['Ahmet', 'Mustafa', 'Mehmet', 'Ali', 'Osman', 'Emre', 'Cem', 'Hakan', 'İsmet', 'Uğur'],
        'Arabian': ['Abdul', 'Mohammed', 'Ahmed', 'Hassan', 'Ali', 'Khalid', 'Mahmoud', 'Nasser', 'Abdullah', 'Sultan']
      };

      var lastNames = {
        'Russian': ['Ivanov', 'Petrov', 'Sidorov', 'Smirnov', 'Popov', 'Kuznetsov', 'Volkov', 'Lebedev', 'Kozlov', 'Novikov'],
        'Indian': ['Patel', 'Sharma', 'Gupta', 'Khan', 'Singh', 'Desai', 'Mehta', 'Shah', 'Joshi', 'Trivedi'],
        'American': ['Smith', 'Johnson', 'Williams', 'Jones', 'Brown', 'Davis', 'Miller', 'Wilson', 'Moore', 'Taylor'],
        'Turkish': ['Yılmaz', 'Kaya', 'Demir', 'Şahin', 'Çelik', 'Yıldırım', 'Öztürk', 'Arslan', 'Korkmaz', 'Aslan'],
        'Arabian': ['Al-Maktoum', 'Al-Fahim', 'Al-Haddad', 'Al-Sheikh', 'Al-Mansoori', 'Al-Qasimi', 'Al-Suwaidi', 'Al-Hashemi', 'Al-Ali', 'Al-Rashid']
      };

      var randomCulture = Object.keys(firstNames)[Math.floor(Math.random() * Object.keys(firstNames).length)];
      var randomFirstName = firstNames[randomCulture][Math.floor(Math.random() * firstNames[randomCulture].length)];
      var randomMiddleName = middleNames[randomCulture][Math.floor(Math.random() * middleNames[randomCulture].length)];
      var randomLastName = lastNames[randomCulture][Math.floor(Math.random() * lastNames[randomCulture].length)];
      var randomName = randomFirstName + " " + randomMiddleName + " " + randomLastName;

      var services = [
        // Instagram
        "Instagram Likes",
        "Instagram Followers",
        "Instagram Views",
        // YouTube
        "YouTube Subscribers",
        "YouTube Views",
        "YouTube Likes",
        "YouTube Comments",
        // TikTok
        "TikTok Views",
        "TikTok Likes",
        "TikTok Followers",
        // Facebook
        "Facebook Page Likes",
        "Facebook Post Likes",
        "Facebook Followers",
        // Twitter
        "Twitter Followers",
        "Twitter Likes",
        "Twitter Retweets",
        // WhatsApp
        "WhatsApp Group Members",
        "WhatsApp Reactions",
        // Discord
        "Discord Server Members",
        "Discord Nitro Boosts",
        "Discord Server Votes",
        // Twitch
        "Twitch Followers",
        "Twitch Views",
        "Twitch Subscribers",
        // Spotify
        "Spotify Plays",
        "Spotify Followers",
        "Spotify Saves",
        // SoundCloud
        "SoundCloud Plays",
        "SoundCloud Followers",
        "SoundCloud Likes",
        // LinkedIn
        "LinkedIn Connections",
        "LinkedIn Post Likes",
        "LinkedIn Shares"
      ];
      var randomService = services[Math.floor(Math.random() * services.length)];
      var randomAmount = Math.floor(Math.random() * (1000000 - 1000 + 1)) + 1000;

      // Create the toast using Toastr plugin
      toastr.options.timeOut = 5000; // 5 seconds
      toastr.options.positionClass = 'toast-bottom-right'; // Set position to bottom right
      toastr.success(
        `${randomName} bought ${randomAmount.toLocaleString()} ${randomService} just now`
      );
    }

    // Call generateRandomToast() initially
    generateRandomToast();

    // Set interval to call generateRandomToast() every 10 seconds
    setInterval(function() {
      generateRandomToast();
    }, Math.floor(Math.random() * (60000 - 12000 + 1)) + 6000);
  });
</script>
<script type="text/javascript">
  $(document).ready(function(){
    $('.gridfaq').slick({
      slidesToShow: 3,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 2000, // Change to your desired autoplay speed in milliseconds
      responsive: [
        {
          breakpoint: 1240, // For desktop
          settings: {
            slidesToShow: 2,
            slidesToScroll: 1,
            infinite: true,
            dots: true
          }
        },
        {
          breakpoint: 767, // For mobile
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1,
            infinite: true,
            dots: true
          }
        }
      ]
    });
  });
</script>
<script type="text/javascript">
  $(document).ready(function(){
    $('.testimonial-slider').slick({
      slidesToShow: 3,
      slidesToScroll: 1,
      dots: false,
      arrows: false,
      autoplay: true,
      autoplaySpeed: 2000, // Change to your desired autoplay speed in milliseconds
      responsive: [
        {
          breakpoint: 1240, // For desktop
          settings: {
            slidesToShow: 2,
            slidesToScroll: 1,
            infinite: true,
            arrows: false,
            dots: false
          }
        },
        {
          breakpoint: 767, // For mobile
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1,
            infinite: true,
            arrows: false,
            dots: false
          }
        }
      ]
    });

    $('.testimonial-slidertwo').slick({
      slidesToShow: 3,
      slidesToScroll: 1,
      rtl: true,
      arrows: false,
      dot: false,
      autoplay: true,
      autoplaySpeed: 2000, // Change to your desired autoplay speed in milliseconds
      responsive: [
        {
          breakpoint: 1240, // For desktop
          settings: {
            slidesToShow: 2,
            slidesToScroll: 1,
            rtl: true,
            infinite: true,
            arrows: false,
            dots: false
          }
        },
        {
          breakpoint: 767, // For mobile
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1,
            rtl: true,
            infinite: true,
            arrows: false,
            dots: false
          }
        }
      ]
    });
  });
</script>

<style>
      .swiper-container {
        width: 100%;
        height: 100%;
      }
      .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        flex-direction: column;
        font-size: 18px;
      }
      .modal-content {
        text-align: center;
      }
      .btn-next,
      .btn-close {
        margin-top: 20px;
      }
    </style>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script>
      document.addEventListener('DOMContentLoaded', function() {
          change_cat(); 
      
      
          document.getElementById('orderCategory').addEventListener('change', function() {
              change_cat();
          });
      
          document.getElementById('OrderService').addEventListener('load', function() {
              let service_ID = this.getAttribute('data-id');
              addon_details(service_ID);
          });
      });
      
        </script>
<script
      type="text/javascript"
      src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"
    ></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<script>
      function getUrlParameter(sParam) {
        var sPageURL = decodeURIComponent(window.location.search.substring(1));
        var sURLVariables = sPageURL.split("&");
        var sParameterName;
        var i;
        for (i = 0; i < sURLVariables.length; i++) {
          sParameterName = sURLVariables[i].split("=");
          if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : sParameterName[1];
          }
        }
      }

      var select_service_id = getUrlParameter("buy");
      if (select_service_id) {
        var selectSerCatID =
          window.modules.siteOrder.services[select_service_id].cid;
        let orderCat = document.getElementById("orderCategory");
        let orderSer = document.getElementById("OrderService");

        $(function () {
          orderCat.querySelector("[selected]").removeAttribute("selected");
          console.log(selectSerCatID);
          orderCat
            .querySelector('[value="' + selectSerCatID + '"]')
            .setAttribute("selected", "selected");
          orderCat.value = selectSerCatID;

          var event = document.createEvent("HTMLEvents");
          event.initEvent("change", true, false);
          orderCat.dispatchEvent(event);

          setTimeout(() => {
            let controlSel = orderSer.querySelector("[selected]");
            if (controlSel) {
              controlSel.removeAttribute("selected");
            }
            console.log(select_service_id);
            orderSer
              .querySelector('[value="' + select_service_id + '"]')
              .setAttribute("selected", "selected");
            orderSer.value = select_service_id;
            orderSer.dispatchEvent(event);
          }, 500);
        });
      }
    </script>
<script
      src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/js/bootstrap-select.min.js"
      type="text/javascript"
    ></script>
<script>
      $(".menu").click(function () {
        $(this).toggleClass("open");
      });
    </script>
<script>
      function openSidebar() {
        $(".sidebar").toggleClass("sideOpened");
        $(".hamburget").toggleClass("tog");
        $(".sidebaroverlay").toggleClass("active");
      }
    </script>
<script>
      const fileInput = document.getElementById("fileInput");
      const profilePictures = document.querySelectorAll(".profilePicture");
      const maxSize = 1024 * 1024; // 1MB

      function uploadPicture(event) {
        const file = fileInput.files[0];
        if (file.size > maxSize) {
          alert("File size exceeds 1MB. Please upload a smaller file.");
          return;
        }
        const reader = new FileReader();
        reader.readAsDataURL(file);
        reader.onload = function () {
          const img = new Image();
          img.src = reader.result;
          img.onload = function () {
            const canvas = document.createElement("canvas");
            const ctx = canvas.getContext("2d");
            const squareSize = Math.min(img.width, img.height);
            canvas.width = squareSize;
            canvas.height = squareSize;
            const offsetX = (img.width - squareSize) / 2;
            const offsetY = (img.height - squareSize) / 2;
            ctx.drawImage(
              img,
              offsetX,
              offsetY,
              squareSize,
              squareSize,
              0,
              0,
              squareSize,
              squareSize
            );
            const croppedDataURL = canvas.toDataURL("image/jpeg");
            localStorage.setItem("profilePicture", croppedDataURL);
            profilePictures.forEach((profilePicture) => {
              profilePicture.src = croppedDataURL;
            });
          };
        };
      }

      const storedPicture = localStorage.getItem("profilePicture");
      if (storedPicture) {
        profilePictures.forEach((profilePicture) => {
          profilePicture.src = storedPicture;
        });
      }
    </script>
<script>
					if( (self.parent && !(self.parent===self))
						&&(self.parent.frames.length!=0)){
						self.parent.location=document.location
					}
					</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.27.6/js/jquery.tablesorter.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/10.0.0/sweetalert2.all.min.js" defer ></script> <script> window.modules=["global","signup","settings","signin"];window.modules.global={"cdn":"cdn.1panel.link"};window.modules.signin={"allow_google_login":"1","allow_average_time_option":"1"}; </script><script src="https://cdn.1panel.link/toolkit.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" defer ></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.14/js/bootstrap-select.min.js"  defer integrity="sha512-CJXg3iK9v7yyWvjk2npXkQjNQ4C1UES1rQaNB7d7ZgEVX2a8/2BmtDmtTclW4ial1wQ41cU34XPxOw+6xJBmTQ=="  crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdn.1panel.link/application.v24.09.27.v5.js" defer></script>
<script>;
		
function fn60sec() {
var xhttp = new XMLHttpRequest();xhttp.onreadystatechange = function() 
{if (this.readyState == 4 && this.status == 200) {console.log("Yes");}};xhttp.open("GET", "check-auth", true);xhttp.setRequestHeader("Content-type", "application/json");xhttp.send();
}
(function() {

$(".placeorder-btn").click(function(e) {
var href= e.currentTarget.dataset.href;
window.location.href = href;
});

})();
</script>

<style>
.particle-snow{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.particle-snow canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.christmas-garland{text-align:center;white-space:nowrap;overflow:hidden;position:absolute;z-index:1;padding:0;pointer-events:none;width:100%;height:85px}.christmas-garland .christmas-garland__item{position:relative;width:28px;height:28px;border-radius:50%;display:inline-block;margin-left:20px}.christmas-garland .christmas-garland__item .shape{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:flash-1;animation-name:flash-1;-webkit-animation-duration:2s;animation-duration:2s}.christmas-garland .christmas-garland__item .apple{width:22px;height:22px;border-radius:50%;margin-left:auto;margin-right:auto;margin-top:8px}.christmas-garland .christmas-garland__item .pear{width:12px;height:28px;border-radius:50%;margin-left:auto;margin-right:auto;margin-top:6px}.christmas-garland .christmas-garland__item:nth-child(2n+1) .shape{-webkit-animation-name:flash-2;animation-name:flash-2;-webkit-animation-duration:.4s;animation-duration:.4s}.christmas-garland .christmas-garland__item:nth-child(4n+2) .shape{-webkit-animation-name:flash-3;animation-name:flash-3;-webkit-animation-duration:1.1s;animation-duration:1.1s}.christmas-garland .christmas-garland__item:nth-child(odd) .shape{-webkit-animation-duration:1.8s;animation-duration:1.8s}.christmas-garland .christmas-garland__item:nth-child(3n+1) .shape{-webkit-animation-duration:1.4s;animation-duration:1.4s}.christmas-garland .christmas-garland__item:before{content:"";position:absolute;background:#222;width:10px;height:10px;border-radius:3px;top:-1px;left:9px}.christmas-garland .christmas-garland__item:after{content:"";top:-9px;left:14px;position:absolute;width:52px;height:18px;border-bottom:solid #222 2px;border-radius:50%}.christmas-garland .christmas-garland__item:last-child:after{content:none}.christmas-garland .christmas-garland__item:first-child{margin-left:-40px}</style>
<script type="text/javascript" src="https://cdn.1panel.link/ny2893848_3.js"></script>
<script type="text/javascript" >
     document.addEventListener('DOMContentLoaded', function() { 
var newYearEvent = new window.NewYearEvent({"snow":{"init":true,"options":{"particles":{"move":{"speed":3,"bounce":false,"enable":true,"random":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200},"out_mode":"out","straight":false,"direction":"bottom"},"size":{"anim":{"sync":false,"speed":20,"enable":false,"size_min":0.1000000000000000055511151231257827021181583404541015625},"value":5,"random":true},"color":{"value":"#fff"},"number":{"value":20,"density":{"enable":true,"value_area":650}},"opacity":{"anim":{"sync":false,"speed":1,"enable":true,"opacity_min":0.90000000000000002220446049250313080847263336181640625},"value":0.90000000000000002220446049250313080847263336181640625,"random":true},"line_linked":{"color":"#ffffff","width":1,"enable":false,"opacity":0.8000000000000000444089209850062616169452667236328125,"distance":500}},"interactivity":{"modes":{"bubble":{"size":4,"speed":3,"opacity":1,"distance":400,"duration":0.299999999999999988897769753748434595763683319091796875},"repulse":{"speed":3,"distance":200,"duration":0.40000000000000002220446049250313080847263336181640625}},"events":{"resize":true,"onclick":{"mode":"repulse","enable":true},"onhover":{"mode":"bubble","enable":false}},"detect_on":"window"},"retina_detect":true}},"toys":{"init":false,"options":{"count":"20","speed":1,"images":[],"maxSize":30,"launches":"1"}},"garland":{"init":false,"options":{"type":"apple","style":"style1"}},"fireworks":{"init":false,"options":{"delay":{"max":30,"min":30},"friction":0.9499999999999999555910790149937383830547332763671875}}})
newYearEvent.start()
});   </script>
<script
    type="text/javascript"
    src="https://cdn.mypanel.link/edeed4/0ibj57ayq9ej47yb.js"
  ></script>
<script>
    $("#message").on("keyup", function () {
      var val = $(this).val();
      $("#hmessage").val(val);
    });
  </script>
<script>
    $(document).ready(function () {
      $(".gridfaq").slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 2000, // Change to your desired autoplay speed in milliseconds
        responsive: [
          {
            breakpoint: 1240, // For desktop
            settings: {
              slidesToShow: 2,
              slidesToScroll: 1,
              infinite: true,
              dots: true,
            },
          },
          {
            breakpoint: 767, // For mobile
            settings: {
              slidesToShow: 1,
              slidesToScroll: 1,
              infinite: true,
              dots: true,
            },
          },
        ],
      });
    });
  </script>
<script>
    $(document).ready(function () {
      $(".testimonial-slider").slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        dots: false,
        arrows: false,
        autoplay: true,
        autoplaySpeed: 2000, // Change to your desired autoplay speed in milliseconds
        responsive: [
          {
            breakpoint: 1240, // For desktop
            settings: {
              slidesToShow: 2,
              slidesToScroll: 1,
              infinite: true,
              arrows: false,
              dots: false,
            },
          },
          {
            breakpoint: 767, // For mobile
            settings: {
              slidesToShow: 1,
              slidesToScroll: 1,
              infinite: true,
              arrows: false,
              dots: false,
            },
          },
        ],
      });

      $(".testimonial-slidertwo").slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        rtl: true,
        arrows: false,
        dot: false,
        autoplay: true,
        autoplaySpeed: 2000, // Change to your desired autoplay speed in milliseconds
        responsive: [
          {
            breakpoint: 1240, // For desktop
            settings: {
              slidesToShow: 2,
              slidesToScroll: 1,
              rtl: true,
              infinite: true,
              arrows: false,
              dots: false,
            },
          },
          {
            breakpoint: 767, // For mobile
            settings: {
              slidesToShow: 1,
              slidesToScroll: 1,
              rtl: true,
              infinite: true,
              arrows: false,
              dots: false,
            },
          },
        ],
      });
    });
  </script>
<script>
    $(document).ready(function () {
        // Initialize the selectpicker
        $("#payment_type").selectpicker();
    
        // Iterate through each option and add images and text to data-content
        $("#payment_type option").each(function () {
            let imgTag = '';
            if ($(this).text().includes("Phonepe")) {
                imgTag = `<img src="https://res.cloudinary.com/dzogqeqlt/image/upload/v1727198327/20240924_223703_pe2sud.jpg" class="img_addfunds" alt="img"> `;
            } else if ($(this).text().includes("Paytm")) {
                imgTag = `<img src="https://res.cloudinary.com/dzogqeqlt/image/upload/v1727198419/20240924_221314_nslulx.jpg" class="img_addfunds" alt="img"> `;
            } else if ($(this).text().includes("Gpay")) {
                imgTag = `<img src="https://res.cloudinary.com/dzogqeqlt/image/upload/v1727198289/20240924_224558_f2bmbh.jpg" class="img_addfunds" alt="img"> `;
            } else if ($(this).text().includes("Easypaisa")) {
                imgTag = `<img src="https://res.cloudinary.com/dzogqeqlt/image/upload/v1727198400/20240924_221530_sqtl7b.jpg" class="img_addfunds" alt="img"> `;
            } else if ($(this).text().includes("Jazzcash")) {
                imgTag = `<img src="https://res.cloudinary.com/dzogqeqlt/image/upload/v1727198455/20240924_221921_z38j0o.jpg" class="img_addfunds" alt="img"> `;
            } else if ($(this).text().includes("BKASH / NAGAD / ROCKET")) {
                imgTag = `<img src="https://res.cloudinary.com/dzogqeqlt/image/upload/v1727198364/20240924_223320_nbjjlr.jpg" class="img_addfunds" alt="img"> `;
            } else if ($(this).text().includes("Gcash")) {
                imgTag = `<img src="https://res.cloudinary.com/dzogqeqlt/image/upload/v1727198385/20240924_223441_t1ik2q.jpg" class="img_addfunds" alt="img"> `;
            } else if ($(this).text().includes("Binance")) {
                imgTag = `<img src="https://res.cloudinary.com/dzogqeqlt/image/upload/v1727198339/20240924_223229_dovzsv.jpg" class="img_addfunds" alt="img"> `;
            } else if ($(this).text().includes("Perfect Money")) {
                imgTag = `<img src="https://res.cloudinary.com/dzogqeqlt/image/upload/v1727198432/20240924_222700_fkb3fh.jpg" class="img_addfunds" alt="img"> `;
            } else if ($(this).text().includes("Crypto")) {
                imgTag = `<img src="https://res.cloudinary.com/dzogqeqlt/image/upload/v1727198303/20240924_224352_a6ief6.jpg" class="img_addfunds" alt="img"> `;
            } else if ($(this).text().includes("MasterCard")) {
                imgTag = `<img src="https://res.cloudinary.com/dzogqeqlt/image/upload/v1727198351/20240924_224525_n76acb.jpg" class="img_addfunds" alt="img"> `;
            } else if ($(this).text().includes("Voucher System")) {
                imgTag = `<img src="https://res.cloudinary.com/dzogqeqlt/image/upload/v1727199101/20240924_230030_xkw7j2.jpg" class="img_addfunds" alt="img"> `;
            } else if ($(this).text().includes("PayPal")) {
                imgTag = `<img src="https://res.cloudinary.com/dzogqeqlt/image/upload/v1727198317/20240924_224450_hchxcz.jpg" class="img_addfunds" alt="img"> `;
            }
        
            else if ($(this).text().includes("Bkash | Nagad | Rocket")) {
                imgTag = `<img src="https://res.cloudinary.com/dzogqeqlt/image/upload/v1727198364/20240924_223320_nbjjlr.jpg" class="img_addfunds" alt="img"> `;
            }

            else if ($(this).text().includes("Touch n Go Manual")) {
                imgTag = `<img src="https://res.cloudinary.com/dzogqeqlt/image/upload/v1727198408/20240924_223356_ka6rtv.jpg" class="img_addfunds" alt="img"> `;
            }

            else if ($(this).text() == "Easypaisa Jazzcash Bank" || $(this).text().includes("Easypaisa Jazzcash Bank")) {
                imgTag = `<img src="https://res.cloudinary.com/dzogqeqlt/image/upload/v1727198374/20240924_222306_ca4zml.jpg" class="img_addfunds" alt="img"> `;
            }

             else {
                imgTag = `<img src="https://res.cloudinary.com/dzogqeqlt/image/upload/v1727199531/20240924_230645_frqfzz.jpg" class="img_addfunds" alt="img"> `;
            }
    
            // Set the data-content attribute for each option
            $(this).attr('data-content', imgTag + $(this).text());
        });
    
        // Refresh the selectpicker to reflect changes
        $("#payment_type").selectpicker("refresh");
    });
    </script>
<script
    type="text/javascript"
    src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"
  ></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
    if(document.getElementsByClassName('status_checker')){
     
        function checkStatus() {
            const input = document.getElementById('u-statusInput').value.toLowerCase();
            const statusCard = document.getElementById('u-statusCard');
            const getInfoBtn = document.getElementById('getInfoBtn');

            if (!input) {
                statusCard.textContent = "Please enter a valid input.";
                statusCard.className = 'u-card failure';
                statusCard.style.display = 'block';
                return;
            }

            // Disable button and show loading state
            getInfoBtn.disabled = true;
            getInfoBtn.textContent = "Loading...";

            const post_data = `actionType=verify-spam-check&apiKey=&id=2331&link=${encodeURIComponent(input)}`;
            const xhttp = new XMLHttpRequest();

            xhttp.onreadystatechange = function () {
                if (this.readyState === 4) {
                    getInfoBtn.disabled = false;
                    getInfoBtn.textContent = "Get Info";

                    if (this.status === 200) {
                        try {
                            const data = JSON.parse(this.responseText);

                            if (data.success === 1) {
                                statusCard.textContent = `Spam filter is off.`;
                                statusCard.className = 'u-card';
                            } else {
                                if (data.message === "private_account") {
                                    statusCard.textContent = "The account is private";
                                } else if (data.message === "Spam Filter is not disabled yet.") {
                                    statusCard.textContent = "Spam filter is on.";
                                } else {
                                    statusCard.textContent = data.message || "Unknown error occurred.";
                                }

                                statusCard.className = 'u-card failure';
                            }
                        } catch (error) {
                            statusCard.textContent = `Error parsing response: ${error.message}`;
                            statusCard.className = 'u-card failure';
                        }
                    } else {
                        statusCard.textContent = `Error: Unable to complete the request. Status ${this.status}`;
                        statusCard.className = 'u-card failure';
                    }

                    statusCard.style.display = 'block';
                }
            };

            xhttp.open("POST", '/api', true);
            xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
            xhttp.send(post_data);
        }

        // Function to fetch followers count
        function fetchFollowers() {
            const input = document.getElementById('u-userInput').value.toLowerCase();
            const userCard = document.getElementById('u-userCard');
            const fetchButton = document.querySelector('#u-rightBox button');

            if (!input) {
                userCard.textContent = "Please enter a valid username or link.";
                userCard.className = 'u-card failure';
                userCard.style.display = 'block';
                return;
            }

            // Disable button and show loading state
            fetchButton.disabled = true;
            fetchButton.textContent = "Loading...";

            const xhttp = new XMLHttpRequest();
            xhttp.onreadystatechange = function () {
                if (this.readyState === 4) {
                    fetchButton.disabled = false;
                    fetchButton.textContent = "Get Info";

                    if (this.status === 200) {
                      
                        try {
                            const data = JSON.parse(this.responseText);
                           
                            if (data) {
                                const details = data.profile_data;
                             
                                userCard.innerHTML = `
                                       <p><strong>Full Name:</strong> ${details.full_name}</p>
                                       <p><strong>Followers:</strong> ${details.followers}</p>
                                   `;
                                userCard.className = 'u-card';
                            } else {
                                if (data.message === "private_account") {
                                    userCard.textContent = "The account is private";
                                } else if (data.message === "Spam Filter is not disabled yet.") {
                                    userCard.textContent = "Spam filter is on.";
                                } else {
                                    userCard.textContent = data.message || "Unknown error occurred.";
                                }
                                userCard.className = 'u-card failure';
                            }
                        } catch (error) {
                            userCard.textContent = `Error parsing response: ${error.message}`;
                            userCard.className = 'u-card failure';
                        }
                    } else {
                        userCard.textContent = `Error: Unable to complete the request. Status ${this.status}`;
                        userCard.className = 'u-card failure';
                    }

                    userCard.style.display = 'block';
                }
            };

            const post_data = `actionType=verify-spam-check&apiKey=&id=2331&link=${encodeURIComponent(input)}`;


            xhttp.open("POST", '/api', true);
            xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
            xhttp.send(post_data);
        }

    }
$(window).on("scroll", function () {
            if ($(window).scrollTop()) {
                $('nav').addClass('black')
            } else {
                $('nav').removeClass('black')
            }
        });
$(window).on("scroll", function() {
            if ($(this).scrollTop() > 200) {
                $(".scroll-to-top").fadeIn(200);
            } else {
                $(".scroll-to-top").fadeOut(200);
            }
        });

        // Animate the scroll to top
        $(".scroll-to-top").on("click", function(event) {
            event.preventDefault();
            $("html, body").animate({scrollTop: 0}, 300);
        });

        var lastTouchEnd = 0;
        document.addEventListener('touchend', function (event) {
            var now = (new Date()).getTime();
            if (now - lastTouchEnd <= 300) {
                event.preventDefault();
            }
            lastTouchEnd = now;
        }, false);

        document.addEventListener('touchmove', function (event) {
            if (event.scale !== 1) { 
                event.preventDefault(); 
            }
        }, false);
</script> 