.vls.v3 {

    .bg img {
        object-fit: cover !important;
        opacity: 1;
    }

    .top-deco {
        position: absolute;
        width: 100%;
        top: 0;
    }
    .bottom-deco {
        position: absolute;
        width: 100%;
        bottom: 0;
    }

    ul li .crd {
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }

    .hx-clp {
        .btn.v1:hover {
            background-color: #FFF;
        }
  
        @media screen and (min-width: 1280px) {
            margin-inline: 10%;
        }

        @media screen and (max-width: 1279px) {
            max-width: 23.33rem;
            margin-inline: auto;
        }
    }

    li {
        @media screen and (min-width:1280px) {
            .crd > div {
                height: 100%;

                .btn-con {
                    margin-top: auto;
                }
            }
        }
    }

    .hx-clp .bg-bx {
        background-image: url(/media/valuesv1/hex-bg.png);
        background-size: cover;
    }

    @media screen and (min-width: 1280px) {
        .mn_wd {
            margin-top: -5rem;
        }
    }

}