@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

.active, .collapsible:hover {
}
.pop {
    font-family: 'Poppins', sans-serif;
}
.inter {
    font-family: 'Inter', sans-serif;
}
.content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.modal {
    transition: ease-in 700ms;
    transition: from;

}