/* CSS Document */

.faq-accordion-wrapper {
	max-width: 900px;
	margin: 0 auto;
}

.faq-item {
	border: 1px solid #ececec;
	margin-bottom: 10px;
	background: #fff;
}

.faq-toggle {
	width: 100%;
	background: none;
	border: none;
	padding: 15px;
	text-align: left;
	display: flex;
	align-items: center;
	gap: 12px;
	cursor: pointer;
	font-weight: bold;
}

.faq-icon {
	width: 18px;
	text-align: center;
}

.faq-toggle i {
	transition: transform 0.2s ease;
}

.faq-content {
	display: none;
	padding: 15px;
	border-top: 1px solid #ececec;
}

.faq-item.open .faq-content {
	display: block;
}

.faq-item.open .faq-toggle i {
	transform: rotate(90deg);
}

.faq-item:hover {
	background: #f8f8f8;
}

.faq-category-filter {
	margin-bottom: 20px;
	position: sticky;
	top: 20px; /* distance from top while scrolling */
	z-index: 50;
	background: #fff;
	padding-bottom: 10px;
}

.faq-category-filter select {
	padding: 8px;
	min-width: 200px;
}

.faq-category-filter p {
	padding-bottom: 0;
}

/* -----------------------------------------------------------------------------
   FAQ filter and toggle styles
   ------------------------------------------------------------------------- */

body {
    overflow: visible !important;
}

@media only screen and (max-width: 900px) {

	body {
		overflow: hidden !important;
	}

}

.faq-category-filter {
    margin-bottom: 20px;
    position: sticky;
    top: 200px;
    z-index: 50;
    padding: 25px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 0 .5px rgba(0, 20, 40, .1), 0 2px 8px 0 rgba(50, 55, 90, .2);
}

.faq-item.open .faq-toggle i {
    transform: rotate(180deg);
}

.faq-item.open {
    background-color: #00a1e4;
    transition: all 250ms ease-in-out;
}

.faq-item.open .faq-content {
    background-color: #FFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.faq-item.open .faq-icon.fa.fa-minus-circle {
    color: #FFF;
}

.faq-item.open .faq-title {
    color: #FFF;
}

.faq-item {
    background-color: rgba(0, 0, 0, .045);
}

.faq-icon.fa.fa-plus, .faq-item .faq-title {
    color: rgba(0, 0, 0, .65);
}
