.dnd-section, .section {
    position: relative
    }
.hs-inline-edit .section-bg__ui:before {
    content: "Section extra settings"
    }
.section-bg {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
    }
.section-bg--accent, .section-bg__overlay--accent {
    background: linear-gradient(111.02deg, #0248fa, #26d8fc)
    }
.section-bg--dark, .section-bg__deco--dark, .section-bg__overlay--dark {
    background: #0c3594
    }
.section-bg--light, .section-bg__deco--light, .section-bg__overlay--light {
    background: #f5f5f5
    }
.section-bg__deco {
    left: 0;
    position: absolute;
    right: 0
    }
.section-bg__deco--light {
    color: #f5f5f5
    }
.section-bg__deco--bottom {
    bottom: 0
    }
.section-bg__svg {
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
    }
.section-bg__deco--bottom .section-bg__svg {
    bottom: calc(100% - 1px)
    }
@media (max-width: 1440px) {
    .section-bg__svg {
        left: 50%;
        transform: translatex(-50%);
        width: 1440px
        }
    }
.section-bg__svg svg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
    }
@media (max-width: 1139px) {
    .section-bg--is-md .section-bg__media--lg {
        display: none
        }
    .section-bg__media--md {
        display: block
        }
    }
@media (max-width: 767px) {
    .section-bg--is-sm .section-bg__media--lg, .section-bg--is-sm .section-bg__media--md {
        display: none
        }
    .section-bg__media--sm {
        display: block
        }
    }