*{
    margin : 0px;
    padding: 0px;
    border : 0px;
}
.div1{
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}
.div2{
    display: block;
    width : 100%;
    align-items : center;
}
.pcard{
    width : 100%;
    box-shadow: 5px 5px 10px 5px gray;
    padding : 3px;
    display: flex;
    margin-bottom : 20px;
    border-radius: 10px;
    /* gap: 20px; */
}
.cardimage{
    width : 250px;
    height : auto;
   
}
.imgclass{
    max-width : 250px;
    height : auto;
    padding : 2%;
}
.cardbody{
    display: block;
    align-items:"center";
    padding: 1%;
    padding-left : 2%;
    width: 100%;
}
.cardtitle{
    width : 100%;
}
.cardduration{
    display: flex;
}
.cduration{
    align:center;
    width : 50%;
}
.carddescription{
    width : 100%;
}
.divmorebtn{
    width: 100%;    
}

.morebtn{
    padding : 3px 3px;
    border-radius: 15px;
    border: 1px solid blue;
    background-color: white;
    color: blue;
}
.morebtn:hover{
    background-color: blue;
    color: white;
}

@media screen and (max-width : 600px){
    .pcard{
        display: block;
    }
    .cardduration{
        display: block;
    }
    .cduration{
        width: 100%;
    }
    .cardbody{
        padding: 0%;
    }
}