/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ProjectCard/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
.booom-project-card .block {
    display: block
}
.booom-project-card .aspect-video {
    aspect-ratio: 16 / 9
}
.booom-project-card .overflow-hidden {
    overflow: hidden
}
.booom-project-card .rounded-lg {
    border-radius: 0.5rem
}
.booom-project-card .bg-white\/20 {
    background-color: rgb(255 255 255 / 0.2)
}
.booom-project-card .bg-white\/10 {
    background-color: rgb(255 255 255 / 0.1)
}
.booom-project-card .object-cover {
    -o-object-fit: cover;
       object-fit: cover
}
.booom-project-card .p-6 {
    padding: 1.5rem
}
.booom-project-card .p-4 {
    padding: 1rem
}
.booom-project-card .text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}
.booom-project-card .font-bold {
    font-weight: 700
}
.booom-project-card .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)
}
.booom-project-card .backdrop-blur-lg {
    --tw-backdrop-blur: blur(16px);
    -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)
}

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