/* Header Styles */
.header-section {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0.6));
  backdrop-filter: blur(10px);
  /* height: 84px; */
  /* display: flex;
  align-items: center; */
}

.logo {
  display: flex;
  align-items: center;
}

.logo-image {
  width: 143px;
  height: 36px;
  object-fit: contain;
}

.navigation {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.navigation .menu {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 32px;
  margin: 0;
}

.navigation .menu li {
  margin: 0;
}

.navigation .menu a {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.52px;
  transition: color 0.3s ease;
}

.navigation .menu a:hover {
  color: #F79421;
}

.contact-btn {
  color: #110F0D !important;
}

.contact-btn:hover {
  color: #110F0D !important;
}

/* Mobile Navigation */
@media screen and (max-width: 640px) {
  /* .header-section {
    height: 70px;
  } */
  
  .logo-image {
    width: 120px;
    height: 30px;
  }
  
  .navigation .menu {
    gap: 16px;
  }
  
  .navigation .menu a {
    font-size: 11px;
  }
}