/**
        * All of the CSS for your public-facing functionality should be
        * included in this file.
        */
        .cm-point-row li{
            background: #fff;
            box-shadow: 0px 2px 7px #8596B930;
            padding: 10px;
            display: inline-block;
            font-family: 'Montserrat';
        }

        .cm-point-row li+li{
            margin-left: 15px;
            font-family: 'Montserrat';
        }

        .cm-card-row li{
            max-width: calc(33.33% - 15px);
            flex: calc(33.33% - 15px);
            margin: 7.5px;
            display: inline-block;
            background: #fff;
            padding: 10px;
            font-family: 'Montserrat';
        }

        .cm-card li:hover .cm-btn {
            opacity: 1;
            pointer-events: unset;
        }

        .cm-img-pos{
            position: relative;
        }
        .cm-card-row {
            display: flex;
            flex-wrap: wrap;
            margin-top: 15px;
        /*     font-family: 'Montserrat'; */
        }
        .cm-reward .cm-img-pos p{
            position: absolute;
            bottom: -25px;
            width: 50px;
            height: 50px;
            right: 10px;
            margin: 0;
            background: #D0021A;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            font-weight: 600;
            font-size: 18px;
            font-family: 'Montserrat';
        }
        .cm-hi-low h4 {
            font-weight: 600;
            font-size: 14px;
            padding-right: 10px;
            font-family: 'Montserrat';
        }

        .cm-hi-low {
            display: flex;
            align-items: center;
            margin-top: 15px;
            font-family: 'Montserrat';
        }

        .cm-hi-low h6 {
            font-size: 9px;
            color: #DD0054;
            background: #F1F3F7;
            padding: 4px 5px;
            font-family: 'Montserrat';
        }

        .cm-btn {
            width: 100%;
            text-align: center;
            text-decoration: none;
            text-align: center;
            display: inline-block;
            padding: 7px 0;
            background: #DD0054;
            color: #fff;
            margin-top: 15px;
            font-family: 'Montserrat';
            font-size: 15px;
            opacity: 0;
            pointer-events: none;
            opacity: 0;
        }

        .cm-btn:hover {
            color: #fff;
        }
        .cm-card-row li img{
            max-width: 100%
        }

        .cm-re-title h2 {
            margin-top: 10px !important;
            font-weight: 600;
            text-transform: capitalize;
            font-family: 'Montserrat';
        }

        .cm-point-row li h2 {
            font-size: 23px;
            font-weight: 600;
            font-family: 'Montserrat';
        }

        .cm-reward .cm-point-row li p {
            font-size: 11px;
            font-weight: 500;
            font-family: 'Montserrat';
        }

        .cm-reward .cm-cou-nam {
            margin: 15px 0 0;
            font-size: 20px;
            /* font-family: 'Montserrat'; */
        }

        .cm-reward .cm-re-title h4 {
            font-size: 15px;
            font-family: 'Montserrat';
        }

        input.cm-input {
            padding: 5px 10px;
            font-size: 14px;
            min-height: 48px;
            margin-bottom: 0;
            margin-top: 10px;
            border: 1px solid #f1f3f7;
            color: #060606;
            font-weight: 700;
            box-shadow: 0px 3px 7px #f1f3f7;
        }
        input.cm-input::placeholder {
            color: #000;
            font-weight: 600;
            font-family: 'Montserrat';
        }

        .cm-card-row  .cm-input img {
                position: absolute;
                width: 40px;
                height: 100%;
                object-fit: contain;
                z-index: 9;
                padding: 0 7px;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                cursor: pointer;
                background: rgb(204 204 204 / 31%);
                transition: all 0.5s;
            }
        .cm-input {
                position: relative;
            }

        .cm-card-row li img {
            max-width: 100%;
            object-fit: contain;
            height: 250px;
            width: 100%;
            }

        @media(max-width: 991px){
            .cm-card-row li{
                max-width: calc(50% - 15px);
                width: calc(50% - 15px);
                flex:  calc(50% - 15px) 0 0 ;
            }
            .cm-re-title h2{
                font-size: 16px
            }
            .cm-point-row li h2{
                font-size: 18px
            }
            .cm-btn{
                font-size: 13px
            }
            .cm-reward .cm-cou-nam{
                font-size: 12px
            }
            .cm-reward .cm-point-row li p{
                font-size: 9px;
            }
        }
        @media(max-width: 767px){
            .cm-card-row li{
                max-width: 100%;
                width: 100%;
            }
        }