.copy-left-expanding-faq-block{

}

.copy-left-expanding-faq-block .faq_container{

}

.copy-left-expanding-faq-block .faq_container {
	max-width: 991px;
	margin: 0 auto;
}

.copy-left-expanding-faq-block .faq_container .faq__container {
	display: flex;
	align-items: flex-start;
}

.copy-left-expanding-faq-block .faq__container .heading-holder {
	margin-right: 100px;
}

.copy-left-expanding-faq-block .faq_container .faq-items,
.copy-left-expanding-faq-block .faq_container .heading-holder {
	width: 50%;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
	color: #222;
	cursor: pointer;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	font-size: 25px;
	line-height: 25px;
	padding: 16px 0 20px;
	display: inline-block;
	border-radius: 0;
}

.accordion {
	border-bottom: 1.5px solid #777;
}

.active.accordion {
	border-bottom: none !important;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active,
.accordion:hover {

}

/* Style the accordion panel. Note: hidden by default */
.panel {
	padding: 0 0 20px;
	display: none;
	overflow: hidden;
	border-bottom: 1.5px solid #966746;
}

.panel p {
	font-size: 14px;
	line-height: 26px;
}

.accordion::after {
	content: "\02795"; /* Unicode character for "plus" sign (+) */
	font-size: 16px;
	color: #777;
	float: right;
	margin-left: 5px;
}

.accordion:focus {
	border-color: unset !important;
}

.copy-left-expanding-faq-block {
	padding: 50px 0;
}

.copy-left-expanding-faq-block.white {
	background: #fff;
}

.copy-left-expanding-faq-block.white .upperheading {
	color: #976743;
}

.copy-left-expanding-faq-block.white .heading,
.copy-left-expanding-faq-block.white p {
	color: #222;
}

.copy-left-expanding-faq-block.white .bttn {
	color: #fff;
	background: #976743;
}

.copy-left-expanding-faq-block.white .accordion.active::after {
	content: "-";
	font-size: 48px;
	color: #976743 !important;
}

/* Black background */
.copy-left-expanding-faq-block.black {
	background: #222;
}

.copy-left-expanding-faq-block.black .upperheading {
	color: #976743;
}

.copy-left-expanding-faq-block.black .heading,
.copy-left-expanding-faq-block.black p {
	color: #fff;
}

.copy-left-expanding-faq-block.black .accordion {
	color: #fff;
}

.copy-left-expanding-faq-block.black .bttn {
	color: #fff;
	background: #976743;
}

.copy-left-expanding-faq-block.black .accordion.active::after {
	content: "-";
	font-size: 48px;
	color: #976743 !important;
}

/* Copper background */
.copy-left-expanding-faq-block.copper {
	background: #976743;
}

.copy-left-expanding-faq-block.copper .upperheading {
	color: #222;
}

.copy-left-expanding-faq-block.copper .heading,
.copy-left-expanding-faq-block.copper p {
	color: #fff;
}

.copy-left-expanding-faq-block.copper .bttn {
	color: #fff;
	background: #222;
}

.copy-left-expanding-faq-block.copper .accordion.active::after {
	content: "-";
	font-size: 48px;
	color: #222 !important;
}

.copy-left-expanding-faq-block.gray .accordion.active::after {
	content: "-";
	font-size: 48px;
	color: #976743 !important;
}

.heading-holder {
	margin-bottom: 40px;
}

.heading-holder .section {
	max-width: 690px;
	margin: 0 auto;
}


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

	.copy-left-expanding-faq-block .faq__container {
		flex-direction: column;
	}

	.copy-left-expanding-faq-block .faq_container .faq-items,
	.copy-left-expanding-faq-block .faq_container .heading-holder {
		width: 100%;
		margin-right: 0;
	}
}