.card_border_div{
    padding:10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    display:inline-block;
    background:#fff;
    border-radius:5px;
}
.card_sub_div{
    display:inline-block;
    width:auto;
    height:auto;
    border-radius:5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background:var(--background-color);
    width:100%;
}
.card_sub_div .card_img_div{
    margin:20px;
    width:200px;
    height:200px;
    position:relative;
    border-radius:5px;
    overflow:hidden;
    border:2px solid rgba(255,255,255,.5);
    background:rgba(255,255,255,.5);
}
.card_sub_div .card_img_div img{
    width:auto;
    height:auto;
    max-height:100%;
    max-width:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.card_content_div{
    margin-top:10px;
    color:#fff;
    background:rgba(0,0,0,.1);
    border-radius:5px;
    padding:10px;
}
.card_content_div .card_content_title{
    color:#fff;
    text-align:center;
    text-align:center;
    font-size:20px;
    font-weight:bold;
    display:block;
    background:rgba(255,255,255,.1);
    border-radius:5px;
    margin-bottom:5px;
    padding:2px 10px;
}
.card_content_row{
    display:flex;
    justify-content:space-between;
}
.card_content_row span:nth-child(1){
    font-weight:bold;
}
.card_donor{
    height: auto;
    width: 250px;
    background: linear-gradient(
        to bottom,
        var(--background-color) 110px,
        #ffffff 110px
    );
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(50,50,50,0.1);
    padding: 50px 0;
    margin-left:10px;
    
}
.card_donor *{
    font-family: 'Poppins',sans-serif;
    text-align: center;
    letter-spacing: 0.5px;
    font-weight: 600;
}
.card_donor img{
    display: block;
    width: 100px;
    height: 100px;
    position: relative;
    border-radius: 50%;
    margin: 0 auto;
    box-shadow: 0 0 0 8px #ffffff;
}
.card_donor h4{
    color: var(--background-color);
    font-size: 16px;
    margin: 15px 0 5px 0;
}
.card_donor h5{
    color: #454545;
    font-weight: 400;
    font-size: 14px;
}
.card_donor .details{
    width: 80%;
    /*margin-top: 30px;*/
    display: flex;
    margin:auto;
    
    justify-content: space-between;
}
.details h2{
    font-weight: 400;
}
.card_donor .details span{
   color:linear-gradient(267deg, rgba(232, 0, 0, 1) 0%, rgba(61, 0, 0, 1) 100%)!important;;
    
}
.card_donor .buttons{
    width: 100%;
    display: flex;
    justify-content: space-around;
    margin-top: 30px;
}
.card_donor .buttons button{
    width: 130px;
    padding: 8px 0;
    border-radius: 25px;
    border: 3px solid var(--background-color);
}
.card_donor .buttons button:first-child{
    background-color: var(--background-color);
    color: #ffffff;
}
.card_donor .buttons button:last-child{
    background-color: transparent;
    color: var(--background-color);
}