.my-account > .container {
	width: 98%;
}
.vertical-tabs> .large-3 {
	background: #bed4ff;
	padding: 30px;
	margin-bottom: 0px; !important
}
.vertical-tabs> .large-9 {
	padding: 30px;
}
.user-id {
	display: none;
}
.account-user> .mr-half {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
}
.account-user > .mr-half > img {
    /* مخفی کردن تصویر اصلی */
    opacity: 0;
    visibility: hidden;
    width: 60px;
    height: 60px;
    position: relative;
}

.account-user > .mr-half {
    position: relative;
    display: inline-block;
}

.account-user > .mr-half::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23666"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm0 14c-2.03 0-4.43-.82-6-2.28.02-1.97 4-3.05 6-3.05s5.98 1.08 6 3.05c-1.57 1.46-3.97 2.28-6 2.28z"/></svg>');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.vertical-tabs {
  border: 1px solid #ccc;
  border-radius: 35px;
}
@media screen and (min-width: 850px) {
  .vertical-tabs> .large-3{
	border-radius: 0 30px 30px 0;
  }
}
@media screen and (max-width: 849px) {
  .vertical-tabs> .large-3{
   border-radius: 30px 30px 0 0; 
  }
}