.nav-item a {
  transform: translateY(-10px);
  transition: 0.3s ease;
}

.nav-item:hover a {
  transform: translateY(8px);
  color: #10d37e !important;
}

.logo {
  transition: 0.3s ease;
}

.logo:hover {
  transform: scale(1.5);
}

.nav-icon {
  transform: scale(0.4) translateY(-25px);
  opacity: 0;
  transition: 0.3s ease;
}

.nav-item:hover .nav-icon, .nav-item:has(.nav-link.active) .nav-icon {
  transform: scale(1.2) translateY(-8px);
  color: #10d37e;
  opacity: 1;
}

.nav-item:has(.nav-link.active) a {
  transform: translateY(8px);
  color: #10d37e !important;
}

.border-top {
  border-color: #b50000;
}

.auto-blur {
  animation: autoBlurAnimation both;
  animation-timeline: view();
}

@keyframes autoBlurAnimation {
  0% {
    filter: blur(5px);
    transform: scale(1);
  }
  30% {
    filter: blur(0);
  }
  45%, 55% {
    color: #10d37e;
    transform: scale(1.1);
  }
  70% {
    filter: blur(0);
  }
  100% {
    filter: blur(2px);
    transform: scale(1);
  }
}

.div-scroll {
  animation: divgrow;
  animation-timeline: view();
}

@keyframes divgrow {
  15% {
    width: 50%;
  }
  45%, 55% {
    width: 100%;
  }
  100% {
    width: 75%;
  }
}

@media (min-width: 768px) {
  .head-text {
    font-size: 5rem !important;
    line-height: 3rem !important;
  }
}

@media (min-width: 992px) {
  .head-text {
    line-height: 5rem !important;
  }
}

@media (min-width: 768px) {
  .flag {
    position: absolute;
    top: 37px;
    right: 20px;
  }
}