.logo-light {
  width: 150px;        /* Adjust width */
  height: 165px;        /* Maintains aspect ratio */
  margin: -50px 20px 20px 20px;   /* Top-Bottom | Left-Right spacing */
  display: block;      /* Allows margin auto for centering */
  object-fit: contain; /* Ensures it fits inside box without cropping */
}

/* Centering the logo horizontally (if needed) */
.logo-light.center {
  margin-left: auto;
  margin-right: auto;
}

/* Responsive adjustment */
@media (max-width: 768px) {
  .logo-light {
    width: 120px;
  }
}

.logo-dark {
  width: 150px;        /* Adjust width */
  height: 165px;        /* Maintains aspect ratio */
  margin: -50px 20px 20px 20px;   /* Top-Bottom | Left-Right spacing */
  display: block;      /* Allows margin auto for centering */
  object-fit: contain; /* Ensures it fits inside box without cropping */
}

/* Centering the logo horizontally (if needed) */
.logo-dark.center {
  margin-left: auto;
  margin-right: auto;
}

/* Responsive adjustment */
@media (max-width: 768px) {
  .logo-dark {
    width: 120px;
  }
}

/* Hide dark logo in light mode */
html:not(.dark) .logo-dark {
  display: none;
}

/* Hide light logo in dark mode */
html.dark .logo-light {
  display: none;
}

.header-start {
  height: 130px;
}

.header-end {
  height: 80px;
}

.main-menu>li {
  height: 48%;
}