.two-col-accordion {
    background-color: #F4F9FF;
}

.two-col-accordion .inner-container {
    display: flex;
    gap: 24px;
    border-radius: 20px;
    background: #FFF;
}

.two-col-accordion .col-left {
    width: 100%;
    max-width: 530px;
}

.two-col-accordion .col-left .accordion-trigger {
    padding: 24px 16px !important;
    width: 100%;
    min-height: 140px;
    display: flex;
    align-items: center;

    border: none !important;
    align-items: center;
    background-color: transparent;
}

.two-col-accordion .col-left * {
    color: #047390;
}

.two-col-accordion .col-left .blue-circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #7DB6C6;
    margin-right: 16px !important;
    min-width: 24px;
}

.two-col-accordion .col-right {
    width: 100%;
    flex-grow: 1;
    padding: 24px 16px !important;
}

.two-col-accordion .col-right .accordion-content {
    display: none;
}

.two-col-accordion .col-right .accordion-content.active {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: flex-start;
}

.two-col-accordion .accordion-trigger.active * {
    color: #003C4C;
}

.two-col-accordion .accordion-trigger.active .blue-circle {
    background-color: #003C4C;
}

.accordion-content-title {
    color: #003C4C;
font-feature-settings: 'salt' on, 'liga' off;
font-family: Roboto;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 40px; /* 133.333% */
}

.accordion-content-text {
    color: #000;
    font-family: Lora;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.accordion-content-text ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.accordion-content-text ul li {
    position: relative;
    list-style: none; /* remove default bullets */
    padding-left: 1em; /* space for custom bullet */

}

.accordion-content-text ul li::before {
content: "•";
    position: absolute;
    left: -15px;
    top: 2px;
    color: #7DB6C6;
    font-size: 1.2em;
    line-height: 1;
    margin-top: auto !important;
    height: 100%;
    display: flex;
}



.chevron {
    width: 24px;
    height: 24px;
    margin-left: auto !important;
}

.chevron svg path {
    stroke: #7DB6C6 !important;
}

.two-col-accordion {
    padding-bottom: 80px !important;
}

.two-col-accordion .accordion-trigger .chevron  {
    transition: transform 0.3s ease; 
}

.two-col-accordion .accordion-trigger.active .chevron svg path {
    stroke: #003C4C !important;
}

@media screen and (max-width: 950px) {
    .two-col-accordion .inner-container {
        flex-direction: column;
    }

    .two-col-accordion .col-left {
        margin: 0 auto !important;
    }

    .two-col-accordion .col-right {
        max-width: 530px;
        margin: 0 auto !important;
    }

    .two-col-accordion .accordion-trigger.active .chevron {
        transform: rotate(90deg);
    }

    .accordion-content-text ul {
        right: -10px;
    }
}