.about-section {
  direction: rtl;
  padding: 40px 8% 20px;
  background: #ffffff;
}

.about-title {
  text-align: center;
 font-size: clamp(1.375rem, 1.1731rem + 0.9231vw, 1.75rem);
  margin-bottom: 30px;
  color: #1f2d3d;
}

.about-content {
  max-width: 900px;
  margin: 0 auto;

  opacity: 0;
  transform: translateY(40px);
  transition: all 0.6s ease;
}

.about-content.visible {
  opacity: 1;
  transform: translateY(0);
}

.about-content p {
  font-size: 16px;
  line-height: 1.9;
  color: #374151;
  margin-bottom: 22px;
}