/* Hero copied from the approved reference homepage. Loaded after ms-home-overrides.css. */

@media (min-width: 1221px) {
	body.ms-new-home .ms-hero {
		display: block;
		position: relative;
		width: 100%;
		max-width: 100%;
		height: 361px;
		min-height: 361px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		border: 0;
		border-radius: 7px;
		background:
			radial-gradient(circle at 69% 42%, rgba(77,98,109,.33), transparent 28%),
			linear-gradient(116deg, rgb(23,43,56) 0%, rgb(15,32,44) 47%, rgb(29,48,56) 100%);
		box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
		color: #fff;
	}

	body.ms-new-home .ms-hero::before {
		content: "";
		position: absolute;
		inset: 0;
		background:
			linear-gradient(45deg, rgba(255,255,255,.04) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.04) 75%),
			linear-gradient(-45deg, rgba(255,255,255,.024) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.024) 75%);
		background-size: 44px 44px, 44px 44px;
		opacity: .21;
	}

	body.ms-new-home .ms-hero-copy {
		display: block;
		position: relative;
		z-index: 3;
		width: 51% !important;
		height: auto;
		min-width: 0 !important;
		max-width: none !important;
		margin: 0;
		padding: 39px 0 0 34px;
	}

	body.ms-new-home .ms-hero h1 {
		display: block !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: 600px !important;
		height: auto;
		margin: 0 !important;
		padding: 0;
		font-family: Montserrat, "Segoe UI", sans-serif;
		font-size: 44px;
		font-weight: 800;
		line-height: 1.08;
		letter-spacing: -1.2px;
		color: #fff;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		hyphens: none !important;
	}

	body.ms-new-home .ms-hero p {
		width: auto;
		margin: 17px 0 24px;
		padding: 0;
		font-family: Montserrat, "Segoe UI", sans-serif;
		font-size: 17px;
		font-weight: 500;
		line-height: 1.46;
		color: rgb(240,244,246);
	}

	body.ms-new-home .ms-hero-actions {
		display: flex;
		gap: 18px;
		width: auto;
		height: 46px;
		margin: 0;
		padding: 0;
	}

	body.ms-new-home .ms-hero-actions .ms-btn {
		width: 180px;
		min-width: 180px;
		height: 46px;
		min-height: 46px;
		padding: 0 16px;
		border-radius: 6px;
		font-family: Montserrat, "Segoe UI", sans-serif;
		font-size: 14px;
		font-weight: 700;
		line-height: 20.3px;
	}

	body.ms-new-home .ms-hero-actions .ms-btn-teal {
		background: linear-gradient(rgb(8,164,180) 0%, rgb(7,139,154) 100%);
		box-shadow: 0 6px 14px rgba(7,150,165,.18);
		color: #fff;
	}

	body.ms-new-home .ms-hero-actions .ms-btn-outline {
		background: rgba(10,24,34,.28);
		border: 1px solid rgba(255,255,255,.88);
		box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
		color: #fff;
	}

	body.ms-new-home .ms-hero-product {
		display: flex;
		position: absolute;
		z-index: 1;
		right: 155px;
		top: 14px;
		width: 44%;
		height: 330px;
		align-items: center;
		justify-content: center;
		overflow: visible;
		opacity: .94;
	}

	body.ms-new-home .ms-hero-product img {
		display: block;
		width: 100%;
		height: auto;
		max-width: 100%;
		max-height: 285px;
		margin: 0;
		padding: 0;
		object-fit: contain;
		object-position: 50% 50%;
		filter: none;
		transform: none;
	}

	body.ms-new-home .ms-benefits {
		display: block;
		position: absolute;
		z-index: 4;
		right: 28px;
		top: 42px;
		width: 206px;
		height: 272px;
		padding: 4px 15px;
		border-radius: 8px;
		background: linear-gradient(rgb(7,139,152), rgb(8,122,135));
		box-shadow: 0 12px 26px rgba(0,0,0,.22);
		color: #fff;
	}

	body.ms-new-home .ms-benefit {
		display: grid;
		grid-template-columns: 43px 124px;
		gap: 9px;
		align-items: center;
		width: 176px;
		height: 88px;
		min-height: 88px;
		margin: 0;
		padding: 0;
	}

	body.ms-new-home .ms-benefit:not(:last-child) {
		border-bottom: 1px solid rgba(255,255,255,.24);
	}

	body.ms-new-home .ms-benefit-icon {
		display: block;
		width: 43px;
		height: 38px;
		color: #fff;
	}

	body.ms-new-home .ms-benefit-icon svg {
		display: block;
		width: 38px;
		height: 38px;
		fill: none;
		stroke: currentColor;
		stroke-width: 1.8;
		stroke-linecap: round;
		stroke-linejoin: round;
	}

	body.ms-new-home .ms-benefit strong {
		display: block;
		width: 124px;
		margin: 0;
		font-family: Montserrat, "Segoe UI", sans-serif;
		font-size: 12.5px;
		font-weight: 800;
		line-height: 15.625px;
		color: #fff;
	}

	body.ms-new-home .ms-benefit small {
		display: block;
		width: 124px;
		margin: 4px 0 0;
		font-family: Montserrat, "Segoe UI", sans-serif;
		font-size: 9.5px;
		font-weight: 400;
		line-height: 11.875px;
		color: rgb(205,238,241);
	}

	body.ms-new-home .ms-slider-dots {
		display: flex;
		position: absolute;
		z-index: 5;
		left: 50%;
		bottom: 15px;
		width: 64px;
		height: 10px;
		gap: 8px;
		margin: 0;
		padding: 0;
		transform: translateX(-50%);
	}

	body.ms-new-home .ms-slider-dots i {
		display: block;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: rgba(255,255,255,.13);
	}

	body.ms-new-home .ms-slider-dots i.active {
		background: rgb(6,166,181);
	}
}

@media (max-width: 1220px) and (min-width: 961px) {
	body.ms-new-home .ms-hero {display:block;position:relative;overflow:hidden;}
	body.ms-new-home .ms-hero-copy {position:relative;z-index:3;display:block;}
	body.ms-new-home .ms-hero h1 {white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;}
	body.ms-new-home .ms-hero-product {position:absolute;z-index:1;right:80px;bottom:-20px;width:52%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:.94;}
	body.ms-new-home .ms-hero-product img {display:block;width:100%;max-width:100%;max-height:300px;object-fit:cover;object-position:53% 50%;}
	body.ms-new-home .ms-benefits {position:absolute;z-index:4;right:18px;top:44px;width:190px;padding:4px 14px;border-radius:8px;background:linear-gradient(rgb(7,139,152),rgb(8,122,135));box-shadow:0 12px 26px rgba(0,0,0,.22);color:#fff;}
	body.ms-new-home .ms-benefit {display:grid;grid-template-columns:39px 1fr;gap:8px;align-items:center;min-height:80px;}
	body.ms-new-home .ms-benefit:not(:last-child){border-bottom:1px solid rgba(255,255,255,.24);}
	body.ms-new-home .ms-benefit-icon svg{width:34px;height:34px;}
	body.ms-new-home .ms-benefit strong{display:block;font-size:11.5px;line-height:1.25;color:#fff;}
	body.ms-new-home .ms-benefit small{display:block;margin-top:3px;font-size:9px;line-height:1.2;color:rgb(205,238,241);}
	body.ms-new-home .ms-slider-dots{position:absolute;z-index:5;left:50%;bottom:12px;display:flex;gap:7px;transform:translateX(-50%);}
	body.ms-new-home .ms-slider-dots i{display:block;width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.13);}
	body.ms-new-home .ms-slider-dots i.active{background:rgb(6,166,181);}
}

@media (max-width: 960px) {
	body.ms-new-home .ms-hero-product,
	body.ms-new-home .ms-benefits,
	body.ms-new-home .ms-slider-dots {display:none;}
	body.ms-new-home .ms-hero-copy {position:relative;z-index:2;width:100%!important;min-width:0!important;}
	body.ms-new-home .ms-hero h1 {width:auto!important;min-width:0!important;max-width:100%!important;white-space:normal!important;}
}