image1.css

.box{
    box-shadow: 0px 0px 20px  rgb(111, 109, 109) ;
    padding: 12px;
    margin: auto;
    width: 300px;
    border-radius:18px;
    padding-bottom: 1px;

}
.img1{
    width: 100%;
    height: 300px;
    border-radius: 18px;
    object-fit: cover;
}
.img2{
    /* position: relative; */
    width: 13%;
}
.font{
    font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
    color: gray;
    
}
.rel1{
    position: relative;
}
.rel2{
    position: relative;
    border-top: 2px solid rgb(208, 202, 202) ;
    padding: 8px;
}
.footer{
    position: absolute;
    padding-top: 6px;
    font-size: 12px;
    bottom: 0;
    left: 50px;
}
.heading{
    margin-top: 5px;
    margin-bottom: -7px;
    color: black;

}
.abs1{
    position: absolute;
    color: white;
    background-color: rgb(8, 103, 120);
    bottom: 0px;
    padding: 0px 7px;
}
.abs2{
    position: absolute;
    color: rgb(219, 219, 219);
    background-color: rgb(151, 148, 148);
    top: 0px;
    padding: 0px 6px;
    left: 8px;
    font-size: 14px;
    border-radius: 4px;
}
.abs3{
    position: absolute;
    color: rgb(5, 5, 5);
    background-color: rgb(255, 255, 255);
    bottom: 0px;
    right: 8px;
    padding: 2px 5px;
    border-radius: 4px;
}