/* Slick slider dots */

.slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;

  border-radius: 50%;

  background-color: #d4d6db !important;
  opacity: 1 !important;
}

/* Remove the default Slick number */
.slick-dots li button::before {
  display: none;
  margin: 0 !important;
}

/* Active dot */
.slick-dots li.slick-active button {
  margin: 0;

  background-color: #7b7f8c !important;
  opacity: 1 !important;
}

.slick-dots li {
  position: relative;
  top: -1.5rem;

  margin: 0 !important;
}

.slick-dots {
  position: absolute;
  bottom: 0;

  display: block;
  width: 100%;

  margin: 150px;
  margin-left: 5px;
  padding: 0;

  list-style: none;
  text-align: center;
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-slider {
  position: relative;
  display: block;

  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;

  -ms-touch-action: pan-y;
  touch-action: pan-y;

  -webkit-tap-highlight-color: transparent;
}

/* Mobile */

@media screen and (max-width: 767px) {
  .slick-dots {
    position: static !important;

    display: flex !important;
    flex-direction: row !important;
    justify-content: center;
    align-items: center;
    gap: 4px;

    margin: -50px 0 30px !important;
    padding: 0;
  }

  .slick-dots li {
    position: static;
    display: inline-block !important;

    margin: 0 !important;
  }

  .slick-slider {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}