.lt-bg + .lt-bg.cnt.s2,
.dk-bg + .dk-bg.cnt.s2 {
    .hex-dcr {
      
        &.tp {
            top: -4.444rem;
            left: calc(-0.5 * (var(--cnt-s2-hx-s) * .4));
        }
    }
}

.cnt.s2 {

    --cnt-s2-hx-s: 14.8rem;
    
    .hex-dcr {
        position: absolute;
        font-size: var(--cnt-s2-hx-s);
        width: auto;
        height: auto;
        z-index: 0;
        pointer-events: none;
        color: var(--primary);

        &.tp {
            top: var(--pd-v);
            left: calc(-0.5 * (var(--cnt-s2-hx-s) * .4));
        }

        &.bt {
            bottom: 0;
            right: calc(-0.5 * (var(--cnt-s2-hx-s) * .4));
        }
    }

    .cnt-s2-grid {
        display: flex;
        flex-direction: column;
        gap: 1.78rem var(--flx-gap);
    }

    .cnt-s2-srv {

        .srv-hdr {
            margin-bottom: 1em;
        }

        ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        li {
            position: relative;
            padding: .1em 0 .1em 1.5em;

            &::before {
                content: '';
                position: absolute;
                top: .45rem;
                left: 0;
                width: 0.85em;
                height: 0.75em;
                background-image: url('/media/foreground/bullet-bg.png');
                background-size: contain;
                background-repeat: no-repeat;
            }
        }
    }

    @media screen and (min-width: 1280px) {
        & {

            .cnt-s2-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                grid-template-rows: auto auto;
                gap: 1.78rem var(--flx-gap);
            }

            .cnt-s2-img {
                grid-column: 1;
                grid-row: 1;
            }

            .cnt-s2-hdr {
                grid-column: 2;
                grid-row: 1;
                align-self: center;
            }

            .cnt-s2-cnt {
                grid-column: 1;
                grid-row: 2;
            }

            .cnt-s2-srv {
                grid-column: 2;
                grid-row: 2;
                align-self: start;
            }
        }
    }
}