.mobile-preview{
    display:none;
}

@media (max-width:991px){

    .service-preview{
        display:none;
    }

    .mobile-preview{

        display:block;
        overflow:hidden;
        max-height:0;
        transition:max-height .35s ease;

    }

    .mobile-preview.active{

        max-height:900px;
        margin-top:15px;

    }

    .mobile-preview-card{

        background:#fff;
        border-radius:16px;
        overflow:hidden;
        box-shadow:0 10px 30px rgba(0,0,0,.1);

    }

    .mobile-preview-card img{

        width:100%;
        height:220px;
        object-fit:cover;

    }

    .mobile-preview-content{

        padding:20px;

    }

    .mobile-preview-content h4{

        margin-bottom:10px;

    }

    .mobile-preview-content p{

        margin:10px 0 15px;

    }

    .mobile-preview-content ul{

        margin:15px 0;
        padding-left:20px;

    }

    .mobile-preview-content li{

        margin-bottom:8px;

    }

}