:root {
	--dl-color-gray-500: #595959;
	--dl-color-gray-700: #999;
	--dl-color-gray-900: #f2f2f2;
	--dl-size-size-large: 144px;
	--dl-size-size-small: 48px;
	--dl-color-danger-300: #a22020;
	--dl-color-danger-500: #bf2626;
	--dl-color-danger-700: #e14747;
	--dl-color-gray-black: #000;
	--dl-color-gray-white: #fff;
	--dl-size-size-medium: 96px;
	--dl-size-size-xlarge: 192px;
	--dl-size-size-xsmall: 16px;
	--dl-space-space-unit: 16px;
	--dl-color-primary-100: #001d4e;
	--dl-color-primary-300: #003eb3;
	--dl-color-primary-500: #56a6ff;
	--dl-color-primary-700: #30D4FA;
	--dl-color-success-300: #199033;
	--dl-color-success-500: #32a94c;
	--dl-color-success-700: #4cc366;
	--dl-size-size-xxlarge: 288px;
	--dl-size-size-maxwidth: 1400px;
	--dl-radius-radius-round: 50%;
	--dl-color-background-mid: #ecf0fb;
	--dl-space-space-halfunit: 8px;
	--dl-space-space-sixunits: 96px;
	--dl-space-space-twounits: 32px;
	--dl-color-background-dark: #d5ddf2;
	--dl-radius-radius-radius2: 2px;
	--dl-radius-radius-radius4: 4px;
	--dl-radius-radius-radius8: 8px;
	--dl-space-space-fiveunits: 60px;
	--dl-space-space-fourunits: 64px;
	--dl-color-background-hover: #d5ddf2b3;
	--dl-color-background-light: #f5f8ff;
	--dl-space-space-threeunits: 48px;
	--dl-space-space-oneandhalfunits: 24px
}

.button {
	display: inline-block
}

.button,
.input {
	color: var(--dl-color-gray-black);
	padding: .5rem 1rem;
	border-color: var(--dl-color-gray-black);
	border-width: 1px;
	border-radius: 4px;
	background-color: var(--dl-color-gray-white)
}

.input,
.textarea {
	cursor: auto
}

.textarea {
	color: var(--dl-color-gray-black);
	padding: .5rem;
	border-color: var(--dl-color-gray-black);
	border-width: 1px;
	border-radius: 4px;
	background-color: var(--dl-color-gray-white)
}

.list {
	width: 100%;
	margin: 1em 0;
	display: block;
	padding: 0 0 0 1.5rem;
	list-style-type: none;
	list-style-position: outside
}

.list-item {
	display: list-item
}

.teleport-show {
	display: flex !important;
	transform: none !important
}

.brand {
	width: 100%;
	display: flex;
	padding: var(--dl-space-space-halfunit);
	max-width: 100%;
	align-items: center;
	aspect-ratio: 1;
	border-color: rgba(0, 0, 0, .2);
	flex-direction: column;
	justify-content: center;
	border-right-width: 1px
}

.videoBG {
	width: 1920px;
	z-index: 1;
	max-width: 110vw;
	min-width: auto
}

.intro {
	width: 100%;
	min-height: 100vh;
	align-items: flex-end;
	justify-content: flex-end;
	background-color: var(--dl-color-background-mid)
}

.intro,
.intro-div {
	display: flex;
	flex-direction: column
}

.intro-div {
	gap: var(--dl-space-space-twounits);
	top: 0;
	left: 0;
	right: 700px;
	width: 50vw;
	height: 100vh;
	margin: auto;
	padding: var(--dl-space-space-sixunits);
	z-index: 101;
	position: absolute;
	max-width: 600px;
	align-self: flex-start;
	align-items: flex-start;
	justify-content: center
}

.intro-h {
	color: #1e3944;
	font-size: 2em
}

.intro-p {
	color: #1e3944;
	line-height: 1.3
}

.Heading {
	font-size: 32px;
	font-weight: 700
}

.Content,
.Heading {
	font-family: Inter;
	line-height: 1.15;
	text-transform: none;
	text-decoration: none
}

.Content {
	font-size: 16px;
	font-weight: 400
}

@media(max-width:991px) {
	.videoBG {
		max-width: 110vw
	}

	.intro-div {
		padding: var(--dl-space-space-threeunits);
		z-index: 101
	}
}

@media(max-width:767px) {
	.brand {
		aspect-ratio: 16/9
	}

	.videoBG {
		align-self: flex-end
	}

	.intro,
	.videoBG {
		max-width: 100vw
	}

	.intro {
		position: relative
	}

	.intro-div {
		top: 0;
		left: 0;
		right: 700px;
		width: 50vw;
		height: 100vh;
		margin: auto;
		position: absolute;
		max-width: 100%;
		align-items: flex-start;
		padding-top: 148px;
		padding-right: var(--dl-space-space-unit);
		justify-content: flex-start
	}

	.intro-h {
		font-size: 1.3em;
		align-self: center;
		text-align: left
	}

	.intro-p {
		font-size: 12px;
		text-align: left
	}
}

@media(max-width:479px) {
	.videoBG {
		max-width: 160vw
	}

	.intro-div {
		gap: var(--dl-space-space-unit);
		width: 100vw;
		padding-top: var(--dl-space-space-sixunits);
		margin-right: auto;
		padding-left: var(--dl-space-space-oneandhalfunits);
		padding-right: var(--dl-space-space-oneandhalfunits)
	}

	.intro-h {
		font-size: 1.3em
	}

	.intro-h,
	.intro-p {
		text-align: center
	}

	.intro-p {
		font-size: 12px
	}
}