/* CSS Accordion */ 

.container{
max-width:auto; /* 900px; */
margin:auto;
}

.title{
text-align:center;
font-family:Arial;
margin-top:50px;
margin-bottom:50px;
}

.accordion__item{
margin-bottom:10px
}

.accordion__item__header{
background-color:#558f66;
padding:15px;
cursor:pointer;
position:relative;
color:#fff;
font-family:Arial;
font-weight:400;
font-size:18px; /* 20px; */
}

.accordion__item__header::before{
height:15px;
width:15px;
content:"";
position:absolute;
right:15px;
top:15px;
transition:.5s all;
transform:rotate(45deg);
border-right:2px solid #fff;
border-bottom:2px solid #fff;
}

.accordion__item__header.active{
background-color:#a6c979; /* verde azar #6cbb3c;  naranja #ffa500; */
color:#fff;
transition:.4s;
}

.accordion__item__header.active::before{
transform:rotate(-135deg);
top:23px;
}

.accordion__item__content{
overflow-y:hidden;
padding:10px 0 0 15px;
display:none;
}