/*navbar brand name css */
   .navbar-brand {
    font-size: 1.8rem; /* Default size for larger screens */
    /*font-family: 'Montserrat', sans-serif; */
    /* Use Montserrat font */
    /*font-family: 'Bebas Neue', sans-serif;*/
    /*font-family: 'Cinzel', serif;*/
     font-family: 'Cinzel', serif;
}

@media (max-width: 576px) { /* Applies on mobile screens */
    .navbar-brand {
        font-size: 1.2rem; /* Reduce size on small screens */
        white-space: nowrap; /* Prevents text from wrapping */
    }
}
  /*css for navbar issue */
  .navbar-collapse {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 250px;
    background: white;
    transform: translateX(100%); /* Start off-screen */
    transition: transform 0.3s ease-in-out;
    z-index: 1100; /* Ensure navbar is above other elements */
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
}

/* When menu is open */
.navbar-collapse.show {
    transform: translateX(0);
}

/* Ensure navbar toggler stays above everything */
.navbar-toggler {
    position: relative;
    z-index: 1200;
}