.sxs-bansc {
    //--_h: clamp(15rem, calc(7.5rem + 10vw + 10vh), 50rem);
    --_h: clamp(15rem, calc(7.5rem + 11.5vw + 10vh), 50rem);
    min-height: var(--_h);

    &__bg {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;

        &::before {
            z-index: 1;
            background: rgba(#000, .45);
        }

        &::after {
            z-index: 2;
            background-color: rgba(#000, .25);
            // background: linear-gradient(180deg, rgba(#000, .95), rgba(#FFF, .1) 40% 80%, rgba(#000, .7));
            background: linear-gradient(180deg, rgba(#000, .85), rgba(#FFF, .1), rgba(#000, .6));
        }

        &--green {
            &::before {
                background: $darkGreen;
                background: linear-gradient(180deg, rgba(#000, .95), rgba($darkGreen, .2), rgba(#000, .7));
            }

            &::after {
                background: rgba($darkGreen, .65);
            }
        }
    }

    &__wtm {
        z-index: 3;

        &::after {
            right: 0;
            bottom: 0;
            width: var(--sbw-s-5);
            height: var(--sbw-s-5);
            border-width: var(--sbw-t-5);
            transform: translate(25%, 50%);
            border-color: rgba($primaryClear, .2);
        }
    }

    &__con0 {
        border-top-width: var(--headerHeight);
        //padding-top: calc(var(--_h) * .25);
        padding-top: calc(var(--_h) * .4);
        //padding-top: calc(var(--_h) * .35);
        padding-bottom: calc(var(--_h) * .2);
    }

    &__bcrm {
        color: #FFF;
    }

    &__con1 {
        display: flex;
        margin-top: 2rem;

        .sxs-icon {
            margin-right: .75rem;
        }
    }

    &__con2 {
        flex: 1;
    }

    &__des {
        margin-top: .75rem;
        color: #FFF;
        line-height: 1.3;

        @include lg-wmin {
            width: 75%;
        }

        @include xl-wmin {
            width: 60%;
        }

        @include xxl-wmin {
            width: 45%;
        }
    }
}