.acf-accordion {
    /* border: 1px solid #ddd; */
    border-radius: 6px;
    overflow: hidden;
}

.wp-admin .acf-accordion {
    background-color: transparent;
}

.accordion-item {
    border-bottom: 1px solid var(--theme-palette-color-9, #A6BADA);
}

.accordion-title {
    position: relative;
    width: 100%;
    padding: 40px 0;
    border: none;
    outline: none;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between; /* text left, arrow right */
}

.accordion-icon-text {
    display: flex;
    align-items: center;
    gap: 15px;
}

.accordion-arrow {
    transition: transform 0.3s ease;
    width: 40px;
    height: 40px;
} 

.accordion-arrow::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzY0XzExMzMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MSI+CjxyZWN0IHk9IjAuMDAwMTIyMDciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfNjRfMTEzMykiPgo8cGF0aCBkPSJNMjAgMjUuNjI1MUwxMCAxNS42MjUxTDEyLjMzMzMgMTMuMjkxN0wyMCAyMC45MTY3TDI3LjY2NjcgMTMuMjkxN0wzMCAxNS42MjUxTDIwIDI1LjYyNTFaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+Cjwvc3ZnPgo=");
}


.accordion-title.active .accordion-arrow {
    transform: rotate(-180deg); /* arrow pointing up */
}

.accordion-icon-left {
    width: 30px;
    height: 30px;
}


.accordion-icon-left::before {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC44IiBmaWx0ZXI9InVybCgjZmlsdGVyMF9pXzk2XzIyNikiPgo8cGF0aCBkPSJNMjMuMjQ0NiA3Ljg3NTg2QzIzLjI0NDYgMTAuNDk1NiAyMS45NjU5IDEyLjgxNjggMTkuOTk4MSAxNC4yNDc1TDE1LjM2ODkgMTAuODg1SDE1LjM2NzhMMTAuNzM5NyAxNC4yNDc1SDEwLjczODZDOC43NzA3OCAxMi44MTU3IDcuNDkzMTYgMTAuNDk1NiA3LjQ5MzE2IDcuODc1ODZDNy40OTMxNiA3LjAyNTkzIDcuNjI3NzEgNi4yMDc3MyA3Ljg3NzExIDUuNDQwOTRDOC45MDIwNSAyLjI4Mjk5IDExLjg2ODYgMC4wMDAxMjIwNyAxNS4zNjg5IDAuMDAwMTIyMDdDMTguODY5MiAwLjAwMDEyMjA3IDIxLjgzNDcgMi4yODI5OSAyMi44NjA3IDUuNDQwOTRDMjMuMTEwMSA2LjIwNzczIDIzLjI0NDYgNy4wMjU5MyAyMy4yNDQ2IDcuODc1ODZaIiBmaWxsPSIjQTFFM0Q0Ii8+CjwvZz4KPGcgb3BhY2l0eT0iMC44IiBmaWx0ZXI9InVybCgjZmlsdGVyMV9pXzk2XzIyNikiPgo8cGF0aCBkPSJNMTAuNzM5NSAxNC4yNDc1SDEwLjczODRMMTIuNDc3NiAxOS41OTk3TDEyLjUwNzIgMTkuNjg5NEgxMi41MDYxQzEyLjQ4MDkgMTkuNzA4IDEyLjQ1NTcgMTkuNzI1NSAxMi40MzA2IDE5Ljc0M0MxMC40NzE1IDIxLjEzIDcuOTAzMTMgMjEuNjA3IDUuNDQ0MTUgMjAuODA3NEM0LjYzNTc5IDIwLjU0NDggMy44OTg1NCAyMC4xNjMxIDMuMjQ2NiAxOS42ODk0QzAuNTYwMSAxNy43MzkxIC0wLjY5MzQ1NCAxNC4yMTI1IDAuMzg3MjcyIDEwLjg4NUMxLjQ2OTA5IDcuNTU2NDMgNC41NTcwNCA1LjQzOTgyIDcuODc2ODggNS40NDA5MkM4LjY4NDE0IDUuNDQwOTIgOS41MDM0NCA1LjU2NTYyIDEwLjMxMTggNS44MjgxNEMxMi44MDI1IDYuNjM3NTkgMTQuNjEzOSA4LjU3MDQzIDE1LjM2NzYgMTAuODgzOUwxMC43Mzk1IDE0LjI0NjRWMTQuMjQ3NVoiIGZpbGw9IiM5N0QxRDEiLz4KPC9nPgo8ZyBvcGFjaXR5PSIwLjgiIGZpbHRlcj0idXJsKCNmaWx0ZXIyX2lfOTZfMjI2KSI+CjxwYXRoIGQ9Ik0xNy4xMTE0IDI2Ljc1MjVDMTYuNjExNSAyNy40NDA1IDE2LjAyMTkgMjguMDIzNSAxNS4zNjg5IDI4LjQ5NzJDMTUuMzU5IDI4LjUwNDggMTUuMzQ5MiAyOC41MTE0IDE1LjMzOTMgMjguNTE4QzEyLjY1NSAzMC40NTA4IDguOTMxNTMgMzAuNTQ0OSA2LjExMDQ5IDI4LjQ5NUMzLjI3OTYgMjYuNDM4NSAyLjIyMDc1IDIyLjg0NzQgMy4yNDY3OCAxOS42OTA2QzMuNDk2MTggMTguOTIzOCAzLjg2ODA5IDE4LjE4MjEgNC4zNjc5OCAxNy40OTQxQzUuOTA4MTMgMTUuMzc1MyA4LjMwNDc2IDE0LjI0OTcgMTAuNzM4NiAxNC4yNDc2TDEyLjQ3NzggMTkuNTk5OEwxMi41MDczIDE5LjY4OTVIMTguMjMwNEMxOC45ODA4IDIyLjAwNDEgMTguNjUwNCAyNC42MzI2IDE3LjExMTQgMjYuNzUxNFYyNi43NTI1WiIgZmlsbD0iIzczQUVCOSIvPgo8L2c+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIzX2lfOTZfMjI2KSI+CjxwYXRoIGQ9Ik0yMC4wNTc3IDMwLjAwMDFWMjkuOTk3OUMxOC4zODUyIDMwLjAyMzEgMTYuNzIzNiAyOS41MTU1IDE1LjMzODggMjguNTE4QzE0LjY3MzcgMjguMDQyMSAxNC4wNzMyIDI3LjQ1MTUgMTMuNTY2OCAyNi43NTM2QzEyLjAzODYgMjQuNjUwMSAxMS43MDE3IDIyLjA0NTYgMTIuNDMwMiAxOS43NDQyQzEyLjQ0NDUgMTkuNjk2IDEyLjQ2MDkgMTkuNjQ3OSAxMi40NzczIDE5LjU5OThMMTIuNTA2OCAxOS42ODk1SDE4LjIyOTlMMTkuOTk3NSAxNC4yNDc2QzIyLjQxMDYgMTQuMjY3MiAyNC43ODIgMTUuMzkxNyAyNi4zMDc5IDE3LjQ5NDFDMjYuODE1NSAxOC4xOTIgMjcuMTkxOCAxOC45NDU3IDI3LjQ0MDEgMTkuNzI0NUMyOC4zMTg1IDIyLjQ2OSAyNy42MjYgMjUuNTM1IDI1LjU2NjMgMjcuNjMxOUwyNy45MzM0IDI5Ljk5OUgyMC4wNTc3VjMwLjAwMDFaIiBmaWxsPSIjOUREMzk5Ii8+CjwvZz4KPGcgb3BhY2l0eT0iMC44IiBmaWx0ZXI9InVybCgjZmlsdGVyNF9pXzk2XzIyNikiPgo8cGF0aCBkPSJNMjcuNDg5MyAxOS42OTA1QzI3LjQ3MjggMTkuNzAyNiAyNy40NTY0IDE5LjcxNDYgMjcuNDQgMTkuNzI1NUMyNi44MDAxIDIwLjE4MzkgMjYuMDgwNCAyMC41NTI1IDI1LjI5MTcgMjAuODA4NEMyMi44MDEgMjEuNjE3OSAyMC4xOTg3IDIxLjExOTEgMTguMjI5OCAxOS42OTA1TDE5Ljk5NzUgMTQuMjQ4NkwxNS4zNjgzIDEwLjg4NUgxNS4zNjcyQzE2LjEyMDkgOC41NzA0MyAxNy45MzIzIDYuNjM3NTkgMjAuNDI0MSA1LjgyODE0QzIxLjIzMjQgNS41NjU2MiAyMi4wNTI4IDUuNDQwOTIgMjIuODYwMSA1LjQ0MDkyQzI2LjE3OTkgNS40NDA5MiAyOS4yNjY4IDcuNTU2NDMgMzAuMzQ4NiAxMC44ODVDMzEuNDMwNCAxNC4yMTI1IDMwLjE3NTggMTcuNzM5MSAyNy40ODkzIDE5LjY5MDVaIiBmaWxsPSIjQjFEMzk5Ii8+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfaV85Nl8yMjYiIHg9IjcuNDkzMTYiIHk9Ii0zLjk5OTg4IiB3aWR0aD0iMTUuNzUyIiBoZWlnaHQ9IjE4LjI0NzQiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iLTQiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNSIvPgo8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjIgMCIvPgo8ZmVCbGVuZCBtb2RlPSJwbHVzLWRhcmtlciIgaW4yPSJzaGFwZSIgcmVzdWx0PSJlZmZlY3QxX2lubmVyU2hhZG93Xzk2XzIyNiIvPgo8L2ZpbHRlcj4KPGZpbHRlciBpZD0iZmlsdGVyMV9pXzk2XzIyNiIgeD0iMCIgeT0iMS40NDA5MiIgd2lkdGg9IjE1LjM2NzIiIGhlaWdodD0iMTkuNzU0MiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSItNCIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI1Ii8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMiAwIi8+CjxmZUJsZW5kIG1vZGU9InBsdXMtZGFya2VyIiBpbjI9InNoYXBlIiByZXN1bHQ9ImVmZmVjdDFfaW5uZXJTaGFkb3dfOTZfMjI2Ii8+CjwvZmlsdGVyPgo8ZmlsdGVyIGlkPSJmaWx0ZXIyX2lfOTZfMjI2IiB4PSIyLjg2MzI4IiB5PSIxMC4yNDc2IiB3aWR0aD0iMTUuNzUyOSIgaGVpZ2h0PSIxOS43NTI2IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9Ii00Ii8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjUiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yIDAiLz4KPGZlQmxlbmQgbW9kZT0icGx1cy1kYXJrZXIiIGluMj0ic2hhcGUiIHJlc3VsdD0iZWZmZWN0MV9pbm5lclNoYWRvd185Nl8yMjYiLz4KPC9maWx0ZXI+CjxmaWx0ZXIgaWQ9ImZpbHRlcjNfaV85Nl8yMjYiIHg9IjEyLjA2MTUiIHk9IjEwLjI0NzYiIHdpZHRoPSIxNS44NzIxIiBoZWlnaHQ9IjE5Ljc1MjYiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iLTQiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNSIvPgo8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjIgMCIvPgo8ZmVCbGVuZCBtb2RlPSJwbHVzLWRhcmtlciIgaW4yPSJzaGFwZSIgcmVzdWx0PSJlZmZlY3QxX2lubmVyU2hhZG93Xzk2XzIyNiIvPgo8L2ZpbHRlcj4KPGZpbHRlciBpZD0iZmlsdGVyNF9pXzk2XzIyNiIgeD0iMTUuMzY3MiIgeT0iMS40NDA5MiIgd2lkdGg9IjE1LjM2OTEiIGhlaWdodD0iMTkuNzU1MiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSItNCIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI1Ii8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMiAwIi8+CjxmZUJsZW5kIG1vZGU9InBsdXMtZGFya2VyIiBpbjI9InNoYXBlIiByZXN1bHQ9ImVmZmVjdDFfaW5uZXJTaGFkb3dfOTZfMjI2Ii8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=");
    width: 30px;
    height: 30px;
    top: 50%;
    transform: translate(0, -50%);
}


.accordion-icon-left::after {
    width: 2px;
    height: 8px; /* vertical line → plus sign */
}

.accordion-text {
    color: #fff;
    font-weight: 700;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: 0%;
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.accordion-content p {
    font-weight: 300;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: 0%;
}

@media screen and (max-width: 767px){
    .accordion-title {
        padding: 20px 0;
    }

    .accordion-text {
        font-size: 20px;
    }

    .accordion-content p {
        font-size: 20px;
    }

}