.accordion-section{
background: #F1F1F1;
max-width: 550px;
margin: auto;
}
.accordion-section .accordion-item .title button{
font-size: 22px;
font-weight: 300;
text-align: left;
color: var(--blue);
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
border:none;
background: transparent;
padding: 1.5rem 2rem;
}
.accordion-section .accordion-item .content{
padding: 0 2rem;
max-height: 0;
overflow: hidden;
transition: all .5s ease-in-out;
}
.accordion-section .accordion-item .content .branch-item .title::after {
content: "";
background-color: var(--blue);
max-width: 50px;
height: 1px;
display: inline-block;
width: 100%;
flex-basis: 50%;
}
.accordion-section .accordion-item.active .content{
max-height: 620px;
}
.accordion-section .accordion-item .content .branch-item .title{
font-size: 18px;
font-weight: 300;
line-height: 2;
text-align: left;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
gap: .5rem;
text-transform: uppercase;
}
.accordion-section .accordion-item{
box-shadow: 0px 3px 10px 0px #63636326;
}
.accordion-section .accordion-item .content .branch-item{
margin-bottom: 1.5rem;
}
.accordion-section .accordion-item .content .branch-item .address svg{
flex: 0 0 18px;
}
.accordion-section .accordion-item .content .branch-item .address{
display: flex;
gap: 1.5rem;
font-size: 16px;
font-weight: 300;
text-align: left;
padding-top:.5rem;
}