/* Keep the grid between section backgrounds and content, including section gaps. */
body.staport-brand #uicore-page::before,
body.staport-brand.cyberguard-import .elementor[data-elementor-type="wp-page"]::before {
    content: none;
}

body.staport-brand .staport-grid-section {
    isolation: isolate;
}

body.staport-brand .staport-grid-root {
    position: relative;
    isolation: isolate;
}

body.staport-brand .staport-grid-section::before,
body.staport-brand .staport-grid-section > .elementor-background-overlay,
body.staport-brand .staport-grid-section > .elementor-background-slideshow,
body.staport-brand .staport-grid-section > .elementor-background-video-container {
    z-index: -2;
}

body.staport-brand .staport-grid-section > .elementor-container,
body.staport-brand .staport-grid-section > .e-con-inner {
    z-index: 1;
    isolation: isolate;
}

body.staport-brand .staport-grid-section > .elementor-element {
    isolation: isolate;
}

body.staport-brand .staport-grid-lines {
    position: absolute;
    inset-block: 0;
    inset-inline: 0;
    width: var(--uicore-grid-line-max-width, min(95%, var(--ui-container-size, 1200px)));
    max-width: 100%;
    margin-inline: auto;
    z-index: -1;
    pointer-events: none;
    border-right: var(--uicore-grid-line-width, 1px) solid var(--uicore-grid-line-color, rgba(144, 144, 144, .25));
    background-image: linear-gradient(to right, var(--uicore-grid-line-color, rgba(144, 144, 144, .25)) var(--uicore-grid-line-width, 1px), transparent 0);
    background-repeat: repeat-x;
    background-size: calc(100% / var(--uicore-grid-line-columns, 6)) 100%;
}

body.staport-brand .staport-grid-lines.staport-grid-gap {
    inset-block: auto;
}

@media (max-width: 1024px) {
    body.staport-brand .staport-grid-lines {
        background-size: calc(100% / var(--uicore-grid-line-columns, 5)) 100%;
    }
}

@media (max-width: 767px) {
    body.staport-brand .staport-grid-lines {
        background-size: calc(100% / var(--uicore-grid-line-columns, 2)) 100%;
    }
}