/* Add custom CSS styles below */ 
.center-products-hero,
.center-products-hero .container,
.center-products-hero .content,
.center-products-hero .banner-content,
.center-products-hero .slider-content,
.center-products-hero .swiper-slide,
.center-products-hero [class*="content"],
.center-products-hero [class*="text"] {
  text-align: center !important;
}

.center-products-hero h1,
.center-products-hero h2,
.center-products-hero h3,
.center-products-hero p,
.center-products-hero span,
.center-products-hero a {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.center-products-hero [class*="absolute"],
.center-products-hero [style*="position"] {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  text-align: center !important;
}