[mn="7040"] {
    --secftclr: #fff;


    

    .listbx {
        --list-padding: 15px;
        padding: 0 var(--list-padding);
    }
    .listw {
        margin: 0 calc(-1 * var(--list-padding) / 2);
    }

    .list- {
        --count: 3;
        flex: 0 0 calc(100% / var(--count));
        max-width: calc(100% / var(--count));
        padding: calc(var(--list-padding) / 2) ;
        text-align: center;

        @media (width <= 991px) { 
            --count: 1; 
        }
        @media (width <= 575px) { 
            --count: 1; 
        }
        .h4 {
            margin: 0;
            position: relative;
            color: #fff;
            display: inline-block; 
            z-index: 0; 
            text-shadow: 0 2px 4px rgba(0, 0, 0, .7);
            font-size: 200%;
    
            /* &:after {
                content: '';
                display: block;
                position: absolute;
                width: 100%;
                height: 100%;
                background-color: var(--clr01);
                top: 0;
                left: 0;
                z-index: -1;
                transform: skew(-18deg);
            } */
        }
        ._link {
            margin: 15px 0 0;
            padding: 15px;
            border-top: 3px solid #fff;
        }
        ._subttl {
            line-height: 1;
            &:after {
                content: '';
                display: inline-block;
                vertical-align: middle;
                width: 90px;
                height: 1px;
                background-color: #fff;
                margin: 0 0 3px 9px;
            }
        }
        ._ittl{
            margin: 0;
        }
        
        .infobx { 
            max-width: 100%;
            margin: 0 auto; 
            padding: 0; 
            position: relative;
            z-index: 1;
            overflow: hidden;
            min-height: 50vh;
            cursor: pointer;
            flex-direction: column;
            justify-content:flex-end;
            --time-ani: 3s;

            @media (width <= 767px){ 
                 min-height: 200px;
            }

            .bglyr {
                position: absolute;
                z-index: -9;
                height: 100%;
                width: 100%;
                left: 0;
                top: 0;
                transition: var(--time-ani) all cubic-bezier(0.075, 0.82, 0.165, 1);
                pointer-events: none;
            }
            .contentbx {
                opacity: 1;
                translate: 0 0;
                transition: var(--time-ani) all cubic-bezier(0.19, 1, 0.22, 1); 
                @media (width <= 991px){
                    /* display: none; */
                }
            }

            &:after{
                content: '';
                position: absolute;
                display: block; 
                width: 100%;
                height: 100%;
                background-color: rgba(0,0,0,.65);
                left: 0;
                top: 0;
                opacity: .5;
                transition: var(--time-ani) all cubic-bezier(0.075, 0.82, 0.165, 1);
                z-index: -1;
                pointer-events: none;
            }
            &:hover {
                .bglyr {
                    scale: 1.35;
                }
                /* .contentbx {
                    opacity: 1;
                    translate: 0 0; 
                }
                &:after {
                    opacity: 1;
                } */
            }

        }
        .btn {
        /* --btnborderclr: #fff;
        --btnclr: #fff; */
        } 

        
    } 
    ._content {
        margin: 0;
        line-height: 1.3;
        /* font-family: var(--ft-t1); */
    }

    

   
}