/* === Custom Block Styling === */
.faqBlock{
    padding: var(--CB-padding-top) var(--CB-padding-right) var(--CB-padding-bottom) var(--CB-padding-left);
    margin: var(--CB-margin-top) var(--CB-margin-bottom);
    background-color: var(--CB-background-color);
    background-image: var(--CB-background-image);
    background-position: var(--CB-background-position);
    background-size: cover;
}

.faq__blockHeading{
    color: var(--FC-primary-color);
    padding-bottom: 32px;
}

.faq__dropownHeading{
    color: var(--FC-black);
    cursor: pointer;
    transition: var(--FC-default-transition);
}

.faq__dropownHeading:hover{
    color: var(--FC-primary-color);
    transition: var(--FC-default-transition);
}

.faq__dropdownWrapper{
    padding-left: 25px;
    margin-bottom: 32px;
}

.faq__dropdownWrapper::after{
    content: '';
    background-color: var(--FC-primary-color);
    width: 2px;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    transition: height 0.3s ease;
}

.faq__dropdownWrapper.active::after{
    height: 100%;
    transition: height 0.3s ease;
}

.faq__dropdownWrapper.active .faq__dropownHeading{
    color: var(--FC-primary-color);
}

.faq__dropdownContent{
    transform: translate3d(0px, 0px, 0px) scale3d(0.96, 0.96, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    opacity: 0;
    transform-style: preserve-3d;
    max-height: 0px;
    transition: transform 0.3s ease, opacity 0.3s ease, max-height 0.3s ease;
}

.faq__dropdownContent.active{
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    opacity: 1;
    transform-style: preserve-3d;
    max-height: 2000px;
    height: 100%;
    transition: transform 0.3s ease, opacity 0.3s ease, max-height 0.3s ease;

}