/*--------------------------------------------------------------
# Desktop Navigation 
--------------------------------------------------------------*/
	@media (min-width: 1280px) {
		.navbar {
			padding: 0;
			position: relative;
		}

		.navbar ul {
			margin: 0;
			padding: 0;
			display: flex;
			list-style: none;
			align-items: center;
		}

		.navbar li {
			position: relative;
		}

		.navbar>ul>li {
			white-space: nowrap;
		}

		.navbar a,
		.navbar a:focus {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 14px 20px;
			font-family: var(--font-secondary);
			font-size: 16px;
			font-weight: 400;
			color: rgba(var(--color-secondary-dark-rgb), 0.7);
			white-space: nowrap;
			transition: 0.3s;
			position: relative;
		}

		.navbar a i,
		.navbar a:focus i {
			font-size: 12px;
			line-height: 0;
			margin-left: 5px;
		}

		.navbar>ul>li>a:before {
			content: "";
			position: absolute;
			width: 100%;
			height: 2px;
			bottom: 0;
			left: 0;
			background-color: var(--color-primary);
			visibility: hidden;
			transition: all 0.3s ease-in-out 0s;
			transform: scaleX(0);
			transition: all 0.3s ease-in-out 0s;
		}

		.navbar a:hover:before,
		.navbar li:hover>a:before,
		.navbar .active:before {
			visibility: visible;
			transform: scaleX(0.7);
		}

		.navbar a:hover,
		.navbar .active,
		.navbar .active:focus,
		.navbar li:hover>a {
			color: var(--color-primary);
		}

		.navbar .dropdowna a:hover:before,
		.navbar .dropdowna:hover>a:before,
		.navbar .dropdowna .active:before {
			visibility: hidden;
		}

		/* .navbar .dropdowna a:hover,
		.navbar .dropdowna .active,
		.navbar .dropdowna .active:focus,
		.navbar .dropdowna:hover>a {
			color: var(--color-white);
			background: var(--color-secondary);
		} */

		.navbar .dropdowna ul {
			display: block;
			position: absolute;
			left: 0;
			top: 100%;
			margin: 0;
			padding: 0 0 0 0;
			z-index: 99;
			opacity: 0;
			visibility: hidden;
			background: white;
			transition: 0.3s;
		}

		.navbar .dropdowna ul li {
			min-width: 87px;
		}

		.navbar .dropdowna ul a {
			padding: 10px 20px;
			font-size: 15px;
			text-transform: none;
			font-weight: 400;
			color: black, 0.5;
		}

		.navbar .dropdowna ul a i {
			font-size: 12px;
		}

		.navbar .dropdowna ul a:hover,
		.navbar .dropdowna ul .active,
		.navbar .dropdowna ul .active:hover,
		.navbar .dropdowna ul li:hover>a {
			color: var(--color-white);
			background: var(--color-primary);
		}

		.navbar .dropdowna:hover>ul {
			opacity: 1;
			visibility: visible;
		}

		/* .navbar .megamenu {
			position: static;
		}

		.navbar .megamenu ul {
			right: 0;
			padding: 10px;
			display: flex;
		}

		.navbar .megamenu ul li {
			flex: 1;
		}

		.navbar .megamenu ul li a,
		.navbar .megamenu ul li:hover>a {
			color: rgba(var(--color-white-rgb), 0.5);
			background: none;
		}

		.navbar .megamenu ul li a:hover,
		.navbar .megamenu ul li .active,
		.navbar .megamenu ul li .active:hover {
			color: var(--color-white);
			background: var(--color-primary);
		} */

		.navbar .dropdowna .dropdowna ul {
			top: 0;
			left: calc(100% - 30px);
			visibility: hidden;
		}

		.navbar .dropdowna .dropdowna:hover>ul {
			opacity: 1;
			top: 0;
			left: 100%;
			visibility: visible;
		}
	}

	/* @media (min-width: 1280px) and (max-width: 1366px) {
	.navbar .dropdowna .dropdowna ul {
		left: -90%;
	}

	.navbar .dropdowna .dropdowna:hover>ul {
		left: -100%;
	}
} */

	/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/
	@media (max-width: 1279px) {
		.navbar {
			position: fixed;
			top: 0;
			left: -100%;
			width: calc(100% - 70px);
			bottom: 0;
			transition: 0.3s;
			z-index: 9997;
		}

		.navbar ul {
			position: absolute;
			inset: 0;
			padding: 10px 0;
			margin: 0;
			background: rgba(var(--color-secondary-rgb), 0.9);
			overflow-y: auto;
			transition: 0.3s;
			z-index: 9998;
		}

		.navbar a,
		.navbar a:focus {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 12px 20px;
			font-size: 16px;
			font-weight: 500;
			color: rgba(var(--color-white-rgb), 0.7);
			white-space: nowrap;
			transition: 0.3s;
		}

		.navbar a i,
		.navbar a:focus i {
			font-size: 12px;
			line-height: 0;
			margin-left: 5px;
		}

		.navbar a:hover,
		.navbar .active,
		.navbar .active:focus,
		.navbar li:hover>a {
			color: var(--color-white);
		}

		.navbar .dropdowna ul,
		.navbar .dropdowna .dropdowna ul {
			position: static;
			display: none;
			padding: 10px 0;
			margin: 10px 20px;
			transition: all 0.5s ease-in-out;
			border: 1px solid rgba(var(--color-secondary-light-rgb), 0.3);
		}

		.navbar .dropdowna>.dropdowna-active,
		.navbar .dropdowna .dropdowna>.dropdowna-active {
			display: block;
		}

		.mobile-nav-toggle {
			display: block !important;
			color: var(--color-secondary);
			font-size: 28px;
			cursor: pointer;
			line-height: 0;
			transition: 0.5s;
			position: fixed;
			top: 20px;
			z-index: 9999;
			right: 20px;
		}

		.mobile-nav-toggle.bi-x {
			color: var(--color-white);
		}

		.mobile-nav-active {
			overflow: hidden;
			z-index: 9995;
			position: relative;
		}

		.mobile-nav-active .navbar {
			left: 0;
		}

		.mobile-nav-active .navbar:before {
			content: "";
			position: fixed;
			inset: 0;
			background: rgba(var(--color-secondary-rgb), 0.8);
			z-index: 9996;
		}
	}

	/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
	@media screen and (max-width: 768px) {
		[data-aos-delay] {
			transition-delay: 0 !important;
		}
	}