@media screen and (min-width: 768px) {
  .lookr.animation::after {
    width: 26%;
    top: 18px;
    right: 98%;
    border-bottom: 4px solid var(--lookr-color);
  }

  .lookr.animation::before {
    top: 12px;
    right: 120%;
    border-radius: 50%;
    background: var(--lookr-color);
  }

  .voicer.animation::after {
    width: 91%;
    height: 83px;
    top: -60px;
    right: 97%;
    border-bottom: 4px solid var(--voicer-color);
    border-left: 4px solid var(--voicer-color);
  }

  .voicer.animation::before {    
    top: -62px;
    right: 536px;
    background: var(--voicer-color);
  }

  .kiosk.animation::after {
    width: 118%;
    top: 19px;
    right: 98%;
    border-top: 4px solid var(--kiosk-color);
    border-bottom: none;
  }

  .kiosk.animation::before {
    top: 11px;
    right: 213%;
    background: var(--kiosk-color);
  }

  .facer.animation::after {
    width: 50%;
    top: -242px;
    right: 98%;
    height: 312%;
    border-bottom: 4px solid var(--facer-color);
    border-left: 4px solid var(--facer-color);
  }

  .facer.animation::before {
    top: -246px;
    right: 145%;
    background: var(--facer-color);
  }

  .kiosk-content img {
    height: 150px;
  }
}

.text-info {
  color: #D05976 !important;
}

.lookr.point {
  top: 23px;
  right: 7%;
}

.voicer.point {
  top: 11%;
  right: 36%;
}

.kiosk.point {
  top: 67%;
  right: 49%;
}

.facer.point {
  top: 6%;
  right: 21%;
}

.nav-item.active {
  background: #D05976;
  color: #ffffff;
}