.main-container{
    padding:40px;
}

.product-container{
    background-color:rgb(134,123,140,0.1);
    border:1px solid black;
    margin-bottom:20px;
    padding:60px;
    transition: all 0.28s ease-in-out;
    
    
}

.product-container .content p{
    color:#5e5a5a;

}
.product-container:hover{
    background-color: rgb(22,22,22);
    cursor:pointer;
    transform: scale(1.05); 
    border:2px solid grey;  
}
.product-container:hover .content p,.product-container:hover .heading h3 {
    color:white;
}

.heading{
    margin-bottom:20px;
    text-align:center;
    display:flex;
    justify-content: center;
    align-items: center;

    
}
.heading img{
    height:50px;
}
.main-heading{
    font-size: 26px;
    background-color: rgb(134, 123, 140, 0.1);
    padding:10px;
    font-family:'Josefin Sans',Arial,sans-serif; ;
    color:black;
    
}

@media(max-width:768px){
    .main-heading{
        font-size:16px;
    }
}