<style>
    
 .btn-sonar {
    background: #d31f26;
    border: 0;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-block;
    color: #fff;
    outline: 0;
    position: fixed;
    text-align: center;
    line-height: 80px;
    left: 10px;
    bottom: 50px;
    z-index: 99;
}
.btn-sonar img {
    width: 35px;
    height: 35px;
    margin-top: -20px;
    animation: rotate-img 1s infinite;
}

.btn-sonar::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    animation: sonar-effect 1s ease-in-out .1s infinite;
}



@keyframes rotate-in {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}


@keyframes sonar-effect{0%{opacity:.3}40%{opacity:.5;box-shadow:0 0 0 5px #d31f26,0 0 10px 10px #d31f26,0 0 0 10px #d31f26}100%{box-shadow:0 0 0 5px #d31f26,0 0 10px 10px #d31f26,0 0 0 10px #1fd3ba;transform:scale(1.5);opacity:0}}

  @media (max-width: 767.98px){
    .section-top-spacing {
        padding-top: 80px;
    }
  }
    .contact-whatsapp {

      /* width: 59px;
    position: fixed;
    bottom: 118px;
    right: 11px;
    z-index: 9999;
    display: inline-block; */
    
    width: 50px;
    position: fixed;
    bottom: 125px;
    right: 15px;
    z-index: 9999;
    display: inline-block;
/*    animation: up-down 1s infinite;*/
}

 .contact-call {
    width: 50px;
    position: fixed;
    bottom: 180px;
    right: 15px;
    z-index: 9999;
    display: inline-block;
/*    animation: up-down 1s infinite;*/
}


.contact-insta {
    width: 70px;
    position: fixed;
    bottom: 56px;
    right: 6px;
    z-index: 9999;
    display: inline-block;
/*    animation: up-down 1s infinite;*/
}

@keyframes up-down {
    0% {transform:translateY(0px);}
    50% {transform:translateY(20px);}
    100% {transform:translateY(0px);}
    50% {margin-top:-20px;}
    100% {margin-top: 0px;}

}
 </style>


<a href="https://wa.me/+919810697834" class="whatsapp-fixed" target="_blank">
    <img src="images/whatsapp.webp" class="contact-whatsapp" alt="Whatsapp Icon">
</a>

<a href="tel:+919810697834" class="whatsapp-fixed" target="_blank">
    <img src="images/call.webp" class="contact-call" alt="call Icon">
</a>

<!-- <a href="#" class="insta-fixed" target="_blank">
    <img src="images/insta.png" class="contact-insta" alt="call Icon">
</a> -->