.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1070;
  display: block;
  max-width: 450px;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: .875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: .3rem;
}

.fade {
  transition: opacity .15s linear;
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow, .bs-popover-top>.popover-arrow {
  bottom: calc(-.5rem - 1px);
}

.popover .popover-arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: .5rem;
}

.popover-body {
  padding: 1rem 1rem;
  color: #212529;
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before, .bs-popover-end>.popover-arrow::before {
  left: 0;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: rgba(0,0,0,.25);
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before, .bs-popover-top>.popover-arrow::before {
  bottom: 0;
  border-width: .5rem .5rem 0;
  border-top-color: rgba(0,0,0,.25);
}

.popover .popover-arrow::after, .popover .popover-arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after, .bs-popover-end>.popover-arrow::after {
  left: 1px;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: #fff;
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after, .bs-popover-top>.popover-arrow::after {
  bottom: 1px;
  border-width: .5rem .5rem 0;
  border-top-color: #fff;
}

.popover.center-tooltip {
  margin-bottom: -110px !important;
  margin-left: -40px !important;
  width: 220px;
  font-weight: 600;
}

.badgeSwiper .splide--slide{
  padding-bottom: 50px !important;
}

.badgeSwiper .splide__pagination__page {
  background: #C4C4C4;
  border-radius: 2px;
  width: 8px;
  height: 8px;
}

.badgeSwiper .splide__pagination__page.is-active {
  background: #36FFC0;
}

@media (max-width: 768px) {
  .topPerformingSwiper .splide--slide{
    padding-bottom: 50px !important;
  }
  .topPerformingSwiper .splide__pagination__page {
    background: #C4C4C4;
    border-radius: 2px;
    width: 8px;
    height: 8px;
  }
  .topPerformingSwiper .splide__pagination__page.is-active {
    background: #36FFC0;
  }
}