/*! tailwindcss v3.3.1 | MIT License | https://tailwindcss.com*/
*, :after, :before { box-sizing: border-box; border: 0 solid #e5e7eb }
:after, :before { --tw-content: "" }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-feature-settings: normal; font-variation-settings: normal }
body { margin: 0; line-height: inherit }
hr { height: 0; color: inherit; border-top-width: 1px }
abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit }
a { color: inherit; text-decoration: inherit }
b, strong { font-weight: bolder }
code, kbd, pre, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; font-size: 1em }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: initial }
sub { bottom: -.25em }
sup { top: -.5em }
table { text-indent: 0; border-color: inherit; border-collapse: collapse }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0 }
button, select { text-transform: none }
[type=button], [type=reset], [type=submit], button { -webkit-appearance: button; background-color: initial; background-image: none }
:-moz-focusring { outline: auto }
:-moz-ui-invalid { box-shadow: none }
progress { vertical-align: initial }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto }
[type=search] { -webkit-appearance: textfield; outline-offset: -2px }
::-webkit-search-decoration { -webkit-appearance: none }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit }
summary { display: list-item }
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0 }
fieldset { margin: 0 }
fieldset, legend { padding: 0 }
menu, ol, ul { list-style: none; margin: 0; padding: 0 }
textarea { resize: vertical }
input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #9ca3af }
input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af }
[role=button], button { cursor: pointer }
:disabled { cursor: default }
audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle }
img, video { max-width: 100%; height: auto }
[hidden] { display: none }
[multiple], [type=date], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], select, textarea {-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: #fff;border-color: #6b7280;border-width: 1px;border-radius: 0;padding: .5rem .75rem;font-size: 1rem;line-height: 1.5rem;--tw-shadow: 0 0 #0000;}
[multiple]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, select:focus, textarea:focus {outline: 2px solid #0000;outline-offset: 2px;--tw-ring-inset: var(--tw-empty,             /*!*/
/*!*/);--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-color: #2563eb}
input::-moz-placeholder, textarea::-moz-placeholder { color: #6b7280; opacity: 1 }
input::placeholder, textarea::placeholder { color: #6b7280; opacity: 1 }
::-webkit-datetime-edit-fields-wrapper { padding: 0 }
::-webkit-date-and-time-value { min-height: 1.5em }
::-webkit-datetime-edit, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-meridiem-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-year-field { padding-top: 0; padding-bottom: 0 }
select { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg !string!!string!!string!%3E%3Cpath !string!!string!!string!!string!!string!/%3E%3C/svg%3E"); background-position: right .5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; -webkit-print-color-adjust: exact; print-color-adjust: exact }
[multiple] { background-image: none; background-position: 0 0; background-repeat: unset; background-size: initial; padding-right: .75rem; -webkit-print-color-adjust: unset; print-color-adjust: unset }
[type=checkbox], [type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #6b7280; border-width: 1px; --tw-shadow: 0 0 #0000 }
[type=checkbox] { border-radius: 0 }
[type=radio] { border-radius: 100% }
[type=checkbox]:focus, [type=radio]:focus { outline: 2px solid #0000; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,             /*!*/
/*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) }
[type=checkbox]:checked, [type=radio]:checked { border-color: #0000; background-color: currentColor; background-size: 100% 100%; background-position: 50%; background-repeat: no-repeat }
[type=checkbox]:checked { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg !string!!string!!string!%3E%3Cpath !string!/%3E%3C/svg%3E") }
[type=radio]:checked { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg !string!!string!!string!%3E%3Ccircle !string!!string!!string!/%3E%3C/svg%3E") }
[type=checkbox]:checked:focus, [type=checkbox]:checked:hover, [type=checkbox]:indeterminate, [type=radio]:checked:focus, [type=radio]:checked:hover { border-color: #0000; background-color: currentColor }
[type=checkbox]:indeterminate { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg !string!!string!!string!%3E%3Cpath !string!!string!!string!!string!!string!/%3E%3C/svg%3E"); background-size: 100% 100%; background-position: 50%; background-repeat: no-repeat }
[type=checkbox]:indeterminate:focus, [type=checkbox]:indeterminate:hover { border-color: #0000; background-color: currentColor }
[type=file] { background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit }
[type=file]:focus { outline: 1px solid ButtonText; outline: 1px auto -webkit-focus-ring-color }
body { font-family: Montserrat, sans-serif !important }
img { display: inline-block; }
.header-bottom .wrap-content { padding: 2px 0 }
a.cart-header { position: relative }
a.cart-header span { position: absolute; top: -2px; right: 4px; color: #fff }
.social { list-style: none; padding: 0; margin: 0 }
a.views_dm { width: 140px; height: 38px }
.effect_button { transform-style: preserve-3d; transform: translateZ(-25px); transition: transform .25s; position: relative; display: inline-flex; z-index: 1 }
.effect_button:after, .effect_button:before { position: absolute; xmlns='http://www.w3.org/2000/svg'; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #5172fd; box-sizing: border-box; border-radius: 5px; z-index: -1; text-transform: uppercase; font-weight: 700; font-size: 15px }
.effect_button:before { color: #fff; background: #5172fd; transform: rotateY(0deg) translateZ(25px) }
.effect_button:after { color: #5172fd; transform: rotateX(90deg) translateZ(25px) }
.effect_button:hover { transform: translateZ(-25px) rotateX(-90deg) }
.item_tt { position: relative; z-index: 1; transition: all .5s cubic-bezier(.25, .8, .25, 1) }
.item_tt a.img { border: 1px solid #f1f1f1; padding: 5px; border-radius: 10px; margin-bottom: 10px }
.item_tt a.img, .item_tt a.img img { display: block; width: 100% }
.item_tt .tttt { width: 100%; background: #fff }
.item_tt .tttt span { display: block; line-height: 25px; color: #00a5d9; font-size: 13px; margin-bottom: 3px; font-style: italic }
.item_tt .tttt span a { color: #ebc252; font-size: 15px }
.item_tt h3 { font-weight: 400; margin: 0 }
.item_tt a.ten { font-size: 16px; line-height: 26px; color: #232323; font-weight: 700; -webkit-line-clamp: 2 !important }
.item_tt .mota, .item_tt a.ten { display: flex; display: -webkit-box }
.item_tt .mota { color: #333; line-height: 25px; margin: 0 0 9px }
.item_tt .them { position: relative; display: inline-block; line-height: 20px; color: #333; margin-bottom: 4px }
.item_tt .them:after { position: absolute; right: -13px; fill='none'; border-left: 5px solid #333; top: 5px; border-top: 5px solid #0000; border-bottom: 5px solid #0000 }
.item_tt .them:hover { color: red }
.item_tt .them:hover:after { border-left: 5px solid red }
.footer-article {background: url(../images/bg_ft.jpg) no-repeat center;background-size: cover;}
.title-footer { margin-bottom: .75rem; font-size: 22px; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(81 114 253/var(--tw-text-opacity)) }
a.btn_link { position: relative; margin: 5px; height: 36px; width: 140px }
.btn_link.effect_button:first-child:after, .btn_link.effect_button:first-child:before { viewBox='0 0 20 20' }
.btn_link.effect_button:first-child:after, .btn_link.effect_button:first-child:before, .btn_link.effect_button:nth-child(2):after, .btn_link.effect_button:nth-child(2):before { border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(0 165 217/var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(0 165 217/var(--tw-bg-opacity)) }
.btn_link.effect_button:nth-child(2):after, .btn_link.effect_button:nth-child(2):before { stroke='%236b7280' }
div.slick.in-page:not(.slick-initialized) { display: flex; gap: 10px; overflow: hidden; white-space: nowrap }
.attr-pro-detail { margin: auto; padding: 0 }
.baonoidung iframe { max-width: 100% !important }
.baonoidung img { height: auto !important }
.baonoidung * { max-width: 100% !important }
.baonoidung table { display: block; overflow-y: auto }
.baonoidung img { max-width: 100% !important; height: auto !important }
div.desc-pro-detail ul li { margin-bottom: .75rem; list-style-type: circle }
div.desc-pro-detail ul li:last-child { margin-bottom: 0 !important }
div.baonoidung ul li { margin-bottom: .75rem; list-style-type: disc }
div.baonoidung ol li { margin-bottom: .75rem; list-style-type: decimal }
*, ::backdrop, :after, :before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x:; --tw-pan-y:; --tw-pinch-zoom:; --tw-scroll-snap-strictness: proximity; --tw-ordinal:; --tw-slashed-zero:; --tw-numeric-figure:; --tw-numeric-spacing:; --tw-numeric-fraction:; --tw-ring-inset:; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #3b82f680; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur:; --tw-brightness:; --tw-contrast:; --tw-grayscale:; --tw-hue-rotate:; --tw-invert:; --tw-saturate:; --tw-sepia:; --tw-drop-shadow:; --tw-backdrop-blur:; --tw-backdrop-brightness:; --tw-backdrop-contrast:; --tw-backdrop-grayscale:; --tw-backdrop-hue-rotate:; --tw-backdrop-invert:; --tw-backdrop-opacity:; --tw-backdrop-saturate:; --tw-backdrop-sepia: }
.container { width: 100% }
@media (min-width:640px) {
.container { max-width: 640px }
}
@media (min-width:768px) {
.container { max-width: 768px }
}
@media (min-width:1024px) {
.container { max-width: 1024px }
}
@media (min-width:1280px) {
.container { max-width: 1280px }
}
@media (min-width:1536px) {
.container { max-width: 1536px }
}
.form-input, .form-multiselect, .form-select, .form-textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0; padding: .5rem .75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000 }
.form-input:focus, .form-multiselect:focus, .form-select:focus, .form-textarea:focus { outline: 2px solid #0000; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,             /*!*/
/*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: #2563eb }
.form-select { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg !string!!string!!string!%3E%3Cpath !string!!string!!string!!string!!string!/%3E%3C/svg%3E"); background-position: right .5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; -webkit-print-color-adjust: exact; print-color-adjust: exact }
.pointer-events-none { pointer-events: none }
.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 !important; margin-bottom: 40px !important }
.\!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-stroke-linecap='round'; 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) }
}