.faq .row input {
	 position: absolute;
	 opacity: 0;
	 z-index: -1;
}

.faq .row {
	 display: flex;
	 flex-gap: 10px;
}

.faq .row .col {
	 flex: 1;
}

.faq .tabs {
	 overflow: hidden;
}

.faq .tab {
	 width: 100%;
	 color: black;
	 overflow: hidden;
	 border-radius: 10px;
}

.faq .tab:not(:last-child) {
    margin-bottom: 10px;
}

.faq .tab-label {
	 display: flex;
	 justify-content: space-between;
	 padding: 20px;
	 background: var(--e-global-color-e9b9157);
         color: var(--e-global-color-text);
	 font-size: 16px !important;
	 font-weight: bold !important;
	 cursor: pointer;
}

.faq .tab-label:hover {
     color: var(--e-global-color-accent);;
}

.faq .tab-label::after {
	 font-family: "Font Awesome 5 Free";
	 content: "\f054";
	 width: 1em;
	 height: 1em;
	 text-align: center;
}

.faq .tab-content {
	 max-height: 0;
	 padding: 0 1em;
	 color: var(--e-global-color-text);
	 background: var(--e-global-color-e9b9157);
}

.faq input:checked + .tab-label {

}

.faq input:checked + .tab-label:hover {
     color: var(--e-global-color-accent);;
}

.faq input:checked + .tab-label::after {
	 transform: rotate(90deg);
}

.faq input:checked ~ .tab-content {
	 max-height: 100vh;
	 font-size: 16px !important;
	 padding: 20px;
}