/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./inc/Components/DecorativeHero/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
.booom-decorative-hero .pointer-events-none {
    pointer-events: none
}
.booom-decorative-hero .absolute {
    position: absolute
}
.booom-decorative-hero .relative {
    position: relative
}
.booom-decorative-hero .bottom-0 {
    bottom: 0px
}
.booom-decorative-hero .right-0 {
    right: 0px
}
.booom-decorative-hero .right-\[10\%\] {
    right: 10%
}
.booom-decorative-hero .top-0 {
    top: 0px
}
.booom-decorative-hero .z-10 {
    z-index: 10
}
.booom-decorative-hero .mt-6 {
    margin-top: 1.5rem
}
.booom-decorative-hero .flex {
    display: flex
}
.booom-decorative-hero .h-auto {
    height: auto
}
.booom-decorative-hero .min-h-\[280px\] {
    min-height: 280px
}
.booom-decorative-hero .min-h-\[350px\] {
    min-height: 350px
}
.booom-decorative-hero .w-\[160px\] {
    width: 160px
}
.booom-decorative-hero .w-\[170px\] {
    width: 170px
}
.booom-decorative-hero .max-w-3xl {
    max-width: 48rem
}
.booom-decorative-hero .max-w-none {
    max-width: none
}
.booom-decorative-hero .items-end {
    align-items: flex-end
}
.booom-decorative-hero .overflow-hidden {
    overflow: hidden
}
.booom-decorative-hero .rounded-corner-xl {
    border-radius: 30px
}
.booom-decorative-hero .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
.booom-decorative-hero .pb-10 {
    padding-bottom: 2.5rem
}
.booom-decorative-hero .pt-16 {
    padding-top: 4rem
}
@media (min-width: 1024px) {
    .booom-decorative-hero .lg\:right-\[20\%\] {
        right: 20%
    }
    .booom-decorative-hero .lg\:min-h-\[320px\] {
        min-height: 320px
    }
    .booom-decorative-hero .lg\:min-h-\[458px\] {
        min-height: 458px
    }
    .booom-decorative-hero .lg\:w-\[236px\] {
        width: 236px
    }
    .booom-decorative-hero .lg\:w-\[250px\] {
        width: 250px
    }
    .booom-decorative-hero .lg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    .booom-decorative-hero .lg\:pb-12 {
        padding-bottom: 3rem
    }
}
.booom-decorative-hero :is(.\[\&_h1\]\:uppercase h1) {
    text-transform: uppercase
}
.booom-decorative-hero :is(.\[\&_h1\]\:text-primary h1) {
    --tw-text-opacity: 1;
    color: rgb(27 7 0 / var(--tw-text-opacity, 1))
}
.booom-decorative-hero :is(.\[\&_p\]\:text-primary p) {
    --tw-text-opacity: 1;
    color: rgb(27 7 0 / var(--tw-text-opacity, 1))
}

/*# sourceMappingURL=style-script.css.map*/