html body.body-faq #smooth-wrapper.cloud-gradient {
	background: var(--dark-color)
}

.faq-section {
	line-height: 1.3em;
	background-image: linear-gradient(180deg, rgba(9, 7, 10, 0) 0%, var(--dark-color) 84%),  url(../../img/centerbackground.png);
	background-repeat: no-repeat;
	background-size: 80% auto;
	background-position: center top;
	width: 100%;
	position: relative;
	padding: 2rem 0;
}

.faq-section .section {
	padding: 4rem 0;
}
 
/* ======================================== */

.faq-section .main-heading {
	font-size: 3rem;
	font-weight: 500;
	font-style: normal;
	text-transform: none;
	text-decoration: none;
	color: #fdfcff;
	word-wrap: break-word;
	margin-top: 0;
	padding-top: 0
}

.faq-label {
	display: inline-block;
	font-weight: 600;
	letter-spacing: 2px;
	color: var(--main-color);
	text-transform: uppercase;
	margin-bottom: 1.5rem;
}

/* ======================================================================= FAQ */

.faq-item {
	background: linear-gradient(137deg, rgba(18,21,23,.7) 4.87%, rgba(9,7,10,.8) 75%) !important;
	backdrop-filter: blur(8px) !important;
	box-shadow: inset 0 1px 1px 0 hsla(0,0%,100%,.15) !important;
	border: 1px solid rgba(255,255,255,.06);
	border-radius: 15px 15px 15px 15px;
	overflow: hidden;
	padding: 20px;
	margin-bottom: 1rem;
	transition: all .2s ease;
}

.faq-item:hover:after,
.faq-item.active::after{
	background: hsla(0,0%,100%,.04);
}

.faq-item::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	background: 0 0;
	transition: background .3s ease;
	pointer-events: none;
}

.faq-item.active {
	outline: 0;
	background: hsla(0,0%,100%,.04);
}

.faq-item:not(.active) {
	overflow: hidden;
	background: RGBA(255,255,255,0);
}

.faq-item h4.faq-question {
	font-size: 1.2rem;
	cursor: pointer;
	position: relative;
	padding-right: 1.7rem;
	margin: 0;
	font-weight: 300 !important;
}

.faq-answer {
	display: none;
	padding-top: 1rem;
}

.faq-answer a {
	color: #fff;
	text-decoration: underline
}

.faq-answer a:hover {
	color: #fff;
	text-decoration: none !important
}

.faq-answer,
.faq-answer p,
.faq-answer li,
.faq-answer a {
	font-size: 1rem;
	font-weight: 300;
}

.faq-item h4.faq-question::before {
	content: '-'
}

.faq-item h4.faq-question::after {
	content: '+'
}

.faq-item h4.faq-question::before,
.faq-item h4.faq-question::after {
	color: #fff;
	font-weight: 300;
	font-size: 20px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%)
}

.faq-item h4.faq-question::before,
.faq-item.active h4.faq-question::after {
	display: none
}

.faq-item.active h4.faq-question::before {
	display: block;
}

/* ================================================= */


.faq-category{
	background-color:var(--dark-color);
	padding: 1.6rem;
	border-radius: 1rem;
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255,255,255,.1);
}


.faq-category h2 {
	font-size: 1.6rem;
	line-height: var(--lh-heading);
	font-weight: 300;
	margin:0 0 1.6rem 0
}

.faq-category .btn {
}

/* ================================================= */

.faq-section.sec-bkg{
	/*background: linear-gradient(to right, var(--dark-color) 10%, rgba(255,255,255,0.06) 50%, var(--dark-color) 80%);*/
	
	background-size: contain;
  background-position: center top;
  background-image: linear-gradient(0deg,rgba(9,7,10,0) 85%,#09070a 100%),url(https://levupp.com/wp-content/uploads/2024/08/sharkblurred-grille2.png) !important;


	/*background-image: linear-gradient(180deg, rgba(9, 7, 10, 0) 0%, var(--dark-color) 4%), url(../../img/centerbackground.png);
	background-repeat: no-repeat;
	background-size: 80% auto;
	background-position: center top;*/
}

.faq-section.sec-bkg .contact-box{
	background: rgba(9,6,10,.4);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255,255,255,.1);
	padding: 2rem 3rem;
}