/* ===== BRAND BAR WAVE BACKGROUND ===== */
.brand-bar {
    position: relative;
    background: linear-gradient(135deg,#0f2a44,#1f5fbf);
    /*overflow: hidden;*/
}

    /* wave */
    .brand-bar::after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 80px;
        background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 320' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' fill-opacity='1' d='M0,160L60,170.7C120,181,240,203,360,192C480,181,600,139,720,138.7C840,139,960,181,1080,202.7C1200,224,1320,224,1380,224L1440,224L1440,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1;
    }

    /* keep content above wave */
    .brand-bar > * {
        position: relative;
        z-index: 2;
    }
/* ===== BRAND BAR WAVE BACKGROUND ===== */