.frequently-asked-questions {
    display: flex;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    padding: 5rem;
    background-color: #F8F8F8;
    border-top: 0.1rem solid #dcdcdd6b;
}
.FAQs-left {
    width: 45%;
    box-sizing: border-box;
}
.FAQs-left h1 {
    font: 700 3.2rem 'Arial', sans-serif;
    /* line-height: 100%; */
    letter-spacing: 0;
    padding-bottom: 2rem;
}
.FAQs-left p {
    font: 400 1.8rem 'Poppins', sans-serif;
    color: #737373;
    /* line-height: 100%; */
    letter-spacing: 0;
}
.FAQs-right {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 45%;
}

.FAQs {
    background-color: #1E9ADF;
    width: fill 54.4rem;
    height: 6.2rem;
    padding: 0.5rem;
    border-radius: 0.8rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    
}
.FAQs p {
    text-align: start;
}
.FAQs img {
    background-color: #E3EEFFF5;
    padding: 0.5rem;
    border-radius: 50%;
}
.FAQs p {
    color: #F9F9F9;
    font: 600 2rem 'Inter', sans-serif;
    /* line-height: 100%; */
    letter-spacing: 0;
}
.FAQs-left img {
    width: 100%;
}
.FAQ-item {
  width: 100%;
}

.answer {
    font: 400 1.6rem 'Roboto', sans-serif;
    color: #fff;
    background-color: #3281FF;
    max-height: 0;
    overflow: hidden;
    border-radius: 0.2rem 0.2rem 0.8rem 0.8rem;
    padding: 0 1rem;
    transition: max-height 0.4s ease, padding 0.3s ease;
}

.FAQ-item.active .answer {
  max-height: 20rem; 
  padding: 1rem;
}

@media (max-width: 60rem) {
    .frequently-asked-questions {
        flex-direction: column;
    }
    .FAQs-left, .FAQs-right {
        width: 100%;
    }
    /* .FAQs-left img {
    width: 450%;
} */
}

@media (max-width: 40rem) {
    /* .frequently-asked-questions {
        padding: 2.5rem;
    } */
}

.FAQ-item .answer {
  display: none;
  border-top: 1px solid #DCDCDC;
}

.FAQ-item.active .answer {
  display: block;
}