.background-overlay{
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.fluid-homepage-1 > .background-overlay{

    background-color: transparent;
    
}

.elementor-shape{
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;
}
.elementor-shape svg{
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: calc(240% + 1.3px);
    height: 200px;
}
.elementor-shape-top {
    top: -1px
}
.elementor-shape-bottom {
    transform: rotate(180deg);
    bottom: -1px
}
.elementor-shape-top .elementor-shape-fill {
    fill: #fff;

}

.hr-0{
    text-align: center;
    padding-block-start: 25px;
    padding-block-end: 25px;
    --divider-pattern-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%' viewBox='0 0 20 16' fill='none' stroke='black' stroke-width='3' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cg transform='translate(-12.000000, 0)'%3E%3Cpath d='M28,0L10,18'/%3E%3Cpath d='M18,0L0,18'/%3E%3Cpath d='M48,0L30,18'/%3E%3Cpath d='M38,0L20,18'/%3E%3C/g%3E%3C/svg%3E");
}
.hr-0::before{
    content: '';
    display: flex;
    min-height: 10px;

    background-color: #00000014;
    mask-repeat: repeat-x;
    mask-image: var(--divider-pattern-url);
    mask-size: 20px 100%;
}

@media screen and (min-width: 992px){
    .fluid-homepage-0-1{
        background-color: transparent;
        background-image: linear-gradient(90deg, #154091 0%, #8780FF 100%);
        opacity: .8;
    }

    .fluid-homepage-0-1 .background-overlay{
            background-image: url(../images/layered-waves-row-0.svg);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            opacity: .4;
            mix-blend-mode: overlay;
            transition: background .3s, border-radius .3s, opacity .3s;
    }
    .fluid-homepage-1 > .container{
        padding-bottom: 4rem;
    }
    .fluid-homepage-1  .elementor-shape::before{
        content: '';
        display: block;
        height:190px;
        background-color: #fff;

    }
    .fluid-homepage-1 > .background-overlay{
        background-image: linear-gradient(0deg, #8780FF 10%, #fff 100%);
        opacity: .3;
    }
}