.heading{
    width: 100%; height: auto;
    margin:  0 ;
}

.faqs{
    width: 100%; height: auto;
    margin: 10px 0 ;
    padding: 1px 20px; box-sizing: border-box; 
    border-radius: 15px;
    color: #f5f9fa; background-color: #303538;
}

.faqs .faq{
    width: 100%; height: auto;
    margin: 20px 0;
    padding: 10px; box-sizing: border-box; 
    border-radius: 15px;
    color: #f5f9fa; background-color: #1a1d1f;
    text-align: left;
    cursor: pointer;
}

@media screen and (max-width: 500px) {
    .faqs{
        padding: 1% 2%; 
    }  

    .faqs .faq{
        margin: 10px 0;
    }
}

.faqs .faq .question-container{
    width: 100%; height: auto;
    margin: 0;
}

.faqs .faq .question-container .question{
    width: calc(100% - 50px); height: auto;
    margin: 0;
    padding: 10px; box-sizing: border-box;
    display: inline-block; vertical-align: top;
    font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 500;
}

.faqs .faq .question-container .arrow{
    width: 30px; height: auto;
    margin: 10px 0;
    display: inline-block; vertical-align: top;
    font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 500;
    text-align: right;
}

.faqs .faq .answer{
    width: calc(100% - 50px); height: auto;
    margin: 0;
    padding: 10px; box-sizing: border-box;
    font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 400; line-height: 22px;
    display: none;
}

.faqs .faq .answer ol{
    width: calc(100% - 50px); height: auto;
    margin: 0;
    padding: 10px 30px; box-sizing: border-box;
    font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 400; line-height: 22px;
}

.faqs .faq .answer ol li{
    width: 100%; height: auto;
    margin: 10px 0;
}