.header-4 .container-fluid {
    border-bottom-left-radius: var(--global-border-radius-large);
    border-bottom-right-radius: var(--global-border-radius-large);
}
.header-4:has(+ .crosslink-8) .container-fluid {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.header-4 h1 {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
}
.header-4 p.h5style {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.header-4 .container-fluid {
    position: relative;
    overflow: hidden;
}
.header-4 .container-fluid::before {
    content: '';
    background-image: url(assets/grass-circle.svg);
    right: -10%;
    top: -25%;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 30%;
    max-height: 84%;
}
.header-4 .container-fluid::after {
    content: '';
    background-image: url(assets/grass-circle.svg);
    left: -10%;
    bottom: -25%;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 30%;
    max-height: 84%;
}
.header-4.no_background_circle .container-fluid::before,
.header-4.no_background_circle .container-fluid::after {
    display: none;
}
.header-4:has(+ .crosslink-8) .container > div {
    padding-bottom: 0px;
}
@media(max-width: 991.98px){
    .header-4 .container-fluid::before {
        top: -10%;
    }
}
@media(max-width: 575.98px){
    .header-4 h1 {
        max-width: 100%;
    }
    .header-4 p.h5style {
        max-width: 100%;
    }
    .header-4 .container-fluid::before {
        top: -5%;
        max-width: 40%;
    }
    .header-4 .container-fluid::after {
        max-width: 40%;
        bottom: -18%
    }
}