:root {
    --babypowder: rgba(253, 255, 252, 1);
    --raisinblack: rgba(33, 26, 29, 1);
    --primary: rgba(0, 74, 173, 1);
    --secondary: rgba(93, 187, 230, 1);
}

.faq h2 {
    text-align: center;
    margin-bottom: 2rem;
}

.faqitem h4 {
    padding: 1rem 2rem;
    border-radius: 2rem;
    color: var(--babypowder);
    background: linear-gradient(to left, #5dbbe6, #004aad);;
    cursor: pointer;
    margin-bottom: 1rem;
    transition: all 1s ease;
}

.faqitem h4:hover {
    background: linear-gradient(to right, #5dbbe6, #004aad);
}

.faqitem h5 {
    max-height: 0;
    color: var(--babypowder);
    overflow: hidden;
    margin: 0;
    text-align: justify;
    transition: padding .6s ease;
    padding: 0;
}

.faqitem h5.open {
    color: var(--raisinblack);
    max-height: max-content;
    padding: .2rem 2rem;
    margin-bottom: 2rem;
}