.card-img-h {
  height: 350px;
}

.text-mrg-top {
  margin-top: 100px;
}

.txt-color {
  color: black;
}

.intro-card-mrg-top {
  margin-top: 100px;
}

.black-div {
  margin-top: 150px;
  background-color: black;
}

.footer-color {
  background-color: black;
}
/* استایل اولیه بخش که پایین‌تر و شفاف است */
.animated-section {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s ease-out;
}

/* وقتی بخش وارد ویوپورت شد */
.animated-section.visible {
  opacity: 1;
  transform: translateY(0);
}