.hero {
        display:flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        width: 100%;
        min-height: calc(50% - var(--header-height));
        background: linear-gradient(180deg, #192761, #2f428b);
        color: #ffffff;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        padding: 50px 24px;
        box-sizing: border-box;
        overflow: hidden;
        isolation: isolate;
        border-bottom:1px solid #000000;
    }

    .hero-title {
        text-align:center;
        
        justify-content: center;
        align-items: center;
        font-size: 4rem;
        font-weight: 800;
        line-height: 1.08;
        margin: 0 0 20px 0;
        letter-spacing: -0.03em;
        color: #ffffff;
    }

    .hero .txt-muted {
        color: #64748b;
        font-weight: 400;
    }