/* Remove default border and set white background */
:root {
    --arrow-icon: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9996 9.56L2.03961 0.6L0.599609 2.04L9.55961 11H2.03961V13H12.9996V1.96H10.9996V9.56Z' fill='%235E5E5E'/%3E%3C/svg%3E");
}
.accordion-body{
    font-weight: 300;
    line-height: 170%;
    color: #5A5A5A;
}
.accordion .accordion-item {
    border: none;
    background-color: white;
}

.accordeon-secondary-gray{
    color: #000 !important;

    font-weight: 600;
}
.accordion-button {
    font-size: 24px;
    background-color: white !important;
    box-shadow: none !important;
    border: none !important;
    position: relative;
    padding-right: 2.5rem; /* Leave space for the arrow */
}
.accordion-button.collapsed{
    color: #5E5E5E !important;
    font-weight: 400 !important;
    margin-bottom: 10px;
}
.accordion-button:focus,
 .accordion-button:active {
    background-color: white;
     box-shadow: none !important;
     border: none !important;
     outline: none !important;
 }

/* Custom arrow using ::after */
.accordion-button::after {
    content: ''; /* inactive state */
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    background-image: var(--arrow-icon);
    width: 13px;
    height: 13px;
    background-size: 13px 13px;
    font-weight: 600;
    color: #000;
    font-size: 24px;
    transition: transform 0.3s ease, content 0.3s ease;
}

/* When expanded (open), show ↗ */
.accordion-button:not(.collapsed)::after {
    content: '';
    font-size: 24px;
    font-weight: 600;
    background-size: 13px 13px;
    background-image: var(--arrow-icon);
    transform: translateY(-50%) rotate(-90deg);
}
.accordion-collapse{
    font-weight: 300;
}

@media (max-width: 992px) {
    .accordion-body{
        padding-left: 0;
        padding-right: 0;
    }
    .accordion-button{
        padding-left: 0;
        padding-right: 20px;
        font-size: 20px;
        font-weight: 600;
    }

}