.main{
        display: flex;
        align-items: space-between;
    }
 
 .con{
        padding:20px 0 20px 5px;
        width:18%;
        background:#fff;
        height: 83vh;
    }
     .chat{
        border-top:1px solid #c3c3c6;
        border-bottom:1px solid #c3c3c6;
        display:flex;
        align-items:center;
        margin: 5px 0;
        padding:2px 0 ;
    }
     .profile img{
        border-radius:50%;
        width: 50px;
        height:50px;
    }
    .name{
        display:flex;
        align-items:center;
    }
    .name span{
        font-size:19px;
        font-weight:700;
        padding:0 0 0 20px;
    }
    .chat_profile{
        width: 80%;
        /* border: 1px solid yellow; */
        height: 60vh;
    }
  .head{
        border: 1px solid black;
        padding:30px 0 0 250px;
        display: flex;
        align-items: center;
         justify-content: space-between;
    }
    .pn{
        display: flex;
        align-items: center;
       
    }
    i{
        padding:0 5px 0 0;
        font-size: 18px;
    }
    .call{
        padding: 0 10px;
    }
    .call i{
        padding: 0 10px;
    }
    .message{
         padding:0 0 0 250px;
        border: 1px solid yellow;
         width: 100%;
        height: 100%;
        background:url(/whatsapp_background.jpg);
        background-size: 100% 100%;
    }
    .message_contain{
        width: 100%;
        height: 100%;
        border: 1px solid red;
    }