.wp-block-cb-faqs {
    margin: 1rem 0
}

.wp-block-cb-faqs .faq-label {
    cursor: pointer;
    margin: 0;
    padding: 1rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 0;
    border-bottom: solid 1px currentColor;
}

.wp-block-cb-faqs .faq-label img {
    margin-right: 1rem;
    max-width: 100px;
}

.wp-block-cb-faqs .faq-label h3,
.wp-block-cb-faqs .faq-label h4 {
    margin: 0;
    vertical-align: middle;
}


.wp-block-cb-faqs .faq-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.8s ease, opacity 0.8s ease;
    padding: 0 1rem;
    border: solid 1px currentColor;
    margin-bottom: 1rem;
}


.wp-block-cb-faqs .faq-content.visible {
    max-height: 600px;
    opacity: 1;
}

.wp-block-cb-faqs .faq-label > * {
    flex-grow: 1;
    flex-shrink: 1;
}

.wp-block-cb-faqs .faq-label:after {
    content: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="100%" height="100%" viewBox="0 0 44 44" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M22,27.698c-0.358,0 -0.717,-0.136 -0.99,-0.409l-8.596,-8.597c-0.547,-0.547 -0.547,-1.434 -0,-1.98c0.546,-0.547 1.433,-0.547 1.98,-0l7.606,7.607l7.606,-7.607c0.547,-0.547 1.434,-0.547 1.98,-0c0.547,0.547 0.547,1.433 0,1.98l-8.596,8.597c-0.274,0.273 -0.632,0.409 -0.99,0.409Z" style="fill-rule:nonzero;"/></svg>');
    vertical-align: middle;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    flex-shrink: 0;
    margin-left: 1rem;
    transition: transform 0.8s ease-in-out;
}

.wp-block-cb-faqs .faq-label.active {
    border-color: transparent;
}

.wp-block-cb-faqs .faq-label.active:after {
    transform: rotate(180deg);
}

.wp-block-cb-faqs.columns-2 {
    column-count: 2;
}

.wp-block-cb-faqs.columns-3 {
    column-count: 3;
}

.wp-block-cb-faqs.columns-4 {
    column-count: 4;
}

.wp-block-cb-faqs .col-break {
    break-after: column;
}

@media only screen and (max-width: 768px) {

    .wp-block-cb-faqs.columns-2,
    .wp-block-cb-faqs.columns-3,
    .wp-block-cb-faqs.columns-4 {
        column-count: 1;
    }

    .wp-block-cb-faqs .col-break {
        break-after: auto;
    }
}

@media only screen and (min-width: 769px) and (max-width: 900px) {

    .wp-block-cb-faqs.columns-3,
    .wp-block-cb-faqs.columns-4 {
        column-count: 2;
    }
}