.play-button {
	align-items: center;
	background: none;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font-size: 1.5rem;
	height: 1rem;
	justify-content: center;
	margin-right: 1rem;
	padding: 0;
	width: 1rem;
}

.play-button:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NiIgaGVpZ2h0PSIxMDQiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjUuNSIgZD0iTTMuNTgzIDMuMzMzdjk3LjMzNEw4Mi42NjcgNTJ6Ii8+PC9zdmc+);
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	height: 1rem;
	width: 1rem;
}

.video-section-container.playing .play-button:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik05IDVIN2ExIDEgMCAwIDAtMSAxdjEyYTEgMSAwIDAgMCAxIDFoMmExIDEgMCAwIDAgMS0xVjZhMSAxIDAgMCAwLTEtMU0xNyA1aC0yYTEgMSAwIDAgMC0xIDF2MTJhMSAxIDAgMCAwIDEgMWgyYTEgMSAwIDAgMCAxLTFWNmExIDEgMCAwIDAtMS0xIi8+PC9zdmc+);
	content: '';
}

.video-section-container {
	min-height: 500px;
	position: relative;
}

.video-section-container:not(.playing):before {
	/* background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NiIgaGVpZ2h0PSIxMDQiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjUuNSIgZD0iTTMuNTgzIDMuMzMzdjk3LjMzNEw4Mi42NjcgNTJ6Ii8+PC9zdmc+);
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: block;
	height: 2rem;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 2rem;
	z-index: 10; */
}

/* 
.video-section-container video {
	display: block;
	height: 100% !important;
	left: 50% !important;
	position: absolute;
	top: 50% !important;
	transform: translate(-50%, -50%);
	width: auto !important;
	max-width: fit-content;
} */
/* 
.video-section-container .vjs-poster .vjs-poster img {
	object-fit: contain;
	max-width: fit-content;
	width: auto;
	display: block;
	height: 100%;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
} */

.video-section-container
	.customize-player-outbox
	.customize-player.video-js
	.vjs-big-play-button {
	/* visibility: hidden; */
}

.video-controls-overlay {
	left: 0;
	position: absolute;
	right: 0;
	top: 2rem;
}

.video-section-container .controls {
	align-items: center;
	display: flex;
	max-width: 100%;
	width: 550px;
}

.video-section-container .progress-wrapper {
	flex-grow: 1;
}

.video-section-container .progress-wrapper progress {
	border-radius: 2rem;
	cursor: pointer;
	display: block;
	height: 1rem;
	overflow: hidden;
	width: 100%;
}

.video-section-container .progress-wrapper progress[value] {
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
}

.video-section-container
	.progress-wrapper
	progress[value]::-webkit-progress-bar {
	background-color: rgba(0, 0, 0, 0.5);
}

.video-section-container
	.progress-wrapper
	progress[value]::-webkit-progress-value {
	background-color: #fff;
}

.video-section-container .progress-wrapper progress[value]::-moz-progress-bar {
	background-color: rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 768px) {
	/* .video-section-container video {

		display: block;
		height: 100%;
		left: 50%;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		width: auto;
		max-width: fit-content;
	} */

	/* .video-section-container .vjs-poster .vjs-poster img {
		object-fit: contain;
		max-width: fit-content;
		width: auto;
		display: block;
		height: 100%;
		left: 50%;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
	} */

	.video-controls-overlay {
		top: 4rem;
	}

	.video-section-container:not(.playing):before {
		height: 5rem;
		width: 5rem;
	}
}

@media screen and (max-width: 768px) {
	.video-section-container .cta-button {
		font-size: 0.875rem;
	}
}

:root[theme='dark'] {
	--bg-color-menu-hover: #2b2b2b;
	@media screen and (min-width: 1920px) {
		--max-width: 1600px !important;
	}
	.downapp {
		background-color: #000;
		color: #fff;
		border: 1px solid #fff;
	}
	.toolLogoTip {
		background: #fff !important;
	}
	.loginarea {
		background-color: #fff;
		color: #212225;
	}
	.downapp:hover {
		background-color: #212225;
	}
	.header-menu-container .hs-menu-depth-1:hover > a {
		color: #fff;
	}
}
:root[theme='light'] {
	--bg-color-menu-hover: #e5e7eb;
	@media screen and (min-width: 1920px) {
		--max-width: 1600px !important;
	}
	.toolLogoTip {
		background: #000 !important;
	}
	.header-menu-container .hs-menu-depth-1:hover > a {
		color: #000;
	}
	.loginarea {
		background-color: #f0f0f3;
		color: #1c2024;
	}
	.downapp {
		background-color: #fff;
		color: #000;
		border: 1px solid #000;
	}

	.downapp:hover {
		background-color: #e5e7eb;
	}
}

@media screen and (min-width: 768px) {
	#footer-wrapper .hs-menu-wrapper ul {
		column-count: 2;
		column-gap: 2.5rem;
		text-align: left;
	}

	#footer-wrapper .hs-menu-wrapper ul a,
	footer .copyright p {
		font-size: 1.125rem;
	}
}

#header-wrapper {
	background-color: #000;
	left: 0;
	position: sticky;
	top: 0;
	transition: all 0.3s ease;
	width: 100%;
	z-index: 1000;
}

#header-wrapper.header-fixed {
	background-color: transparent;
	position: fixed;
}

.header-container {
	align-items: center;
	display: flex;
	justify-content: space-between;
	transition: all 0.3s ease;
	position: relative;
	height: 48px;
	padding-left: 16px;
}
.toolLogoTip {
	position: absolute;
	top: 56px;
	left: 0px;

	color: #000;
	border-radius: 8px;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	font-size: 14px;
	z-index: 1000;
	width: 270px;
	padding: 16px;
	color: var(--colors-page-sheet-thirdly, #f6f6f6);
	font-family: var(--Typography-Font-family-text, 'SF Pro');
	font-size: var(--Typography-Font-size-3, 14px);
	font-style: normal;
	font-weight: 700;
	line-height: var(--Typography-Line-height-3, 20px);
	letter-spacing: var(--Typography-Letter-spacing-3, 0px);
}
.toolLogoTip img {
	position: absolute;
	top: -8px;
}
.tooltip {
	position: absolute;
	top: 42px;
	left: 0px;
	background: rgba(0, 0, 0, 0.95);
	color: white;
	border-radius: 8px;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	font-size: 14px;
	z-index: 1000;
	width: 250px;
}
.tooltip ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.tooltip li {
	margin-bottom: unset;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 8px 8px 0px 0px;
}
.tooltip li a {
	color: white;
}
.tooltip li:last-child:hover {
	background-color: #212225;
	border-radius: 0px 0px 8px 8px;
}
.loginarea {
	display: flex;
	height: 32px;
	padding: 16px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 71px;
	margin-left: 16px;
	cursor: pointer;
	font-feature-settings:
		'ss02' on,
		'liga' off;
	font-family: 'SF Pro';
	font-size: 14px;
	font-style: normal;
	font-weight: 590;
	line-height: normal;
}
.downapp {
	display: flex;
	height: 32px;
	padding: 16px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 71px;
	margin-left: 16px;
	cursor: pointer;
	border: 1px solid var(--Colors-Text-white-to-dark, #fff);
	color: var(--Colors-Text-white-to-dark, #fff);
	font-feature-settings:
		'ss02' on,
		'liga' off;
	font-family: 'SF Pro';
	font-size: 14px;
	font-style: normal;
	font-weight: 590;
	line-height: normal;
}
.downapp:hover {
	background-color: #212225;
}
.mobiledown {
	display: none;
}
.downtips {
	cursor: pointer;
	position: fixed;
	right: 36px;
	bottom: 48px;
	display: flex;
	padding: 10px 16px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 54px;
	background: var(--colors-page-sheet-primary, #fff);
	box-shadow:
		0px 12px 32px -16px var(--Colors-Neutral-Neutral-Alpha-3, rgba(0, 0, 51, 0.06)),
		0px 8px 40px 0px var(--Overlays-Black-Alpha-1, rgba(0, 0, 0, 0.05));
}
.downloadtext {
	color: var(--Colors-Text-primary, #1c2024);
	font-family: 'SF Pro';
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
}
.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

.modal-content {
	background: white;
	border-radius: 16px;
	padding: 48px;
	position: relative;
	width: 460px;
	text-align: center;
}

.modal-header {
	display: flex;
	text-align: center;
	justify-content: center;
	gap: 8px;
	margin-bottom: 24px;
}

.logo {
	width: 35.254px;
	height: 35.254px;
}
.logoTitle {
	width: 162.169px;
	height: 26.441px;
}
.scan {
	display: flex;
	width: 200px;
	height: 200px;
	padding: 8px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	margin: 0 auto;
	margin-bottom: 16px;
}
.scantext {
	color: var(--Colors-Text-primary, #1c2024);
	text-align: center;
	font-family: var(--Typography-Font-family-text, 'SF Pro');
	font-size: var(--Typography-Font-size-4, 16px);
	font-style: normal;
	font-weight: 510;
	line-height: var(--Typography-Line-height-4, 24px);
	letter-spacing: var(--Typography-Letter-spacing-4, 0px);
}
.desc {
	display: flex;
	padding: 8px 16px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 12px;
	background: var(--bg-, #f5f5f5);
	width: 310px;
	margin: 0 auto;
	color: var(--Colors-Text-primary, #1c2024);
	text-align: center;
	font-family: var(--Typography-Font-family-text, 'SF Pro');
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 24px;
}
.subtitle {
	font-size: 14px;
	color: #555;
}

.modal-body {
	margin-bottom: 15px;
}

.modal-footer {
	display: flex;
	width: 364px;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 12px;
}

.modal-footer img {
	width: 172px;
	height: 57px;
	cursor: pointer;
}

.close-btn {
	position: absolute;
	top: 24px;
	right: 32px;
	background: none;
	border: none;
	font-size: 24px;
	cursor: pointer;
}

.header-logo-container a {
	position: relative;
}

/* Center logo on small screens (mobile) */
@media screen and (max-width: 767px) {
	.header-logo-container {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		margin-left: 0 !important;
		margin-right: 0 !important;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 9999;
		width: auto;
	}

	/* Keep mobile menu trigger clickable and on top */
	.menuTitle {
		z-index: 10000;
	}
}

.header-top-container {
	background-color: var(--bg-color-grey-cool);
	color: var(--text-color-grey);
	padding: 0.5rem 0;
}

#header-wrapper.header-fixed:not(.scrolling) .header-top-container {
	background-color: transparent;
	color: #fff;
}

.header-top-container a {
	color: var(--text-color-grey);
	font-size: 0.75rem;
}

#header-wrapper.header-fixed:not(.scrolling) .header-top-container a {
	color: #fff;
}

.header-top-inner-container {
	display: flex;
	font-size: 0.75rem;
	justify-content: flex-end;
}

.header-top-inner-container a {
	color: var(--text-color-grey);
}

.header-top-inner-container ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.header-top-inner-container > div {
	cursor: pointer;
	margin-left: 1.5rem;
}

.header-cta .cta-button {
	font-size: 0.75rem;
	padding: 0.5rem 0.75rem;
}

.language-switcher:not(.open) ul {
	display: none;
}

.language-switcher ul {
	background-color: #fff;
	border: 1px solid var(--bg-color-grey-cool);
	padding: 0.5rem;
	position: absolute;
	z-index: 10;
}

.language-switcher ul a {
	color: var(--text-color-grey);
}

.language-switcher ul a:hover {
	color: var(--text-color-blue);
}

.header-right-container {
	margin-left: auto;
}

.header-menu-container .hs-menu-wrapper ul {
	color: #fff;
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
}

.header-menu-container .hs-menu-wrapper ul li {
	margin: 0;
	position: relative;
}

.header-menu-container .hs-menu-wrapper ul li a {
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--header-menu-item-color, #fff);
}
.header-menu-container .hs-menu-wrapper ul li:not(.active) > a {
	/* Unselected menu items should be gray by default */
	color: #B0B4BA;
}
.header-menu-container .hs-menu-wrapper ul li.active > a {
	/* Active (selected) menu item should use standard white */
	color: #fff;
}
.header-menu-container .hs-menu-wrapper ul li a:hover {
	color: #fff;
}
.header-menu-container .hs-menu-children-wrapper {
	flex-direction: column;
	height: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	transition: opacity 0.3s ease;
	visibility: hidden;
}
.lock-screen {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	opacity: 0.3;
	background: var(--Colors-Overlays-Black-Alpha-9, rgba(0, 0, 0, 0.7));
}
.app-title {
	color: var(--Colors-Text-white-to-dark, #fff);
	font-family: var(--Typography-Font-family-text, 'SF Pro');
	font-size: var(--Typography-Font-size-2, 12px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Typography-Line-height-2, 16px);
	letter-spacing: var(--Typography-Letter-spacing-2, 0.04px);
	padding-left: 6px;
	position: absolute;
	right: 46px;
	bottom: 3px;
}

.container {
	box-sizing: border-box;
	float: none;
	margin-left: auto;
	margin-right: auto;
	max-width: var(--max-width);
	position: relative;
	width: calc(100% - 2rem);
	z-index: 100;
}

.container-half {
	max-width: calc(var(--max-width) / 2);
}

.container.container-full-width {
	max-width: 100%;
	padding: 0;
	width: 100%;
}

.container.container-stretch-left {
	margin-left: 0;
	max-width: calc(100vw - (100vw - var(--max-width)) / 2);
}

.container.container-stretch-right {
	margin-right: 0;
	max-width: calc(100vw - (100vw - var(--max-width)) / 2);
}
.scrollable-menu {display: flex; align-items: center; width: 100%; border-top: #333 solid 1px;}
.scrollable-menu ul{width: 100%;}
.scrollable-menu-container {
	display: flex;
	overflow-x: auto;
	white-space: nowrap;
	scroll-behavior: smooth;
}
/* .scroll-menu-button {right: 180px;} */
.scrollable-menu-container::-webkit-scrollbar {
	display: none;
  }

@media (min-width: 1280px) and (max-width: 1732px) {
	.header-container {
		padding: 0 66px;
	}
	.foot-container {padding: 0 66px;}
	/* .scroll-menu-button {right: 240px;} */

}
@media (min-width: 768px) and (max-width: 1280px) {
	.header-container {
		padding: 0 44px;
	}
	.foot-container {padding: 0 44px;}
}
@media (max-width: 768px) {
	.header-container {
		padding: 0 0;
	}
	.foot-container {padding: 0;}
	.downapp {
		display: none;
	}
}
@media (max-width: 1024px) {
	.downapp {
		width: 260px !important;
	}
}
@media (min-width: 1025px) and (max-width: 1100px) {
	.downapp {
		display: none;
	}
}
@media (min-width: 1101px) and (max-width: 1263px) {
}
@media (max-height: 896px) and (max-width: 768px) {
	.header-menu-container .hs-menu-wrapper ul {
		flex-direction: column;
		overflow: scroll;
		height: 90vh;
	}
}
@media (max-width: 768px) {
	.toolLogoTip {
		left: 40px;
	}
	.header-menu-container
		.hs-item-has-children:hover
		> .hs-menu-children-wrapper {
		top: 100% !important;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	.loginarea {
		display: none !important;
	}
	.header-menu-container .hs-menu-depth-1 {
		justify-content: flex-end;
	}
	.header-menu-container
		.hs-item-has-children:hover
		> .hs-menu-children-wrapper {
		top: 100%;
	}
	#hs_menu_wrapper_header_menu {
		width: 100%;
	}
	.header-menu-container .hs-menu-wrapper ul {
		flex-direction: column;
	}
	.header-menu-container .hs-menu-wrapper ul li {
		height: auto;
	}
	.header-menu-container .hs-menu-wrapper ul li a {
		color: #edeef0;
		display: block;
		height: 60px;
		padding: 16px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		border-bottom: #333 1px solid;
		color: var(--Colors-Text-primary, #edeef0);
		font-size: var(--Typography-Font-size-4, 16px);
		font-style: normal;
		font-weight: 510;
		line-height: var(--Typography-Line-height-4, 24px); /* 150% */
		letter-spacing: var(--Typography-Letter-spacing-4, 0px);
		gap: 7px;
		border-radius: unset;
		width: 100%;
	}
	.header-menu-container .hs-menu-wrapper ul li a svg {
		float: right;
		position: absolute;
		right: 16px;
	}
	.header-menu-container .hs-item-has-children {
		width: 100%;
	}
	.header-menu-container .hs-item-has-children > a:after {
		display: none !important;
	}
	.header-menu-container .hs-item-has-children.open .hs-menu-children-wrapper {
		background-color: #111113;
		height: auto;
		left: 100%;
		opacity: 1;
		visibility: visible;
	}

	.header-menu-container
		.hs-item-has-children.open
		.hs-menu-children-wrapper
		a {
		padding: 0.5rem 1rem;
		white-space: nowrap;
	}
	/* .close {
		display: none;
	} */
	.s1 {
		background-color: #212225;
		left: -33px;
		position: absolute;

		/* When the side-panel is open on pad devices, bring it on-screen */
		.s1.open {
			left: 0;
		}
		top: 100%;
		transition: all 0.3s ease;
		width: 320px;
		height: 100vh;
		padding-left: 0px;
		z-index: 9999;
	}
	.downapp {
		width: 200px;
	}
	#mobile-menu-trigger {
		cursor: pointer;
		display: block !important;
		margin-right: 16px;
	}
	.tabMenu {
		position: absolute;
		right: 8px;
		width: 20px;
		height: 20px;
		/* display: none; */
	}
}
@media screen and (min-width: 767px) {
	#mobile-menu-trigger,
	.header-mobile-cta,
	.header-mobile-links-container {
		display: none;
	}

	.header-top-container {
		padding: 1rem 0 0.5rem;
	}

	.language-switcher {
		position: relative;
	}

	.language-switcher:hover ul {
		display: block;
	}

	.language-switcher ul {
		top: 100%;
	}

	.language-switcher ul li:last-of-type {
		margin-bottom: 0;
	}

	.header-cta {
		display: flex;
		justify-content: flex-start;
	}

	.header-menu-container .hs-item-has-children > a:after {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIj48cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Im0xIDEuNSA1IDUgNS01Ii8+PC9zdmc+);
		background-repeat: no-repeat;
		background-size: contain;
		content: '';
		display: inline-block;
		height: 8px;
		margin-left: 0.5rem;
		width: 12px;
	}

	.header-menu-container
		.hs-item-has-children:hover
		> .hs-menu-children-wrapper {
		background-color: #fff;
		box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.5);
		height: auto;
		opacity: 1;
		overflow: visible;
		padding: 0.5rem;
		visibility: visible;
	}

	.header-menu-container .hs-menu-depth-1 > .hs-menu-children-wrapper {
		right: 0;
		top: 100%;
	}

	.header-menu-container .hs-menu-depth-1 {
		align-items: center;
		display: flex;
		height: 3rem;
		margin-bottom: 0;
	}

	.header-menu-container .hs-menu-depth-1 > a {
		align-items: center;
		border-radius: 2rem;
		display: inline-flex;
		font-size: 0.875rem;
		line-height: 1rem;
		padding: 0.5rem 1rem;
		position: relative;
		transition: all 0.3s ease;
	}

	.header-menu-container .hs-menu-depth-1:hover > a {
		background-color: var(--bg-color-menu-hover);
		color: #000;
	}

	.header-menu-container li.hs-menu-depth-2,
	.header-menu-container li.hs-menu-depth-3 {
		line-height: 1;
		margin-bottom: 0.5rem;
	}

	.header-menu-container li.hs-menu-depth-2:last-of-type,
	.header-menu-container li.hs-menu-depth-3:last-of-type {
		margin-bottom: 0;
	}

	.header-menu-container .hs-menu-depth-2 > a,
	.header-menu-container .hs-menu-depth-3 > a {
		display: inline-block;
		font-size: 0.875rem;
		line-height: 1rem;
		text-wrap: nowrap;
		color: var(--text-color-base) !important;
		padding: 0.5rem 0.75rem 0.5rem 1rem;
		transition: all 0.3s ease;
		white-space: nowrap;
		min-width: 130px;
		min-height: 36px;
	}

	.header-menu-container .hs-menu-depth-2 > a:hover,
	.header-menu-container .hs-menu-depth-3 > a:hover {
		text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	}

	.header-menu-container .hs-menu-depth-2 > .hs-menu-children-wrapper {
		left: 100%;
		top: -1rem;
	}
}

@media screen and (max-width: 767px) {
	/* .header-container {
		align-items: center;
		justify-content: flex-start;
		padding: 0.5rem 0;
		display: none;
	} */
	.mheader {
		height: 48px;
		position: fixed;
		top: 0;
		width: 100%;
		background: var(--Colors-Overlays-Black-Alpha-12, rgba(0, 0, 0, 0.95));
		padding-left: 16px;
		padding-right: 16px;
		border-bottom: 1px solid #212225;
		/* padding-top: 48px; */
	}
	.modal-footer img {
		width: 137px;
		height: 44px;
	}
	.modal-footer {
		width: 102%;
		justify-content: center;
	}
	.modal-content {
		width: 90%;
		padding: 24px;
	}
	/* .header-container > div {
		width: 0;
	} */

	.header-cta {
		margin-left: auto;
	}

	.language-switcher {
		padding-right: 1.5rem;
		position: relative;
	}

	.language-switcher ul {
		bottom: 100%;
		right: 1.5rem;
	}

	.language-switcher ul li:last-of-type {
		margin-bottom: 0;
	}
	#hs_menu_wrapper_header_menu {
		width: 100%;
	}
	.header-menu-container {
		background-color: #212225;
		left: -1rem;
		position: absolute;
		top: 48px;
		transition: all 0.3s ease;
		width: 320px;
		height: 100vh;
	}
	.tooltip {
		background-color: #111113;
		border: 1px solid var(--Colors-Border-secondary, #363a3f);
		top: 47px;
	}
	.tooltip li {
		background-color: #111113 !important;
		height: 48px;
		padding-left: 16px;
		padding-right: 16px;
		border-radius: 8px 8px 0px 0px;
		border-bottom: 1px solid var(--Colors-Border-secondary, #363a3f) !important;
		color: var(--Colors-Text-primary, #edeef0);
		text-overflow: ellipsis;
		font-family: var(--Typography-Font-family-text, 'SF Pro');
		font-size: var(--Typography-Font-size-4, 16px);
		font-style: normal;
		font-weight: 400;
		line-height: var(--Typography-Line-height-4, 24px); /* 150% */
		letter-spacing: var(--Typography-Letter-spacing-4, 0px);
	}
	.tooltip li:last-child {
		border-radius: 0px;
		border-radius: 0px 0px 8px 8px;
		border-bottom: none !important;
	}
	.header-menu-container:not(.open) {
		height: 0;
		opacity: 0;
		visibility: hidden;
	}

	.header-menu-container .hs-menu-wrapper ul {
		flex-direction: column;
	}

	.header-menu-container .hs-menu-depth-1 > a {
		line-height: 1rem;
		padding: 0.5rem 1rem;
		transition: all 0.3s ease;
	}
	.downtips {
		bottom: 16px !important;
		right: 16px !important;
		display: none;
	}
	.header-menu-container .hs-menu-wrapper ul li a {
		color: #edeef0;
		display: block;
		height: 60px;
		padding: 16px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		border-bottom: #333 1px solid;
		color: var(--Colors-Text-primary, #edeef0);
		font-size: var(--Typography-Font-size-4, 16px);
		font-style: normal;
		font-weight: 510;
		line-height: var(--Typography-Line-height-4, 24px); /* 150% */
		letter-spacing: var(--Typography-Letter-spacing-4, 0px);
		gap: 7px;
	}
	/* .header-menu-container .hs-menu-wrapper ul li a svg {
		float: right;
		position: absolute;
		right: 16px;
	} */
	.header-menu-container .hs-item-has-children {
		width: 100%;
	}

	.header-menu-container .hs-item-has-children.open .hs-menu-children-wrapper {
		background-color: #111113;
		height: auto;
		left: 100%;
		opacity: 1;
		visibility: visible;
	}

	.header-menu-container
		.hs-item-has-children.open
		.hs-menu-children-wrapper
		a {
		padding: 0.5rem 1rem;
		white-space: nowrap;
	}

	.child-trigger {
		align-items: center;
		cursor: pointer;
		display: inline-flex;
		justify-content: center;
		margin-left: 0.5rem;
		min-width: 30px !important;
		padding: 0 !important;
		position: relative;
		right: 0;
		text-align: center;
		top: 0;
		width: 33px !important;
	}

	.child-trigger:hover {
		text-decoration: none;
	}

	.child-trigger:before {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIj48cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Im0xIDEuNSA1IDUgNS01Ii8+PC9zdmc+);
		background-repeat: no-repeat;
		background-size: contain;
		content: '';
		display: inline-block;
		filter: brightness(0);
		height: 8px;
		position: relative;
		transform: rotate(270deg);
		width: 12px;
	}

	#mobile-menu-trigger {
		color: #fff;
		cursor: pointer;
		font-size: 1.5rem;
		height: 1.5rem;
		position: relative;
		width: 1.5rem;
	}

	#mobile-menu-trigger span {
		background: #fff;
		border-radius: 0;
		display: block;
		height: 2px;
		left: 0;
		opacity: 1;
		position: absolute;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
		width: 100%;
	}

	#mobile-menu-trigger span:first-child {
		top: 0;
	}

	#mobile-menu-trigger span:first-child,
	#mobile-menu-trigger span:nth-child(2) {
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#mobile-menu-trigger span:nth-child(2) {
		top: 11px;
	}

	#mobile-menu-trigger span:nth-child(3) {
		top: 22px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#mobile-menu-trigger.open span:first-child {
		left: 0;
		top: 0;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#mobile-menu-trigger.open span:nth-child(2) {
		opacity: 0;
		width: 0;
	}

	#mobile-menu-trigger.open span:nth-child(3) {
		left: 0;
		top: 18px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}

/* Ensure non-active items are gray on all screen sizes.
   This is placed after other rules so it takes precedence. */
.header-menu-container .hs-menu-wrapper ul li:not(.active) > a {
	color: #B0B4BA;
}

@media (max-width: 1024px) {
	.header-menu-container .hs-menu-wrapper ul li:not(.active) > a {
		color: #B0B4BA;
	}
}