.div{
    width: 100%;
    height: auto;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
 /* border: 1px solid rgb(9, 255, 0); */
flex-wrap: wrap;
}
.main{
    width:320px;
    height: 350px; ;
    /* border: 1px solid red; */
    display: grid;
    justify-content: center;
    align-items: center; 
    word-wrap: wrap;

   
}
.ss{
    width: 100%;
    height:100px ;
    margin-top: 10px;
    /* border: 1px solid rgb(9, 255, 0); */
    display: flex;
    background-color: rgb(254, 255, 255) ;
    border-radius: 9px;
    box-shadow: 0px 0px 5px rgba(116, 116, 116, 0.699);
    overflow: hidden;
  
}
.main img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 9px;
    margin-top: 20px;
}
.ss_1{
    width: 60px;
    height:57px ;
    background: rgb(15, 202, 248);
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin:11px 0px 0px 11px;
}
.ss_2{
    width: 80%;
    height:20vh ;
    /* background: rgb(15, 202, 248); */
   margin: 0px 0px 0px 11px;
   /* overflow: hidden; */
   
}
.ss_2 h4{
    font-size: 19px;
    padding: 0;
    margin: 10px 0px;
}
.ss_2 p{
    padding:0px 12px 5px 0px;
    /* border: 1px solid red; */
    word-wrap: break-word;
    margin: 0;
    
    
}
.ss i{
    font-size: 22px;
}
.ss:hover{
    background-color: rgb(15, 202, 248) ;
}
.ss:hover .ss_1{
    background-color: rgb(255, 255, 255) ;
}
.ss:hover i{
    color:rgb(15, 202, 248) ;
}