.topbar a {
            color: #333;
            font-size: 18px;
            margin-left: 10px;
            transition: color 0.3s ease;
        }
.topbar {
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 6px 20px;
    background: #7e7675;
}
.topbar .fab {
    color: #fff;
    font-size: 16px;
}
	 

	 .wbrmain_head:before {
    content: '';
    background: #af312d !important;
    display: block;
    position: absolute;
    height: 100%;
    width: 30%;
    right: -6% !important;
    transform: skewX(305deg);
    left: -85px !important;
}

	 .wbrmain_head img {
    position: relative;
}
.wbrmain_head {
    transition: all 0.3s ease-in-out; /* Smooth transition ke liye */
}	 
.wbrmain_head.sticky {
    position: fixed; /* Header ko viewport ke top par fix karega */
    top: 0;          /* Top se zero rakhega */
    width: 100%;     /* Header ka width full screen tak stretch karega */
    z-index: 999;    /* Header ko upar laane ke liye z-index high karein */
    background-color: white; /* Optional: Background white set kare */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Shadow for sticky effect */
}
.wbrmain_head .dropdown-menu li a:hover, .dropdown-menu li a {
    transition: all .5s ease !important;
}	 

.wbrmain_head .dropdown-menu li a:hover, .wbrmain_head .dropdown-item.active, .wbrmain_head .dropdown-item:active {
    background: #B7B7B7 !important;
    color: #ffff !important;
}
	 
	 .wbrmain_head .dropdown-menu li a {
	font-size: 14px;
		 color: #333;
	font-weight: 400;
}
.wbrmain_head .navbar-nav .dropdown-menu {
        max-width: 220px !important;
        min-width: 220px !important;
        padding: 0 !important;
    }
	 
    .wbrmain_head .dropdown-menu li a {
    padding: 8px 16px;
}
	 
.wbrmain_head .navbar-nav li a {
    font-weight: 600;
    color: #333 !important;
}	 

.wbrmain_head .navbar-brand img {
    height: auto;
}	 
.wbrmain_head {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.wbrmain_head .navbar-toggler:focus {
    box-shadow: none !important;
}
	 

	 
@media only screen and (min-width: 1200px) {
	 /* Dropdown hover behavior */
.wbrmain_head .navbar-nav .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* Align the dropdown properly */
}

/* Optional: Remove default Bootstrap hover delay */
.wbrmain_head .dropdown-menu {
    transition: none;
}
}	 
@media only screen and (min-width: 767px) {
    .wbrmain_head .container {
        max-width: 1530px !important;
        width: 100%;
    }	
}

	 	 @media only screen and (max-width: 1199px) {
.wbrmain_head:before {
    display: none;
}
.wbrmain_head.navbar-light .navbar-toggler-icon {
    filter: invert(1);
}
.wbrmain_head {
    background: #be2727 !important;
}
.wbrmain_head.navbar-light .navbar-toggler {
    border-color: #fff;
}
.wbrmain_head .navbar-nav li a {
    color: #fff !important;
}
ul.dropdown-menu.show li a {
    color: #333 !important;
}
		 
.wbrmain_head {
     position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 99;
}
div#navbar {
    border-top: 1px solid #fff;
    margin-top: 12px;
}			 
}
	 	 @media only screen and (max-width: 1560px) {
		.wbrmain_head {
    padding: 8px 14px;
} 
}	 
	 
	 @media only screen and (max-width: 767px) {
 .topbar {
    display: none;
}
.wbrmain_head {
        padding: 6px 14px !important;
    }
.wbrmain_head .navbar-brand img {
    height: 40px;
}
	 }