/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./dependencies/sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./dependencies/sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./dependencies/sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_orchardbrands/cartridge/client/default/scss/experience/components/customLayouts/orchardModule.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.pd-module {
  position: relative;
  padding-bottom: 2rem; }
  .pd-module .background-container {
    background-image: var(--background_image_mobile_ob_module);
    background-color: var(--background_color);
    background-position: center;
    opacity: var(--background_opacity);
    position: absolute;
    z-index: -2;
    width: 100%;
    height: 100%;
    top: 0;
    max-height: 52.9375rem; }
    @media (min-width: 769px) {
      .pd-module .background-container {
        background-image: var(--background_image_desktop_ob_module); } }
  .pd-module .module-container {
    width: 100%;
    height: 100%; }
    @media (min-width: 769px) {
      .pd-module .module-container {
        max-height: 52.9375rem; } }
    .pd-module .module-container .pd-module-header-section {
      text-align: center;
      padding-bottom: 1.5625rem; }
    .pd-module .module-container .pd-module-header {
      font-style: normal;
      font-weight: 400;
      margin-top: 2.6875rem;
      font-size: 3.125rem;
      line-height: 2.5625rem; }
      @media (max-width: 991.98px) {
        .pd-module .module-container .pd-module-header {
          font-size: 2rem; } }
    .pd-module .module-container .pd-module-sub-header {
      font-style: normal;
      font-weight: 400;
      font-size: 1.375rem;
      line-height: 2.5625rem; }
      @media (max-width: 991.98px) {
        .pd-module .module-container .pd-module-sub-header {
          font-size: 1.25rem; } }
    .pd-module .module-container .pd-module-region {
      width: 100%;
      flex-direction: column; }
      @media (min-width: 769px) {
        .pd-module .module-container .pd-module-region {
          flex-direction: row;
          justify-content: center;
          gap: 2rem; } }


/*# sourceMappingURL=default\css\experience\components\customLayouts\orchardModule.css.map*/