/* Paragraph Accordion */
.paragraph--type--bp-accordion .card{
    border: none;
    margin: 2rem 0;
}
.paragraph--type--bp-accordion .card-header{
    border-bottom: 1px solid var(--red-color);
    background: transparent;
    margin-top: 1rem;
    padding-left: 0;
    padding: 0;
}
.paragraph--type--bp-accordion .card-header a:hover,
.paragraph--type--bp-accordion .card-header a:hover {
    color:var(--red-color);
}
.paragraph--type--bp-accordion .card-header a{
    /* font-size: 1.4rem; */
    /* padding: 3rem 2rem 0 2rem; */
    font-weight: bold;
    font-family: 'EBGaramond';
    text-transform: uppercase;
    margin-top: 2rem;
    /* padding-left: 0; */
}
.paragraph--type--bp-accordion .card-block {
    margin: 2rem 0;
    position: relative;
    color: var(--dark-gray);
}
.paragraph--type--bp-accordion .card-block:after {
        content: " ";
        height: 1Px;
        width: 2rem;
        background: var(--red-color);
        position: absolute;
        bottom: -2rem;
        left: 0;
        display: block;
        z-index: 10;
}
.paragraph--type--bp-accordion .card-block ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: var(--red-color); /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    font-family: 'EBGaramond';
    display: inline-block; /* Needed to add space between the bullet and the text */ 
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -2em; /* Also needed for space (tweak if needed) */
    font-size: 1rem; 
}

.paragraph-accordion-label {
    width: 100%;
    display: flex;
    color: var(--dark-gray)!important;
    align-items: center;
    justify-content: space-between;
    /* border-bottom: 4px solid #f9b112; */
    padding: 0 0.5rem;
    font-size: 0.9rem;
    cursor: pointer;
}
.paragraph-accordion-label .caret {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    color: var(--red-color);
    font-size: 1.1rem;
    transition: all 0.4s ease;
    transform: rotateZ(-180deg);
}
.paragraph-accordion-label.collapsed .caret {
    transform: rotateZ(0deg);
}
@media (max-width: 992px) { 

}
