.elementor-widget-wgl-image-hotspots.aleft {
  text-align: left;
}
.elementor-widget-wgl-image-hotspots.acenter {
  text-align: center;
}
.elementor-widget-wgl-image-hotspots.aright {
  text-align: right;
}

.wgl-image-hotspots {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.wgl-image-hotspots .hotspots_image-wrap {
  display: inline-block;
}
.wgl-image-hotspots .hotspots_container {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.wgl-image-hotspots .hotspots_container.appear_animation .hotspots_item {
  transition: 1.4s;
  opacity: 0;
  visibility: hidden;
}
.wgl-image-hotspots .hotspots_container.appear_animation .hotspots_item.show {
  opacity: 1;
  visibility: visible;
}
.wgl-image-hotspots .hotspots_container.loop_animation-pulse .hotspots_item {
  animation: 5s both running infinite hotspots_pulse;
}
.wgl-image-hotspots .hotspots_container.loop_animation-flash .hotspots_item {
  animation: 5s both running infinite hotspots_flash;
}
.wgl-image-hotspots .hotspots_container.loop_animation-zoom .hotspots_item {
  animation: 5s both running infinite hotspots_zoom;
}
.wgl-image-hotspots .hotspots_container.loop_animation-shake .hotspots_item {
  animation: 5s both running infinite hotspots_shake;
}
.wgl-image-hotspots .hotspots_container.loop_animation-swing .hotspots_item {
  animation: 5s both running infinite hotspots_swing;
}
.wgl-image-hotspots .hotspots_container.loop_animation-rubber .hotspots_item {
  animation: 5s both running infinite hotspots_rubber;
}
.wgl-image-hotspots .hotspots_container.loop_animation .hotspots_item:hover {
  animation-play-state: paused;
}
.wgl-image-hotspots .hotspots_item {
  position: absolute;
  cursor: pointer;
}
.wgl-image-hotspots .hotspots_item:hover .tooltips-hover {
  opacity: 1;
  visibility: visible;
  transition: 0.4s;
}
.wgl-image-hotspots .hotspots_item:hover .tooltips-hover .hotspots_content-inner {
  opacity: 1;
  visibility: inherit;
  transition: 0.4s;
}
.wgl-image-hotspots .hotspots_item:hover .tooltips-hover.animation-zoom .hotspots_content-inner {
  transform: scale3d(1, 1, 1);
}
.wgl-image-hotspots .hotspots_item:hover .tooltips-hover.animation-to_left .hotspots_content-inner,
.wgl-image-hotspots .hotspots_item:hover .tooltips-hover.animation-to_top .hotspots_content-inner,
.wgl-image-hotspots .hotspots_item:hover .tooltips-hover.animation-to_right .hotspots_content-inner,
.wgl-image-hotspots .hotspots_item:hover .tooltips-hover.animation-to_bottom .hotspots_content-inner {
  transform: translate(0);
}
.wgl-image-hotspots .hotspots_item:hover .tooltips-hover.animation-shake .hotspots_content-inner {
  animation: tooltips_shake 0.4s ease-in-out forwards;
}
.wgl-image-hotspots .hotspots_content {
  position: absolute;
  z-index: 1;
  transition: 0.2s;
}
.wgl-image-hotspots .hotspots_content .hotspots_content-inner {
  transition: 0.2s;
}
.wgl-image-hotspots .hotspots_content .hotspots_content-inner p:last-child {
  margin-bottom: 0;
}
.wgl-image-hotspots .hotspots_content.tooltips-hover {
  visibility: hidden;
}
.wgl-image-hotspots .hotspots_content.tooltips-hover .hotspots_content-inner {
  opacity: 0;
  visibility: inherit;
}
.wgl-image-hotspots .hotspots_content.tooltips-hover.animation-zoom .hotspots_content-inner {
  transform: scale3d(0.1, 0.1, 0.1);
}
.wgl-image-hotspots .hotspots_content.tooltips-hover.animation-to_left .hotspots_content-inner {
  transform: translateX(20px);
}
.wgl-image-hotspots .hotspots_content.tooltips-hover.animation-to_top .hotspots_content-inner {
  transform: translateY(20px);
}
.wgl-image-hotspots .hotspots_content.tooltips-hover.animation-to_right .hotspots_content-inner {
  transform: translateX(-20px);
}
.wgl-image-hotspots .hotspots_content.tooltips-hover.animation-to_bottom .hotspots_content-inner {
  transform: translateY(-20px);
}
.wgl-image-hotspots .hotspots_media-wrap {
  transition: 0.4s;
}
.wgl-image-hotspots .hotspots_point-wrap {
  display: flex;
  align-items: center;
  transition: 0.4s;
}
.wgl-image-hotspots .hotspots_point-icon {
  line-height: 1;
}
.wgl-image-hotspots .hotspots_point-icon svg {
  width: 1em;
  height: 1em;
  display: block;
}
.wgl-image-hotspots .hotspots_point-text {
  margin: 0;
  line-height: 1;
  transition: 0.4s;
}
.wgl-image-hotspots .hotspots_item.tt-desktop-left .hotspots_content,
.wgl-image-hotspots .hotspots_item.tt-c-desktop-left .hotspots_content {
  left: initial;
  top: 50%;
  right: 100%;
  bottom: initial;
  transform: translateY(-50%);
}
.wgl-image-hotspots .hotspots_item.tt-desktop-top .hotspots_content,
.wgl-image-hotspots .hotspots_item.tt-c-desktop-top .hotspots_content {
  left: 50%;
  top: initial;
  right: initial;
  bottom: 100%;
  transform: translateX(-50%);
}
.wgl-image-hotspots .hotspots_item.tt-desktop-right .hotspots_content,
.wgl-image-hotspots .hotspots_item.tt-c-desktop-right .hotspots_content {
  left: 100%;
  top: 50%;
  right: initial;
  bottom: initial;
  transform: translateY(-50%);
}
.wgl-image-hotspots .hotspots_item.tt-desktop-bottom .hotspots_content,
.wgl-image-hotspots .hotspots_item.tt-c-desktop-bottom .hotspots_content {
  left: 50%;
  top: 100%;
  right: initial;
  bottom: initial;
  transform: translateX(-50%);
}
.wgl-image-hotspots .hotspots_item.m-desktop-left .hotspots_point-wrap {
  flex-direction: row;
}
.wgl-image-hotspots .hotspots_item.m-desktop-top .hotspots_point-wrap {
  flex-direction: column;
}
.wgl-image-hotspots .hotspots_item.m-desktop-right .hotspots_point-wrap {
  flex-direction: row-reverse;
}
.wgl-image-hotspots .hotspots_item.m-desktop-bottom .hotspots_point-wrap {
  flex-direction: column-reverse;
}

@media (max-width: 1024px) {
  .wgl-image-hotspots .hotspots_item.tt-tablet-left .hotspots_content,
  .wgl-image-hotspots .hotspots_item.tt-c-tablet-left .hotspots_content {
    left: initial;
    top: 50%;
    right: 100%;
    bottom: initial;
    transform: translateY(-50%);
  }
  .wgl-image-hotspots .hotspots_item.tt-tablet-top .hotspots_content,
  .wgl-image-hotspots .hotspots_item.tt-c-tablet-top .hotspots_content {
    left: 50%;
    top: initial;
    right: initial;
    bottom: 100%;
    transform: translateX(-50%);
  }
  .wgl-image-hotspots .hotspots_item.tt-tablet-right .hotspots_content,
  .wgl-image-hotspots .hotspots_item.tt-c-tablet-right .hotspots_content {
    left: 100%;
    top: 50%;
    right: initial;
    bottom: initial;
    transform: translateY(-50%);
  }
  .wgl-image-hotspots .hotspots_item.tt-tablet-bottom .hotspots_content,
  .wgl-image-hotspots .hotspots_item.tt-c-tablet-bottom .hotspots_content {
    left: 50%;
    top: 100%;
    right: initial;
    bottom: initial;
    transform: translateX(-50%);
  }
  .wgl-image-hotspots .hotspots_item.m-tablet-left .hotspots_point-wrap {
    flex-direction: row;
  }
  .wgl-image-hotspots .hotspots_item.m-tablet-top .hotspots_point-wrap {
    flex-direction: column;
  }
  .wgl-image-hotspots .hotspots_item.m-tablet-right .hotspots_point-wrap {
    flex-direction: row-reverse;
  }
  .wgl-image-hotspots .hotspots_item.m-tablet-bottom .hotspots_point-wrap {
    flex-direction: column-reverse;
  }
}
@media (max-width: 767px) {
  .wgl-image-hotspots .hotspots_item.tt-mobile-left .hotspots_content,
  .wgl-image-hotspots .hotspots_item.tt-c-mobile-left .hotspots_content {
    left: initial;
    top: 50%;
    right: 100%;
    bottom: initial;
    transform: translateY(-50%);
  }
  .wgl-image-hotspots .hotspots_item.tt-mobile-top .hotspots_content,
  .wgl-image-hotspots .hotspots_item.tt-c-mobile-top .hotspots_content {
    left: 50%;
    top: initial;
    right: initial;
    bottom: 100%;
    transform: translateX(-50%);
  }
  .wgl-image-hotspots .hotspots_item.tt-mobile-right .hotspots_content,
  .wgl-image-hotspots .hotspots_item.tt-c-mobile-right .hotspots_content {
    left: 100%;
    top: 50%;
    right: initial;
    bottom: initial;
    transform: translateY(-50%);
  }
  .wgl-image-hotspots .hotspots_item.tt-mobile-bottom .hotspots_content,
  .wgl-image-hotspots .hotspots_item.tt-c-mobile-bottom .hotspots_content {
    left: 50%;
    top: 100%;
    right: initial;
    bottom: initial;
    transform: translateX(-50%);
  }
  .wgl-image-hotspots .hotspots_item.m-mobile-left .hotspots_point-wrap {
    flex-direction: row;
  }
  .wgl-image-hotspots .hotspots_item.m-mobile-top .hotspots_point-wrap {
    flex-direction: column;
  }
  .wgl-image-hotspots .hotspots_item.m-mobile-right .hotspots_point-wrap {
    flex-direction: row-reverse;
  }
  .wgl-image-hotspots .hotspots_item.m-mobile-bottom .hotspots_point-wrap {
    flex-direction: column-reverse;
  }
}

@keyframes tooltips_shake {
  0% {
    transform: rotate(2deg) translateY(9px);
  }
  50% {
    transform: rotate(-3deg) translateY(6px);
  }
  70% {
    transform: rotate(3deg) translateY(3px);
  }
  100% {
    transform: rotate(0deg) translateY(0);
  }
}
@keyframes hotspots_pulse {
  0%, 89%, to {
    transform: scale3d(1, 1, 1);
  }
  90%, 94%, 98% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  92%, 96% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
}
@keyframes hotspots_flash {
  0%, 89%, to {
    opacity: 1;
  }
  90%, 94%, 98% {
    opacity: 0;
  }
  92%, 96% {
    opacity: 1;
  }
}
@keyframes hotspots_shake {
  0%, 89%, to {
    transform: translate3d(0, 0, 0);
  }
  90%, 94%, 98% {
    transform: translate3d(-5px, 0, 0);
  }
  92%, 96% {
    transform: translate3d(5px, 0, 0);
  }
}
@keyframes hotspots_zoom {
  0%, 86%, to {
    transform: scale3d(1, 1, 1);
  }
  87% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  90%, 94%, 98% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  92%, 96% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
}
@keyframes hotspots_rubber {
  64% {
    transform: scale3d(1, 1, 1);
  }
  73% {
    transform: scale3d(1.25, 0.75, 1);
  }
  77% {
    transform: scale3d(0.75, 1.25, 1);
  }
  81% {
    transform: scale3d(1.15, 0.85, 1);
  }
  86% {
    transform: scale3d(0.95, 1.05, 1);
  }
  90% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes hotspots_swing {
  0%, 75%, to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  85% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  90% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  95% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
}