<style>
    .ftr-bar{
        padding-top:10px;
        display: flex;
        width: 100%;
        position:fixed;
        bottom:0;
        z-index:999;
       
    }
    .ftr-bar-btn{
        flex-basis: 33.3%;
        background-color: #ccc; 
        display:flex;
        justify-content:center;
        align-items:center;
        color:#ffffff !important;
        font-weight:700;
        padding:8px 0px;
    }
    .book-btn{
    flex-basis: 33.3%;
    background-color: #ffba00;
    }
    .wp-btn{
     flex-basis: 33.3%;
     background-color:#4CAF50;
    }
    .call-btn{
        flex-basis: 33.3%;
        background-color: #031b24;
    }
    .book-btn a{
     color: #fefefe;
     text-decoration: none;
    }
    .wp-btn a{
        color: #fefefe;
        text-decoration: none;
    }
    .call-btn a{
        color: #fefefe;
        text-decoration: none;
    }
    .ftr-bar{
        display: none;
    }
        
    .whatsapp-float {
        position: fixed;
        bottom: 20px;
        right: 10px;
        z-index: 999;
    }
    .whatsapp-float img {
       width: 50px;
       height: 50px;
    }
    .call-icon{
        position: fixed;
        bottom: 20px;
        left: 10px;
        z-index: 999;
    }
    .call-icon img{
        width: 50px;
        height: 50px;
    } 
        
      @media only screen and (max-width: 768px) {

        .ftr-bar{
            display: flex;
            
        }
        
        .whatsapp-float,
            .call-icon{
                display:none;
            }
    }
    </style>

    <div class="ftr-bar">
        <div class="ftr-bar-btn book-btn">
            <a href="<?php echo $wspath ?>all-product.html"> Products</a>
        </div>
        <div class="ftr-bar-btn call-btn">
            <a href="tel:<?php echo $data1['phone'] ?>">Call Now</a>
           
        </div>
        <div class="ftr-bar-btn wp-btn">
             <a href="https://wa.me/<?php echo $data1['whatsapp'] ?>">WhatsApp</a>
          
        </div>
    </div>
    
    <div class="whatsapp-float">
       <a href="https://wa.me/<?php echo $data1['whatsapp'] ?>" target="blank">
           <img src="<?php echo $wspath ?>imgs/wp-icon.png" width="50px" class="whatsapp-float-btn">
       </a>
    </div>

    <div class="call-icon">
       <a href="tel:<?php echo $data1['phone'] ?>">
       <img src="<?php echo $wspath ?>imgs/call-icon.png" width="50px" class="call-icon-btn" alt="call-icon"></a>
    </div>