PageSourceSearch

https://socialzone.site/

html socialzone.site collected 2026-10-05 18:13:59 UTC 225,105 bytes, 8,822 lines download raw bytes

1<!---------   
2=== Theme Author : Evan Ahmed EMon
3=== Version  : TECHSMM V-3.0
4=== Theme Designed By: TWG
5=== Contact Whatsapp: +8801864614704
6 ----------->
7 
8<!DOCTYPE html>
9      <html lang="en"> <!-- This sets the language code if the language is active -->
10  
11<head>
12  <base href="https://socialzone.site"> <!-- Sets the base URL for the website -->
13
14  <title>
15     
16      Affordable SMM Services – Instagram & TikTok Growth Packages <!-- If the page title exists, it will display it -->
17      </title>
18
19  <!-- Open Graph Meta Data for social media sharing -->
20  <meta property="og:title" content=" Affordable SMM Services – Instagram & TikTok Growth Packages " />
21  <meta charset="utf-8"> <!-- Specifies the character encoding for the document (UTF-8) -->
22  <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Ensures modern rendering in Internet Explorer -->
23  <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Ensures responsive design across devices -->
24  
25  <!-- Custom keywords and description for SEO -->
26  <meta name="keywords" content=" Pakistan SMM Panel , Best SMM Panel in Pakistan , Social Media Marketing Panel Pakistan , Affordable SMM Services Pakistan , Buy SMM Panel Pakistan , Instagram SMM Panel Pakistan , Facebook SMM Panel Pakistan , Social Media P ">
27  <meta name="description" content=" AMEEZ SMM offers fast and secure SMM services including Instagram followers, TikTok views, and more with global payment gateways . ">
28  
29  <!-- Open Graph description for social media preview -->
30  <meta property="og:description" content=" AMEEZ SMM offers fast and secure SMM services including Instagram followers, TikTok views, and more with global payment gateways . " />
31  
32  <!-- Google and DMCA Verification -->
33  <meta name="google-site-verification" content="" />
34  <meta name="dmca-site-verification" content="N21yanNCaGQrVlZZMXNZTkhENW82QT090" />
35  
36  <!-- Meta Logo for social media previews -->
37      <meta property="og:image" itemprop="image" content="https://smmgone.com/img/files/sjna2mqHeUv5XGVY.png">
38  
39  <!-- Favicon for the site -->
40      <link rel="shortcut icon" type="image/ico" href="img/panel/TDqY5ZhQNzlFkdAm.png"/>
41    <link rel="icon" type="image/png" sizes="192x192" href="img/panel/TDqY5ZhQNzlFkdAm.png"/>
42    <link rel="icon" type="image/png" sizes="512x512" href="img/panel/TDqY5ZhQNzlFkdAm.png"/>
43    <link rel="icon" type="image/png" sizes="32x32" href="img/panel/TDqY5ZhQNzlFkdAm.png"/>
44    <link rel="icon" type="image/png" sizes="16x16" href="img/panel/TDqY5ZhQNzlFkdAm.png"/>
45    <link rel="apple-touch-icon" href="img/panel/TDqY5ZhQNzlFkdAm.png"/>
46  
47
48<link rel="stylesheet" href="https://cdn.1panel.link/main/css/global.main.v24.18.11.v2.css" media="print" onload="this.media='all'" />
49<link rel="stylesheet" href="https://cdn.1panel.link/main/fa5151/css/all.min.css" media="print" onload="this.media='all'" />
50					
51     
52     <link
53       rel="stylesheet"
54       href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
55       integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
56       crossorigin="anonymous"
57     />
58     <link
59     rel="stylesheet"
60     type="text/css"
61     href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"
62   />
63   <link
64     rel="stylesheet"
65     type="text/css"
66     href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick-theme.css"
67   />
68     <!-- ./ Slick Carusel CDN -->
69     
69<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
69
70 
71     <!-- Swiper Slider CNDS -->
72 
73     <link
74       rel="stylesheet"
75       href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css"
76     />
77
78<style>
79    li.selected a span.text{
80    color: white !important;
81    }
82     li.selected {
83            background-color: #4CAF50;
84            color: white !important;
85        }
86    .sidebar_menu .nav-item.active .menu_item {
87    background: #FF0DE2 !important;
88    box-shadow: 0 5px 10px rgb(0 0 0 / 77%);
89     border: 0px solid #3d8dff !important;
90}
91    .authorized.nightmode .panel_icon_class {
92    margin-top: -16px;
93    color: #b15c5c;
94    filter: brightness(100);
95}
96    .dono {
97      display: block;
98    }
99    .dono-dark {
100      display: none;
101    }
102    @media (prefers-color-scheme: dark) {
103      .dono {
104        display: none;
105      }
106      .dono-dark {
107        display: block;
108      }
109    }
110    .border-solid {
111    border: 0px solid #ddd;
112    
113    border-radius: 5px;
114    padding: 5px;
115    background: #E9F2FC;
116}
117    @media only screen and (max-width: 550px) {
118    .filter_btn_wrap {
119        grid-template-columns: repeat(4, 1fr);
120        height: 150px;
121        overflow: hidden;
122        overflow-y: scroll;
123        grid-gap: 8px 10px;
124    }
125}
126    .v2_user_info{
127    color: white !important;
128    }
129    a.forget-pass, .form-group{
130    font-size: 15px;
131  
132  color: #25aae1 !important;
133}
134
135    .authorized.nightmode .top_head_wrap{
136    background-color:#1e293b;
137    }
138    #order-page{
139    margin-top: 80px;
140    }
141.sidebar_menu{
142    color: white;
143}
144    .fa, .fas {
145    font-family: "Font Awesome 5 Pro";
146    font-weight: 1000;
147}
148    body{
149    font-weight: 800;
150    }
151  .top_head_wrap {
152    
153    box-shadow: .5px .5px;
154 }
155    #main_container .content_area .content{
156    background-color: #e9f2fc;
157    
158    
159    }
160  .currency-name-span{
161    color: #3d8dff
162    
163    }
164    
165    .authorized.nightmode .row.ticket-message-block.ticket-message-right{
166  color: #fff ;
167}
168.authorized.nightmode  .ticket-message-left .ticket-message{
169  color: #fff ;
170}
171.authorized.nightmode  .ticket-message-left .ticket-message .info{
172  color: #fff ;
173}
174.authorized.nightmode.tickets  .ticket-message{
175color: #fff !important;
176}
177.authorized.nightmode.tickets  .col-md-8{
178  color: #fff !important;
179}
180.authorized.nightmode.tickets .info {
181  color: #fff !important;
182}
183.authorized.tickets .ticket-message-block {
184  margin: 10px 0px !important;
185}
186
187.authorized.tickets #inp[type='file']{
188  background: var(--bg-input);
189    height: 45px;
190    border-radius: 10px;
191    border: none;
192    color: var(--text-black);
193    outline: 0 !important;
194    display: block;
195    width: 100%;
196    padding: 0.375rem 0.75rem;
197    font-size: 1rem;
198    font-weight: 400;
199    line-height: 1.5;
200    color: #212529;
201    background-color: #fff;
202    background-clip: padding-box;
203    border: 1px solid #ced4da;
204    -webkit-appearance: none;
205    -moz-appearance: none;
206    appearance: none;
207    border-radius: 0.25rem;
208    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
209}
210.authorized.tickets.nightmode  #inp[type='file']{
211  background: var(--dark-bg-input) !important;
212    color: #fff;
213    caret-color: #005cbf;
214}
215.authorized .bootstrap-select .dropdown-menu.inner{
216  display: block !important;
217   
218    font-size: 15px;
219}
220#payment {
221    padding: 5rem 0rem;
222    background: #f7f7f7;
223}
224   .authorized .toogle_sidebar .logo_off_nav img {
225      max-width: 150px !important;
226  }
227
228  .authorized  .bootstrap-select .dropdown-menu li a span.text {
229    word-wrap: break-word;
230    white-space: break-spaces;
231    width: 100% !important;
232    padding: 8px;
233}
234
235.authorized  .bootstrap-select .dropdown-menu li a {
236    cursor: pointer;
237    -webkit-user-select: none;
238    -moz-user-select: none;
239    -ms-user-select: none;
240    user-select: none;
241   
242    
243    color: #0f172a !important;
244}
245
246.authorized.nightmode  .bootstrap-select .dropdown-menu li a {
247  color: #fff !important;
248}
249.authorized.nightmode  .bootstrap-select .dropdown-menu li a:hover{
250  color: #fff !important;
251}
252.nightmode form .dropdown-menu.open .dropdown-menu li a:hover{
253
254}
255.authorized.nightmode  #toggle-btn .day_mode i{
256  color: #fff !important;
257}
258
259.authorized .badge.service_id_badge{
260  background: var(--dark-text-primary) !important;
261    color: #fff !important;
262}
263
264.authorized.nightmode  #toggle-btn .night_mode i{
265  color: #002bff !important;
266}
267  #main_container .sidebar .sidebar_top .logo img{
268    max-width: 150px !important;
269    width: 150px !important;
270    margin-top: 0px !important;
271  }
272  .unauthorized .navbar {
273    position: fixed !important;
274    top: 0;
275    width: 100%;
276    background: transparent !important;
277    padding-top: 15px;
278    padding-bottom: 15px;
279    border-bottom: 2px solid #ddd;
280    background: #ffffff38 !important;
281    z-index: 999;
282    transition: 0.5s;
283}
284.btn_login {
285  height: 60px;
286}
287
288.btn__fill {
289  background: var(--text-primary) ;
290  border-color: var(--text-primary);
291  color: var(--text-white);
292}
293.btn__home {
294  font-size: 18px;
295  padding: 10px 30px;
296
297  cursor: pointer;
298  border-radius: 13px;
299  font-weight: bold;
300  transition: 0.5s;
301  border: 3px solid var(--text-primary);
302}
303.btn:not(:disabled):not(.disabled) {
304  cursor: pointer;
305}
306
307.btn__fill:hover {
308  color: var(--text-white) !important;
309  border-color: #3d8dff;
310  background: #3d8dff;
311}
312.btn.focus, .btn:focus {
313  outline: 0;
314  box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
315}
316.service_button_filter .btn_ser_filter:focus{
317  outline: none !important;
318  border:none !important;
319  box-shadow: none !important;
320}
321.authorized .btn_profiles {
322  width: 40px;
323  height: 40px;
324  background: var(--text-white);
325  margin-right: 10px;
326  margin-right: 10px;
327  padding: 0px 4px;
328  border-radius: 50px;
329  color: var(--bg-sidebar-day);
330  font-size: 18px;
331  font-weight: bold;
332  box-shadow: none !important;
333  border: none !important;
334  outline: none !important;
335}
336.authorized .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
337  background: var(--text-primary) !important;
338}
339#orders_menu.nav-pills .nav-link {
340  border: 2px solid transparent;
341  border-radius: 10px !important;
342}
343.dropdown-toggle {
344  white-space: nowrap;
345}
346.btn-secondary {
347  color: #fff;
348  background-color: #6c757d;
349  border-color: #6c757d;
350}
351body {
352  font-family: "Poppins", sans-serif !important;
353}
354  @media (min-width: 992px)
355{
356
357}
358.filter_btn_wrap .btn_filter:focus{
359  border-color: #3d8dff !important;
360  outline: #3d8dff !important;
361}
362.authorized #newOrderTabsWrap .nav.nav-pills {
363
364  padding: 10px !important;
365}
366#newOrderTabsWrap #pills-tab .nav-item .nav-link:focus{
367
368  border-color: #3d8dff !important;
369  outline: #3d8dff !important;
370
371}
372
373@media only screen and (max-width: 550px)
374{
375  .authorized .toogle_sidebar .logo_off_nav img  {
376    width: 100px !important;
377    margin-top: -5px !important;
378}
379}
380
381
382
383
384
385
386@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
387* {
388  margin: 0;
389  padding: 0;
390  box-sizing: border-box;
391}
392:root {
393  --bg-daymode: #f1f2f6;
394  --bg-darkmode: rgba(30, 41, 59, 1);
395  --bg-card-day: #ddd;
396  --bg-card-night: #545454;
397  --bg-sidebar-day: #3d8dff;
398  --bg-sidebar-night: rgba(30, 41, 59, 1);
399  --bg-menu-active: linear-gradient(
400    -35deg,
401    rgba(255, 155, 143, 1) 0%,
402    rgba(248, 72, 139, 1) 100%
403  );
404  --dark-bg-menu-active: #ff0de2;
405  --user-box-day-bg: #8100dd;
406  --bg-filter-btn: #4CAF50;
407  --bg-secondary: #ff0de2;
408    --text-white: #fff;
409    --text-black: #000;
410    --text-primary: #4CAF50;
411    --dark-text-primary: #4CAF50;
412    --bg-input: #f1f2f6;
413    --dark-bg-input: #0f172a;
414    --badges-pending: #ffb400;
415    --badges-inprogress: #ff5c00;
416    --badges-completed: #01b713;
417    --badges-partials: #4a629c;
418    --badges-canceled: #dc3545;
419    --badges-processing: #ac4006;
420    --home-hero-top-text: #ff004d;
421    --home-btn-hover: #36118b;
422    --nav-btn-hove-colors: #2f425d;
423    --bg-user-dark: #0f172a85;
424    --bg-dark-content: #0f172a;
425}
426body {
427  font-family: "Poppins", sans-serif;
428}
429body.unauthorized {
430  background: #f7f7f7;
431}
432
433.hidden {
434  display: none;
435}
436.authorized {
437  background: #fff !important;
438}
439.authorized .btn:hover {
440  background: var(--text-primary) !important;
441  color: #fff !important;
442}
443.authorized .btn:focus {
444  background: var(--text-primary) !important;
445  color: #fff !important;
446  outline: none !important;
447  border: none;
448}
449.unauthorized #main_container .content_area .content{
450  background-color:  #f7f7f7 !important;
451}
452.drop_dwon_menu {
453  background: var(--text-primary) !important;
454  color: #fff !important;
455  border-radius: 10px;
456}
457.authorized .filter-primary {
458  background: #3d8dff !important;
459  color: #fff !important;
460  border-radius: 10px;
461}
462.dropdown-menu.show button {
463  border: none;
464  background-color: #fff;
465  color: #0f172a;
466
467  width: 100%;
468}
469.authorized .search_byId .btn_search{
470  border: 0px !important;
471  border-bottom-left-radius: 0px !important;
472}
473.nightmode .dropdown-menu.show button {
474  border: none;
475  background-color: #0f172a;
476  color: #fcfcfc;
477  width: 100%;
478}
479.authorized.nightmode #instruction_div  #instructions.panel-body p{
480  color: #0f172a !important;
481}
482.authorized.nightmode #instruction_div  #instructions.panel-body  li {
483  color: #0f172a !important;
484}
485.authorized .component_alert_dns li{
486  color: #0f172a !important;
487}
488button:focus {
489  outline: 1px dotted;
490  outline: none -webkit-focus-ring-color;
491}
492
493a {
494  text-decoration: none !important;
495}
496li {
497  list-style: none !important;
498}
499.authorized .user_settings  .dropdown.show .settings_drop.show{
500  display: block !important;
501}
502.authorized .user_settings  .dropdown .settings_drop{
503  display: none !important;
504}
505.authorized   .user_settings  .curency .dropdown-currencies.show .dropdown-menu.show{
506  display: block !important;
507}
508.authorized   .user_settings  .curency .dropdown .dropdown-menu {
509  display: none !important;
510}
511   #cat_filter  .text_filter .dropdown.show .dropdown-menu.show{
512  display: block !important;
513}
514#cat_filter .text_filter  .dropdown .dropdown-menu {
515  display: none !important;
516}
517
518.pricing   #cat_filter  .dropdown-menu.show{
519  min-width: 300px !important;
520  min-height: 300px !important;
521  max-height: 300px !important;
522  max-width: 300px !important;
523  width: 300px !important;
524  overflow: scroll !important;
525}
526.pricing   #cat_filter  .dropdown-menu.show .dropdown-item{
527  border-bottom: 1px solid #212529 !important; 
528}
529.services_page #service-table .service_cat_header{
530  padding: 8px 10px !important;
531 
532  font-size: 18px !important;
533  font-weight: 800 !important;
534  background: var(--text-primary) !important;
535  color: #fff !important;
536  border-radius: 0 !important;
537}
538
539.services_page #service-table .service_cat_header td strong{
540  color: #fff !important;
541        margin-left: 100px;
542}
543@media (min-width:992px) {
544  .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(1){
545    min-width: 110px;
546  }
547  .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(2){
548   
549    min-width: 300px !important;
550    max-width: 300px;
551    width: 150px;
552  }
553  .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(3){
554 
555    min-width: 150px  !important;
556    max-width: 150px;
557    width: 150px;
558  }
559  .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(4){
560
561    min-width: 100px  !important;
562    max-width: 100px;
563    width: 100px;
564  }
565  .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(5){
566 
567    min-width: 100px  !important;
568    max-width: 100px;
569    width: 100px;
570  }
571  .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(6){
572
573    min-width: 200px  !important;
574  }
575  .nightmode.pricing  .service-section .services_page #service-table tbody .service-row td:nth-child(1){
576    min-width: 110px;
577  }
578  .nightmode.pricing .service-section .services_page #service-table tbody .service-row td:nth-child(2){
579   
580    min-width: 300px !important;
581    max-width: 300px;
582    width: 150px;
583  }
584  .nightmode.pricing .service-section .services_page #service-table tbody .service-row td:nth-child(3){
585 
586    min-width: 150px  !important;
587    max-width: 150px;
588    width: 150px;
589  }
590  .nightmode.pricing .service-section .services_page #service-table tbody .service-row td:nth-child(4){
591
592    min-width: 100px  !important;
593    max-width: 100px;
594    width: 100px;
595  }
596  .nightmode.pricing .service-section .services_page #service-table tbody .service-row td:nth-child(5){
597 
598    min-width: 100px  !important;
599    max-width: 100px;
600    width: 100px;
601  }
602  .nightmode.pricing  .service-section .services_page #service-table tbody .service-row td:nth-child(6){
603
604    min-width: 200px  !important;
605  }
606}
607@media (max-width:992px) {
608  .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(1){
609
610    min-width: 110px;
611  } 
612  .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(2){
613   
614    min-width: 300px !important;
615    max-width: 300px;
616    width: 150px;
617  }
618  .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(3){
619 
620    min-width: 150px  !important;
621    max-width: 150px;
622    width: 150px;
623  }
624  .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(4){
625
626    min-width: 100px  !important;
627    max-width: 100px;
628    width: 100px;
629  }
630  .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(5){
631 
632    min-width: 100px  !important;
633    max-width: 100px;
634    width: 100px;
635  }
636  .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(6){
637
638    min-width: 200px  !important;
639    max-width: 200px;
640    width: 200px;
641  }
642  .pricing .service-section .services_page #service-table tbody .service-row td:nth-child(7){
643
644    min-width: 200px  !important;
645    max-width: 200px;
646    width: 200px;
647  }
648  .nightmode.pricing .service-section .services_page #service-table tbody .service-row td:nth-child(1){
649
650    min-width: 110px;
651  } 
652  .nightmode.pricing  .service-section .services_page #service-table tbody .service-row td:nth-child(2){
653   
654    min-width: 300px !important;
655    max-width: 300px;
656    width: 150px;
657  }
658  .nightmode.pricingg  .service-section .services_page #service-table tbody .service-row td:nth-child(3){
659 
660    min-width: 150px  !important;
661    max-width: 150px;
662    width: 150px;
663  }
664  .nightmode.pricing  .service-section .services_page #service-table tbody .service-row td:nth-child(4){
665
666    min-width: 100px  !important;
667    max-width: 100px;
668    width: 100px;
669  }
670  .nightmode.pricing .service-section .services_page #service-table tbody .service-row td:nth-child(5){
671 
672    min-width: 100px  !important;
673    max-width: 100px;
674    width: 100px;
675  }
676  .nightmode.pricing .service-section .services_page #service-table tbody .service-row td:nth-child(6){
677
678    min-width: 200px  !important;
679    max-width: 200px;
680    width: 200px;
681  }
682  .nightmode.pricing .service-section .services_page #service-table tbody .service-row td:nth-child(7){
683
684    min-width: 200px  !important;
685    max-width: 200px;
686    width: 200px;
687  }
688}
689#main_container .sidebar {
690  position: fixed;
691  width: 300px;
692  /* padding: 0px 20px; */
693  min-height: 100vh;
694  transition: 0.5s;
695  z-index: 9;
696  background-color: #0c305b;
697  background-size: contain;
698  background-repeat: no-repeat;
699  background-position: bottom right;
700}
701#main_container .sidebar .sidebar_top {
702  padding: 0px 20px;
703}
704#main_container.toogle_sidebar .sidebar {
705  transform: translate(-300px);
706}
707
708#main_container .sidebar .logo {
709  width: fit-content;
710  margin: 0 auto;
711  margin-top: 10px;
712  margin-bottom: 8px;
713  color: #fff !important;
714  font-weight: 600;
715  font-size: 20px;
716  cursor: pointer;
717}
718.nightmode #main_container .sidebar .logo {
719color: #fff !important;
720}
721#main_container .sidebar .logo .logo_img {
722  margin-top: 0px;
723  margin-bottom: 10px;
724}
725a.navbar-brand img {
726  max-width: 200px;
727}
728.sidebar_menu_icon {
729  margin-left: 15px;
730  width: 40px;
731  height: 40px;
732  border: none;
733  background-color: var(--text-white);
734  z-index: 9;
735  border-radius: 10px;
736  font-size: 20px;
737  color: var(--text-black);
738}
739
740#main_container .sidebar_menu_icon img.close_nav_day {
741  display: none;
742}
743
744#main_container .sidebar_menu_icon img.close_nav_night,
745#main_container .sidebar_menu_icon img.open_nav_night {
746  display: none;
747}
748
749#main_container.toogle_sidebar .sidebar_menu_icon {
750  right: -40px;
751}
752#main_container.toogle_sidebar .sidebar_menu_icon img.open_nav_day {
753  display: none;
754}
755
756#main_container.toogle_sidebar .sidebar_menu_icon img.close_nav_day {
757  display: block;
758}
759
760.nightmode #main_container .sidebar_menu_icon img.close_nav_day {
761  display: none !important;
762}
763
764.nightmode #main_container .sidebar_menu_icon img.open_nav_day {
765  display: none !important;
766}
767.nightmode #main_container .sidebar_menu_icon img.open_nav_night {
768  display: inline;
769}
770.nightmode
771  #main_container.toogle_sidebar
772  .sidebar_menu_icon
773  img.close_nav_night {
774  display: inline;
775}
776.nightmode
777  #main_container.toogle_sidebar
778  .sidebar_menu_icon
779  img.open_nav_night {
780  display: none;
781}
782.authorized #main_container .sidebar {
783 background-image: linear-gradient(173.1deg, rgb(251 255 191 / 94%) 10.2%, rgb(129 0 221) 77.3%);
784  background-size: contain;
785  background-repeat: no-repeat;
786  background-position: bottom right;
787}
788
789.authorized.nightmode #main_container .sidebar {
790  background: linear-gradient(
791    45deg,
792    var(--bg-sidebar-night),
793    var(--bg-sidebar-night)
794  );
795  background-size: contain;
796  background-repeat: no-repeat;
797  background-position: bottom right;
798}
799
800#main_container .content_area {
801  width: calc(100% - 300px);
802
803  margin-left: 300px;
804  transition: 0.5s;
805  z-index: -1;
806  display: flex;
807  align-items: center;
808  flex-direction: column;
809}
810#main_container .content_area .content {
811  margin-top: 65px;
812  width: 100%;
813  min-height: 100vh;
814  border-radius: 20px 0 0 0;
815
816}
817.nightmode #main_container .content_area .content {
818  background: var(--bg-dark-content);
819}
820
821#main_container .content_area .top_header {
822  position: fixed;
823  width: calc(100% - 300px);
824  height: 65px;
825  margin-top: 0px;
826  border-radius: 0px;
827  z-index: 1;
828  transition: 0.5s;
829}
830
831#main_container.toogle_sidebar .content_area .top_header {
832  width: 99%;
833  margin-left: 12px;
834}
835.authorized #main_container .top_header {
836  background-image: linear-gradient(21deg, rgb(231 233 197 / 94%) 10.2%, rgb(188 95 255) 77.3%);
837  box-shadow: 0px -20px 20px #f1f2f6;
838}
839.authorized.nightmode #main_container .top_header {
840  background: var(--bg-sidebar-night);
841  box-shadow: 0px -20px 20px var(--bg-darkmode);
842}
843#main_container.toogle_sidebar .content_area {
844  padding-left: 0px;
845  width: calc(100% - 0px);
846}
847
848.authorized.nightmode #main_container .content_area {
849  background: var(--bg-darkmode);
850}
851.authorized.nightmode .top_content .content_area {
852  background: linear-gradient(
853    45deg,
854    var(--bg-sidebar-night),
855    var(--bg-sidebar-night)
856  );
857}
858
859.input-group:not(.has-validation) .dropdown-toggle:nth-last-child(n + 3),
860.input-group:not(.has-validation)
861  > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
862  border-top-right-radius: 0;
863  border-bottom-right-radius: 0;
864}
865
866.form-control {
867  background: var(--bg-input);
868  height: 45px;
869  border-radius: 10px;
870  border: none;
871  color: var(--text-black);
872  outline: 0 !important;
873}
874.input-group > .form-control,
875.input-group > .form-select {
876  position: relative;
877  flex: 1 1 auto;
878  width: 1%;
879  min-width: 0;
880}
881.form-control {
882  display: block;
883  width: 100%;
884  padding: 0.375rem 0.75rem;
885  font-size: 1rem;
886  font-weight: 400;
887  line-height: 1.5;
888  color: #212529;
889  background-color: #fff;
890  background-clip: padding-box;
891  border: 1px solid #ced4da;
892  -webkit-appearance: none;
893  -moz-appearance: none;
894  appearance: none;
895  border-radius: 0.25rem;
896  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
897}
898
899/*
900*
901*
902* Default Css Editor
903*
904*
905*/.authorized
906.authorized.nightmode h1,
907.authorized.nightmode h2,
908.authorized.nightmode h3,
909.authorized.nightmode h4,
910.authorized.nightmode h5,
911.authorized.nightmode h6,
912.authorized.nightmode p,
913.authorized.nightmode ul,
914.authorized.nightmode li,
915.authorized.nightmode .help-block {
916  color: #fff;
917}
918
919button.btn.btn-default.btn-big-secondary.clear-datetime {
920  background: red;
921  height: 100%;
922  color: #fff;
923}
924.nav-pills .nav-link {
925  color: var(--text-primary);
926  border-radius: 10px;
927  transition: 0.5s;
928}
929
930.nav-pills .nav-link.active,
931.nav-pills .show > .nav-link {
932  background: var(--text-primary);
933}
934.authorized.nightmode .nav-pills .nav-link.active,
935.authorized.nightmode .nav-pills .show > .nav-link {
936  background: var(--dark-text-primary);
937}
938.tab_btn_wrap {
939  background: #3d8dff12;
940  display: inline-flex;
941  padding: 10px;
942  border-radius: 15px;
943}
944.tab_btn_wrap .nav-item input,
945.tab_btn_wrap .nav-item input:focus {
946  background: #dfdbf0;
947}
948.nightmode .tab_btn_wrap .nav-item input {
949  background: #22213b;
950}
951
952.authorized.nightmode .tab_btn_wrap {
953  background: var(--bg-dark-content);
954}
955.authorized.nightmode .nav-pills .nav-link {
956  color: #fff;
957}
958.authorized label {
959  font-family: "Poppins", sans-serif;
960  margin-bottom: 0.35rem;
961  font-size: 16px;
962  font-weight: 500;
963}
964.authorized.nightmode label {
965  color: #fff;
966}
967.authorized .form-group {
968  margin-bottom: 1rem;
969}
970.authorized .form-control {
971  background: #e9f2fc;
972  height: 45px;
973  border-radius: 10px;
974  border: none;
975  color: var(--text-black);
976  outline: 0 !important;
977}
978.authorized .form-control:fo
978cus {
979  background: #e9f2fc;
980  box-shadow: none;
981  border: 0;
982}
983.authorized.nightmode .form-control {
984
985  background: var(--dark-bg-input) !important;;
986  color: #fff;
987  caret-color: #005cbf;
988}
989.authorized .btn-primary {
990  padding: 10px 10px;
991  border-radius: 10px;
992  font-size: 18px;
993  color: #ffffff;
994  background: var(--text-primary);
995  border: none;
996  font-weight: 700;
997}
998.authorized.nightmode .btn-primary {
999  background: var(--dark-text-primary);
1000  color: #fff;
1001}
1002
1003/* User avatar */
1004.user_data {
1005  background: var(--user-box-day-bg);
1006  border-radius: 10px;
1007  margin-bottom: 15px;
1008  position: relative;
1009  overflow: hidden;
1010}
1011.user_data .total_data {
1012  padding: 15px;
1013}
1014.nightmode .user_data {
1015  background: var(--bg-user-dark);
1016}
1017.user_data .user_wrap {
1018  display: flex;
1019  flex-direction: column;
1020  justify-content: space-between;
1021  align-items: center;
1022  margin-bottom: 10px;
1023}
1024.user_data .user_badges {
1025  position: absolute;
1026  width: 160px;
1027  height: 25px;
1028  background: var(--bg-secondary);
1029  top: 22px;
1030  transform: rotate(45deg);
1031  right: -48px;
1032  text-align: center;
1033  display: flex;
1034  justify-content: center;
1035  align-items: center;
1036  cursor: pointer;
1037}
1038.nightmode .user_data .user_badges {
1039  background: var(--dark-text-primary);
1040}
1041.user_data .user_badges h4 {
1042  margin: 0;
1043  font-size: 14px;
1044  color: var(--text-primary);
1045  font-weight: bold;
1046  color: #fff;
1047}
1048.nightmode .user_data .user_badges h4 {
1049  color: #fff;
1050}
1051.user_data .user_info .msg {
1052  font-size: 18px;
1053  font-weight: 500;
1054  color: var(--bg-secondary);
1055}
1056.v2_avatar img {
1057  width: 85px;
1058  height: 85px;
1059  margin-bottom: 8px;
1060  border-radius: 50px;
1061  background: var(--bg-sidebar-day);
1062  object-fit: cover;
1063}
1064
1065.v2_user_info h5 {
1066  font-size: 16px;
1067  font-weight: bold;
1068  color: #fff;
1069  text-transform: capitalize;
1070  margin: 0;
1071}
1072.user_data .user_info h2 {
1073  font-size: 20px;
1074  color: #fff;
1075  font-weight: 600;
1076}
1077.user_data .avatar {
1078  width: 60px;
1079}
1080.user_data .user_balance {
1081  background: var(--bg-secondary);
1082  padding: 2px 14px;
1083  color: #fff;
1084  border-radius: 50px;
1085  margin-bottom: 5px;
1086}
1087.nightmode .user_data .user_balance {
1088  background: var(--dark-bg-menu-active);
1089}
1090
1091.user_data .user_balance .balance {
1092  color: var(--text-white);
1093  font-weight: bold;
1094}
1095
1096.user_data .user_balance .icon {
1097  position: relative;
1098  right: -10px;
1099  width: 23px;
1100  height: 23px;
1101  display: inline-block;
1102  background: white;
1103  text-align: center;
1104  color: var(--bg-secondary);
1105  border-radius: 50px;
1106}
1107
1108.sidebar_menu {
1109  margin-top: 25px;
1110  position: relative;
1111  height: calc(100vh - 311px);
1112  overflow: auto;
1113  padding: 0px 20px;
1114}
1115.sidebar_menu .menu_item {
1116  background: transparent;
1117  text-decoration: none;
1118  color: #fff;
1119  display: flex;
1120  gap: 8px;
1121  padding: 5px 15px;
1122  margin-bottom: 3px;
1123  font-size: 16px;
1124  border-radius: 10px;
1125  cursor: pointer;
1126  transition: 0.5s;
1127  border: 2px solid transparent;
1128}
1129
1130.sidebar_menu .menu_item:hover {
1131  background: #83838347;
1132}
1133
1134.sidebar_menu .menu_item.active {
1135  background: #ffffff;
1136  /* box-shadow:0 5px 10px rgb(0 0 0 / 77%); */
1137  border: 2px solid var(--nav-btn-hove-colors);
1138}
1139
1140.nightmode .sidebar_menu .menu_item.active {
1141  background: var(--dark-bg-menu-active);
1142  border: 2px solid var(--bg-secondary);
1143}
1144.sidebar_menu .menu_item.active .menu_icon i {
1145  color: #fff;
1146}
1147/* Page infos and other infos*/
1148#page_info {
1149  display: flex;
1150  justify-content: space-between;
1151  margin: 35px 35px 0px 35px;
1152  gap: 100px;
1153}
1154#page_info .item h4 {
1155  color: #232323;
1156  font-size: 18px;
1157  font-weight: 500;
1158}
1159#page_info .item h4 .sp_text_primary {
1160  color: var(--bg-menu-active);
1161  font-weight: 800;
1162}
1163.nightmode #page_info .item h4 {
1164  color: #fff;
1165}
1166.nightmode #page_info .item h4 .sp_text_primary {
1167  color: var(--text-white);
1168}
1169/* Card Design */
1170
1171.card.card_v2 {
1172  border-radius: 15px;
1173  margin-top: 10px;
1174}
1175.authorized.nightmode .card.card_v2 {
1176  border-color: var(--dark-text-primary) !important;
1177  background-color: var(--bg-sidebar-night) !important;
1178}
1179.card.card_v2 .card-body {
1180  padding: 1rem;
1181  margin: 0;
1182}
1183.authorized .card.card_v2 {
1184  background: #fff;
1185  box-shadow: 0 5px 5px rgba(7, 7, 7, 10%);
1186  margin-bottom: 15px;
1187}
1188.card-body.shadow_top {
1189  box-shadow: inset 4px 10px 5px #9b9b9b;
1190  border-radius: 15px;
1191}
1192
1193/* Table */
1194#table.services_page {
1195  padding: 10px;
1196}
1197
1198#table .catetitle td {
1199  padding: 8px 10px;
1200  text-align: center;
1201  font-size: 18px;
1202  font-weight: 800;
1203  background: var(--text-primary);
1204  color: #fff;
1205  border-radius: 0;
1206}
1207.authorized.nightmode #table .catetitle td {
1208  background: var(--dark-text-primary);
1209}
1210#table .table tr {
1211  background: #fff;
1212}
1213
1214.authorized.nightmode #table .table tr {
1215  background: #22213b;
1216  color: #fff !important;
1217}
1218#table .table tr:nth-child(even) {
1219  background: #e8edff;
1220}
1221.authorized.nightmode #table .table tr:nth-child(even) {
1222  background: #121028;
1223}
1224.authorized #table .btn-primary.btn_serv {
1225  font-size: 14px;
1226  width: 40px;
1227  height: 40px;
1228  color: #fff;
1229  border-radius: 50px;
1230  box-shadow: none;
1231  background: var(--text-primary);
1232}
1233.authorized.nightmode #table .btn-primary.btn_serv {
1234  background: var(--dark-text-primary);
1235}
1236.authorized #table .btn-primary.btn_serv:hover {
1237  background: var(--bg-secondary);
1238}
1239.authorized.nightmode #table .btn-primary.btn_serv:hover {
1240  background: var(--dark-text-primary);
1241}
1242.authorized #table .btn-primary.btn_serv.btn_detail {
1243  width: 150px;
1244}
1245.authorized #tickets_page .modal-content {
1246
1247  padding: 15px !important;
1248}    
1249.input-group-btn > button {
1250  background: var(--text-primary);
1251  height: 100%;
1252  border-radius: 0px 10px 10px 0px;
1253  display: flex;
1254  align-items: center;
1255}
1256.input-group-btn > button i {
1257  color: #fff;
1258}
1259.authorized.nightmode .input-group-btn > button {
1260  background: var(--dark-text-primary);
1261}
1262
1263.service_button_filter {
1264  display: grid;
1265  grid-template-columns: repeat(auto-fit, minmax(50px, 50px));
1266  gap: 15px;
1267  margin-bottom: 20px;
1268  justify-content: center;
1269}
1270.service_button_filter .btn_ser_filter {
1271  background: gray;
1272  border: none;
1273  padding: 10px 0px;
1274  border-radius: 10px;
1275  box-shadow: none;
1276  color: #fff;
1277  font-size: 18px;
1278}
1279.btn_ser_filter.btn_all {
1280  background: var(--bg-secondary);
1281  color: #fff;
1282}
1283.authorized.nightmode .btn_ser_filter.btn_all {
1284  background: var(--dark-text-primary);
1285}
1286.btn_ser_filter.btn_fb {
1287  background: #3b5998;
1288  color: #fff;
1289}
1290.btn_ser_filter.btn_tw {
1291  background: #1da1f2;
1292  color: #fff;
1293}
1294.btn_ser_filter.btn_ig {
1295  background: linear-gradient(
1296    90.28deg,
1297    #5f1db9 -5.68%,
1298    #bb2c96 49.27%,
1299    #f0c33b 99.81%
1300  );
1301  color: #fff;
1302}
1303.btn_ser_filter.btn_in {
1304  background: #1da1f2;
1305  color: #fff;
1306}
1307.btn_ser_filter.btn_yt {
1308  background: #ff0000;
1309  color: #fff;
1310}
1311.btn_ser_filter.btn_sp {
1312  background: #3ce060;
1313  color: #fff;
1314}
1315.btn_ser_filter.btn_tik {
1316  background: #000;
1317}
1318.btn_ser_filter.btn_dis {
1319  background: #5865f2;
1320}
1321.btn_ser_filter.btn_traffic {
1322  background: #fee75c;
1323  color: #232323;
1324}
1325/*
1326*
1327*
1328* New Order Page Design
1329*
1330*/
1331
1332/* category filte design */
1333.card {
1334  transition: 0.5s;
1335}
1336.authorized.nightmode .container-fluid .card {
1337  background-color: var(--bg-sidebar-night) !important;
1338}
1339.filter_btn_wrap {
1340  display: grid;
1341  gap: 8px 10px;
1342  grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
1343}
1344
1345.filter_btn_wrap .btn_filter {
1346  font-size: 18px;
1347  text-transform: capitalize;
1348  border: none;
1349  padding: 5px 3px;
1350  border-radius: 4px;
1351  text-align: center;
1352  cursor: pointer;
1353  background: #fff;
1354  color: #fff;
1355  border: 1px solid var(--bg-filter-btn);
1356  color: var(--bg-filter-btn);
1357  /* box-shadow: inset 0 5px 10px rgba(31, 31, 31, 0.7), 0 2px 8px #0000005e; */
1358  transition: 0.4s;
1359}
1360
1361
1362
1363.authorized.nightmode .filter_btn_wrap .btn_filter {
1364  background: transparent;
1365  box-shadow: none;
1366  color: #fff;
1367  border: 1px solid var(--dark-text-primary);
1368}
1369
1370.authorized.nightmode .filter_btn_wrap .btn_filter:hover,
1371.authorized.nightmode .filter_btn_wrap .btn_filter.activeItem {
1372  background: var(--dark-text-primary);
1373}
1374
1375#minmax_value {
1376  color: #000;
1377}
1378
1379.authorized.nightmode #minmax_value {
1380  color: #fff;
1381}
1382.btn_filter:hover,
1383.btn_filter.activeItem {
1384  background: var(--bg-filter-btn);
1385  color: #fff;
1386}
1387.authorized .details_data {
1388  margin-bottom: 15px;
1389}
1390.authorized .details_2 {
1391  display: "";
1392  grid-template-columns: repeat(2, 1fr);
1393  gap: 15px;
1394}
1395.details_name h3,
1396.authorized .details_data .details_name h3 {
1397  font-size: 16px;
1398  font-weight: bold;
1399  color: var(--text-black);
1400}
1401.authorized.nightmode .details_name h3,
1402.authorized.nightmode .details_data .details_name h3 {
1403  color: var(--text-white);
1404}
1405.authorized .details_data .item {
1406  display: flex;
1407  align-items: center;
1408  height: 50px;
1409  gap: 10px;
1410  background: #f1f2f6;
1411  padding: 8px;
1412  border-radius: 15px;
1413}
1414
1415.authorized.nightmode .details_data .item {
1416  background: var(--bg-dark-content);
1417}
1418
1419.authorized .details_data .item .icon {
1420  width: 40px;
1421  height: 40px;
1422  font-size: 16px;
1423  text-align: center;
1424  line-height: 40px;
1425  background: #4916bf1a;
1426  color: var(--bg-sidebar-day);
1427  border-radius: 50px;
1428}
1429
1430.authorized.nightmode .details_data .item .icon {
1431  background: #22213b;
1432  color: var(--dark-text-primary);
1433}
1434
1435.authorized .descriptions_box {
1436  background: #f1f2f6;
1437  padding: 10px;
1438  border-radius: 15px;
1439}
1440.authorized.nightmode .descriptions_box {
1441  background: var(--bg-dark-content);
1442}
1443.authorized .details_data .item .item_content h3 {
1444  font-size: 20px;
1445  font-weight: 700;
1446  margin: 0;
1447}
1448.authorized .details_data .item .item_content p {
1449  font-size: 16px;
1450  font-weight: 400;
1451  margin: 0;
1452}
1453.authorized.nightmode .details_data .item .item_content {
1454  color: #fff;
1455}
1456.authorized.nightmode .descriptions_box {
1457  color: #fff;
1458}
1459
1460.icon_link {
1461  background: var(--home-hero-top-text) !important;
1462  color: #fff !important;
1463}
1464
1465.icon_start {
1466  background: #00a1ff !important;
1467  color: #fff !important;
1468}
1469.icon_speed {
1470  background: #ac42ef !important;
1471  color: #fff !important;
1472}
1473.icon_refill {
1474  background: #00cf00 !important;
1475  color: #fff !important;
1476}
1477.icon_avg_time {
1478  background: #002bff !important;
1479  color: #fff !important;
1480}
1481
1482/* Top Bar */
1483.top_head_wrap {
1484  display: flex;
1485  justify-content: space-between;
1486  align-items: center;
1487  height: 100%;
1488  z-index: 100 !important;
1489}
1490
1491.authorized .user_settings {
1492  display: flex;
1493  align-items: center;
1494  gap: 10px;
1495}
1496.authorized .user_settings .telegram {
1497  /* position: relative; */
1498  background-color: var(--bg-secondary);
1499  color: var(--bg-sidebar-day);
1500  font-size: 30px;
1501  text-align: center;
1502  width: 45px;
1503  height: 45px;
1504  line-height: 45px;
1505  border-radius: 50px;
1506  text-decoration: none;
1507  padding: 0;
1508  margin: 0;
1509  display: flex;
1510  justify-content: center;
1511  align-items: center;
1512}
1513
1514/* #orderform-category,
1515#orderform-service{
1516display: none;
1517} */
1518#dropdownMenu3 {
1519  text-align: left;
1520}
1521#order-dd {
1522  text-align: left;
1523}
1524#newOrderTabsWrap .dropdown,
1525#newOrderTabsWrap .dropdown .form-control {
1526  min-height: 40px;
1527  height: auto;
1528}
1529#category-drop,
1530#orders-drop {
1531  width: 100%;
1532  height: 415px;
1533  overflow: auto;
1534}
1535#order-cItem,
1536#order-sItem {
1537  width: 100%;
1538  white-space: normal;
1539}
1540#category-drop .dropdown-item,
1541#orders-drop .dropdown-item {
1542  padding: 0.5rem 1rem;
1543  border-bottom: 1px solid var(--text-primary);
1544  white-space: normal;
1545}
1546.fa.fa-caret-down.ml-auto {
1547  position: absolute;
1548  right: 8px;
1549  top: 35%;
1550}
1551.nightmode #category-drop .dropdown-item,
1552.nightmode #orders-drop .dropdown-item {
1553  color: #fff;
1554}
1555/* .user_settings .telegram i{
1556position: absolute;
1557top: 8px;
1558left: 6px;
1559} */
1560
1561.btn_profiles {
1562  width: 40px;
1563  height: 40px;
1564  background: var(--text-white);
1565  margin-right: 10px;
1566  margin-right: 10px;
1567  padding: 0px 4px;
1568  border-radius: 50px;
1569  color: var(--bg-sidebar-day);
1570  font-size: 18px;
1571  font-weight: bold;
1572  box-shadow: none !important;
1573  border: none !important;
1574  outline: none !important;
1575}
1576.btn_profiles::after {
1577  display: none;
1578}
1579
1580.btn-check:focus + .btn-secondary,
1581.btn-secondary:focus,
1582.btn-secondary:hover {
1583  background: var(--bg-secondary) !important;
1584}
1585
1586.day_night_btn {
1587  width: 70px;
1588  position: relative;
1589  background: #fff;
1590  display: flex;
1591  justify-content: space-around;
1592  font-size: 20px;
1593  border-radius: 50px;
1594  color: #3d8dff;
1595}
1596
1597.day_night_btn:hover {
1598  color: var(#3d8dff);
1599}
1600
1601.day_night_btn .active_circle {
1602  position: absolute;
1603  width: 35px;
1604  height: 35px;
1605  border-radius: 50px;
1606  top: -3px;
1607  right: 0px;
1608  z-index: 0;
1609  background: var(--bg-secondary);
1610  transition: 0.5s ease;
1611}
1612.nightmode .day_night_btn .active_circle {
1613  transform: translate(-36px);
1614}
1615.day_night_btn .day_mode {
1616  color: #fff;
1617  transition: 0.5s ease;
1618}
1619  .authorized  .day_night_btn .night_mode{
1620  color: #fff !important;
1621}
1622.authorized  .day_night_btn .day_mode {
1623  color: var(--bg-filter-btn) !important;
1624}
1625.nightmode .day_night_btn .day_mode {
1626  color: var(--bg-sidebar-day);
1627}
1628.day_night_btn .day_mode,
1629.day_night_btn .night_mode {
1630  display: block;
1631  z-index: 1;
1632}
1633.nightmode .night_mode {
1634  color: var(--text-white);
1635  transition: 0.5s ease;
1636}
1637.logo_off_nav {
1638  display: none;
1639  padding: 10px;
1640  transition: 0.5;
1641}
1642.toogle_sidebar .logo_off_nav {
1643  display: inline-block;
1644  margin-top: 10px;
1645  position: absolute;
1646  top: 0px;
1647  color: #fff !important;
1648  font-weight: 700;
1649}
1650
1651.toogle_sidebar .logo_off_nav img {
1652  max-width: 200px;
1653}
1654
1655/* Mass Order */
1656
1657.authorized .form-control.massorder_textarea {
1658  height: 350px;
1659}
1660
1661/* Order Page */
1662#orders_menu a .icon {
1663  font-size: 16px;
1664  margin-right: 10px;
1665}
1666
1667#orders_menu.nav-pills .nav-link {
1668  border: 2px solid transparent;
1669}
1670#orders_menu.nav-pills .nav-link:hover {
1671  border-color: var(--text-primary);
1672}
1673.authorized.nightmode #orders_menu.nav-pills .nav-link.active {
1674  background: var(--dark-text-primary);
1675}
1676.authorized.nightmode #orders_menu.nav-pills .nav-link:hover {
1677  border-color: var(--dark-text-primary);
1678}
1679.order_page .order_link_wrap a.order_link {
1680  width: 330px;
1681  border: 1px solid #4a16bf;
1682  font-size: 16px;
1683  padding: 8px;
1684  border-radius: 10px;
1685  display: inline-block;
1686}
1687.authorized.nightmode .order_page .order_link_wrap a.order_link {
1688  color: #fff;
1689  border-color: var(--dark-text-primary);
1690}
1691.order_link_wrap > input.form-control {
1692  padding: 5px;
1693  border-radius: 8px;
1694  border: 1px solid var(--text-primary);
1695  width: 100%;
1696  height: 40px;
1697}
1698.authorized.nightmode .order_link_wrap > input.form-control {
1699  border-color: var(--dark-text-primary);
1700}
1701.order_link_wrap > .btn_order_link {
1702  right: 5px;
1703  background: var(--text-primary);
1704  height: 30px;
1705  top: 5px;
1706  width: 30px;
1707  text-align: center;
1708  line-height: 30px;
1709  color: #fff;
1710  border-radius: 6px;
1711  text-decoration: none;
1712}
1713
1714.order_page .order_id {
1715  display: block;
1716  background: var(--text-primary);
1717  text-align: center;
1718  color: #fff;
1719  padding: 3px 8px;
1720  border-radius: 10px;
1721}
1722.order_page .order_date {
1723  width: 85px;
1724  font-size: 14px;
1725}
1726.order_page .order_service {
1727  width: 220px;
1728  /* white-space: nowrap;
1729height: 40px; 
1730overflow: hidden;
1731text-overflow: ellipsis; */
1732}
1733.order_page a.serv_id {
1734  background: var(--text-primary);
1735  color: #fff;
1736  padding: 1px 13px;
1737  border-radius: 50px;
1738  font-size: 14px;
1739}
1740.authorized.nightmode .order_page a.serv_id {
1741  background: var(--dark-text-primary);
1742}
1743.authorized.nightmode .order_page .order_id {
1744  background: var(--dark-text-primary);
1745}
1746.authorized.nightmode .order_link_wrap > .btn_order_link {
1747  background: var(--dark-text-primary);
1748}
1749.btn_action {
1750  background: var(--text-primary);
1751  color: #fff;
1752  border-radius: 10px;
1753  border: none;
1754  box-shadow: none;
1755}
1756.authorized.nightmode .btn_action {
1757  background: var(--dark-text-primary);
1758}
1759.order_status_badges {
1760  color: #fff;
1761  display: block;
1762  /* min-width: 150px; */
1763  background: var(--text-primary);
1764  text-align: center;
1765  border-radius: 50px;
1766  padding: 3px 10px;
1767}
1768.authorized.nightmode .order_status_badges {
1769  background: var(--dark-text-primary);
1770}
1771.order_status_badges.badges_pending {
1772  background: var(--badges-pending) !important;
1773  color: #000;
1774}
1775.order_status_badges.badges_inprogress {
1776  background: var(--badges-inprogress) !important;
1777}
1778.order_status_badges.badges_completed {
1779  background: var(--badges-completed) !important;
1780}
1781.order_status_badges.badges_partials {
1782  background: var(--badges-partials) !important;
1783}
1784.order_status_badges.badges_canceled {
1785  background: var(--badges-canceled) !important;
1786}
1787.order_status_badges.badges_processing {
1788  background: var(--badges-processing) !important;
1789}
1790
1791/* Add Fund Page */
1792#addfundTable thead tr th:nth-child(1),
1793#addfundTable tbody tr td:nth-child(1) {
1794  width: 60px;
1795}
1796#addfundTable thead tr th:nth-child(2),
1797#addfundTable tbody tr td:nth-child(2) {
1798  width: 130px;
1799  font-size: 16px;
1800}
1801#addfundTable thead tr th:last-child,
1802#addfundTable tbody tr td:last-child {
1803  width: 150px;
1804  font-size: 16px;
1805}
1806#addfundTable tbody tr:nth-child(even) {
1807  background: #e8edff;
1808}
1809.authorized.nightmode #addfundTable tbody tr:nth-child(even) {
1810  background: #121028;
1811}
1812.authorized.nightmode #addfundTable thead tr th,
1813.authorized.nightmode #addfundTable tbody tr td {
1814  color: #fff;
1815}
1816.tab_id {
1817  display: block;
1818  height: 30px;
1819  background: var(--text-primary);
1820  text-align: center;
1821  line-height: 30px;
1822  color: #fff;
1823  font-size: 16px;
1824  border-radius: 10px;
1825}
1826
1827/* def side */
1828.authorized #def_side_title {
1829  display: flex;
1830  align-items: center;
1831  gap: 15px;
1832  padding: 0;
1833  margin-bottom: 1rem;
1834}
1835
1836.authorized #def_side_title .icon {
1837  width: 50px;
1838  height: 50px;
1839  line-height: 50px;
1840  font-size: 20px;
1841  color: var(--text-white);
1842  text-align: center;
1843  background: var(--text-primary);
1844  border-radius: 10px;
1845}
1846
1847.authorized.nightmode #def_side_title .icon {
1848  background: var(--dark-text-primary);
1849  color: #fff;
1850}
1851
1852.authorized #def_side_title .name {
1853  font-size: 20px;
1854  font-weight: 700;
1855}
1856
1857.authorized.nightmode #def_side_title .name {
1858  color: #fff;
1859}
1860
1861.site_accordion .accordion-item {
1862  margin-bottom: 10px;
1863  border: 1px solid var(--text-primary);
1864  border-radius: 10px;
1865  background: var(--text-white);
1866  transition: 0.5s;
1867}
1868.site_accordion .accordion-item .accordion-header button {
1869  box-shadow: none !important;
1870  margin-bottom: auto !important;
1871}
1872.site_accordion .accordion-item .accordion-button {
1873  background: var(--text-primary);
1874  color: #fff;
1875  font-size: 18px;
1876  border-color: var(--text-primary);
1877  border-radius: 5px 5px 0px 0px;
1878}
1879.site_accordion .accordion-item .accordion-button i {
1880  margin-right: 10px;
1881}
1882.site_accordion .accordion-item .accordion-button.collapsed {
1883  background: #f1f2f6;
1884  color: var(--text-black);
1885  font-size: 18px;
1886  font-weight: 600;
1887  border-radius: 10px;
1888  transition: 0.5s;
1889}
1890.authorized.nightmode .site_accordion .accordion-item .accordion-button {
1891  background: var(--dark-text-primary);
1892}
1893.authorized.nightmode
1894  .site_accordion
1895  .accordion-item
1896  .accordion-button.collapsed {
1897  background: var(--dark-bg-input);
1898  color: #fff;
1899}
1900.authorized.nightmode .site_accordion .accordion-item {
1901  background: var(--dark-bg-input);
1902  color: var(--text-white) !important;
1903  border-color: var(--dark-text-primary);
1904}
1905.accordion-button:not(.collapsed)::after {
1906  background-image: "https://res.cloudinary.com/dw8lywl8p/image/upload/v1651083085/caret-down-solid_1_1_wl8it4.png" !important;
1907}
1908
1909.site_accordion .accordion-item .accordion-header button {
1910  box-shadow: none !important;
1911  z-index: 0;
1912}
1913
1914/*
1915* ticket page
1916*/
1917
1918#viewTicket .msg_user .ticket-message {
1919  background: var(--text-primary);
1920  padding: 25px;
1921  border-radius: 20px;
1922  color: #fff;
1923}
1924
1925#viewTicket .msg_user .ticket-message a {
1926  color: var(--home-btn-hover);
1927}
1928#viewTicket .msg_user,
1929#viewTicket .msg_admin {
1930  margin-bottom: 20px;
1931}
1932#viewTicket .msg_user .info,
1933#viewTicket .msg_admin .info {
1934  padding: 4px 10px;
1935}
1936
1937#viewTicket .msg_admin .ticket-message {
1938  background: var(--bg-secondary);
1939  padding: 25px;
1940  border-radius: 20px;
1941  color: #fff;
1942}
1943
1944.authorized.nightmode #viewTicket .msg_admin .ticket-message {
1945  background: var(--dark-text-primary);
1946}
1947
1948.authorized.nightmode #viewTicket .msg_user .info,
1949.authorized.nightmode #viewTicket .msg_admin .info {
1950  color: #fff;
1951}
1952
1953.authorized .ticket_item {
1954  display: flex;
1955  align-items: center;
1956  justify-content: space-between;
1957  flex-direction: row;
1958  margin: 10px 0px;
1959  padding: 15px 15px;
1960  background: #f1f2f6;
1961  border-left: 3px solid #ffb400;
1962  border-radius: 15px;
1963}
1964.authorized .ticket_item.ticket_Closed {
1965  border-color: rgb(250, 21, 21);
1966}
1967.authorized .ticket_item.ticket_Answered {
1968  border-color: rgb(4, 221, 4);
1969}
1970.authorized .item_left h3 {
1971  font-size: 20px;
1972}
1973.authorized.nightmode .ticket_item {
1974  background: #151428;
1975}
1976.authorized .ticket_item p,
1977.authorized .ticket_item h3 {
1978  margin: 0;
1979  padding: 0;
1980  color: #232323;
1981}
1982.authorized.nightmode .ticket_item p,
1983.authorized.nightmode .ticket_item h3 {
1984  color: #fff;
1985}
1986.authorized .ticket_item .item_left {
1987  display: flex;
1988  gap: 10px;
1989  width: 48%;
1990  align-items: center;
1991}
1992.authorized .ticket_item .item_left .ticket_icon {
1993  width: 60px;
1994  height: 60px;
1995  background: var(--text-primary);
1996  color: #fff;
1997  font-size: 20px;
1998  text-align: center;
1999  line-height: 60px;
2000  border-radius: 50px;
2001}
2002#ticket_filter_wrap {
2003  margin: 10px 0px;
2004}
2005#ticket_filter_wrap button {
2006  background: transparent;
2007  border: 2px solid var(--text-primary);
2008  border-radius: 10px;
2009  color: #232323;
2010}
2011.authorized.nightmode #ticket_filter_wrap button {
2012  border-color: var(--dark-text-primary);
2013  color: #fff;
2014}
2015.authorized #ticket_filter_wrap button:hover {
2016  background: var(--text-primary) !important;
2017  color: #fff;
2018}
2019.authorized.nightmode #ticket_filter_wrap button:hover {
2020  background: var(--dark-text-primary) !important;
2021  color: #fff;
2022}
2023.authorized #ticket_filter_wrap .ticket_btn_active {
2024  background: var(--text-primary);
2025  color: #fff;
2026}
2027
2028.authorized.nightmode #ticket_filter_wrap .ticket_btn_active {
2029  background: var(--dark-text-primary);
2030}
2031/* Affiliate Page */
2032
2033#affiliates .aff_item {
2034  display: flex;
2035  justify-content: space-between;
2036  margin: 20px 0px;
2037}
2038
2039#affiliates .item_left {
2040  width: 50%;
2041  display: flex;
2042  align-items: center;
2043  gap: 10px;
2044}
2045
2046#affiliates .item_left .icon {
2047  width: 50px;
2048  height: 50px;
2049  background: #f6f3fa;
2050  text-align: center;
2051  line-height: 50px;
2052  border-radius: 10px;
2053  color: var(--text-primary);
2054}
2055
2056#affiliates .item_right {
2057  display: flex;
2058  align-items: center;
2059}
2060
2061#affiliates .affiliate_wrap {
2062  display: grid;
2063  grid-template-columns: repeat(2, 1fr);
2064  gap: 20px;
2065}
2066
2067#affiliates .sm_aff_item .icon {
2068  background: #f6f3fa;
2069  width: 50px;
2070  height: 50px;
2071  border-radius: 10px;
2072  color: var(--text-primary);
2073  text-align: center;
2074  line-height: 50px;
2075  font-size: 18px;
2076}
2077
2078#affiliates .sm_aff_item {
2079  display: flex;
2080  gap: 12px;
2081}
2082
2083#affiliates .sm_content h4 {
2084  margin: 0;
2085  padding: 0;
2086  font-size: 18px;
2087  font-weight: bold;
2088}
2089
2090#affiliates .sm_content p {
2091  margin: 0;
2092  padding: 0;
2093  font-size: 16px;
2094}
2095
2096/*
2097*
2098*
2099* NO Auth Page Css
2100* Design Started
2101*
2102*
2103*/
2104
2105/* def side */
2106#def_side_title {
2107  display: flex;
2108  align-items: center;
2109  gap: 15px;
2110  padding: 0;
2111  margin-bottom: 1rem;
2112}
2113
2114#def_side_title .icon {
2115  width: 50px;
2116  height: 50px;
2117  line-height: 50px;
2118  font-size: 20px;
2119  color: var(--text-white);
2120  text-align: center;
2121  background: var(--text-primary);
2122  border-radius: 10px;
2123}
2124
2125#def_side_title .name {
2126  font-size: 20px;
2127  font-weight: 700;
2128}
2129
2130/* Reset Password */
2131.highlight-lside .hlight-box {
2132  margin-bottom: 30px;
2133  padding: 24px 30px;
2134  background: #fff;
2135  border-radius: 9px;
2136  box-shadow: 0px 10px 10px #7878780f;
2137}
2138
2139.highlight-lside .hlight-box .hlight-first {
2140  font-size: 19px;
2141  line-height: 24px;
2142  color: #232323;
2143  font-weight: 800;
2144}
2145
2146.highlight-lside .hlight-box .hlight-second {
2147  font-size: 14px;
2148  line-height: 25px;
2149  color: #232323;
2150  margin: 0;
2151  width: 100% !important;
2152}
2153
2154.highlight-lside .hlight-box .icon {
2155  font-size: 60px;
2156  width: 70px;
2157  text-align: center;
2158  line-height: 100px;
2159}
2160
2161.highlight-lside .hlight-box:nth-child(1) .icon {
2162  color: #ffb645;
2163}
2164
2165.highlight-lside .hlight-box:nth-child(2) .icon {
2166  color: #117ec2;
2167}
2168
2169.highlight-lside .hlight-box:nth-child(3) .icon {
2170  color: #16caba;
2171}
2172
2173@media (max-width: 1199.98px) {
2174  .highlight-lside .hlight-box {
2175    text-align: center !important;
2176  }
2177}
2178
2179.unauthorized .form-control {
2180  background: var(--bg-input);
2181  height: 45px;
2182  border-radius: 10px;
2183  border: none;
2184  color: var(--text-black);
2185  outline: 0 !important;
2186}
2187
2188.unauthorized .control-label .icon {
2189  display: inline-block;
2190  width: 40px;
2191  height: 40px;
2192  line-height: 40px;
2193  font-size: 18px;
2194  color: var(--bg-sidebar-day);
2195  text-align: center;
2196  background: #f6f3fa;
2197  border-radius: 10px;
2198}
2199.unauthorized .btn.btn-primary {
2200  padding: 7px 10px;
2201  border-radius: 10px;
2202  font-size: 18px;
2203  color: #fff !important;
2204  background: #4CAF50;
2205  border: none;
2206  font-weight: 700;
2207}
2208.input-group-btn > .btn:active,
2209.input-group-btn > .btn:focus,
2210.input-group-btn > .btn:hover {
2211  z-index: 2;
2212  background: var(--bg-secondary) !important;
2213  color: #fff !important;
2214}
2215.unauthorized .btn.btn-primary.btn_detail,
2216.unauthorized .btn.btn-primary.btn_serv {
2217  padding: 5px 15px;
2218  border-radius: 50px;
2219  font-size: 16px;
2220  color: var(--text-white);
2221  background: var(--text-primary);
2222  border: none;
2223  font-weight: 700;
2224}
2225.reset_Card .card.card_v2 {
2226  box-shadow: 0px 10px 10px #7878780f;
2227}
2228
2229/* API PAGE */
2230#api pre {
2231  background: #261f1f;
2232  padding: 50px 20px;
2233  border-radius: 20px;
2234  color: #fff;
2235}
2236
2237/*
2238*
2239* Service Page
2240*
2241*/
2242.cat_btn_filter {
2243  background: var(--text-primary);
2244  padding: 10px 10px;
2245  width: 100%;
2246  color: #fff;
2247  font-size: 16px;
2248  text-align: center;
2249  border-radius: 10px;
2250}
2251#currency_changer .btn.btn-primary.dropdown-toggle {
2252  background: var(--text-primary);
2253  padding: 10px 10px;
2254  width: 100%;
2255  color: #fff;
2256  font-size: 16px;
2257  text-align: center;
2258  border-radius: 10px;
2259}
2260.authorized.nightmode #currency_changer .btn.btn-primary.dropdown-toggle {
2261  background: var(--dark-text-primary);
2262}
2263.cat_btn_filter:hover {
2264  color: #fff;
2265}
2266
2267#catList {
2268  display: none;
2269}
2270
2271#currency_changer {
2272  margin: 0;
2273  padding: 0;
2274  list-style-type: none;
2275}
2276
2277.authorized.nightmode .cat_btn_filter {
2278  background: var(--dark-text-primary);
2279}
2280
2281#currency_changer .dropdown .dropdown-toggle {
2282  width: 100%;
2283}
2284#currencies-list.openNow {
2285  display: block;
2286  width: 100%;
2287}
2288.authorized.nightmode .dropdown-menu {
2289  background: var(--bg-dark-content);
2290}
2291.authorized.nightmode .dropdown-menu li a {
2292  color: #fff;
2293}
2294.authorized.nightmode .dropdown-item:focus,
2295.authorized.nightmode .dropdown-item:hover {
2296  background: var(--dark-text-primary);
2297  color: #fff;
2298}
2299
2300#cat_filter {
2301  position: relative;
2302}
2303#cat_filter #catList {
2304  position: absolute;
2305  height: 400px;
2306  overflow: hidden;
2307  overflow-y: auto;
2308  background: var(--bg-input);
2309  z-index: 1;
2310}
2311.authorized.nightmode #cat_filter #catList {
2312  background: var(--bg-sidebar-night);
2313}
2314
2315#cat_filter #catList button {
2316  width: 100%;
2317  display: block;
2318  padding: 8px;
2319  text-align: left;
2320  background: transparent;
2321  border: none;
2322  border-bottom: 1px solid #000;
2323}
2324#cat_filter #catList button:hover {
2325  background: var(--bg-menu-active);
2326  color: #fff;
2327}
2328.authorized.nightmode #cat_filter #catList button:hover {
2329  background: var(--dark-text-primary);
2330  color: #fff;
2331}
2332.authorized.nightmode #cat_filter #catList button {
2333  color: #fff;
2334}
2335
2336#catList.openFilter {
2337  display: block;
2338}
2339.text_imp {
2340  color: var(--text-primary);
2341}
2342.authorized.nightmode .text_imp {
2343  color: var(--dark-text-primary);
2344}
2345
2346/* authorized page design */
2347.user_info {
2348  display: flex;
2349  align-items: center;
2350  justify-content: space-between;
2351}
2352.user_info .text_info h5 {
2353  font-size: 16px;
2354  margin: 0;
2355  margin-bottom: 5px;
2356  color: #232323;
2357}
2358.user_info .text_info h4 {
2359  font-size: 16px;
2360  margin: 0;
2361  color: #232323;
2362  font-weight: bold;
2363}
2364.user_info .icon_info {
2365  color: #232323;
2366}
2367.authorized.nightmode .user_info .text_info h5,
2368.authorized.nightmode .user_info .text_info h4 {
2369  color: #fff;
2370}
2371.authorized.nightmode .user_info .icon_info {
2372  color: #fff;
2373}
2374.btn_ac_benefit {
2375  position: absolute;
2376  right: 0;
2377  width: 60px;
2378  height: 60px;
2379  border: none;
2380  background: transparent;
2381  font-size: 30px;
2382  color: #3a0f9e;
2383}
2384.authorized.nightmode .btn_ac_benefit {
2385  color: #fff;
2386}
2387
2388/* Show more btn styles */
2389
2390#show_more_wrap {
2391  color: #fff;
2392  padding: 5px 10px;
2393  border: 2px solid var(--nav-btn-hove-colors);
2394  background: var(--nav-btn-hove-colors);
2395  border-radius: 10px;
2396}
2397.authorized.nightmode #show_more_wrap {
2398  background: var(--dark-bg-menu-active);
2399  border-color: var(--bg-secondary);
2400}
2401#showMore {
2402  width: 100%;
2403  display: flex;
2404  background: transparent;
2405  margin: 0;
2406  padding: 0;
2407  border: 0;
2408  color: #fff;
2409  justify-content: space-between;
2410}
2411#more_menu {
2412  display: none;
2413  overflow: hidden;
2414  /* padding-top: 10px; */
2415  margin-top: 7px;
2416  transition: 0.5s;
2417  /* background: #1b07496e; */
2418  border-radius: 10px;
2419}
2420.authorized.nightmode #more_menu {
2421  background: var(--bg-user-dark);
2422}
2423#more_menu.active_more_menu {
2424  display: block;
2425}
2426
2427.modal_status_close {
2428  position: absolute;
2429  right: 12px;
2430  font-size: 20px;
2431  width: 30px;
2432  height: 30px;
2433  background: var(--text-primary);
2434  border-radius: 50px;
2435  color: #fff;
2436  z-index: 999999;
2437  opacity: 1;
2438}
2439
2440.nightmode .modal_status_close {
2441  background: var(--dark-text-primary);
2442}
2443.status_modal .nav-pills .nav-link {
2444  background: #80808036;
2445  color: var(--text-primary);
2446  border-radius: 10px;
2447  transition: 0.5s;
2448  margin-bottom: 5px;
2449}
2450
2451.nightmode .status_modal .nav-pills .nav-link {
2452  background: #151428;
2453}
2454
2455.status_modal .nav-pills .nav-link.active {
2456  background: var(--text-primary);
2457  color: #fff;
2458}
2459
2460.status_modal .tab-content {
2461  background: #e4e4e4;
2462  height: 100%;
2463  padding: 20px;
2464  border-radius: 15px;
2465  border: 1px solid #4a16bf;
2466}
2467
2468.nightmode .status_modal .tab-content {
2469  background: var(--bg-darkmode);
2470  border-color: var(--dark-text-primary);
2471  color: #fff !important;
2472}
2473
2474.nightmode .modal-body.status_modal {
2475  background: var(--bg-sidebar-night);
2476}
2477
2478ul.pagination li a {
2479  display: inline-block;
2480  width: 40px;
2481  height: 40px;
2482  background: #4a16bf1c;
2483  border-radius: 50px;
2484  text-align: center;
2485  line-height: 40px;
2486  margin-right: 5px;
2487}
2488ul.pagination li a {
2489  color: #4916bf;
2490}
2491.nightmode ul.pagination li a {
2492  background: #d92d5330;
2493}
2494
2495.nightmode ul.pagination li a {
2496  color: #d92d52;
2497}
2498
2499/*
2500*
2501*   Responsive area start 
2502*
2503*/
2504@media only screen and (max-width: 1600px) {
2505  .order_page .order_link_wrap a.order_link {
2506    width: 200px;
2507    font-size: 14px;
2508  }
2509  .order_page .order_service {
2510    width: 150px;
2511    font-size: 14px;
2512  }
2513  .order_page a.serv_id {
2514    font-size: 14px;
2515  }
2516}
2517@media only screen and (max-width: 1250px) {
2518  #main_container .sidebar {
2519    transform: translate(-300px);
2520  }
2521  #main_container.toogle_sidebar .sidebar {
2522    transform: translate(0px);
2523  }
2524  #main_container .sidebar_menu_icon img.close_nav_day {
2525    display: inline;
2526    position: relative;
2527    top: 0 !important;
2528    right: -40px;
2529  }
2530  #main_container .sidebar_menu_icon img.open_nav_day {
2531    display: none;
2532  }
2533
2534  #main_container.toogle_sidebar .sidebar_menu_icon img.close_nav_day {
2535    display: none !important;
2536  }
2537  #main_container.toogle_sidebar .sidebar_menu_icon img.open_nav_day {
2538    display: inline;
2539    position: relative;
2540    left: -40px;
2541  }
2542
2543  .nightmode #main_container .sidebar_menu_icon img.open_nav_night {
2544    display: none;
2545  }
2546
2547  .nightmode #main_container .sidebar_menu_icon img.close_nav_night {
2548    display: block;
2549    right: -40px;
2550    position: relative;
2551  }
2552
2553  .nightmode
2554    #main_container.toogle_sidebar
2555    .sidebar_menu_icon
2556    img.open_nav_night {
2557    display: block;
2558    position: absolute;
2559    right: 40px;
2560  }
2561  .nightmode
2562    #main_container.toogle_sidebar
2563    .sidebar_menu_icon
2564    img.close_nav_night {
2565    display: none;
2566  }
2567
2568  #main_container .content_area {
2569    padding-left: 0px;
2570  }
2571  #main_container .content_area .top_header {
2572    width: 98%;
2573  }
2574  .sidebar_menu_icon {
2575    right: 0px;
2576  }
2577  #main_container.toogle_sidebar .sidebar_menu_icon {
2578    right: -78px;
2579  }
2580  .logo_off_nav {
2581    display: inline-block;
2582    width: 200px;
2583  }
2584  #page_info {
2585    flex-direction: column;
2586    align-items: center;
2587  }
2588  #page_info .item {
2589    text-align: center;
2590  }
2591  .authorized .details_2 {
2592    grid-template-columns: 1fr;
2593  }
2594}
2595@media only screen and (max-width: 991px) {
2596  #main_container .sidebar {
2597    transform: translate(-300px);
2598  }
2599  #main_container.toogle_sidebar .sidebar {
2600    transform: translate(0px);
2601  }
2602  #main_container .sidebar_menu_icon img.close_nav_day {
2603    display: inline;
2604    position: relative;
2605    top: 0 !important;
2606    right: -40px;
2607  }
2608  #main_container .sidebar_menu_icon img.open_nav_day {
2609    display: none;
2610  }
2611
2612  #main_container.toogle_sidebar .sidebar_menu_icon img.close_nav_day {
2613    display: none !important;
2614  }
2615  #main_container.toogle_sidebar .sidebar_menu_icon img.open_nav_day {
2616    display: inline;
2617    position: relative;
2618    left: -40px;
2619  }
2620
2621  .nightmode #main_container .sidebar_menu_icon img.open_nav_night {
2622    display: none;
2623  }
2624
2625  .nightmode #main_container .sidebar_menu_icon img.close_nav_night {
2626    display: block;
2627    right: -40px;
2628    position: relative;
2629  }
2630
2631  .nightmode
2632    #main_container.toogle_sidebar
2633    .sidebar_menu_icon
2634    img.open_nav_night {
2635    display: block;
2636    position: absolute;
2637    right: 40px;
2638  }
2639  .nightmode
2640    #main_container.toogle_sidebar
2641    .sidebar_menu_icon
2642    img.close_nav_night {
2643    display: none;
2644  }
2645
2646  #main_container .content_area {
2647    padding-left: 0px;
2648  }
2649  #main_container .content_area .top_header {
2650    width: 98%;
2651  }
2652  .sidebar_menu_icon {
2653    right: 0px;
2654  }
2655  #main_container.toogle_sidebar .sidebar_menu_icon {
2656    right: -78px;
2657  }
2658  .logo_off_nav {
2659    display: inline-block;
2660  }
2661  #page_info {
2662    flex-direction: column;
2663    align-items: center;
2664  }
2665  #page_info .item {
2666    text-align: center;
2667  }
2668  .authorized .details_2 {
2669    grid-template-columns: 1fr;
2670  }
2671}
2672
2673@media only screen and (max-width: 768px) {
2674  .user_settings .menu_text {
2675    display: none;
2676  }
2677  .logo_off_nav {
2678    display: inline-block;
2679    position: absolute;
2680    top: 0;
2681  }
2682}
2683
2684@media only screen and (max-width: 550px) {
2685  .logo_off_nav img {
2686    width: 150px;
2687  }
2688  .user_settings .telegram {
2689    width: 30px;
2690    height: 30px;
2691    line-height: 30px;
2692    font-size: 15px;
2693  }
2694  .day_night_btn {
2695    font-size: 15px;
2696    width: 55px;
2697  }
2698  .day_night_btn .active_circle {
2699    width: 30px;
2700    height: 30px;
2701    top: -4px;
2702    right: -2px;
2703  }
2704  .nightmode .day_night_btn .active_circle {
2705    transform: translate(-28px);
2706  }
2707  .dropdown-toggle.btn_profiles {
2708    padding: 2px;
2709    border-radius: 50px;
2710  }
2711  .dropdown-toggle.btn_profiles::after {
2712    display: none;
2713  }
2714  .dropdown-toggle.btn_profiles img {
2715    width: 30px;
2716  }
2717  .authorized .details_2 {
2718    grid-template-columns: 1fr;
2719  }
2720  
2721    .filter_btn_wrap .btn_filter{
2722        font-size: 20px;
2723        padding: 5px;
2724        border-width: 1px;
2725    }
2726    .filter_btn_wrap .btn_filter .filter_txt{
2727        display: none;
2728    }
2729  .card.card_v2 .card-body {
2730    padding: 0.6rem;
2731  }
2732  .tab_btn_wrap {
2733    width: 100%;
2734    /* justify-content: space-between; */
2735    gap: 15px;
2736  }
2737  .nav-pills .nav-link {
2738    font-size: 16px;
2739    padding: 0.5rem 1rem;
2740  }
2741  .nav-pills .nav-link.active,
2742  .nav-pills .show > .nav-link {
2743    font-size: 16px;
2744    padding: 0.5rem 1rem;
2745  }
2746  .authorized .details_data .item .item_content h3 {
2747    font-size: 16px;
2748  }
2749  .authorized .details_data .item .item_content p {
2750    font-size: 14px;
2751  }
2752  .authorized .details_data .item {
2753    height: 45px;
2754    gap: 10px;
2755    padding: 6px;
2756    border-radius: 7px;
2757  }
2758  .authorized .details_data .item .icon {
2759    width: 35px;
2760    height: 35px;
2761    line-height: 35px;
2762    font-size: 10px;
2763  }
2764  /* Table */
2765  #table {
2766    padding: 0px;
2767  }
2768  #table .table tr {
2769    font-size: 14px;
2770  }
2771  .authorized #table .btn-primary.btn_serv {
2772    font-size: 14px;
2773    padding: 3px 12px;
2774  }
2775  .table-responsive table {
2776    
2777    
2778  }
2779  #table .category_title {
2780    font-size: 16px;
2781  }
2782
2783  #affiliates .affiliate_wrap {
2784    grid-template-columns: 1fr;
2785  }
2786  #currency_changer {
2787    margin-bottom: 1rem;
2788  }
2789  .drop_dwon_menu {
2790    margin-bottom: 1rem;
2791  }
2792  .hide_phone {
2793    display: none;
2794  }
2795  #page_info .item h4 {
2796    font-size: 14px;
2797    line-height: 1.1;
2798  }
2799
2800  .user_data .user_balance {
2801    padding: 8px 0px;
2802    font-size: 14px;
2803    margin-bottom: 5px;
2804  }
2805  .user_data .user_wrap {
2806    margin-bottom: 5px;
2807  }
2808  .user_data {
2809    margin-bottom: -15px;
2810  }
2811  #main_container .sidebar .logo {
2812    margin-bottom: 0px;
2813  }
2814  .sidebar_menu {
2815    height: calc(100vh - 200px);
2816  }
2817  .user_data .total_data {
2818    padding: 10px 12px;
2819  }
2820  .v2_avatar img {
2821    width: 70px;
2822    height: 70px;
2823    margin-bottom: 7px;
2824  }
2825  .v2_user_info h5 {
2826    font-size: 14px;
2827  }
2828  .user_data .user_balance {
2829    font-size: 13px;
2830  }
2831  .user_data .user_balance {
2832    padding: 2px 15px;
2833    border-radius: 50px;
2834  }
2835  .user_data .user_info .msg {
2836    font-size: 14px;
2837  }
2838  .user_data .user_info h2 {
2839    font-size: 16px;
2840  }
2841  .user_data .avatar {
2842    width: 40px;
2843  }
2844  #main_container .sidebar .logo {
2845    text-align: center;
2846  }
2847  #main_container .sidebar .logo .logo_img {
2848    width: 180px;
2849  }
2850  .sidebar_menu .menu_item {
2851    padding: 3px 15px;
2852    margin-bottom: 2px;
2853  }
2854}
2855
2856@media only screen and (max-width: 480px) {
2857}
2858
2859#order_average_time {
2860  display: none !important;
2861}
2862
2863/* New Changes */
2864
2865#newOrderTabsWrap #pills-tab {
2866  width: 100%;
2867  gap: 5px 5px;
2868}
2869
2870#newOrderTabsWrap #pills-tab .nav-item {
2871  width: calc(50% - 5px);
2872}
2873
2874#newOrderTabsWrap #pills-tab .nav-item .nav-link {
2875  width: 100%;
2876  text-align: center;
2877  background: transparent;
2878  color: var(--text-primary);
2879  border: 2px solid var(--text-primary);
2880  padding: 5px 10px;
2881  border-radius: 8px;
2882}
2883
2884#newOrderTabsWrap #pills-tab .nav-item .nav-link.active {
2885  background: var(--text-primary);
2886  color: #fff;
2887}
2888
2889.authorized.nightmode #newOrderTabsWrap #pills-tab .nav-item .nav-link {
2890  color: #fff;
2891  border-color: var(--dark-text-primary);
2892}
2893.authorized.nightmode
2894  #newOrderTabsWrap
2895  #pills-tab
2896  .nav-item
2897  .nav-link.active {
2898  background: var(--dark-text-primary);
2899}
2900
2901.search_byId > .search {
2902  border-radius: 0px 10px 10px 0px;
2903}
2904
2905/* Child Panel Order Page */
2906.card.card_v2.child_step {
2907  margin-bottom: 0px;
2908  border: none;
2909  background: #f1f2f6;
2910  box-shadow: none;
2911  height: 100%;
2912}
2913.nightmode .card.card_v2.child_step {
2914  background: var(--bg-darkmode);
2915}
2916.child_panel_step {
2917  display: flex;
2918  align-items: center;
2919  justify-content: space-between;
2920}
2921
2922.child_panel_step .left_item h6 {
2923  width: 40px;
2924  height: 40px;
2925  line-height: 40px;
2926  font-size: 18px;
2927  font-weight: bold;
2928  background: var(--text-primary);
2929  color: var(--text-white);
2930  border-radius: 50px;
2931  box-shadow: 0 0 10px #3d8dff94;
2932  text-align: center;
2933}
2934
2935.nightmode .child_panel_step .left_item h6 {
2936  background: var(--bg-secondary);
2937  color: var(--text-white);
2938  box-shadow: 0 0 10px #ff625f94;
2939}
2940
2941.child_panel_step .left_item p {
2942  margin: 0;
2943  font-size: 14px;
2944  font-weight: bold;
2945}
2946
2947.child_panel_step .right_item i {
2948  font-size: 35px;
2949  margin-right: 20px;
2950  color: var(--text-primary);
2951}
2952.nightmode .child_panel_step .right_item i {
2953  color: var(--dark-text-primary);
2954}
2955
2956.dns_info {
2957  margin-top: 20px;
2958  margin-bottom: 32px;
2959}
2960
2961/* Child Panel Page Accordian*/
2962#child_faq {
2963  padding: 1rem 0 3rem 0;
2964}
2965#child_faq .accordion-item {
2966  margin-bottom: 10px;
2967  border-radius: 10px;
2968  background: transparent;
2969}
2970
2971#child_faq .accordion-item .accordion-collapse {
2972  background: #fff;
2973  border-radius: 0px 0px 10px 10px;
2974}
2975.nightmode .accordion-item .accordion-collapse {
2976  background: var(--bg-sidebar-night) !important;
2977}
2978
2979.accordion-flush .accordion-item .accordion-button.collapsed {
2980  border-radius: 10px 10px 10px 10px;
2981  border-color: transparent;
2982  background: #fff;
2983}
2984.accordion-button:focus {
2985  outline: none;
2986  border: transparent;
2987}
2988.accordion-button {
2989  position: relative;
2990  display: flex;
2991  align-items: center;
2992  width: 100%;
2993  padding: 1rem 1.25rem;
2994  font-size: 1rem;
2995  color: #212529;
2996  text-align: left;
2997  background-color: #fff;
2998  border: 0;
2999  border-radius: 0;
3000  overflow-anchor: none;
3001  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
3002    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
3003    border-radius 0.15s ease;
3004}
3005.accordion-flush .accordion-item .accordion-button {
3006  border-radius: 10px 10px 0px 0px;
3007  border-color: transparent;
3008  transition: 0.5s;
3009  font-size: 15px;
3010
3011  width: 100%;
3012  text-align: inherit;
3013}
3014.accordion-button:not(.collapsed)::after {
3015  background-image: url("https://res.cloudinary.com/sol-0123456789/image/upload/v1669103193/honest_smPannel/download_z3cl2o.svg");
3016  transform: rotate(-180deg);
3017}
3018.accordion-body {
3019  padding: 1rem 1.25rem;
3020}
3021.nightmode .accordion-flush .accordion-item .accordion-button {
3022  background: var(--bg-sidebar-night);
3023  color: #fff;
3024}
3025
3026.accordion-button::after {
3027  flex-shrink: 0;
3028  width: 1.25rem;
3029  height: 1.25rem;
3030  margin-left: auto;
3031  content: "";
3032  background-image: url("https://res.cloudinary.com/sol-0123456789/image/upload/v1669103193/honest_smPannel/download_z3cl2o.svg");
3033  background-repeat: no-repeat;
3034  background-size: 1.25rem;
3035  transition: transform 0.2s ease-in-out;
3036}
3037.accordion-button:not(.collapsed) {
3038  background: var(--text-primary);
3039  color: #fff;
3040}
3041.img-fluid {
3042  max-width: 100%;
3043  height: auto;
3044  color: white;
3045}
3046
3047@media (min-width: 992px) {
3048  .navbar-expand-lg .navbar-collapse {
3049    display: -ms-flexbox !important;
3050    display: flex !important;
3051    -ms-flex-preferred-size: auto;
3052    flex-basis: auto;
3053    justify-content: end;
3054  }
3055}
3056
3057@media only screen and (max-width: 550px) {
3058  #newOrderTabsWrap #pills-tab {
3059    gap: 5px;
3060  }
3061  #newOrderTabsWrap #pills-tab .nav-item {
3062    width: calc(50% - 5px);
3063  }
3064  #newOrderTabsWrap #pills-tab .nav-item .nav-link {
3065    border-width: 1px;
3066    font-size: 14px;
3067  }
3068  #category-drop .dropdown-item,
3069  #orders-drop .dropdown-item {
3070    padding: 0.23rem 1rem;
3071    border-bottom: 1px solid var(--text-primary);
3072    font-size: 14px;
3073  }
3074  #category-drop,
3075  #orders-drop {
3076    height: 390px;
3077    padding: 0px;
3078  }
3079
3080  #orders-drop {
3081    height: 305px !important;
3082  }
3083  ul.pagination li a {
3084    display: inline-block;
3085    width: 30px;
3086    height: 30px;
3087    background: #4a16bf1c;
3088    border-radius: 50px;
3089    text-align: center;
3090    line-height: 30px;
3091    margin-right: 2px;
3092  }
3093  #child_panel .card.card_v2.child_step {
3094    margin-bottom: 8px;
3095  }
3096  #child_panel .card.card_v2.child_step .card-body {
3097    padding: 1rem;
3098  }
3099  .nightmode .alert.alert-info.dns_info {
3100    background: var(--dark-text-primary) !important;
3101    border-color: var(--dark-text-primary) !important;
3102    color: #fff !important;
3103  }
3104}
3105
3106/* Home Page Css Start  */
3107/* Hero Section Design Start From Here */
3108#hero {
3109  
3110  background-image: linear-gradient(to top, #cd9cf2 0%, #f6f3ff 100%);
3111  background-size: cover;
3112  background-position: top center;
3113  background-repeat: no-repeat;
3114  overflow: hidden;
3115}
3116#hero .banner_content h1 {
3117  font-family: "Poppins", sans-serif;
3118  font-size: 55px;
3119  font-weight: bold;
3120  line-height: 1.3;
3121  color: var(--text-black);
3122  margin-bottom: 10px;
3123}
3124
3125#hero .banner_content h1 > span.title_top {
3126  font-size: 30px;
3127  color: var(--home-hero-top-text);
3128}
3129#hero .banner_content p {
3130  font-family: "Poppins", sans-serif;
3131  font-size: 24px;
3132  font-weight: 600;
3133  line-height: 30px;
3134  color: #666666;
3135  margin-top: 10px;
3136}
3137
3138#hero .banner_content .btn-hero {
3139  font-family: "Poppins", sans-serif;
3140  font-size: 20px;
3141  font-weight: bold;
3142  text-transform: uppercase;
3143  color: var(--text-white);
3144  background: var(--text-primary);
3145  width: 200px;
3146  height: 60px;
3147  border-radius: 50px;
3148  display: flex;
3149  align-items: center;
3150  justify-content: center;
3151  transition: background 0.5s;
3152}
3153#hero .banner_content .btn-hero:hover {
3154  background: var(--home-btn-hover);
3155}
3156
3157#hero .banner_img {
3158  display: grid;
3159  grid-template-columns: 1fr 10fr 1fr;
3160}
3161#hero .banner_img .female_char {
3162  max-width: 150%;
3163  animation: float 3s ease infinite;
3164}
3165
3166#hero .banner_img .left_side_icons,
3167#hero .banner_img .right_side_icons {
3168  position: relative;
3169}
3170
3171#hero .banner_img .hero_icon {
3172  position: absolute;
3173}
3174
3175#hero .banner_img .icon1 {
3176  top: 250px;
3177  animation: fade-up 2.3s infinite ease-in-out;
3178}
3179#hero .banner_img .icon2 {
3180  top: 330px;
3181  left: 70px;
3182  animation: tossing 1s infinite ease-in-out;
3183}
3184#hero .banner_img .icon3 {
3185  top: 420px;
3186  left: -60px;
3187  animation: wobble-bottom 1.3s infinite ease-in-out;
3188}
3189#hero .banner_img .icon4 {
3190  top: 480px;
3191  left: 70px;
3192  animation: tossing 1.3s infinite ease-in-out;
3193}
3194#hero .banner_img .icon5 {
3195  top: 560px;
3196  left: 5px;
3197  animation: tada 2s infinite ease-in-out;
3198}
3199#hero .banner_img .icon6 {
3200  top: 210px;
3201  left: -180px;
3202  animation: heartBeat 1.4s infinite ease-in-out;
3203}
3204#hero .banner_img .icon7 {
3205  top: 300px;
3206  left: -80px;
3207  animation: tossing 1s infinite ease-in-out;
3208}
3209#hero .banner_img .icon8 {
3210  top: 380px;
3211  left: -180px;
3212  animation: fade-up 2.2s infinite ease-in-out;
3213}
3214#hero .banner_img .icon9 {
3215  top: 450px;
3216  left: -60px;
3217  animation: wobble-bottom 1.5s infinite ease-in-out;
3218}
3219#hero .banner_img .icon10 {
3220  top: 560px;
3221  left: -150px;
3222  animation: wobble-bottom 2.2s infinite ease-in-out;
3223}
3224.showMob {
3225  display: none;
3226}
3227
3228/* Login */
3229#login {
3230  margin-top: 0px;
3231}
3232#login .login_box {
3233  background: var(--text-white);
3234  padding: 50px 20px;
3235  border-radius: 15px;
3236}
3237
3238.login_box .in_group {
3239  position: relative;
3240  margin-bottom: 15px;
3241}
3242.login_box .in_group .icon {
3243  position: absolute;
3244  font-size: 20px;
3245  top: 15px;
3246  left: 20px;
3247  color: var(--bg-secondary);
3248}
3249
3250.login_box .in_group .in_control {
3251  width: 100%;
3252  height: 60px;
3253  font-size: 18px;
3254  padding-left: 50px;
3255  padding-right: 15px;
3256  border-radius: 50px;
3257  border: 2px solid #cdbef0 !important;
3258  background: #f7f5fc;
3259}
3260.login_box .in_group .in_control:focus,
3261.login_box .in_group .in_control:active {
3262  box-shadow: none;
3263}
3264
3265.login_box .btn-signin {
3266  font-family: "Poppins", sans-serif;
3267  font-weight: bold;
3268  font-size: 18px;
3269  width: 100%;
3270  height: 60px;
3271  display: flex;
3272  align-items: center;
3273  justify-content: center;
3274  background: var(--text-primary);
3275  color: #fff;
3276  border: none;
3277  border-radius: 50px;
3278  cursor: pointer;
3279  transition: 0.5s;
3280}
3281
3282.login_box .btn-signin:hover {
3283  background: var(--home-btn-hover);
3284}
3285
3286/* Why Section Title */
3287#whySec {
3288  padding: 40px 0px;
3289  margin-top: 30px;
3290  background: url("https://res.cloudinary.com/grow-follows/image/upload/v1656760177/growfollows_home/why_bg_btcmwi.png");
3291  background-repeat: no-repeat;
3292  background-size: contain;
3293  background-position: left;
3294  padding-bottom: 120px;
3295}
3296
3297#whySec .why_title {
3298  font-family: "Poppins", sans-serif;
3299  font-size: 55px;
3300  font-weight: bold;
3301  color: var(--text-black);
3302  text-align: center;
3303  margin-bottom: 50px;
3304}
3305
3306#whySec .why_item {
3307  text-align: center;
3308  margin-top: 60px;
3309}
3310
3311#whySec .why_item .why_item_wrap {
3312  position: relative;
3313  width: 95%;
3314  background: var(--text-white);
3315  margin: 0 auto;
3316  box-shadow: 0 0 15px #ddd;
3317  padding: 35px 40px;
3318  border-radius: 20px;
3319}
3320
3321#whySec .why_item .why_item_wrap .icon {
3322  width: 100px;
3323  margin: 0 auto;
3324  margin-top: -80px;
3325  margin-bottom: 20px;
3326}
3327
3328#whySec .why_item .why_item_title {
3329  font-family: "Poppins", sans-serif;
3330  font-size: 28px;
3331  color: var(--text-black);
3332  font-weight: bold;
3333  margin-bottom: 10px;
3334}
3335
3336#whySec .why_item .why_content p {
3337  width: 90%;
3338  margin: 0 auto;
3339  font-family: "Poppins", sans-serif;
3340  font-size: 18px;
3341  line-height: 1.5;
3342  color: var(--text-black);
3343}
3344
3345/* Default Section Css */
3346#deafultSec {
3347  padding: 150px 0;
3348}
3349
3350#deafultSec.bg_color_1 {
3351  background: #f9f7fe;
3352}
3353#deafultSec.bg_color_1.has_bg {
3354  background: url(https://res.cloudinary.com/grow-follows/image/upload/v1656760177/growfollows_home/user_friendly_authorized_yjy8nn.jpg);
3355  background-repeat: no-repeat;
3356  background-size: cover;
3357  background-position: top;
3358}
3359#deafultSec .def_sec_content h2 {
3360  font-family: "Poppins", sans-serif;
3361  font-size: 55px;
3362  font-weight: bold;
3363  color: var(--text-black);
3364  margin-bottom: 25px;
3365}
3366
3367#deafultSec .def_sec_content p {
3368  font-family: "Poppins", sans-serif;
3369  font-size: 18px;
3370  font-weight: normal;
3371  color: var(--text-black);
3372  line-height: 1.5;
3373  margin-bottom: 25px;
3374}
3375
3376#deafultSec .def_sec_content .def_btn_wrap .def_btn {
3377  font-family: "Poppins", sans-serif;
3378  font-weight: bold;
3379  font-size: 20px;
3380  width: 200px;
3381  height: 60px;
3382  display: flex;
3383  align-items: center;
3384  justify-content: center;
3385  background: var(--text-primary);
3386  color: var(--text-white);
3387  border-radius: 50px;
3388  transition: 0.5s;
3389}
3390
3391#deafultSec .def_sec_content .def_btn_wrap .def_btn:hover {
3392  background: var(--home-btn-hover);
3393}
3394
3395#deafultSec .def_right_img {
3396  position: relative;
3397}
3398
3399#deafultSec .def_right_img .insc_size {
3400  max-width: 100%;
3401}
3402
3403.sec_title .top_sm_title {
3404  font-family: "Poppins", sans-serif;
3405  font-size: 30px;
3406  font-weight: bold;
3407  color: var(--home-hero-top-text);
3408  text-align: center;
3409  margin-bottom: 15px;
3410}
3411
3412.sec_title .title_normal {
3413  font-family: "Poppins", sans-serif;
3414  font-size: 55px;
3415  font-weight: bold;
3416  color: var(--text-black);
3417  text-align: center;
3418  margin-bottom: 50px;
3419}
3420
3421.def_animations {
3422  display: grid;
3423  grid-template-columns: 1fr 10fr 1fr;
3424  position: relative;
3425}
3426
3427.def_animations .animations_left img {
3428  position: absolute;
3429}
3430
3431.def_animations .animations_right img {
3432  position: absolute;
3433}
3434
3435.def_animations .main_img {
3436  max-width: 90%;
3437}
3438.def_animations .main_img img {
3439  animation: float 3s infinite;
3440}
3441.def_animations .def_icon1 {
3442  top: 250px;
3443  left: 130px;
3444  animation: tada 2s infinite;
3445}
3446
3447.def_animations .def_icon2 {
3448  top: 350px;
3449  left: 130px;
3450  animation: float 4s infinite;
3451}
3452
3453.def_animations .def_icon3 {
3454  top: 500px;
3455  left: 150px;
3456  animation: wobble-bottom 2s infinite;
3457}
3458
3459.def_animations .def_icon4 {
3460  top: 190px;
3461  right: 100px;
3462  animation: heartBeat 3s infinite;
3463}
3464
3465.def_animations .def_icon5 {
3466  top: 290px;
3467  right: 65px;
3468  animation: rotation 7s infinite;
3469}
3470
3471.animations_float {
3472  animation: float 4s infinite;
3473}
3474
3475/* Payment Methods */
3476
3477#paymentSec {
3478  padding: 150px 0px;
3479  background: url(https://res.cloudinary.com/grow-follows/image/upload/v1656760174/growfollows_home/payment_method_bg_p4xqrp.jpg);
3480  background-size: cover;
3481  background-position: 0px -415px;
3482  overflow: hidden;
3483  background-repeat: no-repeat;
3484}
3485
3486.payment_item {
3487  position: relative;
3488  left: 0px;
3489  animation: paymentItem1 30s infinite;
3490}
3491.payment_item_2 {
3492  position: relative;
3493  right: 0px;
3494  animation: paymentItem2 30s infinite;
3495}
3496
3497@keyframes paymentItem1 {
3498  0% {
3499    left: -500px;
3500  }
3501  50% {
3502    left: 0px;
3503  }
3504  100% {
3505    left: -500px;
3506  }
3507}
3508
3509@keyframes paymentItem2 {
3510  0% {
3511    right: -500px;
3512  }
3513  50% {
3514    right: 0px;
3515  }
3516  100% {
3517    right: -500px;
3518  }
3519}
3520
3521/* FAQ's Page */
3522#faq {
3523  padding: 150px 0px;
3524  background: url(https://res.cloudinary.com/grow-follows/image/upload/v1656760174/growfollows_home/payment_method_bg_p4xqrp.jpg);
3525  background-size: cover;
3526  background-position: 0px -1181px;
3527  background-repeat: no-repeat;
3528  background-color: #fefefe;
3529  overflow: hidden;
3530}
3531
3532.faqAccordian .accordion-item {
3533  margin-bottom: 20px;
3534  border: none;
3535}
3536
3537.faqAccordian .accordion-item .accordion-button {
3538  font-family: "Poppins", sans-serif;
3539  font-size: 24px;
3540  margin-bottom: 0;
3541  font-weight: bold;
3542  color: var(--text-black);
3543  text-align: left;
3544  border: none;
3545}
3546
3547.faqAccordian .accordion-item .accordion-button::after {
3548  background-image: url("https://res.cloudinary.com/sol-0123456789/image/upload/v1669103193/honest_smPannel/download_z3cl2o.svg");
3549  flex-shrink: 0;
3550  width: 1.25rem;
3551  height: 1.25rem;
3552  margin-left: auto;
3553  content: "";
3554
3555  background-repeat: no-repeat;
3556  background-size: 1.25rem;
3557  transition: transform 0.2s ease-in-out;
3558}
3559
3560.faqAccordian .accordion-item .accordion-button:not(.collapsed) {
3561  background: var(--text-white);
3562}
3563
3564.accordion-button:focus {
3565  box-shadow: none;
3566}
3567
3568.blog_wraper {
3569  background: var(--text-white);
3570  padding: 15px;
3571  border: 1px solid rgb(200, 200, 200);
3572  margin-bottom: 25px;
3573  box-shadow: 0 0 10px #dddddda2;
3574  border-radius: 10px;
3575}
3576
3577.blog_content h4 {
3578  font-family: "Poppins", sans-serif;
3579  color: var(--text-black);
3580  font-size: 20px;
3581  font-weight: bold;
3582  margin-top: 10px;
3583  max-height: 100px;
3584}
3585
3586.blog_content .blog_content {
3587  font-family: "Poppins", sans-serif;
3588  font-size: 14px;
3589  color: var(--text-black);
3590  font-weight: normal;
3591  overflow: hidden;
3592  text-overflow: ellipsis;
3593  display: -webkit-box;
3594  -webkit-line-clamp: 5; /* number of lines to show */
3595  -webkit-box-orient: vertical;
3596}
3597
3598.blog_btn_wrap {
3599  margin-top: 15px;
3600}
3601
3602.blog_btn_wrap .btn.btn-primary {
3603  background: var(--bg-secondary);
3604  border-color: var(--bg-secondary);
3605  border-radius: 10px;
3606  color: #000;
3607  font-weight: bold;
3608  padding: 10px 30px;
3609  font-size: 16px;
3610}
3611
3612.blog_btn_wrap .btn.btn-primary:hover {
3613  background: var(--bg-secondary);
3614  box-shadow: 0 0 5px #ddd;
3615}
3616/* v2 qna section */
3617.sig_qna_wrap {
3618  width: 95%;
3619  margin: 0 auto !important;
3620  position: relative;
3621  background: #ffffff4d;
3622  padding: 10px 20px;
3623  border-radius: 15px;
3624  border: 2px solid #4a16bf94;
3625  min-height: 470px;
3626  max-height: 470px;
3627  cursor: pointer;
3628}
3629
3630.sig_qna_wrap .num_item {
3631  color: #4a16bf;
3632  width: 70px;
3633  display: flex;
3634  height: 70px;
3635  align-items: center;
3636  justify-content: center;
3637  font-size: 30px;
3638  font-weight: bold;
3639  border-radius: 50px;
3640  margin-bottom: 15px;
3641  border: 2px solid #4a16bf94;
3642}
3643.sig_qna_wrap .qna_cont h4 {
3644  font-family: "Poppins", sans-serif;
3645  font-size: 22px;
3646  font-weight: bold;
3647}
3648
3649.sig_qna_wrap .itm_btn {
3650  text-align: right;
3651  position: absolute;
3652  bottom: 20px;
3653  right: 25px;
3654}
3655
3656.sig_qna_wrap .itm_btn a {
3657  font-size: 18px;
3658  font-weight: bold;
3659  color: var(--text-black);
3660  text-decoration: none;
3661  transition: 0.5s;
3662}
3663
3664.sig_qna_wrap .itm_btn a:hover {
3665  color: var(--text-primary);
3666}
3667
3668.sig_qna_wrap .qna_cont .txt {
3669  font-family: "Poppins", sans-serif;
3670  font-size: 16px;
3671  color: var(--text-black);
3672  font-weight: normal;
3673  overflow: auto;
3674  max-height: 250px;
3675  margin-top: 15px;
3676}
3677
3678/* width */
3679.sig_qna_wrap .qna_cont .txt::-webkit-scrollbar {
3680  width: 4px;
3681}
3682
3683/* Track */
3684.sig_qna_wrap .qna_cont .txt::-webkit-scrollbar-track {
3685  background: #ffffffd3;
3686}
3687
3688/* Handle */
3689.sig_qna_wrap .qna_cont .txt::-webkit-scrollbar-thumb {
3690  background: #888;
3691}
3692
3693/* Handle on hover */
3694.sig_qna_wrap .qna_cont .txt::-webkit-scrollbar-thumb:hover {
3695  background: #555;
3696}
3697
3698#faqSlider .slick-dots {
3699  bottom: -50px;
3700}
3701
3702#faqSlider .slick-dots li button:before {
3703  font-size: 16px;
3704  color: var(--text-primary);
3705}
3706#faqSlider .slick-dots li {
3707  margin: 0;
3708}
3709/*
3710*
3711*
3712*
3713* Responsive Area Start For Home Page
3714*
3715*
3716*
3717*/
3718
3719@media only screen and (max-width: 1260px) {
3720  #paymentSec {
3721    padding: 50px 0;
3722  }
3723  .sec_title .top_sm_title {
3724    font-size: 25px;
3725    margin-bottom: 12px;
3726  }
3727  .sec_title .title_normal {
3728    font-size: 35px;
3729    margin-bottom: 35px;
3730  }
3731  .sec_title.mb-5 {
3732    margin-bottom: 2rem !important;
3733  }
3734  #paymentSec {
3735    background-position: 0px -40px;
3736  }
3737  .payment_item img {
3738    max-width: 1400px;
3739  }
3740  .payment_item_2 img {
3741    max-width: 1400px;
3742  }
3743  @keyframes paymentItem1 {
3744    0% {
3745      left: -800px;
3746    }
3747    50% {
3748      left: 400px;
3749    }
3750    100% {
3751      left: -800px;
3752    }
3753  }
3754
3755  @keyframes paymentItem2 {
3756    0% {
3757      right: -200px;
3758    }
3759    50% {
3760      right: 1000px;
3761    }
3762    100% {
3763      right: -200px;
3764    }
3765  }
3766  #faq {
3767    padding: 50px 0px;
3768    background-position: 0px -454px;
3769  }
3770  .faqAccordian .accordion-item .accordion-button {
3771    font-size: 18px;
3772  }
3773  .faqAccordian .accordion-body {
3774    font-size: 16px;
3775  }
3776  .sig_qna_wrap .qna_cont h4 {
3777    font-size: 20px;
3778  }
3779  .sig_qna_wrap .num_item {
3780    font-size: 25px;
3781    width: 60px;
3782    height: 60px;
3783  }
3784  .sig_qna_wrap .itm_btn a {
3785    font-size: 16px;
3786  }
3787}
3788
3789@media only screen and (max-width: 992px) {
3790  .forgot_password a {
3791    color: var(--text-black);
3792    font-size: 16px;
3793    text-decoration: none;
3794  }
3795  .no_account a {
3796    font-size: 16px;
3797    color: var(--text-black);
3798    text-decoration: none;
3799  }
3800  #whySec {
3801    margin-top: 0px;
3802    padding-bottom: 40px;
3803  }
3804  #whySec .why_title {
3805    font-size: 30px;
3806  }
3807  #whySec .why_item {
3808    margin-top: 40px;
3809  }
3810  #whySec .why_item .why_item_wrap {
3811    width: 100%;
3812    padding: 30px 22px;
3813    border-radius: 10px;
3814  }
3815  #whySec .why_item .why_item_wrap .icon {
3816    width: 90px;
3817    margin-top: -75px;
3818  }
3819  #whySec .why_item .why_item_title {
3820    font-size: 20px;
3821  }
3822  #whySec .why_item .why_content p {
3823    width: 100%;
3824    font-size: 14px;
3825  }
3826  #deafultSec {
3827    padding: 40px 0;
3828  }
3829  #deafultSec .def_sec_content h2 {
3830    font-size: 30px;
3831    margin-bottom: 10px;
3832  }
3833  #deafultSec .def_sec_content p {
3834    font-size: 16px;
3835    line-height: 1.3;
3836    margin-bottom: 10px;
3837  }
3838  #deafultSec .def_sec_content .def_btn_wrap .def_btn {
3839    height: 45px;
3840    font-size: 16px;
3841  }
3842
3843  #deafultSec .def_right_img .insc_size {
3844    max-width: 100%;
3845  }
3846  #paymentSec {
3847    padding: 40px 0;
3848  }
3849  .sec_title .top_sm_title {
3850    font-size: 22px;
3851    margin-bottom: 10px;
3852  }
3853  .sec_title .title_normal {
3854    font-size: 30px;
3855    margin-bottom: 30px;
3856  }
3857  .sec_title.mb-5 {
3858    margin-bottom: 1.5rem !important;
3859  }
3860  #paymentSec {
3861    background-position: 0px -40px;
3862  }
3863  .payment_item img {
3864    max-width: 1400px;
3865  }
3866  .payment_item_2 img {
3867    max-width: 1400px;
3868  }
3869  @keyframes paymentItem1 {
3870    0% {
3871      left: -800px;
3872    }
3873    50% {
3874      left: 400px;
3875    }
3876    100% {
3877      left: -800px;
3878    }
3879  }
3880
3881  @keyframes paymentItem2 {
3882    0% {
3883      right: -200px;
3884    }
3885    50% {
3886      right: 1000px;
3887    }
3888    100% {
3889      right: -200px;
3890    }
3891  }
3892  #faq {
3893    padding: 40px 0px;
3894    background-position: 0px -454px;
3895  }
3896  .faqAccordian .accordion-item .accordion-button {
3897    font-size: 16px;
3898  }
3899  .faqAccordian .accordion-body {
3900    font-size: 14px;
3901  }
3902  #testimonials {
3903    padding: 40px 0px;
3904  }
3905  .testimonial_item .testimonials_wraper {
3906    width: 95%;
3907    padding: 19px 20px;
3908  }
3909  .testimonial_item .testimonials_wraper .testimoni_content p {
3910    font-size: 16px;
3911    line-height: 24px;
3912  }
3913  .testimonials
3914    .slick-slide:nth-child(odd)
3915    .testimonial_item
3916    .testimonials_wraper
3917    .item_icon::after {
3918    width: 35px;
3919    height: 35px;
3920    margin-bottom: 5px;
3921  }
3922  .testimonial_item .testimonials_wraper .testimoni_content img {
3923    margin-bottom: 10px;
3924    width: 100px;
3925  }
3926  .testimonial_item .testimonials_wraper .item_icon::after {
3927    width: 35px;
3928    height: 35px;
3929    margin-bottom: 5px;
3930  }
3931  .testimonial_item .testimonials_wraper .testimoni_content h4 {
3932    font-size: 20px;
3933  }
3934  .def_animations .def_icon1 {
3935    top: 120px;
3936    left: 50px;
3937    width: 40px;
3938  }
3939  .def_animations .def_icon2 {
3940    top: 195px;
3941    width: 60px;
3942    left: 85px;
3943  }
3944  .def_animations .def_icon3 {
3945    top: 265px;
3946    left: 40px;
3947    width: 50px;
3948  }
3949  .def_animations .def_icon4 {
3950    top: 90px;
3951    right: 40px;
3952    width: 50px;
3953  }
3954  .def_animations .def_icon5 {
3955    top: 185px;
3956    width: 50px;
3957    right: 25px;
3958  }
3959}
3960
3961@media only screen and (max-width: 767px) {
3962  #hero {
3963    overflow: hidden;
3964  }
3965  #hero .banner_content {
3966    margin-top: 70px;
3967  }
3968  #hero .banner_content h1 {
3969    text-align: center;
3970    font-size: 30px;
3971  }
3972  #hero .banner_content h1 > span.title_top {
3973    font-size: 20px;
3974  }
3975  #hero .banner_content p {
3976    font-size: 14px;
3977    text-align: center;
3978    margin: 0;
3979  }
3980  #hero .banner_content .btn-hero {
3981    margin: 0 auto;
3982    font-size: 14px;
3983    width: 150px;
3984    height: 40px;
3985  }
3986  #hero .banner_img {
3987    margin-top: -70px;
3988  }
3989  #hero .banner_img .icon1 {
3990    top: 170px;
3991    left: 20px;
3992    width: 40px;
3993  }
3994  #hero .banner_img .icon2 {
3995    top: 240px;
3996    left: 45px;
3997    width: 50px;
3998  }
3999  #hero .banner_img .icon3 {
4000    top: 320px;
4001    left: 6px;
4002    width: 45px;
4003  }
4004  #hero .banner_img .icon4 {
4005    top: 371px;
4006    left: 55px;
4007    width: 43px;
4008  }
4009  #hero .banner_img .icon5 {
4010    top: 446px;
4011    left: 25px;
4012    width: 34px;
4013  }
4014  #hero .banner_img .icon6 {
4015    top: 145px;
4016    left: -90px;
4017    width: 50px;
4018  }
4019  #hero .banner_img .icon7 {
4020    top: 215px;
4021    width: 45px;
4022    left: -40px;
4023  }
4024  #hero .banner_img .icon8 {
4025    top: 290px;
4026    left: -100px;
4027    width: 50px;
4028  }
4029  #hero .banner_img .icon9 {
4030    top: 340px;
4031    left: -40px;
4032    width: 50px;
4033  }
4034  #hero .banner_img .icon10 {
4035    top: 427px;
4036    left: -64px;
4037    width: 50px;
4038  }
4039  #login .login_box {
4040    padding: 35px 15px;
4041    box-shadow: 0 5px 10px #ddd;
4042  }
4043  .login_box .in_group .in_control {
4044    height: 45px;
4045    padding-left: 35px;
4046    font-size: 16px;
4047  }
4048  .login_box .in_group .icon {
4049    font-size: 18px;
4050    top: 10px;
4051    left: 14px;
4052  }
4053  .login_box .btn-signin {
4054    font-size: 14px;
4055    height: 40px;
4056    margin-top: 30px;
4057  }
4058  .login_box .in_group {
4059    margin-bottom: 10px;
4060  }
4061  .remember_me {
4062    margin-top: -70px;
4063  }
4064  .remember_me_has_cap {
4065    margin-top: -149px;
4066  }
4067  .unauthorized .stat-wrap {
4068    margin-bottom: 10px;
4069  }
4070  .forgot_password {
4071    margin-top: 10px;
4072    text-align: center;
4073  }
4074  .forgot_password a {
4075    color: var(--text-black);
4076    text-decoration: none;
4077  }
4078  .no_account {
4079    margin-top: 10px;
4080    text-align: center;
4081  }
4082  .no_account a {
4083    color: var(--text-black);
4084    text-decoration: none;
4085  }
4086  #counter {
4087    padding: 40px 0px;
4088  }
4089  #whySec {
4090    margin-top: 0px;
4091    padding: 40px 0;
4092  }
4093  #whySec .why_title {
4094    font-size: 25px;
4095  }
4096  #whySec .why_item .why_item_wrap .icon {
4097    margin: 0 auto;
4098    margin-top: -75px;
4099    width: 80px;
4100    margin-bottom: 10px;
4101  }
4102
4103  #whySec .why_item {
4104    margin-top: 55px;
4105  }
4106  #whySec .why_item .why_item_title {
4107    font-size: 20px;
4108  }
4109  #whySec .why_item .why_content p {
4110    font-size: 16px;
4111    line-height: 1.4;
4112  }
4113  #deafultSec {
4114    padding: 40px 0px;
4115  }
4116  #deafultSec .def_sec_content h2 {
4117    font-size: 25px;
4118    text-align: center;
4119    margin-bottom: 10px;
4120  }
4121  #deafultSec .def_sec_content h2 br {
4122    display: none;
4123  }
4124  #deafultSec .def_sec_content p {
4125    font-size: 16px;
4126    line-height: 1.3;
4127    text-align: center;
4128    margin-bottom: 10px;
4129  }
4130  #deafultSec .def_sec_content .def_btn_wrap {
4131    text-align: center;
4132    margin-bottom: 20px;
4133  }
4134  #deafultSec .def_sec_content .def_btn_wrap .def_btn {
4135    width: 150px;
4136    height: 40px;
4137    font-size: 14px;
4138    margin: 0 auto;
4139  }
4140  #deafultSec .def_right_img .insc_size {
4141    max-width: 100%;
4142  }
4143  #paymentSec {
4144    padding: 40px 0px;
4145  }
4146  .sec_title .top_sm_title {
4147    font-size: 20px;
4148    margin-bottom: 10px !important;
4149  }
4150  .sec_title .title_normal {
4151    font-size: 25px;
4152    margin-bottom: 10px;
4153  }
4154
4155  .payment_item img {
4156    display: none;
4157  }
4158
4159  .payment_item_2 img {
4160    display: none;
4161  }
4162
4163  .showMob {
4164    display: block;
4165  }
4166
4167  #paymentSec > .container > .row > .mb-5 {
4168    margin-bottom: 1rem !important;
4169  }
4170  #paymentSec {
4171    background-position: 0px 0px;
4172  }
4173
4174  #faq {
4175    padding: 40px 0px;
4176  }
4177  #faq .sec_title.mb-5 {
4178    margin-bottom: 1rem !important;
4179  }
4180  #faq .sec_title .title_normal {
4181    font-size: 25px;
4182    text-align: center;
4183    margin-bottom: 10px;
4184  }
4185  .faqAccordian .accordion-item {
4186    margin-bottom: 5px;
4187  }
4188  .faqAccordian .accordion-item .accordion-button {
4189    font-size: 14px;
4190    padding: 8px;
4191  }
4192  #faq {
4193    background-position: 0px -278px;
4194  }
4195  .faqAccordian .accordion-item .accordion-body {
4196    font-size: 14px;
4197  }
4198  .faqAccordian .accordion-item .accordion-button::after {
4199    width: 0.7rem;
4200    height: 0.7rem;
4201    background-size: contain;
4202  }
4203  #testimonials {
4204    padding: 40px 0px;
4205  }
4206  .testimonial_item .testimonials_wraper {
4207    width: 95%;
4208  }
4209  .testimonial_item .testimonials_wraper .item_icon::after {
4210    width: 35px;
4211    height: 35px;
4212  }
4213  .testimonials
4214    .slick-slide:nth-child(odd)
4215    .testimonial_item
4216    .testimonials_wraper
4217    .item_icon::after {
4218    width: 35px;
4219    height: 35px;
4220  }
4221  .testimonial_item .testimonials_wraper {
4222    padding: 20px 15px;
4223  }
4224  .testimonial_item .testimonials_wraper .testimoni_content p {
4225    font-size: 14px;
4226    line-height: 1.5;
4227  }
4228  .testimonial_item .testimonials_wraper .testimoni_content img {
4229    width: 90px;
4230    margin-bottom: 10px;
4231  }
4232  .testimonial_item .testimonials_wraper .testimoni_content h4 {
4233    font-size: 18px;
4234  }
4235  .def_animations .def_icon1 {
4236    top: 100px;
4237    left: 50px;
4238    width: 40px;
4239  }
4240  .def_animations .def_icon2 {
4241    top: 180px;
4242    left: 45px;
4243    width: 70px;
4244  }
4245  .def_animations .def_icon3 {
4246    top: 278px;
4247    left: 30px;
4248  }
4249  .def_animations .def_icon4 {
4250    top: 75px;
4251    right: 20px;
4252    width: 50px;
4253  }
4254  .def_animations .def_icon5 {
4255    top: 160px;
4256    right: 20px;
4257    width: 55px;
4258  }
4259
4260  .sig_qna_wrap .qna_cont h4 {
4261    font-size: 18px;
4262  }
4263  .sig_qna_wrap .qna_cont .txt {
4264    font-size: 14px;
4265  }
4266  #faqSlider .slick-dots li button:before {
4267    font-size: 14px;
4268  }
4269}
4270
4271/*
4272*
4273*
4274* Home Design CSS END
4275*
4276*/
4277
4278#howItworks {
4279  min-height: 750px;
4280  background: url('');
4281  background-repeat: no-repeat;
4282  background-size: cover;
4283  background-position: center;
4284  padding: 150px 0px;
4285}
4286
4287#howItworks .how_it_content h1 {
4288  font-family: "Poppins", sans-serif;
4289  font-weight: bold;
4290  font-size: 55px;
4291  line-height: 1.2;
4292  color: var(--text-black);
4293}
4294#howItworks .how_it_content h1 > span {
4295  display: block;
4296  font-family: "Poppins", sans-serif;
4297  font-size: 30px;
4298  font-weight: bold;
4299  color: var(--home-hero-top-text);
4300}
4301#howItworks .how_it_content .how_btn .btn_how {
4302  font-family: "Poppins", sans-serif;
4303  font-size: 20px;
4304  font-weight: bold;
4305  text-transform: uppercase;
4306  color: var(--text-white);
4307  background: var(--text-primary);
4308  width: 200px;
4309  height: 60px;
4310  border-radius: 50px;
4311  display: flex;
4312  align-items: center;
4313  justify-content: center;
4314  transition: background 0.5s;
4315}
4316
4317#howItworks .how_it_content .how_btn .btn_how:hover {
4318  background: var(--home-btn-hover);
4319}
4320
4321#howItworks .how_img img {
4322  animation: float 3s ease infinite;
4323}
4324
4325#howItWorksBox {
4326  padding: 150px 0px;
4327}
4328
4329.how_works_btn_wrap {
4330  display: grid;
4331  grid-template-columns: repeat(4, 1fr);
4332  justify-content: space-between;
4333}
4334.how_works_btn_wrap .nav-link {
4335  font-family: "Poppins";
4336  display: flex;
4337  gap: 10px;
4338  align-items: center;
4339  background: var(--text-white);
4340  border-radius: 50px;
4341  padding: 8px;
4342  min-width: 260px;
4343  font-size: 20px;
4344  color: var(--text-black);
4345  font-weight: bold;
4346  box-shadow: 0 0 10px #ddd;
4347  border: 2px solid var(--text-white);
4348}
4349
4350.how_works_btn_wrap .nav-link .btn_serial {
4351  width: 50px;
4352  height: 50px;
4353  display: flex;
4354  align-items: center;
4355  justify-content: center;
4356  font-family: "Poppins", sans-serif;
4357  font-size: 18px;
4358  background: var(--bg-secondary);
4359  color: var(--text-black);
4360  font-weight: bold;
4361  border-radius: 50px;
4362}
4363
4364.how_works_btn_wrap .nav-link.active {
4365  background: var(--text-white) !important;
4366  color: var(--text-black);
4367  border-color: var(--bg-secondary);
4368  cursor: pointer;
4369}
4370
4371.how_it_works_tab_content {
4372  margin-top: 45px;
4373}
4374
4375.how_item_content h2 {
4376  font-size: 36px;
4377  font-weight: bold;
4378  margin-bottom: 10px;
4379}
4380
4381.how_item_content p {
4382  font-size: 16px;
4383  color: var(--text-black);
4384}
4385.how_item_content p > strong {
4386  font-weight: bolder;
4387  color: var(--text-primary);
4388}
4389
4390.how_it_works_tab_content .tab-pane {
4391  background: var(--text-white);
4392  min-height: 750px;
4393  box-shadow: 0 0 20px #ddd;
4394  border-radius: 25px;
4395  padding: 30px;
4396}
4397
4398.how_item_img {
4399  text-align: right;
4400}
4401
4402.how_item_info {
4403  background: #f6f7fb;
4404  border: 2px solid var(--text-primary);
4405  padding: 20px;
4406  margin-bottom: 25px;
4407  border-radius: 15px;
4408}
4409
4410.info_title h4 {
4411  font-size: 24px;
4412  font-weight: bold;
4413  color: var(--text-black);
4414}
4415.info_title h4 > span {
4416  font-size: 36px;
4417  color: var(--text-primary);
4418}
4419
4420.info_content p {
4421  font-size: 16px;
4422  font-weight: normal;
4423  color: var(--text-black);
4424}
4425@media only screen and (max-width: 1280px) {
4426  .how_works_btn_wrap {
4427    grid-template-columns: repeat(4, 1fr);
4428    grid-gap: 15px;
4429  }
4430  .how_works_btn_wrap .nav-link {
4431    min-width: 100%;
4432    width: 100%;
4433    gap: 10px;
4434    font-size: 14px;
4435  }
4436}
4437@media only screen and (max-width: 992px) {
4438  #howItworks {
4439    padding: 50px 0px;
4440  }
4441  #howItworks .how_it_content {
4442    margin-bottom: 20px;
4443  }
4444  #howItworks .how_it_content h1 {
4445    font-size: 35px;
4446  }
4447  #howItworks .how_it_content h1 > span {
4448    font-size: 25px;
4449  }
4450  #howItworks .how_it_content .how_btn .btn_how {
4451    height: 50px;
4452    font-size: 18px;
4453  }
4454  .how_img {
4455    text-align: center;
4456    margin-top: 15px;
4457  }
4458  .how_img img {
4459    width: 90%;
4460  }
4461  #howItWorksBox {
4462    padding: 50px 0px;
4463  }
4464  .how_works_btn_wrap {
4465    grid-template-columns: repeat(4, 1fr);
4466    grid-gap: 5px;
4467  }
4468  .how_works_btn_wrap .nav-link {
4469    min-width: 100%;
4470    width: 100%;
4471    gap: 5px;
4472    font-size: 14px;
4473  }
4474
4475  .how_works_btn_wrap .nav-link .btn_serial {
4476    width: 30px;
4477    height: 30px;
4478    font-size: 18px;
4479  }
4480  .how_it_works_tab_content .tab-pane {
4481    padding: 20px;
4482    min-height: 500px;
4483  }
4484
4485  .how_item_content h2 {
4486    font-size: 28px;
4487  }
4488  .how_item_content p {
4489    font-size: 16px;
4490  }
4491  .how_item_info {
4492    padding: 15px;
4493    margin-bottom: 10px;
4494  }
4495  .info_title h4 {
4496    font-size: 18px;
4497  }
4498  .info_title h4 >
4498 span {
4499    font-size: 22px;
4500  }
4501  .info_content p {
4502    font-size: 16px;
4503    margin-bottom: 0;
4504  }
4505}
4506@media only screen and (max-width: 767px) {
4507  #howItworks {
4508    padding: 70px 0px;
4509  }
4510  #howItworks .how_it_content {
4511    margin-bottom: 15px;
4512  }
4513  #howItworks .how_it_content h1 {
4514    font-size: 30px;
4515    text-align: center;
4516  }
4517  #howItworks .how_it_content h1 > span {
4518    font-size: 20px;
4519  }
4520  #howItworks .how_it_content .how_btn .btn_how {
4521    height: 40px;
4522    font-size: 16px;
4523    margin: 0 auto;
4524  }
4525  .how_img {
4526    text-align: center;
4527    margin-top: 15px;
4528  }
4529  .how_img img {
4530    width: 80%;
4531  }
4532  #howItWorksBox {
4533    padding: 70px 0px;
4534  }
4535  .how_works_btn_wrap {
4536    grid-template-columns: repeat(2, 1fr);
4537    grid-gap: 10px;
4538  }
4539  .how_works_btn_wrap .nav-link {
4540    min-width: 45%;
4541    width: 100%;
4542    gap: 5px;
4543    font-size: 12px;
4544  }
4545
4546  .how_works_btn_wrap .nav-link .btn_serial {
4547    width: 30px;
4548    height: 30px;
4549    font-size: 20px;
4550  }
4551  .how_works_btn_wrap .nav-link.active {
4552    font-size: 12px;
4553    padding: 8px;
4554  }
4555  .how_it_works_tab_content .tab-pane {
4556    padding: 15px;
4557    min-height: 300px;
4558  }
4559
4560  .how_item_content h2 {
4561    font-size: 24px;
4562  }
4563  .how_item_content p {
4564    font-size: 14px;
4565  }
4566  .how_item_info {
4567    padding: 15px;
4568    margin-bottom: 10px;
4569  }
4570  .info_title h4 {
4571    font-size: 18px;
4572  }
4573  .info_title h4 > span {
4574    font-size: 22px;
4575  }
4576  .info_content p {
4577    font-size: 14px;
4578    margin-bottom: 0;
4579  }
4580}
4581/* Toggle navigations system*/
4582
4583#main_container.toogle_sidebar #main_container .content_area {
4584  margin-left: 0px !important;
4585  width: 100%;
4586}
4587
4588#main_container.toogle_sidebar #main_container .content_area .top_header {
4589  width: 100%;
4590}
4591
4592#main_container.toogle_sidebar .content_area {
4593  margin-left: 0px;
4594  width: 100%;
4595}
4596
4597#main_container.toogle_sidebar .content_area .top_header {
4598  width: 100%;
4599  margin-left: 0px;
4600}
4601
4602#main_container.toogle_sidebar .content_area .content {
4603  border-radius: 0px;
4604}
4605
4606.btn_nav_close {
4607  position: absolute;
4608  display: none;
4609  top: 10px;
4610  right: -50px;
4611  width: 50px;
4612  height: 50px;
4613  font-size: 20px;
4614  border-radius: 0px;
4615  border: none;
4616  background: #4CAF50;
4617  color: #fff;
4618  transition: 0.5s;
4619}
4620
4621.nightmode .btn_nav_close {
4622  background: #212529;
4623}
4624.alert-success {
4625  color: #0f5132;
4626  background-color: #d1e7dd;
4627  border-color: #badbcc;
4628}
4629
4630.alert {
4631  position: relative;
4632  padding: 1rem 1rem;
4633  margin-bottom: 1rem;
4634  border: 1px solid transparent;
4635  border-radius: 0.25rem;
4636}
4637@media only screen and (max-width: 1250px) {
4638  #main_container .content_area .top_header {
4639    width: 100%;
4640    
4641  
4642  }
4643  #main_container .content_area {
4644    margin-left: 0px;
4645    width: 100%;
4646   
4647  }
4648  #main_container .content_area .content {
4649    border-radius: 0px;
4650  }
4651  .btn_nav_close {
4652    display: block;
4653    opacity: 0;
4654    pointer-events: none;
4655  }
4656  .toogle_sidebar .btn_nav_close {
4657    opacity: 1;
4658    pointer-events: auto;
4659  }
4660}
4661
4662#proFile {
4663  border-radius: 150px;
4664  object-fit: cover;
4665}
4666
4667#avatar2 {
4668  border-radius: 50px;
4669  object-fit: cover;
4670}
4671
4672#avatar1 {
4673  border-radius: 50px;
4674  object-fit: cover;
4675}
4676
4677.navbar {
4678  position: fixed;
4679  width: 100%;
4680  background: rgba(255, 255, 255, 0.315) !important;
4681  backdrop-filter: blur(5px);
4682  z-index: 99;
4683}
4684.navbar-brand img {
4685  width: 150px;
4686}
4687
4688
4689
4690#banner {
4691  background: linear-gradient(
4692      to bottom,
4693      rgba(221, 221, 221, 0.4),
4694      rgba(221, 221, 221, 0.4)
4695    ),
4696    url("https://res.cloudinary.com/ddyxrxcom/image/upload/v1686068984/hero_bg_acdn9f.png");
4697  background-repeat: no-repeat;
4698  background-size: cover;
4699  background-position: center;
4700  padding-top: 130px;
4701  min-height: 100vh;
4702}
4703
4704#signup {
4705  background: linear-gradient(
4706      to bottom,
4707      rgba(221, 221, 221, 0.4),
4708      rgba(221, 221, 221, 0.4)
4709    ),
4710    url("https://res.cloudinary.com/sol-0123456789/image/upload/v1672314094/user-12-29/user-12-29/blured_bg_r67hqo_gcuyxs_kad3cs.png");
4711  background-repeat: no-repeat;
4712  background-size: cover;
4713  background-position: center;
4714  padding-top: 0px;
4715  min-height: 100vh;
4716}
4717.unauthorized .footer__manger .logo img{
4718width: 100% !important;
4719}
4720.unauthorized .card.card_v2 {
4721  margin-top: 100px !important;
4722  margin-bottom: 20px !important;
4723}
4724.banner_title .smallest_title {
4725  background: rgba(244, 244, 244, 0.4);
4726  font-size: 16px;
4727  padding: 10px 20px;
4728  font-weight: 800;
4729  border-radius: 10px;
4730  display: inline-block;
4731  margin-bottom: 10px;
4732}
4733
4734.banner_title h1 {
4735  font-size: 40px;
4736  font-weight: 800;
4737  color: var(--text-black);
4738  line-height: 1.3;
4739  margin-bottom: 10px;
4740}
4741
4742.banner_title p {
4743  font-size: 16px;
4744  color: var(--text-black);
4745  line-height: 1.4;
4746  margin-bottom: 10px;
4747}
4748
4749.text__primary {
4750  color: var(--text-primary);
4751}
4752
4753.banner_btn {
4754  display: flex;
4755  gap: 10px;
4756  margin-top: 20px;
4757  margin-bottom: 20px;
4758}
4759
4760.btn__home {
4761  font-size: 18px;
4762  padding: 10px 30px;
4763  background: transparent;
4764  cursor: pointer;
4765  border-radius: 13px;
4766  font-weight: bold;
4767  transition: 0.5s;
4768  border: 3px solid var(--text-primary);
4769}
4770
4771.btn__fill {
4772  background: var(--text-primary);
4773  border-color: var(--text-primary);
4774  color: var(--text-white);
4775}
4776
4777.btn__fill:hover {
4778  color: var(--text-white);
4779  border-color: #3d8dff;
4780  background: #3d8dff;
4781}
4782
4783.btn__nofill:hover {
4784  color: var(--text-white);
4785  border-color: #3d8dff;
4786  background: #3d8dff;
4787}
4788
4789.btn_bob:hover {
4790  transform: translateY(-10px);
4791}
4792.boost__media p {
4793  font-size: 14px;
4794  margin: 0;
4795  font-weight: 800;
4796}
4797
4798.boost__media .media_icons {
4799  margin-top: 15px;
4800  margin-bottom: 15px;
4801}
4802
4803.boost__media .media_icons img {
4804  width: 80px;
4805  transition: 0.5s;
4806  animation: imgAni 5s infinite;
4807}
4808
4809.boost__media .media_icons img:hover {
4810  transform: rotate(-10deg);
4811}
4812
4813@keyframes imgAni {
4814  0% {
4815    transform: rotate(-10deg);
4816  }
4817  50% {
4818    transform: rotate(0deg);
4819  }
4820  100% {
4821    transform: rotate(-10deg);
4822  }
4823}
4824
4825.banner_img {
4826  min-height: 650px;
4827}
4828
4829/*
4830Signin 
4831*/
4832
4833#signin {
4834  padding: 3rem 0;
4835  background: #f2f2f2;
4836}
4837
4838.login__box {
4839  border: 2px solid #ddd;
4840  background: #e8ebee7d;
4841  padding: 20px 20px;
4842  border-radius: 15px;
4843}
4844
4845.login__wrapper {
4846  background: #fff;
4847  padding: 30px 20px;
4848  border-radius: 15px;
4849  border: 2px solid #ddd;
4850  box-shadow: 0 0 10px #ddd;
4851}
4852
4853.form_group {
4854  position: relative;
4855}
4856
4857.form_icon {
4858  position: absolute;
4859  width: 50px;
4860  height: 50px;
4861  display: flex;
4862  background: var(--text-primary);
4863  align-items: center;
4864  justify-content: center;
4865  color: #fff;
4866  font-size: 22px;
4867  border-radius: 12px;
4868  top: 5px;
4869  left: 5px;
4870}
4871
4872.form_group .form-control {
4873  height: 60px;
4874  padding-left: 60px;
4875  border: 2px solid #ddd;
4876  border-radius: 15px;
4877  font-size: 18px;
4878  box-shadow: none;
4879}
4880
4881.form_group .form-control:active,
4882.form_group .form-control:focus {
4883  border-color: var(--text-primary);
4884  box-shadow: 0 0 10px #3d8dff7f;
4885}
4886
4887.btn_login {
4888  height: 60px;
4889}
4890
4891.saveId input {
4892  display: none;
4893}
4894
4895.item_memes {
4896  background: var(--text-primary);
4897  border-radius: 15px;
4898  display: flex;
4899  width: 60px;
4900  height: 60px;
4901  align-items: center;
4902  justify-content: center;
4903  font-size: 22px;
4904  color: #fff;
4905  cursor: pointer;
4906  transition: 0.5s;
4907  text-decoration: none;
4908}
4909.item_memes:hover {
4910  color: #fff;
4911}
4912.saveId input:checked ~ .item_memes {
4913  background: var(--home-hero-top-text);
4914}
4915
4916.login__box h2 {
4917  font-size: 30px;
4918  font-weight: 800;
4919  text-align: center;
4920  margin-bottom: 20px;
4921}
4922.loginTitle {
4923  display: flex;
4924  align-items: center;
4925  gap: 5px;
4926}
4927
4928.loginTitle p {
4929  font-size: 18px;
4930  font-weight: 800;
4931}
4932
4933/* Counter section */
4934#counter {
4935  padding: 2rem 0;
4936  background: #f2f2f2;
4937}
4938.counter_item {
4939  text-align: center;
4940  padding: 15px;
4941}
4942.counter_icon img {
4943  width: 50px;
4944}
4945.counter_icon .item_cart.img-fluid {
4946  width: 80px;
4947  margin-bottom: 15px;
4948}
4949
4950.counter_icon .item_money.img-fluid {
4951  width: 60px;
4952  margin-bottom: 15px;
4953}
4954.counter_icon .item_txt.img-fluid {
4955  width: 70px;
4956  margin-bottom: 10px;
4957}
4958.counter_icon .item_api.img-fluid {
4959  width: 100px;
4960  margin-bottom: 5px;
4961}
4962
4963.counter_count h4 {
4964  font-size: 25px;
4965  font-weight: 800;
4966  margin-bottom: 5px;
4967}
4968.counter_count h5 {
4969  font-size: 18px;
4970  font-weight: normal;
4971  margin-bottom: 5px;
4972}
4973
4974/*
4975  Cheapest and best section 
4976*/
4977
4978#cheapBest {
4979  padding: 5rem 0;
4980  background: var(--text-white);
4981}
4982
4983.cheap_title h2 {
4984  font-size: 30px;
4985  font-weight: 800;
4986  color: var(--text-black);
4987  line-height: 1.3;
4988  margin-bottom: 10px;
4989}
4990
4991.more_item {
4992  display: flex;
4993  align-items: center;
4994  gap: 10px;
4995  margin-bottom: 5px;
4996}
4997
4998.more_item h4 {
4999  font-size: 18px;
5000  margin: 0;
5001  padding: 0;
5002}
5003
5004.more_item .icon {
5005  background: #3d8dff21;
5006  width: 40px;
5007  height: 40px;
5008  text-align: center;
5009  color: #3d8dff;
5010  font-size: 22px;
5011  line-height: 40px;
5012  border-radius: 50px;
5013}
5014
5015.status_body ul li del {
5016  opacity: 0.5;
5017}
5018
5019.status_body ul {
5020  list-style: none;
5021  margin: 0;
5022  padding: 0;
5023  font-size: 14px;
5024}
5025
5026/* Why Choose us */
5027#whyChooseUs {
5028  padding: 5rem 0;
5029}
5030
5031.sec__title__small {
5032  font-size: 16px;
5033  font-weight: 600;
5034  color: var(--home-hero-top-text);
5035}
5036
5037.sec__title {
5038  font-size: 30px;
5039  font-weight: 800;
5040  color: var(--text-black);
5041  line-height: 1.3;
5042  margin-bottom: 10px;
5043}
5044
5045.sec__dsc {
5046  font-size: 16px;
5047  font-weight: normal;
5048  line-height: 1.4;
5049}
5050
5051.box_wraper {
5052  display: grid;
5053  grid-template-columns: 1fr 1fr;
5054  grid-gap: 20px;
5055}
5056
5057.box_item_wrap {
5058  background: #ffffffd9;
5059  padding: 15px 25px;
5060  border-radius: 10px;
5061  min-height: 175px;
5062  border: 1px solid var(--text-white);
5063  transition: 0.5s;
5064}
5065
5066.box_item_wrap:hover {
5067  transform: translateY(-10px);
5068  background: #fff;
5069  border-color: var(--text-primary);
5070}
5071.box_item_wrap .box_icon {
5072  width: 50px;
5073  height: 50px;
5074  background: #3d8dff1c;
5075  text-align: center;
5076  line-height: 50px;
5077  font-size: 25px;
5078  border-radius: 50px;
5079  color: var(--text-primary);
5080  margin-bottom: 10px;
5081  transition: 0.5s;
5082}
5083.box_item_wrap:hover .box_icon {
5084  background: var(--text-primary);
5085  color: var(--text-white);
5086}
5087.box_item_wrap .box_cont h4 {
5088  margin: 0;
5089  padding: 0;
5090  font-size: 18px;
5091  font-weight: 800;
5092  margin-bottom: 5px;
5093}
5094
5095.box_item_wrap .box_cont p {
5096  font-size: 14px;
5097  color: var(--text-black);
5098  line-height: 1.4;
5099  margin-bottom: 0px;
5100}
5101
5102.box_item_wrap.box_1 {
5103  transform: translateY(25px);
5104}
5105.box_item_wrap.box_1:hover {
5106  transform: translateY(15px);
5107}
5108.box_item_wrap.box_3 {
5109  transform: translateY(25px);
5110}
5111.box_item_wrap.box_3:hover {
5112  transform: translateY(15px);
5113}
5114
5115.box_item_wrap.box_2 {
5116  transform: translateY(-20px);
5117}
5118.box_item_wrap.box_2:hover {
5119  transform: translateY(-30px);
5120}
5121
5122.box_item_wrap.box_4 {
5123  transform: translateY(-20px);
5124}
5125.box_item_wrap.box_4:hover {
5126  transform: translateY(-30px);
5127}
5128
5129/* Services Area Design */
5130#services_area {
5131  padding: 3rem 0rem;
5132  background: var(--text-white);
5133}
5134.top__title {
5135  color: var(--text-black);
5136  text-align: center;
5137}
5138
5139.top__title h5 {
5140  font-size: 16px;
5141  font-weight: 600;
5142  color: var(--home-hero-top-text);
5143  text-align: center;
5144  margin-bottom: 5px;
5145}
5146.top__title h2 {
5147  font-size: 30px;
5148  font-weight: 800;
5149  color: var(--text-black);
5150  line-height: 1.3;
5151  margin-bottom: 10px;
5152  text-align: center;
5153  margin-bottom: 10px;
5154}
5155.top__title p {
5156  width: 70%;
5157  margin: 0 auto;
5158  font-size: 16px;
5159  font-weight: normal;
5160  line-height: 1.4;
5161  margin-bottom: 15px;
5162}
5163
5164#services__wraper .nav-pills .nav-link,
5165#services__wraper .nav-pills .show > .nav-link {
5166  cursor: pointer;
5167  width: 100px;
5168  padding: 0px;
5169  margin-right: 10px;
5170  background: transparent !important;
5171  border-bottom: 3px solid #ddd;
5172  border-top: none;
5173  border-left: none;
5174  border-right: none;
5175  border-radius: 0px !important;
5176  transition: 0.5s;
5177}
5178#services__wraper .nav-pills .nav-link:focus {
5179  border-top: none;
5180  border-left: none;
5181  border-right: none;
5182  outline: none;
5183}
5184#services__wraper .nav-pills .nav-link:hover,
5185#services__wraper .nav-pills .nav-link {
5186  cursor: pointer !important;
5187}
5188#services__wraper .nav-pills .nav-link.active {
5189  border-color: var(--text-primary);
5190  background: transparent !important;
5191  border-radius: 0px !important;
5192}
5193
5194.tab_content_wraper {
5195  margin-top: 5rem;
5196}
5197
5198.tab_content_wraper .tab__img {
5199  text-align: center;
5200}
5201.tab_content_wraper .tab__content h3 {
5202  font-size: 23px;
5203  font-weight: 800;
5204  margin-bottom: 10px;
5205  color: var(--text-black);
5206}
5207
5208.tab_content_wraper .tab__content p {
5209  font-size: 16px;
5210  color: var(--text-black);
5211  margin-bottom: 10px;
5212}
5213
5214.faqAcc .accordion-item {
5215  margin-bottom: 15px;
5216  border-radius: 10px;
5217  border-bottom: 0px;
5218  box-shadow: 0 0 10px #c6c6c66b;
5219}
5220
5221/* Testimonials styles*/
5222#testimonialSection {
5223  padding: 5rem 0rem;
5224    color: black;
5225  background-image: linear-gradient(to top, #cd9cf2 0%, #f6f3ff 100%) !important;
5226  background-repeat: no-repeat;
5227  background-size: cover;
5228  background-attachment: fixed;
5229}
5230
5231#testimonialSection .top__title {
5232  margin-bottom: 20px;
5233}
5234
5235#testimonialSection .testimonial__member .swiper-slide img {
5236  opacity: 0.5;
5237}
5238#testimonialSection
5239  .testimonial__member
5240  .swiper-slide.swiper-slide-active
5241  img {
5242  opacity: 1;
5243}
5244#testimonialSection .testimonial__member {
5245  margin-bottom: 30px;
5246  text-align: center;
5247}
5248
5249#testimonialSection .testimonial__item {
5250  text-align: center;
5251}
5252
5253#testimonialSection .testimonial__item-stars {
5254  color: #2de900;
5255  margin-bottom: 10px;
5256}
5257
5258#testimonialSection .testimonial__item-text {
5259  font-size: 16px;
5260  color: var(--text-white);
5261  margin-bottom: 20px;
5262  min-height: 75px;
5263  max-height: 75px;
5264}
5265
5266#testimonialSection .testimonial__item-name {
5267  font-size: 18px;
5268  font-weight: 800;
5269  color: var(--text-white);
5270  margin-bottom: 3px;
5271}
5272
5273#testimonialSection .testimonial__item-tag {
5274  font-size: 14px;
5275  font-weight: normal;
5276  margin-bottom: 0px;
5277  color: var(--text-white);
5278}
5279#testimonialSection .top__title h2,
5280#testimonialSection .top__title h5,
5281#testimonialSection .top__title {
5282  color: #fff !important;
5283}
5284
5285/* Payment systems */
5286
5287#payment {
5288  padding: 5rem 0rem;
5289}
5290
5291#paymentSlider,
5292#paymentSlider .payment {
5293  overflow: hidden;
5294}
5295
5296#paymentSlider {
5297  margin-top: 30px;
5298}
5299
5300/* User Status */
5301
5302.status_card {
5303  padding: 10px;
5304  background: #ececec;
5305  border-radius: 10px;
5306}
5307.nightmode .status_card {
5308  background: #131a25;
5309}
5310.status_head {
5311  background: #fff;
5312  padding: 10px;
5313  border-radius: 15px;
5314  display: flex;
5315  height: 72px;
5316  align-items: center;
5317  justify-content: space-between;
5318}
5319.nightmode .status_head {
5320  background: #1e293b;
5321}
5322.nightmode .text_status .text_big {
5323  color: var(--text-white);
5324}
5325.text_status {
5326  width: 70%;
5327}
5328.amount_status {
5329  text-align: center;
5330  width: 28%;
5331  background: var(--text-primary);
5332  border-radius: 15px;
5333  display: flex;
5334  height: 35px;
5335  justify-content: center;
5336  align-items: center;
5337  font-size: 20px;
5338  font-weight: bolder;
5339  color: #fff;
5340}
5341.text_status .text_big {
5342  font-weight: 900;
5343  font-size: 25px;
5344}
5345
5346.text_status .text_info {
5347  font-size: 11px;
5348  font-weight: 400;
5349  margin: 0;
5350}
5351.acStatusModal {
5352  width: 85%;
5353}
5354
5355@media (max-width: 800px) {
5356  .acStatusModal {
5357    width: 98%;
5358  }
5359}
5360
5361/* Sign Up */
5362#signup .card_v2 {
5363  border: 2px solid #ddd;
5364  background: #e8ebee21;
5365}
5366
5367.signup_title {
5368  text-align: center;
5369  margin-bottom: 35px;
5370}
5371
5372.signup_title h1 {
5373  font-size: 35px;
5374  font-weight: 800;
5375}
5376
5377.signup_title p {
5378  font-size: 14px;
5379  font-weight: normal;
5380  margin-bottom: 20px;
5381}
5382
5383/*
5384*
5385* Home Responsive
5386*
5387*/
5388
5389@media only screen and (max-width: 992px) {
5390  #banner {
5391    height: 500px;
5392    min-height: 500px;
5393  }
5394  .banner_img {
5395    min-height: 400px;
5396  }
5397  .banner_title .smallest_title {
5398    font-size: 14px;
5399    padding: 7px 13px;
5400  }
5401  .banner_title h1 {
5402    font-size: 18px;
5403  }
5404  .banner_title p {
5405    font-size: 12px;
5406  }
5407  .btn__home {
5408    font-size: 14px;
5409    padding: 8px 10px;
5410    border-radius: 5px;
5411  }
5412  .boost__media .media_icons {
5413    margin-top: 5px;
5414    margin-bottom: 5px;
5415  }
5416  .boost__media .media_icons img {
5417    width: 40px;
5418  }
5419}
5420
5421@media only screen and (max-width: 768px) {
5422  .banner_title {
5423    text-align: center;
5424    margin-top: 25px;
5425  }
5426  .banner_btn {
5427    align-items: center;
5428    justify-content: center;
5429  }
5430  .banner_title h1 {
5431    font-size: 30px;
5432  }
5433  .banner_title p {
5434    font-size: 15px;
5435  }
5436  .btn__home {
5437    font-size: 14px;
5438    padding: 10px 15px;
5439    border-radius: 10px;
5440  }
5441  #banner {
5442    height: auto;
5443    min-height: auto;
5444    background-position: right;
5445  }
5446  .form_group {
5447    margin-bottom: 10px;
5448  }
5449  .instantMneu {
5450    margin-top: 10px;
5451    margin-bottom: 20px;
5452  }
5453  .instantMneu .col-2 {
5454    margin-right: 10px;
5455  }
5456  .login__wrapper {
5457    padding: 20px 15px;
5458  }
5459}
5460
5461@media only screen and (max-width: 550px) {
5462  .banner_title {
5463    text-align: center;
5464    margin-top: 25px;
5465  }
5466  .banner_btn {
5467    align-items: center;
5468    justify-content: center;
5469  }
5470  .banner_title h1 {
5471    font-size: 30px;
5472  }
5473  .banner_title p {
5474    font-size: 15px;
5475  }
5476  .btn__home {
5477    font-size: 14px;
5478    padding: 10px 15px;
5479    border-radius: 10px;
5480  }
5481  #banner {
5482    height: auto;
5483    min-height: auto;
5484    background-position: right;
5485    padding-top: 80px !important;
5486  }
5487  .boost__media {
5488    display: none;
5489  }
5490  .login__box {
5491    padding: 10px 10px;
5492    margin-bottom: 50px;
5493  }
5494  .login__box h2 {
5495    font-size: 23px;
5496    margin-bottom: 8px;
5497  }
5498  .cheap_title h2 {
5499    font-size: 22px;
5500    text-align: center;
5501  }
5502  .cheap_title p {
5503    text-align: center;
5504  }
5505  .form_icon {
5506    width: 45px;
5507    height: 45px;
5508    font-size: 18px;
5509    border-radius: 12px;
5510  }
5511
5512  .form_group .form-control {
5513    height: 55px;
5514    padding-left: 50px;
5515  }
5516  .item_memes {
5517    width: 50px;
5518    height: 50px;
5519    font-size: 18px;
5520  }
5521  .btn__home {
5522    height: 50px;
5523  }
5524  .instantMneu {
5525    margin-top: 0px;
5526    margin-bottom: 8px;
5527  }
5528  .signup_title h1 {
5529    font-size: 25px;
5530  }
5531  .signup_title {
5532    margin-bottom: 25px;
5533  }
5534  .dropdown.dropdown-currencies > a {
5535    
5536  }
5537  .user_settings {
5538    gap: 7px;
5539  }
5540  .counter_icon .item_cart.img-fluid {
5541    width: 70px;
5542    margin-bottom: 8px;
5543  }
5544  .counter_count h4 {
5545    font-size: 22px;
5546  }
5547  .counter_count h5 {
5548    font-size: 14px;
5549  }
5550  .cheap_title p {
5551    font-size: 14px;
5552  }
5553  .more_item .icon {
5554    width: 35px;
5555    height: 35px;
5556    line-height: 35px;
5557    font-size: 18px;
5558  }
5559  .more_item h4 {
5560    font-size: 16px;
5561  }
5562  .btn__home {
5563    height: 50px;
5564    display: flex;
5565    align-items: center;
5566    justify-content: center;
5567  }
5568
5569  .sec__title__wrap {
5570    text-align: center;
5571  }
5572
5573  .sec__title {
5574    font-size: 20px;
5575  }
5576
5577  .sec__dsc {
5578    font-size: 14px;
5579  }
5580
5581  .box_wraper {
5582    grid-template-columns: 1fr;
5583  }
5584
5585  .box_item_wrap {
5586    transform: translateX(0) !important;
5587  }
5588
5589  .top__title p {
5590    width: 100%;
5591  }
5592
5593  #services__wraper .nav-pills .nav-link,
5594  #services__wraper .nav-pills .show > .nav-link {
5595    width: 40px;
5596  }
5597
5598  .tab_content_wraper .tab__img {
5599    width: 70%;
5600    margin: 0 auto;
5601    margin-bottom: 14px;
5602  }
5603
5604  .tab__content {
5605    text-align: center;
5606  }
5607
5608  .tab_content_wraper {
5609    margin-top: 2rem;
5610  }
5611  .tab_content_wraper .tab__content h3 {
5612    font-size: 22px;
5613  }
5614  .top__title h2 {
5615    font-size: 20px;
5616  }
5617  .top__title p {
5618    font-size: 14px;
5619  }
5620  .footer_links_wrap {
5621    margin: 0px;
5622    margin-bottom: 10px;
5623  }
5624}
5625
5626.gizli {
5627  display: none !important;
5628}
5629span.servicesId {
5630  background: #3d8dff;
5631  padding: 0px 10px;
5632  color: #fff;
5633  border-radius: 50px;
5634  font-size: 14px;
5635}
5636
5637.dropdown.dropdown-currencies > a {
5638  text-decoration: none;
5639  color: #fff;
5640
5641}
5642.dropdown.dropdown-currencies .dropdown-toggle::after {
5643  display: none;
5644}
5645
5646.dropdown.dropdown-currencies > ul > li > a {
5647  font-size: 14px;
5648  text-decoration: none;
5649  padding: 5px 10px;
5650  display: block;
5651  margin-bottom: 2px;
5652  border-bottom: 1px solid #ddd;
5653  color: #232323;
5654  transition: 0.5s;
5655}
5656
5657.dropdown.dropdown-currencies > ul > li > a:hover {
5658  background: #ddd;
5659}
5660.nightmode .dropdown.dropdown-currencies > ul > li > a:hover {
5661  background: #14244a;
5662}
5663
5664.input-group .btn {
5665  z-index: 0 !important;
5666}
5667
5668a {
5669  text-decoration: none;
5670}
5671.nightmode a {
5672  color: var(--text-white);
5673}
5674.currency_changer > li {
5675  list-style-type: none;
5676}
5677.currency_changer > li > a {
5678  display: block;
5679  text-decoration: none;
5680  color: #232323;
5681  font-size: 18px;
5682  background: #ddd;
5683  padding: 3px 8px;
5684  border-radius: 5px;
5685  margin-bottom: 5px;
5686  transition: 0.5s;
5687}
5688.currency_changer > li > a:hover {
5689  background: var(--text-primary);
5690  color: var(--text-white);
5691}
5692.nightmode .offcanvas {
5693  background: var(--bg-sidebar-night);
5694}
5695
5696.nightmode .currency_changer > li > a {
5697  background: var(--dark-bg-input);
5698  color: #fff;
5699}
5700
5701.nightmode .currency_changer > li > a:hover {
5702  background: var(--dark-text-primary);
5703}
5704
5705.nightmode #ticketTable th,
5706.nightmode #ticketTable td {
5707  color: var(--text-white) !important;
5708}
5709
5710.nightmode .modal-content {
5711  background: var(--bg-sidebar-night) !important;
5712}
5713
5714.nightmode .btn-close {
5715  filter: invert(1);
5716}
5717
5718.input-group.ticketPage {
5719  position: relative;
5720  display: flex;
5721  flex-wrap: wrap;
5722  align-items: stretch;
5723  width: max-content;
5724  float: right;
5725  height: 45px;
5726}
5727
5728.ticket-badges {
5729  display: inline-block;
5730  background: #ddd;
5731  padding: 3px 20px;
5732  border-radius: 50px;
5733}
5734
5735.ticket-badges.Pending {
5736  background: var(--badges-pending);
5737  color: var(--text-white);
5738}
5739.ticket-badges.Answered {
5740  background: var(--badges-completed);
5741  color: var(--text-white);
5742}
5743.ticket-badges.Closed {
5744  background: var(--badges-canceled);
5745  color: var(--text-white);
5746}
5747
5748/* Sevice page modal design */
5749
5750.serv_modal_close {
5751  position: absolute;
5752  width: 40px;
5753  height: 40px;
5754  background: var(--dark-text-primary);
5755  top: 15px;
5756  right: 15px;
5757  border-radius: 50px;
5758  z-index: 9;
5759  opacity: 1;
5760  color: #fff;
5761  border: none;
5762}
5763
5764.servicesHead {
5765  min-height: 250px;
5766  background: linear-gradient(
5767      rgba(221, 221, 221, 5%),
5768      rgba(221, 221, 221, 5%)
5769    ),
5770    linear-gradient(rgba(221, 221, 221, 5%), rgba(221, 221, 221, 5%)),
5771    url("");
5772  background-position: bottom;
5773  background-size: cover;
5774  background-repeat: no-repeat;
5775  text-align: center;
5776  padding-top: 50px;
5777  border-radius: 20px 20px 0px 0px;
5778}
5779
5780#servDescriptionDialog .modal-body {
5781  padding: 0;
5782}
5783
5784#servId {
5785  font-size: 18px;
5786  background: var(--text-primary);
5787  padding: 5px 30px;
5788  display: inline-block;
5789  border-radius: 50px;
5790  color: #fff;
5791  font-weight: bold;
5792}
5793
5794#servDescriptionDialog .modal-content {
5795  border-radius: 20px;
5796  border: none;
5797}
5798#serv_names {
5799  display: inline-block;
5800  width: 90%;
5801  font-size: 18px;
5802  font-weight: 800;
5803  color: #232323;
5804  margin: 0 auto;
5805  margin-top: 10px;
5806}
5807
5808#serv_details {
5809  width: 85%;
5810  margin: 0 auto;
5811  background: #f3f1f1;
5812  margin-top: -50px;
5813  padding: 15px;
5814  border-radius: 20px;
5815  box-shadow: 0 0 10px #1e1e1e63;
5816}
5817
5818.serv_more_infos {
5819  display: grid;
5820  grid-template-columns: 1fr 1fr 1fr;
5821  padding-top: 50px;
5822  padding-bottom: 30px;
5823  width: 95%;
5824  margin: 0 auto;
5825}
5826.buyNOwBtn {
5827  width: 85%;
5828  margin: 0 auto;
5829  padding-bottom: 20px;
5830}
5831#buyNow {
5832  width: 100%;
5833  background: var(--text-primary);
5834  display: block;
5835  padding: 10px 30px;
5836  border-radius: 50px;
5837  text-align: center;
5838  color: #fff;
5839  font-size: 18px;
5840  font-weight: bold;
5841}
5842
5843.ser_more_item {
5844  text-align: center;
5845  display: flex;
5846  flex-direction: column;
5847  align-items: center;
5848  gap: 15px;
5849}
5850
5851.serv_more_icon {
5852  width: 75px;
5853  height: 75px;
5854  background: linear-gradient(#814df7, #361187);
5855  color: #fff;
5856  font-size: 35px;
5857  line-height: 75px;
5858  border-radius: 50px;
5859  box-shadow: inset 0 0 10px #dddddd70;
5860}
5861
5862.more_infos h5 {
5863  font-size: 16px;
5864  font-weight: bold;
5865  margin: 0;
5866  color: var(--text-black);
5867}
5868
5869.more_infos > span {
5870  font-size: 20px;
5871  font-weight: 800;
5872  color: #d92d53;
5873}
5874
5875.authorized.nightmode .modal-content {
5876  background: var(--bg-sidebar-night);
5877}
5878
5879.authorized.nightmode #serv_names {
5880  color: var(--text-white);
5881}
5882
5883.authorized.nightmode #serv_details {
5884  background: var(--dark-bg-input);
5885  color: #fff !important;
5886}
5887
5888.authorized.nightmode #buyNow {
5889  background: var(--dark-text-primary);
5890}
5891
5892.authorized.nightmode .more_infos h5 {
5893  color: #fff;
5894}
5895.authorized.nightmode .serv_more_icon {
5896  background: linear-gradient(#f9446c, #d92d53);
5897}
5898@media (min-width: 576px) {
5899  #servDescriptionDialog {
5900    max-width: 600px;
5901  }
5902}
5903
5904@media (max-width: 576px) {
5905  .more_infos h5 {
5906    font-size: 13px;
5907  }
5908  .more_infos > span {
5909    font-size: 16px;
5910  }
5911  .servicesHead {
5912    min-height: 200px;
5913    padding-top: 10px;
5914  }
5915  .serv_modal_close {
5916    width: 30px;
5917    height: 30px;
5918  }
5919
5920  .serv_more_infos {
5921    padding-top: 15px;
5922    padding-bottom: 15px;
5923  }
5924  .serv_more_icon {
5925    width: 60px;
5926    line-height: 60px;
5927    font-size: 20px;
5928    height: 60px;
5929  }
5930  #serv_details {
5931    font-size: 14px;
5932  }
5933  .logo_off_nav {
5934    width: 150px;
5935  }
5936}
5937
5938/* Sevice page modal design */
5939
5940.serv_modal_close {
5941  position: absolute;
5942  width: 40px;
5943  height: 40px;
5944  background: var(--dark-text-primary);
5945  top: 15px;
5946  right: 15px;
5947  border-radius: 50px;
5948  z-index: 9;
5949  opacity: 1;
5950  color: #fff;
5951  border: none;
5952}
5953
5954.servicesHead {
5955  min-height: 250px;
5956  background: linear-gradient(
5957      rgba(221, 221, 221, 5%),
5958      rgba(221, 221, 221, 5%)
5959    ),
5960    linear-gradient(rgba(221, 221, 221, 5%), rgba(221, 221, 221, 5%)),
5961    url(https://cdn.mypanel.link/770smr/08xz2nr05ora49hs.png);
5962  background-position: bottom;
5963  background-size: cover;
5964  background-repeat: no-repeat;
5965  text-align: center;
5966  padding-top: 50px;
5967  border-radius: 20px 20px 0px 0px;
5968}
5969
5970#servDescriptionDialog .modal-body {
5971  padding: 0;
5972}
5973
5974#servId {
5975  font-size: 18px;
5976  background: var(--text-primary);
5977  padding: 5px 30px;
5978  display: inline-block;
5979  border-radius: 50px;
5980  color: #fff;
5981  font-weight: bold;
5982}
5983
5984#servDescriptionDialog .modal-content {
5985  border-radius: 20px;
5986  border: none;
5987}
5988#serv_names {
5989  display: inline-block;
5990  width: 90%;
5991  font-size: 18px;
5992  font-weight: 800;
5993  color: #232323;
5994  margin: 0 auto;
5995  margin-top: 10px;
5996}
5997
5998#serv_details {
5999  width: 85%;
6000  margin: 0 auto;
6001  background: #f3f1f1;
6002  margin-top: -50px;
6003  padding: 15px;
6004  border-radius: 20px;
6005  box-shadow: 0 0 10px #1e1e1e63;
6006}
6007
6008.serv_more_infos {
6009  display: grid;
6010  grid-template-columns: 1fr 1fr 1fr;
6011  padding-top: 50px;
6012  padding-bottom: 30px;
6013  width: 95%;
6014  margin: 0 auto;
6015}
6016.buyNOwBtn {
6017  width: 85%;
6018  margin: 0 auto;
6019  padding-bottom: 20px;
6020}
6021#buyNow {
6022  width: 100%;
6023  background: var(--text-primary);
6024  display: block;
6025  padding: 10px 30px;
6026  border-radius: 50px;
6027  text-align: center;
6028  color: #fff;
6029  font-size: 18px;
6030  font-weight: bold;
6031}
6032
6033.ser_more_item {
6034  text-align: center;
6035  display: flex;
6036  flex-direction: column;
6037  align-items: center;
6038  gap: 15px;
6039}
6040
6041.serv_more_icon {
6042  width: 75px;
6043  height: 75px;
6044  background: var(--text-primary);
6045  color: #fff;
6046  font-size: 35px;
6047  line-height: 75px;
6048  border-radius: 50px;
6049  box-shadow: inset 0 0 10px #dddddd70;
6050}
6051
6052.more_infos h5 {
6053  font-size: 16px;
6054  font-weight: bold;
6055  margin: 0;
6056  color: var(--text-black);
6057}
6058
6059.more_infos > span {
6060  font-size: 20px;
6061  font-weight: 800;
6062  color: var(--dark-text-primary);
6063}
6064
6065.authorized.nightmode .modal-content {
6066  background: var(--bg-sidebar-night);
6067}
6068
6069.authorized.nightmode #serv_names {
6070  color: var(--text-white);
6071}
6072
6073.authorized.nightmode #serv_details {
6074  background: var(--dark-bg-input);
6075  color: #fff !important;
6076}
6077
6078.authorized.nightmode #buyNow {
6079  background: var(--dark-text-primary);
6080}
6081
6082.authorized.nightmode .more_infos h5 {
6083  color: #fff;
6084}
6085.authorized.nightmode .serv_more_icon {
6086  background: var(--dark-text-primary);
6087}
6088/* Footer Design Started */
6089
6090footer {
6091  padding: 2rem 0;
6092  background: #100d1f;
6093}
6094.footer__manger {
6095  background: #1d1835;
6096  padding: 20px;
6097  border-radius: 15px;
6098}
6099
6100.info__item {
6101  display: flex;
6102  gap: 10px;
6103  color: #fff;
6104  margin-bottom: 10px;
6105  word-break: break-all;
6106}
6107
6108.info__item .icon {
6109  color: #fff;
6110  font-size: 18px;
6111}
6112
6113.info__item .info_text {
6114  font-size: 16px;
6115  color: #fff;
6116  text-decoration: none;
6117}
6118
6119.footer_links_wrap {
6120  margin-top: 20px;
6121  margin-left: 15px;
6122}
6123.footer_links_wrap h4 {
6124  font-size: 22px;
6125  font-weight: 800;
6126  color: #fff;
6127  margin-bottom: 10px;
6128}
6129
6130.footer_links_wrap .footer_link a {
6131  display: block;
6132  color: #fff;
6133  margin-bottom: 8px;
6134  transition: 0.5s;
6135}
6136
6137.footer_links_wrap .footer_link a:hover {
6138  transform: translateX(10px);
6139  color: var(--text-primary);
6140}
6141
6142.footer_links_wrap .icon {
6143  display: inline-block;
6144  width: 40px;
6145  height: 40px;
6146  background: #ffffff1f;
6147  border-radius: 50px;
6148  text-align: center;
6149  line-height: 40px;
6150  margin-right: 5px;
6151  color: #fff;
6152  transition: 0.5s;
6153}
6154.footer_links_wrap .icon:hover {
6155  background: var(--text-primary);
6156}
6157
6158.hr_primary {
6159  background: var(--text-white);
6160  height: 2px !important;
6161  opacity: 0.7;
6162}
6163
6164@media (min-width: 576px) {
6165  #servDescriptionDialog {
6166    max-width: 600px;
6167  }
6168}
6169
6170@media (max-width: 576px) {
6171  .more_infos h5 {
6172    font-size: 13px;
6173  }
6174  .more_infos > span {
6175    font-size: 16px;
6176  }
6177  .servicesHead {
6178    min-height: 200px;
6179    padding-top: 10px;
6180  }
6181  .serv_modal_close {
6182    width: 30px;
6183    height: 30px;
6184  }
6185
6186  .serv_more_infos {
6187    padding-top: 15px;
6188    padding-bottom: 15px;
6189  }
6190  .serv_more_icon {
6191    width: 60px;
6192    line-height: 60px;
6193    font-size: 20px;
6194    height: 60px;
6195  }
6196  #serv_details {
6197    font-size: 14px;
6198  }
6199  .logo_off_nav {
6200    width: 150px;
6201  }
6202}
6203
6204/* NAVIGATION BAR FIXING */
6205.navbar {
6206   
6207    
6208
6209  top: 0;
6210  width: 100%;
6211  background: transparent !important;
6212  padding-top: 15px;
6213  padding-bottom: 15px;
6214  border-bottom: 2px solid #ddd;
6215  background: #ffffff38 !important;
6216  z-index: 999;
6217  transition: 0.5s;
6218}
6219
6220.navbar.bodyscrolled {
6221  background:  !important;
6222
6223  padding-bottom: 0px !important;
6224  backdrop-filter: blur(15px);
6225}
6226
6227.select2-container {
6228  box-sizing: border-box;
6229  display: inline-block;
6230  margin: 0;
6231  position: relative;
6232  vertical-align: middle;
6233}
6234.select2-container .select2-selection--single {
6235  box-sizing: border-box;
6236  cursor: pointer;
6237  display: block;
6238  user-select: none;
6239  -webkit-user-select: none;
6240  height: auto;
6241}
6242
6243.select2-container .select2-selection__icon {
6244  margin-right: 6px;
6245}
6246
6247.select2-container .select2-selection__text {
6248  display: inline;
6249  vertical-align: middle;
6250}
6251
6252.select2-container .dropdown-menu > li > a {
6253  white-space: inherit;
6254}
6255
6256.select2-container .select2-results__message {
6257  padding-left: 15px;
6258  padding-right: 15px;
6259}
6260
6261.select2-container .select2-selection__icon img {
6262  max-width: calc(1em + 3px);
6263  max-height: calc(1em + 3px);
6264}
6265.select2-container .select2-selection__id-1 {
6266  min-width: 22px;
6267}
6268
6269.select2-container .select2-selection__id-2 {
6270  min-width: 30px;
6271}
6272
6273.select2-container .select2-selection__id-3 {
6274  min-width: 38px;
6275}
6276
6277.select2-container .select2-selection__id-4 {
6278  min-width: 45px;
6279}
6280
6281.select2-container .select2-selection__id-5 {
6282  min-width: 52px;
6283}
6284
6285.select2-container .select2-selection__id-6 {
6286  min-width: 60px;
6287}
6288
6289.select2-container
6290  .select2-selection--single
6291  .select2-selection__rendered {
6292  display: block;
6293  overflow: hidden;
6294  text-overflow: ellipsis;
6295  white-space: nowrap;
6296}
6297.select2-container .select2-selection--single .select2-selection__clear {
6298  position: relative;
6299}
6300.select2-container .select2-selection--multiple {
6301  box-sizing: border-box;
6302  cursor: pointer;
6303  display: block;
6304  min-height: 32px;
6305  user-select: none;
6306  -webkit-user-select: none;
6307}
6308.select2-container
6309  .select2-selection--multiple
6310  .select2-selection__rendered {
6311  display: inline-block;
6312  overflow: hidden;
6313  padding-left: 8px;
6314  text-overflow: ellipsis;
6315  white-space: nowrap;
6316}
6317.select2-container .select2-search--inline {
6318  float: left;
6319}
6320
6321.select2-dropdown {
6322  display: block !important;
6323  position: absolute;
6324  left: -100000px;
6325  width: 100%;
6326  z-index: 5;
6327  margin-top: 0px !important;
6328}
6329
6330.select2-results {
6331  display: block;
6332}
6333
6334.select2-results__options {
6335  list-style: none !important;
6336  margin: 0 !important;
6337  padding: 0 !important;
6338  display: block !important;
6339  width: 100%;
6340  position: relative !important;
6341  box-shadow: none !important;
6342  border-radius: 0px !important;
6343  border: none !important;
6344}
6345
6346.select2-results__option {
6347  display: block;
6348  clear: both;
6349  font-weight: 400;
6350  line-height: 1.42857143;
6351  color: #333;
6352  user-select: none;
6353  -webkit-user-select: none;
6354}
6355
6356.select2-results__option a {
6357  display: block;
6358  padding: 3px 20px;
6359  clear: both;
6360  font-weight: normal;
6361  line-height: 1.42857143;
6362  color: #333;
6363  text-decoration: none;
6364}
6365
6366.select2-results__option[aria-selected] {
6367  cursor: pointer;
6368}
6369
6370.select2-container--open .select2-dropdown {
6371  left: 0;
6372}
6373
6374.select2-container--open .select2-dropdown--above {
6375  border-bottom: none;
6376  border-bottom-left-radius: 0;
6377  border-bottom-right-radius: 0;
6378}
6379
6380.select2-container--open .select2-dropdown--below {
6381  border-top: none;
6382  border-top-left-radius: 0;
6383  border-top-right-radius: 0;
6384}
6385
6386.select2-search--dropdown {
6387  display: block;
6388  padding: 8px;
6389  position: relative;
6390}
6391.select2-search--dropdown.select2-search--hide {
6392  display: none;
6393}
6394.select2-search__field {
6395  padding-left: 28px;
6396}
6397
6398.select2-search__field-wrapper {
6399  position: relative;
6400}
6401.select2-search__field-icon {
6402  position: absolute;
6403  height: 100%;
6404  min-height: 100%;
6405  padding-left: 8px;
6406  display: flex;
6407  align-items: center;
6408}
6409
6410.select2-search__field-icon span {
6411  vertical-align: middle;
6412  display: table-cell;
6413}
6414
6415.select2-close-mask {
6416  border: 0;
6417  margin: 0;
6418  padding: 0;
6419  display: block;
6420  position: fixed;
6421  left: 0;
6422  top: 0;
6423  min-height: 100%;
6424  min-width: 100%;
6425  height: auto;
6426  width: auto;
6427  opacity: 0;
6428  z-index: 99;
6429  background-color: #fff;
6430  filter: alpha(opacity=0);
6431}
6432
6433.select2-hidden-accessible {
6434  border: 0 !important;
6435  clip: rect(0 0 0 0) !important;
6436  height: 1px !important;
6437  margin: -1px !important;
6438  overflow: hidden !important;
6439  padding: 0 !important;
6440  position: absolute !important;
6441  width: 1px !important;
6442}
6443
6444.select2-container--default .select2-selection--single {
6445}
6446.select2-container--default
6447  .select2-selection--single
6448  .select2-selection__rendered {
6449}
6450.select2-container--default
6451  .select2-selection--single
6452  .select2-selection__clear {
6453  cursor: pointer;
6454  float: right;
6455  font-weight: bold;
6456}
6457.select2-container--default
6458  .select2-selection--single
6459  .select2-selection__placeholder {
6460  color: #999;
6461}
6462.select2-container--default
6463  .select2-selection--single
6464  .select2-selection__arrow {
6465  height: 100%;
6466  position: absolute;
6467  top: 0px;
6468  right: 1px;
6469  width: 20px;
6470}
6471.select2-container--default
6472  .select2-selection--single
6473  .select2-selection__arrow
6474  b {
6475  border-color: #888 transparent transparent transparent;
6476  border-style: solid;
6477  border-width: 5px 4px 0 4px;
6478  height: 0;
6479  left: 50%;
6480  margin-left: -4px;
6481  margin-top: -2px;
6482  position: absolute;
6483  top: 50%;
6484  width: 0;
6485}
6486
6487.select2-container--default.select2-container--disabled
6488  .select2-selection--single {
6489  background-color: #eee;
6490  cursor: default;
6491}
6492.select2-container--default.select2-container--disabled
6493  .select2-selection--single
6494  .select2-selection__clear {
6495  display: none;
6496}
6497
6498.select2-container--default.select2-container--open
6499  .select2-selection--single
6500  .select2-selection__arrow
6501  b {
6502  border-color: transparent transparent #888 transparent;
6503  border-width: 0 4px 5px 4px;
6504}
6505
6506.select2-container--default .select2-selection--multiple {
6507  background-color: white;
6508  border: 1px solid #aaa;
6509  border-radius: 4px;
6510  cursor: text;
6511}
6512.select2-container--default
6513  .select2-selection--multiple
6514  .select2-selection__rendered {
6515  box-sizing: border-box;
6516  list-style: none;
6517  margin: 0;
6518  padding: 0 5px;
6519  width: 100%;
6520}
6521.select2-container--default
6522  .select2-selection--multiple
6523  .select2-selection__placeholder {
6524  color: #999;
6525  margin-top: 5px;
6526  float: left;
6527}
6528.select2-container--default
6529  .select2-selection--multiple
6530  .select2-selection__clear {
6531  cursor: pointer;
6532  float: right;
6533  font-weight: bold;
6534  margin-top: 5px;
6535  margin-right: 10px;
6536}
6537.select2-container--default
6538  .select2-selection--multiple
6539  .select2-selection__choice {
6540  background-color: #e4e4e4;
6541  border: 1px solid #aaa;
6542  border-radius: 4px;
6543  cursor: default;
6544  float: left;
6545  margin-right: 5px;
6546  margin-top: 5px;
6547  padding: 0 5px;
6548}
6549.select2-container--default
6550  .select2-selection--multiple
6551  .select2-selection__choice__remove {
6552  color: #999;
6553  cursor: pointer;
6554  display: inline-block;
6555  font-weight: bold;
6556  margin-right: 2px;
6557}
6558.select2-container--default
6559  .select2-selection--multiple
6560  .select2-selection__choice__remove:hover {
6561  color: #333;
6562}
6563
6564.select2-container--default.select2-container--focus
6565  .select2-selection--multiple {
6566  border: solid black 1px;
6567  outline: 0;
6568}
6569
6570.select2-container--default.select2-container--disabled
6571  .select2-selection--multiple {
6572  background-color: #eee;
6573  cursor: default;
6574}
6575
6576.select2-container--default.select2-container--disabled
6577  .select2-selection__choice__remove {
6578  display: none;
6579}
6580
6581.select2-container--default.select2-container--open.select2-container--above
6582  .select2-selection--single,
6583.select2-container--default.select2-container--open.select2-container--above
6584  .select2-selection--multiple {
6585  border-top-left-radius: 0;
6586  border-top-right-radius: 0;
6587}
6588
6589.select2-container--default.select2-container--open.select2-container--below
6590  .select2-selection--single,
6591.select2-container--default.select2-container--open.select2-container--below
6592  .select2-selection--multiple {
6593  border-bottom-left-radius: 0;
6594  border-bottom-right-radius: 0;
6595}
6596
6597.select2-container--default .select2-results > .select2-results__options {
6598  max-height: 320px;
6599  overflow-y: auto;
6600}
6601
6602.select2-container--default .select2-results__option[role="group"] {
6603  padding: 0;
6604}
6605
6606.select2-container--default
6607  .select2-results__option[aria-disabled="true"] {
6608  color: #999;
6609}
6610
6611.select2-container--default
6612  .select2-results__option[aria-selected="true"] {
6613  background-color: #ddd;
6614}
6615
6616.select2-container--default
6617  .select2-results__option
6618  .select2-results__option {
6619  padding-left: 1em;
6620}
6621.select2-container--default
6622  .select2-results__option
6623  .select2-results__option
6624  .select2-results__group {
6625  padding-left: 0;
6626}
6627.select2-container--default
6628  .select2-results__option
6629  .select2-results__option
6630  .select2-results__option {
6631  margin-left: -1em;
6632  padding-left: 2em;
6633}
6634.select2-container--default
6635  .select2-results__option
6636  .select2-results__option
6637  .select2-results__option
6638  .select2-results__option {
6639  margin-left: -2em;
6640  padding-left: 3em;
6641}
6642.select2-container--default
6643  .select2-results__option
6644  .select2-results__option
6645  .select2-results__option
6646  .select2-results__option
6647  .select2-results__option {
6648  margin-left: -3em;
6649  padding-left: 4em;
6650}
6651.select2-container--default
6652  .select2-results__option
6653  .select2-results__option
6654  .select2-results__option
6655  .select2-results__option
6656  .select2-results__option
6657  .select2-results__option {
6658  margin-left: -4em;
6659  padding-left: 5em;
6660}
6661.select2-container--default
6662  .select2-results__option
6663  .select2-results__option
6664  .select2-results__option
6665  .select2-results__option
6666  .select2-results__option
6667  .select2-results__option
6668  .select2-results__option {
6669  margin-left: -5em;
6670  padding-left: 6em;
6671}
6672
6673.select2-container--default .select2-results__group {
6674  cursor: default;
6675  display: block;
6676  padding: 6px;
6677}
6678
6679.select2-container--classic .select2-selection--single {
6680  background-color: #f7f7f7;
6681  border: 1px solid #aaa;
6682  border-radius: 4px;
6683  outline: 0;
6684  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
6685  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
6686  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
6687  background-repeat: repeat-x;
6688  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
6689}
6690.select2-container--classic .select2-selection--single:focus {
6691  border: 1px solid #5897fb;
6692}
6693.select2-container--classic
6694  .select2-selection--single
6695  .select2-selection__rendered {
6696  color: #444;
6697  line-height: 28px;
6698}
6699.select2-container--classic
6700  .select2-selection--single
6701  .select2-selection__clear {
6702  cursor: pointer;
6703  float: right;
6704  font-weight: bold;
6705  margin-right: 10px;
6706}
6707.select2-container--classic
6708  .select2-selection--single
6709  .select2-selection__placeholder {
6710  color: #999;
6711}
6712.select2-container--classic
6713  .select2-selection--single
6714  .select2-selection__arrow {
6715  background-color: #ddd;
6716  border: none;
6717  border-left: 1px solid #aaa;
6718  border-top-right-radius: 4px;
6719  border-bottom-right-radius: 4px;
6720  height: 26px;
6721  position: absolute;
6722  top: 1px;
6723  right: 1px;
6724  width: 20px;
6725  background-image: -webkit-linear-gradient(
6726    top,
6727    #eeeeee 50%,
6728    #cccccc 100%
6729  );
6730  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
6731  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
6732  background-repeat: repeat-x;
6733  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
6734}
6735.select2-container--classic
6736  .select2-selection--single
6737  .select2-selection__arrow
6738  b {
6739  border-color: #888 transparent transparent transparent;
6740  border-style: solid;
6741  border-width: 5px 4px 0 4px;
6742  height: 0;
6743  left: 50%;
6744  margin-left: -4px;
6745  margin-top: -2px;
6746  position: absolute;
6747  top: 50%;
6748  width: 0;
6749}
6750
6751.select2-container--classic.select2-container--open
6752  .select2-selection--single {
6753  border: 1px solid #5897fb;
6754}
6755.select2-container--classic.select2-container--open
6756  .select2-selection--single
6757  .select2-selection__arrow {
6758  background: transparent;
6759  border: none;
6760}
6761.select2-container--classic.select2-container--open
6762  .select2-selection--single
6763  .select2-selection__arrow
6764  b {
6765  border-color: transparent transparent #888 transparent;
6766  border-width: 0 4px 5px 4px;
6767}
6768
6769.select2-container--classic.select2-container--open.select2-container--above
6770  .select2-selection--single {
6771  border-top: none;
6772  border-top-left-radius: 0;
6773  border-top-right-radius: 0;
6774  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
6775  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
6776  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
6777  background-repeat: repeat-x;
6778  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
6779}
6780
6781.select2-container--classic.select2-container--open.select2-container--below
6782  .select2-selection--single {
6783  border-bottom: none;
6784  border-bottom-left-radius: 0;
6785  border-bottom-right-radius: 0;
6786  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
6787  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
6788  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
6789  background-repeat: repeat-x;
6790  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
6791}
6792
6793.select2-container--classic .select2-selection--multiple {
6794  background-color: white;
6795  border: 1px solid #aaa;
6796  border-radius: 4px;
6797  cursor: text;
6798  outline: 0;
6799}
6800.select2-container--classic .select2-selection--multiple:focus {
6801  border: 1px solid #5897fb;
6802}
6803.select2-container--classic
6804  .select2-selection--multiple
6805  .select2-selection__rendered {
6806  list-style: none;
6807  margin: 0;
6808  padding: 0 5px;
6809}
6810.select2-container--classic
6811  .select2-selection--multiple
6812  .select2-selection__clear {
6813  display: none;
6814}
6815.select2-container--classic
6816  .select2-selection--multiple
6817  .select2-selection__choice {
6818  background-color: #e4e4e4;
6819  border: 1px solid #aaa;
6820  border-radius: 4px;
6821  cursor: default;
6822  float: left;
6823  margin-right: 5px;
6824  margin-top: 5px;
6825  padding: 0 5px;
6826}
6827.select2-container--classic
6828  .select2-selection--multiple
6829  .select2-selection__choice__remove {
6830  color: #888;
6831  cursor: pointer;
6832  display: inline-block;
6833  font-weight: bold;
6834  margin-right: 2px;
6835}
6836.select2-container--classic
6837  .select2-selection--multiple
6838  .select2-selection__choice__remove:hover {
6839  color: #555;
6840}
6841
6842.select2-container--classic.select2-container--open
6843  .select2-selection--multiple {
6844  border: 1px solid #5897fb;
6845}
6846
6847.select2-container--classic.select2-container--open.select2-container--above
6848  .select2-selection--multiple {
6849  border-top: none;
6850  border-top-left-radius: 0;
6851  border-top-right-radius: 0;
6852}
6853
6854.select2-container--classic.select2-container--open.select2-container--below
6855  .select2-selection--multiple {
6856  border-bottom: none;
6857  border-bottom-left-radius: 0;
6858  border-bottom-right-radius: 0;
6859}
6860
6861.select2-container--classic .select2-dropdown--above {
6862  border-bottom: none;
6863}
6864
6865.select2-container--classic .select2-dropdown--below {
6866  border-top: none;
6867}
6868
6869.select2-container--classic .select2-results > .select2-results__options {
6870  max-height: 320px;
6871  overflow-y: auto;
6872}
6873
6874.select2-container--classic .select2-results__option[role="group"] {
6875  padding: 0;
6876}
6877
6878.select2-container--classic
6879  .select2-results__option[aria-disabled="true"] {
6880  color: grey;
6881}
6882
6883.select2-container--classic
6884  .select2-results__option--highlighted[aria-selected] {
6885  background-color: #3875d7;
6886  color: white;
6887}
6888
6889.select2-container--classic .select2-results__group {
6890  cursor: default;
6891  display: block;
6892  padding: 6px;
6893}
6894
6895.select2-container--classic.select2-container--open .select2-dropdown {
6896  border-color: #5897fb;
6897}
6898
6899/* RTL */
6900.select2-dropdown[dir="rtl"] {
6901  direction: rtl;
6902}
6903.select2-container[dir="rtl"]
6904  .select2-results__option.
6905  .select2-container[dir="rtl"]
6906  .select2-results__option
6907  a {
6908  text-align: right;
6909}
6910.select2-container[dir="rtl"] .select2-selection__icon {
6911  margin-right: 0px;
6912  margin-left: 6px;
6913}
6914.select2-container[dir="rtl"]
6915  .select2-selection--single
6916  .select2-selection__rendered {
6917  padding-left: 20px;
6918}
6919
6920.select2-dropdown[dir="rtl"] .select2-search__field {
6921  padding-left: 0px;
6922  padding-right: 28px;
6923}
6924
6925.select2-dropdown[dir="rtl"] .select2-search__field-icon {
6926  padding-left: 0px;
6927  padding-right: 8px;
6928}
6929
6930.select2-dropdown[dir="rtl"] .select2-results__message {
6931  text-align: right;
6932}
6933
6934.select2-dropdown[dir="rtl"] .dropdown-menu > li > a {
6935  text-align: right;
6936}
6937
6938.select2-dropdown[dir="rtl"] .select2-selection__icon {
6939  margin-right: 0px;
6940  margin-left: 6px;
6941}
6942
6943.select2-container--default[dir="rtl"]
6944  .select2-selection--single
6945  .select2-selection__clear {
6946  float: left;
6947}
6948
6949.select2-container--default[dir="rtl"]
6950  .select2-selection--single
6951  .select2-selection__arrow {
6952  left: 1px;
6953  right: auto;
6954}
6955.select2-container--default[dir="rtl"]
6956  .select2-selection--multiple
6957  .select2-selection__choice,
6958.select2-container--default[dir="rtl"]
6959  .select2-selection--multiple
6960  .select2-selection__placeholder,
6961.select2-container--default[dir="rtl"]
6962  .select2-selection--multiple
6963  .select2-search--inline {
6964  float: right;
6965}
6966
6967.select2-container--default[dir="rtl"]
6968  .select2-selection--multiple
6969  .select2-selection__choice {
6970  margin-left: 5px;
6971  margin-right: auto;
6972}
6973
6974.select2-container--default[dir="rtl"]
6975  .select2-selection--multiple
6976  .select2-selection__choice__remove {
6977  margin-left: 2px;
6978  margin-right: auto;
6979}
6980
6981.select2-container--classic[dir="rtl"]
6982  .select2-selection--multiple
6983  .select2-selection__choice {
6984  float: right;
6985}
6986
6987.select2-container--classic[dir="rtl"]
6988  .select2-selection--multiple
6989  .select2-selection__choice {
6990  margin-left: 5px;
6991  margin-right: auto;
6992}
6993
6994.select2-container--classic[dir="rtl"]
6995  .select2-selection--multiple
6996  .select2-selection__choice__remove {
6997  margin-left: 2px;
6998  margin-right: auto;
6999}
7000
7001.select2-container--classic[dir="rtl"]
7002  .select2-selection--single
7003  .select2-selection__clear {
7004  float: left;
7005}
7006
7007.select2-container--classic[dir="rtl"]
7008  .select2-selection--single
7009  .select2-selection__arrow {
7010  border: none;
7011  border-right: 1px solid #aaa;
7012  border-radius: 0;
7013  border-top-left-radius: 4px;
7014  border-bottom-left-radius: 4px;
7015  left: 1px;
7016  right: auto;
7017}
7018.nav.nav-pills {
7019  border-bottom: 1px solid transparent !important;
7020}
7021.table-bordere strong {
7022  word-break: break-all;
7023}
7024.table > tbody > tr > td,
7025.table > tbody > tr > th,
7026.table > tfoot > tr > td,
7027.table > tfoot > tr > th,
7028.table > thead > tr > td,
7029.table > thead > tr > th {
7030  line-height: 1.5;
7031  vertical-align: top;
7032  border-top: 1px solid #ddd;
7033  padding: 1rem;
7034  color: #212529;
7035}
7036#top_services .input-group-addon,
7037#top_services .input-group-btn {
7038  width: -1% !important;
7039  white-space: nowrap;
7040  vertical-align: middle;
7041}
7042.service-description .btn-primary {
7043  padding: 10px 10px;
7044  border-radius: 25px !important;
7045  font-size: 15px !important;
7046  color: #ffffff;
7047  background: var(--text-primary);
7048  border: none;
7049  font-weight: 500 !important;
7050}
7051.authorized h2.accordion-header {
7052  margin-bottom: auto !important;
7053}
7054.authorized .btn.btn-primary {
7055  padding: 10px 10px;
7056  border-radius: 25px !important;
7057  font-size: 15px !important;
7058  color: #ffffff;
7059  background: var(--text-primary);
7060  border: none;
7061  font-weight: 500 !important;
7062  width: 100%;
7063}
7064.authorized .badge {
7065  background-color: #FF0DE2;
7066  color: #fff !important;
7067  padding: 6px 0.4em !important;
7068}
7069.authorized .msg_copied {
7070  background-color: #d1e7dd;
7071  color: #002bff;
7072  padding: 10px;
7073  border-radius: 5px;
7074  margin-bottom: 10px;
7075}
7076.input-group .form-control,
7077.input-group-addon,
7078.input-group-btn {
7079  display: inline-table !important;
7080  height: 45px !important;
7081}
7082.btn-primary:not(:disabled):not(.disabled).active,
7083.btn-primary:not(:disabled):not(.disabled):active,
7084.show > .btn-primary.dropdown-toggle {
7085  color: #fff !important;
7086  background-color: #0062cc !important;
7087  border-color: #005cbf !important;
7088  outline: none !important;
7089  box-shadow: none !important;
7090}
7091
7092.btn-primary.active,
7093.btn-primary.disabled,
7094.btn-primary.disabled.active,
7095.btn-primary.disabled.focus,
7096.btn-primary.disabled:active,
7097.btn-primary.disabled:focus,
7098.btn-primary.disabled:hover,
7099.btn-primary.focus,
7100.btn-primary:active,
7101.btn-primary:focus,
7102.btn-primary:hover,
7103.btn-primary[disabled],
7104.btn-primary[disabled].active,
7105.btn-primary[disabled].focus,
7106.btn-primary[disabled]:active,
7107.btn-primary[disabled]:focus,
7108.btn-primary[disabled]:hover,
7109.open > .dropdown-toggle.btn-primary,
7110fieldset[disabled] .btn-primary,
7111fieldset[disabled] .btn-primary.active,
7112fieldset[disabled] .btn-primary.focus,
7113fieldset[disabled] .btn-primary:active,
7114fieldset[disabled] .btn-primary:focus,
7115fieldset[disabled] .btn-primary:hover {
7116  color: #fff !important;
7117  background-color: #0062cc !important;
7118  border-color: #005cbf !important;
7119  outline: none !important;
7120  box-shadow: none !important;
7121}
7122.nightmode .table > tbody > tr > td,
7123.nightmode .table > tbody > tr > th,
7124.table > tfoot > tr > td,
7125.nightmode .table > tfoot > tr > th,
7126.nightmode .table > thead > tr > td,
7127.nightmode .table > thead > tr > th {
7128  word-break: break-all !important;
7129  color: #ffffff !important;
7130}
7131.unauthorized .page_top_info {
7132  display: none !important;
7133}
7134
7135a#dropdownMenuLink {
7136  color: #fff;
7137}
7138.table-bordered td strong {
7139  font-weight: 700;
7140  word-break: break-all;
7141}
7142.nightmode .close {
7143  color: var(--bg-filter-btn) !important;
7144}
7145             
7146   .authorized .aff_item_link  #msg.active{
7147        color: #0f5132;
7148        background-color: #d1e7dd;
7149        border-color: #badbcc;     
7150        padding: 10px;
7151        margin-bottom: 10px;
7152        border-radius: 10px;
7153        transition:all 0.5s;
7154        opacity: 1;
7155        transform: translateY(0px);
7156      }      
7157      .authorized .aff_item_link  #msg{
7158        opacity: 0;
7159        transition:all 0.5s;
7160        transform: translateY(50px);
7161      }
7162.nightmode #affiliates .item_left {
7163  color: #fff !important;
7164}
7165.nightmode #affiliates .item_right {
7166  color: #fff !important;
7167}
7168.authorized #pills-tabContent .btn-default {
7169  padding: 10px 10px;
7170  border-radius: 8px !important;
7171  font-size: 15px !important;
7172  color: #ffffff;
7173  background: var(--text-primary);
7174
7175  border: none;
7176  font-weight: 500 !important;
7177  width: 100%;
7178  height: 45px !important;
7179}
7180.index.authorized form .btn-default {
7181  color: #000;
7182  background-color: #25aae1 !important;
7183  border-color: #25aae1;
7184  padding: 12px 12px;
7185}
7186
7187.unauthorized #main_container .content_area {
7188  width: calc(100%) !important;
7189  margin-left: initial !important;
7190  transition: 0.5s;
7191  z-index: -1;
7192  display: flex;
7193  align-items: center;
7194  flex-direction: column;
7195}
7196.mySwiper {
7197  transition-timing-function: linear;
7198}
7199.unauthorized #paymentSlider .mySwiper img{
7200  height: 60px !important;
7201}
7202.unauthorized #paymentSlider .mySwiper  .swiper-slide{
7203width: 100px !important;
7204}
7205.unauthorized .navbar-nav {
7206  margin: initial !important;
7207}
7208.authorized.nightmode{
7209background: var(--bg-darkmode) !important;
7210}
7211
7212.authorized .top_header .top_head_wrap {
7213z-index: 100 !important;
7214}
7215.newordersr .bootstrap-select .dropdown-toggle::after {
7216display: none !important;
7217
7218}
7219.authorized.nightmode .newordersr .bootstrap-select .dropdown-toggle.btn-default{
7220background: var(--dark-bg-input) !important;
7221color: #fff !important;
7222
7223}
7224.authorized.nightmode .badge.service_id_badge{
7225background: var(--dark-text-primary) !important;
7226color: #fff !important;
7227}
7228.authorized .newordersr .bootstrap-select .dropdown-toggle.btn-default{
7229display: block !important;
7230width: 100%  !important;
7231padding: 0.375rem 0.75rem  !important;
7232font-size: 1rem  !important;
7233font-weight: 400  !important;
7234line-height: 1.5  !important;
7235color: #212529  !important;
7236background: var(--bg-input)  !important;
7237background-clip: padding-box  !important;
7238border: 1px solid transparent  !important;
7239-webkit-appearance: none;
7240-moz-appearance: none;
7241appearance: none  !important;
7242border-radius:8px  !important;
7243transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out  !important;
7244}
7245.authorized .badge.service_id_badge{
7246color: #212529  !important;
7247}
7248.authorized .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
7249overflow: hidden;
7250padding-top: 5px !important;
7251}
7252.authorized .newordersr #description{
7253border: 1px solid transparent  !important;
7254background: var(--bg-input)  !important;
7255border-radius:15px  !important;
7256}
7257.authorized #page_top_info #sp_text_primary{
7258text-transform: capitalize;
7259}
7260.authorized .alert-warning {
7261color: #842029 !important;
7262background-color: #f8d7da !important;
7263border-color: #f5c2c7 !important;
7264}
7265.index.authorized form .dropdown-menu.open{
7266border-radius: 10px;
7267}
7268.nightmode form .dropdown-menu.open .dropdown-menu li a:hover{
7269color: #fff !important;
7270} 
7271@media (max-width: 576px)
7272{
7273.authorized .logo_off_nav {
7274width: 76px;
7275font-size: 12px !important;
7276}
7277}
7278@media (min-width: 992px) {
7279.authorized #newOrderTabsWrap  .nav.nav-pills {
7280    margin: 0px !important;
7281    border-bottom: 1px solid #ddd;
7282}
7283  .well {
7284   
7285  }
7286  #index .tab-content>.tab-pane.fade.active.show{
7287    opacity:1 !important ;
7288    display: block;
7289  }
7290  #index .tab-content>.tab-pane .fade.active.show {
7291    opacity: 1 !important;
7292}
7293  .unauthorized .navbar-light .navbar-brand{
7294    padding-top: 15px !important;
7295  }
7296 
7297  .authorized .tickets_flex {
7298    display: flex;
7299    justify-content: center;
7300    align-items: center;
7301    flex: auto;
7302  }
7303  .unauthorized .navbar-nav a.nav-link.menu_item {
7304    display: flex;
7305    justify-content: space-evenly;
7306    gap: 10px;
7307  }
7308  .unauthorized .navbar-nav.bodyscrolled a.nav-link.menu_item {
7309    display: flex;
7310    justify-content: space-evenly;
7311    gap: 10px;
7312  }
7313  body {
7314    padding-top: 0;
7315    padding-bottom: 0px !important;
7316  }
7317}
7318@media (max-width: 992px) {
7319    
7320
7321  .nightmode .table > tbody > tr > td, .nightmode .table > tbody > tr > th, .table > tfoot > tr > td, .nightmode .table > tfoot > tr > th, .nightmode .table > thead > tr > td, .nightmode .table > thead > tr > th {
7322    word-break: break-all !important;
7323    color: #ffffff !important;
7324    min-width: 100px !important;
7325}
7326
7327#main_container .content_area .content {
7328overflow: hidden;
7329
7330}
7331  .modal-inner .more_infos h5 {
7332    font-size: 12px !important;
7333   
7334}
7335#history-search {
7336  display: block !important; 
7337}    
7338.modal-inner .more_infos > .minorder {
7339  font-size: 15px !important;
7340
7341  display: block !important;
7342}
7343.authorized .top_head_wrap .logo_off_nav {
7344  display: inline-block;
7345  position: absolute;
7346  top: 10px;
7347  color: #fff !important;
7348  font-weight: 700;
7349}
7350
7351#index .tab-content>.tab-pane.fade {
7352display: none !important;
7353}
7354
7355#index .tab-content>.tab-pane.fade.active.show.in{
7356display: block !important;
7357}
7358#index .tab-content>.tab-pane.fade.active.show{
7359opacity:1 !important ;
7360display: block;
7361}
7362#index .tab-content>.tab-pane .fade.active.show {
7363opacity: 1 !important;
7364}
7365
7366  .unauthorized .navbar-brand {
7367    padding-right: 7rem;
7368  }
7369  body.authorized {
7370    padding-bottom: 0px !important;
7371  }
7372  body.unauthorized {
7373    padding-bottom: 0px !important;
7374  }
7375  .authorized .tickets_flex {
7376    display: contents;
7377  }
7378  .unauthorized .navbar-nav a.nav-link.menu_item {
7379    display: flex;
7380    justify-content: flex-start;
7381    gap: 10px;
7382    margin-left: 20px;
7383  }
7384
7385  .unauthorized .navbar-brand {
7386    height: inherit;
7387  }
7388  .authorized #page_info {
7389    display: flex;
7390
7391    gap: 0px !important;
7392  }
7393  .service_button_filter {
7394    display: grid;
7395    grid-template-columns: repeat(auto-fit, minmax(39px, 48px));
7396    gap: 10px;
7397    margin-bottom: 20px;
7398    justify-content: center;
7399  }
7400  .input-group .form-control,
7401  .input-group-addon,
7402  .input-group-btn {
7403    display: inline-table !important;
7404    height: 45px !important;
7405  }
7406  .modal-inner .serv_more_icon {
7407    width: 50px !important;
7408    height: 50px !important;
7409    background: #3d8dff !important;
7410    color: #fff;
7411    font-size: 20px !important;
7412    line-height: 50px !important;
7413    border-radius: 50px;
7414  }
7415  .serv_more_infos {
7416    display: grid;
7417    grid-template-columns: repeat(3, 1fr);
7418    margin: auto !important;
7419  }
7420}
7421.modal-dialog  .modal-body {
7422  position: relative;
7423  padding: 0px !important;
7424  border-radius: 20px !important;
7425}
7426.darktheme .modal-inner #serv_details{
7427  color: #d92d53 !important;
7428}
7429.modal-dialog .modal-content {
7430  position: relative;
7431  background-color: #fff;
7432  border: 1px solid #999;
7433  border: 1px solid rgba(0, 0, 0, .2);
7434  border-radius: 30px;
7435  box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
7436  outline: 0;
7437}
7438.modal-dialog .modal-header {
7439  padding: 0px !important;
7440  border-bottom: 1px solid transparent !important;  
7441  min-height: 0px !important;
7442}
7443.modal-dialog .serv_modal_close{
7444position: absolute;
7445width: 40px;
7446height: 40px;
7447background: #3d8dff !important;
7448top: 15px;
7449right: 15px;
7450border-radius: 50px;
7451z-index: 9;
7452opacity: 1;
7453color: #fff;
7454border: none;
7455}
7456.modal-inner  .modal-header {
7457  padding: 15px;
7458  border-bottom: 1px solid transparent;
7459  min-height: 16.5px;
7460}
7461.modal-inner  .servicesHead {
7462  min-height: 250px;
7463  background: linear-gradient( rgba(221, 221, 221, 5%),rgba(221, 221, 221, 5%)),linear-gradient(rgba(221, 221, 221, 5%),rgba(221, 221, 221, 5%)),url("https://res.cloudinary.com/sol-0123456789/image/upload/v1666344486/sol_0129302930/images/08xz2nr05ora49hs_zq8ppn.png");
7464  background-position: bottom;
7465  background-size: cover;
7466  background-repeat: no-repeat;
7467  text-align: center;
7468  padding-top: 50px;
7469  border-radius: 20px 20px 0px 0px;
7470}
7471.modal-inner  #servId {
7472  font-size: 18px;
7473  background: #3d8dff;
7474  padding: 5px 30px;
7475  display: inline-block;
7476  border-radius: 50px;
7477  color: #fff;
7478  font-weight: bold;
7479}
7480.modal-inner  #serv_details {
7481  width: 85%;
7482  margin: 0 auto;
7483  background: #f3f1f1;
7484  margin-top: -50px;
7485  padding: 15px;
7486  border-radius: 20px;
7487  box-shadow: 0 0 10px #1e1e1e63;
7488}
7489.modal-inner  .ser_more_item {
7490  text-align: center;
7491  display: flex;
7492  flex-direction: column;
7493  align-items: center;
7494  gap: 15px;
7495}
7496.modal-inner  .serv_more_icon {
7497  width: 75px;
7498  height: 75px;
7499  background:#3d8dff !important;
7500  color: #fff;
7501  font-size: 35px;
7502  line-height: 75px;
7503  border-radius: 50px;
7504  box-shadow: inset 0 0 10px #dddddd70;
7505}
7506.modal-inner  .more_infos > .minorder {
7507  font-size: 20px;
7508  font-weight: 800;
7509  color: #3d8dff;
7510  display: block !important;
7511}
7512.modal-inner  .more_infos h5 {
7513  font-size: 16px;
7514  font-weight: bold;
7515  margin: 0;
7516  color: #000;
7517}
7518.modal-inner  .buyNOwBtn {
7519  width: 85%;
7520  margin: 0 auto;
7521  padding-bottom: 20px;
7522}
7523.modal-inner  #buyNow {
7524  width: 100%;
7525  background: #3d8dff;
7526  display: block;
7527  padding: 10px 30px;
7528  border-radius: 50px;
7529  text-align: center;
7530  color: #fff;
7531  font-size: 18px;
7532  font-weight: bold;
7533}
7534.serv_more_infos{
7535   display: flex;
7536  justify-content: center;
7537  align-items: center;
7538  gap: 50px;
7539  margin: 10px;
7540  color: #3d8dff !important;
7541}
7542#serv_names{
7543   display: block !important;
7544   color: #000 ;
7545   margin: 10px;
7546}
7547.authorized footer{
7548display:none !important;
7549}
7550.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
7551content: " ";
7552display: none  !important;
7553}
7554.modal.fade.in {
7555opacity: 1 !important;
7556padding: 0px !important;
7557}
7558@media (max-width: 350px)
7559{
7560
7561.unauthorized .navbar-brand {
7562padding-right: 5rem !important;
7563}
7564}
7565
7566  </style>
7567</head>
7568	
7569  <body id="login" class="login unauthorized">
7570    <nav class="navbar navbar-expand-lg bg-white">
7571            <div class="container" style="
7572    margin-top: -12px;
7573    margin-bottom: -12px;
7574">
7575                <a class="navbar-brand" href="/">
7576
7577        
7578
7579															
7580																<span style="text-transform: ">
7581
7582																	<span style="font-size: 24px">
7583
7584																		<span style="letter-spacing: 1.0px">
7585
7586																			<span style="line-height: 0px">
7587
7588																				<strong style="font-weight: bold">HASSAN SMM</strong>
7589
7590																			</span>
7591
7592																		</span>
7593
7594																	</span>
7595
7596																</span>
7597
7598															
7599														</a>
7600
7601        <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
7602                    data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
7603                    aria-expanded="false" aria-label="Toggle navigation">
7604                    <span class="navbar-toggler-icon"></span>
7605                </button>
7606
7607<div class="collapse navbar-collapse" id="navbarSupportedContent" style="
7608    padding-left: 20px;
7609    padding-bottom: 10px;
7610">
7611    
7612    
7613                        <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
7614                                                                        <li class="nav-item">
7615                            <a href="/" class="nav-link active" >
7616                                                                Sign in
7617                            </a>
7618                        </li>
7619                                                                                                <li class="nav-item">
7620                            <a href="/services" class="nav-link " >
7621                                                                Services
7622                            </a>
7623                        </li>
7624                                                                                                <li class="nav-item">
7625                            <a href="/about-us" class="nav-link " >
7626                                                                About Us
7627                            </a>
7628                        </li>
7629                                                                                                <li class="nav-item">
7630                            <a href="/blog" class="nav-link " >
7631                                                                Blog
7632                            </a>
7633                        </li>
7634                                                                                                <li class="nav-item">
7635                            <a href="/contact-us" class="nav-link " >
7636                                                                Contact us
7637                            </a>
7638                        </li>
7639                                                                    </ul>
7640                    <ul class="navbar-nav ms-auto">
7641                        <li class="nav-item">
7642                            <a href="/signup" class="nav-button btn btn-nav" style="
7643    color: white;background: #4CAF50;
7644">Sign Up</a>
7645                        </li>
7646                    </ul>
7647                </div>
7648            </div>
7649        </nav> 
7650    
7651    
7652
7653
7654<main>
7655
7656<link rel="stylesheet" type="text/css" href="https://res.cloudinary.com/djjwnvmwv/raw/upload/v1733130137/jtsmmpanel/byppsphs4iugz6cq3tco.css">
7657<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
7658
7659<style>
7660  #counter .counter__item .icon {
7661    display: inline-block;
7662    width: 90px;
7663    height: 90px;
7664    line-height: 90px;
7665    border-radius: 90px;
7666    margin-bottom: 15px;
7667    background: #ffffff;
7668    box-shadow: none;
7669}
7670  .unauthorized .btn.btn-primary {
7671    padding: 15px !important;
7672  }
7673  .login-hero .bottom__login__group {
7674 
7675    grid-template-columns: repeat(1, 1fr) !important;
7676}
7677  @media only screen and (max-width: 992px) {
7678    #hero {
7679                background-color: #57e90029;
7680        background-image: linear-gradient(-60deg, #4caf509e 34%, #ffe24900 65%);
7681        background-repeat: no-repeat;
7682    }
7683}
7684  menu_item_14{
7685  background: linear-gradient(180deg, #43B9FE 0%, #207CFE 100%);
7686    color: white;
7687  }
7688  
7689#navbar {
7690    transition: 0.5s ease;
7691}
7692#navbar {
7693    position: fixed;
7694    width: 100%;
7695    z-index: 99;
7696}
7697  @media only screen and (max-width: 550px){
7698  padding: 0px;
7699  }
7700  @media (min-width: 992px) {
7701    #login form .form-group::after {
7702     
7703        background: none;
7704        
7705    }
7706}
7707  @media (min-width: 992px) {
7708    #login form .form-group::before{
7709   background: none;
7710  }
7711  #codecopykorle-tormarechudi{
7712  margin-top: -10px;
7713  }
7714  .col-6 {
7715    -ms-flex: 0 0 50%;
7716    flex: 0 0 50%;
7717    max-width: 50%;
7718    font-size: 15px;
7719}
7720  
7721  @media (max-width: 992px) {
7722    .unauthorized .navbar-nav a.nav-link.menu_item {
7723        display: flex
7724;
7725        /* justify-content: flex-start; */
7726        /* gap: 10px; */
7727     
7728    }
7729}
7730  #hero {
7731               background-color: #57e90029;
7732        background-image: linear-gradient(-60deg, #4caf509e 34%, #ffe24900 65%);
7733        background-repeat: no-repeat;
7734    }
7735 #login-with-google-btn {
7736    background-color: #db4437; /* Google Red */
7737    color: white;
7738    border: none;
7739    padding: 15px 30px;
7740    font-size: 16px;
7741    font-weight: bold;
7742    border-radius: 50px;
7743    display: flex;
7744    justify-content: center;
7745    align-items: center;
7746    gap: 10px;
7747    width: 100%;
7748    transition: background-color 0.3s ease, transform 0.2s ease;
7749}
7750
7751#login-with-google-btn:hover {
7752    background-color: #c1351d; /* Darker Google Red */
7753    transform: translateY(-3px); /* Hover effect */
7754}
7755
7756#login-with-google-btn i {
7757    font-size: 20px;
7758}
7759
7760#login-with-google-btn:active {
7761    transform: translateY(0); /* Active effect */
7762}
7763
7764#login-with-google-btn:focus {
7765    outline: none;
7766    box-shadow: 0 0 0 4px rgba(219, 68, 55, 0.5);
7767}
7768
7769</style>
7770 															
7771
7772<section id="hero" style="margin-top: 27px;">
7773    <div class="container">
7774        <div class="row d-flex align-items-center">
7775         
7776            <div class="col-lg-6 col-md-12 col-12">
7777<div class="hero_content">
7778    <h4 class="text-black font-poppins">
7779        HASSAN SMM ~ Premier API Provider & Trusted SMM Solutions
7780    </h4>
7781    <h1 class="text-black">
7782        <span class="text-black">Leading Provider of Cost-Effective SMM Panel Services for Social Media Growth</span> <br>
7783    </h1>
7784    <p>
7785        At HASSAN SMM, we are committed to delivering cutting-edge API solutions and reliable SMM services. With over 5 years of industry experience, we provide premium services for platforms like Facebook, Instagram, TikTok, Twitter, Spotify, and more, ensuring accelerated growth and exceptional support for resellers.
7786    </p>
7787</div>
7788
7789                <form method="post" action="/">
7790                    <div class="login-hero">
7791                                                                        <div class="top__login__group">
7792                            <div class="form-group has_icon">
7793                                <span class="icon">
7794                                    <img src="https://cdn-icons-png.flaticon.com/128/236/236832.png" class="img-fluid icon" alt="smm-panel-username-icon">
7795                                </span>
7796                                <input name="username" class="form-control" id="username" type="text" placeholder="Username" />
7797                            </div>
7798                            <div class="form-group has_icon has_password">
7799                                <span class="icon">
7800                                    <img src="https://cdn-icons-png.flaticon.com/128/8755/8755030.png" class="img-fluid icon" alt="smm-panel-password-icon">
7801                                </span>
7802                                <input name="password" class="form-control" id="password" type="password" placeholder="Password" />
7803                                <button class="pwd_show_hide" type="button" id="pwdBtn" onclick="passwordShowHide('pwdBtn','password')">
7804                                    <span class="hide-eye"> <i class="far fa-eye-slash"></i> </span>
7805                                    <span class="show-eye"> <i class="far fa-eye"></i> </span>
7806                                </button>    
7807                            </div>
7808                        </div>
7809                        <div class="middle__login__group">
7810                            <div class="form-check ms-1">
7811                                <label for="remember">
7812                                    <input type="checkbox" id="remembered" value='1' name="remember_me" checked="" />
7813                                    Remember me
7814                                </label>
7815                            </div>  
7816                            <a href="/resetpassword" class="link forgotpassword text-primary">Forgot password?</a>
7817                        </div>
7818                        									                           <input type="hidden" name="csrf_token" value="8b349c76a6f2f9dc05a1f1a7a1eb3e5e6ede2909c5c9c5745add82387fe9bef9">
7819                        <input type="hidden" name="login_btn" value="Login">
7820                        
7821                        <div class="bottom__login__group align-items-center">
7822                            <div class="d-flex flex-column gap-1">
7823                                <button type="submit" class="btn btn-primary btn-signin">Sign in</button>
7824                            </div>
7825                        </div><br>
7826<button type="button" id="login-with-google-btn" class="btn btn-block btn-big-primary" onclick="showLoading(this);">
7827  <i class="fab fa-google" style="font-size: 20px;"></i> Continue with Google
7828</button>
7829
7830<script>
7831  function showLoading(button) {
7832    button.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Redirecting...';
7833    button.disabled = true;
7834    setTimeout(() => {
7835      window.location.href = '?login-with-google';
7836    }, 1000);
7837  }
7838</script>
7838 
7839                    
7840                    </div>
7841                    
7842                    <p>
7843                        <span style="font-family: verdana; font-size: large;">
7844                            <div style="text-align: center;">
7845                                <b>Don't have an account? <a href="/signup" target="">Sign Up NOW!</a></b>
7846                            </div>
7847                        </span>
7848                    </p>
7849                </form>
7850            </div>
7851            
7852            <div class="col-lg-6 col-md-12 col-12">
7853                <div class="hero_image text-end">
7854                    <img src="https://res.cloudinary.com/dlcr6eugd/image/upload/v1731691941/20241115_220300_zq5l5c.png" class="img-fluid" alt="best-smm-panel-service-in-bangladesh">
7855                </div>
7856            </div>
7857        </div>
7858    </div>
7859</section>
7860
7861<!-- Counter Sections -->
7862  <section id="counter">
7863    <div class="container">
7864        <div class="row">
7865            <div class="col-lg-3 col-md-6 col-6">
7866                <div class="counter__item">
7867                    <div class="icon">
7868                        <img src="https://cdn.fexpink.com/honestsmm/images/total-completed-order.png" class="img-fluid" alt="order-completed-of-smm-panel">
7869                    </div>
7870                    <h4>52515</h4>
7871                    <p>Order Completed</p>
7872                </div>
7873            </div>
7874            <div class="col-lg-3 col-md-6 col-6">
7875                <div class="counter__item">
7876                    <div class="icon">
7877                        <img src="https://cdn-icons-png.flaticon.com/128/3631/3631163.png" class="img-fluid" alt="active-services-of-smm-panel">
7878                    </div>
7879                    <h4>1693</h4>
7880                    <p>Active Services</p>
7881                </div>
7882            </div>
7883            <div class="col-lg-3 col-md-6 col-6">
7884                <div class="counter__item">
7885                    <div class="icon">
7886                        <img src="https://cdn-icons-png.flaticon.com/128/476/476863.png" class="img-fluid" alt="active-user-of-smm-panel">
7887                    </div>
7888                    <h4>10811</h4>
7889                    <p>Active Users</p>
7890                </div>
7891            </div>
7892            <div class="col-lg-3 col-md-6 col-6">
7893                <div class="counter__item">
7894                    <div class="icon">
7895                        <img src="https://cdn.fexpink.com/honestsmm/images/fastest-support.png" class="img-fluid" alt="world-wide-rank-smm-panel">
7896                    </div>
7897                    <h4>24/7</h4>
7898                    <p>Fastest Support</p>
7899                </div>
7900            </div>
7901        </div>
7902    </div>
7903</section>
7904  <!-- ### Counter Sections -->
7905  
7906<!-- Our Services -->
7907<section id="ourServices">
7908    <div class="container">
7909        <div class="row">
7910            <div class="col-lg-12">
7911                <div class="def__title__wrap text-center">
7912                    <h4>Our Services</h4>
7913                    <h2>
7914                        Diverse <span class="text-primary line-below">SMM Panels</span> for Every Need
7915                    </h2>
7916                    <p>
7917                        Explore our comprehensive range of SMM panels, designed to cater to every aspect of your
7918                        social media needs. From boosting your Instagram followers to enhancing your LinkedIn
7919                        network, our specialized <a href="/services" class="link">services</a> are
7920                        tailored to ensure maximum impact and growth for
7921                        your online presence. With HASSAN SMM ~ Best API provider , experience the power of targeted and effective social
7922                        media marketing.
7923                    </p>
7924                </div>
7925            </div>
7926            <div class="col-lg-12 col-12">
7927                <div class="card home-service-card">
7928                    <div class="card-header">
7929                        <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
7930                            <li class="nav-item" role="presentation">
7931                                <button class="nav-link active" id="pills-facebook-tab" data-bs-toggle="pill"
7932                                    data-bs-target="#pills-facebook" type="button" role="tab"
7933                                    aria-controls="pills-facebook" aria-selected="true">
7934                                    <span class="icon">
7935                                        <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130274/jtsmmpanel/sm5n3qnku1x7ogbvluip.png"
7936                                            class="img-fluid" alt="facebook-smm-panel-icon">
7937                                    </span>
7938                                    <span class="text">Facebook</span>
7939                                </button>
7940                            </li>
7941
7942                            <li class="nav-item" role="presentation">
7943                                <button class="nav-link" id="pills-instagram-tab" data-bs-toggle="pill"
7944                                    data-bs-target="#pills-instagram" type="button" role="tab"
7945                                    aria-controls="pills-instagram" aria-selected="false">
7946                                    <span class="icon">
7947                                        <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130275/jtsmmpanel/yeporxfj1edrkvomjvfc.png"
7948                                            class="img-fluid" alt="instagram-smm-panel-icon">
7949                                    </span>
7950                                    <span class="text">Instagram</span>
7951                                </button>
7952                            </li>
7953
7954                            <li class="nav-item" role="presentation">
7955                                <button class="nav-link" id="pills-youtube-tab" data-bs-toggle="pill"
7956                                    data-bs-target="#pills-youtube" type="button" role="tab"
7957                                    aria-controls="pills-youtube" aria-selected="false">
7958                                    <span class="icon">
7959                                        <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130291/jtsmmpanel/rkfjhpkvfc5sqi9r6xtl.png"
7960                                            class="img-fluid" alt="youtube-smm-panel-icon">
7961                                    </span>
7962                                    <span class="text">Youtube</span>
7963                                </button>
7964                            </li>
7965
7966                            <li class="nav-item" role="presentation">
7967                                <button class="nav-link" id="pills-tiktok-tab" data-bs-toggle="pill"
7968                                    data-bs-target="#pills-tiktok" type="button" role="tab" aria-controls="pills-tiktok"
7969                                    aria-selected="false">
7970                                    <span class="icon">
7971                                        <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130286/jtsmmpanel/huual8pjvmukgrhhi5se.png"
7972                                            class="img-fluid" alt="tiktok-smm-panel-icon">
7973                                    </span>
7974                                    <span class="text">TikTok</span>
7975                                </button>
7976                            </li>
7977
7978                            <li class="nav-item" role="presentation">
7979                                <button class="nav-link" id="pills-linkedin-tab" data-bs-toggle="pill"
7980                                    data-bs-target="#pills-linkedin" type="button" role="tab"
7981                                    aria-controls="pills-linkedin" aria-selected="false">
7982                                    <span class="icon">
7983                                        <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130276/jtsmmpanel/xqirgzytswasledheiyi.png"
7984                                            class="img-fluid" alt="linkedin-smm-panel-icon">
7985                                    </span>
7986                                    <span class="text">Linkedin</span>
7987                                </button>
7988                            </li>
7989
7990                            <li class="nav-item" role="presentation">
7991                                <button class="nav-link" id="pills-telegram-tab" data-bs-toggle="pill"
7992                                    data-bs-target="#pills-telegram" type="button" role="tab"
7993                                    aria-controls="pills-telegram" aria-selected="false">
7994                                    <span class="icon">
7995                                        <img src="https://cdn.smmsun.com/images/telegram-smmpanel-icon.png"
7996                                            class="img-fluid" alt="telegram-smmpanel-icon">
7997                                    </span>
7998                                    <span class="text">Telegram</span>
7999                                </button>
8000                            </li>
8001<!-- 
8002	Theme: HASSAN SMM V2.0
8003	Theme Designer: Maruf Ahmed Raj
8004	Phone: +8801603746079(whatsapp)
8005
8006 -->
8007                            <li class="nav-item" role="presentation">
8008                                <button class="nav-link" id="pills-discord-tab" data-bs-toggle="pill"
8009                                    data-bs-target="#pills-discord" type="button" role="tab"
8010                                    aria-controls="pills-discord" aria-selected="false">
8011                                    <span class="icon">
8012                                        <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130281/jtsmmpanel/mlns9ocgzy2be2ctkxiy.png"
8013                                            class="img-fluid" alt="smm-panel-discord-icon">
8014                                    </span>
8015                                    <span class="text">Discord</span>
8016                                </button>
8017                            </li>
8018
8019                            <li class="nav-item" role="presentation">
8020                                <button class="nav-link" id="pills-x-tab" data-bs-toggle="pill"
8021                                    data-bs-target="#pills-x" type="button" role="tab" aria-controls="pills-x"
8022                                    aria-selected="false">
8023                                    <span class="icon">
8024                                        <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130288/jtsmmpanel/c9ruxqwhbcs8l1mqa6yy.png"
8025                                            class="img-fluid" alt="twitter-smm-panel-icon">
8026                                    </span>
8027                                    <span class="text">X-Twitter</span>
8028                                </button>
8029                            </li>
8030
8031                            <li class="nav-item" role="presentation">
8032                                <button class="nav-link" id="pills-pinterest-tab" data-bs-toggle="pill"
8033                                    data-bs-target="#pills-pinterest" type="button" role="tab"
8034                                    aria-controls="pills-pinterest" aria-selected="false">
8035                                    <span class="icon">
8036                                        <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130278/jtsmmpanel/przjv4f9hhfht1evz3zi.png"
8037                                            alt="">
8038                                    </span>
8039                                    <span class="text">Pinterest</span>
8040                                </button>
8041                            </li>
8042
8043                            <li class="nav-item" role="presentation">
8044                                <button class="nav-link" id="pills-twich-tab" data-bs-toggle="pill"
8045                                    data-bs-target="#pills-twich" type="button" role="tab" aria-controls="pills-twich"
8046                                    aria-selected="false">
8047                                    <span class="icon">
8048                                        <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130287/jtsmmpanel/vauev6ex2zvcvmbrqm4m.png"
8049                                            alt="twich-smm-panel">
8050                                    </span>
8051                                    <span class="text">Twitch</span>
8052                                </button>
8053                            </li>
8054
8055                            <li class="nav-item" role="presentation">
8056                                <button class="nav-link" id="pills-soundcloud-tab" data-bs-toggle="pill"
8057                                    data-bs-target="#pills-soundcloud" type="button" role="tab"
8058                                    aria-controls="pills-soundcloud" aria-selected="false">
8059                                    <span class="icon">
8060                                        <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130283/jtsmmpanel/xyggbgktn3t1np8wzky2.png"
8061                                            alt="sound-cloud-icon">
8062                                    </span>
8063                                    <span class="text">Sound Cloud</span>
8064                                </button>
8065                            </li>
8066
8067                            <li class="nav-item" role="presentation">
8068                                <button class="nav-link" id="pills-web-tab" data-bs-toggle="pill"
8069                                    data-bs-target="#pills-web" type="button" role="tab" aria-controls="pills-web"
8070                                    aria-selected="false">
8071                                    <span class="icon">
8072                                        <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130290/jtsmmpanel/wgmkcx4npuqthk0dtrjd.png"
8073                                            class="img-fluid" alt="website-traffic-of-smm-panel-icon">
8074                                    </span>
8075                                    <span class="text">Web Traffic</span>
8076                                </button>
8077                            </li>
8078
8079                        </ul>
8080                    </div>
8081                    <div class="card-body">
8082                        <div class="tab-content" id="pills-tabContent">
8083                            <div class="tab-pane fade show active" id="pills-facebook" role="tabpanel"
8084                                aria-labelledby="pills-facebook-tab" tabindex="0">
8085                                <div class="services_content_wrap">
8086                                    <div class="services_content_left">
8087                                        <h2 class="text-primary">Facebook SMM Panel</h2>
8088                                        <p>
8089                                            Discover the best SMM panel for Facebook to skyrocket your page's
8090                                            engagement and reach. Experience affordable, impactful growth with
8091                                            our expert Facebook marketing strategies.
8092                                        </p>
8093                                        <a href="/services" class="btn btn-primary btn-sm">Our Services</a>
8094                                    </div>
8095                                    <div class="services_content_right">
8096                                        <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130274/jtsmmpanel/ibkhtohouuamovvxt4gv.webp"
8097                                            class="img-fluid" alt="facebook-smm-panel">
8098                                    </div>
8099                                </div>
8100                            </div>
8101                            <div class="tab-pane fade" id="pills-instagram" role="tabpanel"
8102                                aria-labelledby="pills-instagram-tab" tabindex="0">
8103                                <div class="services_content_wrap">
8104                                    <div class="services_content_left">
8105                                        <h2 class="text-primary">Instagram SMM Panel</h2>
8106                                        <p>
8107                                            Elevate your Instagram presence with our specialized Instagram SMM
8108                                            panel. Gain authentic followers and likes at competitive prices,
8109                                            enhancing your visibility and influence.
8110                                        </p>
8111                                        <a href="/services" class="btn btn-primary btn-sm">Our Services</a>
8112                                    </div>
8113                                    <div class="services_content_right">
8114                                        <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130274/jtsmmpanel/zckd7bhv7j2wpvsx2bhs.webp"
8115                                            class="img-fluid" alt="instagram-smm-panel">
8116                                    </div>
8117                                </div>
8118                            </div>
8119                            <div class="tab-pane fade" id="pills-youtube" role="tabpanel"
8120                                aria-labelledby="pills-youtube-tab" tabindex="0">
8121                                <div class="services_content_wrap">
8122                                    <div class="services_content_left">
8123                                        <h2 class="text-primary">YouTube SMM Panel</h2>
8124                                        <p>
8125                                            Boost your YouTube channel with our dedicated YouTube SMM panel.
8126                                            Increase views, subscribers, and engagement with our cost-effective
8127                                            and targeted solutions.
8128                                        </p>
8129                                        <a href="/services" class="btn btn-primary btn-sm">Our Services</a>
8130                                    </div>
8131                                    <div class="services_content_right">
8132                                        <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130291/jtsmmpanel/nrnqa53unjn6vtu72dqm.png" class="img-fluid"
8133                                            alt="youtube-smm-panel">
8134                                    </div>
8135                                </div>
8136                            </div>
8137                            <div class="tab-pane fade" id="pills-tiktok" role="tabpanel"
8138                                aria-labelledby="pills-tiktok-tab" tabindex="0">
8139                                <div class="services_content_wrap">
8140                                    <div class="services_content_left">
8141                                        <h2 class="text-primary">TikTok SMM Panel</h2>
8142                                        <p>
8143                                            Tap into the viral power of TikTok with our bespoke TikTok SMM
8144                                            panel. Amplify your content reach and gain real, active followers
8145                                            effortlessly and affordably.
8146                                        </p>
8147                                        <a href="/services" class="btn btn-primary btn-sm">Our Services</a>
8148                                    </div>
8149                                    <div class="services_content_right">
8150                                        <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130285/jtsmmpanel/wefagshzz2ivzad1yazl.webp" class="img-fluid"
8151                                            alt="tiktok-smm-panel">
8152                                    </div>
8153                                </div>
8154                            </div>
8155                            <div class="tab-pane fade" id="pills-linkedin" role="tabpanel"
8156                                aria-labelledby="pills-linkedin-tab" tabindex="0">
8157                                <div class="services_content_wrap">
8158                                    <div class="services_content_left">
8159                                        <h2 class="text-primary">LinkedIn SMM Panel</h2>
8160                                        <p>
8161                                            Enhance your professional network with the best SMM panel for
8162                                            LinkedIn. Build connections and elevate your profile in the
8163                                            corporate world with our targeted strategies.
8164                                        </p>
8165                                        <a href="/services" class="btn btn-primary btn-sm">Our Services</a>
8166                                    </div>
8167                                    <div class="services_content_right">
8168                                        <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130275/jtsmmpanel/ady4xjwuxtaztlzdtxhk.webp"
8169                                            class="img-fluid" alt="linkedin-smm-panel">
8170                                    </div>
8171                                </div>
8172                            </div>
8173                            <div class="tab-pane fade" id="pills-telegram" role="tabpanel"
8174                                aria-labelledby="pills-telegram-tab" tabindex="0">
8175                                <div class="services_content_wrap">
8176                                    <div class="services_content_left">
8177                                        <h2 class="text-primary">Telegram SMM Panel</h2>
8178                                        <p>
8179                                            Expand your Telegram channel's influence with our efficient Telegram
8180                                            SMM panel. Grow your subscriber base and engagement with our
8181                                            reliable and affordable services.
8182                                        </p>
8183                                        <a href="/services" class="btn btn-primary btn-sm">Our Services</a>
8184                                    </div>
8185                                    <div class="services_content_right">
8186                                        <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130284/jtsmmpanel/q1dskv2kiwr7brzmbnkr.webp"
8187                                            class="img-fluid" alt="telegram-smm-panel">
8188                                    </div>
8189                                </div>
8190                            </div>
8191                            <div class="tab-pane fade" id="pills-discord" role="tabpanel"
8192                                aria-labelledby="pills-discord-tab" tabindex="0">
8193                                <div class="services_content_wrap">
8194                                    <div class="services_content_left">
8195                                        <h2 class="text-primary">Discord SMM Panel</h2>
8196                                        <p>
8197                                            Strengthen your community on Discord with our specialized Discord
8198                                            SMM panel. Boost server activity and engagement with our tailored
8199                                            and cost-effective solutions.
8200                                        </p>
8201                                        <a href="/services" class="btn btn-primary btn-sm">Our Services</a>
8202                                    </div>
8203                                    <div class="services_content_right">
8204                                        <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130280/jtsmmpanel/hyzqxelkfkoreai4egl2.webp"
8205                                            class="img-fluid" alt="smm-panel-discord">
8206                                    </div>
8207                                </div>
8208                            </div>
8209                            <div class="tab-pane fade" id="pills-x" role="tabpanel" aria-labelledby="pills-x-tab"
8210                                tabindex="0">
8211                                <div class="services_content_wrap">
8212                                    <div class="services_content_left">
8213                                        <h2 class="text-primary">X - Twitter SMM Panel</h2>
8214                                        <p>
8215                                            Amplify your Twitter impact with our targeted Twitter SMM panel.
8216                                            Increase followers, retweets, and engagement with our dynamic and
8217                                            affordable Twitter strategies.
8218                                        </p>
8219                                        <a href="/services" class="btn btn-primary btn-sm">Our Services</a>
8220                                    </div>
8221                                    <div class="services_content_right">
8222                                        <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130287/jtsmmpanel/mcab6zx9cc2fv0taqtgx.png" class="img-fluid"
8223                                            alt="twitter-smm-panel">
8224                                    </div>
8225                                </div>
8226                            </div>
8227                            <div class="tab-pane fade" id="pills-pinterest" role="tabpanel"
8228                                aria-labelledby="pills-pinterest-tab" tabindex="0">
8229                                <div class="services_content_wrap">
8230                                    <div class="services_content_left">
8231                                        <h2 class="text-primary">Pinterest SMM Panel</h2>
8232                                        <p>
8233                                            Boost your brand's visual appeal with our Pinterest SMM panel. Drive
8234                                            traffic and engagement through creative and strategic Pinterest
8235                                            marketing solutions.
8236                                        </p>
8237                                        <a href="/services" class="btn btn-primary btn-sm">Our Services</a>
8238                                    </div>
8239                                    <div class="services_content_right">
8240                                        <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130278/jtsmmpanel/wyezilnoapdmji6hjmwz.webp"
8241                                            class="img-fluid" alt="pinterest-smm-panel">
8242                                    </div>
8243                                </div>
8244                            </div>
8245                            <div class="tab-pane fade" id="pills-twich" role="tabpanel"
8246                                aria-labelledby="pills-twich-tab" tabindex="0">
8247                                <div class="services_content_wrap">
8248                                    <div class="services_content_left">
8249                                        <h2 class="text-primary">Twitch SMM Panel</h2>
8250                                        <p>
8251                                            Elevate your Twitch streaming success with our dedicated Twitch SMM
8252                                            panel. Grow your viewer base and engagement with our specialized and
8253                                            affordable Twitch services.
8254                                        </p>
8255                                        <a href="/services" class="btn btn-primary btn-sm">Our Services</a>
8256                                    </div>
8257                                    <div class="services_content_right">
8258                                        <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130287/jtsmmpanel/rstnkgwm9ihjgqw3ctv5.webp"
8259                                            class="img-fluid" alt="Twitch-smm-panel-banner">
8260                                    </div>
8261                                </div>
8262                            </div>
8263                            <div class="tab-pane fade" id="pills-soundcloud" role="tabpanel"
8264                                aria-labelledby="pills-soundcloud-tab" tabindex="0">
8265                                <div class="services_content_wrap">
8266                                    <div class="services_content_left">
8267                                        <h2 class="text-primary">Soundcloud SMM Panel</h2>
8268                                        <p>
8269                                            Enhance your music and audio presence with our Soundcloud SMM panel.
8270                                            Gain more plays, followers, and recognition in the Soundcloud
8271                                            community efficiently.
8272                                        </p>
8273                                        <a href="/services" class="btn btn-primary btn-sm">Our Services</a>
8274                                    </div>
8275                                    <div class="services_content_right">
8276                                        <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130283/jtsmmpanel/fwwpg8y1iryytswkh6mq.webp"
8277                                            class="img-fluid" alt="soundcloud-smm-panel">
8278                                    </div>
8279                                </div>
8280                            </div>
8281                            <div class="tab-pane fade" id="pills-web" role="tabpanel" aria-labelledby="pills-web-tab"
8282                                tabindex="0">
8283                                <div class="services_content_wrap">
8284                                    <div class="services_content_left">
8285                                        <h2 class="text-primary">Website Traffic</h2>
8286                                        <p>
8287                                            Drive targeted visitors to your website with our effective Website
8288                                            Traffic services. Increase your site's visibility and user
8289                                            engagement with our strategic traffic-boosting solutions.
8290                                        </p>
8291                                        <a href="/services" class="btn btn-primary btn-sm">Our Services</a>
8292                                    </div>
8293                                    <div class="services_content_right">
8294                                        <img src="https://res.cloudinary.com/djjwnvmwv/image/upload/v1733130289/jtsmmpanel/ngqzyqtqjpesp9na5kkx.webp"
8295                                            class="img-fluid" alt="website-traffic-of-smm-panel-banner">
8296                                    </div>
8297                                </div>
8298                            </div>
8299                        </div>
8300                    </div>
8301                </div>
8302            </div>
8303        </div>
8304    </div>
8305</section>
8306
8307  
8308  <!-- ## Cheap and Best Section -->
8309  <!-- Why Choose Us -->
8310  <section id="whyChooseUs">
8311    <div class="container">
8312      <div class="row d-flex align-items-center">
8313        <div class="col-lg-6">
8314          <div class="sec__title__wrap">
8315            <h4 class="sec__title__small"></h4>
8316            <h2 class="sec__title">
8317             Why Choose <br />
8318              <strong class="text__primary">Our</strong> SMM Panel<br />
8319              HASSAN SMM ~ Best API provider 
8320            </h2>
8321            <p class="sec__dsc">
8322              At <strong>HASSAN SMM ~ Best API provider </strong>, we are committed to offering the 
8323              <strong>best SMM Panel services</strong> to users worldwide. From managing social media campaigns to enhancing your online presence on platforms like Facebook, Instagram, Twitter, and LinkedIn — we do it all! 
8324              <br />
8325              💡 **Unmatched Pricing** — we guarantee to beat any price on the market! Customer happiness is at the core of what we do. Rest assured, every service request will be fulfilled on time with precision. 
8326              <br />
8327              🏆 Whether you're looking for instant likes, comments, followers, or subscriptions, <strong>HASSAN SMM ~ Best API provider </strong> has got your back!
8328            </p>
8329          </div>
8330        </div>
8331        <div class="col-lg-6">
8332          <div class="box_wraper">
8333            <div class="box_item_wrap box_1">
8334              <div class="box_icon">
8335                <i class="fas fa-sack-dollar"></i>
8336              </div>
8337              <div class="box_cont">
8338                <h4>Affordable Pricing</h4>
8339                <p>
8340                  Get started for as low as $0.01! We offer unbeatable prices for premium services.
8341                </p>
8342              </div>
8343            </div>
8344            <div class="box_item_wrap box_2">
8345              <div class="box_icon">
8346                <i class="far fa-alarm-clock"></i>
8347              </div>
8348              <div class="box_cont">
8349                <h4>Real-Time Updates</h4>
8350                <p>
8351                  With HASSAN SMM ~ Best API provider , stay ahead with accurate and up-to-date information.
8352                </p>
8353              </div>
8354            </div>
8355            <div class="box_item_wrap box_3">
8356              <div class="box_icon">
8357                <i class="fas fa-users-class"></i>
8358              </div>
8359              <div class="box_cont">
8360                <h4>User-Friendly Dashboard</h4>
8361                <p>
8362                  Navigate effortlessly with our simple and intuitive panel, updated daily for your convenience.
8363                </p>
8364              </div>
8365            </div>
8366            <div class="box_item_wrap box_4">
8367              <div class="box_icon">
8368                <i class="fas fa-headset"></i>
8369              </div>
8370              <div class="box_cont">
8371                <h4>24/7 Customer Support</h4>
8372                <p>
8373                  Our dedicated team is available around the clock to assist you with any queries or concerns.
8374                </p>
8375              </div>
8376            </div>
8377          </div>
8378        </div>
8379      </div>
8380    </div>
8381  </section>
8382  
8383  <!-- ## Why Choose Us -->
8384 
8385  <!-- Frequetly Asked Questions -->
8386  <section id="faq">
8387    <div class="container">
8388      <div class="row">
8389        <div class="col-lg-12">
8390          <div class="top__title">
8391            <h5> HASSAN SMM ~ Best API provider .com </h5>
8392            <h2> #Top Choice SMM PANEL </h2>
8393            <p>
8394              HASSAN SMM ~ Best API provider  offers premium services for platforms like Instagram, Facebook, YouTube, Telegram, Spotify, and more. HASSAN SMM ~ Best API provider  is the most affordable and reliable SMM panel. The ideal social media marketing panel for resellers.
8395            </p>
8396          </div>
8397        </div>
8398      </div>
8399      <div class="row">
8400        <div class="col-lg-6">
8401          <div class="faqAcc accordion accordion-flush" id="accordionFlushExample">
8402            <!-- ITEM 1 -->
8403            <div class="accordion-item">
8404              <h2 class="accordion-header" id="flush-headingOne">
8405                <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
8406                  What is an SMM Panel?
8407                </button>
8408              </h2>
8409              <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">
8410                <div class="accordion-body">
8411                  HASSAN SMM ~ Best API provider  is an SMM Panel where users can buy social media marketing services such as Facebook Followers, Instagram Likes, YouTube Views, Website Traffic, and more.
8412                </div>
8413              </div>
8414            </div>
8415            <!-- ITEM 2-->
8416            <div class="accordion-item">
8417              <h2 class="accordion-header" id="flush-headingTwo">
8418                <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
8419                  Why is HASSAN SMM ~ Best API provider  the Best SMM Panel?
8420                </button>
8421              </h2>
8422              <div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample">
8423                <div class="accordion-body">
8424                  We are the best SMM panel offering affordable reseller services with API support, helping businesses grow their social media presence and brand awareness with services like Facebook Followers, Instagram Likes, YouTube Subscribers, and more.
8425                </div>
8426              </div>
8427            </div>
8428            <!-- ITEM 3 -->
8429            <div class="accordion-item">
8430              <h2 class="accordion-header" id="flush-headingThree">
8431                <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
8432                  Why Choose Our Affordable SMM Panel?
8433                </button>
8434              </h2>
8435              <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample">
8436                <div class="accordion-body">
8437                  We provide some of the most affordable wholesale SMM services on the market. Looking for great marketing at unbeatable prices? Our SMM panel is the perfect solution, and we guarantee to offer the best prices worldwide.
8438                </div>
8439              </div>
8440            </div>
8441            <!-- ITEM 4 -->
8442            <div class="accordion-item">
8443              <h2 class="accordion-header" id="flush-heading4">
8444                <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapse4" aria-expanded="false" aria-controls="flush-collapse4">
8445                  What is a Reseller Panel?
8446                </button>
8447              </h2>
8448              <div id="flush-collapse4" class="accordion-collapse collapse" aria-labelledby="flush-heading4" data-bs-parent="#accordionFlushExample">
8449                <div class="accordion-body">
8450                  <strong> Our reseller panel provides the most affordable services compared to our competitors. </strong> If you're looking for affordable social media promotions, our panel is perfect for you. Expect hundreds of free followers as well!
8451                </div>
8452              </div>
8453            </div>
8454            <!-- ITEM 5 -->
8455            <div class="accordion-item">
8456              <h2 class="accordion-header" id="flush-heading5">
8457                <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapse5" aria-expanded="false" aria-controls="flush-collapse5">
8458                  Best SMM Panel in the USA
8459                </button>
8460              </h2>
8461              <div id="flush-collapse5" class="accordion-collapse collapse" aria-labelledby="flush-heading5" data-bs-parent="#accordionFlushExample">
8462                <div class="accordion-body">
8463                  We offer the cheapest SMM Reseller Panel services in the market. Whether you're looking to add social media marketing services to your business or resell our services via API, we’ve got you covered to help build your business and earn a profit.
8464                </div>
8465              </div>
8466            </div>
8467          </div>
8468        </div>
8469        <div class="col-lg-6">
8470          <div class="faqAcc accordion accordion-flush" id="accordionFlushedExample">
8471            <!-- ITEM 6 -->
8472            <div class="accordion-item">
8473              <h2 class="accordion-header" id="flush-heading6">
8474                <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapse6" aria-expanded="false" aria-controls="flush-collapse6">
8475                  SMM Panel India
8476                </button>
8477              </h2>
8478              <div id="flush-collapse6" class="accordion-collapse collapse" aria-labelledby="flush-heading6" data-bs-parent="#accordionFlushedExample">
8479                <div class="accordion-body">
8480                  HASSAN SMM ~ Best API provider .com is the top choice for SMM panels in India, offering local services like Indian followers, likes, and comments. Our services deliver only the best, and you’ll love the stable, high-quality followers you receive.
8481                </div>
8482              </div>
8483            </div>
8484            <!-- ITEM 7 -->
8485            <div class="accordion-item">
8486              <h2 class="accordion-header" id="flush-heading7">
8487                <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapse7" aria-expanded="false" aria-controls="flush-collapse7">
8488                  Fastest SMM Panel for PayPal
8489                </button>
8490              </h2>
8491              <div id="flush-collapse7" class="accordion-collapse collapse" aria-labelledby="flush-heading7" data-bs-parent="#accordionFlushedExample">
8492                <div class="accordion-body">
8493                  Grow your business by reaching new clients globally. Our PayPal-friendly SMM Panel ensures fast, seamless transactions with excellent customer support, making it an ideal solution for businesses seeking rapid engagement and growth.
8494                </div>
8495              </div>
8496            </div>
8497            <!-- ITEM 8 -->
8498            <div class="accordion-item">
8499              <h2 class="accordion-header" id="flush-heading8">
8500                <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapse8" aria-expanded="false" aria-controls="flush-collapse8">
8501                  World’s Most Affordable SMM Panel
8502                </button>
8503              </h2>
8504              <div id="flush-collapse8" class="accordion-collapse collapse" aria-labelledby="flush-heading8" data-bs-parent="#accordionFlushedExample">
8505                <div class="accordion-body">
8506                  HASSAN SMM ~ Best API provider .com is recognized as the world's most affordable SMM panel, offering services across SoundCloud, Facebook, Instagram, Twitter, YouTube, and TikTok. In India, we stand as the best and most cost-effective choice.
8507                </div>
8508              </div>
8509            </div>
8510            <!-- ITEM 9 -->
8511            <div class="accordion-item">
8512              <h2 class="accordion-header" id="flush-heading9">
8513                <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapse9" aria-expanded="false" aria-controls="flush-collapse9">
8514                  YouTube Watchtime SMM Panel
8515                </button>
8516              </h2>
8517              <div id="flush-collapse9" class="accordion-collapse collapse" aria-labelledby="flush-heading9" data-bs-parent="#accordionFlushedExample">
8518                <div class="accordion-body">
8519                  Boost your channel’s watchtime with high-quality views from real users. Purchasing SMM services for YouTube watchtime will enhance your channel's credibility and visibility, helping you reach monetization eligibility and attract sponsors.
8520                </div>
8521              </div>
8522            </div>
8523            <!-- ITEM 10 -->
8524            <div class="accordion-item">
8525              <h2 class="accordion-header" id="flush-heading0">
8526                <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapse0" aria-expanded="false" aria-controls="flush-collapse0">
8527                  PayPal SMM Panel Services
8528                </button>
8529              </h2>
8530              <div id="flush-collapse0" class="accordion-collapse collapse" aria-labelledby="flush-heading0" data-bs-parent="#accordionFlushedExample">
8531                <div class="accordion-body">
8532                  HASSAN SMM ~ Best API provider  offers one of the best PayPal SMM Panel services. PayPal integration allows for seamless payments while maintaining the high-quality engagement necessary for social media success. Please reach out for any inquiries about our services or social media marketing strategies.
8533                </div>
8534              </div>
8535            </div>
8536          </div>
8537        </div>
8538      </div>
8539    </div>
8540  </section>
8541  
8542  <!-- ## Frequetly Asked Questions -->
8543  
8544  <!-- Payment Gateway we accept -->
8545  <section id="payment">
8546    <div class="container">
8547      <div class="row">
8548        <div class="col-lg-12">
8549          <div class="top__title">
8550            <h5>Our Payment Partners</h5>
8551            <h2>HASSAN SMM ~ Best API provider – Your Ultimate Choice for Affordable, Fast & Reliable SMM Reseller Services</h2>
8552            <p>
8553              Compared to most of our competitors, we offer a seamless payment experience. We accept a variety of payment methods including PayPal, PayTM, credit cards, Perfect Money, and cryptocurrency. Enjoy quick and easy one-click depo
8553sits, with no waiting time for funds to be available.
8554            </p>
8555          </div>
8556        </div>
8557      </div>
8558    </div>
8559  
8560    <div id="paymentSlider">
8561      <div class="container">
8562        <div class="row">
8563          <div class="col-lg-12">
8564            <div class="Slider_main_container">
8565              <div class="swiper mySwiper">
8566                <div class="swiper-wrapper">
8567                  <div class="swiper-slide">
8568                    <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108002/honest_smPannel/bkash_zzpwwx_dlpesm.png" class="img-fluid" alt=""/>
8569                  </div>
8570                  <div class="swiper-slide">
8571                    <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108030/honest_smPannel/nagad_smbg2w_davjtb.png" class="img-fluid" alt=""/>
8572                  </div>
8573                  <div class="swiper-slide">
8574                    <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108054/honest_smPannel/cashmall_fahzu5_tirh7o.png" class="img-fluid" alt=""/>
8575                  </div>
8576                  <div class="swiper-slide">
8577                    <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108077/honest_smPannel/payoneer_mvbmzp_etjrtr.png" class="img-fluid" alt=""/>
8578                  </div>
8579                  <div class="swiper-slide">
8580                    <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108102/honest_smPannel/mastercard_jd68dy_dxi76p.png" class="img-fluid" alt=""/>
8581                  </div>
8582                  <div class="swiper-slide">
8583                    <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108125/honest_smPannel/skrill_nvocq6_jgip6z.png" class="img-fluid" alt=""/>
8584                  </div>
8585                  <div class="swiper-slide">
8586                    <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108146/honest_smPannel/visa_jpbrql_bt03ta.png" class="img-fluid" alt=""/>
8587                  </div>
8588                  <div class="swiper-slide">
8589                    <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108167/honest_smPannel/perfectmoney_wgszxi_fdqamc.png" class="img-fluid" alt=""/>
8590                  </div>
8591                  <div class="swiper-slide">
8592                    <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108192/honest_smPannel/payeer_ygcgcj_h6oiaz.png" class="img-fluid" alt=""/>
8593                  </div>
8594                  <div class="swiper-slide">
8595                    <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108212/honest_smPannel/paytm_napdxw_eeslxa.png" class="img-fluid" alt=""/>
8596                  </div>
8597                  <div class="swiper-slide">
8598                    <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108235/honest_smPannel/crypto_bbhtl2_md2iqa.png" class="img-fluid" alt=""/>
8599                  </div>
8600                  <div class="swiper-slide">
8601                    <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108258/
8601honest_smPannel/coinbase_bcpppn_qsibiu.png" class="img-fluid" alt=""/>
8602                  </div>
8603                  <div class="swiper-slide">
8604                    <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108002/honest_smPannel/bkash_zzpwwx_dlpesm.png" class="img-fluid" alt=""/>
8605                  </div>
8606                  <div class="swiper-slide">
8607                    <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108030/honest_smPannel/nagad_smbg2w_davjtb.png" class="img-fluid" alt=""/>
8608                  </div>
8609                  <div class="swiper-slide">
8610                    <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108054/honest_smPannel/cashmall_fahzu5_tirh7o.png" class="img-fluid" alt=""/>
8611                  </div>
8612                  <div class="swiper-slide">
8613                    <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108077/honest_smPannel/payoneer_mvbmzp_etjrtr.png" class="img-fluid" alt=""/>
8614                  </div>
8615                  <div class="swiper-slide">
8616                    <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108102/honest_smPannel/mastercard_jd68dy_dxi76p.png" class="img-fluid" alt=""/>
8617                  </div>
8618                  <div class="swiper-slide">
8619                    <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108125/honest_smPannel/skrill_nvocq6_jgip6z.png" class="img-fluid" alt=""/>
8620                  </div>
8621                  <div class="swiper-slide">
8622                    <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108146/honest_smPannel/visa_jpbrql_bt03ta.png" class="img-fluid" alt=""/>
8623                  </div>
8624                  <div class="swiper-slide">
8625                    <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108167/honest_smPannel/perfectmoney_wgszxi_fdqamc.png" class="img-fluid" alt=""/>
8626                  </div>
8627                  <div class="swiper-slide">
8628                    <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108192/honest_smPannel/payeer_ygcgcj_h6oiaz.png" class="img-fluid" alt=""/>
8629                  </div>
8630                  <div class="swiper-slide">
8631                    <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108212/honest_smPannel/paytm_napdxw_eeslxa.png" class="img-fluid" alt=""/>
8632                  </div>
8633                  <div class="swiper-slide">
8634                    <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108235/honest_smPannel/crypto_bbhtl2_md2iqa.png" class="img-fluid" alt=""/>
8635                  </div>
8636                  <div class="swiper-slide">
8637                    <img src="https://res.cloudinary.com/sol-0123456789/image/upload/v1669108258/
8637honest_smPannel/coinbase_bcpppn_qsibiu.png" class="img-fluid" alt=""/>
8638                  </div>
8639                </div>
8640              </div>
8641            </div>
8642          </div>
8643        </div>
8644      </div>
8645    </div>
8646  </section>
8647  
8647<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
8647
8648</main>
8649<script>
8650    function passwordShowHide() {
8651    var passwordField = document.getElementById('password');
8652    var passwordBtn = document.getElementById('pwdBtn');
8653    
8654
8655    if (passwordField.type === "password") {
8656        passwordField.type = "text";  
8657        passwordBtn.querySelector('.hide-eye').style.display = 'none';  
8658        passwordBtn.querySelector('.show-eye').style.display = 'inline-block'; 
8659    } else {
8660        passwordField.type = "password";  
8661        passwordBtn.querySelector('.hide-eye').style.display = 'inline-block';  
8662        passwordBtn.querySelector('.show-eye').style.display = 'none';  
8663    }
8664}
8665
8666</script>
vendor: 1 bytes, line 8666
8666
8667<script type="text/javascript" src="https://cdn.rentalpanelbd.com/cd7f76/techsmm/jquery.min.js"></script>
vendor: 1 bytes, line 8667
8667
8668<script type="text/javascript" src="https://cdn.rentalpanelbd.com/cd7f76/techsmm/cflcci28nes0yhln.js"></script>
vendor: 1 bytes, line 8668
8668
8669<script type="text/javascript" src="https://cdn.rentalpanelbd.com/cd7f76/techsmm/t3u8bszy7ju8y8or.js"></script>
vendor: 1 bytes, line 8669
8669
8670<script type="text/javascript" src="https://cdn.rentalpanelbd.com/cd7f76/techsmm/oor0gfnm6a7rec3u.js"></script>
vendor: 1 bytes, line 8670
8670
8671<script type="text/javascript" src="https://cdn.rentalpanelbd.com/cd7f76/techsmm/fl30lzzomp4w0yk2.js"></script>
vendor: 1 bytes, line 8671
8671
8672<script type="text/javascript" src="https://cdn.rentalpanelbd.com/cd7f76/techsmm/x8eo1d0qmu03i9qb.js"></script>
vendor: 1 bytes, line 8672
8672
8673<script type="text/javascript" src="https://cdn.rentalpanelbd.com/cd7f76/techsmm/5rlpuzscp8ism29e.js"></script>
vendor: 1 bytes, line 8673
8673
8674<script type="text/javascript" src="https://cdn.rentalpanelbd.com/cd7f76/techsmm/farxtjet462wr6bi.js"></script>
8674
8675    
8675<script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
8675
8676    
8677    
8678  <style>.integration-fixed{position:fixed;z-index:10000000}.integration-fixed__top-left{top:0;left:0}.integration-fixed__top-right{top:0;right:0}.integration-fixed__bottom-left{bottom:0;left:0}.integration-fixed__bottom-right{bottom:0;right:0}
8679.whatsapp-container{padding:24px}.whatsapp-button{width:60px;height:60px;bottom:40px;right:40px;background-color:#25d366;color:#FFF!important;border-radius:50px;text-align:center;font-size:30px;box-shadow:2px 2px 3px #999;display:flex;align-items:center;justify-content:center;text-decoration:none!important;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;transform:scale(0.9)}.whatsapp-button:hover{transform:scale(1);background-color:#108f29}
8680</style>
8681
8682<div class="integration-fixed integration-fixed__bottom-right">
8683    <div class="whatsapp-container">
8684        <a href="https://api.whatsapp.com/send?phone=+923076554427&text=Are you available to chat?." target="_blank" class="whatsapp-button">
8685            <i class="fab fa-whatsapp"></i>
8686        </a>
8687    </div>
8688</div>
vendor: 78 bytes, lines 8688-8693
8688
8689<script src="https://www.google.com/recaptcha/api.js?hl=en"></script>
8690
8691   
8692
8693
8694</div>
8695</div>    </div></div></div></div></div>
8696  </div></div></div></div></div></div></div>
8697
8698
8699
8700
8701
8702
8703
8704
8705    <div class="wrapper-content__footer">
8706       <div id="block_76">
8707    <div class="footer ">
8708        <div class="component_footer_single_line">
8709            <div class="component-footer">
8710                <div class="component-footer__public">
8711                    <div class="container-fluid">
8712                        <div class="row">
8713                            <div class="col-md-12">
8714                                <div class="component-footer__public-copyright">
8715                                                                            <p class="text-center"><span style="text-align: CENTER">© Copyright. All Rights Reserved.</span></p>
8716                                                                    </div>
8717                                                                    <!-- TrustBox widget - Micro Review Count -->
8718
8719                            </div>
8720                        </div>
8721                    </div>
8722                </div>
8723            </div>
8724        </div>
8725    </div>
8726</div>
8727
8728
8729    
8730     </div>
8731  </div>
8732</div>
8733    
8733<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
8733
8734      
8734<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/js/bootstrap.min.js"></script>
8734
8735      
8735<script src="https://unpkg.com/@popperjs/core@2"></script>
8735
8736      
8736<script src="https://unpkg.com/tippy.js@6"></script>
8736
8737      
8737<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
8737
8738      
8738<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.27.6/js/jquery.tablesorter.js"></script>
8738
8739      
8739<script src="/assets/007twg/js/ch3915babussofa4.js"></script>
8739
8740      
8740<script src="/assets/007twg/js/cgtptn05b64bwcs4.js"></script>
8740
8741      
8741<script src="/assets/007twg/js/xcz59lmywkfdgsp4.js"></script>
8741
8742      
8742<script src="/assets/007twg/js/wnzsoolloslhfumj.js"></script>
8742
8743      
8743<script src="/assets/007twg/js/qri1ac173hshc2hdjc.js"></script>
8743
8744      
8744<script src="/assets/007twg/js/script.js"></script>
8744
8745      
8745<script src="/assets/007twg/js/newyear.js"></script>
8745
8746      
8746<script src="/assets/007twg/js/custome.js"></script>
8746
8747    
8747<script>
8748    function navToggleMob() {
8749      let menuBox = document.getElementById('navMob');
8750      menuBox.classList.toggle('active');
8751    }
8752
8753
8754    $(window).scroll(function () {
8755      var scroll = $(window).scrollTop();
8756
8757      if (scroll >= 80) {
8758        $("#navbar").addClass("shrink");
8759      } else {
8760        $("#navbar").removeClass("shrink");
8761      }
8762
8763      if (scroll >= 300) {
8764        $("#navbar").addClass("fixed-top");
8765      } else {
8766        $("#navbar").removeClass("fixed-top");
8767      }
8768    });
8769
8770  </script>
8770
8771
8772  
8773<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.3/js.cookie.min.js"></script>
8773   
8774
8775
8776 
8776<script type="text/javascript" >
8777    $("#notificationModal_1").on("hidden.bs.modal", function () {
8778     var popIds = $(this).attr('popids');
8779     console.log(this);
8780            $.ajax({
8781                type: 'POST',
8782                url: 'ajax_data',
8783                data: { 'action': "close_popup", 'popIds': popIds },
8784                success: function(data) {
8785                  
8786                  }
8787            });
8788});
8789
8790
8791 
8792   
8793   
8794   $('#notificationModal_1').modal('show');
8795</script>
8795
8796
8797
8798  
8798<script type="text/javascript" >
8799     document.addEventListener('DOMContentLoaded', function() {
8800var newYearEvent = new window.NewYearEvent({"snow":{"init":false,"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":40,"enable":false,"size_min":0.1},"value":5,"random":true},"color":{"value":"#ffffff"},"number":{"value":50,"density":{"enable":true,"value_area":650}},"opacity":{"anim":{"sync":false,"speed":1,"enable":true,"opacity_min":0.9},"value":0.9,"random":true},"line_linked":{"color":"#ffffff","width":1,"enable":false,"opacity":0.8,"distance":500}},"interactivity":{"modes":{"bubble":{"size":4,"speed":3,"opacity":1,"distance":400,"duration":0.3},"repulse":{"speed":3,"distance":200,"duration":0.4}},"events":{"resize":true,"onclick":{"mode":"repulse","enable":true},"onhover":{"mode":"bubble","enable":false}},"detect_on":"window"},"retina_detect":true}},"toys":{"init":false,"options":{"count":40,"speed":3,"images":[],"maxSize":50,"launches":"infinite"}},"garland":{"init":true,"options":{"type":"apple","style":"style2"}},"fireworks":{"init":false,"options":{"delay":{"max":50,"min":40},"friction":0.97}}})
8801newYearEvent.start()
8802});</script>
8802
8803  
8804</body>
8805</html>
8806
8807
8808<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 8808-8809
8808
8809<script async src="https://www.googletagmanager.com/gtag/js?id=
8809G-13R8ES41F5
vendor: 13 bytes, line 8809
8809"></script>
8810<script>
8811  
vendor: 138 bytes, lines 8811-8815
8811window.dataLayer = window.dataLayer || [];
8812  function gtag(){dataLayer.push(arguments);}
8813  gtag('js', new Date());
8814
8815  gtag('config', '
8815G-13R8ES41F5
vendor: 5 bytes, line 8815
8815');
8816</script>
8816<!-- Google Tag Manager -->
8817<script>
vendor: 331 bytes, lines 8817-8821
8817(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
8818new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
8819j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
8820'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
8821})(window,document,'script','dataLayer','
8821GTM-KB542GC7
vendor: 3 bytes, line 8821
8821');
8821</script>
8821
8822<!-- End Google Tag Manager -->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.