{% include 'header.twig' %}

    

    

   <style>

 
/* Dropdown container style */
  #dropdown_for_search {
    display: none; /* Hidden by default */
    max-height: 600px; /* Maximum height */
    overflow-y: auto; /* Vertical scrolling if the dropdown is long */
    overflow-x: hidden; /* Hide horizontal scrolling */
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px;
    margin-top: 5px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
    white-space: normal; /* Text will wrap to the next line if it's long */
    word-wrap: break-word; /* Words will break if they're too long */
  }

  /* Dropdown item style */
  .dropdown-item {
    padding: 10px 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-wrap: wrap; /* Will wrap to the next line if items don't fit */
    white-space: normal; /* Text inside dropdown will wrap */
    word-break: break-word; /* Long words will break and wrap */
  }

  /* Service badge style */
  .badge.service_id_badge {
    margin-right: 8px; /* Gap between the badge and name */
    font-size: 12px; /* Badge text size */
  }

  /* Centered "Please Wait" or loading message */
  #dropdown_for_search .text-center {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px; /* Correct positioning for the message */
    font-weight: bold;
  }
 
   /* Dropdown container style */
#dropdown_for_search {
  display: none; /* Hidden by default */
  max-height: 600px; /* Maximum height */
  overflow-y: auto; /* Vertical scrolling if the dropdown is long */
  overflow-x: hidden; /* Hide horizontal scrolling */
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 5px;
  margin-top: 5px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
  white-space: normal; /* Text will wrap to the next line if it's long */
  word-wrap: break-word; /* Words will break if they're too long */
}

/* Nightmode: Change text color to white */
.nightmode .dropdown-item {
  padding: 10px 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-wrap: wrap; /* Will wrap to the next line if items don't fit */
  white-space: normal; /* Text inside dropdown will wrap */
  word-break: break-word; /* Long words will break and wrap */
  color: #fff; /* White text in night mode */
}

/* Service badge style */
.badge.service_id_badge {
  margin-right: 8px; /* Gap between the badge and name */
  font-size: 12px; /* Badge text size */
}

/* Centered "Please Wait" or loading message */
#dropdown_for_search .text-center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px; /* Correct positioning for the message */
  font-weight: bold;
  color: #fff; /* White text in night mode */
}
 

    @media (max-width:991px){ #block_93 

.totals-block__card-right {margin-left:-13px;padding-left:22px;border:2px solid;border-bottom-width:0px;border-top-width:0px;border-right-width:0px;border-radius: 0px 12px 12px 0px;margin-right:-10px;}}

.news-item{display: flex;align-items: flex-start;gap: 20px;}

.news-item:first-child{margin-top:-20px;}

.news-icon-inline{width: 30px;margin-right:7px;}

.news-icon img{width: 100%;}

.news-details{flex: 1;}

.news-title{display: flex;font-size: 14px;margin-bottom:0px;padding:7px ;background:;border-radius:12px 12px 0 0;}

.news-content{margin: 0;color: #000;padding:7px ;background:;border-radius:0px 0px 12px 12px;}

.headsir{position:sticky;top:0;width:101%;font-weight: 700;font-size: 22px;padding: 1rem 1rem;color: #fff;margin:-1.2px 0px 0px -1.2px;border-radius:12px 12px 0px 0px;background: #fb981e;box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.1);}

.news-date {margin: 0;padding:0.5px 0px;color: #fff;font-size: 12px;width:50%;text-align: center;border-radius:8px;background: #fb981e;margin-bottom:10px;margin-top:20px;}

.ssw{max-height: 450px;overflow-y: auto;padding-top: 25px;padding-bottom: 25px;padding-right: 20px;padding-left: 20px;}

@media (min-width: 992px){

    .news-date{width:40%;}}

    .select2-container--default .select2-results > 

    .select2-results__options {max-height: 412px;overflow-y: auto;}

    .body .form-group .select2-results__option {border-bottom: 0px solid white;}

    .select2-container .select2-selection--single .select2-selection__rendered{padding: 4px;margin-left:-5px}

    .body .style-bg-primary-alpha-10 {box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);transform: skew(0deg, 0deg);overflow: hidden;}

    .body .style-bg-primary-alpha-10:before {content: '';display: block;background: #ffffff50;height: 205%;width: 20px;transform: rotate(35deg);position: absolute;left: 0;top: -24px;transition: all 0.3s ease-in-out;animation: 3.2s shine infinite;}@keyframes shine {0% {left: -20px;}20% {left: 100%;top: -20px;}100% {left: 100%;top: -20px;}}.mop{transform:rotatey(180deg);margin-bottom:-5px;margin-top:-12px;opacity:2}.select2-container--default .select2-container--default .select2-results__option:hover a{color:#fff;}.badge.badge-secondary {color: #fff;}.body .style-bg-primary-alpha-10 {background: rgb(233 233 233 / 22%);}

    

    

    

</style>    

    

 
<style>
  .close{
      background: #ff000036;
    padding: 2px;
    border-radius: 3px;
  }
  .balance-dropdown__item{
      border-bottom: 1px solid gray;
      padding: 4px;
  }
.user_statistic_wraper .statistic__item{
    background: #F6FFF8;
    border: 1px solid #28a745;
}
@media (min-width: 550px){
    .filter_btn_wrap .btn_filter{
        text-align: left !important;
    }
}
.dashboard .btn-primary {
    background-color: #2bb59a !important;
    padding: 4px;
    border-radius: 30px;
}
.filter_btn_wrap .btn_filter:hover{
    background:#5EAF6E;
    border: 1px solid red;
}
  #newOrderTabsWrap #pills-tab .nav-item .nav-link.active{
   font-weight: 800;
  }
.dashboard.nightmode #newOrderTabsWrap #pills-tab .nav-item .nav-link.active {
    background: #4D4D4D !important;
    color: #ffffff !important;
  font-weight: 800;
}
.nightmode .user_statistic_wraper .statistic__item{
    border: 1px solid #009688;
}
.nightmode .filter_btn_wrap .btn_filter{
    border: 1px solid #009688;
}
.nightmode .card.card_v2{
     border: 1px solid #009688;
}
.nightmode.dashboard .form-control{
    border: 1px solid #009688;
}
#service_description{
    display: block !important;
    background-color: #F1F2F6 !important;
    color:#000;
    border: 1px solid red;
}

#service_average_time{
    display: block !important;
    background-color: #F1F2F6 !important;
    color:#000;
    border: 1px solid red;
}

.dashboard.nightmode .select2-results__option.active {
    background: #4D4D4D;
    color: #ffffff;
}
.dashboard.nightmode .select2-results__option.active > * {
    color: #ffffff !important;
}
.dashboard.nightmode .dropdown-menu{
    background-color: #4D4D4D !important;
    color: white;
}
.dashboard.nightmode #service_description{
    background-color: #363636 !important;
    color: white;
    border: 1px solid #009688;
}
.dashboard.nightmode #service_average_time{
    background-color: #363636 !important;
    color: white;
    border: 1px solid #009688;
}
.dashboard.nightmode .tab_btn_wrap {
    background: #363636; !important;
}
.dashboard.nightmode #newOrderTabsWrap #pills-tab .nav-item .nav-link {
    
    border-color: #4D4D4D !important;
}

.dropdown-menu{
    background-color: #FFF9F5 !important;
}
.badge {
    border-radius: 1.25rem;
background-color: #636363;
    color: white;
    height: 19px;
    font-size: 13px;
    line-height: 21px;
    padding: 0 4px;
}
.filter_btn_wrap .btn_filter {
    font-size: 18px;
    text-transform: capitalize;
    border: none;
    padding: 3px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    color: black;
    transition: 0.4s;
    background: #def9e3;
    border: 1px solid #0dcaf0;
}
    .panel-body {
    background: var(--dark-bg-input);
    border: 1px solid var(--form-border-color);
    border-radius: 15px;
    padding: 10px;
    color: white;
    font-size: 13px;
    }
    
.swal2-popup {
    display: none;
    position: relative;
    box-sizing: border-box;
    grid-template-columns: minmax(0,100%);
    width: 32em;
    max-width: 100%;
    padding: 0 0 1.25em;
    border: none;
    border-radius: 5px;
    background: #57d27a;
    color: #545454;
    font-family: inherit;
    font-size: 1rem;
}

.new-order__content-image video {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
}

.instagram-flag-video {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

</style>




  <!-- // page and other top info -->
                    <style>
   #orderform-category,
   #orderform-service{
      display: none;
   }
</style>

	           <div class="content">
        <!-- page and other top info -->
        <div id="page_info">

        </div>
        <!-- // page and other top info -->
        <style>
   #orderform-category,
   #orderform-service{
      display: none;
   }
@media only screen and (max-width: 550px) {
    .currency_change_btn {
        font-size: 8px;
        gap: 1px;
    }
}
.CJ7 {
    border: 1px solid #FF7700;
    border-radius: 5px 5px 0px 0px;
    font-size: 17px;
    font-weight: 700;
    padding: 9px 10px 21px 19px;
}
.nightmode .CJ7{
    border: 1px solid #38b6ff;
    color: white;
}
.gone {
    height: 20px;
    width: 20px;
}
main {
    padding-top: 0px !important;
}
</style>
<div class="CJ7"> 
    <span> 
        <span> 
        Welcome <b style="color: green">{{ user["username"]  }}</b> 
        <!-- Verify Badge (Initially Hidden) -->
        <img class="gone" id="verifyBadge" src="https://cdn-icons-png.flaticon.com/128/6270/6270515.png">
    </span>
</div>             <div class="container-fluid">
   <div class="row">
      <div class="col-lg-12">
         <div class="user_statistic_wraper" style="
    margin-top: -17px;
">
           <div class="statistic__item">
              <div class="icon">
                  <img src="https://cdn-icons-png.flaticon.com/128/2460/2460475.png" class="img-fluid" alt="">
               </div>
               <div class="user__data">
                  <span style="
    font-weight: 800;
">My Balance</span>
                  <h4 class="d-flex gap-2 align-items-center has_currency">
                     {{ user["balance"] }}
                      {% if site_currency_converter == "1" %}
                                                <div class="dropdown">
                           <a class="btn btn-sm fw-bold currency_change_btn" href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false" style="
    font-size: 10px !important;!i;!;
">
                          ( {{ user["currency_type"] }}{{ " " }}{{ user_set_currency_symbol }} )
                              <i class="fas fa-sort-down"></i>
                           </a>
   
                        <ul class="balance-dropdown__container dropdown-menu" id="currencies-list">
 {{ currencies_dropdown }}
																	</ul>
                        </div>
                                             </h4>
                  {% else %}



{% endif %}
               </div>
            </div>

            

            <div class="statistic__item">
              <div class="icon">
                  <img src="https://cdn-icons-png.flaticon.com/128/1039/1039328.png" class="img-fluid" alt="">
               </div>
               <div class="user__data">
                  <span style="
    font-weight: 800;
">Total Orders</span>
                  <h4>{{totalorders}}</h4>
               </div>
            </div>

            <div class="statistic__item">
              <div class="icon">
                  <img src="https://cdn-icons-png.flaticon.com/128/3967/3967518.png" class="img-fluid" alt="">
               </div>
               <div class="user__data">
                  <span style="
    font-weight: 800;
">Spent Balance</span>
                  <h4> {{ user["spent"] }}</h4>
               </div>
            </div>
<div class="statistic__item">
               <div class="icon">
                  <img src="https://cdn-icons-png.flaticon.com/128/11502/11502196.png" class="img-fluid" alt="">
               </div>
               <div class="user__data">
                  <span style="
    font-weight: 800;
">Announcement</span>
                  <h4><a href="https://t.me/" style="color: red !important;"> Join Now ➜</a></h4>
               </div>
            </div>

         </div>
      </div>
   </div>
</div>
 
	
<!-- category Filters -->
<div id="category_filter" class="mb-3">
  <div class="container-fluid">
     <div class="row">
        <div class="col-md-12">
           <div class="category_filter_wrap">
              <div class="card card_v2">
                 <div class="card-body">
                    <div class="filter_btn_wrap" id="new-order-cats">
                      
                        <button class="nwo-cat-btn btn_filter" data-change-cat="instagram" onclick="filterStarted('instagram')">
                           &nbsp;<img src="https://cdn-icons-png.flaticon.com/128/3955/3955024.png" style="width: 25px;">
                           <span class="filter_txt">
                              Instagram
                           </span>  
                       </button>
                       <button class="nwo-cat-btn btn_filter"  data-change-cat="facebook" onclick="filterStarted('Facebook')">
                          &nbsp;<img src="https://cdn-icons-png.flaticon.com/128/1312/1312139.png" style="width: 25px;">
                           <span class="filter_txt">
                              Facebook
                           </span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="youtube" onclick="filterStarted('youtube')">
                           &nbsp;<img src="https://cdn-icons-png.flaticon.com/128/3670/3670147.png" style="width: 25px;">
                           <span class="filter_txt">
                             Youtube
                           </span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="twitter" onclick="filterStarted('Twitter')">
                           &nbsp;<img src="https://cdn-icons-png.flaticon.com/128/5969/5969020.png" style="width: 25px;">
                           <span class="filter_txt">
                              Twitter
                            </span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="spotify" onclick="filterStarted('Spotify')">
                           &nbsp;<img src="https://cdn-icons-png.flaticon.com/128/3670/3670145.png" style="width: 25px;">
                           <span class="filter_txt">
                              Spotify
                            </span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="tiktok" onclick="filterStarted('Tiktok')"> 
                         &nbsp;<img src="https://smmxz.sacloud.site/dashboard/tiktok-icon.png" style="width: 25px;">
                           <span class="filter_txt">
                                 Tiktok
                           </span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="telegram" onclick="filterStarted('Telegram')">
                         &nbsp;<img src="https://cdn-icons-png.flaticon.com/128/2111/2111646.png" style="width: 25px;">
                           <span class="filter_txt">
                              Telegram
                           </span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="linkedin" onclick="filterStarted('Linkedin')">
                         &nbsp;<img src="https://cdn-icons-png.flaticon.com/128/4494/4494497.png" style="width: 25px;">
                           <span class="filter_txt">
                              Linkedin
                           </span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="discord" onclick="filterStarted('Discord')">
                         &nbsp;<img src="https://cdn-icons-png.flaticon.com/128/3670/3670157.png" style="width: 25px;">
                           <span class="filter_txt">
                              Discord
                           </span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="traffic" onclick="filterStarted('Traffic')">
                           &nbsp;<img src="https://cdn-icons-png.flaticon.com/128/4381/4381165.png" style="width: 25px;">
                           <span class="filter_txt">
                              Website Traffic  
                           </span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="other" onclick="filterOthers()">
                         &nbsp;<img src="https://cdn-icons-png.flaticon.com/128/17470/17470916.png" style="width: 25px;">
                           <span class="filter_txt">
                              Others
                           </span> 
                       </button>
                       <button class="nwo-cat-btn btn_filter" data-change-cat="" onclick="filterStarted('everything')">
                       &nbsp;<img src="https://cdn-icons-png.flaticon.com/128/4840/4840856.png" style="width: 25px;">
                        <span class="filter_txt">
                           Everythings
                        </span>      
                     </button>
                      
                    </div>
                 </div>
              </div>
           </div>
        </div>
     </div>
  </div>
</div>

<!-- //category Filters -->

<!-- New Orders Part -->

<div class="def_wraper">

  <div class="container-fluid">

     <div class="row">

        <div class="col-md-6">

           <div class="card card_v2">

              <div class="card-body" id="newOrderTabsWrap">

                 <ul class="nav nav-pills tab_btn_wrap mb-3" id="pills-tab" role="tablist">

                    <li class="nav-item" role="presentation">

                       <button class="nav-link active" id="pills-order-tab" data-bs-toggle="pill" data-bs-target="#pills-order" type="button" role="tab" aria-controls="pills-order" aria-selected="true"> <i class="fas fa-shopping-cart"></i> New Order</button>

                    </li>

                    

                     <li class="nav-item" role="presentation">

                        <a href="/addfunds" class="nav-link">

                              <i class="far fa-credit-card"></i> AddFunds

                            </a>

                            

                           

                           

                    </li>

                   

                  </li>

                 </ul>

                 <div class="tab-content tab_wrap" id="pills-tabContent">

                    <div class="tab-pane fade show active" id="pills-order" role="tabpanel" aria-labelledby="pills-order-tab">

                        <div class="newordersr">

                           <form  action="/" method="post" id="order-form">

                                                       

                         {% if error %}

                     <div class="alert alert-dismissible alert-danger">

                        {{ errorText }}

                     </div>

                     {% endif %}

                 {% if data["order"]["success"] == 1 %}

      <div class="alert alert-dismissible alert-success">

          <strong> {{ lang["neworder.success.id"] }}: </strong> {{ data['order']['id'] }} <br>

          <strong> {{ lang["neworder.success.service"] }}: </strong> {{ data['order']['service'] }} <br>

          <strong> {{ lang["neworder.success.link"] }}: </strong> {{ data['order']['link'] }} <br>

          <strong> {{ lang["neworder.success.quantity"] }}: </strong> {{ data['order']['quantity'] }} <br>

          <strong> {{ lang["neworder.success.charge"] }}: </strong> {{ data['order']['price'] }} <br>

          <strong> {{ lang["neworder.success.balance"] }}: </strong>{{ data['order']['balance'] }} <br>

      </div>

    {% endif %}

    

    

    {% if data["order"]["success"] == 2 %}

      <div class="alert alert-dismissible alert-success">

 <strong> {{ lang["neworder.success.id"] }}: </strong> {{ data['order']['id'] }} <br>

 <strong> {{ lang["neworder.success.service"] }}: </strong> {{ data['order']['service'] }} <br>

 <strong> {{ lang["neworder.success.username"] }}: </strong> {{ data['order']['link'] }} <br>

 <strong> {{ lang["neworder.success.quantity"] }}: </strong> {{ data['order']['min'] }} - {{ data['order']['max'] }} <br>

 <strong> {{ lang["neworder.success.posts"] }}: </strong> {{ data['order']['posts'] }} <br>

 <strong> {{ lang["neworder.success.delay"] }}: </strong>{{ data['order']['delay'] }} <br>

       </div>

    {% endif %}

                         

      {% if settings.search_enabled == 1 %}
  <div class="form-group">
    <div class="form-group">
      <div class="search_services_content">
        <!-- Input group with icon in placeholder -->
        <div class="input-group">
          <!-- Search input -->
          <input 
            type="search" 
            id="search_services_field" 
            class="form-control"
            placeholder="Search Service ID or Name"
            data-gtm-form-interact-field-id="0"
          >
        </div>
      </div>

      <!-- Search result dropdown -->
      <div 
        id="dropdown_for_search"
        class="dropdown"
        style="
          display: none; /* Dropdown is hidden by default */
          max-height: 600px;
          overflow-y: auto;
          border: 1px solid #ddd;
          border-radius: 5px;
          padding: 5px;
          margin-top: 5px;
          box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2); 
        ">
        <div class="text-center" style="display: none;">
          Please Wait...
        </div>
      </div>
    </div>
  </div>
{% endif %}

                    <div class="mb-3">

                 <label for="orderform-category" class="control-label">Category</label>

                     

<select class="form-control" id="neworder_category" name="categories" data-select="true" data-select-search="true" data-select-search-placeholder="Search" data-select-container="#select-category-container" tabindex="-1" aria-hidden="true">

{{ category_html_simplify }}

</select>

<div id="select-category-container" class="position-relative"></div>

</div>

                                     

                      

                              <div class="mb-3">

                                 <label for="orderform-service" class="control-label">Service</label>

                                 	<select class="form-control" id="neworder_services" name="services" data-select="true" data-select-search="true" data-select-search-placeholder="Search" data-select-container="#select-service-container" tabindex="-1" aria-hidden="true">

<option value="1">No services found in this category</option>

</select>

<div id="select-service-container" class="position-relative"></div>

    </div>

            

            

            

                      <div id="neworder_fields"></div>

        

        

           <div class="mb-3">

                                 <label for="charge" class="control-label">Charge</label>

                                 <input type="text" class="form-control" id="charge" value="" readonly>

                              </div>

                              {% if neworderTerms %}
                        <div class="checkbox">
                           <label>
                           <input type="checkbox" name="neworder_check"> {{ lang['neworder.recheck'] }}
                           </label>
                        </div>
                        {% endif %}

                             <input type="hidden" name="csrf_token" value="{{ csrfToken }}">

                                 <button type="submit" class="btn btn-primary d-block w-100">Submit</button>

                              </form>

                        </div>

                    </div>

                     <!-- Favorites Start -->
                    <div class="tab-pane fade" id="pills-favorite" role="tabpanel" aria-labelledby="pills-favorite-tab">
                     <div class="favoriler">
                        <div class="alert alert-success"> Here will show your Favorites Services</div>
                     </div>
                    </div>
                   <!-- Favorites Start -->
                     <!-- Search By Id Start -->
                    <div class="tab-pane fade" id="pills-search" role="tabpanel" aria-labelledby="pills-search-tab">
                     <div class="input-group form-group">
                        <input type="number" id="input_service" class="form-control" placeholder="Enter Service ID">
                        <span class="input-group-btn search_byId">
                          <button type="button" class="btn btn-primary search" onclick="searchID();"><i class="fas fa-search"></i></button>
                          </span>
                     </div>
                     <small class="text-danger">You can search by services id from here, please check <a href="/services">Services</a> Page and then you can enter the services id here.</small>
                     <div id="error_search">
                     </div>
                    </div>
                     <!-- // Search By Id Start -->

                       <!-- Search By Id Start -->
                    <div class="tab-pane fade" id="pills-auto" role="tabpanel" aria-labelledby="pills-auto-tab">
                     <div class="alert alert-success"> Auto Subscriptions will coming soon...</div>
                     </div>
                  <!-- // Search By Id Start -->

                 </div>
              </div>
           </div>
        </div>
        
        
        
        
       <div class="col-md-6">
         <div class="card card_v2">
          <div class="card-header v2_header">
             <div class="new_order_tabs">
                <ul class="nav nav-pills" id="pills-tab" role="tablist">
                   <li class="nav-item" role="presentation">
                      <button class="nav-link active" id="pills-details-tab" data-bs-toggle="pill" data-bs-target="#pills-details" type="button" role="tab" aria-controls="pills-details" aria-selected="true"> 
                         <span class="icon"> <i class="far fa-info-circle"></i></span>
                         <span class="text_name"> Important! </span>
                      </button>
                   </li>

                   <li class="nav-item" role="presentation">
                      <button class="nav-link" id="pills-contact-tab" data-bs-toggle="pill" data-bs-target="#pills-contact" type="button" role="tab" aria-controls="pills-contact" aria-selected="false"> 
                         <span class="icon"><i class="fas fa-comment-dots"></i></span>
                         <span class="text_name"> 
                          Notes
                         </span>
                      </button>
                   </li>

                   
                </ul>
               </div>
          </div>
            <div class="card-body" >
               <div class="tab-content tab_wrap" id="pills-tabContent">
                  <!-- Details Start -->
                  <div class="tab-pane fade show active" id="pills-details" role="tabpanel" aria-labelledby="pills-details-tab">
  <div class="descriptions_box">
    <div data-id="serviceDesc">
      <p class="card-text" id="description_new">
        <div class="card" style="padding: 20px;margin-top: 10px;">
          <div class="new-order__content-image">
         
            <video autoplay loop muted playsinline class="instagram-flag-video">
              <source src="https://cdn.fsksoft.com/instagramflag.mp4" type="video/mp4">
             
              Your browser does not support the video tag.
            </video>
          </div>
          <div class="new-order__content-title">
            <div class="position-relative">
              <h3><span style="color: var(--color-id-115)"><strong style="font-weight: bold">Attention!</strong></span></h3>
              <h4>Before ordering Instagram followers, disable the «Flag for review» option</h4>
              <h3><strong style="font-weight: bold">Guide:</strong></h3>
              <p>1. Go to «Settings and activity»&nbsp;</p>
              <p>2. Select «Follow and invite friends»&nbsp;</p>
              <p>3. Turn off «Flag for review» option</p>
            </div>
          </div>
          <div class="new-order__content-text">
            <p><br></p>
          </div>
        </div>
      </p>
    </div>
  </div>
</div>

                  <!-- //Details Start -->

                 

                  <!-- Contact Section -->
                  <div class="tab-pane fade" id="pills-contact" role="tablpanel" aria-label="pills-contact-tab">
                        <p>
                            <div class="fuk">
                    <div class="position-relative">
                     
<h3 class="text-center"><span style="text-align: CENTER"><span style="font-size: 21px"><span style=""><u style="text-decoration: underline"><strong style="font-weight: bold;color: red;">Please Follow</strong></u></span></span></span></h3>
<h3 class="text-center"></h3>
<p class="text-center"><span style="color: var(--color-id-502)"><span style="font-size: 13px"><span style="text-align: CENTER"><strong style="font-weight: bold">No Refill : There Is No Guarantee in any Case</strong></span></span></span></p>
<p class="text-center"><span style="font-size: 14px"><span style="text-align: CENTER"><span style="">Refill : If Drop You Will Get Back</span></span></span></p>
<p class="text-center"><span style="font-size: 14px"><span style="text-align: CENTER"><span style="color: var(--color-id-425)">Nondrop : Best Quality Service</span></span></span></p>
<p class="text-center"><span style="font-size: 14px"><span style="text-align: CENTER"><span style="color: var(--color-id-425)">Lifetime &nbsp;: A service with Fully Guaranteed</span></span></span></p>
<p class="text-center"></p>
<p class="text-center"><span style="font-size: 14px"><span style="text-align: CENTER"><span style="color: var(--color-id-425)">⚠️ Orders will be marked as completed if the link is changed, hidden, or the account is blocked.</span></span></span></p>
<p class="text-center"></p>
<p class="text-center"><span style="font-size: 14px"><span style="text-align: CENTER"><span style="color: var(--color-id-425)">⚠️ If You Order Wrong Link You Will Not Get Refill/Refund</span></span></span></p>
<p class="text-center"></p>
<p class="text-center"><span style="font-size: 14px"><span style="text-align: CENTER"><span style="color: red;">Place Your Order Quantity This Way:</span></span></span></p>
<p class="text-center"><span style="font-size: 14px"><span style="text-align: CENTER"><span style="color: var(--color-id-425)">100, 200, 300, 500,10000</span></span></span></p>
<p class="text-center"><span style="font-size: 14px"><span style="text-align: CENTER"><span style="color: var(--color-id-425)">Don't Place Your Order Quantity This Way:</span></span></span></p>
<p class="text-center"><span style="font-size: 14px"><span style="text-align: CENTER"><span style="color: var(--color-id-425)">55, 61, 77,122, 788 , 1023, 5079</span></span></span></p>
                              </div>
           <div class="new-order__content-text">
                          <p class="text-center"><span style="font-size: 16px"><span style="text-align: CENTER"><span style="color: #efa20f;"><strong style="font-weight: bold">Use 100% Non Drop & Lifetime Garanteed service. &nbsp;For Best suppprt</strong></span></span></span></p>
                      </div></div>
                       </p>
                        
                        
                     
                  </div>
               </div>
            </div>
         </div>
        </div>

     </div>
  </div>
</div>
<!-- // New Orders Part -->

{% include 'footer.twig' %}

<script>

const _0x8cb7c=_0x4289;(function(_0x44ce59,_0x18222c){const _0xb6a44b=_0x4289,_0x1fd6e4=_0x44ce59();while(!![]){try{const _0x25ade8=parseInt(_0xb6a44b(0x158))/0x1+-parseInt(_0xb6a44b(0x15a))/0x2+parseInt(_0xb6a44b(0x14b))/0x3+parseInt(_0xb6a44b(0x14c))/0x4+parseInt(_0xb6a44b(0x14f))/0x5+-parseInt(_0xb6a44b(0x148))/0x6*(parseInt(_0xb6a44b(0x15f))/0x7)+parseInt(_0xb6a44b(0x159))/0x8*(-parseInt(_0xb6a44b(0x138))/0x9);if(_0x25ade8===_0x18222c)break;else _0x1fd6e4['push'](_0x1fd6e4['shift']());}catch(_0x2facbc){_0x1fd6e4['push'](_0x1fd6e4['shift']());}}}(_0x4c2c,0x8ac17));const newOrderCats=document[_0x8cb7c(0x139)](_0x8cb7c(0x13b));function _0x4289(_0x3c1831,_0x2bcc08){const _0x4c2cdc=_0x4c2c();return _0x4289=function(_0x4289df,_0x3a1238){_0x4289df=_0x4289df-0x136;let _0x449dc5=_0x4c2cdc[_0x4289df];return _0x449dc5;},_0x4289(_0x3c1831,_0x2bcc08);}function _0x4c2c(){const _0x27fe5b=['725816IVHwTw','forEach','#neworder_category-copy\x20option','none','push','133IwTXDA','join','block','innerHTML','12840507XEXsRq','getElementById','data-change-cat','new-order-cats','noc-wrapper','style','active','includes','display','insertBefore','outerHTML','setAttribute','neworder_category-copy','classList','.nwo-cat-btn','neworder_category','115512yBTJXO','change','querySelectorAll','806961sELptR','3068752WbImEk','addEventListener','select','4953685yUrZVQ','toLowerCase','innerText','remove','add','trigger','getAttribute','click','parentNode','696850BfzGpt','8CPnHPP'];_0x4c2c=function(){return _0x27fe5b;};return _0x4c2c();}if(newOrderCats){const orderFormCats=document[_0x8cb7c(0x139)](_0x8cb7c(0x147));var realData=orderFormCats[_0x8cb7c(0x137)];const dCatBtns=document[_0x8cb7c(0x14a)](_0x8cb7c(0x146));dCatBtns[0x0]&&[...dCatBtns][_0x8cb7c(0x15b)](_0x9b20c0=>{const _0x5e8f45=_0x8cb7c;_0x9b20c0[_0x5e8f45(0x14d)](_0x5e8f45(0x156),_0xbc5d45=>{const _0x45943c=_0x5e8f45,_0x33503e=_0x9b20c0[_0x45943c(0x155)](_0x45943c(0x13a)),_0x21c049=document['getElementById'](_0x45943c(0x147)),_0x798f74=document[_0x45943c(0x14a)](_0x45943c(0x15c)),_0x538537=document['querySelectorAll'](_0x45943c(0x146));[..._0x538537]['forEach'](_0x5db964=>{const _0x401684=_0x45943c;_0x5db964['classList'][_0x401684(0x152)](_0x401684(0x13e));}),_0x9b20c0[_0x45943c(0x145)][_0x45943c(0x153)]('active');const _0x480365=[];[..._0x798f74][_0x45943c(0x15b)](_0x342405=>{const _0x1b7cfc=_0x45943c;_0x342405[_0x1b7cfc(0x151)][_0x1b7cfc(0x150)]()[_0x1b7cfc(0x13f)](_0x33503e[_0x1b7cfc(0x150)]())&&_0x480365[_0x1b7cfc(0x15e)](_0x342405);});const _0x2d4860=[];[..._0x480365][_0x45943c(0x15b)](_0x1d608a=>{const _0x1ed324=_0x45943c;_0x2d4860['push'](_0x1d608a[_0x1ed324(0x142)]);}),_0x21c049[_0x45943c(0x137)]=_0x2d4860[_0x45943c(0x160)](''),$('#neworder_category')[_0x45943c(0x154)](_0x45943c(0x149));});});setTimeout(()=>{const _0x5f06b3=_0x8cb7c,_0x14c256=document['createElement'](_0x5f06b3(0x14e));_0x14c256[_0x5f06b3(0x143)]('id',_0x5f06b3(0x144)),_0x14c256['style'][_0x5f06b3(0x140)]=_0x5f06b3(0x15d),_0x14c256[_0x5f06b3(0x137)]=realData,orderFormCats[_0x5f06b3(0x157)][_0x5f06b3(0x141)](_0x14c256,orderFormCats);},0x3e8);const nocWrapper=document['getElementById'](_0x8cb7c(0x13c));nocWrapper[_0x8cb7c(0x13d)][_0x8cb7c(0x140)]=_0x8cb7c(0x15d),setTimeout(()=>{const _0x541131=_0x8cb7c;nocWrapper['style'][_0x541131(0x140)]=_0x541131(0x136);},0x3e9);}

</script>