.hero-bg {
  background-image: url('assets/img/illustrations/hero.webp');
  background-position: right bottom;
}
.heroheader-bg {
  background-image: url(assets/img/illustrations/heroheader-bg.webp);
  background-position: center;
  background-size: contain;
}
.feature-bg {
  background-image: url(assets/img/illustrations/feature-bg.webp);
  background-position: right;
  background-size:auto;
}
.service-bg {
  background-image: url(assets/img/illustrations/service.webp);
  background-position: bottom center;
  background-size: contain;
}
.product-bg-1 {
  background-image: url(assets/img/illustrations/product-bg-1.webp);
  background-position: center;
  background-size: cover;
}
.product-bg-2 {
  background-image: url(assets/img/illustrations/product-bg-2.webp);
  background-position: left top;
  background-size: contain;
}
.product-bg {
  background-image: url(assets/img/illustrations/project-bg.webp);
  background-position: right;
  background-size: auto;
}
.contact-us-bg {
  background-image: url(assets/img/illustrations/contact-us-bg.webp);
  background-position: left bottom;
  background-size: auto;
}
.contact-bg {
  background-image: url(assets/img/gallery/contact-bg.webp);
  background-position: right center;
  background-size: contain;
}
.textarea-height {
  height: 150px;
}
.cta-bg {
  background-image: url(assets/img/illustrations/cta-bg.webp);
  background-position: center;
  background-size: cover;
}
.cta-bg-1 {
  background-image: url(assets/img/illustrations/cta-bg-1.webp);
  background-position: right top;
  background-size: auto;
  margin-top: -38px;
  margin-left: -200px;
}
.footer-bg {
  background-image: url(assets/img/illustrations/footer-bg.webp);
  background-position: center;
  background-size: cover;
}