.front .latest-projects, .is-root-container .latest-projects {
  padding-top: 15px;
  padding-bottom: 50px;
  position: relative;
}
.front .latest-projects .swiper-button-prev, .front .latest-projects .swiper-button-next, .is-root-container .latest-projects .swiper-button-prev, .is-root-container .latest-projects .swiper-button-next {
  top: auto;
  bottom: 0;
  margin: 0;
  color: #000;
}
.front .latest-projects .swiper-button-prev:after, .front .latest-projects .swiper-button-next:after, .is-root-container .latest-projects .swiper-button-prev:after, .is-root-container .latest-projects .swiper-button-next:after {
  display: none;
}
.front .latest-projects .swiper-button-prev i, .is-root-container .latest-projects .swiper-button-prev i {
  transform: rotate(180deg);
}
.front .latest-projects .swiper-button-disabled, .is-root-container .latest-projects .swiper-button-disabled {
  opacity: 0;
}
.front .latest-projects .project-single, .is-root-container .latest-projects .project-single {
  padding-bottom: 161%;
  position: relative;
  overflow: hidden;
  display: block;
}
.front .latest-projects .project-single img, .is-root-container .latest-projects .project-single img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.26, 1.04, 0.54, 1);
}
.front .latest-projects .project-single img:hover, .is-root-container .latest-projects .project-single img:hover {
  transform: matrix(1.05, 0, 0, 1.05, 0, 0);
}
.front .latest-projects .project-single-content, .is-root-container .latest-projects .project-single-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 45px 29px;
  color: #fff;
  pointer-events: none;
}
@media (max-width: 767px) {
  .front .latest-projects .project-single-content, .is-root-container .latest-projects .project-single-content {
    padding: 20px 15px;
  }
}
.front .latest-projects .project-single-content h3, .is-root-container .latest-projects .project-single-content h3 {
  font-size: 36px;
  margin: 0 !important;
}
.front .latest-projects .project-single-content .project-single-subtitle, .is-root-container .latest-projects .project-single-content .project-single-subtitle {
  font-size: 24px;
  font-weight: 300;
  margin: 0 !important;
}
@media (min-width: 768px) {
  .front .latest-projects-horizontal .project-single, .is-root-container .latest-projects-horizontal .project-single {
    padding-bottom: 65%;
  }
}
.front .latest-projects-horizontal .project-single-content, .is-root-container .latest-projects-horizontal .project-single-content {
  z-index: 1;
  pointer-events: all !important;
}
.front .latest-projects-horizontal a, .is-root-container .latest-projects-horizontal a {
  text-decoration: none !important;
  margin-top: 19px;
  color: #fff;
  background-color: #ab2544;
  display: inline-block;
  margin-right: 16px;
  font-size: 15px;
  padding: 1px 22px;
  transition: all 0.3s ease-in-out;
}
.front .latest-projects-horizontal a:hover, .is-root-container .latest-projects-horizontal a:hover {
  background-color: #7e273b;
}

.project-single-hashtags {
  border-top: 1px solid #fff;
  margin-top: 7px;
  padding-top: 10px;
  font-size: 15px;
  display: flex;
  gap: 14px;
}

.page-template-template-landing-app-mobile.front .latest-projects .project-single,
.page-template-template-landing-insight.front .latest-projects .project-single {
  border-radius: 10px;
}