/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/BlurImageText/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.booom-blur-image-text .absolute {
    position: absolute
}
.booom-blur-image-text .relative {
    position: relative
}
.booom-blur-image-text .inset-0 {
    inset: 0px
}
.booom-blur-image-text .my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}
.booom-blur-image-text .block {
    display: block
}
.booom-blur-image-text .flex {
    display: flex
}
.booom-blur-image-text .grid {
    display: grid
}
.booom-blur-image-text .hidden {
    display: none
}
.booom-blur-image-text .h-2 {
    height: 0.5rem
}
.booom-blur-image-text .h-full {
    height: 100%
}
.booom-blur-image-text .w-2 {
    width: 0.5rem
}
.booom-blur-image-text .max-w-max {
    max-width: -moz-max-content;
    max-width: max-content
}
.booom-blur-image-text .transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.booom-blur-image-text .flex-col {
    flex-direction: column
}
.booom-blur-image-text .flex-wrap {
    flex-wrap: wrap
}
.booom-blur-image-text .items-start {
    align-items: flex-start
}
.booom-blur-image-text .items-end {
    align-items: flex-end
}
.booom-blur-image-text .items-center {
    align-items: center
}
.booom-blur-image-text .justify-end {
    justify-content: flex-end
}
.booom-blur-image-text .gap-16 {
    gap: 4rem
}
.booom-blur-image-text .gap-2 {
    gap: 0.5rem
}
.booom-blur-image-text .gap-8 {
    gap: 2rem
}
.booom-blur-image-text .rounded-2xl {
    border-radius: 1rem
}
.booom-blur-image-text .rounded-full {
    border-radius: 9999px
}
.booom-blur-image-text .rounded-xl {
    border-radius: 0.75rem
}
.booom-blur-image-text .bg-white\/10 {
    background-color: rgb(255 255 255 / 0.1)
}
.booom-blur-image-text .bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}
.booom-blur-image-text .bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}
.booom-blur-image-text .from-\[\#4A39F2\] {
    --tw-gradient-from: #4A39F2 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(74 57 242 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.booom-blur-image-text .from-black\/50 {
    --tw-gradient-from: rgb(0 0 0 / 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.booom-blur-image-text .to-\[\#2D62F7\] {
    --tw-gradient-to: #2D62F7 var(--tw-gradient-to-position)
}
.booom-blur-image-text .to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}
.booom-blur-image-text .p-12 {
    padding: 3rem
}
.booom-blur-image-text .p-16 {
    padding: 4rem
}
.booom-blur-image-text .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
.booom-blur-image-text .py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem
}
.booom-blur-image-text .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}
.booom-blur-image-text .text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}
.booom-blur-image-text .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}
.booom-blur-image-text .font-bold {
    font-weight: 700
}
.booom-blur-image-text .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.booom-blur-image-text .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.booom-blur-image-text .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
@media (min-width: 768px) {
    .booom-blur-image-text .md\:w-1\/2 {
        width: 50%
    }
    .booom-blur-image-text .md\:w-2\/5 {
        width: 40%
    }
    .booom-blur-image-text .md\:w-3\/5 {
        width: 60%
    }
    .booom-blur-image-text .md\:flex-row {
        flex-direction: row
    }
    .booom-blur-image-text .md\:flex-row-reverse {
        flex-direction: row-reverse
    }
}
.booom-blur-image-text :is(.\[\&_img\]\:rounded-xl img) {
    border-radius: 0.75rem
}

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