* {
    font-family: 'Funnel Display', sans-serif;
    /* Apply your font globally */

}



.bbx-advantage-btn {
    --font-size: 16px;
    --duration: 0.44s;
    --move-hover: -4px;
    --font-shadow: var(--font-size);
    transform: translateY(var(--y)) translateZ(0);
}

.bbx-advantage-btn:hover {
    --y: var(--move-hover);
}

/* text animation only */
.bbx-text div {
    display: flex;
    overflow: hidden;
    text-shadow: 0 var(--font-shadow) 0 currentColor;
}

.bbx-text span {
    display: block;
    backface-visibility: hidden;
    transform: translateY(var(--m)) translateZ(0);
    transition: transform var(--duration) ease;
}

.bbx-advantage-btn:hover .bbx-text span {
    --m: calc(var(--font-size) * -1);
}

/* stagger */
.bbx-text span:nth-child(n) {
    transition-delay: calc(0.05s * var(--i));
}

.active-underline {
    @apply absolute bottom-0 left-1/2 transform -translate-x-1/2 w-12 sm:w-16 h-0.5 bg-white scale-x-0 transition-transform duration-300;
}

.tab-btn.active .active-underline {
    @apply scale-x-100;
}

.team-card {
    @apply min-w-[280px] md:min-w-[320px] bg-white/10 backdrop-blur-md rounded-2xl shadow-xl border border-white/20 flex-shrink-0 transition hover:scale-105 hover:shadow-2xl;
    padding: 20px 0 0 0;
    overflow: hidden;
}