/* Offcanvas styling */
.offcanvas {
    background-color: #0B192C !important;
    /* Dark background */
    color: white;
    width: 300px;
    /* Adjust width as needed */
  }
  
  .offcanvas-header {
    padding: 1rem;
  }
  
  .offcanvas-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: white;
  }
  
  .offcanvas-body {
    padding: 0;
  }
  
  .simple-text {
    padding: 1rem;
  }
  
  .simple-text a {
    color: white;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
    display: block;
  }
  
  .simple-text a:hover {
    color: #578FCA;
  }
  
  /* Close button styling */
  .btn-close {
    filter: invert(1);
    opacity: 1;
  }
  
  .btn-close:focus,
  .btn-close:hover {
    filter: invert(1) brightness(80%);
  }
  
  .bg-b {
    background-color: #e9e9e9 !important;
  }
  
  .nav-item a {
    font-size: 16px;
    color: #0B192C;
    font-weight: 600;
  }
  
  .nav-link:hover {
    color: #F4C708 !important;
  }
  
  /* Restrict the maximum size of the logo and make it responsive */
  .navbar-brand .logo-img {
    max-width: 120px;
    /* Set a maximum width for larger screens */
    height: auto;
    display: none;
    /* Maintain aspect ratio */
  }
  
  @media (max-width: 768px) {
  
    /* For smaller devices, you can adjust the logo size further */
    .navbar-brand .logo-img {
       max-width: 120px;
       display: block;
    }
  }
  
  @media (max-width: 576px) {
  
    /* Further scaling down for very small devices */
    .navbar-brand .logo-img {
       max-width: 100px;
       display: block;
    }
  }
  
  .offcanvas {
    background-color: #0B192C !important;
  }
  
  .navbar-nav .dropdown-menu {
    background-color: #e9e9e9 !important;
  }
  
  .simple-text {
    border-radius: 5px;
    padding: 14px !important;
    padding-left: 19px !important;
  }
  
  .mb-0 {
    margin-bottom: 0 !important;
    padding: 6px;
    padding-left: 16px;
  }
  
  .offcanvas .btn-close {
    filter: invert(1);
    /* Makes the close button white */
    opacity: 1;
  }
  
  .offcanvas .btn-close:focus,
  .offcanvas .btn-close:hover {
    filter: invert(1) brightness(80%);
    /* Slight dim effect on hover */
  }
  
  .custom-toggler {
    background: none;
    border: none;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    padding: 8px 15px;
    margin-left: 35px;
    text-transform: uppercase;
    transition: color 0.3s ease-in-out;
  }
  
  .custom-toggler:hover {
    color: #578FCA !important;
  }
  
  .navbar-toggler:focus {
    outline: 0;
    box-shadow: none !important;
  }
  
  .brand-logo{
    height: 69px;
  }

  .navbar-nav .nav-link{
    color: #0B192C;
  }