/*
 * %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 *
 * Template Name: Appmyil - App Landing Template   
 * Template URI: https://thememarch.com/demo/html/appmyil/
 * Description: Appmyil is an app landing HTML template which comes with unique and clean design. It helps you to create a beautiful app landing HTML website. It is designed with Bootstrap v4.2.1 the latest bootstrap version. Appmyil is well organized and very easy to customize.
 * Author: Thememarch
 * Author URI: https://thememarch.com
 * Version: 1.0
 *
 * %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 */


.image-icon {
  display: inline-block;
  width: 50px;  /* Set the width of the image */
  height: 50px; /* Set the height of the image */
  background-image: url('../../assets/images/digital-wallet.png'); /* Path to your image */
  background-size: contain;  /* Ensure the image scales properly */
  background-repeat: no-repeat;
}

#custbut{
  background: #fff;
  color: #222;
  font-weight: bold;
  border-radius: 3px;
  padding-left: 35px;
  height: 40px;
}

#custbut i{
  margin-top: 2px;
  margin-left: -23px;
}

#custbut:hover{
  opacity: .9;
}

#scrollUp{
 background: #fff;
 color: #222;
 border: none;
 margin-bottom: -15px;
}

#badge-whatsapp{
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  bottom: 0;
  right: 0;
  margin-bottom: 70px;
  margin-right: 27px;
  padding-top: 8px;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  background: #25D366;
  color: #fff;
  font-size: 20px;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
  cursor: pointer;
  transition: all .1s;
}

#badge-whatsapp:active{
  transform: scale(.9);
}

#butp1:hover{
  background: none !important;
}

/*For mobile view*/

@media only screen and (min-width : 100px) and (max-width : 1199px) {
  #scrollUp{
    display: none !important
  }

  #badge-whatsapp{
    margin-bottom: 15px !important;
    margin-right: 15px !important; 
  }

  .mob1{
    display: none !important;
  }

  .mob2{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .mob3{
    font-size: 24px !important;
  }

  .mob4{
    margin-top: 5px !important;
  }
}