.static { position: static } 
.absolute { position: absolute } 
.relative { position: relative } 
.left-\[15px\] { left: 15px } 
.top-\[15px\] { top: 15px } 
.z-0 { z-index: 0 } 
.z-\[111\] { z-index: 111 } 
.m-0 { margin: 0 } 
.m-auto { margin: auto } 
.-mx-\[10px\] { margin-left: -10px; margin-right: -10px } 
.-mx-\[5px\] { margin-left: -5px; margin-right: -5px } 
.mx-2 { margin-left: .5rem; margin-right: .5rem } 
.mx-3 { margin-left: .75rem; margin-right: .75rem } 
.mx-auto { margin-left: auto; margin-right: auto } 
.my-0 { margin-top: 0; margin-bottom: 0 } 
.my-2 { margin-top: .5rem; margin-bottom: .5rem } 
.my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem } 
.my-\[3px\] { margin-top: 3px; margin-bottom: 3px } 
.my-\[40px\] { margin-top: 40px; margin-bottom: 40px } 
.\!mb-0 { margin-bottom: 0 !important } 
.\!mb-\[10px\] { margin-bottom: 10px !important } 
.-ml-px { margin-left: -1px } 
.mb-0 { margin-bottom: 0 } 
.mb-1 { margin-bottom: .25rem } 
.mb-2 { margin-bottom: .5rem } 
.mb-3 { margin-bottom: .75rem } 
.mb-4 { margin-bottom: 1rem } 
.mb-5 { margin-bottom: 1.25rem } 
.mb-\[50px\] { margin-bottom: 50px } 
.me-1 { -webkit-margin-end: .25rem; margin-inline-end: .25rem } 
.me-2 { -webkit-margin-end: .5rem; margin-inline-end: .5rem } 
.me-3 { -webkit-margin-end: .75rem; margin-inline-end: .75rem } 
.me-4 { -webkit-margin-end: 1rem; margin-inline-end: 1rem } 
.me-5 { -webkit-margin-end: 1.25rem; margin-inline-end: 1.25rem } 
.me-auto { -webkit-margin-end: auto; margin-inline-end: auto } 
.ml-1 { margin-left: .25rem } 
.ml-2 { margin-left: .5rem } 
.ml-3 { margin-left: .75rem } 
.mr-1 { margin-right: .25rem } 
.mr-2 { margin-right: .5rem } 
.mr-3 { margin-right: .75rem } 
.mr-\[5px\] { margin-right: 5px } 
.ms-1 { -webkit-margin-start: .25rem; margin-inline-start: .25rem } 
.ms-2 { -webkit-margin-start: .5rem; margin-inline-start: .5rem } 
.ms-5 { -webkit-margin-start: 1.25rem; margin-inline-start: 1.25rem } 
.ms-auto { -webkit-margin-start: auto; margin-inline-start: auto } 
.mt-0 { margin-top: 0 } 
.mt-1 { margin-top: .25rem } 
.mt-2 { margin-top: .5rem } 
.mt-3 { margin-top: .75rem } 
.mt-4 { margin-top: 1rem } 
.mt-\[40px\] { margin-top: 40px } 
.block { display: block } 
.inline-block { display: inline-block } 
.flex { display: flex } 
.inline-flex { display: inline-flex } 
.table { display: table } 
.grid { display: grid } 
.contents { display: contents } 
.hidden { display: none } 
.aspect-\[1366\/720\] { aspect-ratio: 1366/720 } 
.aspect-\[280\/310\] { aspect-ratio: 280/310 } 
.aspect-\[390\/290\] { aspect-ratio: 390/290 } 
.aspect-\[45\/39\] { aspect-ratio: 45/39 } 
.aspect-\[560\/380\] { aspect-ratio: 560/380 } 
.aspect-\[590\/650\] { aspect-ratio: 590/650 } 
.aspect-video { aspect-ratio: 16/9 } 
.h-5 { height: 1.25rem } 
.h-\[225px\] { height: 225px } 
.h-auto { height: auto } 
.w-5 { width: 1.25rem } 
.w-\[15\%\] { width: 15% } 
.w-\[25\%\] { width: 25% } 
.w-\[30\%\] { width: 30% } 
.w-\[32\%\] { width: 32% } 
.w-\[36\%\] { width: 36% } 
.w-\[65px\] { width: 65px } 
.w-\[66\%\] { width: 66% } 
.w-\[85\%\] { width: 85% } 
.w-\[calc\(100\%_-_20px\)\] { width: calc(100% - 20px) } 
.w-full { width: 100% } 
.max-w-\[1200px\] { max-width: 1200px } 
.max-w-\[30vw\] { max-width: 30vw } 
.max-w-\[37px\] { max-width: 37px } 
.flex-1 { flex: 1 1 0% } 
.flex-shrink-0 { flex-shrink: 0 } 
.flex-grow-0 { flex-grow: 0 } 
.transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } 
.cursor-default { cursor: default } 
.cursor-pointer { cursor: pointer } 
.list-none { list-style-type: none } 
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) } 
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } 
.grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)) } 
.flex-row { flex-direction: row } 
.flex-wrap { flex-wrap: wrap } 
.items-start { align-items: flex-start } 
.items-center { align-items: center } 
.items-baseline { align-items: baseline } 
.items-stretch { align-items: stretch } 
.\!justify-start { justify-content: flex-start !important } 
.justify-end { justify-content: flex-end } 
.justify-between { justify-content: space-between } 
.justify-items-center { justify-items: center } 
.gap-2 { gap: .5rem } 
.gap-4 { gap: 1rem } 
.gap-\[10px\] { gap: 10px } 
.gap-x-\[10px\] { -moz-column-gap: 10px; column-gap: 10px } 
.gap-x-\[35px\] { -moz-column-gap: 35px; column-gap: 35px } 
.gap-y-\[10px\] { row-gap: 10px } 
.overflow-hidden { overflow: hidden } 
.overflow-visible { overflow: visible } 
.rounded { border-radius: .25rem } 
.rounded-\[10px\] { border-radius: 10px } 
.rounded-\[15px\] { border-radius: 15px } 
.rounded-\[20px\] { border-radius: 20px } 
.rounded-\[50px\] { border-radius: 50px } 
.rounded-\[7px\] { border-radius: 7px } 
.rounded-\[8px\] { border-radius: 8px } 
.rounded-md { border-radius: .375rem } 
.rounded-l-md { border-top-left-radius: .375rem; border-bottom-left-radius: .375rem } 
.rounded-r-md { border-top-right-radius: .375rem; border-bottom-right-radius: .375rem } 
.\!border-0 { border-width: 0 !important } 
.\!border-\[1px\] { border-width: 1px !important } 
.border { border-width: 1px } 
.border-0 { border-width: 0 } 
.border-\[1px\] { border-width: 1px } 
.border-solid { border-style: solid } 
.\!border-\[\#b2c1ff\] { --tw-border-opacity: 1 !important; border-color: rgb(178 193 255/var(--tw-border-opacity)) !important } 
.border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219/var(--tw-border-opacity)) } 
.border-gray-400 { --tw-border-opacity: 1; border-color: rgb(156 163 175/var(--tw-border-opacity)) } 
.bg-\[\#5172FD\] { --tw-bg-opacity: 1; background-color: rgb(81 114 253/var(--tw-bg-opacity)); } 
.bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(229 231 235/var(--tw-bg-opacity)) } 
.bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)) } 
.\!p-\[2px\] { padding: 2px !important } 
.p-0 { padding: 0 } 
.p-1 { padding: .25rem } 
.p-2 { padding: .5rem } 
.p-3 { padding: .75rem } 
.p-4 { padding: 1rem } 
.p-\[10px\] { padding: 10px } 
.px-0 { padding-left: 0; padding-right: 0 } 
.px-2 { padding-left: .5rem; padding-right: .5rem } 
.px-4 { padding-left: 1rem; padding-right: 1rem } 
.px-\[10px\] { padding-left: 10px; padding-right: 10px } 
.px-\[15px\] { padding-left: 15px; padding-right: 15px } 
.px-\[5px\] { padding-left: 5px; padding-right: 5px } 
.py-0 { padding-top: 0; padding-bottom: 0 } 
.py-1 { padding-top: .25rem; padding-bottom: .25rem } 
.py-2 { padding-top: .5rem; padding-bottom: .5rem } 
.py-3 { padding-top: .75rem; padding-bottom: .75rem } 
.py-4 { padding-top: 1rem; padding-bottom: 1rem } 
.py-\[10px\] { padding-top: 10px; padding-bottom: 10px } 
.py-\[15px\] { padding-top: 15px; padding-bottom: 15px } 
.py-\[40px\] { padding-top: 40px; padding-bottom: 40px } 
.py-\[7px\] { padding-top: 7px; padding-bottom: 7px } 
.\!pb-0 { padding-bottom: 0 !important } 
.pb-0 { padding-bottom: 0 } 
.pb-1 { padding-bottom: .25rem } 
.pb-\[20px\] { padding-bottom: 20px } 
.pe-0 { -webkit-padding-end: 0; padding-inline-end: 0 } 
.ps-0 { -webkit-padding-start: 0; padding-inline-start: 0 } 
.ps-3 { -webkit-padding-start: .75rem; padding-inline-start: .75rem } 
.pt-0 { padding-top: 0 } 
.pt-2 { padding-top: .5rem } 
.pt-\[40px\] { padding-top: 40px } 
.\!text-left { text-align: left !important } 
.text-left { text-align: left } 
.text-center { text-align: center } 
.text-right { text-align: right } 
.align-middle { vertical-align: middle } 
.text-\[12px\] { font-size: 12px } 
.text-\[13px\] { font-size: 13px } 
.text-\[15px\] { font-size: 15px } 
.text-\[25px\] { font-size: 25px } 
.text-sm { font-size: .875rem; line-height: 1.25rem } 
.font-bold { font-weight: 700 } 
.font-medium { font-weight: 500 } 
.uppercase { text-transform: uppercase } 
.capitalize { text-transform: capitalize } 
.leading-5 { line-height: 1.25rem } 
.\!text-white { --tw-text-opacity: 1 !important; color: rgb(255 255 255/var(--tw-text-opacity)) !important } 
.text-black { --tw-text-opacity: 1; color: rgb(0 0 0/var(--tw-text-opacity)) } 
.text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128/var(--tw-text-opacity)) } 
.text-gray-700 { --tw-text-opacity: 1; color: rgb(55 65 81/var(--tw-text-opacity)) } 
.text-gray-950\/60 { color: #03071299 } 
.text-green-500 { --tw-text-opacity: 1; color: rgb(34 197 94/var(--tw-text-opacity)) } 
.text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)) } 
.opacity-20 { opacity: .2 } 
.\!shadow-none { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important } 
.shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000 } 
.shadow-none,
.shadow-sm { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } 
.shadow-sm { --tw-shadow: 0 1px 2px 0 #0000000d; --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) } 
.\!outline-none { outline: 2px solid #0000 !important; outline-offset: 2px !important } 
.\!ring-0 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important } 
.ring-gray-300 { --tw-ring-opacity: 1; --tw-ring-color: rgb(209 213 219/var(--tw-ring-opacity)) } 
.blur { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) } 
.transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s } 
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1) } 
.duration-150,
.transition-all { transition-duration: .15s } 
.ease-in-out { transition-timing-function: cubic-bezier(.4, 0, .2, 1) } 
.line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3 } 

@keyframes bounce { 0%,
 20%,
 53%,
 80%,
 to { animation-timing-function: cubic-bezier(.215, .61, .355, 1); transform: translateZ(0) } 
 40%,
 43% { animation-timing-function: cubic-bezier(.755, .05, .855, .06); transform: translate3d(0, -30px, 0) scaleY(1.1) } 
 70% { animation-timing-function: cubic-bezier(.755, .05, .855, .06); transform: translate3d(0, -15px, 0) scaleY(1.05) } 
 80% { animation-timing-function: cubic-bezier(.215, .61, .355, 1); transform: translateZ(0) scaleY(.95) } 
 90% { transform: translate3d(0, -4px, 0) scaleY(1.02) } 
 }
 @keyframes bounceIn { 0%,
 20%,
 40%,
 60%,
 80%,
 to { animation-timing-function: ease-in-out } 
 0% { opacity: 0; transform: scale3d(.3, .3, .3) } 
 20% { transform: scale3d(1.1, 1.1, 1.1) } 
 40% { transform: scale3d(.9, .9, .9) } 
 60% { transform: scale3d(1.03, 1.03, 1.03); opacity: 1 } 
 80% { transform: scale3d(.97, .97, .97) } 
 to { opacity: 1; transform: scaleX(1) } 
 }
 .before\:absolute:before { content: var(--tw-content); position: absolute } 
.before\:left-0:before { content: var(--tw-content); left: 0 } 
.before\:top-0:before { content: var(--tw-content); top: 0 } 
.before\:h-full:before { content: var(--tw-content); height: 100% } 
.before\:max-h-\[225px\]:before { content: var(--tw-content); max-height: 225px } 
.before\:w-full:before { content: var(--tw-content); width: 100% } 
.before\:bg-\[\#5172fd\]:before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(81 114 253/var(--tw-bg-opacity)) } 
.before\:content-\[\'\'\]:before { --tw-content: ""; content: var(--tw-content) } 
.after\:\!left-0:after { content: var(--tw-content); left: 0 !important } 
.after\:\!bg-white:after { content: var(--tw-content); --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important } 
.first\:ml-0:first-child { margin-left: 0 } 
.last\:\!mb-0:last-child { margin-bottom: 0 !important } 
.last\:mb-0:last-child { margin-bottom: 0 } 
.hover\:\!text-\[\#5172FD\]:hover,
.hover\:\!text-\[\#5172fd\]:hover { --tw-text-opacity: 1 !important; color: rgb(81 114 253/var(--tw-text-opacity)) !important } 
.hover\:text-gray-400:hover { --tw-text-opacity: 1; color: rgb(156 163 175/var(--tw-text-opacity)) } 
.hover\:text-gray-500:hover { --tw-text-opacity: 1; color: rgb(107 114 128/var(--tw-text-opacity)) } 
.focus\:z-10:focus { z-index: 10 } 
.focus\:border-blue-300:focus { --tw-border-opacity: 1; border-color: rgb(147 197 253/var(--tw-border-opacity)) } 
.focus\:outline-none:focus { outline: 2px solid #0000; outline-offset: 2px } 
.focus\:ring:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) } 
.active\:\!border-\[\#5172fd\]:active { --tw-border-opacity: 1 !important; border-color: rgb(81 114 253/var(--tw-border-opacity)) !important } 
.active\:\!bg-\[\#5172fd\]:active { --tw-bg-opacity: 1 !important; background-color: rgb(81 114 253/var(--tw-bg-opacity)) !important } 
.active\:\!bg-blue-500:active { --tw-bg-opacity: 1 !important; background-color: rgb(59 130 246/var(--tw-bg-opacity)) !important } 
.active\:bg-gray-100:active { --tw-bg-opacity: 1; background-color: rgb(243 244 246/var(--tw-bg-opacity)) } 
.active\:\!text-white:active { --tw-text-opacity: 1 !important; color: rgb(255 255 255/var(--tw-text-opacity)) !important } 
.active\:text-gray-500:active { --tw-text-opacity: 1; color: rgb(107 114 128/var(--tw-text-opacity)) } 
.active\:text-gray-700:active { --tw-text-opacity: 1; color: rgb(55 65 81/var(--tw-text-opacity)) } 
.group:hover .group-hover\:scale-\[1\.1\] { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } 
.group:hover .group-hover\:text-\[\#5172fd\] { --tw-text-opacity: 1; color: rgb(81 114 253/var(--tw-text-opacity)) } 
.group:hover .group-hover\:animate__bounceIn { animation-name: bounceIn; animation-duration: .75s } 
@media (min-width:640px){
 .sm\:flex { display: flex } 
 .sm\:hidden { display: none } 
 .sm\:flex-1 { flex: 1 1 0% } 
 .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } 
 .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } 
 .sm\:items-center { align-items: center } 
 .sm\:justify-between { justify-content: space-between } 
 }
 @media (min-width:768px){
 .md\:\!mb-0 { margin-bottom: 0 !important } 
 .md\:w-\[calc\(48\%_-_10px\)\] { width: calc(48% - 10px) } 
 .md\:w-\[calc\(50\%_-_10px\)\] { width: calc(50% - 10px) } 
 }