/* Apply Poppins font to desktop menu */
  .mainmenu ul li a {
    font-family: 'Poppins', sans-serif !important;
  }

  /* Apply Poppins font to mobile menu */
  .slicknav_nav a,
  .slicknav_nav .slicknav_row {
    font-family: 'Poppins', sans-serif !important;
  }



 /* Remove or change the thin top border on dropdown menus */
  .mainmenu ul li ul.sub-menu,
  .mainmenu ul li ul.sub-menu-2 {
    border-top: 3px solid #044317 !important; /* Change to your preferred color or remove */
  }

  /* OR remove it completely */
  /* .mainmenu ul li ul.sub-menu,
     .mainmenu ul li ul.sub-menu-2 {
    border-top: none !important;
  } */

  /* Change hover text color */
  .mainmenu ul li a:hover {
    color: #044317 !important; /* Replace with your desired text color */
  }

  /* Change background color when hovering a dropdown item */
  .mainmenu ul li ul.sub-menu li a:hover,
  .mainmenu ul li ul.sub-menu-2 li a:hover {
    background-color: #044317 !important; /* Replace with your desired background color */
    color: #fff !important; /* Optional: change text color too */
  }

  /* Optional: mobile hover adjustment */
  .slicknav_nav a:hover {
    background-color: #044317 !important;
    color: #fff !important;
  }

		#topbar {
			background-color: #044317 !important;
		}

		#topbar,
		#topbar a,
		#topbar li {
			color: #ffffff !important;
		}

		#topbar i.fa {
			color: gold !important;
		}
	
		/* ========== GENERAL STYLES ========== */

		/* Prevent floating in nav list items */
		.mainmenu ul li {
			float: none !important;
		}

		/* Align logo content to the left */
		.logo-middle {
			text-align: left;
			display: none;
			/* Hidden by default, shown in specific contexts */
		}

		/* Hide topbar block (desktop) */
		.mobile-topbar .col-sm-8.col-md-8.col-xl-8.col-lg-8.topbar-block.left.text-left {
			display: none !important;
		}

		/* Set relative position to nav background */
		.menu-background-11 {
			position: relative !important;
		}

		/* Flex layout for grid rows, with margin reset */
		.row {
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			margin-right: -15px;
			margin-left: -15px;
		}

		/* Slight spacing for logo */
		.logo {
			margin-top: 4px;
		}

		/* Navigation wrapper: full width and height */
		.wrap_nav {
			width: 100%;
			height: 80px;
			display: flex;
			justify-content: center;
		}

		/* Relative positioning for nav container */
		#nav-11 {
			position: relative;
		}

		/* Reset spacing on nav menu list */
		.middle-logo .mainmenu ul {
			margin: 0;
			padding-left: 0px;
		}

		/* Force first nav item to float left */
		.menu-background-11 .mainmenu ul li:nth-child(1) {
			float: left;
		}

		/* Base nav item styling */
		.mainmenu ul li {
			position: relative;
			display: inline-block;
			padding: 0;
			margin: 0;
		}

		/* Force left alignment */
		.text-left {
			text-align: left !important;
		}

		/* Styling nav links */
		.mainmenu ul li a {
			margin: 0 auto;
			position: relative;
			padding: 30px 12px;
			color: #222;
			font-weight: 500;
			display: block;
			font-size: 15px;
			text-decoration: none;
		}

		/* Styling icons inside nav links */
		.mainmenu a i {
			float: left;
			font-size: 18px;
			margin-right: 6px;
			line-height: 22px !important;
		}

		/* Responsive column override (desktop) */
		@media (min-width: 768px) {
			.offset-md-1 {
				margin-left: 0;
				max-width: 100%;
				min-width: 100%;
			}
			
			
			
			
			
		}

		/* ========== MOBILE STYLES ========== */
		@media (max-width: 768px) {

			/* Hide desktop nav wrapper on mobile */
			.wrap_nav {
				display: none;
			}

			/* Force mobile logo section to be hidden (you can toggle this if needed) */
			.logo-middle {
				display: none !important;
			}

			/* Mobile main menu full width and top margin */
			.mainmenu {
				width: 100% !important;
				margin-top: 10px !important;
			}

			/* Style mobile nav container */
			#nav-11 {
				background-color: #37404a !important;
				padding: 10px 0 !important;
				margin: 0 !important;
				width: 100% !important;
				text-align: left !important;
			}

			/* Display nav items vertically on mobile */
			#nav-11 li {
				display: block !important;
				padding: 10px 20px !important;
				color: #fff !important;
			}

			/* Style nav links on mobile */
			#nav-11 li a {
				color: #fff !important;
				font-weight: 500 !important;
				display: block !important;
			}

			/* Reduce mobile header height */
			.menu-background-11 {
				padding: 0 !important;
				height: 55px;
			}

			/* Reset slicknav margin */
			.slicknav_menu {
				margin-top: 0 !important;
			}

			/* Reset sticky header */
			div#header-sticky {
				position: relative;
			}

			/* Display topbars (may need refinement based on layout) */
			#topbar,
			#topper {
				display: block !important;
			}

			/* Hide duplicate topbar */
			.col-sm-8.col-md-8.col-xl-8.col-lg-8.topbar-block.left.text-left {
				display: none;
			}

			/* Position hamburger button */
			.slicknav_btn {
				position: absolute !important;
				right: 30px;
				top: 10px;
				background-color: transparent !important;
			}

			/* Hide hamburger button text */
			span.slicknav_menutxt {
				display: none !important;
			}

			/* Hamburger icon styling */
			.slicknav_menu .slicknav_icon-bar {
				background-color: #000;
			}

			/* Basic link styling inside mobile nav */
			.slicknav_nav a {
				text-align: left;
				font-weight: 400;
			}

			/* Center topbar block contents */
			#topbar .topbar-block {
				float: none;
				margin: auto;
				width: max-content;
			}

			/* Re-enable mobile topbar block */
			.mobile-topbar .col-sm-8.col-md-8.col-xl-8.col-lg-8.topbar-block.left.text-left {
				display: block !important;
				max-width: 100%;
			}

			/* Style each item in mobile menu */
			.slicknav_nav li {
				font-weight: 600;
				font-size: 24px;
				margin: 12px 0px !important;
				border-bottom: 1px solid #c1c1c1;
			}

			/* Remove borders in topbar submenu */
			.mobile-topbar,
			ul.sub-menu li,
			.mobile-topbar li {
				border-bottom: none !important;
			}

			/* Style topbar submenu items */
			li.mobile-topbar>div>ul>li {
				font-size: 12px;
				margin: 0px 0px !important;
			}

			/* Icon style inside mobile nav */
			.slicknav_nav li a i,
			.slicknav_nav li i {
				display: inline-block;
				margin-right: 5px;
				color: #ffd700;
			}

			/* Reset link padding */
			.mobile-topbar a {
				padding-left: 0 !important;
				margin-left: 0 !important;
			}

			/* Layout for mobile topbar list */
			.mobile-topbar .topbar-block ul {
				display: flex;
				width: 100% !important;
				flex-wrap: wrap;
				align-items: center;
				gap: 10px;
				justify-content: center;
				margin-bottom: 40px;
			}

			/* Hover effect for mobile nav items */
			.slicknav_nav .slicknav_row:hover,
			.slicknav_nav a:hover {
				background: transparent;
				color: #fff;
			}

			/* Remove extra margins */
			div.slicknav_menu {
				margin-right: 0;
			}

			.slicknav_nav {
				margin-left: 0;
				padding-left: 0;
				padding-right: 0;
			}

			/* Arrow style for dropdown */
			.slicknav_nav .slicknav_arrow {
				font-size: 24px;
				margin: 0;
				margin-left: 8px;
			}

			/* Align nav rows */
			.slicknav_nav .slicknav_row {
				display: flex;
				align-items: flex-end;
			}

			/* Remove grid spacing */
			.row {
				padding: 0 !important;
				margin: 0 !important;
			}
		}

		/* ========== DROPDOWN INDICATORS FOR DESKTOP NAV ========== */

		/* Remove pseudo element before submenus */
		#nav-11 li>ul.sub-menu::before,
		#nav-11 li>ul.sub-menu-2::before {
			content: "";
			display: none;
		}

		/* Add ▼ after links with dropdowns */
		#nav-11 li:has(> ul.sub-menu)>a::after,
		#nav-11 li:has(> ul.sub-menu-2)>a::after {
			content: " ▼";
			font-size: 0.7em;
			padding-left: 5px;
			display: inline-block;
			transition: all 0.3s ease;
		}

		/* Change ▼ to ▲ on hover */
		#nav-11 li:has(> ul.sub-menu):hover>a::after,
		#nav-11 li:has(> ul.sub-menu-2):hover>a::after {
			content: " ▲";
		}
	
  /* Mobile dropdown background color */
  .slicknav_nav {
    background-color: #044317 !important;
  }

  /* Hover color of mobile menu items */
  .slicknav_nav a:hover,
  .slicknav_nav .slicknav_row:hover {
    background-color: #044317 !important;
    color: #ffffff !important;
  }

  /* Active/clicked mobile menu item */
  .slicknav_nav .slicknav_open > a,
  .slicknav_nav .slicknav_open > .slicknav_item {
    background-color: #044317 !important;
    color: #ffffff !important;
  }

  /* Current active link class (optional) */
  .slicknav_nav a.active {
    background-color: #044317 !important;
    color: #ffffff !important;
  }

  /* Active sub-menu items (optional) */
  .slicknav_nav li ul li a:active {
    background-color: #044317 !important;
    color: #ffffff !important;
  }

  /* Mobile menu item that was clicked or opened */
  .slicknav_nav .slicknav_open > a,
  .slicknav_nav a:focus,
  .slicknav_nav a:visited,
  .slicknav_nav a:active {
    background-color: #044317 !important;  /* Set your clicked/active color */
    color: #ffffff !important;             /* Set your clicked/active text color */
  }

  /* Optional: prevent color from sticking on touch devices */
  .slicknav_nav a {
    -webkit-tap-highlight-color: transparent;
    outline: none !important;
  }

  /* Show logo in mobile mode */
  @media (max-width: 768px) {
    .logo-middle {
      display: block !important;
      position: absolute;
      top: 5px;
      left: 20px;
      z-index: 0;
    }

    .logo-middle img {
      height: 40px; /* Adjust as needed */
    }

    /* Optional: prevent logo from overlapping hamburger button */
    .slicknav_btn {
      right: 20px !important;
      top: 10px !important;
    }
  }