.lt-bg + .lt-bg.cnt.v2,
.dk-bg + .dk-bg.cnt.v2 {
    .hex-dcr {
      
        &.tp {
            top: -4.444rem;
            left: calc(-1 * (var(--cnt-v2-hx-s-clc) * .45));
        }
    }
}

.cnt.v2 {
    z-index: 1;
    --cnt-v2-hx-s: 268;
    --cnt-v2-hx-s-mbl:  16;
    --cnt-v2-hx-s-clc: calc((var(--cnt-v2-hx-s-mbl) * 1px) + (var(--cnt-v2-hx-s) - var(--cnt-v2-hx-s-mbl)) * ((var(--vw_) - 320px) / (1920 - 320)));
    
    .hex-dcr {
        position: absolute;
        width: var(--cnt-v2-hx-s-clc);
        height: var(--cnt-v2-hx-s-clc);
        z-index: 0;
        pointer-events: none;
        color: var(--fnt-t-1);

        svg {
            font-size: var(--cnt-v2-hx-s-clc);
        }

        &.tp {
            top: var(--pd-v);
            left: calc(-1 * (var(--cnt-v2-hx-s-clc) * .45));
        }

        &.bt {
            bottom: calc(-0.5 * (var(--cnt-v2-hx-s-clc) * .45));
            right: calc(-1 * (var(--cnt-v2-hx-s-clc) * .45));
        }
    }

    .cnt-v2-srv {

        .srv-hdr {
            color: var(--fnt-t-co);
        }

        @media screen and (min-width:1280px) {
            & > div {
                padding: 1.78rem 2.22rem;
            }
        }
    }

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

            .ui-scroll {
                max-height: 14.8rem;
            }
        }
    }
}