.faq-toolbar {
  display:flex; align-items:center; gap:12px;
  justify-content:center; margin:0 0 12px;
}
.otw-faq-search {
  width: min(435px, 90%) !important; padding:10px 12px;
  border:1px solid #E6E6E6 !important; border-radius:0 !important;
}
.faq-results-count { font-size:.95rem; color:#6b7280; } 

/* Tabs */
.faq-tab-buttons { list-style:none; display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:0 0 20px; padding:0; }
.faq-tab-buttons li { padding:6px 10px; border:1px solid #E3E6EA; border-radius:20px; background:#fff; cursor:pointer; font-weight:400;font-size:14px; min-width:90px; text-align:center }
.faq-tab-buttons li.active { background:#BD9452; color:#fff; border-color:#BD9452; }

/* FAQ items */
.faq-list {margin-top: 50px}
.faq-list .faq-item { border:solid #D3D3D3; border-width:1px 0 0 0;  margin:8px 0; color:#3A3A3A;}
.faq-question { padding:30px 14px; font-weight:500; font-size:18px; cursor:pointer; display:flex; justify-content:space-between;}
.faq-answer { display:block; opacity:0; height:0; transition:all .2s ease;font-size:15px;}
.faq-answer:not(.open) {
	pointer-events: none;
}
.faq-answer.open { display:block; padding:12px 14px;height:unset; opacity:1;}

/* Hide the vertical svg line when the answer is open */
.faq-item:has(.faq-answer.open) .faq-question .v {
  display: none;
}

@media (max-width: 767px) {
	.faq-list {
		margin-top: 32px;
	}
	.faq-question {
		font-size: 14px;
		padding: 20px 14px;
	}
	.faq-question svg {
		width: 12px;
	}
	.faq-answer {
		font-size: 13px;
	}
	.faq-answer.open {
		padding: 0 14px;
	}

	.faq-tab-buttons {
		margin-bottom: 18px;
	}

	.faq-tab-buttons li {
		font-size: 12px;
		min-width: auto;
		padding: 6px 12px;
	}
}