.custom-hero-module {
  position: relative;
  background-size: cover;
  background-position: center;
  padding: 100px 0px 200px; /* extra bottom padding for overlapping image */
  text-align: center;
  color: #fff;
}
.custom-hero-module .hero-heading h1 {
  color: #FFF;
  text-align: center;
  font-size: 55px;
  font-weight: 600;
  line-height: 61.6px;
  margin-bottom: 44px;
}
.custom-hero-module .hero-description{
  max-width: 533px;
  margin: 0 auto;
}
.custom-hero-module .hero-description p,
.custom-hero-module .hero-description p span,
.custom-hero-module .hero-description span{
  color: #FFF;
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  line-height: 29.26px;
}
.custom-hero-module .hero-description p{
  margin-bottom: 15px;
}
.custom-hero-module .hero-description p:last-child{
  margin-bottom: 0;
}
.custom-hero-module .plus-icon {
  position: absolute;
  transform: translate(-93px, -92px);
}
.custom-hero-module .plus-icon img{
  width: 155px !important;
  height: 155px !important;
  object-fit: cover;
}
.bottom-image-hero-banner-outer {
  position: relative;
}
.bottom-image-hero-banner{
  
}
.custom-hero-module .foreground-image {
  position: relative;
/*   bottom: 0; /* overlap effect */
  transform: translate(0%, 70px);
  max-width: 1086px;
  margin: 0 auto;
  width: 100%;
  max-height: 278px;
}

.custom-hero-module .foreground-image .foreground-image-main img {
  width: 100%;
  display: block;
  height: 392px;
  object-fit: cover;
}
@media (max-width: 991px){
  .custom-hero-module .hero-heading h1{
    font-size: 38px;
    line-height: 42.56px;
    margin-bottom: 30px;
  }
  .custom-hero-module .hero-description p,
  .custom-hero-module .hero-description p span,
  .custom-hero-module .hero-description span{
    font-size: 22px;
    line-height: 29.26px;
  }
  .custom-hero-module .foreground-image .foreground-image-main img{
    height: 276px;
    padding: 0 32px;
  }
  .custom-hero-module .foreground-image{
      transform: translate(0%, 123px);
  }
  .custom-hero-module .plus-icon img{
    width: 96.942px !important;
    height: 96.942px !important;
  }
  .custom-hero-module .plus-icon {
    transform: translate(-26px, -58px); 
  }
}
@media (max-width: 1280px) and (min-width: 992px){
  .custom-hero-module .foreground-image .foreground-image-main img{
    height: 276px;
    padding: 0 32px;
  }
  .custom-hero-module .foreground-image{
      transform: translate(0%, 123px);
  }
  .custom-hero-module .plus-icon img{
    width: 96.942px !important;
    height: 96.942px !important;
  }
  .custom-hero-module .plus-icon {
    transform: translate(-26px, -58px); 
  }
}