.booom-product-sector .relative {
    position: relative
}
.booom-product-sector .z-10 {
    z-index: 10
}
.booom-product-sector .m-0 {
    margin: 0px
}
.booom-product-sector .mx-auto {
    margin-left: auto;
    margin-right: auto
}
.booom-product-sector .\!-mt-\[200px\] {
    margin-top: -200px !important
}
.booom-product-sector .mb-6 {
    margin-bottom: 1.5rem
}
.booom-product-sector .mb-8 {
    margin-bottom: 2rem
}
.booom-product-sector .flex {
    display: flex
}
.booom-product-sector .grid {
    display: grid
}
.booom-product-sector .hidden {
    display: none
}
.booom-product-sector .max-w-\[1600px\] {
    max-width: 1600px
}
.booom-product-sector .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.booom-product-sector .items-end {
    align-items: flex-end
}
.booom-product-sector .justify-end {
    justify-content: flex-end
}
.booom-product-sector .justify-between {
    justify-content: space-between
}
.booom-product-sector .gap-6 {
    gap: 1.5rem
}
.booom-product-sector .rounded-2xl {
    border-radius: 1rem
}
.booom-product-sector .bg-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(0 54 97 / var(--tw-bg-opacity, 1))
}
.booom-product-sector .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}
.booom-product-sector .px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.booom-product-sector .py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}
.booom-product-sector .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
@media (min-width: 640px) {
    .booom-product-sector .sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }
}
@media (min-width: 768px) {
    .booom-product-sector .md\:mb-0 {
        margin-bottom: 0px
    }
    .booom-product-sector .md\:mb-10 {
        margin-bottom: 2.5rem
    }
    .booom-product-sector .md\:block {
        display: block
    }
    .booom-product-sector .md\:hidden {
        display: none
    }
    .booom-product-sector .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .booom-product-sector .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
}
@media (min-width: 1024px) {
    .booom-product-sector .lg\:\!-mt-\[300px\] {
        margin-top: -300px !important
    }
    .booom-product-sector .lg\:mb-12 {
        margin-bottom: 3rem
    }
    .booom-product-sector .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .booom-product-sector .lg\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }
}