header {
   
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    letter-spacing: 1px;
    color: #fff;
    background-image: url(../indoreCity.jpg);
    background-size: cover;
    background-position: center;
    padding: 10px;
    mix-blend-mode:color-burn(200%);
    overflow-x: hidden;
    position: fixed; /* Fixed position to keep it at the top */
    width: 100%; /* Make it full-width */
    border-radius: 5px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 1);
}


.header-text {
    display: block;
    font-size: xx-large;
    font-weight:bold;
    text-align: center;
    text-shadow:4px 3px 1px#000;
    margin: 0 0.9rem;
    animation: zoomIn; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 2s;
}
#urgentBook{
    font-size:0px;
    font-weight: bold;
    font-family: 'Segoe UI','Helvetica Neue', sans-serif;
    color: #fff; 
    text-shadow:0px 2px 1px black;
    overflow: hidden;
    position: relative;
    
}
@media (max-width: 768px) {
   #urgentBook{
    font-size:12px;
    font-weight: bold;
    font-family: 'Segoe UI','Helvetica Neue', sans-serif;
    color: #fff; 
    text-shadow:0px 2px 1px black;
    margin-bottom: 0px;
    margin-top: -10px;
    overflow: hidden;
    position: relative;
    left: 20px;
}
}

nav {
    background-color: #ffffff60;
    text-align: center;
    border-radius: 10px;
    backdrop-filter:blur(1px);

}

nav a {
    color: #fff;
    margin: 0 10px;
    padding: 10px; /* Add padding for better clickability */
    border-radius: 5px;
    transition: background-color 0.3s; /* Smooth transition on hover */
    
}

nav a:hover, nav a.active, button:hover {
    background-color: rgba(255, 255, 255, 0.4);
    border:1px solid #000;
}

.navbar-toggler:hover {
    border:1px solid black;
    background-color: #ffffff95;
}

.navbar-toggler{
    border:1px solid black;

}

.navbar-brand,.navbar-brand:hover,.nav-link,.nav-link:hover{
    color: #fff;
    text-shadow:0px 2px 1px black;
    font-family:Arial, Helvetica, sans-serif;

}
.navbar-brand:hover,.nav-link:hover{
    color: #000;
    text-shadow:2px 1px 1px #ffff;

}