.navbar{
	 background-color: #006d5b;
}
.navbar #navbarSupportedContent ul li a{
	color: #FFFFFF;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 14px;
	padding-left: 0px;
	padding-right: 10px;
}
.navbar #navbarSupportedContent ul li a:hover{
	background-color: transparent;
}
.navbar #navbarSupportedContent ul li{
	padding-left: 20px;
	line-height: 4;
}

.navbar #navbarSupportedContent ul li .active{
	background-color: #e3e3e3;
	color: #000000;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: 500;
}
.navbar .navbar-brand img{
	position: absolute;
	top: 5px;
	width: 90px;
	z-index: 2;
}

nav.navbar.navbar-expand-lg {
    padding-top: 0px;
	padding-bottom: 0px
}
.navbar {
    position: sticky;
    top: 0;
    z-index: 6; /* Make sure it's above other content */
    background-color: #006d5b; /* Your navbar color */
    transition: top 0.3s;
}
/* Mobile menu */
.navbar-toggler-icon {
  background-image: url('../img/menu.png'); /* Your custom image */
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}
.navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}
.navbar-toggler:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 109, 91, 0.5); /* soft green glow */
}
	  @media (max-width: 991.98px) {
    .navbar-collapse {
        position: fixed;
        top: 0px;
        left: 0;
        padding-left: 0px;
        padding-right: 15px;
        padding-bottom: 15px;
        height: 100%;
		width: 75%;
		background: #006d5b;
		z-index: 6;
    }
    nav.navbar.navbar-expand-lg {
        padding-top: 10px;
        padding-bottom: 10px;
    }
.navbar #navbarSupportedContent ul li .active{
	background-color: transparent;
	color: #FFFFFF;
	padding-left: 0px;
	padding-right: 15px;
	font-weight: 500;
}
.navbar #navbarSupportedContent ul li {
    padding-left: 0px;
    line-height: 2;
}
.navbar #navbarSupportedContent ul li{
	color: #000000;
	padding-left: 20px;
	padding-right: 15px;
	font-weight: 500;
}
    .navbar-collapse.collapsing {
        height: 100%;
        left: -75%;
        transition: height 0s ease;
    }
    .navbar-collapse.show {
        height: 100%;
        left: 0;
        transition: left 400ms ease-in-out;
		padding-right: 0px;
		padding-left: 0px;
    }
 .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: left 400ms ease-in;
    }
		  }
.dropdown-item {
    display: block;
    width: 100%;
    padding: 0px;
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius, 0);
}
/*========== For Hover Development ==========*/
/*===================*/
#logo_custom_1 {
	position: absolute; 
	margin: 0 auto;
	z-index: 5;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
#logo_custom_2 {
	position: absolute;
	left: 25px;
	top: 10px;
	width: 150;
	height: 80px;
	z-index: 5;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
#logo_custom_3 {
	position: absolute;
	left: 15px;
	top: 10px;
	z-index: 2;	
}