#our-products .mt-auto {
    margin-top: auto
}
#our-products .flex-col {
    flex-direction: column
}
#our-products .border-emerald-500\/30 {
    border-color: rgb(16 185 129 / 0.3)
}
#our-products .border-orange-500\/30 {
    border-color: rgb(249 115 22 / 0.3)
}
#our-products .border-sky-500\/30 {
    border-color: rgb(14 165 233 / 0.3)
}
#our-products .bg-emerald-500\/10 {
    background-color: rgb(16 185 129 / 0.1)
}
#our-products .bg-orange-500\/10 {
    background-color: rgb(249 115 22 / 0.1)
}
#our-products .bg-sky-500\/10 {
    background-color: rgb(14 165 233 / 0.1)
}
#our-products .from-cyan-400 {
    --tw-gradient-from: #22d3ee var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
#our-products .from-emerald-400 {
    --tw-gradient-from: #34d399 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
#our-products .from-orange-400 {
    --tw-gradient-from: #fb923c var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
#our-products .from-sky-400 {
    --tw-gradient-from: #38bdf8 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
#our-products .to-cyan-500 {
    --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position)
}
#our-products .to-sky-500 {
    --tw-gradient-to: #0ea5e9 var(--tw-gradient-to-position)
}
#our-products .text-emerald-400 {
    --tw-text-opacity: 1;
    color: rgb(52 211 153 / var(--tw-text-opacity, 1))
}
#our-products .text-orange-400 {
    --tw-text-opacity: 1;
    color: rgb(251 146 60 / var(--tw-text-opacity, 1))
}
#our-products .text-sky-400 {
    --tw-text-opacity: 1;
    color: rgb(56 189 248 / var(--tw-text-opacity, 1))
}
@keyframes enter {
    from {
        opacity: var(--tw-enter-opacity, 1);
        transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
    }
}
@keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
    }
}
@media (min-width: 1280px) {
    #our-products .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}