/* cms-tailwind-legacy-v1.7-tw3.4.17; template=123; scoped=.ba-tw-scope-p123 */
:where(.ba-tw-scope-p123),:where(.ba-tw-scope-p123) *,:where(.ba-tw-scope-p123)::before,:where(.ba-tw-scope-p123)::after,:where(.ba-tw-scope-p123) *::before,:where(.ba-tw-scope-p123) *::after{--ba-tw3-border-spacing-x:0;--ba-tw3-border-spacing-y:0;--ba-tw3-translate-x:0;--ba-tw3-translate-y:0;--ba-tw3-rotate:0;--ba-tw3-skew-x:0;--ba-tw3-skew-y:0;--ba-tw3-scale-x:1;--ba-tw3-scale-y:1;--ba-tw3-pan-x:;--ba-tw3-pan-y:;--ba-tw3-pinch-zoom:;--ba-tw3-scroll-snap-strictness:proximity;--ba-tw3-gradient-from-position:;--ba-tw3-gradient-via-position:;--ba-tw3-gradient-to-position:;--ba-tw3-ordinal:;--ba-tw3-slashed-zero:;--ba-tw3-numeric-figure:;--ba-tw3-numeric-spacing:;--ba-tw3-numeric-fraction:;--ba-tw3-ring-inset:;--ba-tw3-ring-offset-width:0px;--ba-tw3-ring-offset-color:#fff;--ba-tw3-ring-color:rgb(59 130 246 / .5);--ba-tw3-ring-offset-shadow:0 0 #0000;--ba-tw3-ring-shadow:0 0 #0000;--ba-tw3-shadow:0 0 #0000;--ba-tw3-shadow-colored:0 0 #0000;--ba-tw3-blur:;--ba-tw3-brightness:;--ba-tw3-contrast:;--ba-tw3-grayscale:;--ba-tw3-hue-rotate:;--ba-tw3-invert:;--ba-tw3-saturate:;--ba-tw3-sepia:;--ba-tw3-drop-shadow:;--ba-tw3-backdrop-blur:;--ba-tw3-backdrop-brightness:;--ba-tw3-backdrop-contrast:;--ba-tw3-backdrop-grayscale:;--ba-tw3-backdrop-hue-rotate:;--ba-tw3-backdrop-invert:;--ba-tw3-backdrop-opacity:;--ba-tw3-backdrop-saturate:;--ba-tw3-backdrop-sepia:;--ba-tw3-content:"";}
:where(.ba-tw-scope-p123)::backdrop,:where(.ba-tw-scope-p123) *::backdrop{--ba-tw3-border-spacing-x:0;--ba-tw3-border-spacing-y:0;--ba-tw3-translate-x:0;--ba-tw3-translate-y:0;--ba-tw3-rotate:0;--ba-tw3-skew-x:0;--ba-tw3-skew-y:0;--ba-tw3-scale-x:1;--ba-tw3-scale-y:1;--ba-tw3-pan-x:;--ba-tw3-pan-y:;--ba-tw3-pinch-zoom:;--ba-tw3-scroll-snap-strictness:proximity;--ba-tw3-gradient-from-position:;--ba-tw3-gradient-via-position:;--ba-tw3-gradient-to-position:;--ba-tw3-ordinal:;--ba-tw3-slashed-zero:;--ba-tw3-numeric-figure:;--ba-tw3-numeric-spacing:;--ba-tw3-numeric-fraction:;--ba-tw3-ring-inset:;--ba-tw3-ring-offset-width:0px;--ba-tw3-ring-offset-color:#fff;--ba-tw3-ring-color:rgb(59 130 246 / .5);--ba-tw3-ring-offset-shadow:0 0 #0000;--ba-tw3-ring-shadow:0 0 #0000;--ba-tw3-shadow:0 0 #0000;--ba-tw3-shadow-colored:0 0 #0000;--ba-tw3-blur:;--ba-tw3-brightness:;--ba-tw3-contrast:;--ba-tw3-grayscale:;--ba-tw3-hue-rotate:;--ba-tw3-invert:;--ba-tw3-saturate:;--ba-tw3-sepia:;--ba-tw3-drop-shadow:;--ba-tw3-backdrop-blur:;--ba-tw3-backdrop-brightness:;--ba-tw3-backdrop-contrast:;--ba-tw3-backdrop-grayscale:;--ba-tw3-backdrop-hue-rotate:;--ba-tw3-backdrop-invert:;--ba-tw3-backdrop-opacity:;--ba-tw3-backdrop-saturate:;--ba-tw3-backdrop-sepia:;--ba-tw3-content:"";}
.ba-tw-scope-p123 .absolute {
    position: absolute
}
.ba-tw-scope-p123 .relative {
    position: relative
}
.ba-tw-scope-p123 .left-2 {
    left: 0.5rem
}
.ba-tw-scope-p123 .right-2 {
    right: 0.5rem
}
.ba-tw-scope-p123 .top-1\/2 {
    top: 50%
}
.ba-tw-scope-p123 .z-10 {
    z-index: 10
}
.ba-tw-scope-p123 .mx-auto {
    margin-left: auto;
    margin-right: auto
}
.ba-tw-scope-p123 .mb-2 {
    margin-bottom: 0.5rem
}
.ba-tw-scope-p123 .mb-6 {
    margin-bottom: 1.5rem
}
.ba-tw-scope-p123 .mt-3 {
    margin-top: 0.75rem
}
.ba-tw-scope-p123 .flex {
    display: flex
}
.ba-tw-scope-p123 .h-2\.5 {
    height: 0.625rem
}
.ba-tw-scope-p123 .h-\[220px\] {
    height: 220px
}
.ba-tw-scope-p123 .w-2\.5 {
    width: 0.625rem
}
.ba-tw-scope-p123 .w-full {
    width: 100%
}
.ba-tw-scope-p123 .max-w-6xl {
    max-width: 72rem
}
.ba-tw-scope-p123 .flex-none {
    flex: none
}
.ba-tw-scope-p123 .-translate-y-1\/2 {
    --ba-tw3-translate-y: -50%;
    transform: translate(var(--ba-tw3-translate-x), var(--ba-tw3-translate-y)) rotate(var(--ba-tw3-rotate)) skewX(var(--ba-tw3-skew-x)) skewY(var(--ba-tw3-skew-y)) scaleX(var(--ba-tw3-scale-x)) scaleY(var(--ba-tw3-scale-y))
}
.ba-tw-scope-p123 .transform {
    transform: translate(var(--ba-tw3-translate-x), var(--ba-tw3-translate-y)) rotate(var(--ba-tw3-rotate)) skewX(var(--ba-tw3-skew-x)) skewY(var(--ba-tw3-skew-y)) scaleX(var(--ba-tw3-scale-x)) scaleY(var(--ba-tw3-scale-y))
}
.ba-tw-scope-p123 .resize {
    resize: both
}
.ba-tw-scope-p123 .items-center {
    align-items: center
}
.ba-tw-scope-p123 .justify-start {
    justify-content: flex-start
}
.ba-tw-scope-p123 .justify-center {
    justify-content: center
}
.ba-tw-scope-p123 .gap-1\.5 {
    gap: 0.375rem
}
.ba-tw-scope-p123 .gap-2 {
    gap: 0.5rem
}
.ba-tw-scope-p123 .overflow-hidden {
    overflow: hidden
}
.ba-tw-scope-p123 .overflow-x-auto {
    overflow-x: auto
}
.ba-tw-scope-p123 .whitespace-nowrap {
    white-space: nowrap
}
.ba-tw-scope-p123 .rounded-full {
    border-radius: 9999px
}
.ba-tw-scope-p123 .rounded-lg {
    border-radius: 0.5rem
}
.ba-tw-scope-p123 .border {
    border-width: 1px
}
.ba-tw-scope-p123 .border-sky-600 {
    --ba-tw3-border-opacity: 1;
    border-color: rgb(2 132 199 / var(--ba-tw3-border-opacity, 1))
}
.ba-tw-scope-p123 .border-slate-200 {
    --ba-tw3-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--ba-tw3-border-opacity, 1))
}
.ba-tw-scope-p123 .bg-sky-600 {
    --ba-tw3-bg-opacity: 1;
    background-color: rgb(2 132 199 / var(--ba-tw3-bg-opacity, 1))
}
.ba-tw-scope-p123 .bg-slate-300 {
    --ba-tw3-bg-opacity: 1;
    background-color: rgb(203 213 225 / var(--ba-tw3-bg-opacity, 1))
}
.ba-tw-scope-p123 .bg-slate-50 {
    --ba-tw3-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--ba-tw3-bg-opacity, 1))
}
.ba-tw-scope-p123 .bg-white {
    --ba-tw3-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--ba-tw3-bg-opacity, 1))
}
.ba-tw-scope-p123 .bg-white\/90 {
    background-color: rgb(255 255 255 / 0.9)
}
.ba-tw-scope-p123 .object-cover {
    object-fit: cover
}
.ba-tw-scope-p123 .p-2 {
    padding: 0.5rem
}
.ba-tw-scope-p123 .px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}
.ba-tw-scope-p123 .py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem
}
.ba-tw-scope-p123 .py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}
.ba-tw-scope-p123 .text-center {
    text-align: center
}
.ba-tw-scope-p123 .text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}
.ba-tw-scope-p123 .text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.ba-tw-scope-p123 .text-xs {
    font-size: 0.75rem;
    line-height: 1rem
}
.ba-tw-scope-p123 .font-extrabold {
    font-weight: 800
}
.ba-tw-scope-p123 .font-medium {
    font-weight: 500
}
.ba-tw-scope-p123 .text-blue-900 {
    --ba-tw3-text-opacity: 1;
    color: rgb(30 58 138 / var(--ba-tw3-text-opacity, 1))
}
.ba-tw-scope-p123 .text-sky-600 {
    --ba-tw3-text-opacity: 1;
    color: rgb(2 132 199 / var(--ba-tw3-text-opacity, 1))
}
.ba-tw-scope-p123 .text-slate-600 {
    --ba-tw3-text-opacity: 1;
    color: rgb(71 85 105 / var(--ba-tw3-text-opacity, 1))
}
.ba-tw-scope-p123 .text-white {
    --ba-tw3-text-opacity: 1;
    color: rgb(255 255 255 / var(--ba-tw3-text-opacity, 1))
}
.ba-tw-scope-p123 .shadow {
    --ba-tw3-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --ba-tw3-shadow-colored: 0 1px 3px 0 var(--ba-tw3-shadow-color), 0 1px 2px -1px var(--ba-tw3-shadow-color);
    box-shadow: var(--ba-tw3-ring-offset-shadow, 0 0 #0000), var(--ba-tw3-ring-shadow, 0 0 #0000), var(--ba-tw3-shadow)
}
.ba-tw-scope-p123 .transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.ba-tw-scope-p123 .transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.ba-tw-scope-p123 .duration-500 {
    transition-duration: 500ms
}
.ba-tw-scope-p123 .ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.ba-tw-scope-p123 .hover\:border-sky-300:hover {
    --ba-tw3-border-opacity: 1;
    border-color: rgb(125 211 252 / var(--ba-tw3-border-opacity, 1))
}
.ba-tw-scope-p123 .hover\:bg-sky-600:hover {
    --ba-tw3-bg-opacity: 1;
    background-color: rgb(2 132 199 / var(--ba-tw3-bg-opacity, 1))
}
.ba-tw-scope-p123 .hover\:text-white:hover {
    --ba-tw3-text-opacity: 1;
    color: rgb(255 255 255 / var(--ba-tw3-text-opacity, 1))
}
@media (min-width: 640px) {
    .ba-tw-scope-p123 .sm\:h-\[280px\] {
        height: 280px
    }
    .ba-tw-scope-p123 .sm\:justify-center {
        justify-content: center
    }
    .ba-tw-scope-p123 .sm\:gap-3 {
        gap: 0.75rem
    }
    .ba-tw-scope-p123 .sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .ba-tw-scope-p123 .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .ba-tw-scope-p123 .sm\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem
    }
    .ba-tw-scope-p123 .sm\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
    .ba-tw-scope-p123 .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }
    .ba-tw-scope-p123 .sm\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem
    }
}
@media (min-width: 768px) {
    .ba-tw-scope-p123 .md\:h-\[360px\] {
        height: 360px
    }
}
@media (min-width: 1024px) {
    .ba-tw-scope-p123 .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
}