.elementor-201 .elementor-element.elementor-element-0dc5a33{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}body:not(.rtl) .elementor-201 .elementor-element.elementor-element-5b12929{right:71px;}body.rtl .elementor-201 .elementor-element.elementor-element-5b12929{left:71px;}.elementor-201 .elementor-element.elementor-element-5b12929{bottom:82px;}.elementor-201 .elementor-element.elementor-element-5b12929 .elementor-widget-container{transition:all 400ms;}@media(max-width:767px){body:not(.rtl) .elementor-201 .elementor-element.elementor-element-5b12929{right:51px;}body.rtl .elementor-201 .elementor-element.elementor-element-5b12929{left:51px;}.elementor-201 .elementor-element.elementor-element-5b12929{bottom:51px;}}/* Start custom CSS for html, class: .elementor-element-5b12929 */.vidualsatun {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: animate_pulse2 2s infinite; 
  border-radius: 100px;
}

.campakesad, .vebusines, .nigkugas {
  position: absolute;
  width: 70px;
  height: 70px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
}
.vebusines {
  cursor: pointer;
  z-index: 20;
  overflow: hidden;
}
.campakesad {
  background: #00BD15;
  position: relative;
  transition: .5s;
}
.nigkugas {
  font-size: 28px;
  line-height: 70px;
  animation: phone .9s ease-in-out infinite;
}
.dsacin {
  position: absolute;
  opacity: 0;
  text-transform: uppercase;
  font-weight: 500;
  top: 18px;
  font-size: 12px;
  transform: scaleX(-1);
  transition: .5s ease-in-out;
}
.nigkugas i {
  transition: .5s ease-in-out;
}
.campakesad:hover {
  background: #00BD15;
}
.campakesad:hover i {
  transition: .5s ease-in-out;
  transform: scale(0);
}
.campakesad:hover .dsacin {
  transform: scaleX(1);
  transition: .5s ease-in-out;
  opacity: 1;
}
.campakesad:hover::before,
.campakesad:hover::after {
  content: '';
  position: absolute;
  border: 1px solid #green;
  left: -20px;
  right: -20px;
  top: -20px;
  bottom: -20px;
  border-radius: 50%;
  animation: pulse 1.8s linear infinite;
  opacity: 0;
}
.campakesad:hover::after {
  animation-delay: .5s;
 
}

@keyframes phone {
  0%, 100% {
  transform: rotate(-20deg);
  }
  50% {
  transform: rotate(21deg);
  }
}
@keyframes pulse {
  0% {
  transform: scale(0.5);
  opacity: 0;
  }
  50% {
  opacity: 1;
  }
  100% {
  transform: scale(1.2);
  opacity: 0;
  }
  
}

@keyframes animate_pulse2 {
	0% {
		box-shadow: 0 0 0 0 rgba(0, 189, 31, 0.67);
	}
	70% {
		box-shadow: 0 0 0 20px rgba(0, 189, 31, 0.27);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(0, 189, 31, 0.17);
	}/* End custom CSS */