#faqs_container{
    width: 40vw;
    margin: auto;
}

.faq_item{
    overflow: hidden;
    margin:10px 0;
}

.faq_title{
    display: grid;
    grid-template-columns: 90% 10%;
    color: white;
    
}

.faq_title>h3{
    font-family: montserrat_bold;
}

.faq_title>input{
    display: none;
}
.faq_title>label{
    margin-left: auto;
}

.faq_description{
    height: 0;
}

.faq_description>p{
    color: white;
    z-index: -1;
    position: relative;
    margin-left: 5px;
    font-size: smaller;
}

.faq_show{
    animation: faq_show 500ms ease-in;
    height: 100%;
}


@keyframes faq_show {
    from{
        height: 0;
    }to{
        height: 100%;
    }
}