/* ============================ Dashboard =================================== */
#dashboard-body{
  background:#E6E7EE;
}

/* div */
#dashboard-div-col{
  margin:auto;
}

/* ============================ /Dashboard ================================== */


/* =========================== profile - card ================================*/
#profile-card-div{
  margin-top:50px;
  margin-bottom:50px;
  padding:5px;
  border-radius:10px;
  box-shadow:  3px 3px 7px #c4c4ca,
               -3px -3px 7px #ffffff;
}
.profile-card-img{
  text-align: center;
}
#profile-img{
  width:200px;
  height:200px;
  padding:10px;
  border-radius:100px;
  background:transparent;
  box-shadow: inset 5px 5px 10px #c4c4ca,
              inset -5px -5px 10px #c4c4ca;
  margin-top:5px;
}
#profile-img:hover{
  box-shadow: inset 5px 5px 10px #ffffff,
              inset -5px -5px 10px #ffffff;
}
#profile-info{
  margin:10px;
  padding-top:15px;
  border-radius:10px;
  box-shadow: inset 3px 3px 7px #c4c4ca,
              inset -3px -3px 7px #ffffff;
}
#profile-info-div{
}
#profile-p{
  padding:10px;
  color:#31344B;
  font-size:18px;
  font-weight:500;
}
#profile-p:hover{
  border-radius:10px;
  box-shadow:  3px 3px 7px #c4c4ca,
               -3px -3px 7px #ffffff;
}
#profile-span{
  color:#2D4CC8;
  font-size:18px;
  font-weight:500;
}
#profile-info-div-social{
  text-align: center;
}
#social-btn{
  margin:20px;
  width:auto;
  background: linear-gradient(145deg, #f6f7ff, #cfd0d6);
  border:none;
  border-radius: 50px;
  box-shadow:  5px 5px 7px #c4c4ca,
               -5px -5px 7px #ffffff;
}
#social-btn:hover{
  box-shadow:  2px 2px 5px #c4c4ca,
               -2px -2px 5px #ffffff;
}
#social-btn:focus{
  outline:none;
  box-shadow: inset 5px 5px 7px #c4c4ca,
              inset -5px -5px 7px #ffffff;
}
#social-svg{
  width:50px;
  height:50px;
  padding:10px;
}