@font-face {
  font-family: "Archer-semi-bold";
  src: url("../../add_files/fonts/Archer/Archer Semibold.otf") format("opentype");
}
.hotspot-title-info p {
  font-size: 1em;
  color: white;
  background-color: #333333;
  margin: 0 !important;
  padding: 0.125em 0.25em 0.25em 0.25em !important;
  width: auto;
  height: auto;
  text-align: center;
  white-space: nowrap;
  border-radius: 0.25em;
}

.hotspot-title p {
  position: absolute;
  font-size: 1em;
  color: white;
  background-color: #333333;
  margin: 0 !important;
  padding: 0.125em 0.25em 0.25em 0.25em !important;
  width: auto;
  height: auto;
  text-align: center;
  white-space: nowrap;
  border-radius: 0.25em;
}

.hotspot-title p {
  font-family: "Archer-semi-bold", sans-serif;
  top: 5.625em;
  left: 50%;
  transform: translate(-50%, -160%);
}

.carousel-wrap {
  margin: 90px auto;
  padding: 0 5%;
  width: 80%;
  position: relative;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100;
  -webkit-backface-visibility: hidden;
}

/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

.owl-nav i {
  font-size: 52px;
}

.owl-nav .owl-prev {
  left: -30px;
}

.owl-nav .owl-next {
  right: -30px;
}