:root {
    --dpi_pw-container-grid: 100%;
    --dpi_pw-container-grid-gap: 0;

    --dpi_pw-clr-primary: #092b48;
    --dpi_pw-clr-secondary: #145c9d;
    --dpi_pw-clr-tertiary: #e3e3e3;

    --dpi_pw-box-shadow: 0 4px 10px rgb(0 0 0 / 15%);

    --dpi_pw-tr-background: background 0.4s ease;
    --dpi_pw-tr-color: color 0.4s ease;
    --dpi_pw-tr-opacity: opacity 0.4s ease;
    --dpi_pw-tr-transform: transform 0.4s ease;
    --dpi_pw-tr-min-height: min-height 0.4s ease;
    --dpi_pw-tr-min-width: min-width 0.4s ease;
    --dpi_pw-tr-fill: fill 0.4s ease;
}

@media screen and (min-width: 992px) {
    :root {
        --dpi_pw-container-grid-gap: 90px;
    }
}

.dpi_pw-no-scroll {
    overflow: hidden;
}

.dpi_pw-container .dpi_pw-content-wrapper {
    display: grid;
    grid-template-columns: var(--dpi_pw-container-grid);
    gap: var(--dpi_pw-container-grid-gap);
}