@media screen and (min-width: 768px) {
  .lookr.animation::after {
    width: 128%;
    height: 23px;
    top: 0px;
    right: 97%;
    border-bottom: 4px solid var(--lookr-color);
    border-left: 4px solid var(--lookr-color);
  }

  .lookr.animation::before {
    top: -13px;
    right: 222%;
    background: var(--lookr-color);
  }

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

  .voicer.animation::before {
    top: -88px;
    right: 290%;
    background: var(--voicer-color);
  }

  .tico.animation::after {
    width: 161%;
    height: 160%;
    top: -115px;
    right: 100%;
    border-bottom: 4px solid var(--tico-color);
    border-left: 4px solid var(--tico-color);
  }

  .tico.animation::before {
    top: -127px;
    right: 258%;
    background: var(--tico-color);
  }

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

  .voicer.animation::before {
    top: 83px;
    right: 180%;
    background: var(--voicer-color);
  }
}

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

.lookr.point {
  background: var(--lookr-color);
  top: 49px;
  right: 50%;
}

.voicer.point {
  background: var(--voicer-color);
  top: 31%;
  right: 30%;
}

.tico.point {
  top: 33%;
  right: 67%;
}

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