<style>
    .col-lg-3{
            position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    }
footer {
    padding: 2rem 0;
    background: #100d1f;
}
.footer__manger {
    background: #1d1835;
    padding: 20px;
    border-radius: 15px;
}
.hr_primary {
    background: var(--text-white);
    height: 2px !important;
    opacity: 0.7;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}
.info__item {
    display: flex
;
    gap: 10px;
    color: #fff;
    margin-bottom: 10px;
    word-break: break-all;
}

    .col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    font-size: 15px;
}
footer_links_wrap {
    margin-top: 20px;
    margin-left: 15px;
}
@media only screen and (max-width: 550px) {
    .footer_links_wrap {
        margin: 0px;
        margin-bottom: 10px;
    }
}
}
.footer_links_wrap h4 {
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 10px;
}
.footer_links_wrap .footer_link a {
    display: block;
    color: #fff;
    margin-bottom: 8px;
    transition: 0.5s;
}

    
</style>

        
                
            <footer>
        <div class="container">
          <div class="row">
            <div class="col-lg-3">
              <div class="footer__manger">
                <div class="logo" style="color: #fff;">
                 <img src="https://cloud.rentalpanelbd.com/files/29e882b6967f366d94c2bf994ac9f6a9.png" alt="bigsmmserver - #1 SMM Panel | BD Main Provider & Cheap SMM Panel For Resellers" loading="lazy" class="panel_icon_class">
                </div>
                <hr class="hr_primary">
                <div class="footer_info">
                  <div class="info__item">
                    <div class="icon">
                      <i class="fas fa-envelope"></i>
                    </div>
                    <a href="mailto:bigsmmserver48@gmail.com" class="info_text p-2">bigsmmserver48@gmail.com</a>
                  </div>
                  <div class="info__item">
                    <div class="icon">
                      <i class="fas fa-phone-alt"></i>
                    </div>
                    <a href="tel:+8801619727295" class="info_text">+8801619727295</a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-6">
              <div class="footer_links_wrap">
                <h4>Other Pages</h4>
                <div class="footer_link">
                  <a href="/">→ Home</a>
                  <a href="/about">→ About</a>
                  <a href="/api_docs">→ Api</a>
                  <a href="/services">→ Services</a>
                  <a href="/terms">→ Terms & Privacy</a>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-6">
              <div class="footer_links_wrap">
                <h4>Our Services</h4>
                <div class="footer_link">
                  <a href="/services">→ Facebook</a>
                  <a href="/services">→ Instagram</a>
                  <a href="/services">→ Twitter</a>
                  <a href="/services">→ Youtube</a>
                  <a href="/services">→ Tiktok</a>
                </div>
              </div>
            </div>
            <div class="col-lg-3">
              <div class="footer_links_wrap">
                <h4>Find Us on</h4>
                <a href="/" class="icon" target="_blank">
                  <i class="fab fa-instagram"></i>
                </a>
                <a href="/" target="_blank" class="icon">
                  <i class="fab fa-youtube"></i>
                </a>
                <a href="/" class="icon" target="_blank">
                  <i class="fab fa-whatsapp"></i>
                </a>
                <span style="text-align: CENTER"><strong style="font-weight: bold">Copyright © 2015 -2023 Bigsmmserver . All Rights Reserved.</strong></span>
              </div>
            </div>
          </div>
        </div>
      </footer>
            <a href="#" class="scroll-top  animate animate-infinite animate-pulse animate-duration-2"><em class="icon ni ni-chevrons-up"></em></a>
        
        </div>
 
  
        
                        <script type="text/javascript"  src="https://cdn.mypanel.link/libs/jquery/1.12.4/jquery.min.js" >
                            </script>
                    <script type="text/javascript"  src="https://cdn.mypanel.link/global/ni42gbowshuxacr5.js" >
                            </script>
                    <script type="text/javascript"  src="https://cdn.mypanel.link/global/ua0yl0xu71w4bbpf.js" >
                            </script>
                    <script type="text/javascript"  src="https://cdn.mypanel.link/global/celq4ntt58swsfhr.js" >
                            </script>
                    <script type="text/javascript"  src="https://cdn.mypanel.link/global/fua8u53qcoa6cu44.js" >
                            </script>
                    <script type="text/javascript"  src="https://cdn.mypanel.link/global/758ufrrkdxebimr6.js" >
                            </script>
                    <script type="text/javascript"  src="https://cdn.mypanel.link/global/ra8uplmyh1qbt9bb.js" >
                            </script>
                    <script type="text/javascript" >
                window.modules.layouts = {"theme_id":2,"auth":0,"live":true,"csrftoken":"AHTs7TGU0UgLx21Ut5x0GEDkXIal2-GYScS7NjbPqdI2TJmlaOG0CW6_BSzO2CdCFp4qx-Krs9sNrY5EB4batg=="};
            </script>
                    <script type="text/javascript" >
                window.modules.layouts = {"theme_id":2,"auth":0,"live":true,"csrftoken":"AHTs7TGU0UgLx21Ut5x0GEDkXIal2-GYScS7NjbPqdI2TJmlaOG0CW6_BSzO2CdCFp4qx-Krs9sNrY5EB4batg=="};
            </script>
                    <script type="text/javascript" >
                window.modules.signin = [];
            </script>
                    <script type="text/javascript" >
                            </script>
                  
        <script src="https://smmdesign.shop/paneltop/assets/js/vendors/jquery-3.6.0.min.js"></script>
   <script src="https://smmdesign.shop/globalsmm/assets/js/bundle.js"></script>    
 <script src="https://smmdesign.shop/globalsmm/assets/js/scripts.js"></script>                     
        

 
              
          <script>
     
  /*dark mood custom JS*/ 
  var toggleSlider = document.getElementById('slider');

  toggleSlider && toggleSlider.addEventListener('change', e => {
  if(e.target.checked === true) {
  if(document.body.classList.contains('theme-dark-active')){
      document.body.classList.add('theme-light-active')
      document.body.classList.remove('theme-dark-active')
      localStorage.setItem('activeTheme', 'theme-light-active');
      
    
    }
    else 
    if(document.body.classList.contains('theme-light-active')){
      document.body.classList.add('theme-dark-active')
      document.body.classList.remove('theme-light-active')
      localStorage.setItem('activeTheme', 'theme-dark-active');
    }
  }



  if(e.target.checked === false){
    if(document.body.classList.contains('theme-light-active')){
      document.body.classList.add('theme-dark-active')
      document.body.classList.remove('theme-light-active')
      localStorage.setItem('activeTheme', 'theme-dark-active');
    }
    else if(document.body.classList.contains('theme-dark-active')){
      document.body.classList.add('theme-light-active')
      document.body.classList.remove('theme-dark-active')
      localStorage.setItem('activeTheme', 'theme-light-active');
    }
  }
});

var activeTheme=localStorage.getItem('activeTheme');
if(activeTheme=='theme-dark-active'){
  document.body.classList.add('theme-dark-active');
  document.body.classList.remove('theme-light-active');
  $( "input.check-status" ).prop( "checked", false );

}else{
  document.body.classList.add('theme-light-active');
  document.body.classList.remove('theme-dark-active');
  $( "input.check-status" ).prop( "checked", true );
}


</script>
<script type="text/javascript">
 
if (document.getElementsByClassName('g-recaptcha').length > 0) {
  document.getElementsByClassName('login-box')[0].classList.add('captcha-box');
}
 

 </script>
    </body>
</html>
        