/**********************************************************
// Block >> Header >> Home
**********************************************************/
.Block-Header-Home { position: relative; }

.Block-Header-Home .Header-Main {
	position: absolute;
	z-index: 5000;
	right: 0;
	left: 0;
	top: 0;
	}

.Block-Header-Home-Inner {
	margin: auto;
	width: 100%;
	max-width: 112.5rem;
	padding-top: 34.375rem;
	min-height: 47.5rem;
	position: relative;
	z-index: 100;
	}

.Block-Header-Home .Service-Cards {
	position: relative;
	z-index: 500;
	}

.Block-Header-Home-Small-Circle {
	width: 35.625rem;
	height: 35.625rem;
	border-radius: 100%;
	background: rgba(91, 203, 245, 0.1);
	position: absolute;
	z-index: 75;
	bottom: -16.875rem;
	right: -4.375rem;
	}

/**********************************************************
// Block >> Header >> Home >> BG >> Desktop
**********************************************************/
.Block-Header-Home-BG-Desktop {
	overflow: hidden;
	user-select: none;
	position: absolute;
	z-index: 50;
	top: -3.125rem;
	bottom: 0;
	right: 0;
	left: 0;
	}

.Block-Header-Home-BG-Desktop:after {
    padding-bottom: 150%;
    content: '';
    display: block;
	}

.Block-Header-Home-BG-Desktop img {
	width: 100%;
	height: 100%;
	object-fit: cover;
    object-position: top center;
	}

/**********************************************************
// Block >> Header >> Home >> BG >> Mobile
**********************************************************/
.Block-Header-Home-BG-Mobile {
	max-height: 46.875rem;
	overflow: hidden;
	display: none;
	user-select: none;
	position: absolute;
	z-index: 50;
	top: -3.125rem;
	bottom: 0;
	right: 0;
	left: 0;
	}

.Block-Header-Home-BG-Mobile:after {
    padding-bottom: 150%;
    content: '';
    display: block;
	}

.Block-Header-Home-BG-Mobile img {
	width: 100%;
	height: 100%;
	object-fit: contain;
    object-position: top center;
	}

/**********************************************************
// Block >> Header >> Home >> Cirlce
**********************************************************/
.Block-Header-Home-Circle-Shape {
	width: 48.625rem;
	height: 48.625rem;
	user-select: none;
	border-radius: 100%;
	background-color: var(--Color-Slate-Blue);
	mix-blend-mode: multiply;
	display: block;
	position: absolute;
	z-index: 200;
	right: -2.6875rem;
	top: -2.6875rem;
	}

.Block-Header-Home-Circle {
	padding: var(--20px);
	width: 48.625rem;
	height: 48.625rem;
	border-radius: 100%;
	display: flex;
	align-items: center;
	position: absolute;
	z-index: 300;
	right: -2.6875rem;
	top: -2.6875rem;
	}

.Block-Header-Home-Text {
	margin: auto;
	width: 100%;
	max-width: 37.5rem;
	text-align: left;
	color: var(--Color-White);
	position: relative;
	top: 0;
	}

.Block-Header-Home-Text h1 {
	padding: 0 !important;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.125rem;
	font-weight: 400;
	font-size: var(--14px);
	}

.Block-Header-Home-Text h2 {
	margin-top: var(--10px);
	padding: 0 !important;
	line-height: 1.1em;
	text-transform: lowercase;
	font-family: var(--Font-Serif);
	font-weight: 700;
	font-size: var(--70px);
	}

.Block-Header-Home-Text h3 {
	padding: 0 !important;
	line-height: 1.1em;
	font-family: var(--Font-Script);
	font-weight: 400;
	font-size: 5.9375rem;
	}

/**********************************************************
// Media Queries
**********************************************************/
@media /* 1024px */
all and (max-width: 64rem),
all and (max-device-width: 64rem)
{
	.Block-Header-Home {
		max-width: 100vw;
		overflow: hidden;
		}

	.Block-Header-Home-Inner {
		padding-top: var(--200px);
		min-height: 43.75rem;
		}

	.Block-Header-Home-BG-Desktop { display: none; }
	.Block-Header-Home-BG-Mobile { display: block; }

	.Block-Header-Home-Small-Circle { display: none; }

	.Block-Header-Home-Circle-Shape {
		width: 200%;
		height: 62.5rem;
		position: absolute;
		z-index: 200;
		right: -50%;
		left: -50%;
		top: -25rem;
		}

	.Block-Header-Home-Circle {
		margin: auto;
		padding: 0;
		width: 100%;
		height: auto;
		border-radius: 0;
		display: flex;
		align-items: center;
		position: relative;
		z-index: 300;
		right: 0;
		top: 0;
		}
}

@media /* 800 */
all and (max-width: 50rem),
all and (max-device-width: 50rem)
{
	.Block-Header-Home-Text {
		padding: 0 2.5rem;
		max-width: 28.125rem;
		}

	.Block-Header-Home-Text h2 { font-size: var(--50px); }
	.Block-Header-Home-Text h3 { font-size: 4.6875rem; }

	.Block-Header-Home-BG-Mobile {
		top: var(--20px);
		right: -3.125rem;
		}

	.Block-Header-Home .Service-Cards {
		margin-top: var(--50px);
		padding: 0 var(--20px);
		}
}

@media /* 500px */
all and (max-width: 31.25rem),
all and (max-device-width: 31.25rem)
{
	.Block-Header-Home { overflow-x: hidden; }
}