.main_class{
padding: 10px;
direction: rtl;
width: 95%;
flex-shrink: 0;
border-radius: 12px;
border: 3px solid #969393;
 
 
}
.u_img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.full_name{
    display: flex;
width: 190.5px;
height: 30.75px;
padding: 7.5px;
justify-content: center;
align-items: center;
gap: 6px;
border-radius: 12px;
border: 0.75px solid #000;
margin: 5px;
}
.img_td{
    justify-content: center;
    align-items: center;
    padding:5px;
  
}
.user_info{
    position: relative;
    top: -30px;
    justify-content: center;
    align-items: center;
    padding:10px;
}
.srv_title{
    display: flex;
width: 189.75px;
height: 56.25px;
padding: 7.5px;
justify-content: center;
align-items: center;
gap: 6px;
flex-shrink: 0;
border-radius: 12px;
border: 0.75px solid #000;
background: rgba(141, 224, 205, 0.50);
color: #0D2A39;
text-align: center;
font-family: 'Wafeq';
font-size: 15.5px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.srvs_list{
display: flex;
width: 97%;
height: 114.75px;
padding: 7.5px;
justify-content: center;
align-items: center;
gap: 6px;
flex-shrink: 0;
border-radius: 12px;
border: 0.75px solid #000;
margin: 10px;
color: #0D2A39;
text-align: right;
font-family: 'Wafeq';
font-size: 13.5px;
font-style: normal;
font-weight: 700;
line-height: normal;

}
.tb_1{
    width: 98%;
}


.msg_btn{
    display: flex;
width: 257px;
height: 52px;
padding: 10px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
border-radius: 8px;
border: 1px solid #8DE0CD;
background: #24759F;
color: #8DE0CD;
text-align: center; 
font-family: 'Cairo';
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
/************************************/
@media (max-width: 600px) {
    .main_class{
        display: flex;
        justify-content: center; /* توسيط أفقي */
        align-items: center;     /* توسيط عمودي */
        
        flex-direction: column;  /* ترتيب العناصر عموديًا */
    }
    
    
    .tb_1 tr {
      display: block;
      margin-bottom: 10px;
    }
  
    .tb_1 td {
      display: block;
      width: 100%;
    }


    #u_tb tr {
        display: block;
        margin-bottom: 10px;
      }
    
      #u_tb td {
        display: block;
        width: 100%;
         
      }
      .center_items{
        display: block;
      }

     .img_td{
        justify-content: center;
        text-align: center;
     }
   


  }