{% include 'header.twig' %}

<style>

/* Import Google Fonts */
@import url("//fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");

/* Span Tag */
.footer span{
 font-family:'Nunito', sans-serif;
}

</style>
<style>
.alert {
    position: relative;
    top:-5px;
}
/* Import Google Fonts */
@import url("//fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");

/* Heading */
.block-signin-text__block-text .block-signin-text__block-text-title h1{
 font-family:'Nunito', sans-serif;
 
}

/* Strong Tag */
.block-signin-text__block-text-description center strong{
 font-family:'Nunito', sans-serif;
}

/* Division */
.block-signin-text .block-signin-text__block-text{
 position:relative;
 top:50px;
}

/* Hop */
.block-signin-text .hop{
 font-family:'Nunito', sans-serif;
}
 /* Import Google Fonts */
@import url("//fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");

/* Heading */
#block_102 div h2{
 font-family:'Nunito', sans-serif;
}

/* Paragraph */
#block_102 div p{
 font-family:'Nunito', sans-serif;
}

/* Features block  header */
.features-block-icons .mb-4 .features-block__header{
 font-family:'Nunito', sans-serif;
}

/* Heading */
.features-block-icons .mb-4 h4{
 font-family:'Nunito', sans-serif;
}

/* Paragraph */
.wrapper-navbar #block_80 .wrapper-content .wrapper-content__body #block_72 .features-block-icons .container .justify-content-start .mb-4 .features-block__card .features-block__header .features-block__header-title p{
 width:104% !important;
}
/* Features block  card */
.features-block-icons .mb-4 .features-block__card{
 min-height:170px;
 transform:translatex(0px) translatey(0px);
}

/* Features block  header */
.features-block-icons .mb-4 .features-block__header{
 position:relative;
 top:10px;
}
/* Paragraph */
#block_84 div p{
 display:none;
}

/* Column 3/12 */
.how-it-works .how-it-works-col{
 font-family:'Nunito', sans-serif;
}

/* Span Tag */
#block_84 .text-block__title span{
 font-family:'Nunito', sans-serif;
}
/* Span Tag */
#block_103 .text-block__title span{
 font-family:'Nunito', sans-serif;
}

/* Span Tag */
#block_103 .text-block__description span{
 font-family:'Nunito', sans-serif;
}

/* Card */
#block_77 div .card{
 font-family:'Nunito', sans-serif;
 transform:translatex(0px) translatey(0px);
 height:280px;
}
/* Span Tag */
#block_101 div .container .row .col-12 .text-block__title .text-center span{
 font-family:'Nunito' !important;
}

/* Span Tag */
#block_101 .text-block__title span{
 font-family:'Nunito', sans-serif;
}

/* Span Tag */
#block_101 .text-block__description span{
 font-family:'Nunito', sans-serif;
}

/* Card */
.faq .faq-block__card .card{
 font-family:'Nunito', sans-serif;
 transform:translatex(0px) translatey(0px);
}

/* Heading */
.faq .card h4{
 font-family:'Nunito', sans-serif;
}




@media (min-width:481px){

 /* Heading */
 .block-signin-text__block-text .block-signin-text__block-text-title h1{
  font-size:35px;
  line-height:1.5em;
 }
 @media (max-width:992px){

 /* Heading */
 .block-signin-text__block-text .block-signin-text__block-text-title h1{
  font-size:25px !important;
 }
 
 /* Division */
 .block-signin-text .block-signin-text__block-text{
  top:-5px !important;
 }
 
 /* Strong Tag */
 .block-signin-text__block-text-description center strong{
  font-size:14px;
 }
  /* Card */
 #block_77 div .card{
  min-height:350px;
 }
 
}
</style>
<style>
@media (max-width:480px){

 /* Heading */
 .block-signin-text__block-text .block-signin-text__block-text-title h1{
  font-size:30px;
  line-height:1.5em;
 }
 
 /* Strong Tag */
 .block-signin-text__block-text-description center strong{
  font-size:14px;
 }
 
 /* Division */
 .block-signin-text .block-signin-text__block-text{
  top:0px !important;
 }
 /* Button */
 .hop .btn{
  text-align:center;
  font-family:'Nunito', sans-serif;
 }
/* Divider top */
 #block_96 .how-it-works .divider-top{
  display:none;
 }
 
 /* Column 3/12 */
 .how-it-works .how-it-works-col{
  top:-50px;
 }
 /* Card */
 #block_77 div .card{
  min-height:400px;
 }
 

}
</style>
<style>.mop{transform:rotatey(180deg);margin-top:-16px;opacity:2}


{% if settings["site_theme_alt"] == "Red" %}
    .block-signin-text__block-text .block-signin-text__block-text-title h1{
        color:#d83346;
    }
    #block_96 .divider-bottom svg,#block_105 .divider-bottom svg { fill: #f14d60; }
    svg { fill: #d83346; }
    #block_72 .feature-block__icon {font-weight:600;text-shadow: 0px 8px 16px #dd141466;}
{% elseif settings["site_theme_alt"] == "Blue" %}

/* Heading */
.block-signin-text__block-text .block-signin-text__block-text-title h1{
 color:#1e79e4;
}


    #block_84 .divider-top svg { fill: #274bc4; }
    #block_96 .divider-bottom svg,#block_105 .divider-bottom svg { fill: #1d82ea; }
    svg { fill: #1979c8; }
    #block_72 .feature-block__icon {font-weight:600;text-shadow: 0px 8px 16px #1d82ea66;}
{% elseif settings["site_theme_alt"] == "Lime" %}
/* Heading */
.block-signin-text__block-text .block-signin-text__block-text-title h1{
 color:#46b649;
}

    #block_84 .divider-top svg { fill: #9acc2e; }
    #block_96 .divider-bottom svg,#block_105 .divider-bottom svg { fill: #46b649; }
    svg { fill: #46b649; }
    #block_72 .feature-block__icon {font-weight:600;text-shadow: 0px 8px 16px #46b64966;}
{% elseif settings["site_theme_alt"] == "Grapes" %}
/* Heading */
.block-signin-text__block-text .block-signin-text__block-text-title h1{
 color:#6216fb;
}
    #block_84 .divider-top svg { fill: #8e2de2; }
    #block_96 .divider-bottom svg,#block_105 .divider-bottom svg { fill: rgba(98, 22, 251, 1); }
    .mop { margin-top: px; }
    svg { fill: #6216fb; }
    #block_72 .feature-block__icon {font-weight:600;text-shadow: 0px 8px 16px rgba(98, 22, 251, 0.4);}
{% elseif settings["site_theme_alt"] == "Dark" %}
/* Navigation */
.sidebar-block__top div nav{
 background-color:#252427;
}


/* Heading */
.block-signin-text__block-text .block-signin-text__block-text-title h1{
 color:#ff8355;
}


    #block_84 .divider-top svg { fill: #0e0e0f; }
    .body { background: #252427; }
    #block_96 .divider-bottom svg,#block_105 .divider-bottom svg { fill: #373539; }
    svg { fill: #ff8355; }
    #block_72 .feature-block__icon {font-weight:600;text-shadow: 0px 8px 16px #ff835566;}
{% elseif settings["site_theme_alt"] == "Cyan" %}
/* Heading */
.block-signin-text__block-text .block-signin-text__block-text-title h1{
 color:#32c7ce;
}
    #block_84 .divider-top svg { fill: #06beb6; }
    #block_96 .divider-bottom svg,#block_105 .divider-bottom svg { fill: #50cede; }
    svg { fill: #32c7ce; }
    #block_72 .feature-block__icon {font-weight:600;text-shadow: 0px 8px 16px #50cede66;}
{% elseif settings["site_theme_alt"] == "Coral" %}
/* Heading */
.block-signin-text__block-text .block-signin-text__block-text-title h1{
 color:#ff6b63;
}

    #block_84 .divider-top svg { fill: #ff5e62; }
    #block_96 .divider-bottom svg,#block_105 .divider-bottom svg { fill: #ff9966; }
    svg { fill: #ff6b63; }
    #block_72 .feature-block__icon {font-weight:600;text-shadow: 0px 8px 16px #ff6b6366;}
{% elseif settings["site_theme_alt"] == "Green" %}
/* Heading */
.block-signin-text__block-text .block-signin-text__block-text-title h1{
 color:#307c6f;
}

    #block_84 .divider-top svg { fill: #286263; }
    #block_96 .divider-bottom svg,#block_105 .divider-bottom svg { fill: #44a08d; }
    svg { fill: #307c6f; }
    #block_72 .feature-block__icon {font-weight:600;text-shadow: 0px 8px 16px #44a08d66;}
{% elseif settings["site_theme_alt"] == "Grey" %}
/* Heading */
.block-signin-text__block-text .block-signin-text__block-text-title h1{
 color:#415566;
}

    #block_84 .divider-top svg { fill: #354a5c; }
    #block_96 .divider-bottom svg,#block_105 .divider-bottom svg { fill: #8694a1; }
    svg { fill: #415566; }
    #block_72 .feature-block__icon {font-weight:600;text-shadow: 0px 8px 16px #8694a166;}
{% elseif settings["site_theme_alt"] == "Lilac" %}
/* Heading */
.block-signin-text__block-text .block-signin-text__block-text-title h1{
 color:#7c96cf;
}
    #block_84 .divider-top svg { fill: #8ca6db; }
    #block_96 .divider-bottom svg,#block_105 .divider-bottom svg { fill: #b993d6; }
    svg { fill: #7c96cf; }
    #block_72 .feature-block__icon {font-weight:600;text-shadow: 0px 8px 16px #b993d666;}
{% elseif settings["site_theme_alt"] == "Orange" %}
/* Heading */
.block-signin-text__block-text .block-signin-text__block-text-title h1{
 color:#f36b15;
}

    #block_84 .divider-top svg { fill: #f24413; }
    #block_96 .divider-bottom svg,#block_105 .divider-bottom svg { fill: #f5a617; }
    svg { fill: #f36b15; }
    #block_72 .feature-block__icon {font-weight:600;text-shadow: 0px 8px 16px #f5a61766;}
{% else %}
    #block_84 .divider-top svg { fill: #000; }
    #block_96 .divider-bottom svg,#block_105 .divider-bottom svg { fill: #000; }
    svg { fill: #000; }
    #block_72 .feature-block__icon {font-weight:600;text-shadow: 0px 8px 16px #00000066;}
{% endif %}


#block_72 .divider-bottom,#block_77 .divider-bottom,#block_96 .divider-bottom, div.block_2 ,#block_105 .divider-bottom, div.block_2{background-image:none;}
#block_84 .divider-top,#block_77 .divider-bottom,#block_96 .divider-bottom,#block_105 .divider-bottom{height: auto;left: 100px;}
#block_105 .divider-bottom svg {position: relative;display: block;width: calc(100% + 233px);height: 150px;transform: rotatex(180deg);}
#block_96 .divider-bottom svg {position: relative;display: block;width: calc(100% + 333px);height: 170px;}
#block_77 .divider-bottom svg {position: relative;display: block;width: calc(100% + 223px);height: 120px;fill:#fff;}
#block_84 .divider-top svg {position: relative;display: block;width: calc(100% + 223px);height: 120px;transform: rotatex(180deg);}
   
   

.features-block__header{display: flex;align-items: center;justify-content: flex-start;}
#block_72 .features-block__header-preview {display: flex;justify-content: center;align-items: center;border-radius: 50px;width:190px;}
@media (min-width:992px){ #block_72 .features-block__header-preview{width: 202px;}}

#block_77 .reviews-slider__slide-avatar {width: 88px;height: 88px;}#block_77 .reviews-slider__slide-photo {display: flex;background-size: cover;flex-direction: column;align-items: center;flex-wrap: nowrap;}#block_77 .slick-next {top: 125%;right:17%}#block_77 .slick-prev {top: 125%;left:17%}#block_77 .slick-next:before {content: '\f054';position: absolute;right: 0;top: -8px;font-size: 20px;font-weight: 500;color: #000000;background:#ffffff;padding:15px 45px 15px 45px;border-radius:10px;box-shadow: 0px 4px 15px -2px rgba(0,0,0,0.25);}#block_77 .slick-prev:before {content: '\f053';position: absolute;left: 0;top: -8px;font-size: 20px;font-weight: 500;color: #000000;background:#ffffff;padding:15px 45px 15px 45px;border-radius:10px;box-shadow: 0px 4px 15px -2px rgba(0,0,0,0.25);}
@media (min-width: 992px) {.mop {margin-bottom: 45px;}.hop{margin-right:60px;margin-left:-20px; margin-bottom:10px;}#block_105 .block-signin-text__block-text{padding-top: 74px;}#block_105 .block-signin-text__block-text-title{margin-left: 58px;}#block_77 .slick-next {top: 132%;right:36%}#block_77 .slick-prev {top: 132%;left:36%}#block_77 .slick-next:before,#block_77 .slick-prev:before{padding: 16px 55px 16px 55px;}}

.social-media-marquee {
    width: 100%;
    overflow-x: auto; /* Enables user scroll */
    overflow-y: hidden; /* Hides vertical scroll */
    position: relative;
    padding: 15px 0;
    background: #fff;
    display: flex;
    gap: 20px;
    cursor: grab; /* Visual cue for scroll interaction */
}

/* Hide scrollbar for all browsers */
.social-media-marquee::-webkit-scrollbar {
    width: 0; /* Hides scrollbar in Webkit browsers (Chrome, Safari, etc.) */
    height: 0; /* Ensures no horizontal scrollbar for mobile/tablet */
}

.social-media-marquee::-moz-scrollbar {
    display: none; /* Firefox */
}

.social-media-marquee {
    -ms-overflow-style: none;  /* Internet Explorer and Edge */
    scrollbar-width: none;  /* Firefox */
}

.social-media-marquee ul {
    display: flex;
    gap: 20px;
    animation: scrollHorizontal 30s linear infinite; /* Automatic scroll */
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
    white-space: nowrap;
}

.social-media-marquee ul li {
    display: inline-block;
    text-align: center;
    background: #f8f9fa;
    border: 1px solid #ddd;
    padding: 10px 15px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-family: 'Nunito', sans-serif;
    margin-right: 10px;
    height: 74px;
    width: 120px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover effect */
.social-media-marquee ul li:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.social-media-marquee ul li a {
    text-decoration: none;
    color: #333;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.social-media-marquee ul li a i {
    font-size: 24px;
    color: #3A86FF;
}

/* Smooth infinite scroll */
@keyframes scrollHorizontal {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* Remove margin from the last item to prevent blank space */
.social-media-marquee ul li:last-child {
    margin-right: 0;
}

/* Font Icon Colors */
.social-media-marquee a .fa-facebook-f,
.social-media-marquee a .fa-twitter,
.social-media-marquee a .fa-instagram,
.social-media-marquee a .fa-linkedin-in,
.social-media-marquee a .fa-youtube,
.social-media-marquee a .fa-pinterest-p,
.social-media-marquee a .fa-snapchat,
.social-media-marquee a .fa-reddit,
.social-media-marquee a .fa-tiktok,
.social-media-marquee a .fa-whatsapp {
    color: #000000;
}

@media (max-width:767px){
    .social-media-marquee ul {
    
    animation: scrollHorizontal 60s linear infinite !important; /* Automatic scroll */
    
}

}


/* Reviews slider  slide avatar */
#block_77 div .reviews-slider__slide-avatar{
 display:none;
}

/* Card */
#block_77 div .card{
 height:200px !important;
}
@media (max-width:1199px){

 /* Card */
 #block_77 div .card{
  min-height:3px !important;
 }
 
 /* Card */
 #block_80 #block_77 .reviews-slider .container .justify-content-center .col-md-10 .reviews-slider div div div div div .reviews-slider__slide .card{
  height:370px !important;
 }
 
}

@media (max-width:991px){

 /* Card */
 #block_80 #block_77 .reviews-slider .container .justify-content-center .col-md-10 .reviews-slider div div div div div .reviews-slider__slide .card{
  min-height:4px !important;
  height:280px !important;
 }
 
}

@media (max-width:767px){

 /* Card */
 #block_80 #block_77 .reviews-slider .container .justify-content-center .col-md-10 .reviews-slider div div div div div .reviews-slider__slide .card{
  height:240px !important;
 }
 
}

@media (max-width:500px){

 /* Card */
 #block_77 div .card{
  min-height:2px;
 }
 
 /* Card */
 #block_80 #block_77 .reviews-slider .container .justify-content-center .col-md-10 .reviews-slider div div div div div .reviews-slider__slide .card{
  min-height:2px !important;
  height:250px !important;
 }
 
}
@media (max-width:1199px){

 /* Card */
 #block_80 #block_77 .reviews-slider .container .justify-content-center .col-md-10 .reviews-slider div div div div div .reviews-slider__slide .card{
  height:290px !important;
 }
 
}


@media (max-width:767px){

 /* Iframe */
 .wrapper-navbar #block_80 .wrapper-content .wrapper-content__body #block_105 .block-signin-text .container .row .col-lg-5 .component_card .hop .component_checkbox_remember_me div div iframe{
  min-height:0px !important;
 }
 
}

@media (min-width:778px){

 /* Iframe */
 .component_checkbox_remember_me div iframe{
  min-height:0px;
 }
 
}
/* Import Google Fonts */
@import url("//fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");

/* Span Tag */
.google-signin-wrapper div span{
 font-family:'Inter', sans-serif !important;
}


	</style>
     <div class="wrapper-content">
    <div class="wrapper-content__header">
          </div>
    <div class="wrapper-content__body">
      <!-- Main variables *content* -->
      <div id="block_105" >
    <div class="mop"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" height="40px"width="105%" preserveAspectRatio="none"><path d="M0 .5c3.07.55 9.27-.42 16.14 0 6.88.4 13.75.57 19.14-.11V0H0z" fill="%23ffffff"/><path d="M0 1c3.17.8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52.88 5.52.88V0H0z" opacity=".5" fill="%23ffffff"/><path d="M0 1.85c2.56-.83 7.68-.3 11.79-.42 4.1-.12 6.86-.61 9.58-.28 2.73.33 5.61 1.17 8.61 1 3-.19 4.73-.82 5.3-.84V.1H0z" opacity=".5" fill="%23ffffff"/></svg></div>
    <div class="block-signin-text ">
	<div class="divider-top"></div>
	<div class="divider-bottom"><svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"><path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" opacity=".25" class="shape-fill"></path><path d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z" opacity=".5" class="shape-fill"></path><path d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z" class="shape-fill"></path></svg></div>
        <div class="container">
            <div class="row">
                <div class="col-lg-7">
                    <div class="block-signin-text__block-text" style="margin-top:-20px">
{% if contentText %}
<div class="block-signin-text__block-text-title">
{{ contentText }}
</div>
{% else %}
                        <div class="block-signin-text__block-text-title"><h1 class="text-center"> THE #1 SMM PANEL WITH BEST PRICES </h1></div>
                        <div class="block-signin-text__block-text-description"><p><center><strong style="font-weight: bold"><p>
  <span style="color: orange;">{{site["site_name"]}}</span> is the 
  <span style="color: red;">best SMM Panel</span> which have 
  <span style="color: orange;">cheapest Premium</span> and 
  <span style="color: red;">fully automated</span> service in the world. 
  You can <span style="color: orange;">resell our services</span> to your customers 
  and <span style="color: red;">earn lots</span> due to our 
  <span style="color: orange;">cheapest price</span>.
</p> </strong></center></p></div>
                        <div class="social-media-marquee">
          <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Auto Sliding Social Media Bar</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      font-family: sans-serif;
    }

    .slider-container {
      overflow: hidden;
      width: 100%;
      background: transparent; /* Background is now blank */
    }

    .social-slider {
      display: flex;
      width: max-content;
      animation: scroll 20s linear infinite;
      gap: 16px;
      padding: 16px 0;
    }

    .social-card {
      flex: 0 0 auto;
      background-color: #f6f6f6;
      border-radius: 12px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      padding: 16px;
      text-align: center;
      width: 100px;
      cursor: pointer;
      transition: transform 0.3s ease;
    }

    .social-card:hover {
      transform: scale(1.05);
    }

    .social-card img {
      width: 40px;
      height: 40px;
      margin-bottom: 8px;
    }

    .social-card span {
      font-size: 14px;
      font-weight: 600;
      color: #333;
    }

    @keyframes scroll {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }
  </style>
</head>
<body>

<div class="slider-container">
  <div class="social-slider">
    <!-- Repeat icons twice for smooth infinite scrolling -->
    <div class="social-card">
      <img src="https://i.postimg.cc/CKw3R7KR/instagram.png" alt="Instagram">
      <span>Instagram</span>
    </div>
    <div class="social-card">
      <img src="https://i.postimg.cc/P576jMwG/linkedin-logo.png" alt="LinkedIn">
      <span>LinkedIn</span>
    </div>
    <div class="social-card">
      <img src="https://i.postimg.cc/L5ytVHkd/yt.png" alt="YouTube">
      <span>YouTube</span>
    </div>
    <div class="social-card">
      <img src="https://i.postimg.cc/J7dHKdVW/Picsart-25-04-15-18-08-02-031.png" alt="Telegram">
      <span>Telegram</span>
    </div>
    <div class="social-card">
      <img src="https://i.postimg.cc/KYb99YXw/Picsart-25-07-08-17-23-44-419.png" alt="Facebook">
      <span>Facebook</span>
    </div>
    <div class="social-card">
      <img src="https://i.postimg.cc/7hvh8jxC/twitter-new-logo-x-icon-design.png" alt="Twitter">
      <span>Twitter</span>
    </div>
    <div class="social-card">
      <img src="https://i.postimg.cc/QCggKQCM/Picsart-25-07-08-17-28-27-632.png" alt="Snapchat">
      <span>Snapchat</span>
    </div>
    <div class="social-card">
      <img src="https://i.postimg.cc/7PJLVPxq/Picsart-25-07-08-17-30-33-404.png" alt="TikTok">
      <span>TikTok</span>
    </div>
    <div class="social-card">
      <img src="https://i.postimg.cc/Y9rtwkFy/Picsart-25-04-15-18-07-49-698.png" alt="WhatsApp">
      <span>WhatsApp</span>
    </div>
    <div class="social-card">
      <img src="https://i.postimg.cc/WpD0RP74/quora.png" alt="Quora">
      <span>Quora</span>
    </div>

    <!-- Repeat again for loop effect -->
    <div class="social-card">
      <img src="https://i.postimg.cc/CKw3R7KR/instagram.png" alt="Instagram">
      <span>Instagram</span>
    </div>
    <div class="social-card">
      <img src="https://i.postimg.cc/P576jMwG/linkedin-logo.png" alt="LinkedIn">
      <span>LinkedIn</span>
    </div>
    <div class="social-card">
      <img src="https://i.postimg.cc/L5ytVHkd/yt.png" alt="YouTube">
      <span>YouTube</span>
    </div>
    <div class="social-card">
      <img src="https://i.postimg.cc/J7dHKdVW/Picsart-25-04-15-18-08-02-031.png" alt="Telegram">
      <span>Telegram</span>
    </div>
    <div class="social-card">
      <img src="https://i.postimg.cc/KYb99YXw/Picsart-25-07-08-17-23-44-419.png" alt="Facebook">
      <span>Facebook</span>
    </div>
    <div class="social-card">
      <img src="https://i.postimg.cc/7hvh8jxC/twitter-new-logo-x-icon-design.png" alt="Twitter">
      <span>Twitter</span>
    </div>
    <div class="social-card">
      <img src="https://i.postimg.cc/QCggKQCM/Picsart-25-07-08-17-28-27-632.png" alt="Snapchat">
      <span>Snapchat</span>
    </div>
    <div class="social-card">
      <img src="https://i.postimg.cc/7PJLVPxq/Picsart-25-07-08-17-30-33-404.png" alt="TikTok">
      <span>TikTok</span>
    </div>
    <div class="social-card">
      <img src="https://i.postimg.cc/Y9rtwkFy/Picsart-25-04-15-18-07-49-698.png" alt="WhatsApp">
      <span>WhatsApp</span>
    </div>
    <div class="social-card">
      <img src="https://i.postimg.cc/WpD0RP74/quora.png" alt="Quora">
      <span>Quora</span>
    </div>
  </div>
</div>

</body>
</html>
</div>


                   {% endif %} </div>
                </div>
                <div class="col-lg-5">
                    <div class="component_card">
                        <div class="card mt-2 hop">
{% if errorText %}
        <div class="alert alert-dismissible alert-danger">
          <button type="button" class="close" data-dismiss="alert">×</button>
          {{ errorText }}
        </div>
      {% endif %}
      {% if successText %}
        <div class="alert alert-dismissible alert-success">
          <button type="button" class="close" data-dismiss="alert">×</button>
          {{ successText }}
        </div>
      {% endif %}
                            <form class="component_form_group component_checkbox_remember_me" method="post" action="/">
                                <div class="">
                                    
                                                                        <div class="form-group">
                                        <label>{{ lang['signin.username'] }}</label>
                                        <input type="text" name="username" class="form-control" value="{{ data["username"] }}" >
                                    </div>
                                    <div class="form-group">
                                        <label>{{ lang['signin.password'] }}</label>
                                        <div class="position-relative">            
                                            <input type="password" name="password" class="form-control">{% if resetPage %}
                                                                                            <div class="sign-in__forgot h-100 d-flex align-items-center">
                                                    <a href="/resetpassword">{{ lang['signin.password.lost'] }}?</a>
                                                </div>{% endif %} 
                                                                                    </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="form-group__checkbox">
                                            <label class="form-group__checkbox-label">
                                                <input type="checkbox" name="remember" id="block_105_remember_me">
                                                <span class="checkmark"></span>
                                            </label>
                                            <label class="form-group__label-title" for="block_105_remember_me">{{ lang['signin.remember'] }}</label>
                                        </div>
                                    </div>
									   {% if captcha %}
            <div class="form-group">
              <div class="g-recaptcha" data-sitekey="{{ captchaKey }}"></div>
            </div>
          {% endif %}
                        
                                    
                                    <div class="form-group">
                                        <div class="component_button_submit">
                                            <div class="">
                                                <button class="btn btn-block btn-big-primary" type="submit">
                                                    {{ lang['signin.button'] }} 
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
       

                                                                    <div class="text-center d-flex justify-content-center">
                                  {% if Signup %}       <div>Do not have an account ?</div>
                                        <a href="/signup" class="block-signin-text__sign-up-link">Sign Up</a>

                                    </div>{% endif %} <div class="d-flex justify-content-center mt-3">
  <div class="google-signin-wrapper">
    {{ google_login_content|raw }}
  </div>
</div>
 
                                                            </form>
                        </div>
                       <script src="https://accounts.google.com/gsi/client" async defer></script>

<script>
    function handleCredentialResponse(response) {
        if (!response.credential) {
            console.error("Google sign-in failed: No credential received.");
            return;
        }

        // Create or reuse a hidden form to send token
        let form = document.getElementById('googleLoginForm');
        if (!form) {
            form = document.createElement('form');
            form.method = 'POST';
            form.action = '';
            form.id = 'googleLoginForm';
            
            let input = document.createElement('input');
            input.type = 'hidden';
            input.name = 'google_token';
            form.appendChild(input);
            
            document.body.appendChild(form);
        }

        // Set token value and submit
        form.querySelector('input[name="google_token"]').value = response.credential;
        form.submit();
    }
</script>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>




{% if contentText2 %}

<div id="block_102" class="bg block_3 ment">
{{ contentText2 }}
</div>
{% endif %}
      
<div id="block_102">
<div class="header-with-text ">
<div class="bg"></div>
<div class="divider-top"></div>
<div class="divider-bottom"></div>
<div class="container">
<div class="row">
<div class="col-12">
<div class="text-block__title"><h2 class="text-center">Why Choose Us ?</h2></div></div></div>
<div class="row">
<div class="col-12">
<div class="text-block__description"><p class="text-center">Learn what makes our panel stand out on the market.</p></div></div></div></div></div></div>

<div id="block_72">
<div class="features-block-icons ">
<div class="bg"></div>
<div class="divider-top"></div>
<div class="divider-bottom"></div>
<div class="container">
<div class="row align-items-start justify-content-start">
<div class="col-lg-3 col-md-6 mb-4">
<div class="card features-block__card h-100">
<div class="features-block__header">
<div class="features-block__header-preview style-bg-primary-alpha-10 style-border-radius-default style-text-primary" style="margin-bottom: 10px;height: 90px; max-width:90px;">
<span class="feature-block__icon fal fa-medal" style="font-size: 35px;transform: rotate(0deg);color: ;border-radius: 0px;background: transparent;padding: 10px;"></span></div>
<div class="features-block__header-title" style="margin-bottom: 8px; padding-left: 15px; padding-right: 0px;">
<h4>{{ lang['theme1.login.textcenter5'] }}</h4>
<p>{{ lang['theme1.login.textcenter6'] }}!</p>
</div></div></div></div>

<div class="col-lg-3 col-md-6 mb-4">
<div class="card features-block__card h-100">
<div class="features-block__header">
<div class="features-block__header-preview style-bg-primary-alpha-10 style-border-radius-default style-text-primary" style="margin-bottom: 10px;height: 90px;max-width:90px;">
<span class="feature-block__icon fal fa-box-usd" style="font-size: 35px;transform: rotate(0deg);color: ;border-radius: 0px;background: transparent;padding: 10px;"></span></div>
<div class="features-block__header-title" style="margin-bottom: 8px; padding-left: 15px; padding-right: 0px;">
<h4>Payment options</h4>
<p>{{ lang['theme1.login.textcenter8'] }}.</p>
</div></div></div></div>

<div class="col-lg-3 col-md-6 mb-4">
<div class="card features-block__card h-100">
<div class="features-block__header">
<div class="features-block__header-preview style-bg-primary-alpha-10 style-border-radius-default style-text-primary" style="margin-bottom: 10px;height: 90px;max-width:90px;">
<span class="feature-block__icon fal fa-hands-usd" style="font-size: 35px;transform: rotate(0deg);color: ;border-radius: 0px;background: transparent;padding: 10px;"></span></div>
<div class="features-block__header-title" style="margin-bottom: 8px; padding-left: 15px; padding-right: 0px;">
<h4>{{ lang['theme1.login.textcenter9'] }}</h4>
<p>{{ lang['theme1.login.textcenter10'] }}.</p>
</div></div></div></div>

<div class="col-lg-3 col-md-6 mb-4">
<div class="card features-block__card h-100">
<div class="features-block__header">
<div class="features-block__header-preview style-bg-primary-alpha-10 style-border-radius-default style-text-primary" style="margin-bottom: 10px; height: 86px;max-width:90px;">
<span class="feature-block__icon fal fa-tachometer-alt-fastest" style="font-size: 35px;transform: rotate(0deg);color: ;border-radius: 0px;background: transparent;padding: 10px;"></span></div>
<div class="features-block__header-title" style="margin-bottom: 8px; padding-left: 15px; padding-right: 0px;">
<h4>{{ lang['theme1.login.textcenter11'] }}</h4>
<p>{{ lang['theme1.login.textcenter12'] }}.</p>
</div></div></div></div>

</div></div></div></div>
                        
                       
                        
<div id="block_84"style="padding-top:180px;">
    <div class="header-with-text ">
        <div class="bg"></div>
        <div class="divider-top">
            <svg xmlns="http://www.w3.org/2000/svg" class="divider-img" viewBox="0 0 1080 200" preserveAspectRatio="none">
  <path style="opacity:0.45;" d="M 0,200 C 300,-66.666667 740,-66.666667 1080,200 Z"></path>
	<path d="M 72.694022,200 C 332.3372,-17.982667 713.14719,-17.982667 1007.4095,200 Z"></path>
</svg>
        </div>
        <div class="divider-bottom"></div>
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="text-block__title">
                                                    <h2 class="text-center"><span style="text-align: CENTER">{{ lang['theme1.login.textcenter13'] }}</span></h2>
                                            </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="text-block__description">
                                                    <p class="text-center"><span style="text-align: CENTER">{{ lang['theme1.login.textcenter14'] }}.</span></p>
                                            </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="block_96">
    <div class="how-it-works ">
        <div class="bg"></div>
        <div class="divider-top"></div>
        <div class="divider-bottom">
            <svg xmlns="http://www.w3.org/2000/svg" class="divider-img" viewBox="0 0 1080 137" preserveAspectRatio="none" height="150px">
  <path d="M 0,137 V 59.03716 c 158.97703,52.21241 257.17659,0.48065 375.35967,2.17167 118.18308,1.69101 168.54911,29.1665 243.12679,30.10771 C 693.06415,92.25775 855.93515,29.278599 1080,73.61449 V 137 Z" ></path>
  <path d="M 0,10.174557 C 83.419822,8.405668 117.65911,41.78116 204.11379,44.65308 290.56846,47.52499 396.02558,-7.4328 620.04248,94.40134 782.19141,29.627636 825.67279,15.823104 1080,98.55518 V 137 H 0 Z" style="opacity:0.5"></path>
  <path d="M 0,45.10182 C 216.27861,-66.146913 327.90348,63.09813 416.42665,63.52904 504.94982,63.95995 530.42054,22.125806 615.37532,25.210412 700.33012,28.295019 790.77619,132.60682 1080,31.125744 V 137 H 0 Z" style="opacity:0.25"></path>
</svg>
        </div>
        <div class="container">
            <div class="row how-it-works-row justify-content-start">
                                    <div class="col-md-3 how-it-works-col">
                        <div class="how-it-works-card">
                            <div class="how-it-works-arrow-top style-svg-g-primary">
                                <svg width="125px" height="31px" viewBox="0 0 125 31" version="1.1" xmlns="http://www.w3.org/2000/svg"><g id="Landing" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <g transform="translate(-942.000000, -1387.000000)" fill="#1E79E4" id="Group-10">
                                            <g transform="translate(165.000000, 1368.000000)">
                                                <path d="M889.516523,26.5080119 L891.910644,20.9496585 L902,32.9164837 L886.372927,33.807873 L888.723185,28.3469617 C871.347087,21.9210849 854.507984,19.7125409 838.195168,21.7129851 C818.169006,24.1687976 798.907256,32.9719131 780.398868,48.1424468 L779.638673,48.7694781 L778.869195,49.4081513 L777.591849,47.8691952 L778.361327,47.2305219 C797.38492,31.4407805 817.252224,22.2662407 837.951732,19.7278557 C854.622929,17.6834632 871.814783,19.9463129 889.516523,26.5080119 Z" id="Line3"></path>
                                            </g>
                                        </g>
                                    </g>
                                </svg>
                            </div>
                            <div class="how-it-works-arrow-bottom style-svg-g-primary">
                                <svg width="125px" height="31px" viewBox="0 0 125 31" version="1.1" xmlns="http://www.w3.org/2000/svg"><g id="Landing" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <g transform="translate(-657.000000, -1461.000000)" fill="#1E79E4" id="Group-10">
                                            <g transform="translate(165.000000, 1368.000000)">
                                                <path d="M493.869195,93.5918487 L494.638673,94.2305219 C513.37968,109.785715 532.894675,118.797561 553.195168,121.287015 C569.507984,123.287459 586.347087,121.078915 603.723185,114.653038 L601.372927,109.192127 L617,110.083516 L606.910644,122.050341 L604.516523,116.491988 C586.814783,123.053687 569.622929,125.316537 552.951732,123.272144 C532.528218,120.767604 512.914862,111.802694 494.12272,96.3975396 L493.361327,95.7694781 L492.591849,95.1308048 L493.869195,93.5918487 Z" id="Line2"></path>
                                            </g>
                                        </g>
                                    </g>
                                </svg>
                            </div>
                            <div class="d-flex justify-content-center how-it-works-preview" style="margin-bottom: 12px;">
                                <div class="how-it-works-number style-box-shadow-default style-bg-color-light style-border-radius-50"
                                     style="
                                     font-size: 32px;                                      width: 95px;                                      height: 95px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     ">
                                    1
                                </div>
                            </div>
                            <div class="how-it-works-title" style="margin-bottom: 8px; padding-left: 0px; padding-right: 0x;">
                                                                    <p class="text-center"><span style="text-align: CENTER"><strong style="font-weight: bold"> {{ lang['theme1.login.textcenter15'] }}</strong></span></p>
                                                            </div>
                            <div class="how-it-works-description" style="padding-left: 0px; padding-right: 0x;">
                                                                    <p class="text-center"><span style="text-align: CENTER">{{ lang['theme1.login.textcenter16'] }}</span></p>
                                                            </div>
                        </div>
                    </div>
                                    <div class="col-md-3 how-it-works-col">
                        <div class="how-it-works-card">
                            <div class="how-it-works-arrow-top style-svg-g-primary">
                                <svg width="125px" height="31px" viewBox="0 0 125 31" version="1.1" xmlns="http://www.w3.org/2000/svg"><g id="Landing" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <g transform="translate(-942.000000, -1387.000000)" fill="#1E79E4" id="Group-10">
                                            <g transform="translate(165.000000, 1368.000000)">
                                                <path d="M889.516523,26.5080119 L891.910644,20.9496585 L902,32.9164837 L886.372927,33.807873 L888.723185,28.3469617 C871.347087,21.9210849 854.507984,19.7125409 838.195168,21.7129851 C818.169006,24.1687976 798.907256,32.9719131 780.398868,48.1424468 L779.638673,48.7694781 L778.869195,49.4081513 L777.591849,47.8691952 L778.361327,47.2305219 C797.38492,31.4407805 817.252224,22.2662407 837.951732,19.7278557 C854.622929,17.6834632 871.814783,19.9463129 889.516523,26.5080119 Z" id="Line3"></path>
                                            </g>
                                        </g>
                                    </g>
                                </svg>
                            </div>
                            <div class="how-it-works-arrow-bottom style-svg-g-primary">
                                <svg width="125px" height="31px" viewBox="0 0 125 31" version="1.1" xmlns="http://www.w3.org/2000/svg"><g id="Landing" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <g transform="translate(-657.000000, -1461.000000)" fill="#1E79E4" id="Group-10">
                                            <g transform="translate(165.000000, 1368.000000)">
                                                <path d="M493.869195,93.5918487 L494.638673,94.2305219 C513.37968,109.785715 532.894675,118.797561 553.195168,121.287015 C569.507984,123.287459 586.347087,121.078915 603.723185,114.653038 L601.372927,109.192127 L617,110.083516 L606.910644,122.050341 L604.516523,116.491988 C586.814783,123.053687 569.622929,125.316537 552.951732,123.272144 C532.528218,120.767604 512.914862,111.802694 494.12272,96.3975396 L493.361327,95.7694781 L492.591849,95.1308048 L493.869195,93.5918487 Z" id="Line2"></path>
                                            </g>
                                        </g>
                                    </g>
                                </svg>
                            </div>
                            <div class="d-flex justify-content-center how-it-works-preview" style="margin-bottom: 12px;">
                                <div class="how-it-works-number style-box-shadow-default style-bg-color-light style-border-radius-50"
                                     style="
                                     font-size: 32px;                                      width: 95px;                                      height: 95px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     ">
                                    2
                                </div>
                            </div>
                            <div class="how-it-works-title" style="margin-bottom: 8px; padding-left: 0px; padding-right: 0x;">
                                                                    <p class="text-center"><span style="text-align: CENTER"><strong style="font-weight: bold"> {{ lang['theme1.login.textcenter17'] }}</strong></span></p>
                                                            </div>
                            <div class="how-it-works-description" style="padding-left: 0px; padding-right: 0x;">
                                                                    <p class="text-center"><span style="text-align: CENTER">{{ lang['theme1.login.textcenter18'] }}</span></p>
                                                            </div>
                        </div>
                    </div>
                                    <div class="col-md-3 how-it-works-col">
                        <div class="how-it-works-card">
                            <div class="how-it-works-arrow-top style-svg-g-primary">
                                <svg width="125px" height="31px" viewBox="0 0 125 31" version="1.1" xmlns="http://www.w3.org/2000/svg"><g id="Landing" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <g transform="translate(-942.000000, -1387.000000)" fill="#1E79E4" id="Group-10">
                                            <g transform="translate(165.000000, 1368.000000)">
                                                <path d="M889.516523,26.5080119 L891.910644,20.9496585 L902,32.9164837 L886.372927,33.807873 L888.723185,28.3469617 C871.347087,21.9210849 854.507984,19.7125409 838.195168,21.7129851 C818.169006,24.1687976 798.907256,32.9719131 780.398868,48.1424468 L779.638673,48.7694781 L778.869195,49.4081513 L777.591849,47.8691952 L778.361327,47.2305219 C797.38492,31.4407805 817.252224,22.2662407 837.951732,19.7278557 C854.622929,17.6834632 871.814783,19.9463129 889.516523,26.5080119 Z" id="Line3"></path>
                                            </g>
                                        </g>
                                    </g>
                                </svg>
                            </div>
                            <div class="how-it-works-arrow-bottom style-svg-g-primary">
                                <svg width="125px" height="31px" viewBox="0 0 125 31" version="1.1" xmlns="http://www.w3.org/2000/svg"><g id="Landing" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <g transform="translate(-657.000000, -1461.000000)" fill="#1E79E4" id="Group-10">
                                            <g transform="translate(165.000000, 1368.000000)">
                                                <path d="M493.869195,93.5918487 L494.638673,94.2305219 C513.37968,109.785715 532.894675,118.797561 553.195168,121.287015 C569.507984,123.287459 586.347087,121.078915 603.723185,114.653038 L601.372927,109.192127 L617,110.083516 L606.910644,122.050341 L604.516523,116.491988 C586.814783,123.053687 569.622929,125.316537 552.951732,123.272144 C532.528218,120.767604 512.914862,111.802694 494.12272,96.3975396 L493.361327,95.7694781 L492.591849,95.1308048 L493.869195,93.5918487 Z" id="Line2"></path>
                                            </g>
                                        </g>
                                    </g>
                                </svg>
                            </div>
                            <div class="d-flex justify-content-center how-it-works-preview" style="margin-bottom: 12px;">
                                <div class="how-it-works-number style-box-shadow-default style-bg-color-light style-border-radius-50"
                                     style="
                                     font-size: 32px;                                      width: 95px;                                      height: 95px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     ">
                                    3
                                </div>
                            </div>
                            <div class="how-it-works-title" style="margin-bottom: 8px; padding-left: 0px; padding-right: 0x;">
                                                                    <p class="text-center"><span style="text-align: CENTER"><strong style="font-weight: bold"> {{ lang['theme1.login.textcenter19'] }}</strong></span></p>
                                                            </div>
                            <div class="how-it-works-description" style="padding-left: 0px; padding-right: 0x;">
                                                                    <p class="text-center"><span style="text-align: CENTER">{{ lang['theme1.login.textcenter20'] }}.</span></p>
                                                            </div>
                        </div>
                    </div>
                                    <div class="col-md-3 how-it-works-col">
                        <div class="how-it-works-card">
                            <div class="how-it-works-arrow-top style-svg-g-primary">
                                <svg width="125px" height="31px" viewBox="0 0 125 31" version="1.1" xmlns="http://www.w3.org/2000/svg"><g id="Landing" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <g transform="translate(-942.000000, -1387.000000)" fill="#1E79E4" id="Group-10">
                                            <g transform="translate(165.000000, 1368.000000)">
                                                <path d="M889.516523,26.5080119 L891.910644,20.9496585 L902,32.9164837 L886.372927,33.807873 L888.723185,28.3469617 C871.347087,21.9210849 854.507984,19.7125409 838.195168,21.7129851 C818.169006,24.1687976 798.907256,32.9719131 780.398868,48.1424468 L779.638673,48.7694781 L778.869195,49.4081513 L777.591849,47.8691952 L778.361327,47.2305219 C797.38492,31.4407805 817.252224,22.2662407 837.951732,19.7278557 C854.622929,17.6834632 871.814783,19.9463129 889.516523,26.5080119 Z" id="Line3"></path>
                                            </g>
                                        </g>
                                    </g>
                                </svg>
                            </div>
                            <div class="how-it-works-arrow-bottom style-svg-g-primary">
                                <svg width="125px" height="31px" viewBox="0 0 125 31" version="1.1" xmlns="http://www.w3.org/2000/svg"><g id="Landing" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <g transform="translate(-657.000000, -1461.000000)" fill="#1E79E4" id="Group-10">
                                            <g transform="translate(165.000000, 1368.000000)">
                                                <path d="M493.869195,93.5918487 L494.638673,94.2305219 C513.37968,109.785715 532.894675,118.797561 553.195168,121.287015 C569.507984,123.287459 586.347087,121.078915 603.723185,114.653038 L601.372927,109.192127 L617,110.083516 L606.910644,122.050341 L604.516523,116.491988 C586.814783,123.053687 569.622929,125.316537 552.951732,123.272144 C532.528218,120.767604 512.914862,111.802694 494.12272,96.3975396 L493.361327,95.7694781 L492.591849,95.1308048 L493.869195,93.5918487 Z" id="Line2"></path>
                                            </g>
                                        </g>
                                    </g>
                                </svg>
                            </div>
                            <div class="d-flex justify-content-center how-it-works-preview" style="margin-bottom: 12px;">
                                <div class="how-it-works-number style-box-shadow-default style-bg-color-light style-border-radius-50"
                                     style="
                                     font-size: 32px;                                      width: 95px;                                      height: 95px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     ">
                                    4
                                </div>
                            </div>
                            <div class="how-it-works-title" style="margin-bottom: 8px; padding-left: 0px; padding-right: 0x;">
                                                                    <p class="text-center"><span style="text-align: CENTER"><strong style="font-weight: bold"> {{ lang['theme1.login.textcenter21'] }}</strong></span></p>
                                                            </div>
                            <div class="how-it-works-description" style="padding-left: 0px; padding-right: 0x;">
                                                                    <p class="text-center"><span style="text-align: CENTER">{{ lang['theme1.login.textcenter22'] }}!</span></p>
                                                            </div>
                        </div>
                    </div>
                            </div>
        </div>
    </div>
</div>
<div id="block_103">
    <div class="header-with-text ">
        <div class="bg"></div>
        <div class="divider-top"></div>
        <div class="divider-bottom"></div>
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="text-block__title">
                                                    <h2 class="text-center"><span style="text-align: CENTER">Success Stories</span></h2>
                                            </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="text-block__description">
                                                    <p class="text-center"><span style="text-align: CENTER">Learn how you can get benefit from using our panel by checking out some of the customer reviews.</span></p>
                                            </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="block_77"style="padding-bottom:200px;">
    <div class="reviews-slider ">
        <div class="bg"></div>
        <div class="divider-top"></div>
        <div class="divider-bottom"><svg xmlns="http://www.w3.org/2000/svg" class="divider-img" viewBox="0 0 1080 200" preserveAspectRatio="none"><path style="opacity:0.45;" d="M 0,200 C 300,-66.666667 740,-66.666667 1080,200 Z"></path><path d="M 72.694022,200 C 332.3372,-17.982667 713.14719,-17.982667 1007.4095,200 Z"></path></svg></div>
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-10">
                                                            <div class="reviews-slider">
                        <div data-slider="1" data-slider-options="{'dots':true,'infinite':true,'speed':500,'autoplay':true,'autoplaySpeed':5000,'slidesToShow':2,'slidesToScroll':1,'responsive':[{'breakpoint':991,'settings':{'slidesToShow':1,'slidesToScroll':1}}],'rtl':false}">
                                                            <div class="reviews-slider__slide">
                                    <div class="card" style="
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    ">
                                                                                    <div class="reviews-slider__slide-photo" style="margin-bottom: 16px; justify-content: flex-start;">
                                                <div class="style-text-primary reviews-slider__slide-avatar" style="border:2px solid;background-image: url(https://i.postimg.cc/PJQVgpHV/man.png);"></div>
                                            </div>
                                                                                <div class="reviews-slider__slide-name" style="padding-left: 0px; padding-right: 0px; margin-bottom: 10px;">
                                                                                            <center><p><strong style="font-weight: bold">Rahul Singh</strong></p></center>
                                                                                    </div>
                                        <div class="reviews-slider__slide-description" style="padding-left: 0px; padding-right: 0px;">
                                                                                            <p>I'm so happy I found this SMM panel ! I spent hours and hours on trying to get more people to know about my brand but it was so difficult. This panel helps me get more attention online and increase my customer base.</p>
                                                                                    </div>
                                    </div>
                                </div>
                                                            <div class="reviews-slider__slide">
                                    <div class="card" style="
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    ">
                                                                                    <div class="reviews-slider__slide-photo" style="margin-bottom: 16px; justify-content: flex-start;">
                                                <div class="style-text-primary reviews-slider__slide-avatar" style="border:2px solid;background-image: url(https://i.postimg.cc/Y9cXjfqy/teenager.png);"></div>
                                            </div>
                                                                                <div class="reviews-slider__slide-name" style="padding-left: 0px; padding-right: 0px; margin-bottom: 8px;">
                                                                                            <center><p><strong style="font-weight: bold">{{ lang['theme1.login.textcenter27'] }}</strong></p></center>
                                                                                    </div>
                                        <div class="reviews-slider__slide-description" style="padding-left: 0px; padding-right: 0px;">
                                                                                            <p>{{ lang['theme1.login.textcenter28'] }}</p>
                                                                                    </div>
                                    </div>
                                </div>
                                
                                                            <div class="reviews-slider__slide">
                                    <div class="card" style="
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    ">
                                                                                    <div class="reviews-slider__slide-photo" style="margin-bottom: 10px; justify-content: flex-start;">
                                                <div class="style-text-primary reviews-slider__slide-avatar" style="border:2px solid;background-image: url(https://i.postimg.cc/cLrTm5vb/man-1.png);"></div>
                                            </div>
                                                                                <div class="reviews-slider__slide-name" style="padding-left: 0px; padding-right: 0px; margin-bottom: 8px;">
                                                                                            <center><p><strong style="font-weight: bold">Vikrant Bhartiya</strong></p></center>
                                                                                    </div>
                                        <div class="reviews-slider__slide-description" style="padding-left: 0px; padding-right: 0px;">
                                                                                            <p>{{ lang['theme1.login.textcenter30'] }}!</p>
                                                                                    </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="block_101">
    <div class="header-with-text ">
        <div class="bg"></div>
        <div class="divider-top"></div>
        <div class="divider-bottom"></div>
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="text-block__title">
                                                    <h2 class="text-center"><span style="text-align: CENTER">{{ lang['theme1.login.textcenter31'] }}</span></h2>
                                            </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="text-block__description">
                                                    <p class="text-center"><span style="text-align: CENTER">{{ lang['theme1.login.textcenter32'] }}</span></p>
                                            </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="block_85">
    <div class="faq ">
        <div class="bg"></div>
        <div class="divider-top"></div>
        <div class="divider-bottom"></div>
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="row">
                                                    <div class="col-lg-12">
                                <div class="faq-block__card">
                                    <div class="card" style="
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                ">
                                        <div class="faq-block__header collapsed" data-toggle="collapse" data-target="#faq-block-85-1" aria-expanded="false" aria-controls="#faq-block-85-1">
                                            <div class="faq-block__header-title">
                                                                                                    <h4>{{ lang['theme1.login.textcenter33'] }}?</h4>
                                                                                            </div>
                                            <div class="faq-block__header-icon">
                                                <div class="style-text-dark faq-block__icon" style=""></div>
                                            </div>
                                        </div>
                                        <div class="faq-block__body collapse" id="faq-block-85-1">
                                            <div class="faq-block__body-description" style="padding-top: 8px">
                                                                                                    <p>{{ lang['theme1.login.textcenter34'] }}.</p>
                                                                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                    <div class="col-lg-12">
                                <div class="faq-block__card">
                                    <div class="card" style="
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                ">
                                        <div class="faq-block__header collapsed" data-toggle="collapse" data-target="#faq-block-85-2" aria-expanded="false" aria-controls="#faq-block-85-2">
                                            <div class="faq-block__header-title">
                                                                                                    <h4>{{ lang['theme1.login.textcenter35'] }}?</h4>
                                                                                            </div>
                                            <div class="faq-block__header-icon">
                                                <div class="style-text-dark faq-block__icon" style=""></div>
                                            </div>
                                        </div>
                                        <div class="faq-block__body collapse" id="faq-block-85-2">
                                            <div class="faq-block__body-description" style="padding-top: 8px">
                                                                                                    <p>{{ lang['theme1.login.textcenter36'] }}.</p>
                                                                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                    <div class="col-lg-12">
                                <div class="faq-block__card">
                                    <div class="card" style="
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                ">
                                        <div class="faq-block__header collapsed" data-toggle="collapse" data-target="#faq-block-85-3" aria-expanded="false" aria-controls="#faq-block-85-3">
                                            <div class="faq-block__header-title">
                                                                                                    <h4>{{ lang['theme1.login.textcenter37'] }}?</h4>
                                                                                            </div>
                                            <div class="faq-block__header-icon">
                                                <div class="style-text-dark faq-block__icon" style=""></div>
                                            </div>
                                        </div>
                                        <div class="faq-block__body collapse" id="faq-block-85-3">
                                            <div class="faq-block__body-description" style="padding-top: 8px">
                                                                                                    <p>{{ lang['theme1.login.textcenter38'] }}.</p>
                                                                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                    
                                </div>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
    </div>
</div>

        
    
{% include 'footer.twig' %}