/* generated by kit/css_gaps.py — utilities used on inner pages but purged from the page CSS */
.group:hover .group-hover\:text-primary-600{color:#2563eb}
.hover\:-translate-y-1:hover{transform:translateY(-.25rem)}
.hover\:bg-primary-50:hover{background-color:#eff6ff}
.hover\:bg-secondary-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}
.hover\:bg-secondary-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}
.hover\:bg-secondary-800:hover{background-color:#1e293b}
.hover\:bg-white\/20:hover{background-color:rgb(255 255 255/.2)}
.hover\:bg-white\/90:hover{background-color:rgb(255 255 255/.9)}
.hover\:border-primary-200:hover{border-color:#bfdbfe}
.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1)}
.hover\:text-primary-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}
@media (min-width:640px){.sm\:px-4{padding-left:1rem;padding-right:1rem}}
@media (min-width:640px){.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}}
@media (min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1024px){.lg\:order-1{order:1}}
@media (min-width:1024px){.lg\:order-2{order:2}}
@media (min-width:1024px){.lg\:pb-20{padding-bottom:5rem}}
@media (min-width:1024px){.lg\:pt-28{padding-top:7rem}}
@media (min-width:1024px){.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}}
@media (min-width:1024px){.lg\:py-20{padding-top:5rem;padding-bottom:5rem}}