/* Ensure navbar is always visible */
.desktop-nav-container {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 50 !important;
  background-color: #d03732 !important;
  transition: all 0.3s ease !important;
  transform: translateY(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

/* Overriding any CSS animations or transformations */
.desktop-nav-container.hidden,
.desktop-nav-container.invisible,
.desktop-nav-container[style*="display: none"],
.desktop-nav-container[style*="opacity: 0"],
.desktop-nav-container[style*="visibility: hidden"],
.desktop-nav-container[style*="transform: translateY"] {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

/* Adjust content padding to prevent navbar overlap */
body {
  padding-top: 80px !important; /* Adjust this value based on your navbar height */
}

/* For mobile devices */
@media (max-width: 768px) {
  body {
    padding-top: 60px !important; /* Smaller padding for mobile */
  }
}