.navbar {
  transition: background-color 0.3s ease-in-out;
}

.navbar-scrolled {
    background-size: cover;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    transition: background-color 0.3s ease-in-out;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 195;
}
/* .hero__content{
  background-color: #151515;
} */
.navbar__brand{
    display: flex;
    align-items: center;
    gap: 10px;
}
.earth-icon {
    width: 20px;
    height: 20px;
    img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}
.lang-switcher{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}
.link {
  list-style: none;
}
@keyframes marquee-vertical {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}

.animate-marquee-vertical {
  animation: marquee-vertical 5s linear infinite;
}
.footer{
  background-color: #151515;
}
.footer__input-btn{
  background-color: #18181B;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
  border-radius: 12px;
  width: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer__input-btn:hover{
  background-color: #fff;
  img{
    filter: brightness(0) saturate(100%) invert(5%) sepia(3%) saturate(2698%) hue-rotate(194deg) brightness(88%) contrast(97%);
  }
}
.bg-scroll {
  background: linear-gradient(135deg, #0E0E11E5, #2C2C2CD9, #1D1D1F, #0E0E11E5);
}
@keyframes rotateWords {
  0% { transform: translateY(0%); }
  30% { transform: translateY(0%); }
  33% { transform: translateY(-100%); }
  63% { transform: translateY(-100%); }
  66% { transform: translateY(-200%); }
  96% { transform: translateY(-200%); }
  100% { transform: translateY(0%); }
}

.rotating-words {
  line-height: 1.5em;
}

.rotating-words span {
  animation: rotateWords 4s infinite;
}