@media (max-width: 575px) {
	#header .header-logo img {
		width: 80% !important;
		height: auto !important;
	}
}

@media (max-width: 991px) {
	#header .header-nav-main nav > ul > li.dropdown.open > a,
	#header .header-nav-main nav > ul > li.dropdown.open > a.dropdown-toggle,
	#header .header-nav-main nav > ul > li > a.active {
		color: #fff !important;
		background-color: #6c757d !important;
	}
}

#header .header-nav-main nav .header-nav-cta .header-cta-btn {
	display: inline-block !important;
	padding: 6px 14px !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
	letter-spacing: -0.01em !important;
	text-decoration: none !important;
	border-radius: 8px !important;
	white-space: nowrap !important;
	box-sizing: border-box !important;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease !important;
}

#header .header-nav-main nav .header-nav-cta .header-cta-confirm {
	background: linear-gradient(180deg, #fff 0%, #f1f5f9 100%) !important;
	color: #475569 !important;
	border: 1px solid #cbd5e1 !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

#header .header-nav-main nav .header-nav-cta .header-cta-confirm:hover {
	background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%) !important;
	border-color: #94a3b8 !important;
	color: #1e293b !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
}

#header .header-nav-main nav .header-nav-cta .header-cta-apply {
	background: var(--primary-color) !important;
	color: #fff !important;
	border: 1px solid rgb(from var(--primary-color) r g b / 0.8) !important;
	box-shadow: 0 2px 4px rgb(from var(--primary-color) r g b / 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;
}

#header .header-nav-main nav .header-nav-cta .header-cta-apply:hover {
	background: rgb(from var(--primary-color) r g b / 0.85) !important;
	border-color: rgb(from var(--primary-color) r g b / 0.9) !important;
	color: #fff !important;
	box-shadow: 0 4px 12px rgb(from var(--primary-color) r g b / 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

.countdown-modern--header {
	padding: 0.8rem 0;
}

.countdown-modern--header .countdown-modern__label {
	color: var(--primary-color);
}

@media (min-width: 992px) {
	#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a,
	#header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {
		color: #444;
		font-weight: 600;
	}

	#header .header-nav-main nav {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 0.75rem 1rem;
	}

	#header .header-nav-main nav .nav-pills > li > a {
		font-size: 0.875rem;
		font-weight: 500;
	}

	#header .header-nav-main nav .nav-pills > li > a.nav-has-submenu {
		display: inline-flex !important;
		align-items: center;
		gap: 0.28rem;
	}

	#header .header-nav-main nav .nav-pills > li > a.nav-has-submenu::after {
		display: none !important;
		content: none !important;
		border: 0 !important;
		margin: 0 !important;
	}

	#header .header-nav-main nav .nav-pills > li > a .nav-submenu-chevron {
		flex-shrink: 0;
		width: 1.05em;
		height: 1.05em;
		opacity: 0.72;
		transition: transform 0.2s ease, opacity 0.2s ease;
	}

	#header .header-nav-main nav .nav-pills > li.dropdown.show > a.nav-has-submenu .nav-submenu-chevron,
	#header .header-nav-main nav .nav-pills > li.dropdown.open > a.nav-has-submenu .nav-submenu-chevron {
		transform: rotate(180deg);
		opacity: 1;
	}

	#header .header-nav-main nav .nav-pills > li {
		font-size: 1em !important;
		margin-bottom: 0;
	}

	#header .header-nav-cta {
		display: flex;
		align-items: center;
		gap: 0.625rem;
		flex-shrink: 0;
		margin-top: 4px;
		margin-bottom: 4px;
	}

	#header .header-nav-main nav .header-nav-cta .header-cta-btn {
		padding: 10px 22px !important;
		font-size: 1rem !important;
		border-radius: 10px !important;
		line-height: 1.35 !important;
		letter-spacing: -0.02em !important;
	}

	#header .header-nav-main nav .header-nav-cta .header-cta-confirm:hover {
		transform: translateY(-1px) !important;
	}

	#header .header-nav-main nav .header-nav-cta .header-cta-apply:hover {
		transform: translateY(-2px) !important;
	}
}

@media (max-width: 991px) {
	#header .header-nav-main nav.in,
	#header .header-nav-main nav.show {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}

	#header .header-nav-main nav.in > .nav-pills,
	#header .header-nav-main nav.show > .nav-pills {
		width: 100%;
	}

	#header .header-nav-main nav .nav-pills > li > a {
		font-size: 1.0625rem !important;
		line-height: 1.5 !important;
	}

	#header .header-nav-main nav .nav-pills > li > a.nav-has-submenu {
		display: inline-flex !important;
		align-items: center;
		gap: 0.35rem;
	}

	#header .header-nav-main nav .nav-pills > li > a.nav-has-submenu::after {
		display: none !important;
		content: none !important;
		border: 0 !important;
		margin: 0 !important;
	}

	#header .header-nav-main nav > ul > li.dropdown.open > a.nav-has-submenu .nav-submenu-chevron {
		color: #fff;
		opacity: 1;
	}

	#header .header-nav-main nav .nav-pills .dropdown-menu > li > a,
	#header .header-nav-main nav .nav-pills .dropdown-menu > li > a.dropdown-item {
		font-size: 1rem !important;
		line-height: 1.5 !important;
	}

	#header .header-nav-cta {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		width: 100%;
		padding: 0.75rem 0 0;
		margin-top: 0.5rem;
		border-top: 1px solid rgba(0, 0, 0, 0.08);
		justify-content: stretch;
	}

	#header .header-nav-main nav .header-nav-cta .header-cta-btn {
		flex: 1 1 0 !important;
		text-align: center !important;
		padding: 10px 14px !important;
		min-height: 44px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		line-height: 1.2 !important;
		font-size: 1.0625rem !important;
	}
}