.bgcolor {
    background-color: #035a76 !important;
  }

  /* Initial styles for the navbar and logo */
  .navbar {
    transition: all 0.3s ease; 
    height: 80px; 
    padding: 10px 0;
  }

  .navbar-brand img {
    transition: all 0.3s ease; 
    width: 60px; 
    height: 60px; 
    border-radius: 50px;
    padding-bottom: 6px;
  }

  /* Scrolled styles */
  .navbar.scrolled {
    height: 60px; 
    padding: 10px 0; 
  }

  .navbar.scrolled .navbar-brand img {
    width: 40px; 
    height: 40px; 
  }
  /* @media screen and (max-width: 768px) {
    .navbar-brand img {
      transition: all 0.3s ease; 
      width: 60px; 
      height: 60px; 
      border-radius: 50px;
      margin-bottom: 6px;
    }
  }
  @media screen and (max-width: 576px) {
    .navbar-brand img {
      transition: all 0.3s ease; 
      width: 60px; 
      height: 60px; 
      border-radius: 50px;
      margin-bottom: 6px;
    }
  } */