@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/* Comment */
.whatsapp-widget * {
	font-family: "Lato", sans-serif;
}
.whatsapp-widget {
  position: fixed;
  bottom: 25px;
  right: 40px;
  z-index: 99999;
}

.whatsapp-widget .whatsapp-link:focus,
.whatsapp-widget .whatsapp-link:active {
  outline: none;
}
.whatsapp-widget .whatsapp-link .whatsap-icon {
  display: flex;
  flex-direction: column;
  position: relative;
}
.whatsapp-widget .whats-app-widget-inner {
  position: relative;
}



.whatsapp-widget .icon-clickable-wrap {
  width: 60px;
  border-radius: 100%;
  height: 60px;
  background: #000;
  position: relative;
  box-shadow: 0 6px 8px 2px rgba(0, 0, 0, .14);
    -webkit-box-shadow: 0 6px 8px 2px rgba(0, 0, 0, .14);
    -moz-box-shadow: 0 6px 8px 2px rgba(0, 0, 0, .14);
    cursor: pointer;
}
.whatsapp-widget .icon-clickable-wrap:before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48px' height='48px' class='nta-whatsapp-default-avatar' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512%3B' xml:space='preserve'%3E%3Cpath style='fill:%23fff' d='M0 512l35.31-128C12.359 344.276 0 300.138 0 254.234C0 114.759 114.759 0 255.117 0 S512 114.759 512 254.234S395.476 512 255.117 512c-44.138 0-86.51-14.124-124.469-35.31L0 512z'/%3E%3Cpath style='fill:%2355CD6C%3B' d='M137.71 430.786l7.945 4.414c32.662 20.303 70.621 32.662 110.345 32.662 c115.641 0 211.862-96.221 211.862-213.628S371.641 44.138 255.117 44.138S44.138 137.71 44.138 254.234 c0 40.607 11.476 80.331 32.662 113.876l5.297 7.945l-20.303 74.152L137.71 430.786z'/%3E%3Cpath style='fill:%23FEFEFE%3B' d='M187.145 135.945l-16.772-0.883c-5.297 0-10.593 1.766-14.124 5.297 c-7.945 7.062-21.186 20.303-24.717 37.959c-6.179 26.483 3.531 58.262 26.483 90.041s67.09 82.979 144.772 105.048 c24.717 7.062 44.138 2.648 60.028-7.062c12.359-7.945 20.303-20.303 22.952-33.545l2.648-12.359 c0.883-3.531-0.883-7.945-4.414-9.71l-55.614-25.6c-3.531-1.766-7.945-0.883-10.593 2.648l-22.069 28.248 c-1.766 1.766-4.414 2.648-7.062 1.766c-15.007-5.297-65.324-26.483-92.69-79.448c-0.883-2.648-0.883-5.297 0.883-7.062 l21.186-23.834c1.766-2.648 2.648-6.179 1.766-8.828l-25.6-57.379C193.324 138.593 190.676 135.945 187.145 135.945'/%3E%3C/svg%3E");
  background-size: cover;
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  margin: auto;
  top: -3px;
  bottom: 0;
  left: 0;
  right: -2px;
  z-index: 1;
  transition: all ease 400ms;
  transform: scale(1);
}
.whatsapp-widget .icon-clickable-wrap.toggled-open:before {
  opacity: 0;
  rotate: 1turn;
  transform: scale(0);
}
.whatsapp-widget .icon-clickable-wrap:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.659 6.998 5-5a1.177 1.177 0 0 0 0-1.657 1.177 1.177 0 0 0-1.657 0l-5 5-5-5A1.172 1.172 0 0 0 .345 1.998l5 5-5 5a1.172 1.172 0 0 0 0 1.657 1.177 1.177 0 0 0 1.657 0l5-5 5 5a1.177 1.177 0 0 0 1.657 0 1.177 1.177 0 0 0 0-1.657l-5-5Z' fill='%23fff'/%3E%3C/svg%3E");
  background-position: center center;
  width: 32px;
  background-repeat: no-repeat;
  height: 32px;
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
  transition: all ease 400ms;
  rotate: 1turn;
  transform: scale(0);
}
.whatsapp-widget .icon-clickable-wrap.toggled-open::after {
  opacity: 1;
  rotate: 0deg;
  transform: scale(1);
}
.whatsapp-widget .tooltip-floating {
  font-size: 12px;
  line-height: 16px;
  background: #f5f7f9;
  padding: 6px;
  white-space: nowrap;
  border-radius: 4px;
  position: absolute;
  right: 62px;
  top: calc(50% - 12px);
  transition: all ease-in-out 300ms;
  opacity: 1;
}
.whatsapp-widget .tooltip-floating.toggled-open {
  opacity: 0;
  transform: translateY(20px)
}

.whatsapp-widget .bubble-floating-card {
  padding: 11px 16px;
  background: #000;
  border-radius: 200px;
  display: flex;
  gap: 10px;
  align-items: center;
  position: absolute;
  width: 210px;
  right: 0;
  transition: all ease-in-out 200ms;
  transform: translateX(0px);
  right: 0;
  opacity: 0;
  pointer-events: none;
}
.whatsapp-widget .bubble-floating-card.toggled-open {
  right: 108%;
  pointer-events: all;
  opacity: 1;
}
.whatsapp-widget .bubble-floating-card  label {
  color: #84D08B;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px; /* 100% */
  letter-spacing: 0.6px;
}
.whatsapp-widget .bubble-floating-card .whatsapp-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.whatsapp-widget .bubble-floating-card .whatsapp-icon {
  width: 35px;
  height: 35px;

  position: relative;
}
.whatsapp-widget .bubble-floating-card .whatsapp-icon svg {
  width: 100%;
  height: 100%;
}
.whatsapp-widget .bubble-floating-card a {
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.32px;
  text-decoration-line: underline;
  text-transform: uppercase;
}
.whatsapp-widget .bubble-floating-card a:hover {
  color: #FFF !important;
  text-decoration: underline;
}
.whatsapp-widget .icon-clickable-wrap .blinking {
  right: 13px;
  top: 13px;
  z-index: 1;
}
.whatsapp-widget .icon-clickable-wrap.toggled-open .blinking {
  display: none;
}
.whatsapp-widget .blinking {
  animation: 1s blink ease infinite;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background: #e90606;
    position: absolute;
    right: -1px;
    top: 2px;
}

@keyframes blink {
  0% {
    opacity: 0;
    background-color: #e90606;
  }
  25% {
    opacity: 1;
    background-color: #e90606;
  }
  100%{
    opacity: 0;
    background-color: #e90606;
  }
}
@media screen and (max-width: 767px) {
  .whatsapp-widget {
    right: 20px;
  }
}