section{
    padding:64px 0;
}
.heroBanner{
    padding:128px 0;
    background:url('/app/themes/mbtheme/inc/images/homepage/herobannerbg.webp');
    background-position:center center;
    background-size:cover;
    position:relative;
    &:after{
        content:'';
        background: linear-gradient(90deg, rgba(13, 36, 99, 0.90) 0%, rgba(13, 36, 99, 0.70) 50%, rgba(13, 36, 99, 0.00) 100%);        
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        display:block;
        z-index:0;
    }
    & .container{
        & article{
            position:relative;
            z-index:1;
            max-width:576px;
            & .spanTag{
                border-radius:50px;
                padding:4px 12px;
                background:var(--span-tag-bg);
                border:var(--span-tag-border);
                font-size:12px;
                font-weight:600;
                line-height:16px;
                display:flex;
                width:fit-content;
                margin-bottom:16px;
                color:var(--white-font-1);
            }
            & h1{
                font-size:60px;
                font-weight:800;
                line-height:60px;
                letter-spacing: -1.5px;
                max-width:455px;
                color:var(--white-font-1);
                & span{
                    color:var(--secondary-color);
                }
            }
            & p{
                font-size:18px;
                line-height:29.25px;
                font-weight:400;
                color:var(--white-font-2);
                margin-top:16px;
                margin-bottom:0;
            }
            & .ctaButtons{
                margin-top:32px;
                display:flex;
                flex-wrap:wrap;
                grid-template-columns:1fr 1fr;
                column-gap:12px;
                & .ctaButtonOne{
                    padding:12px 32px;
                    color:var(--white-font-1);
                    background:var(--primary-color);
                    font-weight:600;
                    font-size:14px;
                    line-height:20px;
                    text-align:center;
                    display:flex;
                    flex-wrap:wrap;
                    align-items:center;
                    column-gap:16px;
                    border-radius:12px;
                    width:fit-content;
                    & .ctaSVG {
                        width: 16px;
                        height: 16px;
                    }
                }
                & .ctaButtonTwo{
                    padding:12px 32px;
                    border-radius:12px;
                    background:var(--tertiary-color);
                    border:1px solid var(--border-color-2);
                    font-size:14px;
                    font-weight:600;
                    line-height:20px;
                    display:flex;
                    width:fit-content;
                    align-items:center;
                    color:var(--white-font-1);
                }
            }
        }
    }
}
& .uspBarHome{
    background:#fff;
    padding: 20px 0;
}