.patient-info{
    position:relative;
    top:14%;
    background-image: 
    url('/skmh.org/images/hand.jpg');
    background-size: cover;
    width:100%;
    height:40%;
}

.patient-box{
    width:100%;
    height:100%;
    background-color: rgba(0, 102, 102, 0.6);
    display:flex;
    justify-content: space-around;

}
.open-date{
    width:30%;
    height:100%;
    display:flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.boxsquare{
    width:120px;
    height:120px;
    border:4px solid white;
    border-radius: 50%;
    display:flex;
    justify-content: center;
    align-items: center;
}
.boxsquare i{
    font-size:35px;
    color:white;
}
.text-box{  
    display:block;
    justify-content: center;
    align-items: center;
    font-size:30px;
    color:white; 
    font-weight: 650;
    padding:15px;
}


/* PHone */
@media (max-width: 787px) {
    .patient-info{
        margin: -12% 0 0 0;
        height:20%;
    }
    .open-date{
        
        width:30%;
        height:100%;
        display:flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
        .boxsquare{
        width:45px;
        height:45px;
        border:3px solid white;
        border-radius: 50%;
        display:flex;
        justify-content: center;
        align-items: center;
    }
    .boxsquare i{
        font-size:15px;
        color:white;
    }
    .text-box{  
        display:block;
        justify-content: center;
        align-items: center;
        font-size:11px;
        color:white; 
        font-weight: 500;
        padding:0;
    }
    

}