.project-product .container{
    background: #F3F5F5; 
    border-radius: 4px;
    padding:36px;
}

.project-product .heading {
    margin-bottom: 36px;
    h2{
        font-size: 24px;
        line-height: 26px;
    }
}
a .product-card:hover{
   box-shadow: 2px 2px 8px #00000023;
}


.project-product .product-card {
    transition: all 0.3s;
    background: #fff;
    padding: 20px;
    min-height: 100%;
  

    .img-zoom{

    }

    .product-title {
        font-size: 18px;
        line-height: 20px;
        color: #2d3f40;
        font-weight: bold;
        margin-bottom: 4px;
    }

    .product-subtitle {
        font-size:14px;
        color: #A2B6B8;
        font-weight: bold;
    }
}

@media (max-width: 768px){
    .project-product .container{
        border-radius: 0;
    padding:36px 20px 36px 20px;
    
    }
    .project-product .row{
       row-gap:20px;
    }
}