<style type="text/css">
  .footer p
  {
    background-color: var(--main-color) !important;
    color: #fff;
  }
  .mb-5, .my-5 {
    margin-left: 4px;
    margin-bottom: 3rem !important;
  }
  .container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; }
    .row.mb-5 {
      margin-left: 38px;
    }
    footer.ftco-footer.ftco-section {
      padding-bottom: 0px;
      padding-top: 20px;
      border-top: 3px solid var(--main-color);
      /*box-shadow: 0px 2px 181px var(--main-color) inset;*/
    }
    a {
      -webkit-transition: .3s all ease;
      -o-transition: .3s all ease;
      transition: .3s all ease;
      color: #1b1b1a !important;
    }
    .dwl{
      height: auto !important;
    }
    .flw{
      text-align: center;
    }
    .social ul a
    {

      font-size: 30px;
    }

    .social ul
    {
      list-style-type: none;
      size: 10px;
    }


    .row .mb-5
    {
      margin-left: 10px;
    }

    .foot p
    {
      margin-bottom: 0px;
      padding:5px;
    }

/*-------------------------------Media Query-------------------------------*/

@media only screen and (max-device-width: 560px) {
  /*section#home-section {*/
    /*  height: 180px;*/
    /*}*/
    li.ftco-animate.fadeInUp.ftco-animated {
      margin-right: 74px;
    }
    .ftco-animate.img.imgstyle.fadeInUp.ftco-animated img {
      height: 235px;
      /*padding: 11px;*/
      /*width: 95%;*/
    }
    .media.block-6.services.mb-md-0.mb-4 {
      margin-right: 13px;
    }
    .row.no-gutters.ftco-services {
      margin-left: -8px;
    }
    .ftic{
      display: flex;
    }
    .social{

      margin-left: -30px;

    }
  }
  @media (min-width:400) and (max-width: 500) {
    .media.block-6.services.mb-md-0.mb-4 {
      margin-right: 35px !important;
    }
    .row.no-gutters.ftco-services {
      margin-left: -5px !important;
    }
  }

  .no-cut,.no-cut small{
    font-weight: 600;
  }




</style>

<footer class="ftco-footer pt-4 pb-0 bg-white">
  <div class="container-fluid">

    <div class="row">
      <div class="col-md">
        <div class="ftco-footer-widget">
          <h2 class="ftco-heading-2">
            About Uniform India
            <!--<img class="w-50" src="logo.png" style="height:65px;">-->
          </h2>
          <p>At our online Uniform India order your uniform from one place. Keep sitting at home and your Uniform India will be at your door. We at Uniform India believe in bringing happiness on people faces.</p>

        </div>
      </div>
      <div class="col-md">
       <div class="ftco-footer-widget">
        <h2 class="ftco-heading-2">Help</h2>
        <div class="d-flex">
          <ul class="list-unstyled mr-l-5 pr-l-3 mr-4">
            <li><a href="contact.php" class="py-2 d-block">Contact Us</a></li>
            <li><a href="return-policy.php" class="py-2 d-block">Returns &amp; Exchange</a></li>
            <li><a href="#" class="py-2 d-block">Terms &amp; Conditions</a></li>
            <li><a href="privacy_policy.php" class="py-2 d-block">Privacy Policy</a></li>
          </ul>

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


    <div class="col-md">
      <div class="ftco-footer-widget">
        <h2 class="ftco-heading-2">Contact Us</h2>
        <div class="block-23 mb-3">
          <ul>
            <li><span class="icon fas fa-map-marker-alt"></span><span class="text" style="padding-bottom: 10px">1 (1/2), Old C.S.D, Sahani Market Ordnance Factory Estate, Raipur Dehradun- 248008 (Uttrakhand)</span></li>
            <li><a href="tel:9870709748"><span class="icon fas fa-phone-alt"></span><span class="text">919870709748</span></a></li>
            <li><a href="mailto:help@uniformindia.co.in"><span class="icon fas fa-envelope"></span><span class="text">help@uniformindia.co.in</span></a></li>
            <li><img src="images/payment-cards.svg" style="height:auto!important;width: 100%;"></li>
          </ul>
        </div>
      </div>
    </div>
<!-- <div class="col-md flw">
  <div class="ftco-footer-widget mb-4">          
    <div class="social">
      <h2 class="ftco-heading-2">Follow US</h2>
      <ul class="ftic">
        <li class="ftco-animate"><a href="#"><span class="icon-twitter"></span></a></li>
        <li class="ftco-animate"><a href="https://www.facebook.com/eUniform Indiaboy.in"><span class="icon-facebook"></span></a></li>
        <li class="ftco-animate"><a href="https://www.instagram.com/eUniform Indiaboy3811/"><span class="icon-instagram"></span></a></li>
      </ul>
    </div>
  </div>
</div> -->
</div>

</div>

<div class="row foot" >
  <div class="col-md-12 text-center footer">

    <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
    <p>Copyright &copy;&nbsp;2024. Uniform India All Rights Reserved | Developed with <i class="fas fa-heart" aria-hidden="true" style="margin-right:5px;"></i>by <a class="text-white" href="https://www.creativedigitalinfotech.com/" target="_blank">Creative Digital Infotech</a></p>
    <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->

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

<!-- loader -->
<!--<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>-->

<div class="login_phone_view">
  <div class="login-modal">
    <!-- <span class="close-btn" onclick="closeModal()">&times;</span> -->
    <form method="post" id="login_modal">
      <div class="login-header">Log in to complete your shopping</div>
      <p>Shop and track your orders easily</p>
      <input required type="tel" pattern="[1-9]{1}[0-9]{9}" maxlength="10" class="login-input" placeholder="Phone Number" name="phone" title="Phone Number Must Be 10 Digit">
      <button type="submit" class="login-btn btn btn-theme">Continue</button>
      <p style="font-size: 12px; color: gray; margin-bottom: 0;">
        By continuing, you agree to uniform India <a href="#">Terms of Use</a> and <a href="<?=SITE_URL?>privacy_policy.php" target="_blank">Privacy Policy</a>.
      </p>
    </form>

    <form id="verify_otp_modal" autocomplete="off" style="display:none;">
      <p>Please enter the verification code we've sent you on +91<span id="contactNumber"></span></p>

      <input type="number" class="form-control" name="otp" id="otp" required>
      <button class="login-btn btn btn-theme" type="submit">Verify</button>
    </form>

  </div>
</div>


<script src="js/jquery.min.js"></script>
<script src="js/jquery-migrate-3.0.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/aos.js"></script>
<script src="js/jquery.animateNumber.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/scrollax.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
<script src="js/google-map.js"></script>
<script src="js/alertify.min.js"></script>
<script src="js/main.js"></script>
<script src="verification.js"></script>

<script type="text/javascript">
  window.onload = function() {
    var startPos;
    var geoOptions = {
      enableHighAccuracy: true
    }

    var geoSuccess = function(position) {
      startPos = position;
    // document.getElementById('startLat').innerHTML = startPos.coords.latitude;
    // document.getElementById('startLon').innerHTML = startPos.coords.longitude;
      var latitude=startPos.coords.latitude;
      var longitude=startPos.coords.longitude;
      jQuery.ajax({
        url: 'https://maps.googleapis.com/maps/api/geocode/json?key=AIzaSyCx2kcdlEcxKmy4sglfJR3E4OJ88HnaMlM&callback=initialize&latlng='+latitude+','+longitude,
        type: 'POST',
        dataType: 'json',
        success: function(data) {
        //If Successful add the data to the 'location' div
          var l=data;
          console.log(l.results);
          var slc='<select class="crslc"><option>'+l.results[0].formatted_address+'</option><option>'+l.results[1].formatted_address+'</option><option>'+l.results[2].formatted_address+'</option></select>';
          var lc=l.results[1].formatted_address;
          if(lc.length>50){
            var lc=lc.substring(0,50);
          }
    // alert(lc.length)
          var hr='<span class="hrlc">'+lc+'</span>'
          $('.crad').html(slc);
          $('.exclc').html(hr);

        },
        error: function(xhr, textStatus, errorThrown) {
         errorPosition();
       }
     });
    };
    var geoError = function(error) {
      console.log('Error occurred. Error code: ' + error.code);
    // error.code can be:
    //   0: unknown error
    //   1: permission denied
    //   2: position unavailable (error response from location provider)
    //   3: timed out
    };

    navigator.geolocation.getCurrentPosition(geoSuccess, geoError, geoOptions);
  };

  jQuery("#offers").owlCarousel({
    autoplay: true,
  rewind: true, /* use rewind if you don't want loop */
    margin: 20,
   /*
  animateOut: 'fadeOut',
  animateIn: 'fadeIn',
  */
    responsiveClass: true,
    autoHeight: true,
    autoplayTimeout: 7000,
    smartSpeed: 800,
    nav: true,
    responsive: {
      0: {
        items: 1
      },

      600: {
        items: 3
      },

      1024: {
        items: 4
      },

      1366: {
        items: 4
      }
    }
  });

// tool tip
  $(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();
  });

  var buttonPlus  = $(".qty-btn-plus");
  var buttonMinus = $(".qty-btn-minus");

  var incrementPlus = buttonPlus.click(function() {
    var $n = $(this)
    .parent(".qty-container")
    .find(".input-qty");
    $n.val(Number($n.val())+1 );
  });

  var incrementMinus = buttonMinus.click(function() {
    var $n = $(this)
    .parent(".qty-container")
    .find(".input-qty");
    var amount = Number($n.val());
    if (amount > 1) {
      $n.val(amount-1);
    }
  });


// Fancybox Config
  $('[data-fancybox="gallery"]').fancybox({
    buttons: [
      "slideShow",
      "thumbs",
      "zoom",
      "fullScreen",
      "share",
      "close"
    ],
    loop: false,
    protect: true
  });


 // notifier
  <?php if(isset($_SESSION['success_message'])){ ?>
    $(document).ready(function() {
      alertify.set('notifier','position', 'top-right');
      alertify.success('<?php echo $_SESSION['success_message'];?>');
    });
  <?php } unset($_SESSION['success_message']); ?>

  <?php if(isset($_SESSION['error_message'])){ ?>
    $(document).ready(function() {
      alertify.set('notifier','position', 'top-right');
      alertify.error('<?php echo $_SESSION['error_message'];?>');
    });
  <?php } unset($_SESSION['error_message']); ?>


// login modal
  function openModal() {
    $(".login_phone_view").show();
  }

  function closeModal() {
    $(".login_phone_view").style.display = "none";
  }

  $('#login_modal').on('submit', function () {
    $.ajax({
      type: 'post',
      url: '<?=SITE_URL?>ajax_login.php',
      data: $('#login_modal').serialize(),
      success: function (result) {
        console.log(result);
        $('#verify_otp_modal').show();
        $('#login_modal').hide();
        alertify.set('notifier','position', 'top-right');
        alertify.success('Otp has been sent to your phone number.');
        $('#contactNumber').text(result);
        setTimeout(function () {
          $('.res').hide()
        }, 4000)
      }
    });
    return false;
  });

    // verify OTP
  $('#verify_otp_modal').on('submit', function (e) {
    e.preventDefault();
    $.ajax({
      type: 'post',
      url: '<?=SITE_URL?>ajax_login.php',
      data: $('#verify_otp_modal').serialize(),
      success: function (result) {
        if(result==1){
            location.reload()
        }else{
          alertify.set('notifier','position', 'top-right');
          alertify.error('Please enter valid OTP');
          setTimeout(function () {
            $('.res').hide()
          }, 2000)
        }
      }
    });
  });
</script>