.contact{
  position:fixed;
	width:100px;
	height:60px;
	bottom:182px;
	right:26px;
  
	border-radius:50px;
	text-align:center;
   font-size:30px;
	/* box-shadow: 2px 2px 3px #999; */
  z-index:100;
}



.logo-container {
    position: relative;
    z-index: 100;
}

.background-circle {
   position: fixed;
   bottom: 50px;
   right: 0px;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #06c009;
    animation: moveCircle 2s ease-in-out infinite alternate; /* Animation properties */
}

@keyframes moveCircle {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.5;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 0.3;
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.5;
    }
}

.img-whp {
    width: 50px;
    height: 50px;
    z-index: 100;
    position: fixed;
    bottom: 95px;
    right:43px;
}

/* contact-section */
.logo-container1 {
    position: relative;
    z-index: 100;
}

.background-circle1 {
   position: fixed;
   bottom: 143px;
   right: 7px;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #0622c0;
    animation: moveCircle 2s ease-in-out infinite alternate; /* Animation properties */
}

@keyframes moveCircle {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.5;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 0.3;
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.5;
    }
}

#img-contact {
    width: 50px;
    height: 50px;
    z-index: 100;
    position: fixed;
    bottom: 180px;
    right:60px;
    
}