/* Logo styling fixes */
.header-area .main-nav .logo {
  display: inline-block;
  line-height: 80px;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 1;
}

.header-area .main-nav .logo img.logo-svg {
  height: 90px;
  width: auto;
  max-width: 240px;
  vertical-align: middle;
  display: inline-block;
  filter: brightness(0); /* Make the logo black */
  margin-top: -5px; /* Adjust vertical alignment */
}

/* SVG specific styling */
.logo-svg {
  height: 60px;
  width: auto;
  max-width: 180px;
  display: inline-block;
}

/* Footer logo fix */
footer .about .logo {
  display: inline-block;
  margin-bottom: 15px;
}

footer .about .logo img,
footer .about .logo .logo-svg {
  max-height: 90px;
  max-width: 300px;
  width: auto;
}

/* Responsive adjustments */
@media (max-width: 767px) {
  .header-area .main-nav .logo img,
  .header-area .main-nav .logo .logo-svg,
  footer .about .logo img,
  footer .about .logo .logo-svg {
    max-height: 70px;
  }
}