/* Inline styles of legacy view component/2/text-features-2026.cshtml, copied verbatim. */
@media screen and (min-width:992px)
{
	.recommended>.container>h2
	{
		margin-bottom:30px;
	}

	.features
	{
		margin-bottom:30px;
	}

	.features>.container
	{
		padding:30px 70px;
		column-gap: 85px;
	}

	.features>.container::before,
	.features>.container::after
	{
		display:none;
	}

	.features>.container>.image
	{
		order:2;
	}

	.features>.container>.text
	{
		order:1;
		min-width:calc(100% - 410px - 60px - 85px);
		padding:10px 0px;
	}

	.features>.container>.text h2
	{
		margin:0px;
		padding:0px;
		line-height: 100%;
		color: #414142;
		font-family:Montserrat, sans-serif;
		font-size: 36px;
		font-weight: 300;
	}

	.features>.container>.text h2 strong
	{
		line-height: 100%;
		font-size: 63px;
		font-weight: 800;
		letter-spacing: -1.26px;
		color: rgba(0, 0, 0, 0.90);
	}

	.features>.container>.text ul
	{
		display:flex;
		flex-wrap:wrap;
		row-gap:10px;
		column-gap:50px;
		margin:30px 0px 0px 0px;
		padding:0px;
		list-style:none;
	}

	.features>.container>.text ul li
	{
		min-width:calc((100% - 50px) / 2);
		max-width:calc((100% - 50px) / 2);
	}

	.features>.container>.text ul li h3
	{
		margin:0px;
		padding:0px;
		line-height: 24px;
		font-size: 20px;
		font-weight: 500;
		color: rgba(0, 0, 0, 0.90);
		white-space:nowrap;
	}

	.features>.container>.text ul li h3::before
	{
		content: '';
		display: inline-block;
		margin: 0 10px 0 0;
		width: 24px;
		height: 24px;
		background: url(/assets/2/images/icon-features.svg) center center / contain no-repeat;
		vertical-align: middle;
	}
}

@media screen and (min-width:992px) and (max-width:1199.98px)
{
	.features>.container
	{
		padding:30px 50px;
		column-gap: 50px;
	}

	.features>.container>.text ul li
	{
		min-width:100%;
		max-width:100%;
	}
}

.features>.container>.image picture
{
	margin-top: -40px;
	max-width: 100% !important;
	height: auto !important;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}

.features>.container>.image .img
{
	display:inline-block;
}

@media screen and (min-width: 1400px)
{
	.features>.container>.image img,
	.features>.container>.image .img
	{
		width:415px !important;
		height:228px !important;
	}

	.features>.container>.image .d-desktop
	{
		display:inline-block;
	}

	.features>.container>.image .d-mobile,
	.features>.container>.image .d-tablet
	{
		display:none;
	}
}

@media screen and (min-width: 992px) and (max-width: 1399.98px)
{
	.features>.container>.image img,
	.features>.container>.image .img
	{
		width:320px !important;
		height:175px !important;
	}

	.features>.container>.image .d-tablet
	{
		display:inline-block;
	}

	.features>.container>.image .d-mobile,
	.features>.container>.image .d-desktop
	{
		display:none;
	}
}

@media screen and (max-width: 991.98px)
{
	.recommended>.container>h2
	{
		margin-bottom:20px;
	}

	#hero
	{
		margin-bottom:-195px;
	}

	.features
	{
		position:relative;
		margin-bottom:40px;
	}

	.features>.container
	{
		display:block;
		padding-top:195px;
		padding-bottom:45px;
	}

	.features>.container>.image
	{
		margin:0px auto;
		text-align:center;
	}

	.features>.container>.image picture
	{
		margin-top: 0;
		width: 100%;
		max-width: 300px !important;
	}

	.features>.container>.image img,
	.features>.container>.image .img
	{
		width:300px !important;
		height:165px !important;
	}

	.features>.container>.image .d-mobile
	{
		display:inline-block;
	}

	.features>.container>.image .d-desktop,
	.features>.container>.image .d-tablet
	{
		display:none;
	}

	.features>.container>.text
	{
		margin:0px auto;
		width:100%;
		max-width:340px;
	}

	.features>.container>.text h2
	{
		margin:0px;
		padding:0px;
		line-height: 120%;
		color: #414142;
		font-family:Montserrat, sans-serif;
		font-size: 27px;
		font-weight: 300;
	}

	.features>.container>.text h2 strong
	{
		font-size: 40px;
		font-weight: 800;
		letter-spacing: -0.8px;
		color: rgba(0, 0, 0, 0.90);
	}

	.features>.container>.text ul
	{
		display:flex;
		flex-wrap:wrap;
		row-gap:10px;
		margin:20px 0px 0px 0px;
		padding:0px;
		list-style:none;
	}

	.features>.container>.text ul li
	{
		min-width:100%;
		max-width:100%;
	}

	.features>.container>.text ul li h3
	{
		margin:0px;
		padding:0px;
		line-height: 24px;
		font-size: 19px;
		font-weight: 500;
		color: rgba(0, 0, 0, 0.90);
		white-space:nowrap;
	}

	.features>.container>.text ul li h3::before
	{
		content: '';
		display: inline-block;
		margin: 0 10px 0 0;
		width: 24px;
		height: 24px;
		background: url(/assets/2/images/icon-features.svg) center center / contain no-repeat;
		vertical-align: middle;
	}
}

@media screen and (max-width: 374.98px)
{
	.features>.container>.text ul li h3
	{
		line-height: 24px;
		font-size: 17px;
	}
}