/* HERO MODERN */
.penci-featured-content {
  margin-top: -70px !important;
  padding: 0 !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12) !important;
}
.penci-featured-content img {
  border-radius: 24px !important;
  transition: 0.5s;
}
.penci-featured-content:hover img {
  transform: scale(1.03);
}
.featured-content {
  padding: 34px !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.05)) !important;
}
.featured-content h2 {
  font-size: 42px !important;
  font-weight: 800 !important;
  line-height: 1.15;
  color: #fff !important;
}
.featured-content p {
  font-size: 17px !important;
  color: #f3f3f3 !important;
}
@media (max-width: 768px) {
  .penci-featured-content {
    margin-top: -30px !important;
    border-radius: 18px !important;
  }
  .featured-content {
    padding: 20px !important;
  }
  .featured-content h2 {
    font-size: 28px !important;
  }
}