/*! 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 }

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 { overflow: hidden;background-position: 50%; background-repeat: repeat }

.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) }

}