.element-21 .tab-content {
  height: 100%;
}

.nav-link:hover .img-button-21,
.active .img-button-21 {
  filter: invert(100%) sepia(9%) saturate(4337%) hue-rotate(329deg)
    brightness(123%) contrast(106%);
}
.element-21 .pills-21 button.nav-link {
  margin-left: 5px;
  background-color: transparent;
  margin-right: 5px;
}

.element-21 .vertical-divider {
  padding: 0;
  width: 1px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.element-21 .tab-content > .active {
  display: flex;
}

.pills-21 > .nav-link {
  border-radius: 5rem;
  margin: 0.25rem 0;
}

.img-button-21 {
  height: 1.5rem;
  vertical-align: middle;
  margin-right: 0.5rem;
}

.big-21 {
  width: 100%;
}

.big-21 > img.big-image-21 {
  width: 100%;
  object-fit: contain;
}

.big-21 > .dot-21 {
  position: absolute;
  height: 25px;
  width: 25px;
  background-color: orange;
  border-radius: 50%;
  display: inline-block;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.big-21 > .dot-21.filtered {
  /* filter: grayscale(70%); */
}
.dot-21 {
  box-shadow: 0px 0px 0.15em 0px #000000;
  transition: background-color 0.15s ease-in-out;
}
.pills-21 .nav-link:focus {
  border:0!important;
  outline: 0!important;
}