/* Common-card-shadow */
.card-shadow{
    box-shadow: 0px 0px 7px rgb(0,0,0,0.10);
}


/* Transplantation  */
.transplantation-banner{
    /* height: 80vh; */
    /* height: 70vh; */
    height: auto;
    /* background-color: olive; */
}


/* Wnt container */
.wnt-container{
    /* height: 30vh; */
    height: auto;
    /* background-color: yellow; */
}
.wnt-container .wnt-card{
    width: 32%;
}
.wnt-inner-card{
    border-left:5px solid 
    var(--primary-color);
}


/* wcba-container  */
.wcba-donor-container {
    /* height: 100vh; */
    /* height: 80vh; */
    height: auto;
    /* background-color: yellow; */
}
.donor-card-container 
{
    width: 50%;
}
.donor-card-container .donor-card-img{
    height: 80%;
    width: 100%;
}
.donor-card-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.donor-card-container h1{
    height: 20%;
    width: 100%;
}


/* Treatment types container */
.treatment-types-container{
    /* height: 100vh; */
    height: auto;
    /* background-color: lightgray; */
}
.treatement-card-container
{
    row-gap: 20px;
}
.treatment-card{
    width: 49%;
    /* height: 331px; */
}







/* Media query */


/* 901 to 1440 */
@media only screen and (min-width:901px) and (max-width:1440px)
{
    /* wnt container */
    .wnt-container .wnt-card {
        width: 48%;
        /* background-color: yellow; */
    }


    /* wcba container */
    .donor-card-container {
        width: 40%;
    }


}



/* 600 to 991 */
@media only screen and (min-width:600px) and (max-width:991px)
{

    /* wnt container */
    .wnt-container{
        height: auto;
    }

    .wnt-container .wnt-card{
        width: 100%;
        background-color: yellow;
    }


    /* wcba container */
    .wcba-donor-container{
        height: auto;
        /* background-color: yellow; */
    }
    .donor-card-container 
    {
        width: 30%;
    }
}



/* 320 to 768 */
@media only screen and (min-width:320px) and (max-width:768px)
{

    /* Transplantation container */
    .transplantation-banner{
        height: auto;
        /* background-color: olive; */
    }

    .trans-banner-image img{
        height: 300px;
        width: 300px;
    }
    

    /* wnt container */
    .wnt-container{
        height: auto;
        /* margin: 50px 0px; */
    }

    .wnt-container .wnt-card{
        width: 100%;
        background-color: yellow;
    }


    /* Treatment types container */
    .treatment-types-container {
        height: auto;
    }

    .treatement-card-container {
        row-gap: 20px;
    }

    .treatment-card {
        width: 100%;
    }

}



@media only screen and (min-width:320px) and (max-width:600px)
{

    /* .wnt-container{
        height: auto;
    }

    .wnt-container .wnt-card{
        width: 100%;
        background-color: yellow;
    } */


    /* wcba-donor */
    .wcba-donor-container{
        height: auto;
    }
    .donor-card-container 
    {
        width: 45%;
    }
    


}