*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sans-serif;
}
.contenr{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #CCCCCC;
    
}
.itm{
    width: 300px;
    height: 500px;
    background-color: #fff;
    list-style-type: none;
    padding: 15px;  
    border-radius: 8px;
    position: relative;
    
    


}
.imeg{
    width: 270px;
    height: 270px;
     border-radius: 5px;
    background-color: #CCCCCC;
    background-image: url(./XAWO3cHvnE.png);
    object-fit: cover;    
    
  

}
.text{
    font-family: sans-serif;
    font-size: 18px;
    font-weight: 300;
    margin-top: 30px;
    line-height: 25PX;
   
}
.text_red{
    font-size: 12px;
line-height: 24px;
/* identical to box height, or 200% */


/* Primary/Pink */

color: #F72585;


}
.star{
    margin-top: 15px;
}
.cost1{
    width: 45.15px;
height: 24px;

/* Paragraph/Semibold/Caption - 14px */

font-family: sans-serif;
font-size: 18px;
line-height: 24px;
/* identical to box height, or 171% */


/* Text/Body */

color: #808080;

}
.cost2{
    
width : 41.14px;
height: 24px;
font-family:sans-serif;
font-size: 16px;
line-height: 24px;
color: #CCCCCC;
}
del{
    color: #CCCCCC;
}
.cost3{

 margin-top: 40px;


font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 32px;
color: #1C3554;
margin-left: 10px;

}

.btn{ 

    display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
font-size: 17px;
border: none;
position: absolute;
width: 112px;
height: 32px;
margin-top: 255px;
margin-left: 80px;
background: #4586D6;
border-radius: 8px;

}
.itm:hover::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    margin-left: -14px;
    background: rgb(156,156,156);
    background: linear-gradient(176deg, rgba(156,156,156,0) 0%, rgba(255,142,45,1) 100%);
}
.cost_haver{
    font-family: sans-serif;
     padding: 150px 70px;
     position: absolute;
     width: 100%;
     height: 100%;
    color: transparent;
    transition: 1s;
    font-size: 50px; 
     

}
.cost_haver:hover{

 color:   rgba(28, 27, 27, 0.788) ;
    transition: 1s;
    
}