.paragraph--view-mode--ev3-accordion .component-intro
{
    margin-bottom: 44px;
}
.paragraph--view-mode--ev3-accordion .accordian-main-heading
{
    font-weight: 600;

    color: var(--secondary) !important;
    background: transparent !important;
}
.paragraph--view-mode--ev3-accordion .panel-default
{
    background: transparent !important;
}
.paragraph--view-mode--ev3-accordion .panel-default .card-wrapper
{
    margin-bottom: 10px;
    padding: 10px 20px;

    transition: background-color .1s ease, border-bottom .1s ease;

    border-bottom: 1px solid #fff !important;
    background-color: transparent;
}
@media screen and (min-width: 768px)
{
    .paragraph--view-mode--ev3-accordion .panel-default .card-wrapper
    {
        margin-bottom: 32px;
        padding: 20px 30px 18px 30px;
    }
}
.paragraph--view-mode--ev3-accordion .panel-default .card-wrapper:has(.show),
.paragraph--view-mode--ev3-accordion .panel-default .card-wrapper:has(.collapsing)
{
    padding: 20px 30px 30px 30px;

    border-bottom: 1px solid var(--primary) !important;
    background-color: rgba(255, 255, 255, .4);
}
.paragraph--view-mode--ev3-accordion .panel-default .card-wrapper:hover
{
    border-bottom: 1px solid var(--primary) !important;
}
.paragraph--view-mode--ev3-accordion .panel-default .panel-heading,
.paragraph--view-mode--ev3-accordion .panel-default .ev3-card-header
{
    padding: 0 !important;

    border-top: unset !important;
    border-bottom: unset !important;
}
.paragraph--view-mode--ev3-accordion .panel-default .panel-heading .rotate-180,
.paragraph--view-mode--ev3-accordion .panel-default .ev3-card-header .rotate-180
{
    transition: transform .3s ease;
    transform: rotate(180deg);
}
.paragraph--view-mode--ev3-accordion .panel-default .panel-title svg
{
    margin: 20px;

    transition: transform .3s ease;

    color: var(--primary);
}
.paragraph--view-mode--ev3-accordion .panel-default .panel-title .accordian-collapsed-title
{
    align-items: center;
}
.paragraph--view-mode--ev3-accordion .panel-default .panel-title .accordian-collapsed-title[aria-expanded=true] svg
{
    transform: rotate(180deg);
}