.faq.banner[data-bg="cyan-image-grad"] {
	background: url("/images/common/faq-bg.webp") no-repeat;
	background-size: 70vw auto;
	background-position: center;
	overflow: hidden;
    min-height: 0;
}
.faq.banner[data-bg="cyan-image-grad"] > .span {
	padding-bottom: 2em;
}
.faq.banner[data-bg="cyan-image-grad"] > .span > div {
	display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
}
.faq.banner[data-bg="cyan-image-grad"] h1 {
	position: relative;
	padding-left: 0em;
	width: 100%;
    margin-bottom: 0;
    font-size: 1.5em;
}
@media(min-width:48em) {
    .faq.banner[data-bg="cyan-image-grad"] > .span {
        padding-bottom: 3.5em;
    }
    .faq.banner[data-bg="cyan-image-grad"] > .span > div {
        display: block;
    }
	.faq.banner[data-bg="cyan-image-grad"] {
		padding: 5em 0;
	}
	.faq.banner[data-bg="cyan-image-grad"].cvc {
		padding: 2em 0 0;
	}
	.faq.banner[data-bg="cyan-image-grad"] h1 {
		padding-left: 6.5rem;
        font-size: 2.5em;
		width: 70%;
	}
    .faq.banner[data-bg="cyan-image-grad"] h1::before {
        content: "Q:";
        font-size: 4rem;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(calc(-50% - 0.5rem));
    }
}
.faq.banner[data-bg="cyan-image-grad"] h1::after{
	content: "?";
	font-size: 35rem;
	font-weight: 800;
	position: absolute;
	top: -0.57em;
	right: -0.6em;
	color: #33bdf2;
	z-index: -1;
}
.row.faq.answer h2 {
	font-size: 0.875em;
	color: #000;
}
.row.faq.answer p {
	font-size: 0.875em;
}
.row.faq.answer ul {
	margin-left: 1em;
}
.row.faq.answer a.btn.blue {
    background: #00ADEF;
	padding: 0.65rem 2.6875rem 0.65rem 1.5rem;
    position: relative;
    color: #fff !important;
	text-align: left;
}
.row.faq.answer a.btn.blue::after {
    content: '\f33d';
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}
.row.faq.answer.cvc h2 {
    font-size: 1.5em;
}
@media(min-width:48em) {
	.row.faq.answer h2:first-child::before  {
		content: "A:";
		font-size: 4rem;
		position: absolute;
		top: 0.25rem;
		left: 0.9375rem;
	}
	.row.faq.answer h2 {
		font-size: 1em;
		margin-left: 6.5rem;
		width: 70%;
	}
	.row.faq.answer h3 {
		margin-left: 6.5rem;
		width: 70%;
	}
	.row.faq.answer ul h3, .row.faq.answer ol h3 {
		margin-left: 0;
	}
	.row.faq.answer h4 {
		font-weight: bold;
        font-size: 1em;
	}
	.row.faq.answer h5 {
		font-weight: bold;
        font-size: 1em;
	}
	.row.faq.answer.cvc h2 {
		font-size: 1.5em;
	}
	.row.faq.answer p {
		font-size: 1em;
		margin-left: 6.5rem;
		width: 70%;
	}
	.row.faq.answer ul, .row.faq.answer ol {
		margin-left: 8em;
		width: 70%;
	}
	.row.faq.answer.cvc ul, .row.faq.answer.cvc ol {
		width: 85%;
	}
	.row.faq.answer.cvc ul > li, .row.faq.answer.cvc ol > li {
		margin-bottom: 1rem;
	}
	.row.faq.answer ul.split, .row.faq.answer ol.split {
		columns: 2;
	}
	.row.faq.answer ul.split li, .row.faq.answer ol.split li {
		break-inside: avoid-column;
	}
	.row.faq.answer a.btn.blue {
		margin-left: 6em;
	}
	.no-webp > .faq.banner[data-bg="cyan-image-grad"]  {
		background: url("/images/common/faq-bg.png") no-repeat bottom right ;
	}
}
.back-btn {
    border: 1px solid #fff;
    color: #fff !important;
    padding-left: 2rem;
    position: relative;
    margin-bottom: 1rem;
    margin-top: -2rem;
}
.back-btn::before {
    content: '\f054';
    color: #fff !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)scaleX(-1);
    left: 0.875em;
    font-family: 'Font Awesome 5 Pro';
}  
@media(min-width:48em) {
    .back-btn {
        position: absolute;
        left: 0.9375rem;
        bottom: calc(100% + 4rem);
        margin-top: 0;
        margin-bottom: 0;
    }
    .cvc .back-btn {
        bottom: calc(100% + 1em);
    }
}
.prevnext a {
    display: flex;
    position: relative;
    flex-direction: column;
    font-size: 1.1em;
    color: #00ADEF !important;
}
.prevnext a span {
    max-width: 15rem;
    margin-bottom: 1.5rem;
    font-size: 1.3em;
    color: #aaa;
    font-weight: 200;
    position: relative;
}
.prevnext .prev a span::after {
    content: 'Previous Question';
    font-weight: 200;
}
.prevnext .next a span::before {
    content: 'Next Question';
    font-weight: 200;
}
@media(min-width:48em) {
    .prevnext .next a  {
        align-items: flex-end;
        text-align: right;
    }
    .prevnext .prev a span::before {
        content: '\f053';
        font-family: 'Font Awesome 5 Pro';
        margin-right: 0.75rem;
        margin-bottom: -0.25rem;
        font-weight: 200;
    }
    .prevnext .next a span::after {
        content: '\f054';
        font-family: 'Font Awesome 5 Pro';
        margin-left: 0.75rem;
        margin-bottom: -0.25rem;
        font-weight: 200;
    }
}
@media(min-width:62em) {
    .prevnext .prev a {
        padding-right: 5rem;
    }
    .prevnext .next a  {
        padding-left: 5rem;
    }
}