html {
    font-feature-settings: "lnum";
}

body {
    font-variant-numeric: lining-nums;
    -moz-font-feature-settings: "lnum";
    -webkit-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
}

#mobileMenu {
    transition: all .3s ease;
    transform-origin: top
}

    #mobileMenu:not(.hidden) {
        animation: slideDown .3s ease
    }

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.faq-item {
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 1rem
}

.faq-question {
    padding: 1rem 0;
    cursor: pointer;
    position: relative;
    font-weight: 600
}

    .faq-question:after {
        content: '+';
        position: absolute;
        right: 0;
        font-size: 1.5rem;
        color: #4a5568;
        transition: transform .3s ease
    }

    .faq-question.active:after {
        content: '-'
    }

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
    padding-left: 1rem
}

    .faq-answer.show {
        max-height: 500px;
        padding-bottom: 1rem
    }