:root {
	--text-gray: rgba(255, 255, 255, 0.6);
}

.banner {
	position: relative;
}

.banner-desc::after,
.banner-desc::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.banner-desc::after {
	background: linear-gradient(180deg, rgba(17, 30, 105, 0) 5.9%, rgba(5, 37, 62, 0.27) 25.64%, #000C15 93.71%);
	z-index: -2;
}
.banner > img {
	display: block;
	z-index: 0;
}
.banner-desc {
	position: absolute;
    bottom: 0;
    z-index: 2;
	padding: 0.125rem 0.125rem 0.1rem;
    width: 100%;
    left: 0;
}
.banner-desc > p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #fff;
	text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
}
.banner-desc-title {
	font-size: 1.7em;
	font-weight: 900;
}
.banner-desc-text {
	font-size: 1em; /* 14px */
}

/* CP FAQ */

.hidden {
    display: none;
}

.show-more {
	color: var(--text-gray);
	text-align: center;
	text-decoration: underline;
	cursor: pointer;
	text-underline-offset: 4px;
}

.cp-faq .content-item {
	margin-bottom: 0.125rem;
}

.cp-faq.paragraph-container p:first-of-type::first-letter {
	font-size: 2em;
}



.faq-text img,
.faq-text span {
	display: block;
	min-width: 16px;
}

.top-topnav {
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	padding-top: 0.15rem;
    margin-bottom: 0.15rem;
}

.faq-text {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px;
	width: 100%;
	background-color: rgba(255, 255, 255, .1);
}

.text-links .wrap a:not(:last-child) .faq-text {
	border-bottom: 1px solid #c8c8c833;
}

.faq-box:not(:last-child) .faq-text{
	border-bottom: 1px solid #c8c8c833;
}

@media only screen and (max-width: 799px) {
    .banner-desc::before {
		background: linear-gradient(180deg, rgba(17, 30, 105, 0) 5.9%, rgba(5, 37, 62, 0.27) 25.64%, #0E3350 93.71%);
		z-index: -1;
	}


	.show-more { 
		font-size: 14px;
	}
}