/* Custom small theme tweaks to match screenshots */
:root {
    --brand-green: #0ea24f; /* adjust to match screenshot */
    --dark-footer: #172427;
    --hero-overlay: rgba(14, 162, 79, 0.08);
}


/* hero heading uses Bebas Neue for the condensed look */
.display-condensed {
    font-family: "Bebas Neue", system-ui, sans-serif;
    letter-spacing: 1px;
    line-height: 1;
}

/* green band heading style */
.hero-band {
    background: var(--brand-green);
    display: inline-block;
    padding: 18px 36px;
    transform: translateY(0);
    box-shadow: none;
}

/* soft diagonal lower wave on hero similar look */

/* card shadow like screenshot */
.card-shadow {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

.tab-btn.active {
    background-color: aliceblue !important;
}

/* marquee */
@keyframes marquee-left {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}
.marquee {
    white-space: nowrap;
    overflow: hidden;
}
.marquee > span {
    display: inline-block;
    padding-left: 2rem;
    animation: marquee-left 18s linear infinite;
}

/* small circular social icon */
.social-btn {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.06);
}

/* Mobile menu panel */
.mobile-panel-enter {
    opacity: 0;
    height: 0px;
}
.mobile-panel-enter-active {
    opacity: 1;
    height: 600px;
    transition: all 0.3s ease;
}