/*==================================================
ACCORDION
==================================================*/

.accordion{
    max-width:900px;
    margin-inline:auto;
}

.accordion-item{
    background:var(--white);
    border:1px solid var(--primary-alpha-08);
    border-radius:var(--radius-md);
    overflow:hidden;
    margin-bottom:18px;
    box-shadow:var(--shadow-sm);
    transition:var(--transition);
}

.accordion-item:hover{
    box-shadow:var(--shadow-md);
}

.accordion-header{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    cursor:pointer;
    background:none;
    border:none;
    padding:26px 30px;
    text-align:left;
    font-family:var(--heading-font);
    font-size:1.05rem;
    font-weight:600;
    color:var(--gray-900);
}

.accordion-header:focus-visible{
    outline:3px solid var(--secondary-alpha-35);
    outline-offset:-3px;
}

.accordion-header::after{
    content:"+";
    font-size:1.6rem;
    color:var(--primary);
    flex-shrink:0;
    transition:transform var(--duration-fast) ease;
}

.accordion-item.active .accordion-header::after{
    content:"\2212";
}

.accordion-content{
    max-height:0;
    overflow:hidden;
    transition:max-height var(--duration-normal) ease;
}

.accordion-content p{
    padding:0 30px 28px;
    margin:0;
    color:var(--gray-700);
    line-height:1.8;
}

.accordion-body{

    display:none;

    padding:0 28px 28px;

}

.accordion-item.active .accordion-body{

    display:block;

}