*{
margin:0;
padding:0;
box-sizing:border-box;
}
body{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
width:100vw;
min-height:100vh;
background-color:#ddd;
background-image:url("./../assets/images/background-pattern-desktop.svg");
background-size:contain;
background-repeat:no-repeat;
padding-top:15px;
gap:50px;
}
.container{
width:700px;
padding:30px;
border-radius:15px;
background:#fff;
}
.header{
display:flex;
gap:25px;
}
.wrapper{
padding-bottom:10px;
margin-bottom:15px;
}
.wrapper:not(:last-child){
border-bottom:1px solid rgba(0,0,0,.3); 
}
.question{
display:flex;
align-items:center;

gap:10%;
}
.wrapper .question h3{
cursor:pointer;
transition:color .3s ease-in-out;
width:80%;
}
.wrapper .question h3:hover{
color:#AD28EB;
}
.question .btn{
cursor:pointer;
width:50px;
height:50px;
border-radius:50%;
background:url("./../assets/images/icon-plus.svg");
background-size:cover;
}
.question  .minse{
background:url("./../assets/images/icon-minus.svg");
background-size:cover;
}
.answer{
color:rgba(0,0,0,.5);
line-height:1.5rem;
}

.hidden{
display:none;
}
.show{
display:block;
}


@media(max-width:767px){

body{

background-image:url("./../assets/images/background-pattern-mobile.svg");




}
.container{
width:96%;
padding:2%;

}


}