/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./blocks/src/utilities/sass/style.scss ***!
  \*****************************************************************************************************************************************************************************************************/
:root {
  --black: #000;
  --white: #fff;
  /* Base color definitions */
  --theme-white: #FFF;
  --theme-black: #000;
  --theme-light-grey: #E0E0E0;
  --theme-grey: #808080;
  --theme-dark-grey: #404040;
  --theme-blue: #002147;
  --theme-red: #B31942;
  --theme-light-blue: #C9ECF5;
  --super-light-grey: #F5F5F5;
  /* Generic semantic aliases */
  --theme-white-color: var(--theme-white);
  --theme-black-color: var(--theme-black);
  --theme-light-grey-color: var(--theme-light-grey);
  --theme-grey-color: var(--theme-grey);
  --theme-dark-grey-color: var(--theme-dark-grey);
  --theme-primary-color: var(--theme-blue);
  --theme-secondary-color: var(--theme-red);
  --theme-third-color: var(--theme-grey);
  --theme-fourth-color: var(--theme-light-blue);
  --theme-fifth-color: var(--super-light-grey);
  /* Gradient color variants for backgrounds */
  --theme-primary-gradient-color: linear-gradient(90deg, rgba(0,0,0,0) 0%, var(--theme-primary-color) 100%);
  --theme-secondary-gradient-color: linear-gradient(90deg, rgba(0,0,0,0) 0%, var(--theme-secondary-color) 100%);
  --theme-third-gradient-color: linear-gradient(90deg, rgba(0,0,0,0) 0%, var(--theme-third-color) 100%);
  --theme-fourth-gradient-color: linear-gradient(90deg, rgba(0,0,0,0) 0%, var(--theme-fourth-color) 100%);
  --theme-fifth-gradient-color: linear-gradient(90deg, rgba(0,0,0,0) 0%, var(--theme-fifth-color) 100%);
  --theme-white-gradient-color: linear-gradient(90deg, rgba(0,0,0,0) 0%, var(--theme-white-color) 100%);
  --theme-black-gradient-color: linear-gradient(90deg, rgba(0,0,0,0) 0%, var(--theme-black-color) 100%);
  --theme-light-grey-gradient-color: linear-gradient(90deg, rgba(0,0,0,0) 0%, var(--theme-light-grey-color) 100%);
  --theme-grey-gradient-color: linear-gradient(90deg, rgba(0,0,0,0) 0%, var(--theme-grey-color) 100%);
  --theme-dark-grey-gradient-color: linear-gradient(90deg, rgba(0,0,0,0) 0%, var(--theme-dark-grey-color) 100%);
  /* Theme-specific text colors for h1-h6, p, span, li, a */
  --theme-primary-h1-color: var(--theme-white-color);
  --theme-primary-h2-color: var(--theme-third-color);
  --theme-primary-h3-color: var(--theme-white-color);
  --theme-primary-h4-color: var(--theme-white-color);
  --theme-primary-h5-color: var(--theme-white-color);
  --theme-primary-h6-color: var(--theme-white-color);
  --theme-primary-p-color: var(--theme-white-color);
  --theme-primary-a-color: var(--theme-white-color);
  --theme-primary-span-color: var(--theme-white-color);
  --theme-primary-li-color: var(--theme-white-color);
  --theme-primary-text-important: var(--theme-fourth-color);
  --theme-primary-text-insignificant: rgba(255,255,255, .6);
  /* Secondary theme text colors (dark background, white text) */
  --theme-secondary-h1-color: var(--theme-white-color);
  --theme-secondary-h2-color: var(--theme-white-color);
  --theme-secondary-h3-color: var(--theme-white-color);
  --theme-secondary-h4-color: var(--theme-white-color);
  --theme-secondary-h5-color: var(--theme-white-color);
  --theme-secondary-h6-color: var(--theme-white-color);
  --theme-secondary-p-color: var(--theme-white-color);
  --theme-secondary-a-color: var(--theme-white-color);
  --theme-secondary-span-color: var(--theme-white-color);
  --theme-secondary-li-color: var(--theme-white-color);
  --theme-secondary-text-important: var(--theme-fourth-color);
  --theme-secondary-text-insignificant: rgba(255,255,255, .6);
  /* Third theme text colors (light background, primary text) */
  --theme-third-h1-color: var(--theme-primary-color);
  --theme-third-h2-color: var(--theme-primary-color);
  --theme-third-h3-color: var(--theme-primary-color);
  --theme-third-h4-color: var(--theme-primary-color);
  --theme-third-h5-color: var(--theme-primary-color);
  --theme-third-h6-color: var(--theme-primary-color);
  --theme-third-p-color: var(--theme-primary-color);
  --theme-third-a-color: var(--theme-primary-color);
  --theme-third-span-color: var(--theme-primary-color);
  --theme-third-li-color: var(--theme-primary-color);
  --theme-third-text-important: var(--theme-primary-color);
  --theme-third-text-insignificant: rgba(0, 33, 71, .6);
  /* Fourth theme text colors (light background, primary text) */
  --theme-fourth-h1-color: var(--theme-primary-color);
  --theme-fourth-h2-color: var(--theme-primary-color);
  --theme-fourth-h3-color: var(--theme-primary-color);
  --theme-fourth-h4-color: var(--theme-primary-color);
  --theme-fourth-h5-color: var(--theme-primary-color);
  --theme-fourth-h6-color: var(--theme-primary-color);
  --theme-fourth-p-color: var(--theme-primary-color);
  --theme-fourth-a-color: var(--theme-primary-color);
  --theme-fourth-span-color: var(--theme-primary-color);
  --theme-fourth-li-color: var(--theme-primary-color);
  --theme-fourth-text-important: var(--theme-primary-color);
  --theme-fourth-text-insignificant: rgba(0, 33, 71, .6);
  /* Black theme text colors (dark background, white text) */
  --theme-black-h1-color: var(--theme-white-color);
  --theme-black-h2-color: var(--theme-white-color);
  --theme-black-h3-color: var(--theme-white-color);
  --theme-black-h4-color: var(--theme-white-color);
  --theme-black-h5-color: var(--theme-white-color);
  --theme-black-h6-color: var(--theme-white-color);
  --theme-black-p-color: var(--theme-white-color);
  --theme-black-a-color: var(--theme-white-color);
  --theme-black-span-color: var(--theme-white-color);
  --theme-black-li-color: var(--theme-white-color);
  --theme-black-text-color: var(--theme-white-color);
  --theme-black-text-important: var(--theme-fourth-color);
  --theme-black-text-insignificant: rgba(255,255,255, .6);
  /* White theme text colors (light background, primary text) */
  --theme-white-h1-color: var(--theme-primary-color);
  --theme-white-h2-color: var(--theme-primary-color);
  --theme-white-h3-color: var(--theme-primary-color);
  --theme-white-h4-color: var(--theme-primary-color);
  --theme-white-h5-color: var(--theme-primary-color);
  --theme-white-h6-color: var(--theme-primary-color);
  --theme-white-p-color: var(--theme-primary-color);
  --theme-white-a-color: var(--theme-primary-color);
  --theme-white-span-color: var(--theme-primary-color);
  --theme-white-li-color: var(--theme-primary-color);
  --theme-white-text-important: var(--theme-primary-color);
  --theme-white-text-insignificant: rgba(0,0,0, .6);
  /* Fifth/Super Light Grey theme text colors (light background, primary text) */
  --theme-fifth-h1-color: var(--theme-primary-color);
  --theme-fifth-h2-color: var(--theme-primary-color);
  --theme-fifth-h3-color: var(--theme-primary-color);
  --theme-fifth-h4-color: var(--theme-primary-color);
  --theme-fifth-h5-color: var(--theme-primary-color);
  --theme-fifth-h6-color: var(--theme-primary-color);
  --theme-fifth-p-color: var(--theme-primary-color);
  --theme-fifth-a-color: var(--theme-primary-color);
  --theme-fifth-span-color: var(--theme-primary-color);
  --theme-fifth-li-color: var(--theme-primary-color);
  --theme-fifth-text-color: var(--theme-primary-color);
  --theme-fifth-text-important: var(--theme-primary-color);
  --theme-fifth-text-insignificant: rgba(0, 33, 71, .6);
  /* Light Grey theme text colors (light background, dark text) */
  --theme-light-grey-h1-color: var(--theme-black-color);
  --theme-light-grey-h2-color: var(--theme-black-color);
  --theme-light-grey-h3-color: var(--theme-black-color);
  --theme-light-grey-h4-color: var(--theme-black-color);
  --theme-light-grey-h5-color: var(--theme-black-color);
  --theme-light-grey-h6-color: var(--theme-black-color);
  --theme-light-grey-p-color: var(--theme-black-color);
  --theme-light-grey-a-color: var(--theme-black-color);
  --theme-light-grey-span-color: var(--theme-black-color);
  --theme-light-grey-li-color: var(--theme-black-color);
  --theme-light-grey-text-color: var(--theme-black-color);
  --theme-light-grey-text-important: var(--theme-primary-color);
  --theme-light-grey-text-insignificant: rgba(0,0,0, .6);
  /* Grey theme text colors (medium background, white text) */
  --theme-grey-h1-color: var(--theme-white-color);
  --theme-grey-h2-color: var(--theme-white-color);
  --theme-grey-h3-color: var(--theme-white-color);
  --theme-grey-h4-color: var(--theme-white-color);
  --theme-grey-h5-color: var(--theme-white-color);
  --theme-grey-h6-color: var(--theme-white-color);
  --theme-grey-p-color: var(--theme-white-color);
  --theme-grey-a-color: var(--theme-white-color);
  --theme-grey-span-color: var(--theme-white-color);
  --theme-grey-li-color: var(--theme-white-color);
  --theme-grey-text-color: var(--theme-white-color);
  --theme-grey-text-important: var(--theme-primary-color);
  --theme-grey-text-insignificant: rgba(255,255,255, .6);
  /* Dark Grey theme text colors (dark background, white text) */
  --theme-dark-grey-h1-color: var(--theme-white-color);
  --theme-dark-grey-h2-color: var(--theme-white-color);
  --theme-dark-grey-h3-color: var(--theme-white-color);
  --theme-dark-grey-h4-color: var(--theme-white-color);
  --theme-dark-grey-h5-color: var(--theme-white-color);
  --theme-dark-grey-h6-color: var(--theme-white-color);
  --theme-dark-grey-p-color: var(--theme-white-color);
  --theme-dark-grey-a-color: var(--theme-white-color);
  --theme-dark-grey-span-color: var(--theme-white-color);
  --theme-dark-grey-li-color: var(--theme-white-color);
  --theme-dark-grey-text-color: var(--theme-white-color);
  --theme-dark-grey-text-important: var(--theme-fourth-color);
  --theme-dark-grey-text-insignificant: rgba(255,255,255, .6);
}

/* Generic theme classes */
.pattern-star {
  position: relative;
  overflow: hidden;
}
.pattern-star .inner-container {
  position: relative;
  min-height: 100px;
  z-index: 2;
}
.pattern-star .inner-container .custom-button-group {
  background: transparent;
}
.pattern-star.pattern-left:before {
  content: "";
  height: 33%;
  max-height: 175px;
  width: auto;
  position: absolute;
  z-index: 1;
  background-image: url(../bc9a6b50b3a6eafcbe74.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.4;
  pointer-events: none;
  left: 0px;
  aspect-ratio: 1/1;
  top: 50%;
  transform: translate(100%, -50%);
}
@media (max-width: 700px) {
  .pattern-star.pattern-left:before {
    width: 203px;
    height: 310px;
    bottom: -12.8125rem;
    left: -6.25rem;
  }
}
.pattern-star.pattern-right:after {
  content: "";
  height: 33%;
  max-height: 175px;
  width: auto;
  position: absolute;
  z-index: 1;
  background-image: url(../bc9a6b50b3a6eafcbe74.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transform: scaleX(-1);
  right: 10px;
  opacity: 0.4;
  pointer-events: none;
  aspect-ratio: 1/1;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 700px) {
  .pattern-star.pattern-right:after {
    display: none;
  }
}

.pattern-leaves {
  position: relative;
  overflow: hidden;
}
.pattern-leaves:before {
  content: "";
  position: absolute;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: auto;
  left: -7.25rem;
  top: 32%;
  width: 22.5625rem;
  height: 36.9375rem;
  pointer-events: none;
}
@media (max-width: 1000px) {
  .pattern-leaves:before {
    right: -0.75rem;
    background-size: auto;
    width: 6.25rem;
    height: 7.5rem;
    left: unset;
  }
}
@media (max-width: 700px) {
  .pattern-leaves:before {
    top: 0;
  }
}
@media (max-width: 700px) {
  .pattern-leaves {
    position: relative;
  }
  .pattern-leaves .section-title {
    max-width: 222px;
  }
}

.pattern-sage {
  position: relative;
  overflow: hidden;
}
.pattern-sage > .inner-container {
  max-width: calc(100% - 25rem) !important;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 700px) {
  .pattern-sage > .inner-container {
    max-width: unset !important;
  }
}
.pattern-sage:before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  width: 11.375rem;
  height: 22.625rem;
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
}
@media (max-width: 700px) {
  .pattern-sage:before {
    display: none;
  }
}
.pattern-sage:after {
  content: "";
  position: absolute;
  z-index: 0;
  transform: scaleX(-1);
  bottom: 0;
  right: 0;
  width: 11.375rem;
  height: 22.625rem;
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
}
@media (max-width: 700px) {
  .pattern-sage:after {
    display: none;
  }
}

.pattern-ferns .inner-container {
  position: relative;
}
.pattern-ferns .inner-container:before {
  content: "";
  position: absolute;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  width: 25.875rem;
  height: 31.4375rem;
  left: -19.375rem;
  top: -45px;
  opacity: 0.6;
}
@media (max-width: 1000px) {
  .pattern-ferns .inner-container:before {
    right: 0;
    width: 6.25rem;
    height: 7.5rem;
    left: unset;
  }
}
@media (max-width: 700px) {
  .pattern-ferns .inner-container:before {
    top: 0;
  }
}
@media (max-width: 700px) {
  .pattern-ferns .inner-container {
    position: relative;
  }
  .pattern-ferns .inner-container .section-title {
    max-width: 222px;
  }
}

.pattern-poppy {
  position: relative;
  overflow: hidden;
}
.pattern-poppy .inner-container {
  position: relative;
  max-width: 78rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  z-index: 2;
  background: transparent;
}
.pattern-poppy .inner-container .section-title {
  max-width: 55rem !important;
}
.pattern-poppy .inner-container .section-description {
  max-width: 60rem !important;
}
.pattern-poppy .inner-container .custom-button-group {
  background: transparent;
}
.pattern-poppy:before {
  content: "";
  height: 371px;
  width: 414px;
  position: absolute;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: contain;
  left: clamp(-5.75rem, -5vw, -2.5rem);
  top: clamp(9rem, 11vw, 11rem);
  pointer-events: none;
}
@media (min-width: 701px) {
  .pattern-poppy:before {
    bottom: -10.75rem;
  }
}
@media (min-width: 1200px) {
  .pattern-poppy:before {
    bottom: -10rem;
  }
}
@media (min-width: 1400px) {
  .pattern-poppy:before {
    bottom: -1rem;
  }
}
@media (max-width: 700px) {
  .pattern-poppy:before {
    display: none;
    content: none;
  }
}