.vg-story {
  transition: 0.5s ease-in-out;
  min-height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vg-story:hover {
  transform: scale(1.17);
}

.vg-story a {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-decoration: none;
  width: 100%;
}

.vg-story a figure {
  width: 130px;
  height: 130px;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.vg-story a figure img {
  width: 116px !important;
  height: 116px;
  border-radius: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vg-story a figure svg {
  fill: none;
  stroke: #349625;
  stroke-width: 3px;
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
  stroke-linecap: round;
}

@-webkit-keyframes rotateOnce {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotateOnce {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.vg-story a figure .story-tag {
  position: relative;
  top: -35px;
  background-color: #191a50;
  color: white;
  padding: 3px 5px;
  border-radius: 50px;
  font-weight: bold; /* Adicionado font-weight: bold; */
}

.vg-story a p {
  max-width: 60%;
  min-height: 30px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

@-webkit-keyframes loading {
  100% {
    stroke: #349625;
    stroke-dasharray: 10;
    transform: rotate(200deg);
  }
}

@keyframes loading {
  100% {
    stroke: #349625;
    stroke-dasharray: 10;
    transform: rotate(200deg);
  }
}

#vg-stories-root {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

#vg-stories {
  max-width: 1140px;
  width: 100%;
  overflow: hidden;
}

#vg-stories .owl-item.center {
  transform: scale(1.17);
}

#vg-stories .owl-nav {
  position: absolute;
  height: 0;
  top: 38%;
  margin: 0;
  width: 100%;
}

#vg-stories .owl-nav .owl-prev,
#vg-stories .owl-nav .owl-next {
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50px;
  font-size: 20px !important;
  background-color: #d4d4d4 !important;
  transition: all 0.3s ease-in-out;
}

#vg-stories .owl-nav .owl-prev {
  left: -50px;
}

#vg-stories .owl-nav .owl-next {
  right: -50px;
}

#vg-stories:hover .owl-prev,
#vg-stories:hover .owl-next {
  display: block;
}

#vg-stories:hover .owl-prev {
  left: 0px;
}

#vg-stories:hover .owl-next {
  right: 0px;
}