.gradient{
background: linear-gradient(to left, #e581cb, #f7d3b9);
}
[data-theme-menu-name="تسجيل الدخول"] {
  background-color: #7635DC;
  color: white;
  padding: 15px 20px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

[data-theme-menu-name="تسجيل الدخول"]:hover {
  background-color: #5e28b5; 
}

.rounded-image{
border-radius: 10%;
  overflow: hidden;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);

}
.data-header-transparent{
background: linear-gradient(to left, #e581cb, #f7d3b9);

}
@media (max-width: 768px) {
  .reversed-section {
    flex-direction: column-reverse;
  }
}

.left-rounded{
      overflow: hidden;
     border-top-left-radius: 10%;
     border-left-radius: 10%;
    border-bottom-left-radius: 10%;
  display: block; 
}