/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sfra-webpack-builder/node_modules/css-unicode-loader/index.js!./node_modules/sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[4]!./cartridges/app_bab_core/cartridge/client/default/scss/experience/components/commerceAssets/heroSlide.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
.hero-slide-container {
  width: 100%;
}
.hero-slide-container .hero-slide-image-container {
  height: 671px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
}
@media (max-width: 543.98px) {
  .hero-slide-container .hero-slide-image-container {
    height: 390px;
  }
}
.hero-slide-container .hero-slide-image-container .hero-slide-text-caption {
  z-index: 1;
}
.hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group {
  padding: 4.37rem 0 4.37rem 6.75rem;
}
@media (max-width: 543.98px) {
  .hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group {
    padding: 2rem 0 2rem 2rem;
  }
}
.hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group img {
  margin-bottom: 2.12rem;
}
@media (max-width: 543.98px) {
  .hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group img {
    margin-bottom: 1.19rem;
    width: 9.625rem;
  }
}
.hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-head h1,
.hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-head h2,
.hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-head h3,
.hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-head h4,
.hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-head h5,
.hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-head h6,
.hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-head p {
  font-size: 5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 5.125rem;
  margin-bottom: 1.94rem;
}
@media (max-width: 543.98px) {
  .hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-head h1,
  .hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-head h2,
  .hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-head h3,
  .hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-head h4,
  .hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-head h5,
  .hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-head h6,
  .hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-head p {
    font-size: 3rem;
    line-height: 2.8125rem;
    margin-bottom: 1rem;
  }
}
.hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-sub-head h1,
.hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-sub-head h2,
.hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-sub-head h3,
.hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-sub-head h4,
.hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-sub-head h5,
.hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-sub-head h6,
.hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-sub-head p {
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.75rem;
  margin-bottom: 1.94rem;
}
@media (max-width: 543.98px) {
  .hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-sub-head h1,
  .hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-sub-head h2,
  .hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-sub-head h3,
  .hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-sub-head h4,
  .hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-sub-head h5,
  .hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-sub-head h6,
  .hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-sub-head p {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 1rem;
  }
}
.hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-sub-head p {
  line-height: 2.0625rem;
}
@media (max-width: 543.98px) {
  .hero-slide-container .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group .text-group-sub-head p {
    line-height: 1.5rem;
  }
}
.hero-slide-container .hero-slide-image-container .hero-slide-image {
  position: absolute;
}
.hero-slide-container .hero-slide-image-container .videoPlayer {
  position: absolute;
  height: 671px;
  width: 1440px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 390px;
  width: 45rem;
}
@media (min-width: 1200px) {
  .hero-slide-container .hero-slide-image-container .videoPlayer {
    width: 100%;
  }
}

.order-right-content .hero-slide-image-container {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
}
.order-right-content .hero-slide-image-container .hero-slide-text-caption {
  width: 55%;
  width: initial;
}
.order-right-content .hero-slide-image-container .hero-slide-text-caption .hero-slide-text-group {
  padding: 2rem 0;
  padding: 2rem 0 2rem 2rem;
}

/*# sourceMappingURL=heroSlide.css.map*/