/*================================================
FAQ Area CSS
=================================================*/
.faq-accordion .card {
	margin-bottom: 15px;
	border-radius: 0 !important;
	border: none;
	display: block;
	-webkit-box-orient: unset;
	-webkit-box-direction: unset;
	-ms-flex-direction: unset;
	flex-direction: unset;
	text-align: left;
	-webkit-box-shadow: 2px 8px 20px 0 rgba(25, 42, 70, 0.13) !important;
	box-shadow: 2px 8px 20px 0 rgba(25, 42, 70, 0.13) !important;
	padding-left: 5px;
	padding-right: 5px;
}
.faq-accordion .card .card-header {
	padding: 0;
	border: none;
	text-align: left;
	background-color: var(--whiteColor);
}
.faq-accordion .card .card-header button {
	display: block;
	background-color: transparent;
	border: none;
	cursor: pointer;
	width: 100%;
	text-align: left;
	position: relative;
	border-bottom: 1px solid #eeeeee;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	font-size: 18px;
	font-weight: 700;
	padding-top: 20px;
	padding-bottom: 18px;
	padding-left: 20px;
	padding-right: 20px;
}
.faq-accordion .card .card-header button::before {
	content: "\ea17";
	position: absolute;
	right: 20px;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
	font-family: 'boxicons';
	font-size: 20px;
}
.faq-accordion .card .card-header button.collapsed {
	border-bottom-width: 0;
}
.faq-accordion .card .card-header button.collapsed::before {
	-webkit-transform: translateY(-50%) rotate(0);
	transform: translateY(-50%) rotate(0);
}
.faq-accordion .card .card-body ul {
	margin-bottom: 15px;
}
.faq-accordion .card .card-body ul:last-child {
	margin-bottom: 0;
}
.faq-accordion .card .card-body ul li {
	margin-bottom: 12px;
	color: var(--paragraphColor);
}
.faq-accordion .card .card-body ul li:last-child {
	margin-bottom: 0;
}
.faq-accordion .card:last-child {
	margin-bottom: 0;
}

/*================================================
Restaurant FAQ Area Style
=================================================*/

.restaurant-faq-accordion .card {
	margin-bottom: 15px;
	border-radius: 0 !important;
	border: none;
	display: block;
	-webkit-box-orient: unset;
	-webkit-box-direction: unset;
	-ms-flex-direction: unset;
	flex-direction: unset;
	text-align: left;
	background-color: #131313;
	padding-left: 5px;
	padding-right: 5px;
}
.restaurant-faq-accordion .card .card-header {
	padding: 0;
	border: none;
	text-align: left;
	background-color: var(--whiteColor);
}
.restaurant-faq-accordion .card .card-header button {
	display: block;
	background-color: transparent;
	border: none;
	cursor: pointer;
	width: 100%;
	text-align: left;
	position: relative;
	background-color: #131313;
	color: var(--whiteColor) !important;
	border-bottom: 1px solid #292929;
	font-size: 18px;
	font-weight: 700;
	padding-top: 20px;
	padding-bottom: 18px;
	padding-left: 20px;
	padding-right: 20px;
}
.restaurant-faq-accordion .card .card-header button::before {
	content: "\ea17";
	position: absolute;
	right: 20px;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
	font-family: 'boxicons';
	font-size: 20px;
}
.restaurant-faq-accordion .card .card-header button.collapsed {
	border-bottom-width: 0;
}
.restaurant-faq-accordion .card .card-header button.collapsed::before {
	-webkit-transform: translateY(-50%) rotate(0);
	transform: translateY(-50%) rotate(0);
}
.restaurant-faq-accordion .card .card-body ul {
	margin-bottom: 15px;
}
.restaurant-faq-accordion .card .card-body ul:last-child {
	margin-bottom: 0;
}
.restaurant-faq-accordion .card .card-body ul li {
	margin-bottom: 12px;
	color: var(--paragraphColor);
}
.restaurant-faq-accordion .card .card-body ul li:last-child {
	margin-bottom: 0;
}
.restaurant-faq-accordion .card:last-child {
	margin-bottom: 0;
}
.restaurant-faq-accordion .card .card-header button:focus {
	outline: none !important;
}
/* Max width 767px */
@media only screen and (max-width: 767px) {
    .faq-accordion .card .card-header button {
		font-size: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.faq-accordion .card .card-header button::before {
		right: 10px;
	}
    .restaurant-faq-accordion .card .card-header button {
		font-size: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.restaurant-faq-accordion .card .card-header button::before {
		right: 10px;
	}
}