/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.lang-switcher {
	display: none;
}

.floating-lang-switch {
	position: fixed !important;
	top: auto !important;
	right: auto !important;
	margin: 0 !important;
	left: 18px !important;
	bottom: 16px !important;
	display: inline-flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	transform: none !important;
	align-items: center;
	gap: 3px;
	padding: 3px;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 999px;
	background: rgba(17, 17, 17, 0.42);
	backdrop-filter: blur(10px);
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
	z-index: 2147483647;
	opacity: 1;
	transition: background .28s ease;
}

.lang-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 28px;
	padding: 0 10px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #f3f4f6;
	text-decoration: none !important;
	transition: all .25s ease;
}

.lang-pill:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.16);
}

.lang-pill.is-active {
	color: #111;
	background: #fff;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
	pointer-events: none;
}

@media (max-width: 991.98px) {
	.floating-lang-switch {
		top: auto;
		bottom: max(14px, env(safe-area-inset-bottom));
		left: max(12px, env(safe-area-inset-left));
		right: auto;
		background: rgba(17, 17, 17, 0.55);
	}
}

.about-hero-copy {
	padding-top: 1.75rem;
}

@media (max-width: 767.98px) {
	.about-hero-copy {
		padding-top: 1rem;
	}
}