.after_header nav{
	background: var(--grey-bg); 
	margin-bottom: 15px;
}


 /* Navbar container */
.after_header nav .navbar {
	padding: 10px;
	width: inherit
}

/* Links inside the navbar */
.after_header nav .navbar a.dropbtn {
  text-align: center;
  text-decoration: none;
	padding: 10px 17px
}

/* The dropdown container */
.after_header nav .dropdown {
	position: unset;
  float: left;
}

.after_header nav .dropdown-content ul, .after_header nav .dropdown-content ul li, .after_header nav .dropdown-content ul li h3{
	padding: 0;
	margin: 0
}

.after_header nav .dropdown-content ul li a{display:block; padding: 5px 0}

.custom_drop h3{
	font-size: 12px;
	font-weight: bold
}

/* Dropdown button */
.after_header nav .drop_down_toggle .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: #000;
  padding: 10px 11px;
  background-color: inherit;
  font: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

.after_header nav .navbar a:hover{
	text-decoration: underline
}

.col-15{width: 12%}


/* Add a red background color to navbar links on hover */
.after_header nav .dropdown:hover .dropbtn {
  background-color: #139DFF;
	color:#fff
}

/* Dropdown content (hidden by default) */
.custom_drop {
  visibility: hidden;
  position: absolute;
  background-color: #f9f9f9;
  left: 0;
	right:0;
	top:38px;
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
  z-index: 500;
	padding: 10px;
	opacity: 0;
	
/*	z-index: 500*/
}
.custom_drop a{color:#000 !important}
.custom_drop:not(.container){width: 100%}
.full_range{margin-top: 15px; font-weight: 700; width: 100%; padding: 15px}

/* Mega Menu header, if needed */
.after_header nav .dropdown-content .header {
  background: red;
  padding: 16px;
  color: white;
}

/* Show the dropdown menu on hover */
.custom_drop {
  visibility: visible;
	opacity: 1;
	transition: opacity 0.15s ease-in-out;
}

/* Create three equal columns that floats next to each other */
.after_header nav .column {
  float: left;
  width: 33.33%;
  padding: 10px;
  background-color: #ccc;
  height: 250px;
}
.custom_drop ul li {
	padding: 5px;
}

/* Style links inside the columns */
.after_header nav .column a {
  float: none;
  color: black;
  padding: 16px !important;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a background color on hover */
.after_header nav .column a:hover {
  background-color: #ddd;
}

/* Clear floats after the columns */
.after_header nav .row:after {
  content: "";
  display: table;
  clear: both;
} 

.custom_drop{position: absolute; top: 144px; left: 0; visibility: hidden; opacity: 0}
.custom_drop.show_drop{visibility: visible; opacity: 1}
.after_header nav > .container{overflow: scroll}
.after_header nav > .container::-webkit-scrollbar{display: none;}
.after_header nav > .container{-ms-overflow-style: none; scrollbar-width: none;}

@media only screen and (max-width: 768px) {
	#mobile_top_menu_wrapper_custom {
		background: #fff;
		height: 100vh;
		top: 0;
		left: 10px;
		position: fixed;
		width: 0px;
		z-index: 1000;
		overflow-x: hidden; /* Disable horizontal scroll */
		transition: width 0.3s ease; /* Smooth opening/closing */
	}
/*
	#accordion_mobile_menu {
		margin-left: 15px;
	}
*/
	.mobile_top_menu_header {
		display: flex;
		justify-content: space-between;
		padding: 15px;
	}
	.mobile_top_menu_header a i {
		color: var(--brown-bg);
	}
	.mobile_top_menu_header i.close {
		font-size: 30px;
		color: var(--brown-bg);
		opacity: 1;
	}
	.accordion-item a {
		color: #000 !important;
	}
	.accordion-body a {
		color: #000 !important;
	}
	.mobile_top_menu_header i.close:hover {
		cursor: pointer !important;
	}
	.accordion-item a, .grand_children li a {
		padding: 1rem 1.25rem;
	}
	.accordion > li, .item_one_container {
  		display: flex;
  		justify-content: space-between;
  		align-items: center;
	}
	.mobile_top_menu_btn {
		background: transparent;
		border: none;
		cursor: pointer;
	}
	.mobile_top_menu_btn i {
		color: rgba(0, 0, 0, 0.25);
		transition: transform 0.3s ease;
	}
	ul.accordion-body {
		margin-left: 40px !important;
		background-color: #fff;
	}
	.rotate {
  		transform: rotate(180deg); /* Rotates the arrow 180 degrees */
	}
	.mobile_top_menu_btn:focus {
		outline: none;
	}
	.li_background {
		background-color: var(--grey-bg);
	}
}

@media only screen and (max-width: 991px) {
	.after_header nav .navbar {
		/* display: flex;
		flex-wrap: wrap; */
		width: inherit;
	}
	.after_header nav .navbar a.dropbtn {
		padding: 5px 10px;
	}
}