/* 	Style for compontent faq */

.faq_box .faq_box_bg {
    display: flex;
	justify-content: space-between;
	flex-direction: column;
}

@media (min-width: 991px) {
.faq_box .faq_box_bg {
	flex-direction: row;
}	
.faq_box .faq_left {
    padding-right: 15px;
	width: 50%;
}
.faq_box .faq_right {
	width: 50%;	
}
.faq_box .faq_left h2 {
	max-width: 300px;
}	
}

@media (min-width: 1200px) {
.faq_box .faq_left {
    padding-right: 60px;
}	
.faq_box .faq_left h2 {
	max-width: 365px;
	margin-bottom: 20px;
}	
}

@media (min-width: 1440px) {
.faq_box .faq_left {
    padding-right: 90px;
}
.faq_box .faq_left h2 {
	max-width: 410px;
	margin-bottom: 25px;
}		
}

@media (min-width: 1600px) {
.faq_box .faq_left {
    padding-right: 120px;
}
.faq_box .faq_left h2 {
	max-width: 410px;
	margin-bottom: 30px;
}		
}


.faq_box .faq_item {
    margin-bottom: 16px;
	min-width: 310px;
}
.faq_box .faq_title {
  cursor: pointer;
  position: relative;
  background: #F0EEEC;
  padding: 20px 60px 20px 25px;
  border-radius: 4px;
  font-size: 18px;
  font-family: Lato;
  font-weight: 600;
  line-height: 26px;
}
.faq_box .faq_title.active {
  background: #847354;
  color: #fff;
}
.faq_box .faq_title span.arrow {
  background: url(../../img/acord_btn2.png) no-repeat;
  width: 18px;
  height: 10px;
  background-size: contain;
  position: absolute;
  right: 25px;
  color: #fff;
  top: 29px;
  margin: auto;
  transition: all 0.5s;
}
.faq_box .faq_title.active span.arrow {
  transform: rotate(180deg);
  filter: invert(97%) sepia(3%) saturate(304%) hue-rotate(50deg) brightness(116%) contrast(100%);
}
.faq_box .faq_details {
  display: none;
  padding: 24px 24px 10px 24px;
}


.faq_box a.btn.btn-primary {
	background: #fff;
	color: #185434 !Important;
}
.faq_box a.btn.btn-primary .icon_bt {
    background-color: #185434;
}
.faq_box a.btn.btn-primary:hover {
	background: #185434 !Important;
	color: #fff !Important;
}
.faq_box a.btn.btn-primary:hover .icon_bt {
    background-color: #fff !Important;
}