/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/DoubleTextBanner/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.booom-double-text-banner .absolute {
    position: absolute
}
.booom-double-text-banner .relative {
    position: relative
}
.booom-double-text-banner .-inset-x-20 {
    left: -5rem;
    right: -5rem
}
.booom-double-text-banner .-bottom-\[2px\] {
    bottom: -2px
}
.booom-double-text-banner .mx-auto {
    margin-left: auto;
    margin-right: auto
}
.booom-double-text-banner .mb-\[-12\%\] {
    margin-bottom: -12%
}
.booom-double-text-banner .mt-10 {
    margin-top: 2.5rem
}
.booom-double-text-banner .grid {
    display: grid
}
.booom-double-text-banner .w-full {
    width: 100%
}
.booom-double-text-banner .max-w-2xl {
    max-width: 42rem
}
.booom-double-text-banner .max-w-xl {
    max-width: 36rem
}
.booom-double-text-banner .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.booom-double-text-banner .gap-14 {
    gap: 3.5rem
}
.booom-double-text-banner .overflow-hidden {
    overflow: hidden
}
.booom-double-text-banner .rounded-xl {
    border-radius: 0.75rem
}
.booom-double-text-banner .bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}
.booom-double-text-banner .from-white {
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.booom-double-text-banner .pt-16 {
    padding-top: 4rem
}
.booom-double-text-banner .pt-\[12\%\] {
    padding-top: 12%
}
.booom-double-text-banner .text-base\/7 {
    font-size: 1rem;
    line-height: 1.75rem
}
.booom-double-text-banner .text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1))
}
.booom-double-text-banner .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.booom-double-text-banner .ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.booom-double-text-banner .ring-gray-900\/10 {
    --tw-ring-color: rgb(17 24 39 / 0.1)
}
@media (min-width: 1024px) {
    .booom-double-text-banner .lg\:mx-0 {
        margin-left: 0px;
        margin-right: 0px
    }
    .booom-double-text-banner .lg\:max-w-none {
        max-width: none
    }
    .booom-double-text-banner .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .booom-double-text-banner .lg\:pt-20 {
        padding-top: 5rem
    }
}
@media (prefers-color-scheme: dark) {
    .booom-double-text-banner .dark\:text-gray-300 {
        --tw-text-opacity: 1;
        color: rgb(209 213 219 / var(--tw-text-opacity, 1))
    }
}

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