.faq_block.bg_color {
    background: var(--sec-bg-color);
    position: relative;
}
.faq_block .main_wrapper {
    max-width: var(--c-c-width);
    margin: 0 auto;
}
.faq_wrap {
    gap: 40px;
}
.faq_wrap .single_faq_wrap:not(:last-child) {
    border-bottom: 1px solid #7F87C0;
    padding-bottom: 40px;
}
.faq_ques {
    font-size: var(--highFont);
    font-weight: 700;
    color: var(--purple);
    position: relative;
    padding-left: 50px;
    cursor: pointer;
}

.faq_wrap .faq_ques[aria-expanded="true"] + .faq_ans {
    opacity: 1;
    max-height: 1000px;
    transition: all 200ms linear;
    will-change: opacity, max-height;
}
.faq_wrap .faq_ans {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: opacity 200ms linear, max-height 200ms linear;
	will-change: opacity, max-height;
	margin: 0 auto;
	display: block;
    padding-left: 50px;
}

.faq_ques::before {
    content: "▶";
    /*display: inline-block;
    margin-right: 8px;*/
    color: var(--purple);
    font-size: 18px;
    /*vertical-align: top;*/
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 20px;
}
.faq_ques[aria-expanded="true"]::before {
    transform: rotate(90deg);
    top: -12px;
    left: 10px;
}

.faqs_wrap {
    margin-top: 50px;
}
.faq_wrapper .sub_title {
    color: var(--darkBlue);
    font-family: var(--font-krub);
    font-size: var(--cardHeadingFont);
    font-style: normal;
    font-weight: 700;
    line-height: var(--cardHeadingLh);
    text-wrap: balance;
}