
/* Common-card-shadow */
.card-shadow{
    box-shadow: 0px 0px 7px rgb(0,0,0,0.10);
}


/* Kidney  */
.kidney-disease-banner{
    height: auto;
    /* height: 80vh; */
    /* background-color: olive; */
}


/* symptoms container */
.symptoms-container{
    height: auto;
    /* background-color: yellow; */
}
.symptoms-container .symptoms-card{
    width: 32%;
}
.symptoms-inner-card{
    border-left:5px solid 
    var(--primary-color);
}


/* htid-container  */
.htid-container{
    /* height: 80vh; */
    height: auto;
    /* background-color: yellow; */
}
.htid-card-container 
{
    width: 50%;
}
.htid-card-container .htid-card-img{
    height: 80%;
    width: 100%;
}
.htid-card-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.htid-card-container h1{
    height: 20%;
    width: 100%;
}


/* undergoing-test container */
.undergoing-test-container{
    /* height: 100vh; */
    height: auto;
    /* background-color: lightgray; */
}
.undergoing-test-card-container
{
    row-gap: 20px;
}
.undergoing-test-card{
    width: 49%;
    /* height: 331px; */
}





/* Media query */


/* 901 to 1440 */
@media only screen and (min-width:901px) and (max-width:1440px)
{
    /* symptoms container */
    .symptoms-container{
        height: auto;
        /* background-color: yellow; */
    }
    .symptoms-container .symptoms-card {
        width: 48%;
        /* background-color: yellow; */
    }


    /* htid container */
    .htid-card-container {
        width: 40%;
    }
}



/* 600 to 991 */
@media only screen and (min-width:600px) and (max-width:991px)
{

    /* symptoms container */
    .symptoms-container{
        height: auto;
    }

    .symptoms-container .symptoms-card{
        width: 100%;
        background-color: yellow;
    }


    /* htid container */
    .htid-container{
        height: auto;
        /* background-color: yellow; */
    }
    .htid-card-container 
    {
        width: 30%;
    }
}



/* 320 to 768 */
@media only screen and (min-width:320px) and (max-width:768px)
{

    /* kidney container */
    .kidney-disease-banner{
        height: auto;
        /* background-color: olive; */
    }

    .kidney-banner-image img{
        height: 250px;
        width: 250px;
    }
    

    /* symptoms container */
    .symptoms-container{
        height: auto;
        /* margin: 50px 0px; */
    }

    .symptoms-container .symptoms-card{
        width: 100%;
        background-color: yellow;
    }


    
    /* Undergoing test container */
    .undergoing-test-container {
        height: auto;
    }

    .undergoing-test-card-container {
        row-gap: 20px;
    }

    .undergoing-test-card {
        width: 100%;
    }
}



@media only screen and (min-width:320px) and (max-width:600px)
{

    /* .symptoms-container{
        height: auto;
    }

    .symptoms-container .symptoms-card{
        width: 100%;
        background-color: yellow;
    } */


    /* htid */
    .htid-container{
        height: auto;
    }
    .htid-card-container 
    {
        width: 45%;
    }                
}


