/* ================= Desktop SCROLL ANIMATION ================= */


/* ===== Project Details Image ===== */
.project-detail-img {
  height: 450px;
  object-fit: cover;
}


/* ================= MOBILE SCROLL ANIMATION ================= */
@media (max-width: 991px) {

  .m-animate {
    opacity: 0;
    transition: all 0.8s ease;
    transform: translateY(20px);
  }

  .m-animate.show {
    opacity: 1;
    transform: translateY(0);
  }

  .m-contact {
    font-size: 15px;
  }

  .project-detail-img {
    height: 320px;
  }


}


/* Mobile */
@media (max-width: 576px) {
  .project-detail-img {
    height: auto;
    max-height: 220px;
  }
}