.md\:flex-row {
        flex-direction: row;
    }
.pt-8 {
    padding-top: 2rem;
}
.border-background\/20 {
    border-color: hsl(var(--background) / .2);
}
.text-background\/60 {
    color: hsl(var(--background) / .6);
}
.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.text-background\/80 {
    color: hsl(var(--background) / .8);
}
.bg-background\/10 {
    background-color: hsl(var(--background) / .1);
}
 
.pb-20 {
    padding-top: 5rem;
}
/* .bg-gradient-to-br{
    background-image: linear-gradient(to bottom right, #fce7f3, #faf5ff, #cffafe);
} */
.p-5 {
    padding: 1.25rem;
}
@media (min-width: 768px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (min-width: 768px) {
    .md\:col-span-2 {
        grid-column: span 2 / span 2;
    }
}
.bg-gradient-to-br2{
    background-image: linear-gradient(to bottom right, #c084fc, #f9a8d4, #22d3ee);    
}
.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / 1);
}
.justify-end {
    justify-content: flex-end;
}
.bg-gradient-to-br3{
    background-image: linear-gradient(to bottom right, #2dd4bf, #d8b4fe, #f472b6);    
}
.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.text-white\/80 {
    color: #fffc;
}
.bg-teal-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(94 234 212 / var(--tw-bg-opacity, 1));
}
.h-1 {
    height: .25rem;
}