/* Custom UI Core Configurations */

/* Smooth cross-browser scroll transitions */
html {
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: transparent;
}

/* Custom Accordion Max-Height Transitions for FAQs */
.faq-content{
    max-height:0;
    overflow:hidden;
    transition:max-height .35s ease;
}

.faq-item.active .faq-content{
    max-height:500px;
}

.faq-toggle{
    cursor:pointer;
}

.faq-toggle i{
    transition:transform .3s ease;
}

.faq-item.active .faq-toggle i{
    transform:rotate(180deg);
}
/* Header transition effects when scrolling */
header.scrolled {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05);
}