/* Inline styles of legacy view component/2/text-ready-2026.cshtml, copied verbatim. */
.ready > .container
{
	padding:40px 0px;
	width: calc(100% - 40px);
	max-width: 1360px;
}

.ready > .container > aside
{
	display:flex;
	gap:48px;
	align-items:center;
	padding:48px;
	color:#fff;
	background:#1A1A1A;
	border-radius: 20px;
}

.ready > .container > aside > h2
{
	display:block;
	margin:0px;
	min-width:calc(100% - 200px - 48px);
	max-width:calc(100% - 200px - 48px);
	line-height: 105%;
	font-size: 40px;
	font-weight: 400;
	color: #FFF;
}

.ready > .container > aside > a
{
	dispaly:block;
	min-width:200px;
	max-width:200px;
	padding:18px 18px 14px 18px;
	line-height: 20px;
	font-size: 18px;
	font-weight: 700;
	color: #F9F7F5;
	text-align: center;
	text-transform: uppercase;
	background: #DD3A56;
	border-radius: 20px;
}

.ready > .container > aside > a:hover
{
	background:#bf253f;
	text-decoration:none;
}

@media screen and (min-width:992px)
{
	.why + .ready
	{
		margin-top:-13px
	}

	.why + .ready > .container
	{
		padding-top:0px;
	}
}

@media screen and (min-width:992px) and (max-width:1199.98px)
{
	.ready > .container > aside > h2
	{
		font-size: 30px;
	}
}

@media screen and (max-width:991.98px)
{
	.why + .ready
	{
		margin-top:0px
	}

	.why + .ready > .container
	{
		padding-top:0px;
	}

	.ready > .container > aside
	{
		flex-wrap:wrap;
		gap:26px;
		justify-content:center;
		padding:40px 35px 30px 40px;
	}

	.ready > .container > aside > h2
	{
		min-width:100%;
		max-width:100%;
		font-size: 30px;
		text-align:center;
	}
}