/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/TextImage/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.booom-text-image .absolute {
    position: absolute
}
.booom-text-image .relative {
    position: relative
}
.booom-text-image .inset-0 {
    inset: 0px
}
.booom-text-image .mt-2 {
    margin-top: 0.5rem
}
.booom-text-image .flex {
    display: flex
}
.booom-text-image .h-full {
    height: 100%
}
.booom-text-image .min-h-\[250px\] {
    min-height: 250px
}
.booom-text-image .w-full {
    width: 100%
}
.booom-text-image .flex-shrink-0 {
    flex-shrink: 0
}
.booom-text-image .flex-col {
    flex-direction: column
}
.booom-text-image .flex-col-reverse {
    flex-direction: column-reverse
}
.booom-text-image .items-stretch {
    align-items: stretch
}
.booom-text-image .justify-center {
    justify-content: center
}
.booom-text-image .justify-between {
    justify-content: space-between
}
.booom-text-image .gap-12 {
    gap: 3rem
}
.booom-text-image .gap-4 {
    gap: 1rem
}
.booom-text-image .overflow-hidden {
    overflow: hidden
}
.booom-text-image .rounded-lg {
    border-radius: 0.5rem
}
.booom-text-image .rounded-none {
    border-radius: 0px
}
.booom-text-image .bg-contrast {
    --tw-bg-opacity: 1;
    background-color: rgb(218 17 116 / var(--tw-bg-opacity, 1))
}
.booom-text-image .bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(44 40 116 / var(--tw-bg-opacity, 1))
}
.booom-text-image .bg-surface-section {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 247 / var(--tw-bg-opacity, 1))
}
.booom-text-image .bg-transparent {
    background-color: transparent
}
.booom-text-image .object-cover {
    -o-object-fit: cover;
       object-fit: cover
}
.booom-text-image .px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.booom-text-image .py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}
@media (min-width: 640px) {
    .booom-text-image .sm\:min-h-\[300px\] {
        min-height: 300px
    }
}
@media (min-width: 1024px) {
    .booom-text-image .lg\:min-h-\[406px\] {
        min-height: 406px
    }
    .booom-text-image .lg\:min-h-\[496px\] {
        min-height: 496px
    }
    .booom-text-image .lg\:w-1\/2 {
        width: 50%
    }
    .booom-text-image .lg\:w-1\/3 {
        width: 33.333333%
    }
    .booom-text-image .lg\:w-2\/3 {
        width: 66.666667%
    }
    .booom-text-image .lg\:w-\[37\%\] {
        width: 37%
    }
    .booom-text-image .lg\:w-\[63\%\] {
        width: 63%
    }
    .booom-text-image .lg\:flex-row {
        flex-direction: row
    }
    .booom-text-image .lg\:flex-row-reverse {
        flex-direction: row-reverse
    }
    .booom-text-image .lg\:p-8 {
        padding: 2rem
    }
}
.booom-text-image :is(.\[\&_\*\]\:text-white *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.booom-text-image :is(.\[\&_h2\]\:\!text-white h2) {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
}

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