/* Header */
.header_class {
 position: absolute;
  top:30px;
  /* background-color: rgba(255, 146, 146, 0) !important; */
  padding: 20px; /* Optional: Adds space around the image */
 }

 .header_class img { /*for logo*/
  width: 50%; /* Adjust the width of the image to fill the container */
  height: auto; /* Maintain aspect ratio */
}

/* Container for the logo and button */
.logo-container {
    display: flex;
    align-items: center; /* Align items vertically in the center */
    justify-content: space-between; /* Space between the logo and button */
}

ul.menu li {
    display: inline-block; /* Ensures the items are side by side */
    margin-right: 40px; /* Adjust this value to control the space between items */
}
 .header_class .numbers {
    font-size: 12px;
    margin-bottom: 5px;
}


.nav-link {
color: #ffffff !important;
padding: 20px;
}



.nav-link.active::after {
display: inline;
}

/* Default state (before scrolling) */
.logo-dark {
  display: none;
}













/* On mobile, adjust the layout to stack vertically */
@media (max-width: 768px) {
    .logo-container {
        flex-direction: row; /* Ensure the logo and button are in a row */
        justify-content: space-between; /* Space between the logo and button */
        width: 100%; /* Ensure it takes the full width */
    }

    .navbar-toggler {
      
        margin-top: 20px; /* Add spacing between the logo and button */
    }

.header_class img { /*for logo*/
  width: 50% !important; /* Adjust the width of the image to fill the container */
  height: auto; /* Maintain aspect ratio */
}



}