It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://mdnitems.com

  1. <!doctype html>
  2. <html lang="en">
  3. <style>
  4. /* GLOBAL STYLES */
  5. .body {
  6.  background: #333;
  7.  
  8.  display: flex;
  9.  justify-content: center;
  10. }
  11. /* DEMO-SPECIFIC STYLES */
  12. .typewriter h5 {
  13.  color: #fff;
  14.  font-family: monospace;
  15.  overflow: hidden; /* Ensures the content is not revealed until the animation */
  16.  border-right: .10em solid orange; /* The typwriter cursor */
  17.  white-space: nowrap; /* Keeps the content on a single line */
  18.  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  19.  letter-spacing: .10em; /* Adjust as needed */
  20.  animation:
  21.    typing 5s steps(60, end),
  22.    blink-caret .50s step-end infinite;
  23. }
  24.  
  25. /* The typing effect */
  26. @keyframes typing {
  27.  from { width: 0 }
  28.  to { width: 100% }
  29. }
  30.  
  31. /* The typewriter cursor effect */
  32. @keyframes blink-caret {
  33.  from, to { border-color: transparent }
  34.  50% { border-color: white }
  35. }
  36.    .fa-home {
  37.        color: #b9c7ff;
  38.    }
  39.    .fa-search {
  40.        color: #b9c7ff;
  41.    }
  42.    .fa-sign-in {
  43.        color: #b9c7ff;
  44.    }
  45.    .fa-money {
  46.        color: #b9c7ff;
  47.    }
  48.    .fa-id-card {
  49.        color: #b9c7ff;
  50.    }
  51.    .fa-newspaper {
  52.        color: #b9c7ff;
  53.    }
  54.    .fa-clock {
  55.        color: #b9c7ff;
  56.        font-size: 50px;
  57.    }
  58.    .fa-sign-out-alt {
  59.        color : red;
  60.    }
  61.    .fa-wallet {
  62.        color: #b9c7ff;
  63.        font-size: 50px;
  64.    }
  65.    .fa-tags {
  66.        color: #b9c7ff;
  67.        font-size: 50px;
  68.    }
  69.    .fa-gem {
  70.        color: #b9c7ff;
  71.        font-size: 50px;
  72.    }
  73.    .fa-user {
  74.        color: #b9c7ff;
  75.        font-size: 50px;
  76.    }
  77.    .button {
  78.  --button-color: rgb(255, 0, 0);
  79.  position: relative;
  80.  padding: 16px 32px;
  81.  font-family: Roboto, sans-serif;
  82.  font-weight: 500;
  83.  font-size: 16px;
  84.  line-height: 1;
  85.  color: white;
  86.  background: none;
  87.  border: none;
  88.  outline: none;
  89.  overflow: hidden;
  90.  cursor: pointer;
  91.  filter: drop-shadow(0 2px 8px rgba(39, 94, 254, 0.32));
  92.  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  93. }
  94.  
  95. .button::before {
  96.  position: absolute;
  97.  content: "";
  98.  top: 0;
  99.  left: 0;
  100.  z-index: -1;
  101.  width: 100%;
  102.  height: 100%;
  103.  background: var(--btn-color);
  104.  border-radius: 24px;
  105.  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  106. }
  107.  
  108. .button span,
  109.        .btn span span {
  110.  display: inline-flex;
  111.  vertical-align: middle;
  112.  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  113. }
  114.  
  115. .button span {
  116.  transition-delay: 0.05s;
  117. }
  118.  
  119. .button span:first-child {
  120.  padding-right: 7px;
  121. }
  122.  
  123. .button span span {
  124.  margin-left: 8px;
  125.  transition-delay: 0.1s;
  126. }
  127.  
  128. .button ul {
  129.  position: absolute;
  130.  top: 50%;
  131.  left: 0;
  132.  right: 0;
  133.  display: flex;
  134.  margin: 0;
  135.  padding: 0;
  136.  list-style-type: none;
  137.  transform: translateY(-50%);
  138. }
  139.  
  140. .button ul li {
  141.  flex: 1;
  142. }
  143.  
  144. .button ul li a {
  145.  display: inline-flex;
  146.  vertical-align: middle;
  147.  transform: translateY(55px);
  148.  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  149. }
  150.  
  151. .button ul li a:hover {
  152.  opacity: 0.5;
  153. }
  154.  
  155. .button:hover::before {
  156.  transform: scale(1.2);
  157. }
  158.  
  159. .button:hover span,
  160.        .btn:hover span span {
  161.  transform: translateY(-55px);
  162. }
  163.  
  164. .button:hover ul li a {
  165.  transform: translateY(0);
  166. }
  167.  
  168. .button:hover ul li:nth-child(1) a {
  169.  transition-delay: 0.15s;
  170. }
  171.  
  172. .button:hover ul li:nth-child(2) a {
  173.  transition-delay: 0.2s;
  174. }
  175.  
  176. .button:hover ul li:nth-child(3) a {
  177.  transition-delay: 0.25s;
  178. }
  179. .lg-oneline {
  180.    text: center;
  181.    position: flex;
  182. }
  183. .navigation {
  184.     height: 55px;
  185.     background: linear-gradient(45deg, #4199fe, #74b4fe);
  186. }
  187. .brand {
  188.     position: absolute;
  189.     padding-left: 20px;
  190.     float: left;
  191.     line-height: 55px;
  192.     text-transform: uppercase;
  193.     font-size: 1.4em;
  194. }
  195. .brand a, .brand a:visited {
  196.     color: #ffffff;
  197.     text-decoration: none;
  198. }
  199. .nav-container {
  200.     max-width: 1500px;
  201.     margin: 0 auto;
  202. }
  203. img.logo-lg {
  204.  position: absolute;
  205.  top: -5px;
  206.  left: 40%;
  207.  right: 60%;
  208.    }
  209. nav {
  210.     float: right;
  211. }
  212. nav ul {
  213.     list-style: none;
  214.     margin: 0;
  215.     padding: 0;
  216. }
  217. nav ul li {
  218.     float: left;
  219.     position: relative;
  220. }
  221. nav ul li a,nav ul li a:visited {
  222.     display: block;
  223.     padding: 0 20px;
  224.     line-height: 55px;
  225.     color: #fff;
  226.     background: #0e1019 ;
  227.     text-decoration: none;
  228. }
  229. nav ul li a{
  230.     background: transparent;
  231.     color: #FFF;
  232. }
  233. nav ul li a:hover, nav ul li a:visited:hover {
  234.     background: #b9c7ff;
  235.     color: #ffffff;
  236. }
  237. .navbar-dropdown li a{
  238.     background: #0e1019;
  239.     color: #fff;
  240. }
  241. nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {
  242.     padding-left: 4px;
  243.     content: ' \025BE';
  244. }
  245. nav ul li ul li {
  246.     min-width: 190px;
  247. }
  248. nav ul li ul li a {
  249.     padding: 15px;
  250.     line-height: 20px;
  251. }
  252. .navbar-dropdown {
  253.     position: absolute;
  254.     display: none;
  255.     z-index: 1;
  256.     background: #fff;
  257.     box-shadow: 0 0 35px 0 rgba(0,0,0,0.25);
  258. }
  259. /* Mobile navigation */
  260. .nav-mobile {
  261.     display: none;
  262.     position: absolute;
  263.     top: 0;
  264.     right: 0;
  265.     background: transparent;
  266.     height: 55px;
  267.     width: 70px;
  268. }
  269. @media only screen and (max-width: 800px) {
  270.     .nav-mobile {
  271.         display: block;
  272.    }
  273.     nav {
  274.         width: 100%;
  275.         padding: 55px 0 15px;
  276.    }
  277.     nav ul {
  278.         display: none;
  279.    }
  280.     nav ul li {
  281.         float: none;
  282.    }
  283.     nav ul li a {
  284.         padding: 15px;
  285.         line-height: 20px;
  286.         background: #0e1019;
  287.    }
  288.     nav ul li ul li a {
  289.         padding-left: 30px;
  290.    }
  291.     .navbar-dropdown {
  292.         position: static;
  293. }
  294. @media screen and (min-width:800px) {
  295.     .nav-list {
  296.         display: block !important;
  297.    }
  298. }
  299. #navbar-toggle {
  300.     position: absolute;
  301.     left: 18px;
  302.     top: 15px;
  303.     cursor: pointer;
  304.     padding: 10px 35px 16px 0px;
  305. }
  306. #navbar-toggle span, #navbar-toggle span:before, #navbar-toggle span:after {
  307.     cursor: pointer;
  308.     border-radius: 1px;
  309.     height: 3px;
  310.     width: 30px;
  311.     background: #b9c7ff;
  312.     position: absolute;
  313.     display: block;
  314.     content: '';
  315.     transition: all 300ms ease-in-out;
  316. }
  317. #navbar-toggle span:before {
  318.     top: -10px;
  319. }
  320. #navbar-toggle span:after {
  321.     bottom: -10px;
  322. }
  323. #navbar-toggle.active span {
  324.     background-color: transparent;
  325. }
  326. #navbar-toggle.active span:before, #navbar-toggle.active span:after {
  327.     top: 0;
  328. }
  329. #navbar-toggle.active span:before {
  330.     transform: rotate(45deg);
  331. }
  332. #navbar-toggle.active span:after {
  333.     transform: rotate(-45deg);
  334. }
  335. img.logo-lg {
  336.  position: absolute;
  337.  top: 0px;
  338.  left: 45%;
  339.  right: 60%;
  340.    }
  341.    
  342. .bg-thema {
  343.    background-color: #06213F;
  344. }
  345.  
  346.  
  347. .rating-color{
  348.  
  349.     color:#fbc634 !important;
  350.  
  351. }
  352.  
  353.  
  354. .nav-link {
  355.  
  356.    color: #fe6c17;
  357.    display: block;
  358.    padding: 0.5rem 1rm;
  359.    text-decoration: none;
  360.    transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s,border-color 0.15s ease-in-out 0s;
  361.  
  362. }
  363.  
  364. .resultsearch .dropdown-item:hover {
  365.    background: linear-gradient(126deg, rgba(17,24,40,1) 0%, rgba(100,108,121,1) 50%);
  366.    
  368. }
  369.  
  370.  
  371.  
  372.  
  373. .bg-light {
  374.  
  375.   --bs-bg-opacity: 1;
  376.  
  377. }
  378.  
  379.  
  380. .bg-nvd  {
  381.    background-color: hsl(var(--popular-bg));
  382.    color: var(--text-color);
  383.    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTkyMCAxMDAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPnBhdGh7b3BhY2l0eTouMTtjbGlwLXBhdGg6dXJsKCNjbGlwUGF0aCk7ZmlsbDp1cmwoI2xpbmVhckdyYWRpZW50KTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXBQYXRoIj48cmVjdCB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMDAwIi8+PC9jbGlwUGF0aD48bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhckdyYWRpZW50IiB4MT0iMCUiIHkxPSIwJSIgeDI9IjkwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9ImhzbCgwIDAlIDEwMCUvMSkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9ImhzbCgwIDAlIDEwMCUvMCkiLz48L2xpbmVhckdyYWRpZW50PjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5MjAsMTAwMClzY2FsZSgtMSwtMSkiPjxwYXRoIGQ9Ik0xMzg0LjUgMzQzLjJMMTkyLjcgMTUzNWwtMjEzLjUtM0wxMzgzIDEyOC4ybDEuNSAyMTV6Ii8+PHBhdGggZD0iTTE5MTkuNyA0NDguM0wxMzU5IDEwMDlsLTEwMC40LTEuNEwxOTE5IDM0Ny4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMTc2LjcgNTE0LjNMNjE2IDEwNzVsLTEwMC40LTEuNEwxMTc2IDQxMy4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik02NDQuNyA0NTcuM0w4NCAxMDE4bC0xMDAuNC0xLjRMNjQ0IDM1Ni4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMzg3LjcgNDQ4LjNMODI3IDEwMDlsLTEwMC40LTEuNEwxMzg3IDM0Ny4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMjUwLjEgNDkzLjhsLTU0NSA1NDUtNTIuNyA0My42IDY0MS45LTY0MS45LTQ0LjIgNTMuM3oiLz48cGF0aCBkPSJNODkxLjEgNjM5LjFMLTc3OCAyMzA4LjNsLTI5OC45LTQuMkw4ODkgMzM4LjFsMi4xIDMwMXoiLz48cGF0aCBkPSJNMTg3MC40IDQxOS44TC0yOC44IDIzMTlsLTM0MC4xLTQuOEwxODY4IDc3LjNsMi40IDM0Mi41eiIvPjxwYXRoIGQ9Ik05MDguNCA0MzYuOEwtOTkwLjggMjMzNmwtMzQwLjEtNC44TDkwNiA5NC4zbDIuNCAzNDIuNXoiLz48cGF0aCBkPSJNMTYzMi40IDUxNS44TC0yNjYuOCAyNDE1bC0zNDAuMS00LjhMMTYzMCAxNzMuM2wyLjQgMzQyLjV6Ii8+PHBhdGggZD0iTTExNzYuMyA1NjcuMUwtMTQ0NS42IDMxODlsLTQ2OS41LTYuNkwxMTczIDk0LjNsMy4zIDQ3Mi44eiIvPjxwYXRoIGQ9Ik0xNDI3LjMgNTgwLjFMLTExOTQuNiAzMjAybC00NjkuNS02LjZMMTQyNCAxMDcuM2wzLjMgNDcyLjh6Ii8+PHBhdGggZD0iTTE2NDkuNSA4ODAuMkw0NTcuNyAyMDcybC0yMTMuNS0zTDE2NDggNjY1LjJsMS41IDIxNXoiLz48cGF0aCBkPSJNNjc1LjggNTIyLjJsLTI2MjEuOSAyNjIxLjktNDY5LjQtNi42TDY3Mi41IDQ5LjRsMy4zIDQ3Mi44eiIvPjxwYXRoIGQ9Ik0yNTk1LjkgNTIyLjJMLTI2IDMxNDQuMWwtNDY5LjUtNi42TDI1OTIuNiA0OS40bDMuMyA0NzIuOHoiLz48L2c+PC9zdmc+);
  384.    background-repeat: no-repeat;
  385.    background-position: top;
  386.    background-size: clamp(60em,100rem,100em) auto,cover;
  387. }
  388.  
  389.  
  390. .grecaptcha-badge {
  391.  
  392. visibility: hidden;
  393.  
  394. }
  395.  
  396.  
  397.  
  398. a.text-base:hover {
  399.  
  400.    color: #fff;
  401.  
  402. }
  403.  
  404.  
  405.  
  406. .btn-orange {
  407.  
  408. color: #f39200;
  409.  
  410. background-color: #f39200 !important;
  411.  
  412. border-color: #f39200 !important;
  413.  
  414. }
  415.  
  416.  
  417. .btn-primary {
  418.    color: #4B5563;
  419.    background-color: #F59E0B !important;
  420.    border-color: #f39200 !important;
  421. }
  422.  
  423. .btn-primary:hover {
  424.    color: #fff;
  425.    background-color: #D97706 !important;
  426.    border-color: #D97706 !important;
  427. }
  428.  
  429.  
  430.  
  431.  .btn-voucher {
  432.  
  433.        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
  434.  
  435.        --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  436.  
  437.        position: relative;
  438.  
  439.        overflow: hidden;
  440.  
  441.    }
  442.  
  443.  
  444.  
  445.    .btn-voucher::after {
  446.  
  447.        --tw-skew-x: -12deg;
  448.  
  449.        --tw-translate-x: -100%;
  450.  
  451.        content: var(--tw-content);
  452.  
  453.        position: absolute;
  454.  
  455.        top: 0;
  456.  
  457.        left: 0;
  458.  
  459.        width: 11%;
  460.  
  461.        height: 100%;
  462.  
  463.        background-color: hsl(63, 1%, 78%);
  464.  
  465.        transform: translateX(var(--tw-translate-x)) skewX(var(--tw-skew-x));
  466.  
  467.        animation: hightlight 5s ease-in infinite forwards;
  468.  
  469.    }
  470.  
  471.  
  472.  
  473.  
  474.  
  475.  
  476.  
  477. .button-action-payment li.active {
  478.  
  479. border: 1px solid transparent;
  480.  
  481. background: rgb(255, 255, 255);
  482.  
  483. filter: grayscale(0%);
  484.  
  485. }
  486.  
  487.  
  488.  
  489. .xxs {
  490.  
  491. font-size: 0.4rem;
  492.  
  493. }
  494.  
  495.  
  496.  
  497. .button-action-payment li {
  498.  
  499. border: 1px solid rgba(202, 202, 202, 0.398);
  500.  
  501. padding: 10px;
  502.  
  503. border-radius: 0.3em;
  504.  
  505. margin-bottom: 10px;
  506.  
  507. position: relative;
  508.  
  509. display: list-item;
  510.  
  511. text-align: -webkit-match-parent;
  512.  
  513. background: rgb(208, 208, 208);
  514.  
  515. -webkit-filter: grayscale(100%);
  516.  
  517. /* Safari 6.0 - 9.0 */
  518.  
  519. filter: grayscale(100%);
  520.  
  521. }
  522.  
  523.  
  524.  
  525. .button-action-payment input[type="radio"]:checked+.payment-item {
  526.  
  527. color: #fd7300;
  528.  
  529. }
  530.  
  531.  
  532.  
  533.  
  534.  
  535. .strip-primary {
  536.  
  537. background-color: #e10603 !important;
  538.  
  539. position: absolute;
  540.  
  541. width: 60px;
  542.  
  543. height: 5px;
  544.  
  545. border-radius: 10px;
  546.  
  547. }
  548.  
  549.  
  550.  
  551. .wave {
  552.  
  553. min-height: 100%;
  554.  
  555. background-attachment: scroll;
  556.  
  557. background-repeat: no-repeat;
  558.  
  559. background-position: bottom left, bottom right;
  560.  
  561. }
  562.  
  563.  
  564.  
  565. .wave2 {
  566.  
  567. min-height: 100%;
  568.  
  569. background-attachment: fixed;
  570.  
  571. background-repeat: no-repeat;
  572.  
  573. background-position: top left, top right;
  574.  
  575. }
  576.  
  577.  
  578.  
  579.  
  580.  
  581.  
  582.  
  583. @media (min-width: 576px)
  584.  
  585. .content-body {
  586.  
  587.    margin: 0 auto;
  588.  
  589.    max-width: 1200px;
  590.  
  591.    padding-top: 80px;
  592.  
  593. }
  594.  
  595. .content-body {
  596.  
  597.    padding: 0 15px;
  598.  
  599.    padding-top: 9px;
  600.  
  601. }
  602.  
  603.  
  604. .fab-icon-holder {
  605.  
  606. width: 75px;
  607.  
  608. height: 75px;
  609.  
  610. bottom: 140px;
  611.  
  612. left: 10px;
  613.  
  614. /* padding: 1px; */
  615.  
  616. border-radius: 10px;
  617.  
  618. text-align: center;
  619.  
  620. font-size: 30px;
  621.  
  622. z-index: 99999;
  623.  
  624. }
  625.  
  626.  
  627.  
  628. .fab-icon-holder:hover {
  629.  
  630. opacity: 0.8;
  631. padding: 5px
  632.  
  633. }
  634.  
  635.  
  636.  
  637. .fab-icon-holder i {
  638.  
  639. display: flex;
  640.  
  641. align-items: center;
  642.  
  643. justify-content: center;
  644.  
  645. height: 100%;
  646.  
  647. font-size: 25px;
  648.  
  649. }
  650.  
  651.  
  652.  
  653. .fab-options {
  654.  
  655. list-style-type: none;
  656.  
  657. margin: 0;
  658.  
  659. position: absolute;
  660.  
  661. bottom: 48px;
  662.  
  663. left: -37px;
  664.  
  665. opacity: 0;
  666.  
  667. transition: all 0.3s ease;
  668.  
  669. transform: scale(0);
  670.  
  671. transform-origin: 85% bottom;
  672.  
  673.  
  674. }
  675.  
  676.  
  677.  
  678. .fab:hover+.fab-options,
  679.  
  680. .fab-options:hover {
  681.  
  682. opacity: 1;
  683.  
  684. transform: scale(1);
  685. left: -5px;
  686.  
  687. }
  688.  
  689.  
  690.  
  691. .fab-options li {
  692.  
  693. display: flex;
  694.  
  695. justify-content: flex-start;
  696.  
  697. padding: 5px;
  698.  
  699. }
  700.  
  701.  
  702.  
  703. .fab-label {
  704.  
  705. padding: 5px 5px;
  706.  
  707. align-self: center;
  708.  
  709. user-select: none;
  710.  
  711. white-space: nowrap;
  712.  
  713. border-radius: 3px;
  714.  
  715. font-size: 16px;
  716.  
  717. background: #666666;
  718.  
  719. color: #ffffff;
  720.  
  721. box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
  722.  
  723. margin-left: 10px;
  724.  
  725. }
  726.  
  727.  
  728.  
  729.  
  730.  
  731. .d-flex {
  732.  
  733. display: -ms-flexbox !important;
  734.  
  735. display: flex !important;
  736.  
  737. }
  738.  
  739.  
  740.  
  741. .d-flex2 {
  742.  
  743. background-color: #212529;
  744.  
  745. }
  746.  
  747.  
  748.  
  749. .img-chat {
  750.  
  751. max-width: 100%;
  752.  
  753. height: auto;
  754.  
  755. /* background-color: #f89728; */
  756.  
  757. border-radius: 10px;
  758.  
  759. }
  760.  
  761.  
  762.  
  763. .btn-topup {
  764.  
  765. color: #fff3e2 !important;
  766.  
  767. background-color: #fe6c17 !important;
  768.  
  769. width: 90%;
  770.  
  771. max-width: 100px;
  772.  
  773. }
  774.  
  775.  
  776.  
  777. .btn-topup:hover {
  778.  
  779. color: #fff3e2 !important;
  780.  
  781. background-color: #c44d09 !important;
  782.  
  783. border-color: #c44d09;
  784.  
  785. width: 90%;
  786.  
  787. }
  788.  
  789.  
  790.  
  791. .rounded-img-buy {
  792.  
  793. border-radius: 10% !important;
  794.  
  795. }
  796.  
  797.  
  798.  
  799. .size-img-buy {
  800.  
  801. width: 90%;
  802.  
  803. /* border-radius: 12px; */
  804.  
  805. height: auto;
  806.  
  807.  
  808.  
  809. }
  810.  
  811.  
  812.  
  813. .size-img-buy-v {
  814.  
  815. width: 90%;
  816.  
  817. height: auto;
  818.  
  819. text-align: center;
  820.  
  821. }
  822.  
  823.  
  824.  
  825.  
  826.  
  827.  
  828.  
  829. .col-bjconfirm {
  830.  
  831. flex: 0 0 auto;
  832.  
  833. width: 50%;
  834.  
  835. font-size: 14px;
  836.  
  837. text-align: right;
  838.  
  839. }
  840.  
  841.  
  842.  
  843. .col-bjconfirm2 {
  844.  
  845. flex: 0 0 auto;
  846.  
  847. width: 50%;
  848.  
  849. font-size: 14px;
  850.  
  851. text-align: left;
  852.  
  853. }
  854.  
  855.  
  856.  
  857. .col-bjconfirm3 {
  858.  
  859. flex: 0 0 auto;
  860.  
  861. width: 100%;
  862.  
  863. font-size: 11px;
  864.  
  865. text-align: center;
  866.  
  867. }
  868.  
  869.  
  870.  
  871. .col-bjinv {
  872.  
  873. flex: 0 0 auto;
  874.  
  875. width: 50%;
  876.  
  877. font-size: 14px;
  878.  
  879. text-align: right;
  880.  
  881. }
  882.  
  883.  
  884.  
  885. .col-bjinv2 {
  886.  
  887. flex: 0 0 auto;
  888.  
  889. width: 50%;
  890.  
  891. font-size: 14px;
  892.  
  893. }
  894.  
  895.  
  896.  
  897. .col-bjinv3 {
  898.  
  899. flex: 0 0 auto;
  900.  
  901. width: 50%;
  902.  
  903. font-size: 20px;
  904.  
  905. font-weight: bold;
  906.  
  907. }
  908.  
  909.  
  910.  
  911.  
  912.  
  913. .nav-pills .nav-link.active, {
  914.    
  915.    color:#fff;
  916. }
  917.  
  918.  
  919. .nav-pills .show > .nav-link {
  920.  
  921. background-color: #cc0000;
  922.  
  923. color: #fff;
  924.  
  925. border: none;
  926.  
  927. }
  928.  
  929.  
  930.  
  931. .nav-pills .nav-link {
  932.  
  933. background-color:#8a1111;
  934.  
  935. color: #fff;
  936.  
  937. padding: 0.5rem 1rem;
  938.  
  939. margin-right: 1px;
  940.  
  941.  
  942.  
  943. }
  944.  
  945.  
  946.  
  947. .nav-pills .nav-link:hover {
  948.  
  949. background-color: #c81010;
  950.  
  951. color: #fff;
  952.  
  953. }
  954.  
  955.  
  956.  
  957.  
  958.  
  959.  
  960.  
  961.  
  962.  
  963. .nav-link {
  964.  
  965. color: #e10603;
  966.  
  967. display: block;
  968.  
  969. padding: 0.5rem 1rem;
  970.  
  971. text-decoration: none;
  972.  
  973. transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s;
  974.  
  975. }
  976.  
  977.  
  978.  
  979. .nav-link:focus,
  980.  
  981. .nav-link:hover {
  982.  
  983. color: #fff;
  984.  
  985.  
  986.  
  987. }
  988.  
  989.  
  990.  
  991.  
  992.  
  993. .scroll-up-btn {
  994.  
  995. display: none;
  996.  
  997. position: fixed;
  998.  
  999. width: 45px;
  1000.  
  1001. height: 45px;
  1002.  
  1003. bottom: 19px;
  1004.  
  1005. right: 10px;
  1006.  
  1007. color: #FFF;
  1008.  
  1009. border: 1px solid #494456;
  1010.  
  1011. background: #494456;
  1012.  
  1013. border-radius: 10px;
  1014.  
  1015. text-align: center;
  1016.  
  1017. font-size: 16px;
  1018.  
  1019. z-index: 99999;
  1020.  
  1021. }
  1022.  
  1023. }
  1024.  
  1025.  
  1026.  
  1027. .fa-chevron-up {
  1028.  
  1029. margin-top: -2px;
  1030.  
  1031. }
  1032.  
  1033.  
  1034.  
  1035.  
  1036.  
  1037.  
  1038.  
  1039.  
  1040.  
  1041. .carousel-indicators {
  1042.  
  1043. position: absolute;
  1044.  
  1045. bottom: 0;
  1046.  
  1047. margin-bottom: -7px;
  1048.  
  1049. }
  1050.  
  1051.  
  1052.  
  1053. .carousel-indicators li {
  1054.  
  1055. border-radius: 50%;
  1056.  
  1057. width: 10px !important;
  1058.  
  1059. height: 10px !important;
  1060.  
  1061.  
  1062.  
  1063. }
  1064.  
  1065.  
  1066.  
  1067. .carousel-indicators .active {
  1068.  
  1069. background-color: #f39200;
  1070.  
  1071. }
  1072.  
  1073.  
  1074.  
  1075.  
  1076.  
  1077.  
  1078.  
  1079.  
  1080.  
  1081.  
  1082.  
  1083. .regular-price {
  1084.  
  1085. text-decoration: line-through;
  1086.  
  1087. color: red;
  1088.  
  1089. }
  1090.  
  1091.  
  1092.  
  1093. .sale-price {
  1094.  
  1095. margin-left: 0px;
  1096.  
  1097. }
  1098.  
  1099.  
  1100.  
  1101.  
  1102.  
  1103. .text-end {
  1104.  
  1105. text-align: right !important;
  1106.  
  1107. }
  1108.  
  1109.  
  1110.  
  1111. .bg-abu {
  1112.  
  1113. background-color: #1e2022;
  1114.  
  1115. }
  1116.  
  1117.  
  1118.  
  1119. .border-merah {
  1120.  
  1121. border: 1px solid white;
  1122.  
  1123. }
  1124.  
  1125.  
  1126.  
  1127.  
  1128.  
  1129.  
  1130.  
  1131.  
  1132. .size-img-buy {
  1133.  
  1134. width: 60%;
  1135.  
  1136. /* border-radius: 12px; */
  1137.  
  1138. height: auto;
  1139.  
  1140. }
  1141.  
  1142. .rounded-img-buy {
  1143.  
  1144. border-radius: 10% !important;
  1145.  
  1146. }
  1147.  
  1148. .bg-transparent {
  1149.  
  1150. --bs-bg-opacity: 1;
  1151.  
  1152. background-color: transparent!important;
  1153.  
  1154. }
  1155.  
  1156.  
  1157.  
  1158. .rounded {
  1159.  
  1160. border-radius: 0.25rem!important;
  1161.  
  1162. }
  1163.  
  1164. .bg-transparent {
  1165.  
  1166. --bs-bg-opacity: 1;
  1167.  
  1168. background-color: transparent!important;
  1169.  
  1170. }
  1171.  
  1172. .text-center {
  1173.  
  1174. text-align: center!important;
  1175.  
  1176. }
  1177.  
  1178. .p-2 {
  1179.  
  1180. padding: 0.5rem!important;
  1181.  
  1182. }
  1183.  
  1184. .h-100 {
  1185.  
  1186. height: 100%!important;
  1187.  
  1188. }
  1189.  
  1190. .border-0 {
  1191.  
  1192. border: 0!important;
  1193.  
  1194. }
  1195.  
  1196.  
  1197.  
  1198. * {
  1199.  
  1200. box-sizing: border-box;
  1201.  
  1202. }
  1203.  
  1204. *, :after, :before {
  1205.  
  1206. box-sizing: border-box;
  1207.  
  1208. }
  1209.  
  1210. user agent stylesheet
  1211.  
  1212. div {
  1213.  
  1214. display: block;
  1215.  
  1216. }
  1217.  
  1218. .g-2, .gy-2 {
  1219.  
  1220. --bs-gutter-y: 0.5rem;
  1221.  
  1222. }
  1223.  
  1224. .g-2, .gx-2 {
  1225.  
  1226. --bs-gutter-x: 0.5rem;
  1227.  
  1228. }
  1229.  
  1230. .row {
  1231.  
  1232. --bs-gutter-x: 1.5rem;
  1233.  
  1234. --bs-gutter-y: 0;
  1235.  
  1236. display: flex;
  1237.  
  1238. flex-wrap: wrap;
  1239.  
  1240. margin-left: calc(var(--bs-gutter-x)*-.5);
  1241.  
  1242. margin-right: calc(var(--bs-gutter-x)*-.5);
  1243.  
  1244. margin-top: calc(var(--bs-gutter-y)*-1);
  1245.  
  1246. }
  1247.  
  1248. .text-white {
  1249.  
  1250. --bs-text-opacity: 1;
  1251.  
  1252. color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important;
  1253.  
  1254. }
  1255.  
  1256.  
  1257.  
  1258.  
  1259.  
  1260. .pt-12 {
  1261.  
  1262. padding-top: 3rem;
  1263.  
  1264. }
  1265.  
  1266. .px-4 {
  1267.  
  1268. padding-left: 1rem;
  1269.  
  1270. padding-right: 1rem;
  1271.  
  1272. }
  1273.  
  1274. .max-w-7xl {
  1275.  
  1276. max-width: 80rem;
  1277.  
  1278. }
  1279.  
  1280. .mx-auto {
  1281.  
  1282. margin-left: auto;
  1283.  
  1284. margin-right: auto;
  1285.  
  1286. }
  1287.  
  1288.  
  1289.  
  1290.  
  1291.  
  1292.  
  1293.  
  1294.  
  1295.  
  1296. .btn-topup {
  1297.  
  1298. color: #fff3e2 !important;
  1299.  
  1300. background-color: #e10603 !important;
  1301.  
  1302. width: 90%;
  1303.  
  1304. max-width: 100px;
  1305.  
  1306. }
  1307.  
  1308.  
  1309.  
  1310. .btn-topup:hover {
  1311.  
  1312. color: #fff3e2 !important;
  1313.  
  1314. background-color: #7e0d0b !important;
  1315.  
  1316. width: 90%;
  1317.  
  1318. max-width: 100px;
  1319.  
  1320. }
  1321.  
  1322.  
  1323. .hover\:bg-yellow-400:hover {
  1324.    --tw-bg-opacity: 1;
  1325.    background-color: rgba(251,191, 36, var(--tw-bg-opacity));
  1326. }
  1327. .bg-yellow-500 {
  1328.    --tw-bg-opacity: 1;
  1329.    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  1330. }
  1331.  
  1332.  
  1333. .nick {
  1334.  
  1335. font-weight: bold;
  1336.  
  1337. color: red;
  1338.  
  1339.  
  1340. }
  1341.  
  1342. .label {
  1343.  
  1344. font-weight: bold;
  1345.  
  1346. }
  1347.  
  1348.  
  1349. .card {
  1350.  border-radius: 10px;
  1351.  
  1352. }
  1353.  
  1354.  
  1355.  
  1356.  
  1357.        .bg-card {
  1358.  
  1359.            color: #fff;
  1360.  
  1361.            background: var(--warna_4) !important
  1362.  
  1363.        }
  1364.  
  1365.  
  1366.  
  1367.        .navbar {
  1368.  
  1369.            color: #fff;
  1370.  
  1371.            background: var(--warna_2)
  1372.  
  1373.        }
  1374.  
  1375.  
  1376.  
  1377.        .navbar-toggler {
  1378.  
  1379.            font-size: 32px
  1380.  
  1381.        }
  1382.  
  1383.  
  1384.  
  1385.        .offcanvas.offcanvas-end {
  1386.  
  1387.            background: var(--warna_2)
  1388.  
  1389.        }
  1390.  
  1391.  
  1392.  
  1393.        .navbar-nav .nav-link {
  1394.  
  1395.            color: #fff
  1396.  
  1397.        }
  1398.  
  1399.  
  1400.  
  1401.        .btn-login {
  1402.  
  1403.            color: #fff;
  1404.  
  1405.            background: #0d6efd !important
  1406.  
  1407.        }
  1408.  
  1409.  
  1410.  
  1411.      
  1412.  
  1413.  
  1414.  
  1415.        @media (min-width:768px) {
  1416.  
  1417.            .resultsearch {
  1418.  
  1419.                width: 50%;
  1420.  
  1421.                max-height: 500px;
  1422.  
  1423.                transform: translate(220px, 50px)
  1424.  
  1425.            }
  1426.            
  1427.            .css-6qw8qz {
  1428.    border: 1px solid rgba(203, 203, 203, 0.5);
  1429.    background: linear-gradient(163.42deg, rgb(50, 50, 62) -107%, rgba(255, 255, 255, 0) 105.46%);
  1430. }
  1431.  
  1432.        }
  1433.  
  1434.    
  1435.  
  1436.  
  1437.  
  1438.        .resultsearch {
  1439.  
  1440.            width: 100%;
  1441.  
  1442.            inset: 0 auto auto 0;
  1443.  
  1444.            margin: 0;
  1445.  
  1446.            transform: translate(0, 50px);
  1447.  
  1448.            background-color: #000;
  1449.  
  1450.            border-color: rgba(0, 0, 0, .15);
  1451.  
  1452.            color: #fff;
  1453.  
  1454.            overflow-y: auto;
  1455.  
  1456.            max-height: 500px
  1457.  
  1458.        }
  1459.  
  1460.  
  1461.  
  1462.        @media (min-width:768px) {
  1463.  
  1464.            .resultsearch {
  1465.  
  1466.                width: 50%;
  1467.  
  1468.                max-height: 500px;
  1469.  
  1470.                transform: translate(220px, 50px)
  1471.  
  1472.            }
  1473.            
  1474.            .css-6qw8qz {
  1475.    border: 1px solid rgba(203, 203, 203, 0.5);
  1476.    background: linear-gradient(163.42deg, rgb(50, 50, 62) -107%, rgba(255, 255, 255, 0) 105.46%);
  1477. }
  1478.  
  1479.        }
  1480.  
  1481.  
  1482.  
  1483.        .resultsearch .dropdown-item:hover {
  1484.  
  1485.            background-color: #000;
  1486.  
  1487.            color: #fff
  1488.  
  1489.        }
  1490.  
  1491.  
  1492.  
  1493.        .search-bar input {
  1494.  
  1495.            border: none;
  1496.  
  1497.            color: rgb(156 163 175);
  1498.  
  1499.            background: #fff;
  1500.  
  1501.            border-radius: 9999px
  1502.  
  1503.        }
  1504.  
  1505.  
  1506.  
  1507.        .search-bar span {
  1508.  
  1509.            border: none;
  1510.  
  1511.            border-radius: 9999px;
  1512.  
  1513.            color: rgb(156 163 175);
  1514.  
  1515.            background: #fff
  1516.  
  1517.        }
  1518.  
  1519.  
  1520.  
  1521.        .search-bar ::placeholder {
  1522.  
  1523.            color: #878aad;
  1524.  
  1525.            opacity: 1
  1526.  
  1527.        }
  1528.  
  1529.  
  1530.  
  1531.        .input-box:focus {
  1532.  
  1533.            color: #000;
  1534.  
  1535.            background: #fff
  1536.  
  1537.        }
  1538.  
  1539.  
  1540.  
  1541.        .img-search {
  1542.  
  1543.            padding-left: 15px
  1544.  
  1545.        }
  1546.  
  1547.  
  1548.  
  1549.      
  1550.  
  1551.  
  1552.  
  1553.        .fab-container {
  1554.  
  1555.            position: fixed;
  1556.  
  1557.            bottom: 70px;
  1558.  
  1559.            right: 10px;
  1560.  
  1561.            z-index: 999;
  1562.  
  1563.            cursor: pointer
  1564.  
  1565.        }
  1566.        .fab-options {
  1567.  
  1568.            list-style-type: none;
  1569.  
  1570.            margin: 0;
  1571.  
  1572.            position: absolute;
  1573.  
  1574.            bottom: 48px;
  1575.  
  1576.            left: -37px;
  1577.  
  1578.            opacity: 0;
  1579.  
  1580.            transition: all .3s ease;
  1581.  
  1582.            transform: scale(0);
  1583.  
  1584.            transform-origin: 85% bottom
  1585.  
  1586.        }
  1587.  
  1588.  
  1589.  
  1590.        .fab:hover+.fab-options,
  1591.  
  1592.        .fab-options:hover {
  1593.  
  1594.            opacity: 1;
  1595.  
  1596.            transform: scale(1)
  1597.  
  1598.        }
  1599.  
  1600.  
  1601.  
  1602.        .fab-options li {
  1603.  
  1604.            display: flex;
  1605.  
  1606.            justify-content: flex-start;
  1607.  
  1608.            padding: 5px
  1609.  
  1610.        }
  1611.  
  1612.  
  1613.  
  1614.        .fab-label {
  1615.  
  1616.            padding: 2px 5px;
  1617.  
  1618.            align-self: center;
  1619.  
  1620.            user-select: none;
  1621.  
  1622.            white-space: nowrap;
  1623.  
  1624.            border-radius: 3px;
  1625.  
  1626.            font-size: 16px;
  1627.  
  1628.            background: #666;
  1629.  
  1630.            color: #fff;
  1631.  
  1632.            box-shadow: 0 6px 20px rgba(0, 0, 0, .2);
  1633.  
  1634.            margin-left: 10px
  1635.  
  1636.        }
  1637.  
  1638.  
  1639.  
  1640.        .swiper-container {
  1641.  
  1642.            width: 100%;
  1643.  
  1644.            overflow: hidden
  1645.  
  1646.        }
  1647.  
  1648.  
  1649.  
  1650.        .swiper-slide {
  1651.  
  1652.            background-position: center;
  1653.  
  1654.            background-size: cover;
  1655.  
  1656.            width: 95%;
  1657.  
  1658.            height: 70%
  1659.  
  1660.        }
  1661.  
  1662.  
  1663.  
  1664.        .swiper-slide img {
  1665.  
  1666.            display: block;
  1667.  
  1668.            width: 100%;
  1669.  
  1670.            border-radius: 12px
  1671.  
  1672.        }
  1673.  
  1674.  
  1675.  
  1676.        
  1677.  
  1678.  
  1679.  
  1680.        .swiper-pagination {
  1681.  
  1682.            margin-top: 30px !important
  1683.  
  1684.        }
  1685.  
  1686.  
  1687.  
  1688.        .content-body form input {
  1689.  
  1690.            outline: none;
  1691.  
  1692.            margin-top: -30px;
  1693.  
  1694.            border: none !important;
  1695.  
  1696.            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important
  1697.  
  1698.        }
  1699.  
  1700.  
  1701.  
  1702.        .row {
  1703.  
  1704.            --bs-gutter-x: .5rem
  1705.  
  1706.        }
  1707.  
  1708.  
  1709.  
  1710.        .product .box {
  1711.  
  1712.            margin-bottom: 40px
  1713.  
  1714.        }
  1715.  
  1716.  
  1717.  
  1718.        @media (max-width:576px) {
  1719.  
  1720.            .product .box {
  1721.  
  1722.                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
  1723.  
  1724.                border-radius: .75rem;
  1725.  
  1726.                text-align: center;
  1727.  
  1728.                background: #646464;
  1729.  
  1730.                display: block;
  1731.  
  1732.                text-decoration: none;
  1733.  
  1734.                color: #fff;
  1735.  
  1736.                height: 11rem
  1737.  
  1738.            }
  1739.  
  1740.        }
  1741.  
  1742.  
  1743.  
  1744.        @media (min-width:576px) {
  1745.  
  1746.            .product .box {
  1747.  
  1748.                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
  1749.  
  1750.                border-radius: .75rem;
  1751.  
  1752.                text-align: center;
  1753.  
  1754.                background: #646464;
  1755.  
  1756.                display: block;
  1757.  
  1758.                text-decoration: none;
  1759.  
  1760.                color: #fff;
  1761.  
  1762.                height: 15rem
  1763.  
  1764.            }
  1765.  
  1766.        }
  1767.  
  1768.  
  1769.  
  1770.        .card-product {
  1771.  
  1772.            margin-bottom: -30px;
  1773.  
  1774.            gap: .5rem
  1775.  
  1776.        }
  1777.  
  1778.  
  1779.  
  1780.        @media (max-width:576px) {
  1781.  
  1782.            .product p {
  1783.  
  1784.                font-size: 12px !important
  1785.  
  1786.            }
  1787.  
  1788.        }
  1789.  
  1790.  
  1791.  
  1792.        .product .box img {
  1793.  
  1794.            width: 100%;
  1795.  
  1796.            height: 100%;
  1797.  
  1798.            display: block;
  1799.  
  1800.            margin: auto;
  1801.  
  1802.            object-fit: cover;
  1803.  
  1804.            border-radius: .75rem
  1805.  
  1806.        }
  1807.  
  1808.  
  1809.  
  1810.    
  1811.  
  1812.  
  1813.  
  1814.        .footer img {
  1815.  
  1816.            padding-top: 2.5rem 0
  1817.  
  1818.        }
  1819.  
  1820.  
  1821.  
  1822.        .text-copyright {
  1823.  
  1824.            color: #718096;
  1825.  
  1826.            font-size: .875rem
  1827.  
  1828.        }
  1829.  
  1830.  
  1831.  
  1832.        .sosmed {
  1833.  
  1834.            margin-bottom: 20px
  1835.  
  1836.        }
  1837.  
  1838.  
  1839.  
  1840.        .sosmed a {
  1841.  
  1842.            margin: 0 10px;
  1843.  
  1844.            text-decoration: none;
  1845.  
  1846.            color: #fff
  1847.  
  1848.        }
  1849.  
  1850.  
  1851.  
  1852.        .sosmed i {
  1853.  
  1854.            font-size: 24px
  1855.  
  1856.        }
  1857.  
  1858.  
  1859.  
  1860.        .item .metode {
  1861.  
  1862.            margin: 5px 0;
  1863.  
  1864.            background: #fff;
  1865.  
  1866.            border-radius: 8px;
  1867.  
  1868.            padding: .75rem;
  1869.  
  1870.            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) !important
  1871.  
  1872.        }
  1873.  
  1874.  
  1875.  
  1876.        .my-form label {
  1877.  
  1878.            font-size: 1rem
  1879.  
  1880.        }
  1881.  
  1882.  
  1883.  
  1884.        .my-form .form-control {
  1885.  
  1886.            background: #fefefe;
  1887.  
  1888.            margin-top: 6px;
  1889.  
  1890.            border: 2px solid #fefefe !important
  1891.  
  1892.        }
  1893.  
  1894.  
  1895.  
  1896.        .my-form .form-control:active,
  1897.  
  1898.        .my-form .form-control:focus {
  1899.  
  1900.            border-color: #fefefe !important;
  1901.  
  1902.            box-shadow: none !important;
  1903.  
  1904.            outline: none !important
  1905.  
  1906.        }
  1907.  
  1908.  
  1909.  
  1910.        .method-list {
  1911.  
  1912.            overflow: hidden;
  1913.  
  1914.            cursor: pointer
  1915.  
  1916.        }
  1917.  
  1918.  
  1919.  
  1920.        .method-list.active {
  1921.  
  1922.            border-color: var(--warna_2) !important
  1923.  
  1924.        }
  1925.  
  1926.  
  1927.  
  1928.        .method-list.active:before {
  1929.  
  1930.            display: inline-block;
  1931.  
  1932.            content: 'L';
  1933.  
  1934.            position: relative;
  1935.  
  1936.            background: var(--warna_2);
  1937.  
  1938.            margin-left: -12px;
  1939.  
  1940.            height: 53px;
  1941.  
  1942.            line-height: 40px;
  1943.  
  1944.            width: 20px;
  1945.  
  1946.            text-align: center;
  1947.  
  1948.            color: #fff;
  1949.  
  1950.            top: -23px;
  1951.  
  1952.            transform: rotate(45deg) scaleX(-1)
  1953.  
  1954.        }
  1955.  
  1956.  
  1957.  
  1958.        .method-list.active table {
  1959.  
  1960.            margin-top: -53px
  1961.  
  1962.        }
  1963.  
  1964.  
  1965.  
  1966.        .search-item {
  1967.  
  1968.            width: 50%
  1969.  
  1970.        }
  1971.  
  1972.  
  1973.  
  1974.        @media (min-width:768px) {
  1975.  
  1976.            .search-item {
  1977.  
  1978.                width: 50%;
  1979.  
  1980.                margin-left: 100px
  1981.  
  1982.            }
  1983.  
  1984.        }
  1985.  
  1986.  
  1987.  
  1988.      
  1989.  
  1990.      
  1991.  
  1992.        .flex-1 {
  1993.  
  1994.            flex: 1 1 0%
  1995.  
  1996.        }
  1997.  
  1998.  
  1999.  
  2000.        .card {
  2001.             background: linear-gradient(163.42deg, rgba(55, 67, 83, 0.765) -107%, rgba(255, 255, 255, 0) 105.46%);
  2002.            border: none !important;
  2004.            
  2005.  
  2006.  
  2007.        }
  2008.  
  2009.  
  2010.  
  2011.        .bottom-6 {
  2012.  
  2013.            bottom: 3rem !important
  2014.  
  2015.        }
  2016.  
  2017.  
  2018.  
  2019.        .absolute {
  2020.  
  2021.            position: absolute !important
  2022.  
  2023.        }
  2024.  
  2025.  
  2026.  
  2027.        .mobile {
  2028.  
  2029.            backdrop-filter: blur(1px);
  2030.  
  2031.            border-radius: 20px 20px 20px 20px;
  2032.  
  2033.            height: 60px;
  2034.  
  2035.            font-weigth: bold;
  2036.  
  2037.            padding: 10px;
  2038.  
  2039.            background-color: #000;
  2040.  
  2041.            background-color: rgba(0, 0, 0, .2)
  2042.  
  2043.        }
  2044.  
  2045.        
  2046.  
  2047.        
  2048.  
  2049.        
  2050.  
  2051.        
  2052.  
  2053.          
  2054.  
  2055.        //*tailwinds*//
  2056.  
  2057.  
  2058.  
  2059. /*a
  2060.  
  2061. ! tailwindcss v3.2.6 | MIT License | https://tailwindcss.com
  2062.  
  2063. */
  2064.  
  2065.  
  2066.  
  2067. html {
  2068.  
  2069.    line-height: 1.5;
  2070.  
  2071.    -webkit-text-size-adjust: 100%;
  2072.  
  2073.    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;
  2074.  
  2075.    font-feature-settings: normal;
  2076.  
  2077. }
  2078.  
  2079. hr {
  2080.  
  2081.    height: 0;
  2082.  
  2083.    color: inherit;
  2084.  
  2085.    border-top-width: 1px;
  2086.  
  2087. }
  2088.  
  2089. abbr:where([title]) {
  2090.  
  2091.    -webkit-text-decoration: underline dotted;
  2092.  
  2093.    text-decoration: underline dotted;
  2094.  
  2095. }
  2096.  
  2097. h1,
  2098.  
  2099. h2,
  2100.  
  2101. h3,
  2102.  
  2103. h4,
  2104.  
  2105. h5,
  2106.  
  2107. h6 {
  2108.  
  2109.    font-size: inherit;
  2110.  
  2111.    font-weight: inherit;
  2112.  
  2113. }
  2114.  
  2115.  
  2116.  
  2117. b,
  2118.  
  2119. strong {
  2120.  
  2121.    font-weight: bolder;
  2122.  
  2123. }
  2124.  
  2125. code,
  2126.  
  2127. kbd,
  2128.  
  2129. pre,
  2130.  
  2131. samp {
  2132.  
  2133.    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  2134.  
  2135.    font-size: 1em;
  2136.  
  2137. }
  2138.  
  2139. small {
  2140.  
  2141.    font-size: 80%;
  2142.  
  2143. }
  2144.  
  2145. sub,
  2146.  
  2147. sup {
  2148.  
  2149.    font-size: 75%;
  2150.  
  2151.    line-height: 0;
  2152.  
  2153.    position: relative;
  2154.  
  2155.    vertical-align: baseline;
  2156.  
  2157. }
  2158.  
  2159. sub {
  2160.  
  2161.    bottom: -0.25em;
  2162.  
  2163. }
  2164.  
  2165. sup {
  2166.  
  2167.    top: -0.5em;
  2168.  
  2169. }
  2170.  
  2171. table {
  2172.  
  2173.    text-indent: 0;
  2174.  
  2175.    border-color: inherit;
  2176.  
  2177.    border-collapse: collapse;
  2178.  
  2179. }
  2180.  
  2181. button,
  2182.  
  2183. input,
  2184.  
  2185. optgroup,
  2186.  
  2187. select,
  2188.  
  2189. textarea {
  2190.  
  2191.    font-family: inherit;
  2192.  
  2193.    font-size: 100%;
  2194.  
  2195.    font-weight: inherit;
  2196.  
  2197.    line-height: inherit;
  2198.  
  2199.    color: inherit;
  2200.  
  2201.    margin: 0;
  2202.  
  2203.    padding: 0;
  2204.  
  2205. }
  2206.  
  2207. button,
  2208.  
  2209. select {
  2210.  
  2211.    text-transform: none;
  2212.  
  2213. }
  2214.  
  2215. [type="button"],
  2216.  
  2217. [type="reset"],
  2218.  
  2219. [type="submit"],
  2220.  
  2221. button {
  2222.  
  2223.    -webkit-appearance: button;
  2224.  
  2225.    background-color: transparent;
  2226.  
  2227.    background-image: none;
  2228.  
  2229. }
  2230.  
  2231. :-moz-focusring {
  2232.  
  2233.    outline: auto;
  2234.  
  2235. }
  2236.  
  2237. :-moz-ui-invalid {
  2238.  
  2239.    box-shadow: none;
  2240.  
  2241. }
  2242.  
  2243. progress {
  2244.  
  2245.    vertical-align: baseline;
  2246.  
  2247. }
  2248.  
  2249. ::-webkit-inner-spin-button,
  2250.  
  2251. ::-webkit-outer-spin-button {
  2252.  
  2253.    height: auto;
  2254.  
  2255. }
  2256.  
  2257. [type="search"] {
  2258.  
  2259.    -webkit-appearance: textfield;
  2260.  
  2261.    outline-offset: -2px;
  2262.  
  2263. }
  2264.  
  2265. ::-webkit-search-decoration {
  2266.  
  2267.    -webkit-appearance: none;
  2268.  
  2269. }
  2270.  
  2271. ::-webkit-file-upload-button {
  2272.  
  2273.    -webkit-appearance: button;
  2274.  
  2275.    font: inherit;
  2276.  
  2277. }
  2278.  
  2279. summary {
  2280.  
  2281.    display: list-item;
  2282.  
  2283. }
  2284.  
  2285. blockquote,
  2286.  
  2287. dd,
  2288.  
  2289. dl,
  2290.  
  2291. figure,
  2292.  
  2293. h1,
  2294.  
  2295. h2,
  2296.  
  2297. h3,
  2298.  
  2299. h4,
  2300.  
  2301. h5,
  2302.  
  2303. h6,
  2304.  
  2305. hr,
  2306.  
  2307. p,
  2308.  
  2309. pre {
  2310.  
  2311.    margin: 0;
  2312.  
  2313. }
  2314.  
  2315. fieldset {
  2316.  
  2317.    margin: 0;
  2318.  
  2319. }
  2320.  
  2321. fieldset,
  2322.  
  2323. legend {
  2324.  
  2325.    padding: 0;
  2326.  
  2327. }
  2328.  
  2329. menu,
  2330.  
  2331. ol,
  2332.  
  2333. ul {
  2334.  
  2335.    list-style: none;
  2336.  
  2337.    margin: 0;
  2338.  
  2339.    padding: 0;
  2340.  
  2341. }
  2342.  
  2343. textarea {
  2344.  
  2345.    resize: vertical;
  2346.  
  2347. }
  2348.  
  2349. input::-moz-placeholder,
  2350.  
  2351. textarea::-moz-placeholder {
  2352.  
  2353.    opacity: 1;
  2354.  
  2355.    color: #9ca3af;
  2356.  
  2357. }
  2358.  
  2359. input::placeholder,
  2360.  
  2361. textarea::placeholder {
  2362.  
  2363.    opacity: 1;
  2364.  
  2365.    color: #9ca3af;
  2366.  
  2367. }
  2368.  
  2369. [role="button"],
  2370.  
  2371. button {
  2372.  
  2373.    cursor: pointer;
  2374.  
  2375. }
  2376.  
  2377. :disabled {
  2378.  
  2379.    cursor: default;
  2380.  
  2381. }
  2382.  
  2383. [hidden] {
  2384.  
  2385.    display: none;
  2386.  
  2387. }
  2388.  
  2389.  
  2390.  
  2391. .sr-only {
  2392.  
  2393.    position: absolute;
  2394.  
  2395.    width: 1px;
  2396.  
  2397.    height: 1px;
  2398.  
  2399.    padding: 0;
  2400.  
  2401.    margin: -1px;
  2402.  
  2403.    overflow: hidden;
  2404.  
  2405.    clip: rect(0, 0, 0, 0);
  2406.  
  2407.    white-space: nowrap;
  2408.  
  2409.    border-width: 0;
  2410.  
  2411. }
  2412.  
  2413. .pointer-events-none {
  2414.  
  2415.    pointer-events: none;
  2416.  
  2417. }
  2418.  
  2419. .pointer-events-auto {
  2420.  
  2421.    pointer-events: auto;
  2422.  
  2423. }
  2424.  
  2425. .fixed {
  2426.  
  2427.    position: fixed;
  2428.  
  2429. }
  2430.  
  2431. .\!absolute {
  2432.  
  2433.    position: absolute !important;
  2434.  
  2435. }
  2436.  
  2437. .absolute {
  2438.  
  2439.    position: absolute;
  2440.  
  2441. }
  2442.  
  2443. .relative {
  2444.  
  2445.    position: relative;
  2446.  
  2447. }
  2448.  
  2449. .sticky {
  2450.  
  2451.    position: sticky;
  2452.  
  2453. }
  2454.  
  2455. .inset-0 {
  2456.  
  2457.    top: 0;
  2458.  
  2459.    bottom: 0;
  2460.  
  2461. }
  2462.  
  2463. .inset-0,
  2464.  
  2465. .inset-x-0 {
  2466.  
  2467.    right: 0;
  2468.  
  2469.    left: 0;
  2470.  
  2471. }
  2472.  
  2473. .inset-y-0 {
  2474.  
  2475.    top: 0;
  2476.  
  2477.    bottom: 0;
  2478.  
  2479. }
  2480.  
  2481. .-right-\[3px\] {
  2482.  
  2483.    right: -3px;
  2484.  
  2485. }
  2486.  
  2487. .bottom-0 {
  2488.  
  2489.    bottom: 0;
  2490.  
  2491. }
  2492.  
  2493. .left-0 {
  2494.  
  2495.    left: 0;
  2496.  
  2497. }
  2498.  
  2499. .left-5 {
  2500.  
  2501.    left: 1.25rem;
  2502.  
  2503. }
  2504.  
  2505. .left-6 {
  2506.  
  2507.    left: 1.5rem;
  2508.  
  2509. }
  2510.  
  2511. .right-0 {
  2512.  
  2513.    right: 0;
  2514.  
  2515. }
  2516.  
  2517. .right-6 {
  2518.  
  2519.    right: 1.5rem;
  2520.  
  2521. }
  2522.  
  2523. .right-8 {
  2524.  
  2525.    right: 2rem;
  2526.  
  2527. }
  2528.  
  2529. .top-0 {
  2530.  
  2531.    top: 0;
  2532.  
  2533. }
  2534.  
  2535. .top-20 {
  2536.  
  2537.    top: 5rem;
  2538.  
  2539. }
  2540.  
  2541. .top-4 {
  2542.  
  2543.    top: 1rem;
  2544.  
  2545. }
  2546.  
  2547. .top-\[18px\] {
  2548.  
  2549.    top: 18px;
  2550.  
  2551. }
  2552.  
  2553. .-z-10 {
  2554.  
  2555.    z-index: -10;
  2556.  
  2557. }
  2558.  
  2559. .z-0 {
  2560.  
  2561.    z-index: 0;
  2562.  
  2563. }
  2564.  
  2565. .z-10 {
  2566.  
  2567.    z-index: 10;
  2568.  
  2569. }
  2570.  
  2571. .z-20 {
  2572.  
  2573.    z-index: 20;
  2574.  
  2575. }
  2576.  
  2577. .z-30 {
  2578.  
  2579.    z-index: 30;
  2580.  
  2581. }
  2582.  
  2583. .z-40 {
  2584.  
  2585.    z-index: 40;
  2586.  
  2587. }
  2588.  
  2589. .z-50 {
  2590.  
  2591.    z-index: 50;
  2592.  
  2593. }
  2594.  
  2595. .z-\[60\] {
  2596.  
  2597.    z-index: 60;
  2598.  
  2599. }
  2600.  
  2601. .z-\[9\] {
  2602.  
  2603.    z-index: 9;
  2604.  
  2605. }
  2606.  
  2607. .order-1 {
  2608.  
  2609.    order: 1;
  2610.  
  2611. }
  2612.  
  2613. .order-2 {
  2614.  
  2615.    order: 2;
  2616.  
  2617. }
  2618.  
  2619. .col-span-1 {
  2620.  
  2621.    grid-column: span 1 / span 1;
  2622.  
  2623. }
  2624.  
  2625. .col-span-12 {
  2626.  
  2627.    grid-column: span 12 / span 12;
  2628.  
  2629. }
  2630.  
  2631. .col-span-2 {
  2632.  
  2633.    grid-column: span 2 / span 2;
  2634.  
  2635. }
  2636.  
  2637. .col-span-5 {
  2638.  
  2639.    grid-column: span 5 / span 5;
  2640.  
  2641. }
  2642.  
  2643. .\!m-0 {
  2644.  
  2645.    margin: 0 !important;
  2646.  
  2647. }
  2648.  
  2649. .m-0 {
  2650.  
  2651.    margin: 0;
  2652.  
  2653. }
  2654.  
  2655. .m-4 {
  2656.  
  2657.    margin: 1rem;
  2658.  
  2659. }
  2660.  
  2661. .m-auto {
  2662.  
  2663.    margin: auto;
  2664.  
  2665. }
  2666.  
  2667. .mx-2 {
  2668.  
  2669.    margin-left: 0.5rem;
  2670.  
  2671.    margin-right: 0.5rem;
  2672.  
  2673. }
  2674.  
  2675. .mx-6 {
  2676.  
  2677.    margin-left: 1.5rem;
  2678.  
  2679.    margin-right: 1.5rem;
  2680.  
  2681. }
  2682.  
  2683. .mx-auto {
  2684.  
  2685.    margin-left: auto;
  2686.  
  2687.    margin-right: auto;
  2688.  
  2689. }
  2690.  
  2691. .my-2 {
  2692.  
  2693.    margin-top: 0.5rem;
  2694.  
  2695.    margin-bottom: 0.5rem;
  2696.  
  2697. }
  2698.  
  2699. .my-20 {
  2700.  
  2701.    margin-top: 5rem;
  2702.  
  2703.    margin-bottom: 5rem;
  2704.  
  2705. }
  2706.  
  2707. .my-3 {
  2708.  
  2709.    margin-top: 0.75rem;
  2710.  
  2711.    margin-bottom: 0.75rem;
  2712.  
  2713. }
  2714.  
  2715. .my-4 {
  2716.  
  2717.    margin-top: 1rem;
  2718.  
  2719.    margin-bottom: 1rem;
  2720.  
  2721. }
  2722.  
  2723. .my-6 {
  2724.  
  2725.    margin-top: 1.5rem;
  2726.  
  2727.    margin-bottom: 1.5rem;
  2728.  
  2729. }
  2730.  
  2731. .my-7 {
  2732.  
  2733.    margin-top: 1.75rem;
  2734.  
  2735.    margin-bottom: 1.75rem;
  2736.  
  2737. }
  2738.  
  2739. .my-8 {
  2740.  
  2741.    margin-top: 2rem;
  2742.  
  2743.    margin-bottom: 2rem;
  2744.  
  2745. }
  2746.  
  2747. .my-auto {
  2748.  
  2749.    margin-top: auto;
  2750.  
  2751.    margin-bottom: auto;
  2752.  
  2753. }
  2754.  
  2755. .-mb-px {
  2756.  
  2757.    margin-bottom: -1px;
  2758.  
  2759. }
  2760.  
  2761. .-ml-1 {
  2762.  
  2763.    margin-left: -0.25rem;
  2764.  
  2765. }
  2766.  
  2767. .-ml-px {
  2768.  
  2769.    margin-left: -1px;
  2770.  
  2771. }
  2772.  
  2773. .-mr-10 {
  2774.  
  2775.    margin-right: -2.5rem;
  2776.  
  2777. }
  2778.  
  2779. .-mr-12 {
  2780.  
  2781.    margin-right: -3rem;
  2782.  
  2783. }
  2784.  
  2785. .-mt-16 {
  2786.  
  2787.    margin-top: -4rem;
  2788.  
  2789. }
  2790.  
  2791. .mb-1 {
  2792.  
  2793.    margin-bottom: 0.25rem;
  2794.  
  2795. }
  2796.  
  2797. .mb-1\.5 {
  2798.  
  2799.    margin-bottom: 0.375rem;
  2800.  
  2801. }
  2802.  
  2803. .mb-10 {
  2804.  
  2805.    margin-bottom: 2.5rem;
  2806.  
  2807. }
  2808.  
  2809. .mb-2 {
  2810.  
  2811.    margin-bottom: 0.5rem;
  2812.  
  2813. }
  2814.  
  2815. .mb-3 {
  2816.  
  2817.    margin-bottom: 0.75rem;
  2818.  
  2819. }
  2820.  
  2821. .mb-4 {
  2822.  
  2823.    margin-bottom: 1rem;
  2824.  
  2825. }
  2826.  
  2827. .mb-5 {
  2828.  
  2829.    margin-bottom: 1.25rem;
  2830.  
  2831. }
  2832.  
  2833. .mb-6 {
  2834.  
  2835.    margin-bottom: 1.5rem;
  2836.  
  2837. }
  2838.  
  2839. .mb-8 {
  2840.  
  2841.    margin-bottom: 2rem;
  2842.  
  2843. }
  2844.  
  2845. .mb-\[20px\] {
  2846.  
  2847.    margin-bottom: 20px;
  2848.  
  2849. }
  2850.  
  2851. .ml-12 {
  2852.  
  2853.    margin-left: 3rem;
  2854.  
  2855. }
  2856.  
  2857. .ml-2 {
  2858.  
  2859.    margin-left: 0.5rem;
  2860.  
  2861. }
  2862.  
  2863. .ml-3 {
  2864.  
  2865.    margin-left: 0.75rem;
  2866.  
  2867. }
  2868.  
  2869. .ml-4 {
  2870.  
  2871.    margin-left: 1rem;
  2872.  
  2873. }
  2874.  
  2875. .ml-5 {
  2876.  
  2877.    margin-left: 1.25rem;
  2878.  
  2879. }
  2880.  
  2881. .mr-2 {
  2882.  
  2883.    margin-right: 0.5rem;
  2884.  
  2885. }
  2886.  
  2887. .mr-3 {
  2888.  
  2889.    margin-right: 0.75rem;
  2890.  
  2891. }
  2892.  
  2893. .mr-4 {
  2894.  
  2895.    margin-right: 1rem;
  2896.  
  2897. }
  2898.  
  2899. .mr-5 {
  2900.  
  2901.    margin-right: 1.25rem;
  2902.  
  2903. }
  2904.  
  2905. .mt-1 {
  2906.  
  2907.    margin-top: 0.25rem;
  2908.  
  2909. }
  2910.  
  2911. .mt-10 {
  2912.  
  2913.    margin-top: 2.5rem;
  2914.  
  2915. }
  2916.  
  2917. .mt-12 {
  2918.  
  2919.    margin-top: 3rem;
  2920.  
  2921. }
  2922.  
  2923. .mt-2 {
  2924.  
  2925.    margin-top: 0.5rem;
  2926.  
  2927. }
  2928.  
  2929. .mt-3 {
  2930.  
  2931.    margin-top: 0.75rem;
  2932.  
  2933. }
  2934.  
  2935. .mt-4 {
  2936.  
  2937.    margin-top: 1rem;
  2938.  
  2939. }
  2940.  
  2941. .mt-5 {
  2942.  
  2943.    margin-top: 1.25rem;
  2944.  
  2945. }
  2946.  
  2947. .mt-6 {
  2948.  
  2949.    margin-top: 1.5rem;
  2950.  
  2951. }
  2952.  
  2953. .mt-7 {
  2954.  
  2955.    margin-top: 1.75rem;
  2956.  
  2957. }
  2958.  
  2959. .mt-8 {
  2960.  
  2961.    margin-top: 2rem;
  2962.  
  2963. }
  2964.  
  2965. .mt-\[20px\] {
  2966.  
  2967.    margin-top: 20px;
  2968.  
  2969. }
  2970.  
  2971. .mt-\[30px\] {
  2972.  
  2973.    margin-top: 30px;
  2974.  
  2975. }
  2976.  
  2977. .block {
  2978.  
  2979.    display: block;
  2980.  
  2981. }
  2982.  
  2983. .inline-block {
  2984.  
  2985.    display: inline-block;
  2986.  
  2987. }
  2988.  
  2989. .inline {
  2990.  
  2991.    display: inline;
  2992.  
  2993. }
  2994.  
  2995. .flex {
  2996.  
  2997.    display: flex;
  2998.  
  2999. }
  3000.  
  3001. .inline-flex {
  3002.  
  3003.    display: inline-flex;
  3004.  
  3005. }
  3006.  
  3007. .table {
  3008.  
  3009.    display: table;
  3010.  
  3011. }
  3012.  
  3013. .flow-root {
  3014.  
  3015.    display: flow-root;
  3016.  
  3017. }
  3018.  
  3019. .grid {
  3020.  
  3021.    display: grid;
  3022.  
  3023. }
  3024.  
  3025. .contents {
  3026.  
  3027.    display: contents;
  3028.  
  3029. }
  3030.  
  3031. .hidden {
  3032.  
  3033.    display: none;
  3034.  
  3035. }
  3036.  
  3037. .h-0 {
  3038.  
  3039.    height: 0;
  3040.  
  3041. }
  3042.  
  3043. .h-10 {
  3044.  
  3045.    height: 2.5rem;
  3046.  
  3047. }
  3048.  
  3049. .h-12 {
  3050.  
  3051.    height: 3rem;
  3052.  
  3053. }
  3054.  
  3055. .h-14 {
  3056.  
  3057.    height: 3.5rem;
  3058.  
  3059. }
  3060.  
  3061. .h-16 {
  3062.  
  3063.    height: 4rem;
  3064.  
  3065. }
  3066.  
  3067. .h-24 {
  3068.  
  3069.    height: 6rem;
  3070.  
  3071. }
  3072.  
  3073. .h-3 {
  3074.  
  3075.    height: 0.75rem;
  3076.  
  3077. }
  3078.  
  3079. .h-32 {
  3080.  
  3081.    height: 8rem;
  3082.  
  3083. }
  3084.  
  3085. .h-4 {
  3086.  
  3087.    height: 1rem;
  3088.  
  3089. }
  3090.  
  3091. .h-40 {
  3092.  
  3093.    height: 10rem;
  3094.  
  3095. }
  3096.  
  3097. .h-5 {
  3098.  
  3099.    height: 1.25rem;
  3100.  
  3101. }
  3102.  
  3103. .h-56 {
  3104.  
  3105.    height: 12rem;
  3106.  
  3107. }
  3108.  
  3109.  
  3110.  
  3111. .h-6 {
  3112.  
  3113.    height: 1.5rem;
  3114.  
  3115. }
  3116.  
  3117. .h-64 {
  3118.  
  3119.    height: 16rem;
  3120.  
  3121. }
  3122.  
  3123. .h-8 {
  3124.  
  3125.    height: 2rem;
  3126.  
  3127. }
  3128.  
  3129. .h-\[100vh\] {
  3130.  
  3131.    height: 100vh;
  3132.  
  3133. }
  3134.  
  3135. .h-\[16px\] {
  3136.  
  3137.    height: 16px;
  3138.  
  3139. }
  3140.  
  3141. .h-\[24px\] {
  3142.  
  3143.    height: 24px;
  3144.  
  3145. }
  3146.  
  3147. .h-\[280px\] {
  3148.  
  3149.    height: 280px;
  3150.  
  3151. }
  3152.  
  3153. .h-\[460px\] {
  3154.  
  3155.    height: 460px;
  3156.  
  3157. }
  3158.  
  3159. .h-\[5\.7rem\] {
  3160.  
  3161.    height: 5.7rem;
  3162.  
  3163. }
  3164.  
  3165. .h-\[9\.4rem\] {
  3166.  
  3167.    height: 9.4rem;
  3168.  
  3169. }
  3170.  
  3171. .h-auto {
  3172.  
  3173.    height: auto;
  3174.  
  3175. }
  3176.  
  3177. .h-full {
  3178.  
  3179.    height: 100%;
  3180.  
  3181. }
  3182.  
  3183. .h-px {
  3184.  
  3185.    height: 1px;
  3186.  
  3187. }
  3188.  
  3189. .max-h-0 {
  3190.  
  3191.    max-height: 0;
  3192.  
  3193. }
  3194.  
  3195. .max-h-\[1000px\] {
  3196.  
  3197.    max-height: 1000px;
  3198.  
  3199. }
  3200.  
  3201. .max-h-\[9rem\] {
  3202.  
  3203.    max-height: 9rem;
  3204.  
  3205. }
  3206.  
  3207. .max-h-screen {
  3208.  
  3209.    max-height: 100vh;
  3210.  
  3211. }
  3212.  
  3213. .min-h-\[50vh\] {
  3214.  
  3215.    min-height: 50vh;
  3216.  
  3217. }
  3218.  
  3219. .min-h-\[60vh\] {
  3220.  
  3221.    min-height: 60vh;
  3222.  
  3223. }
  3224.  
  3225. .min-h-\[65vh\] {
  3226.  
  3227.    min-height: 65vh;
  3228.  
  3229. }
  3230.  
  3231. .min-h-\[70vh\] {
  3232.  
  3233.    min-height: 70vh;
  3234.  
  3235. }
  3236.  
  3237. .min-h-full {
  3238.  
  3239.    min-height: 100%;
  3240.  
  3241. }
  3242.  
  3243. .min-h-screen {
  3244.  
  3245.    min-height: 100vh;
  3246.  
  3247. }
  3248.  
  3249. .\!w-full {
  3250.  
  3251.    width: 100% !important;
  3252.  
  3253. }
  3254.  
  3255. .w-1\/2 {
  3256.  
  3257.    width: 50%;
  3258.  
  3259. }
  3260.  
  3261. .w-10 {
  3262.  
  3263.    width: 2.5rem;
  3264.  
  3265. }
  3266.  
  3267. .w-11 {
  3268.  
  3269.    width: 2.75rem;
  3270.  
  3271. }
  3272.  
  3273. .w-12 {
  3274.  
  3275.    width: 3rem;
  3276.  
  3277. }
  3278.  
  3279. .w-14 {
  3280.  
  3281.    width: 3.5rem;
  3282.  
  3283. }
  3284.  
  3285. .w-24 {
  3286.  
  3287.    width: 6rem;
  3288.  
  3289. }
  3290.  
  3291. .w-28 {
  3292.  
  3293.    width: 7rem;
  3294.  
  3295. }
  3296.  
  3297. .w-3 {
  3298.  
  3299.    width: 0.75rem;
  3300.  
  3301. }
  3302.  
  3303. .w-4 {
  3304.  
  3305.    width: 1rem;
  3306.  
  3307. }
  3308.  
  3309. .w-5 {
  3310.  
  3311.    width: 1.25rem;
  3312.  
  3313. }
  3314.  
  3315. .w-56 {
  3316.  
  3317.    width: 14rem;
  3318.  
  3319. }
  3320.  
  3321. .w-6 {
  3322.  
  3323.    width: 1.5rem;
  3324.  
  3325. }
  3326.  
  3327. .w-72 {
  3328.  
  3329.    width: 18rem;
  3330.  
  3331. }
  3332.  
  3333. .w-8 {
  3334.  
  3335.    width: 2rem;
  3336.  
  3337. }
  3338.  
  3339. .w-80 {
  3340.  
  3341.    width: 20rem;
  3342.  
  3343. }
  3344.  
  3345. .w-\[16px\] {
  3346.  
  3347.    width: 16px;
  3348.  
  3349. }
  3350.  
  3351. .w-\[24px\] {
  3352.  
  3353.    width: 24px;
  3354.  
  3355. }
  3356.  
  3357. .w-\[280px\] {
  3358.  
  3359.    width: 280px;
  3360.  
  3361. }
  3362.  
  3363. .w-\[80px\] {
  3364.  
  3365.    width: 80px;
  3366.  
  3367. }
  3368.  
  3369. .w-auto {
  3370.  
  3371.    width: auto;
  3372.  
  3373. }
  3374.  
  3375. .w-full {
  3376.  
  3377.    width: 100%;
  3378.  
  3379. }
  3380.  
  3381. .w-screen {
  3382.  
  3383.    width: 100vw;
  3384.  
  3385. }
  3386.  
  3387. .min-w-0 {
  3388.  
  3389.    min-width: 0;
  3390.  
  3391. }
  3392.  
  3393. .max-w-7xl {
  3394.  
  3395.    max-width: 80rem;
  3396.  
  3397. }
  3398.  
  3399. .max-w-\[15rem\] {
  3400.  
  3401.    max-width: 15rem;
  3402.  
  3403. }
  3404.  
  3405. .max-w-\[2\.5rem\] {
  3406.  
  3407.    max-width: 2.5rem;
  3408.  
  3409. }
  3410.  
  3411. .max-w-\[3\.5rem\] {
  3412.  
  3413.    max-width: 3.5rem;
  3414.  
  3415. }
  3416.  
  3417. .max-w-full {
  3418.  
  3419.    max-width: 100%;
  3420.  
  3421. }
  3422.  
  3423. .max-w-md {
  3424.  
  3425.    max-width: 28rem;
  3426.  
  3427. }
  3428.  
  3429. .max-w-xl {
  3430.  
  3431.    max-width: 36rem;
  3432.  
  3433. }
  3434.  
  3435. .max-w-xs {
  3436.  
  3437.    max-width: 20rem;
  3438.  
  3439. }
  3440.  
  3441. .flex-1 {
  3442.  
  3443.    flex: 1 1 0%;
  3444.  
  3445. }
  3446.  
  3447. .flex-shrink {
  3448.  
  3449.    flex-shrink: 1;
  3450.  
  3451. }
  3452.  
  3453. .flex-shrink-0,
  3454.  
  3455. .shrink-0 {
  3456.  
  3457.    flex-shrink: 0;
  3458.  
  3459. }
  3460.  
  3461. .flex-grow,
  3462.  
  3463. .grow {
  3464.  
  3465.    flex-grow: 1;
  3466.  
  3467. }
  3468.  
  3469. .table-auto {
  3470.  
  3471.    table-layout: auto;
  3472.  
  3473. }
  3474.  
  3475. .origin-\[0\] {
  3476.  
  3477.    transform-origin: 0;
  3478.  
  3479. }
  3480.  
  3481. .origin-top-right {
  3482.  
  3483.    transform-origin: top right;
  3484.  
  3485. }
  3486.  
  3487. .-translate-x-full {
  3488.  
  3489.    --tw-translate-x: -100%;
  3490.  
  3491. }
  3492.  
  3493. .-translate-x-full,
  3494.  
  3495. .-translate-y-1\/2 {
  3496.  
  3497.    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));
  3498.  
  3499. }
  3500.  
  3501. .-translate-y-1\/2 {
  3502.  
  3503.    --tw-translate-y: -50%;
  3504.  
  3505. }
  3506.  
  3507. .-translate-y-3 {
  3508.  
  3509.    --tw-translate-y: -0.75rem;
  3510.  
  3511. }
  3512.  
  3513. .-translate-y-3,
  3514.  
  3515. .translate-x-0 {
  3516.  
  3517.    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));
  3518.  
  3519. }
  3520.  
  3521. .translate-x-0 {
  3522.  
  3523.    --tw-translate-x: 0px;
  3524.  
  3525. }
  3526.  
  3527. .translate-y-0 {
  3528.  
  3529.    --tw-translate-y: 0px;
  3530.  
  3531. }
  3532.  
  3533. .rotate-0,
  3534.  
  3535. .translate-y-0 {
  3536.  
  3537.    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));
  3538.  
  3539. }
  3540.  
  3541. .rotate-0 {
  3542.  
  3543.    --tw-rotate: 0deg;
  3544.  
  3545. }
  3546.  
  3547. .rotate-180 {
  3548.  
  3549.    --tw-rotate: 180deg;
  3550.  
  3551. }
  3552.  
  3553. .rotate-180,
  3554.  
  3555. .scale-100 {
  3556.  
  3557.    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));
  3558.  
  3559. }
  3560.  
  3561. .scale-100 {
  3562.  
  3563.    --tw-scale-x: 1;
  3564.  
  3565.    --tw-scale-y: 1;
  3566.  
  3567. }
  3568.  
  3569. .scale-75 {
  3570.  
  3571.    --tw-scale-x: 0.75;
  3572.  
  3573.    --tw-scale-y: 0.75;
  3574.  
  3575. }
  3576.  
  3577. .scale-75,
  3578.  
  3579. .scale-95 {
  3580.  
  3581.    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));
  3582.  
  3583. }
  3584.  
  3585. .scale-95 {
  3586.  
  3587.    --tw-scale-x: 0.95;
  3588.  
  3589.    --tw-scale-y: 0.95;
  3590.  
  3591. }
  3592.  
  3593. .transform {
  3594.  
  3595.    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));
  3596.  
  3597. }
  3598.  
  3599. @keyframes ping {
  3600.  
  3601.    75%,
  3602.  
  3603.    to {
  3604.  
  3605.        transform: scale(2);
  3606.  
  3607.        opacity: 0;
  3608.  
  3609.    }
  3610.  
  3611. }
  3612.  
  3613. .animate-ping {
  3614.  
  3615.    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  3616.  
  3617. }
  3618.  
  3619. @keyframes pulse {
  3620.  
  3621.    50% {
  3622.  
  3623.        opacity: 0.5;
  3624.  
  3625.    }
  3626.  
  3627. }
  3628.  
  3629. .animate-pulse {
  3630.  
  3631.    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  3632.  
  3633. }
  3634.  
  3635. @keyframes spin {
  3636.  
  3637.    to {
  3638.  
  3639.        transform: rotate(1turn);
  3640.  
  3641.    }
  3642.  
  3643. }
  3644.  
  3645. .animate-spin {
  3646.  
  3647.    animation: spin 1s linear infinite;
  3648.  
  3649. }
  3650.  
  3651. .cursor-not-allowed {
  3652.  
  3653.    cursor: not-allowed;
  3654.  
  3655. }
  3656.  
  3657. .cursor-pointer {
  3658.  
  3659.    cursor: pointer;
  3660.  
  3661. }
  3662.  
  3663. .appearance-none {
  3664.  
  3665.    -webkit-appearance: none;
  3666.  
  3667.    -moz-appearance: none;
  3668.  
  3669.    appearance: none;
  3670.  
  3671. }
  3672.  
  3673. .grid-flow-col {
  3674.  
  3675.    grid-auto-flow: column;
  3676.  
  3677. }
  3678.  
  3679. .grid-cols-1 {
  3680.  
  3681.    grid-template-columns: repeat(1, minmax(0, 1fr));
  3682.  
  3683. }
  3684.  
  3685. .grid-cols-12 {
  3686.  
  3687.    grid-template-columns: repeat(12, minmax(0, 1fr));
  3688.  
  3689. }
  3690.  
  3691. .grid-cols-2 {
  3692.  
  3693.    grid-template-columns: repeat(2, minmax(0, 1fr));
  3694.  
  3695. }
  3696.  
  3697. .grid-cols-3 {
  3698.  
  3699.    grid-template-columns: repeat(3, minmax(0, 1fr));
  3700.  
  3701. }
  3702.  
  3703. .grid-cols-6 {
  3704.  
  3705.    grid-template-columns: repeat(6, minmax(0, 1fr));
  3706.  
  3707. }
  3708.  
  3709. .flex-row {
  3710.  
  3711.    flex-direction: row;
  3712.  
  3713. }
  3714.  
  3715. .flex-row-reverse {
  3716.  
  3717.    flex-direction: row-reverse;
  3718.  
  3719. }
  3720.  
  3721. .flex-col {
  3722.  
  3723.    flex-direction: column;
  3724.  
  3725. }
  3726.  
  3727. .flex-col-reverse {
  3728.  
  3729.    flex-direction: column-reverse;
  3730.  
  3731. }
  3732.  
  3733. .content-center {
  3734.  
  3735.    align-content: center;
  3736.  
  3737. }
  3738.  
  3739. .content-start {
  3740.  
  3741.    align-content: flex-start;
  3742.  
  3743. }
  3744.  
  3745. .content-end {
  3746.  
  3747.    align-content: flex-end;
  3748.  
  3749. }
  3750.  
  3751. .items-start {
  3752.  
  3753.    align-items: flex-start;
  3754.  
  3755. }
  3756.  
  3757. .items-end {
  3758.  
  3759.    align-items: flex-end;
  3760.  
  3761. }
  3762.  
  3763. .items-center {
  3764.  
  3765.    align-items: center;
  3766.  
  3767. }
  3768.  
  3769. .items-stretch {
  3770.  
  3771.    align-items: stretch;
  3772.  
  3773. }
  3774.  
  3775. .justify-start {
  3776.  
  3777.    justify-content: flex-start;
  3778.  
  3779. }
  3780.  
  3781. .justify-end {
  3782.  
  3783.    justify-content: flex-end;
  3784.  
  3785. }
  3786.  
  3787. .justify-center {
  3788.  
  3789.    justify-content: center;
  3790.  
  3791. }
  3792.  
  3793. .justify-between {
  3794.  
  3795.    justify-content: space-between;
  3796.  
  3797. }
  3798.  
  3799. .justify-around {
  3800.  
  3801.    justify-content: space-around;
  3802.  
  3803. }
  3804.  
  3805. .\!gap-0 {
  3806.  
  3807.    gap: 0 !important;
  3808.  
  3809. }
  3810.  
  3811. .gap-1 {
  3812.  
  3813.    gap: 0.25rem;
  3814.  
  3815. }
  3816.  
  3817. .gap-1\.5 {
  3818.  
  3819.    gap: 0.375rem;
  3820.  
  3821. }
  3822.  
  3823. .gap-12 {
  3824.  
  3825.    gap: 3rem;
  3826.  
  3827. }
  3828.  
  3829. .gap-2 {
  3830.  
  3831.    gap: 0.5rem;
  3832.  
  3833. }
  3834.  
  3835. .gap-3 {
  3836.  
  3837.    gap: 0.75rem;
  3838.  
  3839. }
  3840.  
  3841. .gap-4 {
  3842.  
  3843.    gap: 1rem;
  3844.  
  3845. }
  3846.  
  3847. .gap-5 {
  3848.  
  3849.    gap: 1.25rem;
  3850.  
  3851. }
  3852.  
  3853. .gap-6 {
  3854.  
  3855.    gap: 1.5rem;
  3856.  
  3857. }
  3858.  
  3859. .gap-8 {
  3860.  
  3861.    gap: 2rem;
  3862.  
  3863. }
  3864.  
  3865. .gap-x-4 {
  3866.  
  3867.    -moz-column-gap: 1rem;
  3868.  
  3869.    column-gap: 1rem;
  3870.  
  3871. }
  3872.  
  3873. .gap-y-10 {
  3874.  
  3875.    row-gap: 2.5rem;
  3876.  
  3877. }
  3878.  
  3879. .gap-y-4 {
  3880.  
  3881.    row-gap: 1rem;
  3882.  
  3883. }
  3884.  
  3885. .gap-y-8 {
  3886.  
  3887.    row-gap: 2rem;
  3888.  
  3889. }
  3890.  
  3891. .-space-x-px > :not([hidden]) ~ :not([hidden]) {
  3892.  
  3893.    --tw-space-x-reverse: 0;
  3894.  
  3895.    margin-right: calc(-1px * var(--tw-space-x-reverse));
  3896.  
  3897.    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
  3898.  
  3899. }
  3900.  
  3901. .space-x-2 > :not([hidden]) ~ :not([hidden]) {
  3902.  
  3903.    --tw-space-x-reverse: 0;
  3904.  
  3905.    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  3906.  
  3907.    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  3908.  
  3909. }
  3910.  
  3911. .space-x-6 > :not([hidden]) ~ :not([hidden]) {
  3912.  
  3913.    --tw-space-x-reverse: 0;
  3914.  
  3915.    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  3916.  
  3917.    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
  3918.  
  3919. }
  3920.  
  3921. .space-y-1 > :not([hidden]) ~ :not([hidden]) {
  3922.  
  3923.    --tw-space-y-reverse: 0;
  3924.  
  3925.    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  3926.  
  3927.    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
  3928.  
  3929. }
  3930.  
  3931. .space-y-2 > :not([hidden]) ~ :not([hidden]) {
  3932.  
  3933.    --tw-space-y-reverse: 0;
  3934.  
  3935.    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  3936.  
  3937.    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  3938.  
  3939. }
  3940.  
  3941. .space-y-3 > :not([hidden]) ~ :not([hidden]) {
  3942.  
  3943.    --tw-space-y-reverse: 0;
  3944.  
  3945.    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  3946.  
  3947.    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  3948.  
  3949. }
  3950.  
  3951. .space-y-4 > :not([hidden]) ~ :not([hidden]) {
  3952.  
  3953.    --tw-space-y-reverse: 0;
  3954.  
  3955.    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  3956.  
  3957.    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  3958.  
  3959. }
  3960.  
  3961. .space-y-5 > :not([hidden]) ~ :not([hidden]) {
  3962.  
  3963.    --tw-space-y-reverse: 0;
  3964.  
  3965.    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  3966.  
  3967.    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
  3968.  
  3969. }
  3970.  
  3971. .divide-y > :not([hidden]) ~ :not([hidden]) {
  3972.  
  3973.    --tw-divide-y-reverse: 0;
  3974.  
  3975.    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  3976.  
  3977.    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  3978.  
  3979. }
  3980.  
  3981. .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  3982.  
  3983.    --tw-divide-opacity: 1;
  3984.  
  3985.    border-color: rgb(243 244 246 / var(--tw-divide-opacity));
  3986.  
  3987. }
  3988.  
  3989. .overflow-hidden {
  3990.  
  3991.    overflow: hidden;
  3992.  
  3993. }
  3994.  
  3995. .overflow-x-auto {
  3996.  
  3997.    overflow-x: auto;
  3998.  
  3999. }
  4000.  
  4001. .overflow-y-auto {
  4002.  
  4003.    overflow-y: auto;
  4004.  
  4005. }
  4006.  
  4007. .overflow-x-hidden {
  4008.  
  4009.    overflow-x: hidden;
  4010.  
  4011. }
  4012.  
  4013. .overflow-x-scroll {
  4014.  
  4015.    overflow-x: scroll;
  4016.  
  4017. }
  4018.  
  4019. .overflow-y-scroll {
  4020.  
  4021.    overflow-y: scroll;
  4022.  
  4023. }
  4024.  
  4025. .truncate {
  4026.  
  4027.    overflow: hidden;
  4028.  
  4029.    white-space: nowrap;
  4030.  
  4031. }
  4032.  
  4033. .text-ellipsis,
  4034.  
  4035. .truncate {
  4036.  
  4037.    text-overflow: ellipsis;
  4038.  
  4039. }
  4040.  
  4041. .whitespace-nowrap {
  4042.  
  4043.    white-space: nowrap;
  4044.  
  4045. }
  4046.  
  4047. .whitespace-pre-line {
  4048.  
  4049.    white-space: pre-line;
  4050.  
  4051. }
  4052.  
  4053. .break-words {
  4054.  
  4055.    overflow-wrap: break-word;
  4056.  
  4057. }
  4058.  
  4059. .\!rounded-\[50px\] {
  4060.  
  4061.    border-radius: 50px !important;
  4062.  
  4063. }
  4064.  
  4065. .\!rounded-full {
  4066.  
  4067.    border-radius: 9999px !important;
  4068.  
  4069. }
  4070.  
  4071. .\!rounded-lg {
  4072.  
  4073.    border-radius: 0.5rem !important;
  4074.  
  4075. }
  4076.  
  4077. .rounded {
  4078.  
  4079.    border-radius: 0.25rem;
  4080.  
  4081. }
  4082.  
  4083. .rounded-2xl {
  4084.  
  4085.    border-radius: 1rem;
  4086.  
  4087. }
  4088.  
  4089. .rounded-3xl {
  4090.  
  4091.    border-radius: 1.5rem;
  4092.  
  4093. }
  4094.  
  4095. .rounded-\[15px\] {
  4096.  
  4097.    border-radius: 15px;
  4098.  
  4099. }
  4100.  
  4101. .rounded-\[1rem\] {
  4102.  
  4103.    border-radius: 1rem;
  4104.  
  4105. }
  4106.  
  4107. .rounded-\[8px\] {
  4108.  
  4109.    border-radius: 8px;
  4110.  
  4111. }
  4112.  
  4113. .rounded-full {
  4114.  
  4115.    border-radius: 9999px;
  4116.  
  4117. }
  4118.  
  4119. .rounded-lg {
  4120.  
  4121.    border-radius: 0.5rem;
  4122.  
  4123. }
  4124.  
  4125. .rounded-md {
  4126.  
  4127.    border-radius: 0.375rem;
  4128.  
  4129. }
  4130.  
  4131. .rounded-none {
  4132.  
  4133.    border-radius: 0;
  4134.  
  4135. }
  4136.  
  4137. .rounded-xl {
  4138.  
  4139.    border-radius: 0.75rem;
  4140.  
  4141. }
  4142.  
  4143. .rounded-b-lg {
  4144.  
  4145.    border-bottom-right-radius: 0.5rem;
  4146.  
  4147.    border-bottom-left-radius: 0.5rem;
  4148.  
  4149. }
  4150.  
  4151. .rounded-l-full {
  4152.  
  4153.    border-top-left-radius: 9999px;
  4154.  
  4155.    border-bottom-left-radius: 9999px;
  4156.  
  4157. }
  4158.  
  4159. .rounded-l-md {
  4160.  
  4161.    border-top-left-radius: 0.375rem;
  4162.  
  4163.    border-bottom-left-radius: 0.375rem;
  4164.  
  4165. }
  4166.  
  4167. .rounded-r-full {
  4168.  
  4169.    border-top-right-radius: 9999px;
  4170.  
  4171.    border-bottom-right-radius: 9999px;
  4172.  
  4173. }
  4174.  
  4175. .rounded-r-md {
  4176.  
  4177.    border-top-right-radius: 0.375rem;
  4178.  
  4179.    border-bottom-right-radius: 0.375rem;
  4180.  
  4181. }
  4182.  
  4183. .rounded-t-\[20px\] {
  4184.  
  4185.    border-top-left-radius: 20px;
  4186.  
  4187.    border-top-right-radius: 20px;
  4188.  
  4189. }
  4190.  
  4191. .rounded-t-lg {
  4192.  
  4193.    border-top-left-radius: 0.5rem;
  4194.  
  4195.    border-top-right-radius: 0.5rem;
  4196.  
  4197. }
  4198.  
  4199. .rounded-bl-\[15px\] {
  4200.  
  4201.    border-bottom-left-radius: 15px;
  4202.  
  4203. }
  4204.  
  4205. .rounded-bl-full {
  4206.  
  4207.    border-bottom-left-radius: 9999px;
  4208.  
  4209. }
  4210.  
  4211. .rounded-br-\[15px\] {
  4212.  
  4213.    border-bottom-right-radius: 15px;
  4214.  
  4215. }
  4216.  
  4217. .rounded-tr-\[3000px\] {
  4218.  
  4219.    border-top-right-radius: 3000px;
  4220.  
  4221. }
  4222.  
  4223. .border {
  4224.  
  4225.    border-width: 1px;
  4226.  
  4227. }
  4228.  
  4229. .border-0 {
  4230.  
  4231.    border-width: 0;
  4232.  
  4233. }
  4234.  
  4235. .border-2 {
  4236.  
  4237.    border-width: 2px;
  4238.  
  4239. }
  4240.  
  4241. .\!border-b {
  4242.  
  4243.    border-bottom-width: 1px !important;
  4244.  
  4245. }
  4246.  
  4247. .border-b {
  4248.  
  4249.    border-bottom-width: 1px;
  4250.  
  4251. }
  4252.  
  4253. .border-b-2 {
  4254.  
  4255.    border-bottom-width: 2px;
  4256.  
  4257. }
  4258.  
  4259. .border-r {
  4260.  
  4261.    border-right-width: 1px;
  4262.  
  4263. }
  4264.  
  4265. .border-t {
  4266.  
  4267.    border-top-width: 1px;
  4268.  
  4269. }
  4270.  
  4271. .border-t-2 {
  4272.  
  4273.    border-top-width: 2px;
  4274.  
  4275. }
  4276.  
  4277. .\!border-none {
  4278.  
  4279.    border-style: none !important;
  4280.  
  4281. }
  4282.  
  4283. .border-none {
  4284.  
  4285.    border-style: none;
  4286.  
  4287. }
  4288.  
  4289. .border-\[\#626274\] {
  4290.  
  4291.    --tw-border-opacity: 1;
  4292.  
  4293.    border-color: rgb(98 98 116 / var(--tw-border-opacity));
  4294.  
  4295. }
  4296.  
  4297. .border-gray-300 {
  4298.  
  4299.    --tw-border-opacity: 1;
  4300.  
  4301.    border-color: rgb(209 213 219 / var(--tw-border-opacity));
  4302.  
  4303. }
  4304.  
  4305. .border-gray-500 {
  4306.  
  4307.    --tw-border-opacity: 1;
  4308.  
  4309.    border-color: rgb(107 114 128 / var(--tw-border-opacity));
  4310.  
  4311. }
  4312.  
  4313. .border-gray-600 {
  4314.  
  4315.    --tw-border-opacity: 1;
  4316.  
  4317.    border-color: rgb(75 85 99 / var(--tw-border-opacity));
  4318.  
  4319. }
  4320.  
  4321. .border-gray-700 {
  4322.  
  4323.    --tw-border-opacity: 1;
  4324.  
  4325.    border-color: rgb(55 65 81 / var(--tw-border-opacity));
  4326.  
  4327. }
  4328.  
  4329. .border-indigo-500 {
  4330.  
  4331.    --tw-border-opacity: 1;
  4332.  
  4333.    border-color: rgb(99 102 241 / var(--tw-border-opacity));
  4334.  
  4335. }
  4336.  
  4337. .border-transparent {
  4338.  
  4339.    border-color: transparent;
  4340.  
  4341. }
  4342.  
  4343. .border-white\/30 {
  4344.  
  4345.    border-color: hsla(0, 0%, 100%, 0.3);
  4346.  
  4347. }
  4348.  
  4349. .\!bg-gray-300 {
  4350.  
  4351.    --tw-bg-opacity: 1 !important;
  4352.  
  4353.    background-color: rgb(209 213 219 / var(--tw-bg-opacity)) !important;
  4354.  
  4355. }
  4356.  
  4357. .bg-\[\#22a328\] {
  4358.  
  4359.    --tw-bg-opacity: 1;
  4360.  
  4361.    background-color: rgb(34 163 40 / var(--tw-bg-opacity));
  4362.  
  4363. }
  4364.  
  4365. .bg-\[\#2abe31\] {
  4366.  
  4367.    --tw-bg-opacity: 1;
  4368.  
  4369.    background-color: rgb(42 190 49 / var(--tw-bg-opacity));
  4370.  
  4371. }
  4372.  
  4373. .bg-\[\#5067e4\] {
  4374.  
  4375.    --tw-bg-opacity: 1;
  4376.  
  4377.    background-color: rgb(80 103 228 / var(--tw-bg-opacity));
  4378.  
  4379. }
  4380.  
  4381. .bg-\[\#e44a4a\] {
  4382.  
  4383.    --tw-bg-opacity: 1;
  4384.  
  4385.    background-color: rgb(228 74 74 / var(--tw-bg-opacity));
  4386.  
  4387. }
  4388.  
  4389. .bg-\[\#e7fea2\] {
  4390.  
  4391.    --tw-bg-opacity: 1;
  4392.  
  4393.    background-color: rgb(231 254 162 / var(--tw-bg-opacity));
  4394.  
  4395. }
  4396.  
  4397. .bg-\[\#ffc5c5\] {
  4398.  
  4399.    --tw-bg-opacity: 1;
  4400.  
  4401.    background-color: rgb(255 197 197 / var(--tw-bg-opacity));
  4402.  
  4403. }
  4404.  
  4405. .bg-\[\#fff2c5\] {
  4406.  
  4407.    --tw-bg-opacity: 1;
  4408.  
  4409.    background-color: rgb(255 242 197 / var(--tw-bg-opacity));
  4410.  
  4411. }
  4412.  
  4413. .bg-backgroundSecondary {
  4414.  
  4415.    --tw-bg-opacity: 1;
  4416.  
  4417.    background-color: rgb(50 50 62 / var(--tw-bg-opacity));
  4418.  
  4419. }
  4420.  
  4421. .bg-black {
  4422.  
  4423.    --tw-bg-opacity: 1;
  4424.  
  4425.    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  4426.  
  4427. }
  4428.  
  4429. .bg-blue-100 {
  4430.  
  4431.    --tw-bg-opacity: 1;
  4432.  
  4433.    background-color: rgb(219 234 254 / var(--tw-bg-opacity));
  4434.  
  4435. }
  4436.  
  4437. .bg-btnPurple {
  4438.  
  4439.    --tw-bg-opacity: 1;
  4440.  
  4441.    background-color: rgb(112 127 235 / var(--tw-bg-opacity));
  4442.  
  4443. }
  4444.  
  4445. .bg-btnPurple\/70 {
  4446.  
  4447.    background-color: rgba(112, 127, 235, 0.7);
  4448.  
  4449. }
  4450.  
  4451. .bg-gray-200 {
  4452.  
  4453.    --tw-bg-opacity: 1;
  4454.  
  4455.    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  4456.  
  4457. }
  4458.  
  4459. .bg-gray-300 {
  4460.  
  4461.    --tw-bg-opacity: 1;
  4462.  
  4463.    background-color: rgb(209 213 219 / var(--tw-bg-opacity));
  4464.  
  4465. }
  4466.  
  4467. .bg-gray-600\/75 {
  4468.  
  4469.    background-color: rgba(75, 85, 99, 0.75);
  4470.  
  4471. }
  4472.  
  4473. .bg-gray-900 {
  4474.    --tw-bg-opacity: 1;
  4475. background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  4476. }
  4477.  
  4478.  
  4479.  
  4480.  
  4481.  
  4482. .bg-orange-100 {
  4483.  
  4484.    --tw-bg-opacity: 1;
  4485.  
  4486.    background-color: rgb(255 237 213 / var(--tw-bg-opacity));
  4487.  
  4488. }
  4489.  
  4490. .bg-orange-600 {
  4491.  
  4492.    --tw-bg-opacity: 1;
  4493.  
  4494.    background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  4495.  
  4496. }
  4497.  
  4498. .bg-transparent {
  4499.  
  4500.    background-color: transparent;
  4501.  
  4502. }
  4503.  
  4504. .bg-white {
  4505.  
  4506.    --tw-bg-opacity: 1;
  4507.  
  4508.    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  4509.  
  4510. }
  4511.  
  4512. .bg-white\/80 {
  4513.  
  4514.    background-color: hsla(0, 0%, 100%, 0.8);
  4515.  
  4516. }
  4517.  
  4518. .bg-opacity-0 {
  4519.  
  4520.    --tw-bg-opacity: 0;
  4521.  
  4522. }
  4523.  
  4524. .bg-opacity-100 {
  4525.  
  4526.    --tw-bg-opacity: 1;
  4527.  
  4528. }
  4529.  
  4530. .bg-opacity-40 {
  4531.  
  4532.    --tw-bg-opacity: 0.4;
  4533.  
  4534. }
  4535.  
  4536. .bg-gradient-to-r {
  4537.  
  4538.    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  4539.  
  4540. }
  4541.  
  4542. .bg-none {
  4543.  
  4544.    background-image: none;
  4545.  
  4546. }
  4547.  
  4548. .from-gray-400 {
  4549.  
  4550.    --tw-gradient-from: #9ca3af;
  4551.  
  4552.    --tw-gradient-to: rgba(156, 163, 175, 0);
  4553.  
  4554.    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  4555.  
  4556. }
  4557.  
  4558. .fill-white {
  4559.  
  4560.    fill: #fff;
  4561.  
  4562. }
  4563.  
  4564. .object-contain {
  4565.  
  4566.    -o-object-fit: contain;
  4567.  
  4568.    object-fit: contain;
  4569.  
  4570. }
  4571.  
  4572. .\!object-cover {
  4573.  
  4574.    -o-object-fit: cover !important;
  4575.  
  4576.    object-fit: cover !important;
  4577.  
  4578. }
  4579.  
  4580. .object-cover {
  4581.  
  4582.    -o-object-fit: cover;
  4583.  
  4584.    object-fit: cover;
  4585.  
  4586. }
  4587.  
  4588. .object-center {
  4589.  
  4590.    -o-object-position: center;
  4591.  
  4592.    object-position: center;
  4593.  
  4594. }
  4595.  
  4596. .object-left {
  4597.  
  4598.    -o-object-position: left;
  4599.  
  4600.    object-position: left;
  4601.  
  4602. }
  4603.  
  4604. .object-right {
  4605.  
  4606.    -o-object-position: right;
  4607.  
  4608.    object-position: right;
  4609.  
  4610. }
  4611.  
  4612. .\!p-0 {
  4613.  
  4614.    padding: 0 !important;
  4615.  
  4616. }
  4617.  
  4618. .\!p-4 {
  4619.  
  4620.    padding: 1rem !important;
  4621.  
  4622. }
  4623.  
  4624. .p-0 {
  4625.  
  4626.    padding: 0;
  4627.  
  4628. }
  4629.  
  4630. .p-1 {
  4631.  
  4632.    padding: 0.25rem;
  4633.  
  4634. }
  4635.  
  4636. .p-2 {
  4637.  
  4638.    padding: 0.5rem;
  4639.  
  4640. }
  4641.  
  4642. .p-2\.5 {
  4643.  
  4644.    padding: 0.625rem;
  4645.  
  4646. }
  4647.  
  4648. .p-3 {
  4649.  
  4650.    padding: 0.75rem;
  4651.  
  4652. }
  4653.  
  4654. .p-4 {
  4655.  
  4656.    padding: 1rem;
  4657.  
  4658. }
  4659.  
  4660. .p-5 {
  4661.  
  4662.    padding: 1.25rem;
  4663.  
  4664. }
  4665.  
  4666. .p-6 {
  4667.  
  4668.    padding: 1.5rem;
  4669.  
  4670. }
  4671.  
  4672. .p-8 {
  4673.  
  4674.    padding: 2rem;
  4675.  
  4676. }
  4677.  
  4678. .\!px-0 {
  4679.  
  4680.    padding-left: 0 !important;
  4681.  
  4682.    padding-right: 0 !important;
  4683.  
  4684. }
  4685.  
  4686. .\!px-3 {
  4687.  
  4688.    padding-left: 0.75rem !important;
  4689.  
  4690.    padding-right: 0.75rem !important;
  4691.  
  4692. }
  4693.  
  4694. .\!px-4 {
  4695.  
  4696.    padding-left: 1rem !important;
  4697.  
  4698.    padding-right: 1rem !important;
  4699.  
  4700. }
  4701.  
  4702. .\!py-1 {
  4703.  
  4704.    padding-top: 0.25rem !important;
  4705.  
  4706.    padding-bottom: 0.25rem !important;
  4707.  
  4708. }
  4709.  
  4710. .\!py-1\.5 {
  4711.  
  4712.    padding-top: 0.375rem !important;
  4713.  
  4714.    padding-bottom: 0.375rem !important;
  4715.  
  4716. }
  4717.  
  4718. .px-0 {
  4719.  
  4720.    padding-left: 0;
  4721.  
  4722.    padding-right: 0;
  4723.  
  4724. }
  4725.  
  4726. .px-1 {
  4727.  
  4728.    padding-left: 0.25rem;
  4729.  
  4730.    padding-right: 0.25rem;
  4731.  
  4732. }
  4733.  
  4734. .px-14 {
  4735.  
  4736.    padding-left: 3.5rem;
  4737.  
  4738.    padding-right: 3.5rem;
  4739.  
  4740. }
  4741.  
  4742. .px-2 {
  4743.  
  4744.    padding-left: 0.5rem;
  4745.  
  4746.    padding-right: 0.5rem;
  4747.  
  4748. }
  4749.  
  4750. .px-2\.5 {
  4751.  
  4752.    padding-left: 0.625rem;
  4753.  
  4754.    padding-right: 0.625rem;
  4755.  
  4756. }
  4757.  
  4758. .px-20 {
  4759.  
  4760.    padding-left: 5rem;
  4761.  
  4762.    padding-right: 5rem;
  4763.  
  4764. }
  4765.  
  4766. .px-3 {
  4767.  
  4768.    padding-left: 0.75rem;
  4769.  
  4770.    padding-right: 0.75rem;
  4771.  
  4772. }
  4773.  
  4774. .px-4 {
  4775.  
  4776.    padding-left: 1rem;
  4777.  
  4778.    padding-right: 1rem;
  4779.  
  4780. }
  4781.  
  4782. .px-5 {
  4783.  
  4784.    padding-left: 1.25rem;
  4785.  
  4786.    padding-right: 1.25rem;
  4787.  
  4788. }
  4789.  
  4790. .px-6 {
  4791.  
  4792.    padding-left: 1.5rem;
  4793.  
  4794.    padding-right: 1.5rem;
  4795.  
  4796. }
  4797.  
  4798. .px-\[0\.75rem\] {
  4799.  
  4800.    padding-left: 0.75rem;
  4801.  
  4802.    padding-right: 0.75rem;
  4803.  
  4804. }
  4805.  
  4806. .px-\[18px\] {
  4807.  
  4808.    padding-left: 18px;
  4809.  
  4810.    padding-right: 18px;
  4811.  
  4812. }
  4813.  
  4814. .py-0 {
  4815.  
  4816.    padding-top: 0;
  4817.  
  4818.    padding-bottom: 0;
  4819.  
  4820. }
  4821.  
  4822. .py-1 {
  4823.  
  4824.    padding-top: 0.25rem;
  4825.  
  4826.    padding-bottom: 0.25rem;
  4827.  
  4828. }
  4829.  
  4830. .py-1\.5 {
  4831.  
  4832.    padding-top: 0.375rem;
  4833.  
  4834.    padding-bottom: 0.375rem;
  4835.  
  4836. }
  4837.  
  4838. .py-10 {
  4839.  
  4840.    padding-top: 2.5rem;
  4841.  
  4842.    padding-bottom: 2.5rem;
  4843.  
  4844. }
  4845.  
  4846. .py-2 {
  4847.  
  4848.    padding-top: 0.5rem;
  4849.  
  4850.    padding-bottom: 0.5rem;
  4851.  
  4852. }
  4853.  
  4854. .py-2\.5 {
  4855.  
  4856.    padding-top: 0.625rem;
  4857.  
  4858.    padding-bottom: 0.625rem;
  4859.  
  4860. }
  4861.  
  4862. .py-24 {
  4863.  
  4864.    padding-top: 6rem;
  4865.  
  4866.    padding-bottom: 6rem;
  4867.  
  4868. }
  4869.  
  4870. .py-3 {
  4871.  
  4872.    padding-top: 0.75rem;
  4873.  
  4874.    padding-bottom: 0.75rem;
  4875.  
  4876. }
  4877.  
  4878. .py-4 {
  4879.  
  4880.    padding-top: 1rem;
  4881.  
  4882.    padding-bottom: 1rem;
  4883.  
  4884. }
  4885.  
  4886. .py-5 {
  4887.  
  4888.    padding-top: 1.25rem;
  4889.  
  4890.    padding-bottom: 1.25rem;
  4891.  
  4892. }
  4893.  
  4894. .py-6 {
  4895.  
  4896.    padding-top: 1.5rem;
  4897.  
  4898.    padding-bottom: 1.5rem;
  4899.  
  4900. }
  4901.  
  4902. .py-8 {
  4903.  
  4904.    padding-top: 2rem;
  4905.  
  4906.    padding-bottom: 2rem;
  4907.  
  4908. }
  4909.  
  4910. .py-\[0\.5rem\] {
  4911.  
  4912.    padding-top: 0.5rem;
  4913.  
  4914.    padding-bottom: 0.5rem;
  4915.  
  4916. }
  4917.  
  4918. .py-\[5\.5rem\] {
  4919.  
  4920.    padding-top: 5.5rem;
  4921.  
  4922.    padding-bottom: 5.5rem;
  4923.  
  4924. }
  4925.  
  4926. .pb-0 {
  4927.  
  4928.    padding-bottom: 0;
  4929.  
  4930. }
  4931.  
  4932. .pb-1 {
  4933.  
  4934.    padding-bottom: 0.25rem;
  4935.  
  4936. }
  4937.  
  4938. .pb-14 {
  4939.  
  4940.    padding-bottom: 3.5rem;
  4941.  
  4942. }
  4943.  
  4944. .pb-16 {
  4945.  
  4946.    padding-bottom: 4rem;
  4947.  
  4948. }
  4949.  
  4950. .pb-2 {
  4951.  
  4952.    padding-bottom: 0.5rem;
  4953.  
  4954. }
  4955.  
  4956. .pb-2\.5 {
  4957.  
  4958.    padding-bottom: 0.625rem;
  4959.  
  4960. }
  4961.  
  4962. .pb-20 {
  4963.  
  4964.    padding-bottom: 5rem;
  4965.  
  4966. }
  4967.  
  4968. .pb-24 {
  4969.  
  4970.    padding-bottom: 6rem;
  4971.  
  4972. }
  4973.  
  4974. .pb-3 {
  4975.  
  4976.    padding-bottom: 0.75rem;
  4977.  
  4978. }
  4979.  
  4980. .pb-32 {
  4981.  
  4982.    padding-bottom: 8rem;
  4983.  
  4984. }
  4985.  
  4986. .pb-4 {
  4987.  
  4988.    padding-bottom: 1rem;
  4989.  
  4990. }
  4991.  
  4992. .pb-5 {
  4993.  
  4994.    padding-bottom: 1.25rem;
  4995.  
  4996. }
  4997.  
  4998. .pb-8,
  4999.  
  5000. .pb-\[2rem\] {
  5001.  
  5002.    padding-bottom: 2rem;
  5003.  
  5004. }
  5005.  
  5006. .pb-\[3px\] {
  5007.  
  5008.    padding-bottom: 3px;
  5009.  
  5010. }
  5011.  
  5012. .pl-10 {
  5013.  
  5014.    padding-left: 2.5rem;
  5015.  
  5016. }
  5017.  
  5018. .pl-2 {
  5019.  
  5020.    padding-left: 0.5rem;
  5021.  
  5022. }
  5023.  
  5024. .pl-3 {
  5025.  
  5026.    padding-left: 0.75rem;
  5027.  
  5028. }
  5029.  
  5030. .pl-4 {
  5031.  
  5032.    padding-left: 1rem;
  5033.  
  5034. }
  5035.  
  5036. .pl-5 {
  5037.  
  5038.    padding-left: 1.25rem;
  5039.  
  5040. }
  5041.  
  5042. .pl-\[3\.2rem\] {
  5043.  
  5044.    padding-left: 3.2rem;
  5045.  
  5046. }
  5047.  
  5048. .pr-0 {
  5049.  
  5050.    padding-right: 0;
  5051.  
  5052. }
  5053.  
  5054. .pr-10 {
  5055.  
  5056.    padding-right: 2.5rem;
  5057.  
  5058. }
  5059.  
  5060. .pr-2 {
  5061.  
  5062.    padding-right: 0.5rem;
  5063.  
  5064. }
  5065.  
  5066. .pr-20 {
  5067.  
  5068.    padding-right: 5rem;
  5069.  
  5070. }
  5071.  
  5072. .pr-3 {
  5073.  
  5074.    padding-right: 0.75rem;
  5075.  
  5076. }
  5077.  
  5078. .pr-4 {
  5079.  
  5080.    padding-right: 1rem;
  5081.  
  5082. }
  5083.  
  5084. .pr-5 {
  5085.  
  5086.    padding-right: 1.25rem;
  5087.  
  5088. }
  5089.  
  5090. .pr-\[3\.2rem\] {
  5091.  
  5092.    padding-right: 3.2rem;
  5093.  
  5094. }
  5095.  
  5096. .pt-0 {
  5097.  
  5098.    padding-top: 0;
  5099.  
  5100. }
  5101.  
  5102. .pt-1 {
  5103.  
  5104.    padding-top: 0.25rem;
  5105.  
  5106. }
  5107.  
  5108. .pt-10 {
  5109.  
  5110.    padding-top: 2.5rem;
  5111.  
  5112. }
  5113.  
  5114. .pt-12 {
  5115.  
  5116.    padding-top: 3rem;
  5117.  
  5118. }
  5119.  
  5120. .pt-14 {
  5121.  
  5122.    padding-top: 3.5rem;
  5123.  
  5124. }
  5125.  
  5126. .pt-16 {
  5127.  
  5128.    padding-top: 4rem;
  5129.  
  5130. }
  5131.  
  5132. .pt-2 {
  5133.  
  5134.    padding-top: 0.5rem;
  5135.  
  5136. }
  5137.  
  5138. .pt-3 {
  5139.  
  5140.    padding-top: 0.75rem;
  5141.  
  5142. }
  5143.  
  5144. .pt-4 {
  5145.  
  5146.    padding-top: 1rem;
  5147.  
  5148. }
  5149.  
  5150. .pt-5 {
  5151.  
  5152.    padding-top: 1.25rem;
  5153.  
  5154. }
  5155.  
  5156. .pt-6 {
  5157.  
  5158.    padding-top: 1.5rem;
  5159.  
  5160. }
  5161.  
  5162. .pt-8 {
  5163.  
  5164.    padding-top: 2rem;
  5165.  
  5166. }
  5167.  
  5168. .text-left {
  5169.  
  5170.    text-align: left;
  5171.  
  5172. }
  5173.  
  5174. .text-center {
  5175.  
  5176.    text-align: center;
  5177.  
  5178. }
  5179.  
  5180. .text-right {
  5181.  
  5182.    text-align: right;
  5183.  
  5184. }
  5185.  
  5186. .text-justify {
  5187.  
  5188.    text-align: justify;
  5189.  
  5190. }
  5191.  
  5192. .text-start {
  5193.  
  5194.    text-align: start;
  5195.  
  5196. }
  5197.  
  5198. .text-2xl {
  5199.  
  5200.    font-size: 1.5rem;
  5201.  
  5202.    line-height: 2rem;
  5203.  
  5204. }
  5205.  
  5206. .text-4xl {
  5207.  
  5208.    font-size: 2.25rem;
  5209.  
  5210.    line-height: 2.5rem;
  5211.  
  5212. }
  5213.  
  5214. .text-\[0\.92rem\] {
  5215.  
  5216.    font-size: 0.92rem;
  5217.  
  5218. }
  5219.  
  5220. .text-\[8px\] {
  5221.  
  5222.    font-size: 8px;
  5223.  
  5224. }
  5225.  
  5226. .text-\[10px\] {
  5227.  
  5228.    font-size: 10px;
  5229.  
  5230. }
  5231.  
  5232. .text-\[12px\] {
  5233.  
  5234.    font-size: 12px;
  5235.  
  5236. }
  5237.  
  5238. .text-\[13px\] {
  5239.  
  5240.    font-size: 13px;
  5241.  
  5242. }
  5243.  
  5244. .text-\[14px\] {
  5245.  
  5246.    font-size: 14px;
  5247.  
  5248. }
  5249.  
  5250. .text-\[15px\] {
  5251.  
  5252.    font-size: 15px;
  5253.  
  5254. }
  5255.  
  5256. .text-\[18px\] {
  5257.  
  5258.    font-size: 18px;
  5259.  
  5260. }
  5261.  
  5262. .text-\[20px\] {
  5263.  
  5264.    font-size: 20px;
  5265.  
  5266. }
  5267.  
  5268. .text-\[24px\] {
  5269.  
  5270.    font-size: 24px;
  5271.  
  5272. }
  5273.  
  5274. .text-\[40px\] {
  5275.  
  5276.    font-size: 40px;
  5277.  
  5278. }
  5279.  
  5280. .text-base {
  5281.  
  5282.    font-size: 1rem;
  5283.  
  5284.    line-height: 1.5rem;
  5285.  
  5286. }
  5287.  
  5288. .text-lg {
  5289.  
  5290.    font-size: 1.125rem;
  5291.  
  5292.    line-height: 1.75rem;
  5293.  
  5294. }
  5295.  
  5296. .text-sm {
  5297.  
  5298.    font-size: 0.875rem;
  5299.    line-height: 1.25rem;
  5300.  
  5301. }
  5302.  
  5303. .text-xl {
  5304.  
  5305.    font-size: 1.25rem;
  5306.  
  5307.    line-height: 1.75rem;
  5308.  
  5309. }
  5310.  
  5311. .text-xs {
  5312.  
  5313.    font-size: 0.75rem;
  5314.  
  5315.    line-height: 1rem;
  5316.  
  5317. }
  5318.  
  5319. .font-bold {
  5320.  
  5321.    font-weight: 700;
  5322.  
  5323. }
  5324.  
  5325. .font-extrabold {
  5326.  
  5327.    font-weight: 800;
  5328.  
  5329. }
  5330.  
  5331. .font-light {
  5332.  
  5333.    font-weight: 300;
  5334.  
  5335. }
  5336.  
  5337. .font-medium {
  5338.  
  5339.    font-weight: 500;
  5340.  
  5341. }
  5342.  
  5343. .font-normal {
  5344.  
  5345.    font-weight: 400;
  5346.  
  5347. }
  5348.  
  5349. .font-semibold {
  5350.  
  5351.    font-weight: 600;
  5352.  
  5353. }
  5354.  
  5355. .uppercase {
  5356.  
  5357.    text-transform: uppercase;
  5358.  
  5359. }
  5360.  
  5361. .capitalize {
  5362.  
  5363.    text-transform: capitalize;
  5364.  
  5365. }
  5366.  
  5367. .italic {
  5368.  
  5369.    font-style: italic;
  5370.  
  5371. }
  5372.  
  5373. .leading-4 {
  5374.  
  5375.    line-height: 1rem;
  5376.  
  5377. }
  5378.  
  5379. .leading-5 {
  5380.  
  5381.    line-height: 1.25rem;
  5382.  
  5383. }
  5384.  
  5385. .leading-6 {
  5386.  
  5387.    line-height: 1.5rem;
  5388.  
  5389. }
  5390.  
  5391. .leading-7 {
  5392.  
  5393.    line-height: 1.75rem;
  5394.  
  5395. }
  5396.  
  5397. .leading-\[150\%\] {
  5398.  
  5399.    line-height: 150%;
  5400.  
  5401. }
  5402.  
  5403. .leading-\[20px\] {
  5404.  
  5405.    line-height: 20px;
  5406.  
  5407. }
  5408.  
  5409. .leading-\[26px\] {
  5410.  
  5411.    line-height: 26px;
  5412.  
  5413. }
  5414.  
  5415. .leading-\[30\.8px\] {
  5416.  
  5417.    line-height: 30.8px;
  5418.  
  5419. }
  5420.  
  5421. .leading-\[66\.8px\] {
  5422.  
  5423.    line-height: 66.8px;
  5424.  
  5425. }
  5426.  
  5427. .leading-normal {
  5428.  
  5429.    line-height: 1.5;
  5430.  
  5431. }
  5432.  
  5433. .tracking-\[0\.1em\] {
  5434.  
  5435.    letter-spacing: 0.1em;
  5436.  
  5437. }
  5438.  
  5439. .tracking-\[0\.2em\] {
  5440.  
  5441.    letter-spacing: 0.2em;
  5442.  
  5443. }
  5444.  
  5445. .tracking-\[0\.3px\] {
  5446.  
  5447.    letter-spacing: 0.3px;
  5448.  
  5449. }
  5450.  
  5451. .tracking-tight {
  5452.  
  5453.    letter-spacing: -0.025em;
  5454.  
  5455. }
  5456.  
  5457. .text-\[\#E3FDE4\] {
  5458.  
  5459.    --tw-text-opacity: 1;
  5460.  
  5461.    color: rgb(227 253 228 / var(--tw-text-opacity));
  5462.  
  5463. }
  5464.  
  5465. .text-black {
  5466.  
  5467.    --tw-text-opacity: 1;
  5468.  
  5469.    color: rgb(0 0 0 / var(--tw-text-opacity));
  5470.  
  5471. }
  5472.  
  5473. .text-blue-700 {
  5474.  
  5475.    --tw-text-opacity: 1;
  5476.  
  5477.    color: rgb(29 78 216 / var(--tw-text-opacity));
  5478.  
  5479. }
  5480.  
  5481. .text-btnPurple {
  5482.  
  5483.    --tw-text-opacity: 1;
  5484.  
  5485.    color: rgb(112 127 235 / var(--tw-text-opacity));
  5486.  
  5487. }
  5488.  
  5489. .text-gray-200 {
  5490.  
  5491.    --tw-text-opacity: 1;
  5492.  
  5493.    color: rgb(229 231 235 / var(--tw-text-opacity));
  5494.  
  5495. }
  5496.  
  5497. .text-gray-300 {
  5498.  
  5499.    --tw-text-opacity: 1;
  5500.  
  5501.    color: rgb(209 213 219 / var(--tw-text-opacity));
  5502.  
  5503. }
  5504.  
  5505. .text-gray-400 {
  5506.  
  5507.    --tw-text-opacity: 1;
  5508.  
  5509.    color: rgb(156 163 175 / var(--tw-text-opacity));
  5510.  
  5511. }
  5512.  
  5513. .text-gray-500 {
  5514.  
  5515.    --tw-text-opacity: 1;
  5516.  
  5517.    color: rgb(107 114 128 / var(--tw-text-opacity));
  5518.  
  5519. }
  5520.  
  5521. .text-gray-600 {
  5522.  
  5523.    --tw-text-opacity: 1;
  5524.  
  5525.    color: rgb(75 85 99 / var(--tw-text-opacity));
  5526.  
  5527. }
  5528.  
  5529. .text-gray-900 {
  5530.  
  5531.    --tw-text-opacity: 1;
  5532.  
  5533.    color: rgb(17 24 39 / var(--tw-text-opacity));
  5534.  
  5535. }
  5536.  
  5537. .text-green-500 {
  5538.  
  5539.    --tw-text-opacity: 1;
  5540.  
  5541.    color: rgb(34 197 94 / var(--tw-text-opacity));
  5542.  
  5543. }
  5544.  
  5545. .text-green-600 {
  5546.  
  5547.    --tw-text-opacity: 1;
  5548.  
  5549.    color: rgb(22 163 74 / var(--tw-text-opacity));
  5550.  
  5551. }
  5552.  
  5553. .text-indigo-600 {
  5554.  
  5555.    --tw-text-opacity: 1;
  5556.  
  5557.    color: rgb(79 70 229 / var(--tw-text-opacity));
  5558.  
  5559. }
  5560.  
  5561. .text-info {
  5562.  
  5563.    --tw-text-opacity: 1;
  5564.  
  5565.    color: rgb(34 211 238 / var(--tw-text-opacity));
  5566.  
  5567. }
  5568.  
  5569. .text-orange-700 {
  5570.  
  5571.    --tw-text-opacity: 1;
  5572.  
  5573.    color: rgb(194 65 12 / var(--tw-text-opacity));
  5574.  
  5575. }
  5576.  
  5577. .text-red-400 {
  5578.  
  5579.    --tw-text-opacity: 1;
  5580.  
  5581.    color: rgb(248 113 113 / var(--tw-text-opacity));
  5582.  
  5583. }
  5584.  
  5585. .text-red-600 {
  5586.  
  5587.    --tw-text-opacity: 1;
  5588.  
  5589.    color: rgb(220 38 38 / var(--tw-text-opacity));
  5590.  
  5591. }
  5592.  
  5593. .text-red-700 {
  5594.  
  5595.    --tw-text-opacity: 1;
  5596.  
  5597.    color: rgb(185 28 28 / var(--tw-text-opacity));
  5598.  
  5599. }
  5600.  
  5601. .text-slate-900 {
  5602.  
  5603.    --tw-text-opacity: 1;
  5604.  
  5605.    color: rgb(15 23 42 / var(--tw-text-opacity));
  5606.  
  5607. }
  5608.  
  5609. .text-white {
  5610.  
  5611.    --tw-text-opacity: 1;
  5612.  
  5613.    color: rgb(255 255 255 / var(--tw-text-opacity));
  5614.  
  5615. }
  5616.  
  5617. .text-white\/70 {
  5618.  
  5619.    color: hsla(0, 0%, 100%, 0.7);
  5620.  
  5621. }
  5622.  
  5623. .text-white\/75 {
  5624.  
  5625.    color: hsla(0, 0%, 100%, 0.75);
  5626.  
  5627. }
  5628.  
  5629. .underline {
  5630.  
  5631.    text-decoration-line: underline;
  5632.  
  5633. }
  5634.  
  5635. .no-underline {
  5636.  
  5637.    text-decoration-line: none;
  5638.  
  5639. }
  5640.  
  5641. .opacity-0 {
  5642.  
  5643.    opacity: 0;
  5644.  
  5645. }
  5646.  
  5647. .opacity-100 {
  5648.  
  5649.    opacity: 1;
  5650.  
  5651. }
  5652.  
  5653. .opacity-25 {
  5654.  
  5655.    opacity: 0.25;
  5656.  
  5657. }
  5658.  
  5659. .opacity-75 {
  5660.  
  5661.    opacity: 0.75;
  5662.  
  5663. }
  5664.  
  5665. .mix-blend-multiply {
  5666.  
  5667.    mix-blend-mode: multiply;
  5668.  
  5669. }
  5670.  
  5671. .shadow-2xl {
  5672.  
  5673.    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  5674.  
  5675.    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  5676.  
  5677. }
  5678.  
  5679. .shadow-2xl,
  5680.  
  5681. .shadow-lg {
  5682.  
  5683.    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  5684.  
  5685. }
  5686.  
  5687. .shadow-lg {
  5688.  
  5689.    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  5690.  
  5691.    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  5692.  
  5693. }
  5694.  
  5695. .shadow-sm {
  5696.  
  5697.    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  5698.  
  5699.    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  5700.  
  5701. }
  5702.  
  5703. .shadow-sm,
  5704.  
  5705. .shadow-xl {
  5706.  
  5707.    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  5708.  
  5709. }
  5710.  
  5711. .shadow-xl {
  5712.  
  5713.    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  5714.  
  5715.    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  5716.  
  5717. }
  5718.  
  5719. .shadow-white\/20 {
  5720.  
  5721.    --tw-shadow-color: hsla(0, 0%, 100%, 0.2);
  5722.  
  5723.    --tw-shadow: var(--tw-shadow-colored);
  5724.  
  5725. }
  5726.  
  5727. .ring-1 {
  5728.  
  5729.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  5730.  
  5731.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  5732.  
  5733.    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  5734.  
  5735. }
  5736.  
  5737. .ring-black {
  5738.  
  5739.    --tw-ring-opacity: 1;
  5740.  
  5741.    --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
  5742.  
  5743. }
  5744.  
  5745. .ring-gray-500 {
  5746.  
  5747.    --tw-ring-opacity: 1;
  5748.  
  5749.    --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
  5750.  
  5751. }
  5752.  
  5753. .ring-slate-200 {
  5754.  
  5755.    --tw-ring-opacity: 1;
  5756.  
  5757.    --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity));
  5758.  
  5759. }
  5760.  
  5761. .ring-white {
  5762.  
  5763.    --tw-ring-opacity: 1;
  5764.  
  5765.    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
  5766.  
  5767. }
  5768.  
  5769. .ring-opacity-5 {
  5770.  
  5771.    --tw-ring-opacity: 0.05;
  5772.  
  5773. }
  5774.  
  5775. .blur {
  5776.  
  5777.    --tw-blur: blur(8px);
  5778.  
  5779. }
  5780.  
  5781. .blur,
  5782.  
  5783. .grayscale {
  5784.  
  5785.    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);
  5786.  
  5787. }
  5788.  
  5789. .grayscale {
  5790.  
  5791.    --tw-grayscale: grayscale(100%);
  5792.  
  5793. }
  5794.  
  5795. .invert {
  5796.  
  5797.    --tw-invert: invert(100%);
  5798.  
  5799. }
  5800.  
  5801. .filter,
  5802.  
  5803. .invert {
  5804.  
  5805.    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);
  5806.  
  5807. }
  5808.  
  5809. .backdrop-blur-sm {
  5810.  
  5811.    --tw-backdrop-blur: blur(4px);
  5812.  
  5813. }
  5814.  
  5815. .backdrop-blur-sm,
  5816.  
  5817. .backdrop-blur-xl {
  5818.  
  5819.    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
  5820.  
  5821.        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  5822.  
  5823.    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
  5824.  
  5825.        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  5826.  
  5827. }
  5828.  
  5829. .backdrop-blur-xl {
  5830.  
  5831.    --tw-backdrop-blur: blur(24px);
  5832.  
  5833. }
  5834.  
  5835. .backdrop-filter {
  5836.  
  5837.    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
  5838.  
  5839.        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  5840.  
  5841.    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
  5842.  
  5843.        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  5844.  
  5845. }
  5846.  
  5847. .transition {
  5848.  
  5849.    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  5850.  
  5851.    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  5852.  
  5853.    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  5854.  
  5855.    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  5856.  
  5857.    transition-duration: 0.15s;
  5858.  
  5859. }
  5860.  
  5861. .transition-all {
  5862.  
  5863.    transition-property: all;
  5864.  
  5865.    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  5866.  
  5867.    transition-duration: 0.15s;
  5868.  
  5869. }
  5870.  
  5871. .transition-colors {
  5872.  
  5873.    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
  5874.  
  5875.    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  5876.  
  5877.    transition-duration: 0.15s;
  5878.  
  5879. }
  5880.  
  5881. .transition-opacity {
  5882.  
  5883.    transition-property: opacity;
  5884.  
  5885.    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  5886.  
  5887.    transition-duration: 0.15s;
  5888.  
  5889. }
  5890.  
  5891. .duration-100 {
  5892.  
  5893.    transition-duration: 0.1s;
  5894.  
  5895. }
  5896.  
  5897. .duration-1000 {
  5898.  
  5899.    transition-duration: 1s;
  5900.  
  5901. }
  5902.  
  5903. .duration-150 {
  5904.  
  5905.    transition-duration: 0.15s;
  5906.  
  5907. }
  5908.  
  5909. .duration-200 {
  5910.  
  5911.    transition-duration: 0.2s;
  5912.  
  5913. }
  5914.  
  5915. .duration-300 {
  5916.  
  5917.    transition-duration: 0.3s;
  5918.  
  5919. }
  5920.  
  5921. .duration-500 {
  5922.  
  5923.    transition-duration: 0.5s;
  5924.  
  5925. }
  5926.  
  5927. .duration-75 {
  5928.  
  5929.    transition-duration: 75ms;
  5930.  
  5931. }
  5932.  
  5933. .duration-\[600ms\] {
  5934.  
  5935.    transition-duration: 0.6s;
  5936.  
  5937. }
  5938.  
  5939. .ease-in {
  5940.  
  5941.    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  5942.  
  5943. }
  5944.  
  5945. .ease-in-out {
  5946.  
  5947.    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  5948.  
  5949. }
  5950.  
  5951. .ease-out {
  5952.  
  5953.    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  5954.  
  5955. }
  5956.  
  5957. .line-clamp-1 {
  5958.  
  5959.    -webkit-line-clamp: 1;
  5960.  
  5961. }
  5962.  
  5963. .line-clamp-1,
  5964.  
  5965. .line-clamp-2 {
  5966.  
  5967.    overflow: hidden;
  5968.  
  5969.    display: -webkit-box;
  5970.  
  5971.    -webkit-box-orient: vertical;
  5972.  
  5973. }
  5974.  
  5975. .line-clamp-2 {
  5976.  
  5977.    -webkit-line-clamp: 2;
  5978.  
  5979. }
  5980.  
  5981. .scrollbar-hide {
  5982.  
  5983.    -ms-overflow-style: none;
  5984.  
  5985.    scrollbar-width: none;
  5986.  
  5987. }
  5988.  
  5989. .scrollbar-hide::-webkit-scrollbar {
  5990.  
  5991.    display: none;
  5992.  
  5993. }
  5994.  
  5995. input[type="number"]::-webkit-inner-spin-button,
  5996.  
  5997. input[type="number"]::-webkit-outer-spin-button {
  5998.  
  5999.    -webkit-appearance: none;
  6000.  
  6001.    appearance: none;
  6002.  
  6003. }
  6004.  
  6005. .bg-gradient-black {
  6006.  
  6007.    background: linear-gradient(163.42deg, #374353c3 -107%, #ffffff00 105.46%);
  6008.  
  6009.    border: 1px solid #626274;
  6010.  
  6011.    border-radius: 16px;
  6012.  
  6013. }
  6014.  
  6015.  
  6016.  
  6017.  
  6018.  
  6019. html {
  6020.  
  6021.    -moz-tab-size: 4;
  6022.  
  6023.    -o-tab-size: 4;
  6024.  
  6025.    tab-size: 4;
  6026.  
  6027. }
  6028.  
  6029. body {
  6030.  
  6031.    margin: 0;
  6032.  
  6033.    line-height: inherit;
  6034.  
  6035. }
  6036.  
  6037. .membership-banner {
  6038.  
  6039.    content: "";
  6040.  
  6041.    position: relative;
  6042.  
  6043.    background: url(/images/logo-transparent.png) 100% 60% no-repeat;
  6044.  
  6045.    background-size: 60%, 70%;
  6046.  
  6047.    overflow: hidden;
  6048.  
  6049. }
  6050.  
  6051. .text-gradient-orange {
  6052.  
  6053.    background: linear-gradient(270deg, #e7273d -1.95%, #df5f3b 97.95%);
  6054.  
  6055.    -webkit-background-clip: text;
  6056.  
  6057.    -webkit-text-fill-color: transparent;
  6058.  
  6059.    background-clip: text;
  6060.  
  6061. }
  6062.  
  6063.  
  6064.  
  6065. .featured-game-card:hover {
  6066.  
  6067.    transition: all 1s;
  6068.  
  6069. }
  6070.  
  6071. .featured-game-card:hover img {
  6072.  
  6073.    filter: blur(40px);
  6074.  
  6075.    
  6076.  
  6077. }
  6078.  
  6079. .featured-game-card .blur-sharp {
  6080.  
  6081.    overflow: hidden;
  6082.  
  6083.    border-radius: 0rem;
  6084.  
  6085. }
  6086.  
  6087.  
  6088.  
  6089.  
  6090.  
  6091.  
  6092.  
  6093. .cover {
  6094.  
  6095.    transition: all 1s;
  6096.  
  6097.    opacity: 0;
  6098.  
  6099.    left: 0;
  6100.  
  6101.    right: 0;
  6102.  
  6103.    border-radius: 1rem;
  6104.  
  6105. }
  6106.  
  6107. .featured-game-card:hover .cover {
  6108.  
  6109.    transition: all 1s;
  6110.  
  6111.    opacity: 0;
  6112.  
  6113.    border-radius: 1rem;
  6114.  
  6115. }
  6116.  
  6117. .icon-button {
  6118.  
  6119.    position: relative;
  6120.  
  6121.    display: inline-flex;
  6122.  
  6123.    border: 0;
  6124.  
  6125.    padding: 0;
  6126.  
  6127.    margin: 0;
  6128.  
  6129.    outline: none;
  6130.  
  6131.    background: #fff;
  6132.  
  6133.    border-radius: 50%;
  6134.  
  6135.    cursor: pointer;
  6136.  
  6137.    overflow: hidden;
  6138.  
  6139.    text-decoration: none;
  6140.  
  6141.    box-sizing: border-box;
  6142.  
  6143.    flex-shrink: 0;
  6144.  
  6145. }
  6146.  
  6147. .flex-center,
  6148.  
  6149. .icon-button {
  6150.  
  6151.    align-items: center;
  6152.  
  6153.    justify-content: center;
  6154.  
  6155. }
  6156.  
  6157. .flex-center {
  6158.  
  6159.    display: flex;
  6160.  
  6161. }
  6162.  
  6163. .grecaptcha-badge {
  6164.  
  6165.    visibility: hidden;
  6166.  
  6167. }
  6168.  
  6169. ::-webkit-scrollbar {
  6170.  
  6171.    width: 8px;
  6172.  
  6173.    height: 2px;
  6174.  
  6175.    background-color: transparent;
  6176.  
  6177. }
  6178.  
  6179. ::-webkit-scrollbar-track {
  6180.  
  6181.    display: none;
  6182.  
  6183. }
  6184.  
  6185. ::-webkit-scrollbar-thumb {
  6186.  
  6187.    background-color: #c4c4c4;
  6188.  
  6189.    border-radius: 0.75rem;
  6190.  
  6191. }
  6192.  
  6193. @keyframes fadeInTop {
  6194.  
  6195.    0% {
  6196.  
  6197.        opacity: 0;
  6198.  
  6199.        transform: translateY(-50px);
  6200.  
  6201.    }
  6202.  
  6203.    to {
  6204.  
  6205.        opacity: 1;
  6206.  
  6207.        transform: translateY(0);
  6208.  
  6209.    }
  6210.  
  6211. }
  6212.  
  6213. .shadow-navbar {
  6214.  
  6215.    box-shadow: 0 100px 80px hsla(0, 0%, 89%, 0.07), 0 41.7776px 33.4221px hsla(0, 0%, 89%, 0.05), 0 22.3363px 17.869px hsla(0, 0%, 89%, 0.04), 0 12.5216px 10.0172px hsla(0, 0%, 89%, 0.04), 0 6.6501px 5.32008px hsla(0, 0%, 89%, 0.03),
  6216.  
  6217.        0 2.76726px 2.21381px hsla(0, 0%, 89%, 0.02);
  6218.  
  6219. }
  6220.  
  6221. .fade-in-top {
  6222.  
  6223.    animation: fadeInTop 0.4s ease-in-out both;
  6224.  
  6225. }
  6226.  
  6227. #home-cover {
  6228.  
  6229.    position: relative;
  6230.  
  6231.    overflow: hidden;
  6232.  
  6233. }
  6234.  
  6235. #home-cover > .banner-hero {
  6236.  
  6237.    max-width: 1200px;
  6238.  
  6239.    margin: 0 auto;
  6240.  
  6241.    padding: 2em 1em;
  6242.  
  6243.    flex: auto;
  6244.  
  6245.    box-sizing: border-box;
  6246.  
  6247. }
  6248.  
  6249.  
  6250.  
  6251. .shadow-social-media {
  6252.  
  6253.    box-shadow: 0 0 20px hsla(0, 0%, 45%, 0.22);
  6254.  
  6255. }
  6256.  
  6257. select {
  6258.  
  6259.    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  6260.  
  6261.    background-position: right 0.5rem center;
  6262.  
  6263.    background-repeat: no-repeat;
  6264.  
  6265.    background-size: 1.5em 1.5em;
  6266.  
  6267.    padding-right: 2.5rem;
  6268.  
  6269.    -webkit-print-color-adjust: exact;
  6270.  
  6271.    print-color-adjust: exact;
  6272.  
  6273. }
  6274.  
  6275. .placeholder\:text-slate-400::-moz-placeholder {
  6276.  
  6277.    --tw-text-opacity: 1;
  6278.  
  6279.    color: rgb(148 163 184 / var(--tw-text-opacity));
  6280.  
  6281. }
  6282.  
  6283. .placeholder\:text-slate-400::placeholder {
  6284.  
  6285.    --tw-text-opacity: 1;
  6286.  
  6287.    color: rgb(148 163 184 / var(--tw-text-opacity));
  6288.  
  6289. }
  6290.  
  6291. .focus-within\:z-10:focus-within {
  6292.  
  6293.    z-index: 10;
  6294.  
  6295. }
  6296.  
  6297. .focus-within\:text-slate-900:focus-within {
  6298.  
  6299.    --tw-text-opacity: 1;
  6300.  
  6301.    color: rgb(15 23 42 / var(--tw-text-opacity));
  6302.  
  6303. }
  6304.  
  6305. .focus-within\:text-white:focus-within {
  6306.  
  6307.    --tw-text-opacity: 1;
  6308.  
  6309.    color: rgb(255 255 255 / var(--tw-text-opacity));
  6310.  
  6311. }
  6312.  
  6313. .hover\:scale-105:hover {
  6314.  
  6315.    --tw-scale-x: 1.05;
  6316.  
  6317.    --tw-scale-y: 1.05;
  6318.  
  6319. }
  6320.  
  6321. .hover\:scale-105:hover,
  6322.  
  6323. .hover\:scale-110:hover {
  6324.  
  6325.    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));
  6326.  
  6327. }
  6328.  
  6329. .hover\:scale-110:hover {
  6330.  
  6331.    --tw-scale-x: 1.1;
  6332.  
  6333.    --tw-scale-y: 1.1;
  6334.  
  6335. }
  6336.  
  6337. .hover\:cursor-not-allowed:hover {
  6338.  
  6339.    cursor: not-allowed;
  6340.  
  6341. }
  6342.  
  6343. .hover\:cursor-pointer:hover {
  6344.  
  6345.    cursor: pointer;
  6346.  
  6347. }
  6348.  
  6349. .hover\:border-white:hover {
  6350.  
  6351.    --tw-border-opacity: 1;
  6352.  
  6353.    border-color: rgb(255 255 255 / var(--tw-border-opacity));
  6354.  
  6355. }
  6356.  
  6357. .hover\:bg-btnPurple:hover {
  6358.  
  6359.    --tw-bg-opacity: 1;
  6360.  
  6361.    background-color: rgb(112 127 235 / var(--tw-bg-opacity));
  6362.  
  6363. }
  6364.  
  6365. .hover\:bg-btnPurple\/30:hover {
  6366.  
  6367.    background-color: rgba(112, 127, 235, 0.3);
  6368.  
  6369. }
  6370.  
  6371. .hover\:bg-gray-50:hover {
  6372.  
  6373.    --tw-bg-opacity: 1;
  6374.  
  6375.    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  6376.  
  6377. }
  6378.  
  6379. .hover\:bg-orange-500:hover {
  6380.  
  6381.    --tw-bg-opacity: 1;
  6382.  
  6383.    background-color: rgb(249 115 22 / var(--tw-bg-opacity));
  6384.  
  6385. }
  6386.  
  6387. .hover\:bg-slate-50\/5:hover {
  6388.  
  6389.    background-color: rgba(248, 250, 252, 0.05);
  6390.  
  6391. }
  6392.  
  6393. .hover\:bg-opacity-30:hover {
  6394.  
  6395.    --tw-bg-opacity: 0.3;
  6396.  
  6397. }
  6398.  
  6399. .hover\:text-white:hover {
  6400.  
  6401.    --tw-text-opacity: 1;
  6402.  
  6403.    color: rgb(255 255 255 / var(--tw-text-opacity));
  6404.  
  6405. }
  6406.  
  6407. .hover\:underline:hover {
  6408.  
  6409.    text-decoration-line: underline;
  6410.  
  6411. }
  6412.  
  6413. .hover\:opacity-80:hover {
  6414.  
  6415.    opacity: 0.8;
  6416.  
  6417. }
  6418.  
  6419. .hover\:shadow-lg:hover {
  6420.  
  6421.    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  6422.  
  6423.    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  6424.  
  6425. }
  6426.  
  6427. .hover\:shadow-lg:hover,
  6428.  
  6429. .hover\:shadow-sm:hover {
  6430.  
  6431.    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  6432.  
  6433. }
  6434.  
  6435. .hover\:shadow-sm:hover {
  6436.  
  6437.    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  6438.  
  6439.    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  6440.  
  6441. }
  6442.  
  6443. .focus\:z-20:focus {
  6444.  
  6445.    z-index: 20;
  6446.  
  6447. }
  6448.  
  6449. .focus\:border-none:focus {
  6450.  
  6451.    border-style: none;
  6452.  
  6453. }
  6454.  
  6455. .focus\:border-\[\#2D2EAD\]:focus {
  6456.  
  6457.    --tw-border-opacity: 1;
  6458.  
  6459.    border-color: rgb(45 46 173 / var(--tw-border-opacity));
  6460.  
  6461. }
  6462.  
  6463. .focus\:border-\[\#707feb\]:focus {
  6464.  
  6465.    --tw-border-opacity: 1;
  6466.  
  6467.    border-color: rgb(112 127 235 / var(--tw-border-opacity));
  6468.  
  6469. }
  6470.  
  6471. .focus\:border-indigo-700:focus {
  6472.  
  6473.    --tw-border-opacity: 1;
  6474.  
  6475.    border-color: rgb(67 56 202 / var(--tw-border-opacity));
  6476.  
  6477. }
  6478.  
  6479. .focus\:outline-none:focus {
  6480.  
  6481.    outline: 2px solid transparent;
  6482.  
  6483.    outline-offset: 2px;
  6484.  
  6485. }
  6486.  
  6487. .focus\:ring:focus {
  6488.  
  6489.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  6490.  
  6491.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  6492.  
  6493. }
  6494.  
  6495. .focus\:ring-2:focus,
  6496.  
  6497. .focus\:ring:focus {
  6498.  
  6499.    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  6500.  
  6501. }
  6502.  
  6503. .focus\:ring-2:focus {
  6504.  
  6505.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  6506.  
  6507.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  6508.  
  6509. }
  6510.  
  6511. .focus\:ring-\[\#2D2EAD\]:focus {
  6512.  
  6513.    --tw-ring-opacity: 1;
  6514.  
  6515.    --tw-ring-color: rgb(45 46 173 / var(--tw-ring-opacity));
  6516.  
  6517. }
  6518.  
  6519. .focus\:ring-indigo-500:focus {
  6520.  
  6521.    --tw-ring-opacity: 1;
  6522.  
  6523.    --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
  6524.  
  6525. }
  6526.  
  6527. .focus\:ring-white:focus {
  6528.  
  6529.    --tw-ring-opacity: 1;
  6530.  
  6531.    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
  6532.  
  6533. }
  6534.  
  6535. .focus\:ring-offset-2:focus {
  6536.  
  6537.    --tw-ring-offset-width: 2px;
  6538.  
  6539. }
  6540.  
  6541. .focus\:duration-300:focus {
  6542.  
  6543.    transition-duration: 0.3s;
  6544.  
  6545. }
  6546.  
  6547. .focus-visible\:ring-2:focus-visible {
  6548.  
  6549.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  6550.  
  6551.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  6552.  
  6553.    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  6554.  
  6555. }
  6556.  
  6557. .focus-visible\:ring-white:focus-visible {
  6558.  
  6559.    --tw-ring-opacity: 1;
  6560.  
  6561.    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
  6562.  
  6563. }
  6564.  
  6565. .focus-visible\:ring-opacity-75:focus-visible {
  6566.  
  6567.    --tw-ring-opacity: 0.75;
  6568.  
  6569. }
  6570.  
  6571. .disabled\:cursor-not-allowed:disabled {
  6572.  
  6573.    cursor: not-allowed;
  6574.  
  6575. }
  6576.  
  6577. .group:hover .group-hover\:text-btnPurple {
  6578.  
  6579.    --tw-text-opacity: 1;
  6580.  
  6581.    color: rgb(112 127 235 / var(--tw-text-opacity));
  6582.  
  6583. }
  6584.  
  6585. .group:hover .group-hover\:text-btnPurple\/50 {
  6586.  
  6587.    color: rgba(112, 127, 235, 0.5);
  6588.  
  6589. }
  6590.  
  6591. .group:hover .group-hover\:text-gray-500 {
  6592.  
  6593.    --tw-text-opacity: 1;
  6594.  
  6595.    color: rgb(107 114 128 / var(--tw-text-opacity));
  6596.  
  6597. }
  6598.  
  6599. .peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:translate-y-0 {
  6600.  
  6601.    --tw-translate-y: 0px;
  6602.  
  6603.    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));
  6604.  
  6605. }
  6606.  
  6607. .peer:placeholder-shown ~ .peer-placeholder-shown\:translate-y-0 {
  6608.  
  6609.    --tw-translate-y: 0px;
  6610.  
  6611.    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));
  6612.  
  6613. }
  6614.  
  6615. .peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:scale-100 {
  6616.  
  6617.    --tw-scale-x: 1;
  6618.  
  6619.    --tw-scale-y: 1;
  6620.  
  6621.    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));
  6622.  
  6623. }
  6624.  
  6625. .peer:placeholder-shown ~ .peer-placeholder-shown\:scale-100 {
  6626.  
  6627.    --tw-scale-x: 1;
  6628.  
  6629.    --tw-scale-y: 1;
  6630.  
  6631.    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));
  6632.  
  6633. }
  6634.  
  6635. .peer:focus ~ .peer-focus\:-translate-y-3 {
  6636.  
  6637.    --tw-translate-y: -0.75rem;
  6638.  
  6639. }
  6640.  
  6641. .peer:focus ~ .peer-focus\:-translate-y-3,
  6642.  
  6643. .peer:focus ~ .peer-focus\:scale-75 {
  6644.  
  6645.    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));
  6646.  
  6647. }
  6648.  
  6649. .peer:focus ~ .peer-focus\:scale-75 {
  6650.  
  6651.    --tw-scale-x: 0.75;
  6652.  
  6653.    --tw-scale-y: 0.75;
  6654.  
  6655. }
  6656.  
  6657. @media (prefers-color-scheme: dark) {
  6658.  
  6659.    .dark\:border-gray-700 {
  6660.  
  6661.        --tw-border-opacity: 1;
  6662.  
  6663.        border-color: rgb(55 65 81 / var(--tw-border-opacity));
  6664.  
  6665.    }
  6666.  
  6667.    .dark\:bg-blue-200 {
  6668.  
  6669.        --tw-bg-opacity: 1;
  6670.  
  6671.        background-color: rgb(191 219 254 / var(--tw-bg-opacity));
  6672.  
  6673.    }
  6674.  
  6675.    .dark\:bg-orange-200 {
  6676.  
  6677.        --tw-bg-opacity: 1;
  6678.  
  6679.        background-color: rgb(254 215 170 / var(--tw-bg-opacity));
  6680.  
  6681.    }
  6682.  
  6683.    .dark\:text-blue-800 {
  6684.  
  6685.        --tw-text-opacity: 1;
  6686.  
  6687.        color: rgb(30 64 175 / var(--tw-text-opacity));
  6688.  
  6689.    }
  6690.  
  6691.    .dark\:text-gray-600 {
  6692.  
  6693.        --tw-text-opacity: 1;
  6694.  
  6695.        color: rgb(75 85 99 / var(--tw-text-opacity));
  6696.  
  6697.    }
  6698.  
  6699.    .dark\:text-orange-800 {
  6700.  
  6701.        --tw-text-opacity: 1;
  6702.  
  6703.        color: rgb(154 52 18 / var(--tw-text-opacity));
  6704.  
  6705.    }
  6706.  
  6707. }
  6708.  
  6709. @media (max-width: 640px) {
  6710.  
  6711.    .sm\:static {
  6712.  
  6713.        position: static;
  6714.  
  6715.    }
  6716.  
  6717.    .sm\:inset-auto {
  6718.  
  6719.        top: auto;
  6720.  
  6721.        right: auto;
  6722.  
  6723.        bottom: auto;
  6724.  
  6725.        left: auto;
  6726.  
  6727.    }
  6728.  
  6729.    .sm\:col-span-2 {
  6730.  
  6731.        grid-column: span 2 / span 2;
  6732.  
  6733.    }
  6734.  
  6735.    .sm\:mx-16 {
  6736.  
  6737.        margin-left: 4rem;
  6738.  
  6739.        margin-right: 4rem;
  6740.  
  6741.    }
  6742.  
  6743.    .sm\:my-16 {
  6744.  
  6745.        margin-top: 4rem;
  6746.  
  6747.        margin-bottom: 4rem;
  6748.  
  6749.    }
  6750.  
  6751.    .sm\:my-8 {
  6752.  
  6753.        margin-top: 2rem;
  6754.  
  6755.        margin-bottom: 2rem;
  6756.  
  6757.    }
  6758.  
  6759.    .sm\:-mr-10 {
  6760.  
  6761.        margin-right: -2.5rem;
  6762.  
  6763.    }
  6764.  
  6765.    .sm\:ml-3 {
  6766.  
  6767.        margin-left: 0.75rem;
  6768.  
  6769.    }
  6770.  
  6771.    .sm\:ml-4 {
  6772.  
  6773.        margin-left: 1rem;
  6774.  
  6775.    }
  6776.  
  6777.    .sm\:ml-6 {
  6778.  
  6779.        margin-left: 1.5rem;
  6780.  
  6781.    }
  6782.  
  6783.    .sm\:mt-0 {
  6784.  
  6785.        margin-top: 0;
  6786.  
  6787.    }
  6788.  
  6789.    .sm\:mt-2 {
  6790.  
  6791.        margin-top: 0.5rem;
  6792.  
  6793.    }
  6794.  
  6795.    .sm\:mt-4 {
  6796.  
  6797.        margin-top: 1rem;
  6798.  
  6799.    }
  6800.  
  6801.    .sm\:mt-6 {
  6802.  
  6803.        margin-top: 1.5rem;
  6804.  
  6805.    }
  6806.  
  6807.    .sm\:block {
  6808.  
  6809.        display: block;
  6810.  
  6811.    }
  6812.  
  6813.    .sm\:flex {
  6814.  
  6815.        display: flex;
  6816.  
  6817.    }
  6818.  
  6819.    .sm\:grid {
  6820.  
  6821.        display: grid;
  6822.  
  6823.    }
  6824.  
  6825.    .sm\:hidden {
  6826.  
  6827.        display: none;
  6828.  
  6829.    }
  6830.  
  6831.    .sm\:h-\[14\.4rem\] {
  6832.  
  6833.        height: 14.4rem;
  6834.  
  6835.    }
  6836.  
  6837.    .sm\:max-h-\[11\.5rem\] {
  6838.  
  6839.        max-height: 11.5rem;
  6840.  
  6841.    }
  6842.  
  6843.    .sm\:w-auto {
  6844.  
  6845.        width: auto;
  6846.  
  6847.    }
  6848.  
  6849.    .sm\:w-full {
  6850.  
  6851.        width: 100%;
  6852.  
  6853.    }
  6854.  
  6855.    .sm\:max-w-lg {
  6856.  
  6857.        max-width: 32rem;
  6858.  
  6859.    }
  6860.  
  6861.    .sm\:scale-100 {
  6862.  
  6863.        --tw-scale-x: 1;
  6864.  
  6865.        --tw-scale-y: 1;
  6866.  
  6867.        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));
  6868.  
  6869.    }
  6870.  
  6871.    .sm\:grid-cols-2 {
  6872.  
  6873.        grid-template-columns: repeat(2, minmax(0, 1fr));
  6874.  
  6875.    }
  6876.  
  6877.    .sm\:grid-cols-3 {
  6878.  
  6879.        grid-template-columns: repeat(3, minmax(0, 1fr));
  6880.  
  6881.    }
  6882.  
  6883.    .sm\:grid-cols-4 {
  6884.  
  6885.        grid-template-columns: repeat(4, minmax(0, 1fr));
  6886.  
  6887.    }
  6888.  
  6889.    .sm\:flex-row-reverse {
  6890.  
  6891.        flex-direction: row-reverse;
  6892.  
  6893.    }
  6894.  
  6895.    .sm\:items-start {
  6896.  
  6897.        align-items: flex-start;
  6898.  
  6899.    }
  6900.  
  6901.    .sm\:items-end {
  6902.  
  6903.        align-items: flex-end;
  6904.  
  6905.    }
  6906.  
  6907.    .sm\:items-center {
  6908.  
  6909.        align-items: center;
  6910.  
  6911.    }
  6912.  
  6913.    .sm\:justify-start {
  6914.  
  6915.        justify-content: flex-start;
  6916.  
  6917.    }
  6918.  
  6919.    .sm\:justify-between {
  6920.  
  6921.        justify-content: space-between;
  6922.  
  6923.    }
  6924.  
  6925.    .sm\:gap-3 {
  6926.  
  6927.        gap: 0.75rem;
  6928.  
  6929.    }
  6930.  
  6931.    .sm\:gap-4 {
  6932.  
  6933.        gap: 1rem;
  6934.  
  6935.    }
  6936.  
  6937.    .sm\:gap-x-0 {
  6938.  
  6939.        -moz-column-gap: 0;
  6940.  
  6941.        column-gap: 0;
  6942.  
  6943.    }
  6944.  
  6945.    .sm\:rounded-lg {
  6946.  
  6947.        border-radius: 0.5rem;
  6948.  
  6949.    }
  6950.  
  6951.    .sm\:rounded-md {
  6952.  
  6953.        border-radius: 0.375rem;
  6954.  
  6955.    }
  6956.  
  6957.    .sm\:p-0 {
  6958.  
  6959.        padding: 0;
  6960.  
  6961.    }
  6962.  
  6963.    .sm\:p-6 {
  6964.  
  6965.        padding: 1.5rem;
  6966.  
  6967.    }
  6968.  
  6969.    .sm\:px-16 {
  6970.  
  6971.        padding-left: 4rem;
  6972.  
  6973.        padding-right: 4rem;
  6974.  
  6975.    }
  6976.  
  6977.    .sm\:px-6 {
  6978.  
  6979.        padding-left: 1.5rem;
  6980.  
  6981.        padding-right: 1.5rem;
  6982.  
  6983.    }
  6984.  
  6985.    .sm\:py-12 {
  6986.  
  6987.        padding-top: 3rem;
  6988.  
  6989.        padding-bottom: 3rem;
  6990.  
  6991.    }
  6992.  
  6993.    .sm\:py-16 {
  6994.  
  6995.        padding-top: 4rem;
  6996.  
  6997.        padding-bottom: 4rem;
  6998.  
  6999.    }
  7000.  
  7001.    .sm\:py-2 {
  7002.  
  7003.        padding-top: 0.5rem;
  7004.  
  7005.        padding-bottom: 0.5rem;
  7006.  
  7007.    }
  7008.  
  7009.    .sm\:py-24 {
  7010.  
  7011.        padding-top: 6rem;
  7012.  
  7013.        padding-bottom: 6rem;
  7014.  
  7015.    }
  7016.  
  7017.    .sm\:py-32 {
  7018.  
  7019.        padding-top: 8rem;
  7020.  
  7021.        padding-bottom: 8rem;
  7022.  
  7023.    }
  7024.  
  7025.    .sm\:py-4 {
  7026.  
  7027.        padding-top: 1rem;
  7028.  
  7029.        padding-bottom: 1rem;
  7030.  
  7031.    }
  7032.  
  7033.    .sm\:pb-\[0\.5rem\] {
  7034.  
  7035.        padding-bottom: 0.5rem;
  7036.  
  7037.    }
  7038.  
  7039.    .sm\:pl-4 {
  7040.  
  7041.        padding-left: 1rem;
  7042.  
  7043.    }
  7044.  
  7045.    .sm\:pr-0 {
  7046.  
  7047.        padding-right: 0;
  7048.  
  7049.    }
  7050.  
  7051.    .sm\:text-left {
  7052.  
  7053.        text-align: left;
  7054.  
  7055.    }
  7056.  
  7057.    .sm\:text-2xl {
  7058.  
  7059.        font-size: 1.5rem;
  7060.  
  7061.        line-height: 2rem;
  7062.  
  7063.    }
  7064.  
  7065.    .sm\:text-sm {
  7066.  
  7067.        font-size: 0.875rem;
  7068.  
  7069.        line-height: 1.25rem;
  7070.  
  7071.    }
  7072.  
  7073.    .sm\:text-xl {
  7074.  
  7075.        font-size: 1.25rem;
  7076.  
  7077.        line-height: 1.75rem;
  7078.  
  7079.    }
  7080.  
  7081. }
  7082.  
  7083. @media (min-width: 768px) {
  7084.  
  7085.    .md\:static {
  7086.  
  7087.        position: static;
  7088.  
  7089.    }
  7090.  
  7091.    .md\:inset-y-0 {
  7092.  
  7093.        top: 0;
  7094.  
  7095.        bottom: 0;
  7096.  
  7097.    }
  7098.  
  7099.    .md\:left-0 {
  7100.  
  7101.        left: 0;
  7102.  
  7103.    }
  7104.  
  7105.    .md\:col-span-11 {
  7106.  
  7107.        grid-column: span 11 / span 11;
  7108.  
  7109.    }
  7110.  
  7111.    .md\:col-span-6 {
  7112.  
  7113.        grid-column: span 6 / span 6;
  7114.  
  7115.    }
  7116.  
  7117.    .md\:col-span-7 {
  7118.  
  7119.        grid-column: span 7 / span 7;
  7120.  
  7121.    }
  7122.  
  7123.    .md\:my-12 {
  7124.  
  7125.        margin-top: 3rem;
  7126.  
  7127.        margin-bottom: 3rem;
  7128.  
  7129.    }
  7130.  
  7131.    .md\:-mt-2 {
  7132.  
  7133.        margin-top: -0.5rem;
  7134.  
  7135.    }
  7136.  
  7137.    .md\:mb-12 {
  7138.  
  7139.        margin-bottom: 3rem;
  7140.  
  7141.    }
  7142.  
  7143.    .md\:mb-2 {
  7144.  
  7145.        margin-bottom: 0.5rem;
  7146.  
  7147.    }
  7148.  
  7149.    .md\:mt-1 {
  7150.  
  7151.        margin-top: 0.25rem;
  7152.  
  7153.    }
  7154.  
  7155.    .md\:mt-10 {
  7156.  
  7157.        margin-top: 2.5rem;
  7158.  
  7159.    }
  7160.  
  7161.    .md\:mt-16 {
  7162.  
  7163.        margin-top: 4rem;
  7164.  
  7165.    }
  7166.  
  7167.    .md\:mt-3 {
  7168.  
  7169.        margin-top: 0.75rem;
  7170.  
  7171.    }
  7172.  
  7173.    .md\:mt-6 {
  7174.  
  7175.        margin-top: 1.5rem;
  7176.  
  7177.    }
  7178.  
  7179.    .md\:block {
  7180.  
  7181.        display: block;
  7182.  
  7183.    }
  7184.  
  7185.    .md\:flex {
  7186.  
  7187.        display: flex;
  7188.  
  7189.    }
  7190.  
  7191.    .md\:inline-flex {
  7192.  
  7193.        display: inline-flex;
  7194.  
  7195.    }
  7196.  
  7197.    .md\:hidden {
  7198.  
  7199.        display: none;
  7200.  
  7201.    }
  7202.  
  7203.    .md\:h-16 {
  7204.  
  7205.        height: 4rem;
  7206.  
  7207.    }
  7208.  
  7209.    .md\:h-32 {
  7210.  
  7211.        height: 8rem;
  7212.  
  7213.    }
  7214.  
  7215.    .md\:h-\[110px\] {
  7216.  
  7217.        height: 110px;
  7218.  
  7219.    }
  7220.  
  7221.    .md\:h-\[480px\] {
  7222.  
  7223.        height: 480px;
  7224.  
  7225.    }
  7226.  
  7227.    .md\:max-h-\[11\.5rem\] {
  7228.  
  7229.        max-height: 11.5rem;
  7230.  
  7231.    }
  7232.  
  7233.    .md\:w-1\/2 {
  7234.  
  7235.        width: 50%;
  7236.  
  7237.    }
  7238.  
  7239.    .md\:w-16 {
  7240.  
  7241.        width: 4rem;
  7242.  
  7243.    }
  7244.  
  7245.    .md\:w-28 {
  7246.  
  7247.        width: 7rem;
  7248.  
  7249.    }
  7250.  
  7251.    .md\:w-32 {
  7252.  
  7253.        width: 8rem;
  7254.  
  7255.    }
  7256.  
  7257.    .md\:w-56 {
  7258.  
  7259.        width: 14rem;
  7260.  
  7261.    }
  7262.  
  7263.    .md\:w-64 {
  7264.  
  7265.        width: 16rem;
  7266.  
  7267.    }
  7268.  
  7269.    .md\:w-72 {
  7270.  
  7271.        width: 18rem;
  7272.  
  7273.    }
  7274.  
  7275.    .md\:w-\[270px\] {
  7276.  
  7277.        width: 270px;
  7278.  
  7279.    }
  7280.  
  7281.    .md\:w-\[75\%\] {
  7282.  
  7283.        width: 75%;
  7284.  
  7285.    }
  7286.  
  7287.    .md\:max-w-\[18rem\] {
  7288.  
  7289.        max-width: 18rem;
  7290.  
  7291.    }
  7292.  
  7293.    .md\:max-w-\[3\.3rem\] {
  7294.  
  7295.        max-width: 3.3rem;
  7296.  
  7297.    }
  7298.  
  7299.    .md\:grid-cols-2 {
  7300.  
  7301.        grid-template-columns: repeat(2, minmax(0, 1fr));
  7302.  
  7303.    }
  7304.  
  7305.    .md\:grid-cols-3 {
  7306.  
  7307.        grid-template-columns: repeat(3, minmax(0, 1fr));
  7308.  
  7309.    }
  7310.  
  7311.    .md\:grid-cols-5 {
  7312.  
  7313.        grid-template-columns: repeat(5, minmax(0, 1fr));
  7314.  
  7315.    }
  7316.  
  7317.    .md\:flex-row {
  7318.  
  7319.        flex-direction: row;
  7320.  
  7321.    }
  7322.  
  7323.    .md\:flex-col {
  7324.  
  7325.        flex-direction: column;
  7326.  
  7327.    }
  7328.  
  7329.    .md\:items-start {
  7330.  
  7331.        align-items: flex-start;
  7332.  
  7333.    }
  7334.  
  7335.    .md\:items-center {
  7336.  
  7337.        align-items: center;
  7338.  
  7339.    }
  7340.  
  7341.    .md\:justify-center {
  7342.  
  7343.        justify-content: center;
  7344.  
  7345.    }
  7346.  
  7347.    .md\:justify-between {
  7348.  
  7349.        justify-content: space-between;
  7350.  
  7351.    }
  7352.  
  7353.    .md\:gap-0 {
  7354.  
  7355.        gap: 0;
  7356.  
  7357.    }
  7358.  
  7359.    .md\:gap-16 {
  7360.  
  7361.        gap: 4rem;
  7362.  
  7363.    }
  7364.  
  7365.    .md\:gap-2 {
  7366.  
  7367.        gap: 0.5rem;
  7368.  
  7369.    }
  7370.  
  7371.    .md\:gap-3 {
  7372.  
  7373.        gap: 0.75rem;
  7374.  
  7375.    }
  7376.  
  7377.    .md\:gap-8 {
  7378.  
  7379.        gap: 2rem;
  7380.  
  7381.    }
  7382.  
  7383.    .md\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
  7384.  
  7385.        --tw-space-x-reverse: 0;
  7386.  
  7387.        margin-right: calc(2.5rem * var(--tw-space-x-reverse));
  7388.  
  7389.        margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
  7390.  
  7391.    }
  7392.  
  7393.    .md\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
  7394.  
  7395.        --tw-space-x-reverse: 0;
  7396.  
  7397.        margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  7398.  
  7399.        margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  7400.  
  7401.    }
  7402.  
  7403.    .md\:rounded-none {
  7404.  
  7405.        border-radius: 0;
  7406.  
  7407.    }
  7408.  
  7409.    .md\:rounded-l-full {
  7410.  
  7411.        border-top-left-radius: 9999px;
  7412.  
  7413.        border-bottom-left-radius: 9999px;
  7414.  
  7415.    }
  7416.  
  7417.    .md\:border-b-0 {
  7418.  
  7419.        border-bottom-width: 0;
  7420.  
  7421.    }
  7422.  
  7423.    .md\:border-r {
  7424.  
  7425.        border-right-width: 1px;
  7426.  
  7427.    }
  7428.  
  7429.    .md\:px-12 {
  7430.  
  7431.        padding-left: 3rem;
  7432.  
  7433.        padding-right: 3rem;
  7434.  
  7435.    }
  7436.  
  7437.    .md\:px-14 {
  7438.  
  7439.        padding-left: 3.5rem;
  7440.  
  7441.        padding-right: 3.5rem;
  7442.  
  7443.    }
  7444.  
  7445.    .md\:px-4 {
  7446.  
  7447.        padding-left: 1rem;
  7448.  
  7449.        padding-right: 1rem;
  7450.  
  7451.    }
  7452.  
  7453.    .md\:px-6 {
  7454.  
  7455.        padding-left: 1.5rem;
  7456.  
  7457.        padding-right: 1.5rem;
  7458.  
  7459.    }
  7460.  
  7461.    .md\:px-8 {
  7462.  
  7463.        padding-left: 2rem;
  7464.  
  7465.        padding-right: 2rem;
  7466.  
  7467.    }
  7468.  
  7469.    .md\:py-5 {
  7470.  
  7471.        padding-top: 1.25rem;
  7472.  
  7473.        padding-bottom: 1.25rem;
  7474.  
  7475.    }
  7476.  
  7477.    .md\:py-8 {
  7478.  
  7479.        padding-top: 2rem;
  7480.  
  7481.        padding-bottom: 2rem;
  7482.  
  7483.    }
  7484.  
  7485.    .md\:pb-\[1rem\] {
  7486.  
  7487.        padding-bottom: 1rem;
  7488.  
  7489.    }
  7490.  
  7491.    .md\:pl-12 {
  7492.  
  7493.        padding-left: 3rem;
  7494.  
  7495.    }
  7496.  
  7497.    .md\:pt-16 {
  7498.  
  7499.        padding-top: 4rem;
  7500.  
  7501.    }
  7502.  
  7503.    .md\:pt-8 {
  7504.  
  7505.        padding-top: 2rem;
  7506.  
  7507.    }
  7508.  
  7509.    .md\:text-start {
  7510.  
  7511.        text-align: start;
  7512.  
  7513.    }
  7514.  
  7515.    .md\:text-2xl {
  7516.  
  7517.        font-size: 1.5rem;
  7518.  
  7519.        line-height: 2rem;
  7520.  
  7521.    }
  7522.  
  7523.    .md\:text-\[14px\] {
  7524.  
  7525.        font-size: 14px;
  7526.  
  7527.    }
  7528.  
  7529.    .md\:text-\[15px\] {
  7530.  
  7531.        font-size: 15px;
  7532.  
  7533.    }
  7534.  
  7535.    .md\:text-\[20px\] {
  7536.  
  7537.        font-size: 20px;
  7538.  
  7539.    }
  7540.  
  7541.    .md\:text-\[28px\] {
  7542.  
  7543.        font-size: 28px;
  7544.  
  7545.    }
  7546.  
  7547.    .md\:text-base {
  7548.  
  7549.        font-size: 1rem;
  7550.  
  7551.        line-height: 1.5rem;
  7552.  
  7553.    }
  7554.  
  7555.    .md\:text-xl {
  7556.  
  7557.        font-size: 1.25rem;
  7558.  
  7559.        line-height: 1.75rem;
  7560.  
  7561.    }
  7562.  
  7563. }
  7564.  
  7565. @media (min-width: 1024px) {
  7566.  
  7567.    .lg\:static {
  7568.  
  7569.        position: static;
  7570.  
  7571.    }
  7572.  
  7573.    .lg\:col-span-12 {
  7574.  
  7575.        grid-column: span 12 / span 12;
  7576.  
  7577.    }
  7578.  
  7579.    .lg\:col-span-3 {
  7580.  
  7581.        grid-column: span 3 / span 3;
  7582.  
  7583.    }
  7584.  
  7585.    .lg\:col-span-4 {
  7586.  
  7587.        grid-column: span 4 / span 4;
  7588.  
  7589.    }
  7590.  
  7591.    .lg\:col-span-6 {
  7592.  
  7593.        grid-column: span 6 / span 6;
  7594.  
  7595.    }
  7596.  
  7597.    .lg\:col-span-7 {
  7598.  
  7599.        grid-column: span 7 / span 7;
  7600.  
  7601.    }
  7602.  
  7603.    .lg\:col-span-8 {
  7604.  
  7605.        grid-column: span 8 / span 8;
  7606.  
  7607.    }
  7608.  
  7609.    .lg\:col-span-9 {
  7610.  
  7611.        grid-column: span 9 / span 9;
  7612.  
  7613.    }
  7614.  
  7615.    .lg\:mb-12 {
  7616.  
  7617.        margin-bottom: 3rem;
  7618.  
  7619.    }
  7620.  
  7621.    .lg\:mt-0 {
  7622.  
  7623.        margin-top: 0;
  7624.  
  7625.    }
  7626.  
  7627.    .lg\:mt-16 {
  7628.  
  7629.        margin-top: 4rem;
  7630.  
  7631.    }
  7632.  
  7633.    .lg\:mt-4 {
  7634.  
  7635.        margin-top: 1rem;
  7636.  
  7637.    }
  7638.  
  7639.    .lg\:block {
  7640.  
  7641.        display: block;
  7642.  
  7643.    }
  7644.  
  7645.    .lg\:flex {
  7646.  
  7647.        display: flex;
  7648.  
  7649.    }
  7650.  
  7651.    .lg\:grid {
  7652.  
  7653.        display: grid;
  7654.  
  7655.    }
  7656.  
  7657.    .lg\:hidden {
  7658.  
  7659.        display: none;
  7660.  
  7661.    }
  7662.  
  7663.    .lg\:h-10 {
  7664.  
  7665.        height: 2.5rem;
  7666.  
  7667.    }
  7668.  
  7669.    .lg\:h-14 {
  7670.  
  7671.        height: 3.5rem;
  7672.  
  7673.    }
  7674.  
  7675.    .lg\:h-60 {
  7676.  
  7677.        height: 15rem;
  7678.  
  7679.    }
  7680.  
  7681.    .lg\:h-\[14\.4rem\] {
  7682.  
  7683.        height: 14.4rem;
  7684.  
  7685.    }
  7686.  
  7687.    .lg\:h-\[170px\] {
  7688.  
  7689.        height: 170px;
  7690.  
  7691.    }
  7692.  
  7693.    .lg\:h-\[22\.5rem\] {
  7694.  
  7695.        height: 22.5rem;
  7696.  
  7697.    }
  7698.  
  7699.    .lg\:h-\[500px\] {
  7700.  
  7701.        height: 500px;
  7702.  
  7703.    }
  7704.  
  7705.    .lg\:max-h-\[14rem\] {
  7706.  
  7707.        max-height: 14rem;
  7708.  
  7709.    }
  7710.  
  7711.    .lg\:w-14 {
  7712.  
  7713.        width: 3.5rem;
  7714.  
  7715.    }
  7716.  
  7717.    .lg\:w-64 {
  7718.  
  7719.        width: 16rem;
  7720.  
  7721.    }
  7722.  
  7723.    .lg\:w-72 {
  7724.  
  7725.        width: 18rem;
  7726.  
  7727.    }
  7728.  
  7729.    .lg\:w-80 {
  7730.  
  7731.        width: 20rem;
  7732.  
  7733.    }
  7734.  
  7735.    .lg\:w-\[100\%\] {
  7736.  
  7737.        width: 100%;
  7738.  
  7739.    }
  7740.  
  7741.    .lg\:w-\[170px\] {
  7742.  
  7743.        width: 170px;
  7744.  
  7745.    }
  7746.  
  7747.    .lg\:w-\[300px\] {
  7748.  
  7749.        width: 300px;
  7750.  
  7751.    }
  7752.  
  7753.    .lg\:w-\[35\%\] {
  7754.  
  7755.        width: 35%;
  7756.  
  7757.    }
  7758.  
  7759.    .lg\:min-w-0 {
  7760.  
  7761.        min-width: 0;
  7762.  
  7763.    }
  7764.  
  7765.    .lg\:max-w-6xl {
  7766.  
  7767.        max-width: 72rem;
  7768.  
  7769.    }
  7770.  
  7771.    .lg\:max-w-\[20rem\] {
  7772.  
  7773.        max-width: 20rem;
  7774.  
  7775.    }
  7776.  
  7777.    .lg\:max-w-\[3\.5rem\] {
  7778.  
  7779.        max-width: 3.5rem;
  7780.  
  7781.    }
  7782.  
  7783.    .lg\:flex-1 {
  7784.  
  7785.        flex: 1 1 0%;
  7786.  
  7787.    }
  7788.  
  7789.    .lg\:grid-cols-2 {
  7790.  
  7791.        grid-template-columns: repeat(2, minmax(0, 1fr));
  7792.  
  7793.    }
  7794.  
  7795.    .lg\:grid-cols-3 {
  7796.  
  7797.        grid-template-columns: repeat(3, minmax(0, 1fr));
  7798.  
  7799.    }
  7800.  
  7801.    .lg\:grid-cols-4 {
  7802.  
  7803.        grid-template-columns: repeat(4, minmax(0, 1fr));
  7804.  
  7805.    }
  7806.  
  7807.    .lg\:grid-cols-6 {
  7808.  
  7809.        grid-template-columns: repeat(6, minmax(0, 1fr));
  7810.  
  7811.    }
  7812.  
  7813.    .lg\:flex-row {
  7814.  
  7815.        flex-direction: row;
  7816.  
  7817.    }
  7818.  
  7819.    .lg\:flex-col {
  7820.  
  7821.        flex-direction: column;
  7822.  
  7823.    }
  7824.  
  7825.    .lg\:content-between {
  7826.  
  7827.        align-content: space-between;
  7828.  
  7829.    }
  7830.  
  7831.    .lg\:items-start {
  7832.  
  7833.        align-items: flex-start;
  7834.  
  7835.    }
  7836.  
  7837.    .lg\:items-center {
  7838.  
  7839.        align-items: center;
  7840.  
  7841.    }
  7842.  
  7843.    .lg\:justify-between {
  7844.  
  7845.        justify-content: space-between;
  7846.  
  7847.    }
  7848.  
  7849.    .lg\:gap-0 {
  7850.  
  7851.        gap: 0;
  7852.  
  7853.    }
  7854.  
  7855.    .lg\:gap-10 {
  7856.  
  7857.        gap: 2.5rem;
  7858.  
  7859.    }
  7860.  
  7861.    .lg\:gap-2 {
  7862.  
  7863.        gap: 0.5rem;
  7864.  
  7865.    }
  7866.  
  7867.    .lg\:gap-20 {
  7868.  
  7869.        gap: 5rem;
  7870.  
  7871.    }
  7872.  
  7873.    .lg\:gap-4 {
  7874.  
  7875.        gap: 1rem;
  7876.  
  7877.    }
  7878.  
  7879.    .lg\:gap-6 {
  7880.  
  7881.        gap: 1.5rem;
  7882.  
  7883.    }
  7884.  
  7885.    .lg\:gap-x-16 {
  7886.  
  7887.        -moz-column-gap: 4rem;
  7888.  
  7889.        column-gap: 4rem;
  7890.  
  7891.    }
  7892.  
  7893.    .lg\:gap-x-4 {
  7894.  
  7895.        -moz-column-gap: 1rem;
  7896.  
  7897.        column-gap: 1rem;
  7898.  
  7899.    }
  7900.  
  7901.    .lg\:gap-x-\[58px\] {
  7902.  
  7903.        -moz-column-gap: 58px;
  7904.  
  7905.        column-gap: 58px;
  7906.  
  7907.    }
  7908.  
  7909.    .lg\:overflow-y-visible {
  7910.  
  7911.        overflow-y: visible;
  7912.  
  7913.    }
  7914.  
  7915.    .lg\:rounded-2xl {
  7916.  
  7917.        border-radius: 1rem;
  7918.  
  7919.    }
  7920.  
  7921.    .lg\:border-b-0 {
  7922.  
  7923.        border-bottom-width: 0;
  7924.  
  7925.    }
  7926.  
  7927.    .lg\:border-r {
  7928.  
  7929.        border-right-width: 1px;
  7930.  
  7931.    }
  7932.  
  7933.    .lg\:p-0 {
  7934.  
  7935.        padding: 0;
  7936.  
  7937.    }
  7938.  
  7939.    .lg\:px-0 {
  7940.  
  7941.        padding-left: 0;
  7942.  
  7943.        padding-right: 0;
  7944.  
  7945.    }
  7946.  
  7947.    .lg\:px-10 {
  7948.  
  7949.        padding-left: 2.5rem;
  7950.  
  7951.        padding-right: 2.5rem;
  7952.  
  7953.    }
  7954.  
  7955.    .lg\:px-11 {
  7956.  
  7957.        padding-left: 2.75rem;
  7958.  
  7959.        padding-right: 2.75rem;
  7960.  
  7961.    }
  7962.  
  7963.    .lg\:px-12 {
  7964.  
  7965.        padding-left: 3rem;
  7966.  
  7967.        padding-right: 3rem;
  7968.  
  7969.    }
  7970.  
  7971.    .lg\:px-14 {
  7972.  
  7973.        padding-left: 3.5rem;
  7974.  
  7975.        padding-right: 3.5rem;
  7976.  
  7977.    }
  7978.  
  7979.    .lg\:px-16 {
  7980.  
  7981.        padding-left: 4rem;
  7982.  
  7983.        padding-right: 4rem;
  7984.  
  7985.    }
  7986.  
  7987.    .lg\:px-20 {
  7988.  
  7989.        padding-left: 5rem;
  7990.  
  7991.        padding-right: 5rem;
  7992.  
  7993.    }
  7994.  
  7995.    .lg\:px-7 {
  7996.  
  7997.        padding-left: 1.75rem;
  7998.  
  7999.        padding-right: 1.75rem;
  8000.  
  8001.    }
  8002.  
  8003.    .lg\:px-8 {
  8004.  
  8005.        padding-left: 2rem;
  8006.  
  8007.        padding-right: 2rem;
  8008.  
  8009.    }
  8010.  
  8011.    .lg\:px-\[3\.2rem\] {
  8012.  
  8013.        padding-left: 3.2rem;
  8014.  
  8015.        padding-right: 3.2rem;
  8016.  
  8017.    }
  8018.  
  8019.    .lg\:py-24 {
  8020.  
  8021.        padding-top: 6rem;
  8022.  
  8023.        padding-bottom: 6rem;
  8024.  
  8025.    }
  8026.  
  8027.    .lg\:py-4 {
  8028.  
  8029.        padding-top: 1rem;
  8030.  
  8031.        padding-bottom: 1rem;
  8032.  
  8033.    }
  8034.  
  8035.    .lg\:py-8 {
  8036.  
  8037.        padding-top: 2rem;
  8038.  
  8039.        padding-bottom: 2rem;
  8040.  
  8041.    }
  8042.  
  8043.    .lg\:pb-\[3\.5rem\] {
  8044.  
  8045.        padding-bottom: 3.5rem;
  8046.  
  8047.    }
  8048.  
  8049.    .lg\:pr-2 {
  8050.  
  8051.        padding-right: 0.5rem;
  8052.  
  8053.    }
  8054.  
  8055.    .lg\:pt-10 {
  8056.  
  8057.        padding-top: 2.5rem;
  8058.  
  8059.    }
  8060.  
  8061.    .lg\:pt-14 {
  8062.  
  8063.        padding-top: 3.5rem;
  8064.  
  8065.    }
  8066.  
  8067.    .lg\:pt-24 {
  8068.  
  8069.        padding-top: 6rem;
  8070.  
  8071.    }
  8072.  
  8073.    .lg\:text-start {
  8074.  
  8075.        text-align: start;
  8076.  
  8077.    }
  8078.  
  8079.    .lg\:text-2xl {
  8080.  
  8081.        font-size: 1.5rem;
  8082.  
  8083.        line-height: 2rem;
  8084.  
  8085.    }
  8086.  
  8087.    .lg\:text-4xl {
  8088.  
  8089.        font-size: 2.25rem;
  8090.  
  8091.        line-height: 2.5rem;
  8092.  
  8093.    }
  8094.  
  8095.    .lg\:text-\[14px\] {
  8096.  
  8097.        font-size: 14px;
  8098.  
  8099.    }
  8100.  
  8101.    .lg\:text-\[15px\] {
  8102.  
  8103.        font-size: 15px;
  8104.  
  8105.    }
  8106.  
  8107.    .lg\:text-\[16px\] {
  8108.  
  8109.        font-size: 16px;
  8110.  
  8111.    }
  8112.  
  8113.    .lg\:text-\[20px\] {
  8114.  
  8115.        font-size: 20px;
  8116.  
  8117.    }
  8118.  
  8119.    .lg\:text-\[26px\] {
  8120.  
  8121.        font-size: 26px;
  8122.  
  8123.    }
  8124.  
  8125.    .lg\:text-\[30px\] {
  8126.  
  8127.        font-size: 30px;
  8128.  
  8129.    }
  8130.  
  8131.    .lg\:text-\[32px\] {
  8132.  
  8133.        font-size: 32px;
  8134.  
  8135.    }
  8136.  
  8137.    .lg\:text-lg {
  8138.  
  8139.        font-size: 1.125rem;
  8140.  
  8141.        line-height: 1.75rem;
  8142.  
  8143.    }
  8144.  
  8145. }
  8146.  
  8147. @media (min-width: 1280px) {
  8148.  
  8149.    .xl\:col-span-1 {
  8150.  
  8151.        grid-column: span 1 / span 1;
  8152.  
  8153.    }
  8154.  
  8155.    .xl\:col-span-2 {
  8156.  
  8157.        grid-column: span 2 / span 2;
  8158.  
  8159.    }
  8160.  
  8161.    .xl\:col-span-4 {
  8162.  
  8163.        grid-column: span 4 / span 4;
  8164.  
  8165.    }
  8166.  
  8167.    .xl\:col-span-6 {
  8168.  
  8169.        grid-column: span 6 / span 6;
  8170.  
  8171.    }
  8172.  
  8173.    .xl\:col-span-8 {
  8174.  
  8175.        grid-column: span 8 / span 8;
  8176.  
  8177.    }
  8178.  
  8179.    .xl\:mt-0 {
  8180.  
  8181.        margin-top: 0;
  8182.  
  8183.    }
  8184.  
  8185.    .xl\:block {
  8186.  
  8187.        display: block;
  8188.  
  8189.    }
  8190.  
  8191.    .xl\:flex {
  8192.  
  8193.        display: flex;
  8194.  
  8195.    }
  8196.  
  8197.    .xl\:w-auto {
  8198.  
  8199.        width: auto;
  8200.  
  8201.    }
  8202.  
  8203.    .xl\:w-full {
  8204.  
  8205.        width: 100%;
  8206.  
  8207.    }
  8208.  
  8209.    .xl\:max-w-\[1280px\] {
  8210.  
  8211.        max-width: 1280px;
  8212.  
  8213.    }
  8214.  
  8215.    .xl\:grid-cols-6 {
  8216.  
  8217.        grid-template-columns: repeat(6, minmax(0, 1fr));
  8218.  
  8219.    }
  8220.  
  8221.    .xl\:gap-4 {
  8222.  
  8223.        gap: 1rem;
  8224.  
  8225.    }
  8226.  
  8227.    .xl\:px-7 {
  8228.  
  8229.        padding-left: 1.75rem;
  8230.  
  8231.        padding-right: 1.75rem;
  8232.  
  8233.    }
  8234.  
  8235.    .xl\:text-center {
  8236.  
  8237.        text-align: center;
  8238.  
  8239.    }
  8240.  
  8241.    .xl\:text-2xl {
  8242.  
  8243.        font-size: 1.5rem;
  8244.  
  8245.        line-height: 2rem;
  8246.  
  8247.    }
  8248.  
  8249.    .xl\:text-base {
  8250.  
  8251.        font-size: 1rem;
  8252.  
  8253.        line-height: 1.5rem;
  8254.  
  8255.    }
  8256.  
  8257. }
  8258.  
  8259. /*
  8260.  
  8261. ! tailwindcss v3.2.6 | MIT License | https://tailwindcss.com
  8262.  
  8263. */
  8264.  
  8265. *,:after,:before {
  8266.  
  8267.    box-sizing: border-box;
  8268.  
  8269.    border: 0 solid #e5e7eb
  8270.  
  8271. }
  8272.  
  8273.  
  8274.  
  8275. :after,:before {
  8276.  
  8277.    --tw-content: ""
  8278.  
  8279. }
  8280.  
  8281.  
  8282.  
  8283. html {
  8284.  
  8285.    line-height: 1.5;
  8286.  
  8287.    -webkit-text-size-adjust: 100%;
  8288.  
  8289.    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;
  8290.  
  8291.    font-feature-settings: normal
  8292.  
  8293. }
  8294.  
  8295.  
  8296.  
  8297. hr {
  8298.  
  8299.    height: 0;
  8300.  
  8301.    color: inherit;
  8302.  
  8303.    border-top-width: 1px
  8304.  
  8305. }
  8306.  
  8307.  
  8308.  
  8309. abbr:where([title]) {
  8310.  
  8311.    -webkit-text-decoration: underline dotted;
  8312.  
  8313.    text-decoration: underline dotted
  8314.  
  8315. }
  8316.  
  8317.  
  8318.  
  8319. h1,h2,h3,h4,h5,h6 {
  8320.  
  8321.    font-size: inherit;
  8322.  
  8323.    font-weight: inherit
  8324.  
  8325. }
  8326.  
  8327.  
  8328.  
  8329. a {
  8330.  
  8331.    color: inherit;
  8332.  
  8333.    text-decoration: inherit
  8334.  
  8335. }
  8336.  
  8337.  
  8338.  
  8339. b,strong {
  8340.  
  8341.    font-weight: bolder
  8342.  
  8343. }
  8344.  
  8345.  
  8346.  
  8347. code,kbd,pre,samp {
  8348.  
  8349.    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  8350.  
  8351.    font-size: 1em
  8352.  
  8353. }
  8354.  
  8355.  
  8356.  
  8357. small {
  8358.  
  8359.    font-size: 80%
  8360.  
  8361. }
  8362.  
  8363.  
  8364.  
  8365. sub,sup {
  8366.  
  8367.    font-size: 75%;
  8368.  
  8369.    line-height: 0;
  8370.  
  8371.    position: relative;
  8372.  
  8373.    vertical-align: baseline
  8374.  
  8375. }
  8376.  
  8377.  
  8378.  
  8379. sub {
  8380.  
  8381.    bottom: -.25em
  8382.  
  8383. }
  8384.  
  8385.  
  8386.  
  8387. sup {
  8388.  
  8389.    top: -.5em
  8390.  
  8391. }
  8392.  
  8393.  
  8394.  
  8395. table {
  8396.  
  8397.    text-indent: 0;
  8398.  
  8399.    border-color: inherit;
  8400.  
  8401.    border-collapse: collapse
  8402.  
  8403. }
  8404.  
  8405.  
  8406.  
  8407. button,input,optgroup,select,textarea {
  8408.  
  8409.    font-family: inherit;
  8410.  
  8411.    font-size: 100%;
  8412.  
  8413.    font-weight: inherit;
  8414.  
  8415.    line-height: inherit;
  8416.  
  8417.    color: inherit;
  8418.  
  8419.    margin: 0;
  8420.  
  8421.    padding: 0
  8422.  
  8423. }
  8424.  
  8425.  
  8426.  
  8427. button,select {
  8428.  
  8429.    text-transform: none
  8430.  
  8431. }
  8432.  
  8433.  
  8434.  
  8435. [type=button],[type=reset],[type=submit],button {
  8436.  
  8437.    -webkit-appearance: button;
  8438.  
  8439.    background-color: transparent;
  8440.  
  8441.    background-image: none
  8442.  
  8443. }
  8444.  
  8445.  
  8446.  
  8447. :-moz-focusring {
  8448.  
  8449.    outline: auto
  8450.  
  8451. }
  8452.  
  8453.  
  8454.  
  8455. :-moz-ui-invalid {
  8456.  
  8457.    box-shadow: none
  8458.  
  8459. }
  8460.  
  8461.  
  8462.  
  8463. progress {
  8464.  
  8465.    vertical-align: baseline
  8466.  
  8467. }
  8468.  
  8469.  
  8470.  
  8471. ::-webkit-inner-spin-button,::-webkit-outer-spin-button {
  8472.  
  8473.    height: auto
  8474.  
  8475. }
  8476.  
  8477.  
  8478.  
  8479. [type=search] {
  8480.  
  8481.    -webkit-appearance: textfield;
  8482.  
  8483.    outline-offset: -2px
  8484.  
  8485. }
  8486.  
  8487.  
  8488.  
  8489. ::-webkit-search-decoration {
  8490.  
  8491.    -webkit-appearance: none
  8492.  
  8493. }
  8494.  
  8495.  
  8496.  
  8497. ::-webkit-file-upload-button {
  8498.  
  8499.    -webkit-appearance: button;
  8500.  
  8501.    font: inherit
  8502.  
  8503. }
  8504.  
  8505.  
  8506.  
  8507. summary {
  8508.  
  8509.    display: list-item
  8510.  
  8511. }
  8512.  
  8513.  
  8514.  
  8515. blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
  8516.  
  8517.    margin: 0
  8518.  
  8519. }
  8520.  
  8521.  
  8522.  
  8523. fieldset {
  8524.  
  8525.    margin: 0
  8526.  
  8527. }
  8528.  
  8529.  
  8530.  
  8531. fieldset,legend {
  8532.  
  8533.    padding: 0
  8534.  
  8535. }
  8536.  
  8537.  
  8538.  
  8539. menu,ol,ul {
  8540.  
  8541.    list-style: none;
  8542.  
  8543.    margin: 0;
  8544.  
  8545.    padding: 0
  8546.  
  8547. }
  8548.  
  8549.  
  8550.  
  8551. textarea {
  8552.  
  8553.    resize: vertical
  8554.  
  8555. }
  8556.  
  8557.  
  8558.  
  8559. input::-moz-placeholder,textarea::-moz-placeholder {
  8560.  
  8561.    opacity: 1;
  8562.  
  8563.    color: #9ca3af
  8564.  
  8565. }
  8566.  
  8567.  
  8568.  
  8569. input::placeholder,textarea::placeholder {
  8570.  
  8571.    opacity: 1;
  8572.  
  8573.    color: #9ca3af
  8574.  
  8575. }
  8576.  
  8577.  
  8578.  
  8579. [role=button],button {
  8580.  
  8581.    cursor: pointer
  8582.  
  8583. }
  8584.  
  8585.  
  8586.  
  8587. :disabled {
  8588.  
  8589.    cursor: default
  8590.  
  8591. }
  8592.  
  8593.  
  8594. [hidden] {
  8595.  
  8596.    display: none
  8597.  
  8598. }
  8599.  
  8600.  
  8601.  
  8602. *,:after,:before {
  8603.  
  8604.    --tw-border-spacing-x: 0;
  8605.  
  8606.    --tw-border-spacing-y: 0;
  8607.  
  8608.    --tw-translate-x: 0;
  8609.  
  8610.    --tw-translate-y: 0;
  8611.  
  8612.    --tw-rotate: 0;
  8613.  
  8614.    --tw-skew-x: 0;
  8615.  
  8616.    --tw-skew-y: 0;
  8617.  
  8618.    --tw-scale-x: 1;
  8619.  
  8620.    --tw-scale-y: 1;
  8621.  
  8622.    --tw-pan-x: ;
  8623.  
  8624.    --tw-pan-y: ;
  8625.  
  8626.    --tw-pinch-zoom: ;
  8627.  
  8628.    --tw-scroll-snap-strictness: proximity;
  8629.  
  8630.    --tw-ordinal: ;
  8631.  
  8632.    --tw-slashed-zero: ;
  8633.  
  8634.    --tw-numeric-figure: ;
  8635.  
  8636.    --tw-numeric-spacing: ;
  8637.  
  8638.    --tw-numeric-fraction: ;
  8639.  
  8640.    --tw-ring-inset: ;
  8641.  
  8642.    --tw-ring-offset-width: 0px;
  8643.  
  8644.    --tw-ring-offset-color: #fff;
  8645.  
  8646.    --tw-ring-color: rgba(59,130,246,.5);
  8647.  
  8648.    --tw-ring-offset-shadow: 0 0 #0000;
  8649.  
  8650.    --tw-ring-shadow: 0 0 #0000;
  8651.  
  8652.    --tw-shadow: 0 0 #0000;
  8653.  
  8654.    --tw-shadow-colored: 0 0 #0000;
  8655.  
  8656.    --tw-blur: ;
  8657.  
  8658.    --tw-brightness: ;
  8659.  
  8660.    --tw-contrast: ;
  8661.  
  8662.    --tw-grayscale: ;
  8663.  
  8664.    --tw-hue-rotate: ;
  8665.  
  8666.    --tw-invert: ;
  8667.  
  8668.    --tw-saturate: ;
  8669.  
  8670.    --tw-sepia: ;
  8671.  
  8672.    --tw-drop-shadow: ;
  8673.  
  8674.    --tw-backdrop-blur: ;
  8675.  
  8676.    --tw-backdrop-brightness: ;
  8677.  
  8678.    --tw-backdrop-contrast: ;
  8679.  
  8680.    --tw-backdrop-grayscale: ;
  8681.  
  8682.    --tw-backdrop-hue-rotate: ;
  8683.  
  8684.    --tw-backdrop-invert: ;
  8685.  
  8686.    --tw-backdrop-opacity: ;
  8687.  
  8688.    --tw-backdrop-saturate: ;
  8689.  
  8690.    --tw-backdrop-sepia:
  8691.  
  8692. }
  8693.  
  8694.  
  8695.  
  8696. ::backdrop {
  8697.  
  8698.    --tw-border-spacing-x: 0;
  8699.  
  8700.    --tw-border-spacing-y: 0;
  8701.  
  8702.    --tw-translate-x: 0;
  8703.  
  8704.    --tw-translate-y: 0;
  8705.  
  8706.    --tw-rotate: 0;
  8707.  
  8708.    --tw-skew-x: 0;
  8709.  
  8710.    --tw-skew-y: 0;
  8711.  
  8712.    --tw-scale-x: 1;
  8713.  
  8714.    --tw-scale-y: 1;
  8715.  
  8716.    --tw-pan-x: ;
  8717.  
  8718.    --tw-pan-y: ;
  8719.  
  8720.    --tw-pinch-zoom: ;
  8721.  
  8722.    --tw-scroll-snap-strictness: proximity;
  8723.  
  8724.    --tw-ordinal: ;
  8725.  
  8726.    --tw-slashed-zero: ;
  8727.  
  8728.    --tw-numeric-figure: ;
  8729.  
  8730.    --tw-numeric-spacing: ;
  8731.  
  8732.    --tw-numeric-fraction: ;
  8733.  
  8734.    --tw-ring-inset: ;
  8735.  
  8736.    --tw-ring-offset-width: 0px;
  8737.  
  8738.    --tw-ring-offset-color: #fff;
  8739.  
  8740.    --tw-ring-color: rgba(59,130,246,.5);
  8741.  
  8742.    --tw-ring-offset-shadow: 0 0 #0000;
  8743.  
  8744.    --tw-ring-shadow: 0 0 #0000;
  8745.  
  8746.    --tw-shadow: 0 0 #0000;
  8747.  
  8748.    --tw-shadow-colored: 0 0 #0000;
  8749.  
  8750.    --tw-blur: ;
  8751.  
  8752.    --tw-brightness: ;
  8753.  
  8754.    --tw-contrast: ;
  8755.  
  8756.    --tw-grayscale: ;
  8757.  
  8758.    --tw-hue-rotate: ;
  8759.  
  8760.    --tw-invert: ;
  8761.  
  8762.    --tw-saturate: ;
  8763.  
  8764.    --tw-sepia: ;
  8765.  
  8766.    --tw-drop-shadow: ;
  8767.  
  8768.    --tw-backdrop-blur: ;
  8769.  
  8770.    --tw-backdrop-brightness: ;
  8771.  
  8772.    --tw-backdrop-contrast: ;
  8773.  
  8774.    --tw-backdrop-grayscale: ;
  8775.  
  8776.    --tw-backdrop-hue-rotate: ;
  8777.  
  8778.    --tw-backdrop-invert: ;
  8779.  
  8780.    --tw-backdrop-opacity: ;
  8781.  
  8782.    --tw-backdrop-saturate: ;
  8783.  
  8784.    --tw-backdrop-sepia:
  8785.  
  8786. }
  8787.  
  8788.  
  8789.  
  8790. .sr-only {
  8791.  
  8792.    position: absolute;
  8793.  
  8794.    width: 1px;
  8795.  
  8796.    height: 1px;
  8797.  
  8798.    padding: 0;
  8799.  
  8800.    margin: -1px;
  8801.  
  8802.    overflow: hidden;
  8803.  
  8804.    clip: rect(0,0,0,0);
  8805.  
  8806.    white-space: nowrap;
  8807.  
  8808.    border-width: 0
  8809.  
  8810. }
  8811.  
  8812.  
  8813.  
  8814. .pointer-events-none {
  8815.  
  8816.    pointer-events: none
  8817.  
  8818. }
  8819.  
  8820.  
  8821.  
  8822. .pointer-events-auto {
  8823.  
  8824.    pointer-events: auto
  8825.  
  8826. }
  8827.  
  8828.  
  8829.  
  8830. .fixed {
  8831.  
  8832.    position: fixed
  8833.  
  8834. }
  8835.  
  8836.  
  8837.  
  8838. .\!absolute {
  8839.  
  8840.    position: absolute!important
  8841.  
  8842. }
  8843.  
  8844.  
  8845.  
  8846. .absolute {
  8847.  
  8848.    position: absolute
  8849.  
  8850. }
  8851.  
  8852.  
  8853.  
  8854. .relative {
  8855.  
  8856.    position: relative
  8857.  
  8858. }
  8859.  
  8860.  
  8861.  
  8862. .sticky {
  8863.  
  8864.    position: sticky
  8865.  
  8866. }
  8867.  
  8868.  
  8869.  
  8870. .inset-0 {
  8871.  
  8872.    top: 0;
  8873.  
  8874.    bottom: 0
  8875.  
  8876. }
  8877.  
  8878.  
  8879.  
  8880. .inset-0,.inset-x-0 {
  8881.  
  8882.    right: 0;
  8883.  
  8884.    left: 0
  8885.  
  8886. }
  8887.  
  8888.  
  8889.  
  8890. .inset-y-0 {
  8891.  
  8892.    top: 0;
  8893.  
  8894.    bottom: 0
  8895.  
  8896. }
  8897.  
  8898.  
  8899.  
  8900. .-right-\[3px\] {
  8901.  
  8902.    right: -3px
  8903.  
  8904. }
  8905.  
  8906.  
  8907.  
  8908. .bottom-0 {
  8909.  
  8910.    bottom: 0
  8911.  
  8912. }
  8913.  
  8914.  
  8915.  
  8916. .left-0 {
  8917.  
  8918.    left: 0
  8919.  
  8920. }
  8921.  
  8922.  
  8923.  
  8924. .left-5 {
  8925.  
  8926.    left: 1.25rem
  8927.  
  8928. }
  8929.  
  8930.  
  8931.  
  8932. .left-6 {
  8933.  
  8934.    left: 1.5rem
  8935.  
  8936. }
  8937.  
  8938.  
  8939.  
  8940. .right-0 {
  8941.  
  8942.    right: 0
  8943.  
  8944. }
  8945.  
  8946.  
  8947.  
  8948. .right-6 {
  8949.  
  8950.    right: 1.5rem
  8951.  
  8952. }
  8953.  
  8954.  
  8955.  
  8956. .right-8 {
  8957.  
  8958.    right: 2rem
  8959.  
  8960. }
  8961.  
  8962.  
  8963.  
  8964. .top-0 {
  8965.  
  8966.    top: 0
  8967.  
  8968. }
  8969.  
  8970.  
  8971.  
  8972. .top-20 {
  8973.  
  8974.    top: 5rem
  8975.  
  8976. }
  8977.  
  8978.  
  8979.  
  8980. .top-4 {
  8981.  
  8982.    top: 1rem
  8983.  
  8984. }
  8985.  
  8986.  
  8987.  
  8988. .top-\[18px\] {
  8989.  
  8990.    top: 18px
  8991.  
  8992. }
  8993.  
  8994.  
  8995.  
  8996. .-z-10 {
  8997.  
  8998.    z-index: -10
  8999.  
  9000. }
  9001.  
  9002.  
  9003.  
  9004. .z-0 {
  9005.  
  9006.    z-index: 0
  9007.  
  9008. }
  9009.  
  9010.  
  9011.  
  9012. .z-10 {
  9013.  
  9014.    z-index: 10
  9015.  
  9016. }
  9017.  
  9018.  
  9019.  
  9020. .z-20 {
  9021.  
  9022.    z-index: 20
  9023.  
  9024. }
  9025.  
  9026.  
  9027.  
  9028. .z-30 {
  9029.  
  9030.    z-index: 30
  9031.  
  9032. }
  9033.  
  9034.  
  9035.  
  9036. .z-40 {
  9037.  
  9038.    z-index: 40
  9039.  
  9040. }
  9041.  
  9042.  
  9043.  
  9044. .z-50 {
  9045.  
  9046.    z-index: 50
  9047.  
  9048. }
  9049.  
  9050.  
  9051.  
  9052. .z-\[60\] {
  9053.  
  9054.    z-index: 60
  9055.  
  9056. }
  9057.  
  9058.  
  9059.  
  9060. .z-\[9\] {
  9061.  
  9062.    z-index: 9
  9063.  
  9064. }
  9065.  
  9066.  
  9067.  
  9068. .order-1 {
  9069.  
  9070.    order: 1
  9071.  
  9072. }
  9073.  
  9074.  
  9075.  
  9076. .order-2 {
  9077.  
  9078.    order: 2
  9079.  
  9080. }
  9081.  
  9082.  
  9083.  
  9084. .col-span-1 {
  9085.  
  9086.    grid-column: span 1/span 1
  9087.  
  9088. }
  9089.  
  9090.  
  9091.  
  9092. .col-span-12 {
  9093.  
  9094.    grid-column: span 12/span 12
  9095.  
  9096. }
  9097.  
  9098.  
  9099.  
  9100. .col-span-2 {
  9101.  
  9102.    grid-column: span 2/span 2
  9103.  
  9104. }
  9105.  
  9106.  
  9107.  
  9108. .col-span-5 {
  9109.  
  9110.    grid-column: span 5/span 5
  9111.  
  9112. }
  9113.  
  9114.  
  9115.  
  9116. .\!m-0 {
  9117.  
  9118.    margin: 0!important
  9119.  
  9120. }
  9121.  
  9122.  
  9123.  
  9124. .m-0 {
  9125.  
  9126.    margin: 0
  9127.  
  9128. }
  9129.  
  9130.  
  9131.  
  9132. .m-4 {
  9133.  
  9134.    margin: 1rem
  9135.  
  9136. }
  9137.  
  9138.  
  9139.  
  9140. .m-auto {
  9141.  
  9142.    margin: auto
  9143.  
  9144. }
  9145.  
  9146.  
  9147.  
  9148. .mx-2 {
  9149.  
  9150.    margin-left: .5rem;
  9151.  
  9152.    margin-right: .5rem
  9153.  
  9154. }
  9155.  
  9156.  
  9157.  
  9158. .mx-6 {
  9159.  
  9160.    margin-left: 1.5rem;
  9161.  
  9162.    margin-right: 1.5rem
  9163.  
  9164. }
  9165.  
  9166.  
  9167.  
  9168. .mx-auto {
  9169.  
  9170.    margin-left: auto;
  9171.  
  9172.    margin-right: auto
  9173.  
  9174. }
  9175.  
  9176.  
  9177.  
  9178. .my-2 {
  9179.  
  9180.    margin-top: .5rem;
  9181.  
  9182.    margin-bottom: .5rem
  9183.  
  9184. }
  9185.  
  9186.  
  9187.  
  9188. .my-20 {
  9189.  
  9190.    margin-top: 5rem;
  9191.  
  9192.    margin-bottom: 5rem
  9193.  
  9194. }
  9195.  
  9196.  
  9197.  
  9198. .my-3 {
  9199.  
  9200.    margin-top: .75rem;
  9201.  
  9202.    margin-bottom: .75rem
  9203.  
  9204. }
  9205.  
  9206.  
  9207.  
  9208. .my-4 {
  9209.  
  9210.    margin-top: 1rem;
  9211.  
  9212.    margin-bottom: 1rem
  9213.  
  9214. }
  9215.  
  9216.  
  9217.  
  9218. .my-6 {
  9219.  
  9220.    margin-top: 1.5rem;
  9221.  
  9222.    margin-bottom: 1.5rem
  9223.  
  9224. }
  9225.  
  9226.  
  9227.  
  9228. .my-7 {
  9229.  
  9230.    margin-top: 1.75rem;
  9231.  
  9232.    margin-bottom: 1.75rem
  9233.  
  9234. }
  9235.  
  9236.  
  9237.  
  9238. .my-8 {
  9239.  
  9240.    margin-top: 2rem;
  9241.  
  9242.    margin-bottom: 2rem
  9243.  
  9244. }
  9245.  
  9246.  
  9247.  
  9248. .my-auto {
  9249.  
  9250.    margin-top: auto;
  9251.  
  9252.    margin-bottom: auto
  9253.  
  9254. }
  9255.  
  9256.  
  9257.  
  9258. .-mb-px {
  9259.  
  9260.    margin-bottom: -1px
  9261.  
  9262. }
  9263.  
  9264.  
  9265.  
  9266. .-ml-1 {
  9267.  
  9268.    margin-left: -.25rem
  9269.  
  9270. }
  9271.  
  9272.  
  9273.  
  9274. .-ml-px {
  9275.  
  9276.    margin-left: -1px
  9277.  
  9278. }
  9279.  
  9280.  
  9281.  
  9282. .-mr-10 {
  9283.  
  9284.    margin-right: -2.5rem
  9285.  
  9286. }
  9287.  
  9288.  
  9289.  
  9290. .-mr-12 {
  9291.  
  9292.    margin-right: -3rem
  9293.  
  9294. }
  9295.  
  9296.  
  9297.  
  9298. .-mt-16 {
  9299.  
  9300.    margin-top: -4rem
  9301.  
  9302. }
  9303.  
  9304.  
  9305.  
  9306. .mb-1 {
  9307.  
  9308.    margin-bottom: .25rem
  9309.  
  9310. }
  9311.  
  9312.  
  9313.  
  9314. .mb-1\.5 {
  9315.  
  9316.    margin-bottom: .375rem
  9317.  
  9318. }
  9319.  
  9320.  
  9321.  
  9322. .mb-10 {
  9323.  
  9324.    margin-bottom: 2.5rem
  9325.  
  9326. }
  9327.  
  9328.  
  9329.  
  9330. .mb-2 {
  9331.  
  9332.    margin-bottom: .5rem
  9333.  
  9334. }
  9335.  
  9336.  
  9337.  
  9338. .mb-3 {
  9339.  
  9340.    margin-bottom: .75rem
  9341.  
  9342. }
  9343.  
  9344.  
  9345.  
  9346. .mb-4 {
  9347.  
  9348.    margin-bottom: 1rem
  9349.  
  9350. }
  9351.  
  9352.  
  9353.  
  9354. .mb-5 {
  9355.  
  9356.    margin-bottom: 1.25rem
  9357.  
  9358. }
  9359.  
  9360.  
  9361.  
  9362. .mb-6 {
  9363.  
  9364.    margin-bottom: 1.5rem
  9365.  
  9366. }
  9367.  
  9368.  
  9369.  
  9370. .mb-8 {
  9371.  
  9372.    margin-bottom: 2rem
  9373.  
  9374. }
  9375.  
  9376.  
  9377.  
  9378. .mb-\[20px\] {
  9379.  
  9380.    margin-bottom: 20px
  9381.  
  9382. }
  9383.  
  9384.  
  9385.  
  9386. .ml-12 {
  9387.  
  9388.    margin-left: 3rem
  9389.  
  9390. }
  9391.  
  9392.  
  9393.  
  9394. .ml-2 {
  9395.  
  9396.    margin-left: .5rem
  9397.  
  9398. }
  9399.  
  9400.  
  9401.  
  9402. .ml-3 {
  9403.  
  9404.    margin-left: .75rem
  9405.  
  9406. }
  9407.  
  9408.  
  9409.  
  9410. .ml-4 {
  9411.  
  9412.    margin-left: 1rem
  9413.  
  9414. }
  9415.  
  9416.  
  9417.  
  9418. .ml-5 {
  9419.  
  9420.    margin-left: 1.25rem
  9421.  
  9422. }
  9423.  
  9424.  
  9425.  
  9426. .mr-2 {
  9427.  
  9428.    margin-right: .5rem
  9429.  
  9430. }
  9431.  
  9432.  
  9433.  
  9434. .mr-3 {
  9435.  
  9436.    margin-right: .75rem
  9437.  
  9438. }
  9439.  
  9440.  
  9441.  
  9442. .mr-4 {
  9443.  
  9444.    margin-right: 1rem
  9445.  
  9446. }
  9447.  
  9448.  
  9449.  
  9450. .mr-5 {
  9451.  
  9452.    margin-right: 1.25rem
  9453.  
  9454. }
  9455.  
  9456.  
  9457.  
  9458. .mt-1 {
  9459.  
  9460.    margin-top: .25rem
  9461.  
  9462. }
  9463.  
  9464.  
  9465.  
  9466. .mt-10 {
  9467.  
  9468.    margin-top: 2.5rem
  9469.  
  9470. }
  9471.  
  9472.  
  9473.  
  9474. .mt-12 {
  9475.  
  9476.    margin-top: 3rem
  9477.  
  9478. }
  9479.  
  9480.  
  9481.  
  9482. .mt-2 {
  9483.  
  9484.    margin-top: .5rem
  9485.  
  9486. }
  9487.  
  9488.  
  9489.  
  9490. .mt-3 {
  9491.  
  9492.    margin-top: .75rem
  9493.  
  9494. }
  9495.  
  9496.  
  9497.  
  9498. .mt-4 {
  9499.  
  9500.    margin-top: 1rem
  9501.  
  9502. }
  9503.  
  9504.  
  9505.  
  9506. .mt-5 {
  9507.  
  9508.    margin-top: 1.25rem
  9509.  
  9510. }
  9511.  
  9512.  
  9513.  
  9514. .mt-6 {
  9515.  
  9516.    margin-top: 1.5rem
  9517.  
  9518. }
  9519.  
  9520.  
  9521.  
  9522. .mt-7 {
  9523.  
  9524.    margin-top: 1.75rem
  9525.  
  9526. }
  9527.  
  9528.  
  9529.  
  9530. .mt-8 {
  9531.  
  9532.    margin-top: 2rem
  9533.  
  9534. }
  9535.  
  9536.  
  9537.  
  9538. .mt-\[20px\] {
  9539.  
  9540.    margin-top: 20px
  9541.  
  9542. }
  9543.  
  9544.  
  9545.  
  9546. .mt-\[30px\] {
  9547.  
  9548.    margin-top: 30px
  9549.  
  9550. }
  9551.  
  9552.  
  9553.  
  9554. .block {
  9555.  
  9556.    display: block
  9557.  
  9558. }
  9559.  
  9560.  
  9561.  
  9562. .inline-block {
  9563.  
  9564.    display: inline-block
  9565.  
  9566. }
  9567.  
  9568.  
  9569.  
  9570. .inline {
  9571.  
  9572.    display: inline
  9573.  
  9574. }
  9575.  
  9576.  
  9577.  
  9578. .flex {
  9579.  
  9580.    display: flex
  9581.  
  9582. }
  9583.  
  9584.  
  9585.  
  9586. .inline-flex {
  9587.  
  9588.    display: inline-flex
  9589.  
  9590. }
  9591.  
  9592.  
  9593.  
  9594. .table {
  9595.  
  9596.    display: table
  9597.  
  9598. }
  9599.  
  9600.  
  9601.  
  9602. .flow-root {
  9603.  
  9604.    display: flow-root
  9605.  
  9606. }
  9607.  
  9608.  
  9609.  
  9610. .grid {
  9611.  
  9612.    display: grid
  9613.  
  9614. }
  9615.  
  9616.  
  9617.  
  9618. .contents {
  9619.  
  9620.    display: contents
  9621.  
  9622. }
  9623.  
  9624.  
  9625.  
  9626. .hidden {
  9627.  
  9628.    display: none
  9629.  
  9630. }
  9631.  
  9632.  
  9633.  
  9634. .hidden-2 {
  9635.  
  9636.    display: block;
  9637.  
  9638. }
  9639.  
  9640.  
  9641.  
  9642. .h-0 {
  9643.  
  9644.    height: 0
  9645.  
  9646. }
  9647.  
  9648.  
  9649.  
  9650. .h-10 {
  9651.  
  9652.    height: 2.5rem
  9653.  
  9654. }
  9655.  
  9656.  
  9657.  
  9658. .h-12 {
  9659.  
  9660.    height: 3rem
  9661.  
  9662. }
  9663.  
  9664.  
  9665.  
  9666. .h-14 {
  9667.  
  9668.    height: 3.5rem
  9669.  
  9670. }
  9671.  
  9672.  
  9673.  
  9674. .h-16 {
  9675.  
  9676.    height: 4rem
  9677.  
  9678. }
  9679.  
  9680.  
  9681.  
  9682. .h-24 {
  9683.  
  9684.    height: 6rem
  9685.  
  9686. }
  9687.  
  9688.  
  9689.  
  9690. .h-3 {
  9691.  
  9692.    height: .75rem
  9693.  
  9694. }
  9695.  
  9696.  
  9697.  
  9698. .h-32 {
  9699.  
  9700.    height: 8rem
  9701.  
  9702. }
  9703.  
  9704.  
  9705.  
  9706. .h-4 {
  9707.  
  9708.    height: 1rem
  9709.  
  9710. }
  9711.  
  9712.  
  9713.  
  9714. .h-40 {
  9715.  
  9716.    height: 10rem
  9717.  
  9718. }
  9719.  
  9720.  
  9721.  
  9722. .h-5 {
  9723.  
  9724.    height: 1.25rem
  9725.  
  9726. }
  9727.  
  9728.  
  9729.  
  9730. .h-56 {
  9731.  
  9732.    height: 12rem;
  9733.  
  9734. }
  9735.  
  9736.  
  9737.  
  9738. .h-6 {
  9739.  
  9740.    height: 1.5rem
  9741.  
  9742. }
  9743.  
  9744.  
  9745.  
  9746. .h-64 {
  9747.  
  9748.    height: 16rem
  9749.  
  9750. }
  9751.  
  9752.  
  9753.  
  9754. .h-8 {
  9755.  
  9756.    height: 2rem
  9757.  
  9758. }
  9759.  
  9760.  
  9761.  
  9762. .h-\[100vh\] {
  9763.  
  9764.    height: 100vh
  9765.  
  9766. }
  9767.  
  9768.  
  9769.  
  9770. .h-\[16px\] {
  9771.  
  9772.    height: 16px
  9773.  
  9774. }
  9775.  
  9776.  
  9777.  
  9778. .h-\[24px\] {
  9779.  
  9780.    height: 24px
  9781.  
  9782. }
  9783.  
  9784.  
  9785.  
  9786. .h-\[280px\] {
  9787.  
  9788.    height: 280px
  9789.  
  9790. }
  9791.  
  9792.  
  9793.  
  9794. .h-\[460px\] {
  9795.  
  9796.    height: 460px
  9797.  
  9798. }
  9799.  
  9800.  
  9801.  
  9802. .h-\[5\.7rem\] {
  9803.  
  9804.    height: 5.7rem
  9805.  
  9806. }
  9807.  
  9808.  
  9809.  
  9810. .h-\[9\.4rem\] {
  9811.  
  9812.    height: 9.4rem
  9813.  
  9814. }
  9815.  
  9816.  
  9817.  
  9818. .h-auto {
  9819.  
  9820.    height: auto
  9821.  
  9822. }
  9823.  
  9824.  
  9825.  
  9826. .h-full {
  9827.  
  9828.    height: 100%
  9829.  
  9830. }
  9831.  
  9832.  
  9833.  
  9834. .h-px {
  9835.  
  9836.    height: 1px
  9837.  
  9838. }
  9839.  
  9840.  
  9841.  
  9842. .max-h-0 {
  9843.  
  9844.    max-height: 0
  9845.  
  9846. }
  9847.  
  9848.  
  9849.  
  9850. .max-h-\[1000px\] {
  9851.  
  9852.    max-height: 1000px
  9853.  
  9854. }
  9855.  
  9856.  
  9857.  
  9858. .max-h-\[9rem\] {
  9859.  
  9860.    max-height: 9rem
  9861.  
  9862. }
  9863.  
  9864.  
  9865.  
  9866. .max-h-screen {
  9867.  
  9868.    max-height: 100vh
  9869.  
  9870. }
  9871.  
  9872.  
  9873.  
  9874. .min-h-\[50vh\] {
  9875.  
  9876.    min-height: 50vh
  9877.  
  9878. }
  9879.  
  9880.  
  9881.  
  9882. .min-h-\[60vh\] {
  9883.  
  9884.    min-height: 60vh
  9885.  
  9886. }
  9887.  
  9888.  
  9889.  
  9890. .min-h-\[65vh\] {
  9891.  
  9892.    min-height: 65vh
  9893.  
  9894. }
  9895.  
  9896.  
  9897.  
  9898. .min-h-\[70vh\] {
  9899.  
  9900.    min-height: 70vh
  9901.  
  9902. }
  9903.  
  9904.  
  9905.  
  9906. .min-h-full {
  9907.  
  9908.    min-height: 100%
  9909.  
  9910. }
  9911.  
  9912.  
  9913.  
  9914. .min-h-screen {
  9915.  
  9916.    min-height: 100vh
  9917.  
  9918. }
  9919.  
  9920.  
  9921.  
  9922. .\!w-full {
  9923.  
  9924.    width: 100%!important
  9925.  
  9926. }
  9927.  
  9928.  
  9929.  
  9930. .w-1\/2 {
  9931.  
  9932.    width: 50%
  9933.  
  9934. }
  9935.  
  9936.  
  9937.  
  9938. .w-10 {
  9939.  
  9940.    width: 2.5rem
  9941.  
  9942. }
  9943.  
  9944.  
  9945.  
  9946. .w-11 {
  9947.  
  9948.    width: 2.75rem
  9949.  
  9950. }
  9951.  
  9952.  
  9953.  
  9954. .w-12 {
  9955.  
  9956.    width: 3rem
  9957.  
  9958. }
  9959.  
  9960.  
  9961.  
  9962. .w-14 {
  9963.  
  9964.    width: 3.5rem
  9965.  
  9966. }
  9967.  
  9968.  
  9969.  
  9970. .w-24 {
  9971.  
  9972.    width: 6rem
  9973.  
  9974. }
  9975.  
  9976.  
  9977.  
  9978. .w-28 {
  9979.  
  9980.    width: 7rem
  9981.  
  9982. }
  9983.  
  9984.  
  9985.  
  9986. .w-3 {
  9987.  
  9988.    width: .75rem
  9989.  
  9990. }
  9991.  
  9992.  
  9993.  
  9994. .w-4 {
  9995.  
  9996.    width: 1rem
  9997.  
  9998. }
  9999.  
  10000.  
  10001.  
  10002. .w-5 {
  10003.  
  10004.    width: 1.25rem
  10005.  
  10006. }
  10007.  
  10008.  
  10009.  
  10010. .w-56 {
  10011.  
  10012.    width: 14rem
  10013.  
  10014. }
  10015.  
  10016.  
  10017.  
  10018. .w-6 {
  10019.  
  10020.    width: 1.5rem
  10021.  
  10022. }
  10023.  
  10024.  
  10025.  
  10026. .w-72 {
  10027.  
  10028.    width: 18rem
  10029.  
  10030. }
  10031.  
  10032.  
  10033.  
  10034. .w-8 {
  10035.  
  10036.    width: 2rem
  10037.  
  10038. }
  10039.  
  10040.  
  10041.  
  10042. .w-80 {
  10043.  
  10044.    width: 20rem
  10045.  
  10046. }
  10047.  
  10048.  
  10049.  
  10050. .w-\[16px\] {
  10051.  
  10052.    width: 16px
  10053.  
  10054. }
  10055.  
  10056.  
  10057.  
  10058. .w-\[24px\] {
  10059.  
  10060.    width: 24px
  10061.  
  10062. }
  10063.  
  10064.  
  10065.  
  10066. .w-\[280px\] {
  10067.  
  10068.    width: 280px
  10069.  
  10070. }
  10071.  
  10072.  
  10073.  
  10074. .w-\[80px\] {
  10075.  
  10076.    width: 80px
  10077.  
  10078. }
  10079.  
  10080.  
  10081.  
  10082. .w-auto {
  10083.  
  10084.    width: auto
  10085.  
  10086. }
  10087.  
  10088.  
  10089.  
  10090. .w-full {
  10091.  
  10092.    width: 100%
  10093.  
  10094. }
  10095.  
  10096.  
  10097.  
  10098. .w-screen {
  10099.  
  10100.    width: 100vw
  10101.  
  10102. }
  10103.  
  10104.  
  10105.  
  10106. .min-w-0 {
  10107.  
  10108.    min-width: 0
  10109.  
  10110. }
  10111.  
  10112.  
  10113.  
  10114. .max-w-7xl {
  10115.  
  10116.    max-width: 80rem
  10117.  
  10118. }
  10119.  
  10120.  
  10121.  
  10122. .max-w-\[15rem\] {
  10123.  
  10124.    max-width: 15rem
  10125.  
  10126. }
  10127.  
  10128.  
  10129.  
  10130. .max-w-\[2\.5rem\] {
  10131.  
  10132.    max-width: 2.5rem
  10133.  
  10134. }
  10135.  
  10136.  
  10137.  
  10138. .max-w-\[3\.5rem\] {
  10139.  
  10140.    max-width: 3.5rem
  10141.  
  10142. }
  10143.  
  10144.  
  10145.  
  10146. .max-w-full {
  10147.  
  10148.    max-width: 100%
  10149.  
  10150. }
  10151.  
  10152.  
  10153.  
  10154. .max-w-md {
  10155.  
  10156.    max-width: 28rem
  10157.  
  10158. }
  10159.  
  10160.  
  10161.  
  10162. .max-w-xl {
  10163.  
  10164.    max-width: 36rem
  10165.  
  10166. }
  10167.  
  10168.  
  10169.  
  10170. .max-w-xs {
  10171.  
  10172.    max-width: 20rem
  10173.  
  10174. }
  10175.  
  10176.  
  10177.  
  10178. .flex-1 {
  10179.  
  10180.    flex: 1 1 0%
  10181.  
  10182. }
  10183.  
  10184.  
  10185.  
  10186. .flex-shrink {
  10187.  
  10188.    flex-shrink: 1
  10189.  
  10190. }
  10191.  
  10192.  
  10193.  
  10194. .flex-shrink-0,.shrink-0 {
  10195.  
  10196.    flex-shrink: 0
  10197.  
  10198. }
  10199.  
  10200.  
  10201.  
  10202. .flex-grow,.grow {
  10203.  
  10204.    flex-grow: 1
  10205.  
  10206. }
  10207.  
  10208.  
  10209.  
  10210. .table-auto {
  10211.  
  10212.    table-layout: auto
  10213.  
  10214. }
  10215.  
  10216.  
  10217.  
  10218. .origin-\[0\] {
  10219.  
  10220.    transform-origin: 0
  10221.  
  10222. }
  10223.  
  10224.  
  10225.  
  10226. .origin-top-right {
  10227.  
  10228.    transform-origin: top right
  10229.  
  10230. }
  10231.  
  10232.  
  10233.  
  10234. .-translate-x-full {
  10235.  
  10236.    --tw-translate-x: -100%
  10237.  
  10238. }
  10239.  
  10240.  
  10241.  
  10242. .-translate-x-full,.-translate-y-1\/2 {
  10243.  
  10244.    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))
  10245.  
  10246. }
  10247.  
  10248.  
  10249.  
  10250. .-translate-y-1\/2 {
  10251.  
  10252.    --tw-translate-y: -50%
  10253.  
  10254. }
  10255.  
  10256.  
  10257.  
  10258. .-translate-y-3 {
  10259.  
  10260.    --tw-translate-y: -0.75rem
  10261.  
  10262. }
  10263.  
  10264.  
  10265.  
  10266. .-translate-y-3,.translate-x-0 {
  10267.  
  10268.    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))
  10269.  
  10270. }
  10271.  
  10272.  
  10273.  
  10274. .translate-x-0 {
  10275.  
  10276.    --tw-translate-x: 0px
  10277.  
  10278. }
  10279.  
  10280.  
  10281.  
  10282. .translate-y-0 {
  10283.  
  10284.    --tw-translate-y: 0px
  10285.  
  10286. }
  10287.  
  10288.  
  10289.  
  10290. .rotate-0,.translate-y-0 {
  10291.  
  10292.    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))
  10293.  
  10294. }
  10295.  
  10296.  
  10297.  
  10298. .rotate-0 {
  10299.  
  10300.    --tw-rotate: 0deg
  10301.  
  10302. }
  10303.  
  10304.  
  10305.  
  10306. .rotate-180 {
  10307.  
  10308.    --tw-rotate: 180deg
  10309.  
  10310. }
  10311.  
  10312.  
  10313.  
  10314. .rotate-180,.scale-100 {
  10315.  
  10316.    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))
  10317.  
  10318. }
  10319.  
  10320.  
  10321.  
  10322. .scale-100 {
  10323.  
  10324.    --tw-scale-x: 1;
  10325.  
  10326.    --tw-scale-y: 1
  10327.  
  10328. }
  10329.  
  10330.  
  10331.  
  10332. .scale-75 {
  10333.  
  10334.    --tw-scale-x: .75;
  10335.  
  10336.    --tw-scale-y: .75
  10337.  
  10338. }
  10339.  
  10340.  
  10341.  
  10342. .scale-75,.scale-95 {
  10343.  
  10344.    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))
  10345.  
  10346. }
  10347.  
  10348.  
  10349.  
  10350. .scale-95 {
  10351.  
  10352.    --tw-scale-x: .95;
  10353.  
  10354.    --tw-scale-y: .95
  10355.  
  10356. }
  10357.  
  10358.  
  10359.  
  10360. .transform {
  10361.  
  10362.    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))
  10363.  
  10364. }
  10365.  
  10366.  
  10367.  
  10368. @keyframes ping {
  10369.  
  10370.    75%,to {
  10371.  
  10372.        transform: scale(2);
  10373.  
  10374.        opacity: 0
  10375.  
  10376.    }
  10377.  
  10378. }
  10379.  
  10380.  
  10381.  
  10382. .animate-ping {
  10383.  
  10384.    animation: ping 1s cubic-bezier(0,0,.2,1) infinite
  10385.  
  10386. }
  10387.  
  10388.  
  10389.  
  10390. @keyframes pulse {
  10391.  
  10392.    50% {
  10393.  
  10394.        opacity: .5
  10395.  
  10396.    }
  10397.  
  10398. }
  10399.  
  10400.  
  10401.  
  10402. .animate-pulse {
  10403.  
  10404.    animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite
  10405.  
  10406. }
  10407.  
  10408.  
  10409.  
  10410. @keyframes spin {
  10411.  
  10412.    to {
  10413.  
  10414.        transform: rotate(1turn)
  10415.  
  10416.    }
  10417.  
  10418. }
  10419.  
  10420.  
  10421.  
  10422. .animate-spin {
  10423.  
  10424.    animation: spin 1s linear infinite
  10425.  
  10426. }
  10427.  
  10428.  
  10429.  
  10430. .cursor-not-allowed {
  10431.  
  10432.    cursor: not-allowed
  10433.  
  10434. }
  10435.  
  10436.  
  10437.  
  10438. .cursor-pointer {
  10439.  
  10440.    cursor: pointer
  10441.  
  10442. }
  10443.  
  10444.  
  10445.  
  10446. .appearance-none {
  10447.  
  10448.    -webkit-appearance: none;
  10449.  
  10450.    -moz-appearance: none;
  10451.  
  10452.    appearance: none
  10453.  
  10454. }
  10455.  
  10456.  
  10457.  
  10458. .grid-flow-col {
  10459.  
  10460.    grid-auto-flow: column
  10461.  
  10462. }
  10463.  
  10464.  
  10465.  
  10466. .grid-cols-1 {
  10467.  
  10468.    grid-template-columns: repeat(1,minmax(0,1fr))
  10469.  
  10470. }
  10471.  
  10472.  
  10473.  
  10474. .grid-cols-12 {
  10475.  
  10476.    grid-template-columns: repeat(12,minmax(0,1fr))
  10477.  
  10478. }
  10479.  
  10480.  
  10481.  
  10482. .grid-cols-2 {
  10483.  
  10484.    grid-template-columns: repeat(2,minmax(0,1fr))
  10485.  
  10486. }
  10487.  
  10488.  
  10489.  
  10490. .grid-cols-3 {
  10491.  
  10492.    grid-template-columns: repeat(3,minmax(0,1fr))
  10493.  
  10494. }
  10495.  
  10496.  
  10497.  
  10498. .grid-cols-6 {
  10499.  
  10500.    grid-template-columns: repeat(6,minmax(0,1fr))
  10501.  
  10502. }
  10503.  
  10504.  
  10505.  
  10506. .flex-row {
  10507.  
  10508.    flex-direction: row
  10509.  
  10510. }
  10511.  
  10512.  
  10513.  
  10514. .flex-row-reverse {
  10515.  
  10516.    flex-direction: row-reverse
  10517.  
  10518. }
  10519.  
  10520.  
  10521.  
  10522. .flex-col {
  10523.  
  10524.    flex-direction: column
  10525.  
  10526. }
  10527.  
  10528.  
  10529.  
  10530. .flex-col-reverse {
  10531.  
  10532.    flex-direction: column-reverse
  10533.  
  10534. }
  10535.  
  10536.  
  10537.  
  10538. .content-center {
  10539.  
  10540.    align-content: center
  10541.  
  10542. }
  10543.  
  10544.  
  10545.  
  10546. .content-start {
  10547.  
  10548.    align-content: flex-start
  10549.  
  10550. }
  10551.  
  10552.  
  10553.  
  10554. .content-end {
  10555.  
  10556.    align-content: flex-end
  10557.  
  10558. }
  10559.  
  10560.  
  10561.  
  10562. .items-start {
  10563.  
  10564.    align-items: flex-start
  10565.  
  10566. }
  10567.  
  10568.  
  10569.  
  10570. .items-end {
  10571.  
  10572.    align-items: flex-end
  10573.  
  10574. }
  10575.  
  10576.  
  10577.  
  10578. .items-center {
  10579.  
  10580.    align-items: center
  10581.  
  10582. }
  10583.  
  10584.  
  10585.  
  10586. .items-stretch {
  10587.  
  10588.    align-items: stretch
  10589.  
  10590. }
  10591.  
  10592.  
  10593.  
  10594. .justify-start {
  10595.  
  10596.    justify-content: flex-start
  10597.  
  10598. }
  10599.  
  10600.  
  10601.  
  10602. .justify-end {
  10603.  
  10604.    justify-content: flex-end
  10605.  
  10606. }
  10607.  
  10608.  
  10609.  
  10610. .justify-center {
  10611.  
  10612.    justify-content: center
  10613.  
  10614. }
  10615.  
  10616.  
  10617.  
  10618. .justify-between {
  10619.  
  10620.    justify-content: space-between
  10621.  
  10622. }
  10623.  
  10624.  
  10625.  
  10626. .justify-around {
  10627.  
  10628.    justify-content: space-around
  10629.  
  10630. }
  10631.  
  10632.  
  10633.  
  10634. .\!gap-0 {
  10635.  
  10636.    gap: 0!important
  10637.  
  10638. }
  10639.  
  10640.  
  10641.  
  10642. .gap-1 {
  10643.  
  10644.    gap: .25rem
  10645.  
  10646. }
  10647.  
  10648.  
  10649.  
  10650. .gap-1\.5 {
  10651.  
  10652.    gap: .375rem
  10653.  
  10654. }
  10655.  
  10656.  
  10657.  
  10658. .gap-12 {
  10659.  
  10660.    gap: 3rem
  10661.  
  10662. }
  10663.  
  10664.  
  10665.  
  10666. .gap-2 {
  10667.  
  10668.    gap: .5rem
  10669.  
  10670. }
  10671.  
  10672.  
  10673.  
  10674. .gap-3 {
  10675.  
  10676.    gap: .75rem
  10677.  
  10678. }
  10679.  
  10680.  
  10681.  
  10682. .gap-4 {
  10683.  
  10684.    gap: 1rem
  10685.  
  10686. }
  10687.  
  10688.  
  10689.  
  10690. .gap-5 {
  10691.  
  10692.    gap: 1.25rem
  10693.  
  10694. }
  10695.  
  10696.  
  10697.  
  10698. .gap-6 {
  10699.  
  10700.    gap: 1.5rem
  10701.  
  10702. }
  10703.  
  10704.  
  10705.  
  10706. .gap-8 {
  10707.  
  10708.    gap: 2rem
  10709.  
  10710. }
  10711.  
  10712.  
  10713.  
  10714. .gap-x-4 {
  10715.  
  10716.    -moz-column-gap: 1rem;
  10717.  
  10718.    column-gap: 1rem
  10719.  
  10720. }
  10721.  
  10722.  
  10723.  
  10724. .gap-y-10 {
  10725.  
  10726.    row-gap: 2.5rem
  10727.  
  10728. }
  10729.  
  10730.  
  10731.  
  10732. .gap-y-4 {
  10733.  
  10734.    row-gap: 1rem
  10735.  
  10736. }
  10737.  
  10738.  
  10739.  
  10740. .gap-y-8 {
  10741.  
  10742.    row-gap: 2rem
  10743.  
  10744. }
  10745.  
  10746.  
  10747.  
  10748. .-space-x-px>:not([hidden])~:not([hidden]) {
  10749.  
  10750.    --tw-space-x-reverse: 0;
  10751.  
  10752.    margin-right: calc(-1px * var(--tw-space-x-reverse));
  10753.  
  10754.    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)))
  10755.  
  10756. }
  10757.  
  10758.  
  10759.  
  10760. .space-x-2>:not([hidden])~:not([hidden]) {
  10761.  
  10762.    --tw-space-x-reverse: 0;
  10763.  
  10764.    margin-right: calc(.5rem * var(--tw-space-x-reverse));
  10765.  
  10766.    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
  10767.  
  10768. }
  10769.  
  10770.  
  10771.  
  10772. .space-x-6>:not([hidden])~:not([hidden]) {
  10773.  
  10774.    --tw-space-x-reverse: 0;
  10775.  
  10776.    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  10777.  
  10778.    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
  10779.  
  10780. }
  10781.  
  10782.  
  10783.  
  10784. .space-y-1>:not([hidden])~:not([hidden]) {
  10785.  
  10786.    --tw-space-y-reverse: 0;
  10787.  
  10788.    margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
  10789.  
  10790.    margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
  10791.  
  10792. }
  10793.  
  10794.  
  10795.  
  10796. .space-y-2>:not([hidden])~:not([hidden]) {
  10797.  
  10798.    --tw-space-y-reverse: 0;
  10799.  
  10800.    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  10801.  
  10802.    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
  10803.  
  10804. }
  10805.  
  10806.  
  10807.  
  10808. .space-y-3>:not([hidden])~:not([hidden]) {
  10809.  
  10810.    --tw-space-y-reverse: 0;
  10811.  
  10812.    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
  10813.  
  10814.    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
  10815.  
  10816. }
  10817.  
  10818.  
  10819.  
  10820. .space-y-4>:not([hidden])~:not([hidden]) {
  10821.  
  10822.    --tw-space-y-reverse: 0;
  10823.  
  10824.    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  10825.  
  10826.    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
  10827.  
  10828. }
  10829.  
  10830.  
  10831.  
  10832. .space-y-5>:not([hidden])~:not([hidden]) {
  10833.  
  10834.    --tw-space-y-reverse: 0;
  10835.  
  10836.    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  10837.  
  10838.    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
  10839.  
  10840. }
  10841.  
  10842.  
  10843.  
  10844. .divide-y>:not([hidden])~:not([hidden]) {
  10845.  
  10846.    --tw-divide-y-reverse: 0;
  10847.  
  10848.    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  10849.  
  10850.    border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
  10851.  
  10852. }
  10853.  
  10854.  
  10855.  
  10856. .divide-gray-100>:not([hidden])~:not([hidden]) {
  10857.  
  10858.    --tw-divide-opacity: 1;
  10859.  
  10860.    border-color: rgb(243 244 246/var(--tw-divide-opacity))
  10861.  
  10862. }
  10863.  
  10864.  
  10865.  
  10866. .overflow-hidden {
  10867.  
  10868.    overflow: hidden
  10869.  
  10870. }
  10871.  
  10872.  
  10873.  
  10874. .overflow-x-auto {
  10875.  
  10876.    overflow-x: auto
  10877.  
  10878. }
  10879.  
  10880.  
  10881.  
  10882. .overflow-y-auto {
  10883.  
  10884.    overflow-y: auto
  10885.  
  10886. }
  10887.  
  10888.  
  10889.  
  10890. .overflow-x-hidden {
  10891.  
  10892.    overflow-x: hidden
  10893.  
  10894. }
  10895.  
  10896.  
  10897.  
  10898. .overflow-x-scroll {
  10899.  
  10900.    overflow-x: scroll
  10901.  
  10902. }
  10903.  
  10904.  
  10905.  
  10906. .overflow-y-scroll {
  10907.  
  10908.    overflow-y: scroll
  10909.  
  10910. }
  10911.  
  10912.  
  10913.  
  10914. .truncate {
  10915.  
  10916.    overflow: hidden;
  10917.  
  10918.    white-space: nowrap
  10919.  
  10920. }
  10921.  
  10922.  
  10923.  
  10924. .text-ellipsis,.truncate {
  10925.  
  10926.    text-overflow: ellipsis
  10927.  
  10928. }
  10929.  
  10930.  
  10931.  
  10932. .whitespace-nowrap {
  10933.  
  10934.    white-space: nowrap
  10935.  
  10936. }
  10937.  
  10938.  
  10939.  
  10940. .whitespace-pre-line {
  10941.  
  10942.    white-space: pre-line
  10943.  
  10944. }
  10945.  
  10946.  
  10947.  
  10948. .break-words {
  10949.  
  10950.    overflow-wrap: break-word
  10951.  
  10952. }
  10953.  
  10954.  
  10955.  
  10956. .\!rounded-\[50px\] {
  10957.  
  10958.    border-radius: 50px!important
  10959.  
  10960. }
  10961.  
  10962.  
  10963.  
  10964. .\!rounded-full {
  10965.  
  10966.    border-radius: 9999px!important
  10967.  
  10968. }
  10969.  
  10970.  
  10971.  
  10972. .\!rounded-lg {
  10973.  
  10974.    border-radius: .5rem!important
  10975.  
  10976. }
  10977.  
  10978.  
  10979.  
  10980. .rounded {
  10981.  
  10982.    border-radius: .25rem
  10983.  
  10984. }
  10985.  
  10986.  
  10987.  
  10988. .rounded-2xl {
  10989.  
  10990.    border-radius: 1rem
  10991.  
  10992. }
  10993.  
  10994.  
  10995.  
  10996. .rounded-3xl {
  10997.  
  10998.    border-radius: 1.5rem
  10999.  
  11000. }
  11001.  
  11002.  
  11003.  
  11004. .rounded-\[15px\] {
  11005.  
  11006.    border-radius: 15px
  11007.  
  11008. }
  11009.  
  11010.  
  11011.  
  11012. .rounded-\[1rem\] {
  11013.  
  11014.    border-radius: 1rem
  11015.  
  11016. }
  11017.  
  11018.  
  11019.  
  11020. .rounded-\[8px\] {
  11021.  
  11022.    border-radius: 8px
  11023.  
  11024. }
  11025.  
  11026.  
  11027.  
  11028. .rounded-full {
  11029.  
  11030.    border-radius: 9999px
  11031.  
  11032. }
  11033.  
  11034.  
  11035.  
  11036. .rounded-lg {
  11037.  
  11038.    border-radius: .5rem
  11039.  
  11040. }
  11041.  
  11042.  
  11043.  
  11044. .rounded-md {
  11045.  
  11046.    border-radius: .375rem
  11047.  
  11048. }
  11049.  
  11050.  
  11051.  
  11052. .rounded-none {
  11053.  
  11054.    border-radius: 0
  11055.  
  11056. }
  11057.  
  11058.  
  11059.  
  11060. .rounded-xl {
  11061.  
  11062.    border-radius: .75rem
  11063.  
  11064. }
  11065.  
  11066.  
  11067.  
  11068. .rounded-b-lg {
  11069.  
  11070.    border-bottom-right-radius: .5rem;
  11071.  
  11072.    border-bottom-left-radius: .5rem
  11073.  
  11074. }
  11075.  
  11076.  
  11077.  
  11078. .rounded-l-full {
  11079.  
  11080.    border-top-left-radius: 9999px;
  11081.  
  11082.    border-bottom-left-radius: 9999px
  11083.  
  11084. }
  11085.  
  11086.  
  11087.  
  11088. .rounded-l-md {
  11089.  
  11090.    border-top-left-radius: .375rem;
  11091.  
  11092.    border-bottom-left-radius: .375rem
  11093.  
  11094. }
  11095.  
  11096.  
  11097.  
  11098. .rounded-r-full {
  11099.  
  11100.    border-top-right-radius: 9999px;
  11101.  
  11102.    border-bottom-right-radius: 9999px
  11103.  
  11104. }
  11105.  
  11106.  
  11107.  
  11108. .rounded-r-md {
  11109.  
  11110.    border-top-right-radius: .375rem;
  11111.  
  11112.    border-bottom-right-radius: .375rem
  11113.  
  11114. }
  11115.  
  11116.  
  11117.  
  11118. .rounded-t-\[20px\] {
  11119.  
  11120.    border-top-left-radius: 20px;
  11121.  
  11122.    border-top-right-radius: 20px
  11123.  
  11124. }
  11125.  
  11126.  
  11127.  
  11128. .rounded-t-lg {
  11129.  
  11130.    border-top-left-radius: .5rem;
  11131.  
  11132.    border-top-right-radius: .5rem
  11133.  
  11134. }
  11135.  
  11136.  
  11137.  
  11138. .rounded-bl-\[15px\] {
  11139.  
  11140.    border-bottom-left-radius: 15px
  11141.  
  11142. }
  11143.  
  11144.  
  11145.  
  11146. .rounded-bl-full {
  11147.  
  11148.    border-bottom-left-radius: 9999px
  11149.  
  11150. }
  11151.  
  11152.  
  11153.  
  11154. .rounded-br-\[15px\] {
  11155.  
  11156.    border-bottom-right-radius: 15px
  11157.  
  11158. }
  11159.  
  11160.  
  11161.  
  11162. .rounded-tr-\[3000px\] {
  11163.  
  11164.    border-top-right-radius: 3000px
  11165.  
  11166. }
  11167.  
  11168.  
  11169.  
  11170. .border {
  11171.  
  11172.    border-width: 1px
  11173.  
  11174. }
  11175.  
  11176.  
  11177.  
  11178. .border-0 {
  11179.  
  11180.    border-width: 0
  11181.  
  11182. }
  11183.  
  11184.  
  11185.  
  11186. .border-2 {
  11187.  
  11188.    border-width: 2px
  11189.  
  11190. }
  11191.  
  11192.  
  11193.  
  11194. .\!border-b {
  11195.  
  11196.    border-bottom-width: 1px!important
  11197.  
  11198. }
  11199.  
  11200.  
  11201.  
  11202. .border-b {
  11203.  
  11204.    border-bottom-width: 1px
  11205.  
  11206. }
  11207.  
  11208.  
  11209.  
  11210. .border-b-2 {
  11211.  
  11212.    border-bottom-width: 2px
  11213.  
  11214. }
  11215.  
  11216.  
  11217.  
  11218. .border-r {
  11219.  
  11220.    border-right-width: 1px
  11221.  
  11222. }
  11223.  
  11224.  
  11225.  
  11226. .border-t {
  11227.  
  11228.    border-top-width: 1px
  11229.  
  11230. }
  11231.  
  11232.  
  11233.  
  11234. .border-t-2 {
  11235.  
  11236.    border-top-width: 2px
  11237.  
  11238. }
  11239.  
  11240.  
  11241.  
  11242. .\!border-none {
  11243.  
  11244.    border-style: none!important
  11245.  
  11246. }
  11247.  
  11248.  
  11249.  
  11250. .border-none {
  11251.  
  11252.    border-style: none
  11253.  
  11254. }
  11255.  
  11256.  
  11257.  
  11258. .border-\[\#626274\] {
  11259.  
  11260.    --tw-border-opacity: 1;
  11261.  
  11262.    border-color: rgb(98 98 116/var(--tw-border-opacity))
  11263.  
  11264. }
  11265.  
  11266.  
  11267.  
  11268. .border-gray-300 {
  11269.  
  11270.    --tw-border-opacity: 1;
  11271.  
  11272.    border-color: rgb(209 213 219/var(--tw-border-opacity))
  11273.  
  11274. }
  11275.  
  11276.  
  11277.  
  11278. .border-gray-500 {
  11279.  
  11280.    --tw-border-opacity: 1;
  11281.  
  11282.    border-color: rgb(107 114 128/var(--tw-border-opacity))
  11283.  
  11284. }
  11285.  
  11286.  
  11287.  
  11288. .border-gray-600 {
  11289.  
  11290.    --tw-border-opacity: 1;
  11291.  
  11292.    border-color: rgb(75 85 99/var(--tw-border-opacity))
  11293.  
  11294. }
  11295.  
  11296.  
  11297.  
  11298. .border-gray-700 {
  11299.  
  11300.    --tw-border-opacity: 1;
  11301.  
  11302.    border-color: rgb(55 65 81/var(--tw-border-opacity))
  11303.  
  11304. }
  11305.  
  11306.  
  11307.  
  11308. .border-indigo-500 {
  11309.  
  11310.    --tw-border-opacity: 1;
  11311.  
  11312.    border-color: rgb(99 102 241/var(--tw-border-opacity))
  11313.  
  11314. }
  11315.  
  11316.  
  11317.  
  11318. .border-transparent {
  11319.  
  11320.    border-color: transparent
  11321.  
  11322. }
  11323.  
  11324.  
  11325.  
  11326. .border-white\/30 {
  11327.  
  11328.    border-color: hsla(0,0%,100%,.3)
  11329.  
  11330. }
  11331.  
  11332.  
  11333.  
  11334. .\!bg-gray-300 {
  11335.  
  11336.    --tw-bg-opacity: 1!important;
  11337.  
  11338.    background-color: rgb(209 213 219/var(--tw-bg-opacity))!important
  11339.  
  11340. }
  11341.  
  11342.  
  11343.  
  11344. .bg-\[\#22a328\] {
  11345.  
  11346.    --tw-bg-opacity: 1;
  11347.  
  11348.    background-color: rgb(34 163 40/var(--tw-bg-opacity))
  11349.  
  11350. }
  11351.  
  11352.  
  11353.  
  11354. .bg-\[\#2abe31\] {
  11355.  
  11356.    --tw-bg-opacity: 1;
  11357.  
  11358.    background-color: rgb(42 190 49/var(--tw-bg-opacity))
  11359.  
  11360. }
  11361.  
  11362.  
  11363.  
  11364. .bg-\[\#5067e4\] {
  11365.  
  11366.    --tw-bg-opacity: 1;
  11367.  
  11368.    background-color: rgb(80 103 228/var(--tw-bg-opacity))
  11369.  
  11370. }
  11371.  
  11372.  
  11373.  
  11374. .bg-\[\#e44a4a\] {
  11375.  
  11376.    --tw-bg-opacity: 1;
  11377.  
  11378.    background-color: rgb(228 74 74/var(--tw-bg-opacity))
  11379.  
  11380. }
  11381.  
  11382.  
  11383.  
  11384. .bg-\[\#e7fea2\] {
  11385.  
  11386.    --tw-bg-opacity: 1;
  11387.  
  11388.    background-color: rgb(231 254 162/var(--tw-bg-opacity))
  11389.  
  11390. }
  11391.  
  11392.  
  11393.  
  11394. .bg-\[\#ffc5c5\] {
  11395.  
  11396.    --tw-bg-opacity: 1;
  11397.  
  11398.    background-color: rgb(255 197 197/var(--tw-bg-opacity))
  11399.  
  11400. }
  11401.  
  11402.  
  11403.  
  11404. .bg-\[\#fff2c5\] {
  11405.  
  11406.    --tw-bg-opacity: 1;
  11407.  
  11408.    background-color: rgb(255 242 197/var(--tw-bg-opacity))
  11409.  
  11410. }
  11411.  
  11412.  
  11413.  
  11414. .bg-backgroundSecondary {
  11415.  
  11416.    --tw-bg-opacity: 1;
  11417.  
  11418.    background-color: rgb(50 50 62/var(--tw-bg-opacity))
  11419.  
  11420. }
  11421.  
  11422.  
  11423.  
  11424. .bg-black {
  11425.  
  11426.    --tw-bg-opacity: 1;
  11427.  
  11428.    background-color: rgb(0 0 0/var(--tw-bg-opacity))
  11429.  
  11430. }
  11431.  
  11432.  
  11433.  
  11434. .bg-blue-100 {
  11435.  
  11436.    --tw-bg-opacity: 1;
  11437.  
  11438.    background-color: rgb(219 234 254/var(--tw-bg-opacity))
  11439.  
  11440. }
  11441.  
  11442.  
  11443.  
  11444. .bg-btnPurple {
  11445.  
  11446.    --tw-bg-opacity: 1;
  11447.  
  11448.    background-color: rgb(112 127 235/var(--tw-bg-opacity))
  11449.  
  11450. }
  11451.  
  11452.  
  11453.  
  11454. .bg-btnPurple\/70 {
  11455.  
  11456.    background-color: rgba(112,127,235,.7)
  11457.  
  11458. }
  11459.  
  11460.  
  11461.  
  11462. .bg-gray-200 {
  11463.  
  11464.    --tw-bg-opacity: 1;
  11465.  
  11466.    background-color: rgb(229 231 235/var(--tw-bg-opacity))
  11467.  
  11468. }
  11469.  
  11470.  
  11471.  
  11472. .bg-gray-300 {
  11473.  
  11474.    --tw-bg-opacity: 1;
  11475.  
  11476.    background-color: rgb(209 213 219/var(--tw-bg-opacity))
  11477.  
  11478. }
  11479.  
  11480.  
  11481.  
  11482. .bg-gray-600\/75 {
  11483.  
  11484.    background-color: rgba(75,85,99,.75)
  11485.  
  11486. }
  11487.  
  11488.  
  11489.  
  11490. .bg-gray-700 {
  11491.  
  11492.    --tw-bg-opacity: 1;
  11493.  
  11494.    background-color: #0e1019
  11495.  
  11496. }
  11497.  
  11498.  
  11499.  
  11500. .bg-indigo-50 {
  11501.  
  11502.    --tw-bg-opacity: 1;
  11503.  
  11504.    background-color: rgb(238 242 255/var(--tw-bg-opacity))
  11505.  
  11506. }
  11507.  
  11508.  
  11509.  
  11510. .bg-orange-100 {
  11511.  
  11512.    --tw-bg-opacity: 1;
  11513.  
  11514.    background-color: rgb(255 237 213/var(--tw-bg-opacity))
  11515.  
  11516. }
  11517.  
  11518.  
  11519.  
  11520. .bg-orange-600 {
  11521.  
  11522.    --tw-bg-opacity: 1;
  11523.  
  11524.    background-color: rgb(234 88 12/var(--tw-bg-opacity))
  11525.  
  11526. }
  11527.  
  11528.  
  11529.  
  11530. .bg-transparent {
  11531.  
  11532.    background-color: transparent
  11533.  
  11534. }
  11535.  
  11536.  
  11537.  
  11538. .bg-white {
  11539.  
  11540.    --tw-bg-opacity: 1;
  11541.  
  11542.    background-color: rgb(255 255 255/var(--tw-bg-opacity))
  11543.  
  11544. }
  11545.  
  11546.  
  11547.  
  11548. .bg-white\/80 {
  11549.  
  11550.    background-color: hsla(0,0%,100%,.8)
  11551.  
  11552. }
  11553.  
  11554.  
  11555.  
  11556. .bg-opacity-0 {
  11557.  
  11558.    --tw-bg-opacity: 0
  11559.  
  11560. }
  11561.  
  11562.  
  11563.  
  11564. .bg-opacity-100 {
  11565.  
  11566.    --tw-bg-opacity: 1
  11567.  
  11568. }
  11569.  
  11570.  
  11571.  
  11572. .bg-opacity-40 {
  11573.  
  11574.    --tw-bg-opacity: 0.4
  11575.  
  11576. }
  11577.  
  11578.  
  11579.  
  11580. .bg-gradient-to-r {
  11581.  
  11582.    background-image: linear-gradient(to right,var(--tw-gradient-stops))
  11583.  
  11584. }
  11585.  
  11586.  
  11587.  
  11588. .bg-none {
  11589.  
  11590.    background-image: none
  11591.  
  11592. }
  11593.  
  11594.  
  11595.  
  11596. .from-gray-400 {
  11597.  
  11598.    --tw-gradient-from: #9ca3af;
  11599.  
  11600.    --tw-gradient-to: rgba(156,163,175,0);
  11601.  
  11602.    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
  11603.  
  11604. }
  11605.  
  11606.  
  11607.  
  11608. .fill-white {
  11609.  
  11610.    fill: #fff
  11611.  
  11612. }
  11613.  
  11614.  
  11615.  
  11616. .object-contain {
  11617.  
  11618.    -o-object-fit: contain;
  11619.  
  11620.    object-fit: contain
  11621.  
  11622. }
  11623.  
  11624.  
  11625.  
  11626. .\!object-cover {
  11627.  
  11628.    -o-object-fit: cover!important;
  11629.  
  11630.    object-fit: cover!important
  11631.  
  11632. }
  11633.  
  11634.  
  11635.  
  11636. .object-cover {
  11637.  
  11638.    -o-object-fit: cover;
  11639.  
  11640.    object-fit: cover
  11641.  
  11642. }
  11643.  
  11644.  
  11645.  
  11646. .object-center {
  11647.  
  11648.    -o-object-position: center;
  11649.  
  11650.    object-position: center
  11651.  
  11652. }
  11653.  
  11654.  
  11655.  
  11656. .object-left {
  11657.  
  11658.    -o-object-position: left;
  11659.  
  11660.    object-position: left
  11661.  
  11662. }
  11663.  
  11664.  
  11665.  
  11666. .object-right {
  11667.  
  11668.    -o-object-position: right;
  11669.  
  11670.    object-position: right
  11671.  
  11672. }
  11673.  
  11674.  
  11675.  
  11676. .\!p-0 {
  11677.  
  11678.    padding: 0!important
  11679.  
  11680. }
  11681.  
  11682.  
  11683.  
  11684. .\!p-4 {
  11685.  
  11686.    padding: 1rem!important
  11687.  
  11688. }
  11689.  
  11690.  
  11691.  
  11692. .p-0 {
  11693.  
  11694.    padding: 0
  11695.  
  11696. }
  11697.  
  11698.  
  11699.  
  11700. .p-1 {
  11701.  
  11702.    padding: .25rem
  11703.  
  11704. }
  11705.  
  11706.  
  11707.  
  11708. .p-2 {
  11709.  
  11710.    padding: .5rem
  11711.  
  11712. }
  11713.  
  11714.  
  11715.  
  11716. .p-2\.5 {
  11717.  
  11718.    padding: .625rem
  11719.  
  11720. }
  11721.  
  11722.  
  11723.  
  11724. .p-3 {
  11725.  
  11726.    padding: .75rem
  11727.  
  11728. }
  11729.  
  11730.  
  11731.  
  11732. .p-4 {
  11733.  
  11734.    padding: 1rem
  11735.  
  11736. }
  11737.  
  11738.  
  11739.  
  11740. .p-5 {
  11741.  
  11742.    padding: 1.25rem
  11743.  
  11744. }
  11745.  
  11746.  
  11747.  
  11748. .p-6 {
  11749.  
  11750.    padding: 1.5rem
  11751.  
  11752. }
  11753.  
  11754.  
  11755.  
  11756. .p-8 {
  11757.  
  11758.    padding: 2rem
  11759.  
  11760. }
  11761.  
  11762.  
  11763.  
  11764. .\!px-0 {
  11765.  
  11766.    padding-left: 0!important;
  11767.  
  11768.    padding-right: 0!important
  11769.  
  11770. }
  11771.  
  11772.  
  11773.  
  11774. .\!px-3 {
  11775.  
  11776.    padding-left: .75rem!important;
  11777.  
  11778.    padding-right: .75rem!important
  11779.  
  11780. }
  11781.  
  11782.  
  11783.  
  11784. .\!px-4 {
  11785.  
  11786.    padding-left: 1rem!important;
  11787.  
  11788.    padding-right: 1rem!important
  11789.  
  11790. }
  11791.  
  11792.  
  11793.  
  11794. .\!py-1 {
  11795.  
  11796.    padding-top: .25rem!important;
  11797.  
  11798.    padding-bottom: .25rem!important
  11799.  
  11800. }
  11801.  
  11802.  
  11803.  
  11804. .\!py-1\.5 {
  11805.  
  11806.    padding-top: .375rem!important;
  11807.  
  11808.    padding-bottom: .375rem!important
  11809.  
  11810. }
  11811.  
  11812.  
  11813.  
  11814. .px-0 {
  11815.  
  11816.    padding-left: 0;
  11817.  
  11818.    padding-right: 0
  11819.  
  11820. }
  11821.  
  11822.  
  11823.  
  11824. .px-1 {
  11825.  
  11826.    padding-left: .25rem;
  11827.  
  11828.    padding-right: .25rem
  11829.  
  11830. }
  11831.  
  11832.  
  11833.  
  11834. .px-14 {
  11835.  
  11836.    padding-left: 3.5rem;
  11837.  
  11838.    padding-right: 3.5rem
  11839.  
  11840. }
  11841.  
  11842.  
  11843.  
  11844. .px-2 {
  11845.  
  11846.    padding-left: .5rem;
  11847.  
  11848.    padding-right: .5rem
  11849.  
  11850. }
  11851.  
  11852.  
  11853.  
  11854. .px-2\.5 {
  11855.  
  11856.    padding-left: .625rem;
  11857.  
  11858.    padding-right: .625rem
  11859.  
  11860. }
  11861.  
  11862.  
  11863.  
  11864. .px-20 {
  11865.  
  11866.    padding-left: 5rem;
  11867.  
  11868.    padding-right: 5rem
  11869.  
  11870. }
  11871.  
  11872.  
  11873.  
  11874. .px-3 {
  11875.  
  11876.    padding-left: .75rem;
  11877.  
  11878.    padding-right: .75rem
  11879.  
  11880. }
  11881.  
  11882.  
  11883.  
  11884. .px-4 {
  11885.  
  11886.    padding-left: 1rem;
  11887.  
  11888.    padding-right: 1rem
  11889.  
  11890. }
  11891.  
  11892.  
  11893.  
  11894. .px-5 {
  11895.  
  11896.    padding-left: 1.25rem;
  11897.  
  11898.    padding-right: 1.25rem
  11899.  
  11900. }
  11901.  
  11902.  
  11903.  
  11904. .px-6 {
  11905.  
  11906.    padding-left: 1.5rem;
  11907.  
  11908.    padding-right: 1.5rem
  11909.  
  11910. }
  11911.  
  11912.  
  11913.  
  11914. .px-\[0\.75rem\] {
  11915.  
  11916.    padding-left: .75rem;
  11917.  
  11918.    padding-right: .75rem
  11919.  
  11920. }
  11921.  
  11922.  
  11923.  
  11924. .px-\[18px\] {
  11925.  
  11926.    padding-left: 18px;
  11927.  
  11928.    padding-right: 18px
  11929.  
  11930. }
  11931.  
  11932.  
  11933.  
  11934. .py-0 {
  11935.  
  11936.    padding-top: 0;
  11937.  
  11938.    padding-bottom: 0
  11939.  
  11940. }
  11941.  
  11942.  
  11943.  
  11944. .py-1 {
  11945.  
  11946.    padding-top: .25rem;
  11947.  
  11948.    padding-bottom: .25rem
  11949.  
  11950. }
  11951.  
  11952.  
  11953.  
  11954. .py-1\.5 {
  11955.  
  11956.    padding-top: .375rem;
  11957.  
  11958.    padding-bottom: .375rem
  11959.  
  11960. }
  11961.  
  11962.  
  11963.  
  11964. .py-10 {
  11965.  
  11966.    padding-top: 2.5rem;
  11967.  
  11968.    padding-bottom: 2.5rem
  11969.  
  11970. }
  11971.  
  11972.  
  11973.  
  11974. .py-2 {
  11975.  
  11976.    padding-top: .5rem;
  11977.  
  11978.    padding-bottom: .5rem
  11979.  
  11980. }
  11981.  
  11982.  
  11983.  
  11984. .py-2\.5 {
  11985.  
  11986.    padding-top: .625rem;
  11987.  
  11988.    padding-bottom: .625rem
  11989.  
  11990. }
  11991.  
  11992.  
  11993.  
  11994. .py-24 {
  11995.  
  11996.    padding-top: 6rem;
  11997.  
  11998.    padding-bottom: 6rem
  11999.  
  12000. }
  12001.  
  12002.  
  12003.  
  12004. .py-3 {
  12005.  
  12006.    padding-top: .75rem;
  12007.  
  12008.    padding-bottom: .75rem
  12009.  
  12010. }
  12011.  
  12012.  
  12013.  
  12014. .py-4 {
  12015.  
  12016.    padding-top: 1rem;
  12017.  
  12018.    padding-bottom: 1rem
  12019.  
  12020. }
  12021.  
  12022.  
  12023.  
  12024. .py-5 {
  12025.  
  12026.    padding-top: 1.25rem;
  12027.  
  12028.    padding-bottom: 1.25rem
  12029.  
  12030. }
  12031.  
  12032.  
  12033.  
  12034. .py-6 {
  12035.  
  12036.    padding-top: 1.5rem;
  12037.  
  12038.    padding-bottom: 1.5rem
  12039.  
  12040. }
  12041.  
  12042.  
  12043.  
  12044. .py-8 {
  12045.  
  12046.    padding-top: 2rem;
  12047.  
  12048.    padding-bottom: 2rem
  12049.  
  12050. }
  12051.  
  12052.  
  12053.  
  12054. .py-\[0\.5rem\] {
  12055.  
  12056.    padding-top: .5rem;
  12057.  
  12058.    padding-bottom: .5rem
  12059.  
  12060. }
  12061.  
  12062.  
  12063.  
  12064. .py-\[5\.5rem\] {
  12065.  
  12066.    padding-top: 5.5rem;
  12067.  
  12068.    padding-bottom: 5.5rem
  12069.  
  12070. }
  12071.  
  12072.  
  12073.  
  12074. .pb-0 {
  12075.  
  12076.    padding-bottom: 0
  12077.  
  12078. }
  12079.  
  12080.  
  12081.  
  12082. .pb-1 {
  12083.  
  12084.    padding-bottom: .25rem
  12085.  
  12086. }
  12087.  
  12088.  
  12089.  
  12090. .pb-14 {
  12091.  
  12092.    padding-bottom: 3.5rem
  12093.  
  12094. }
  12095.  
  12096.  
  12097.  
  12098. .pb-16 {
  12099.  
  12100.    padding-bottom: 4rem
  12101.  
  12102. }
  12103.  
  12104.  
  12105.  
  12106. .pb-2 {
  12107.  
  12108.    padding-bottom: .5rem
  12109.  
  12110. }
  12111.  
  12112.  
  12113.  
  12114. .pb-2\.5 {
  12115.  
  12116.    padding-bottom: .625rem
  12117.  
  12118. }
  12119.  
  12120.  
  12121.  
  12122. .pb-20 {
  12123.  
  12124.    padding-bottom: 5rem
  12125.  
  12126. }
  12127.  
  12128.  
  12129.  
  12130. .pb-24 {
  12131.  
  12132.    padding-bottom: 6rem
  12133.  
  12134. }
  12135.  
  12136.  
  12137.  
  12138. .pb-3 {
  12139.  
  12140.    padding-bottom: .75rem
  12141.  
  12142. }
  12143.  
  12144.  
  12145.  
  12146. .pb-32 {
  12147.  
  12148.    padding-bottom: 8rem
  12149.  
  12150. }
  12151.  
  12152.  
  12153.  
  12154. .pb-4 {
  12155.  
  12156.    padding-bottom: 1rem
  12157.  
  12158. }
  12159.  
  12160.  
  12161.  
  12162. .pb-5 {
  12163.  
  12164.    padding-bottom: 1.25rem
  12165.  
  12166. }
  12167.  
  12168.  
  12169.  
  12170. .pb-8,.pb-\[2rem\] {
  12171.  
  12172.    padding-bottom: 2rem
  12173.  
  12174. }
  12175.  
  12176.  
  12177.  
  12178. .pb-\[3px\] {
  12179.  
  12180.    padding-bottom: 3px
  12181.  
  12182. }
  12183.  
  12184.  
  12185.  
  12186. .pl-10 {
  12187.  
  12188.    padding-left: 2.5rem
  12189.  
  12190. }
  12191.  
  12192.  
  12193.  
  12194. .pl-2 {
  12195.  
  12196.    padding-left: .5rem
  12197.  
  12198. }
  12199.  
  12200.  
  12201.  
  12202. .pl-3 {
  12203.  
  12204.    padding-left: .75rem
  12205.  
  12206. }
  12207.  
  12208.  
  12209.  
  12210. .pl-4 {
  12211.  
  12212.    padding-left: 1rem
  12213.  
  12214. }
  12215.  
  12216.  
  12217.  
  12218. .pl-5 {
  12219.  
  12220.    padding-left: 1.25rem
  12221.  
  12222. }
  12223.  
  12224.  
  12225.  
  12226. .pl-\[3\.2rem\] {
  12227.  
  12228.    padding-left: 3.2rem
  12229.  
  12230. }
  12231.  
  12232.  
  12233.  
  12234. .pr-0 {
  12235.  
  12236.    padding-right: 0
  12237.  
  12238. }
  12239.  
  12240.  
  12241.  
  12242. .pr-10 {
  12243.  
  12244.    padding-right: 2.5rem
  12245.  
  12246. }
  12247.  
  12248.  
  12249.  
  12250. .pr-2 {
  12251.  
  12252.    padding-right: .5rem
  12253.  
  12254. }
  12255.  
  12256.  
  12257.  
  12258. .pr-20 {
  12259.  
  12260.    padding-right: 5rem
  12261.  
  12262. }
  12263.  
  12264.  
  12265.  
  12266. .pr-3 {
  12267.  
  12268.    padding-right: .75rem
  12269.  
  12270. }
  12271.  
  12272.  
  12273.  
  12274. .pr-4 {
  12275.  
  12276.    padding-right: 1rem
  12277.  
  12278. }
  12279.  
  12280.  
  12281.  
  12282. .pr-5 {
  12283.  
  12284.    padding-right: 1.25rem
  12285.  
  12286. }
  12287.  
  12288.  
  12289.  
  12290. .pr-\[3\.2rem\] {
  12291.  
  12292.    padding-right: 3.2rem
  12293.  
  12294. }
  12295.  
  12296.  
  12297.  
  12298. .pt-0 {
  12299.  
  12300.    padding-top: 0
  12301.  
  12302. }
  12303.  
  12304.  
  12305.  
  12306. .pt-1 {
  12307.  
  12308.    padding-top: .25rem
  12309.  
  12310. }
  12311.  
  12312.  
  12313.  
  12314. .pt-10 {
  12315.  
  12316.    padding-top: 2.5rem
  12317.  
  12318. }
  12319.  
  12320.  
  12321.  
  12322. .pt-12 {
  12323.  
  12324.    padding-top: 3rem
  12325.  
  12326. }
  12327.  
  12328.  
  12329.  
  12330. .pt-14 {
  12331.  
  12332.    padding-top: 3.5rem
  12333.  
  12334. }
  12335.  
  12336.  
  12337.  
  12338. .pt-16 {
  12339.  
  12340.    padding-top: 4rem
  12341.  
  12342. }
  12343.  
  12344.  
  12345.  
  12346. .pt-2 {
  12347.  
  12348.    padding-top: .5rem
  12349.  
  12350. }
  12351.  
  12352.  
  12353.  
  12354. .pt-3 {
  12355.  
  12356.    padding-top: .75rem
  12357.  
  12358. }
  12359.  
  12360.  
  12361.  
  12362. .pt-4 {
  12363.  
  12364.    padding-top: 1rem
  12365.  
  12366. }
  12367.  
  12368.  
  12369.  
  12370. .pt-5 {
  12371.  
  12372.    padding-top: 1.25rem
  12373.  
  12374. }
  12375.  
  12376.  
  12377.  
  12378. .pt-6 {
  12379.  
  12380.    padding-top: 1.5rem
  12381.  
  12382. }
  12383.  
  12384.  
  12385.  
  12386. .pt-8 {
  12387.  
  12388.    padding-top: 2rem
  12389.  
  12390. }
  12391.  
  12392.  
  12393.  
  12394. .text-left {
  12395.  
  12396.    text-align: left
  12397.  
  12398. }
  12399.  
  12400.  
  12401.  
  12402. .text-center {
  12403.  
  12404.    text-align: center
  12405.  
  12406. }
  12407.  
  12408.  
  12409.  
  12410. .text-right {
  12411.  
  12412.    text-align: right
  12413.  
  12414. }
  12415.  
  12416.  
  12417.  
  12418. .text-justify {
  12419.  
  12420.    text-align: justify
  12421.  
  12422. }
  12423.  
  12424.  
  12425.  
  12426. .text-start {
  12427.  
  12428.    text-align: start
  12429.  
  12430. }
  12431.  
  12432.  
  12433.  
  12434. .text-2xl {
  12435.  
  12436.    font-size: 1.5rem;
  12437.  
  12438.    line-height: 2rem
  12439.  
  12440. }
  12441.  
  12442.  
  12443.  
  12444. .text-4xl {
  12445.  
  12446.    font-size: 2.25rem;
  12447.  
  12448.    line-height: 2.5rem
  12449.  
  12450. }
  12451.  
  12452.  
  12453.  
  12454. .text-\[0\.92rem\] {
  12455.  
  12456.    font-size: .92rem
  12457.  
  12458. }
  12459.  
  12460.  
  12461.  
  12462. .text-\[10px\] {
  12463.  
  12464.    font-size: 10px
  12465.  
  12466. }
  12467.  
  12468.  
  12469.  
  12470. .text-\[12px\] {
  12471.  
  12472.    font-size: 12px
  12473.  
  12474. }
  12475.  
  12476.  
  12477.  
  12478. .text-\[13px\] {
  12479.  
  12480.    font-size: 13px
  12481.  
  12482. }
  12483.  
  12484.  
  12485.  
  12486. .text-\[14px\] {
  12487.  
  12488.    font-size: 14px
  12489.  
  12490. }
  12491.  
  12492.  
  12493.  
  12494. .text-\[15px\] {
  12495.  
  12496.    font-size: 15px
  12497.  
  12498. }
  12499.  
  12500.  
  12501.  
  12502. .text-\[18px\] {
  12503.  
  12504.    font-size: 18px
  12505.  
  12506. }
  12507.  
  12508.  
  12509.  
  12510. .text-\[20px\] {
  12511.  
  12512.    font-size: 20px
  12513.  
  12514. }
  12515.  
  12516.  
  12517.  
  12518. .text-\[24px\] {
  12519.  
  12520.    font-size: 24px
  12521.  
  12522. }
  12523.  
  12524.  
  12525.  
  12526. .text-\[40px\] {
  12527.  
  12528.    font-size: 40px
  12529.  
  12530. }
  12531.  
  12532.  
  12533.  
  12534. .text-base {
  12535.  
  12536.    font-size: 1rem;
  12537.  
  12538.    line-height: 1.5rem
  12539.  
  12540. }
  12541.  
  12542.  
  12543.  
  12544. .text-lg {
  12545.  
  12546.    font-size: 1.125rem;
  12547.  
  12548.    line-height: 1.75rem
  12549.  
  12550. }
  12551.  
  12552.  
  12553.  
  12554. .text-sm {
  12555.  
  12556.    font-size: .875rem;
  12557.  
  12558.    line-height: 1.25rem
  12559.  
  12560. }
  12561.  
  12562.  
  12563.  
  12564. .text-xl {
  12565.  
  12566.    font-size: 1.25rem;
  12567.  
  12568.    line-height: 1.75rem
  12569.  
  12570. }
  12571.  
  12572.  
  12573.  
  12574. .text-xs {
  12575.  
  12576.    font-size: .75rem;
  12577.  
  12578.    line-height: 1rem
  12579.  
  12580. }
  12581.  
  12582.  
  12583.  
  12584. .font-bold {
  12585.  
  12586.    font-weight: 700
  12587.  
  12588. }
  12589.  
  12590.  
  12591.  
  12592. .font-extrabold {
  12593.  
  12594.    font-weight: 800
  12595.  
  12596. }
  12597.  
  12598.  
  12599.  
  12600. .font-light {
  12601.  
  12602.    font-weight: 300
  12603.  
  12604. }
  12605.  
  12606.  
  12607.  
  12608. .font-medium {
  12609.  
  12610.    font-weight: 500
  12611.  
  12612. }
  12613.  
  12614.  
  12615.  
  12616. .font-normal {
  12617.  
  12618.    font-weight: 400
  12619.  
  12620. }
  12621.  
  12622.  
  12623.  
  12624. .font-semibold {
  12625.  
  12626.    font-weight: 600
  12627.  
  12628. }
  12629.  
  12630.  
  12631.  
  12632. .uppercase {
  12633.  
  12634.    text-transform: uppercase
  12635.  
  12636. }
  12637.  
  12638.  
  12639.  
  12640. .capitalize {
  12641.  
  12642.    text-transform: capitalize
  12643.  
  12644. }
  12645.  
  12646.  
  12647.  
  12648. .italic {
  12649.  
  12650.    font-style: italic
  12651.  
  12652. }
  12653.  
  12654.  
  12655.  
  12656. .leading-4 {
  12657.  
  12658.    line-height: 1rem
  12659.  
  12660. }
  12661.  
  12662.  
  12663.  
  12664. .leading-5 {
  12665.  
  12666.    line-height: 1.25rem
  12667.  
  12668. }
  12669.  
  12670.  
  12671.  
  12672. .leading-6 {
  12673.  
  12674.    line-height: 1.5rem
  12675.  
  12676. }
  12677.  
  12678.  
  12679.  
  12680. .leading-7 {
  12681.  
  12682.    line-height: 1.75rem
  12683.  
  12684. }
  12685.  
  12686.  
  12687.  
  12688. .leading-\[150\%\] {
  12689.  
  12690.    line-height: 150%
  12691.  
  12692. }
  12693.  
  12694.  
  12695.  
  12696. .leading-\[20px\] {
  12697.  
  12698.    line-height: 20px
  12699.  
  12700. }
  12701.  
  12702.  
  12703.  
  12704. .leading-\[26px\] {
  12705.  
  12706.    line-height: 26px
  12707.  
  12708. }
  12709.  
  12710.  
  12711.  
  12712. .leading-\[30\.8px\] {
  12713.  
  12714.    line-height: 30.8px
  12715.  
  12716. }
  12717.  
  12718.  
  12719.  
  12720. .leading-\[66\.8px\] {
  12721.  
  12722.    line-height: 66.8px
  12723.  
  12724. }
  12725.  
  12726.  
  12727.  
  12728. .leading-normal {
  12729.  
  12730.    line-height: 1.5
  12731.  
  12732. }
  12733.  
  12734.  
  12735.  
  12736. .tracking-\[0\.1em\] {
  12737.  
  12738.    letter-spacing: .1em
  12739.  
  12740. }
  12741.  
  12742.  
  12743.  
  12744. .tracking-\[0\.2em\] {
  12745.  
  12746.    letter-spacing: .2em
  12747.  
  12748. }
  12749.  
  12750.  
  12751.  
  12752. .tracking-\[0\.3px\] {
  12753.  
  12754.    letter-spacing: .3px
  12755.  
  12756. }
  12757.  
  12758.  
  12759.  
  12760. .tracking-tight {
  12761.  
  12762.    letter-spacing: -.025em
  12763.  
  12764. }
  12765.  
  12766.  
  12767.  
  12768.  
  12769.  
  12770. .text-black {
  12771.  
  12772.    --tw-text-opacity: 1;
  12773.  
  12774.    color: rgb(0 0 0/var(--tw-text-opacity))
  12775.  
  12776. }
  12777.  
  12778.  
  12779.  
  12780. .text-blue-700 {
  12781.  
  12782.    --tw-text-opacity: 1;
  12783.  
  12784.    color: rgb(29 78 216/var(--tw-text-opacity))
  12785.  
  12786. }
  12787.  
  12788.  
  12789.  
  12790. .text-btnPurple {
  12791.  
  12792.    --tw-text-opacity: 1;
  12793.  
  12794.    color: rgb(112 127 235/var(--tw-text-opacity))
  12795.  
  12796. }
  12797.  
  12798.  
  12799.  
  12800. .text-gray-200 {
  12801.  
  12802.    --tw-text-opacity: 1;
  12803.  
  12804.    color: rgb(229 231 235/var(--tw-text-opacity))
  12805.  
  12806. }
  12807.  
  12808.  
  12809.  
  12810. .text-gray-300 {
  12811.  
  12812.    --tw-text-opacity: 1;
  12813.  
  12814.    color: rgb(209 213 219/var(--tw-text-opacity))
  12815.  
  12816. }
  12817.  
  12818.  
  12819.  
  12820. .text-gray-400 {
  12821.  
  12822.    --tw-text-opacity: 1;
  12823.  
  12824.    color: rgb(156 163 175/var(--tw-text-opacity))
  12825.  
  12826. }
  12827.  
  12828.  
  12829.  
  12830. .text-gray-500 {
  12831.  
  12832.    --tw-text-opacity: 1;
  12833.  
  12834.    color: rgb(107 114 128/var(--tw-text-opacity))
  12835.  
  12836. }
  12837.  
  12838.  
  12839.  
  12840. .text-gray-600 {
  12841.  
  12842.    --tw-text-opacity: 1;
  12843.  
  12844.    color: rgb(75 85 99/var(--tw-text-opacity))
  12845.  
  12846. }
  12847.  
  12848.  
  12849.  
  12850. .text-gray-900 {
  12851.  
  12852.    --tw-text-opacity: 1;
  12853.  
  12854.    color: rgb(17 24 39/var(--tw-text-opacity))
  12855.  
  12856. }
  12857.  
  12858.  
  12859.  
  12860. .text-green-500 {
  12861.  
  12862.    --tw-text-opacity: 1;
  12863.  
  12864.    color: rgb(34 197 94/var(--tw-text-opacity))
  12865.  
  12866. }
  12867.  
  12868.  
  12869.  
  12870. .text-green-600 {
  12871.  
  12872.    --tw-text-opacity: 1;
  12873.  
  12874.    color: rgb(22 163 74/var(--tw-text-opacity))
  12875.  
  12876. }
  12877.  
  12878.  
  12879.  
  12880. .text-indigo-600 {
  12881.  
  12882.    --tw-text-opacity: 1;
  12883.  
  12884.    color: rgb(79 70 229/var(--tw-text-opacity))
  12885.  
  12886. }
  12887.  
  12888.  
  12889.  
  12890. .text-info {
  12891.  
  12892.    --tw-text-opacity: 1;
  12893.  
  12894.    color: rgb(34 211 238/var(--tw-text-opacity))
  12895.  
  12896. }
  12897.  
  12898.  
  12899.  
  12900. .text-orange-700 {
  12901.  
  12902.    --tw-text-opacity: 1;
  12903.  
  12904.    color: rgb(194 65 12/var(--tw-text-opacity))
  12905.  
  12906. }
  12907.  
  12908.  
  12909.  
  12910. .text-red-400 {
  12911.  
  12912.    --tw-text-opacity: 1;
  12913.  
  12914.    color: rgb(248 113 113/var(--tw-text-opacity))
  12915.  
  12916. }
  12917.  
  12918.  
  12919.  
  12920. .text-red-600 {
  12921.  
  12922.    --tw-text-opacity: 1;
  12923.  
  12924.    color: rgb(220 38 38/var(--tw-text-opacity))
  12925.  
  12926. }
  12927.  
  12928.  
  12929.  
  12930. .text-red-700 {
  12931.  
  12932.    --tw-text-opacity: 1;
  12933.  
  12934.    color: rgb(185 28 28/var(--tw-text-opacity))
  12935.  
  12936. }
  12937.  
  12938.  
  12939.  
  12940. .text-slate-900 {
  12941.  
  12942.    --tw-text-opacity: 1;
  12943.  
  12944.    color: rgb(15 23 42/var(--tw-text-opacity))
  12945.  
  12946. }
  12947.  
  12948.  
  12949.  
  12950. .text-white {
  12951.  
  12952.    --tw-text-opacity: 1;
  12953.  
  12954.    color: rgb(255 255 255/var(--tw-text-opacity))
  12955.  
  12956. }
  12957.  
  12958.  
  12959.  
  12960. .text-white\/70 {
  12961.  
  12962.    color: hsla(0,0%,100%,.7)
  12963.  
  12964. }
  12965.  
  12966.  
  12967.  
  12968. .text-white\/75 {
  12969.  
  12970.    color: hsla(0,0%,100%,.75)
  12971.  
  12972. }
  12973.  
  12974.  
  12975.  
  12976. .underline {
  12977.  
  12978.    text-decoration-line: underline
  12979.  
  12980. }
  12981.  
  12982.  
  12983.  
  12984. .no-underline {
  12985.  
  12986.    text-decoration-line: none
  12987.  
  12988. }
  12989.  
  12990.  
  12991.  
  12992. .opacity-0 {
  12993.  
  12994.    opacity: 0
  12995.  
  12996. }
  12997.  
  12998.  
  12999.  
  13000. .opacity-100 {
  13001.  
  13002.    opacity: 1
  13003.  
  13004. }
  13005.  
  13006.  
  13007.  
  13008. .opacity-25 {
  13009.  
  13010.    opacity: .25
  13011.  
  13012. }
  13013.  
  13014.  
  13015.  
  13016. .opacity-75 {
  13017.  
  13018.    opacity: .75
  13019.  
  13020. }
  13021.  
  13022.  
  13023.  
  13024. .mix-blend-multiply {
  13025.  
  13026.    mix-blend-mode: multiply
  13027.  
  13028. }
  13029.  
  13030.  
  13031.  
  13032. .shadow-2xl {
  13033.  
  13034.    --tw-shadow: 0 25px 50px -12px rgba(0,0,0,.25);
  13035.  
  13036.    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
  13037.  
  13038. }
  13039.  
  13040.  
  13041.  
  13042. .shadow-2xl,.shadow-lg {
  13043.  
  13044.    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
  13045.  
  13046. }
  13047.  
  13048.  
  13049.  
  13050. .shadow-lg {
  13051.  
  13052.    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
  13053.  
  13054.    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
  13055.  
  13056. }
  13057.  
  13058.  
  13059.  
  13060. .shadow-sm {
  13061.  
  13062.    --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
  13063.  
  13064.    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
  13065.  
  13066. }
  13067.  
  13068.  
  13069.  
  13070. .shadow-sm,.shadow-xl {
  13071.  
  13072.    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
  13073.  
  13074. }
  13075.  
  13076.  
  13077.  
  13078. .shadow-xl {
  13079.  
  13080.    --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
  13081.  
  13082.    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)
  13083.  
  13084. }
  13085.  
  13086.  
  13087.  
  13088. .shadow-white\/20 {
  13089.  
  13090.    --tw-shadow-color: hsla(0,0%,100%,.2);
  13091.  
  13092.    --tw-shadow: var(--tw-shadow-colored)
  13093.  
  13094. }
  13095.  
  13096.  
  13097.  
  13098. .ring-1 {
  13099.  
  13100.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  13101.  
  13102.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  13103.  
  13104.    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
  13105.  
  13106. }
  13107.  
  13108.  
  13109.  
  13110. .ring-black {
  13111.  
  13112.    --tw-ring-opacity: 1;
  13113.  
  13114.    --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity))
  13115.  
  13116. }
  13117.  
  13118.  
  13119.  
  13120. .ring-gray-500 {
  13121.  
  13122.    --tw-ring-opacity: 1;
  13123.  
  13124.    --tw-ring-color: rgb(107 114 128/var(--tw-ring-opacity))
  13125.  
  13126. }
  13127.  
  13128.  
  13129.  
  13130. .ring-slate-200 {
  13131.  
  13132.    --tw-ring-opacity: 1;
  13133.  
  13134.    --tw-ring-color: rgb(226 232 240/var(--tw-ring-opacity))
  13135.  
  13136. }
  13137.  
  13138.  
  13139.  
  13140. .ring-white {
  13141.  
  13142.    --tw-ring-opacity: 1;
  13143.  
  13144.    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity))
  13145.  
  13146. }
  13147.  
  13148.  
  13149.  
  13150. .ring-opacity-5 {
  13151.  
  13152.    --tw-ring-opacity: 0.05
  13153.  
  13154. }
  13155.  
  13156.  
  13157.  
  13158. .blur {
  13159.  
  13160.    --tw-blur: blur(8px)
  13161.  
  13162. }
  13163.  
  13164.  
  13165.  
  13166. .blur,.grayscale {
  13167.  
  13168.    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)
  13169.  
  13170. }
  13171.  
  13172.  
  13173.  
  13174. .grayscale {
  13175.  
  13176.    --tw-grayscale: grayscale(100%)
  13177.  
  13178. }
  13179.  
  13180.  
  13181.  
  13182. .invert {
  13183.  
  13184.    --tw-invert: invert(100%)
  13185.  
  13186. }
  13187.  
  13188.  
  13189.  
  13190. .filter,.invert {
  13191.  
  13192.    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)
  13193.  
  13194. }
  13195.  
  13196.  
  13197.  
  13198. .backdrop-blur-sm {
  13199.  
  13200.    --tw-backdrop-blur: blur(4px)
  13201.  
  13202. }
  13203.  
  13204.  
  13205.  
  13206. .backdrop-blur-sm,.backdrop-blur-xl {
  13207.  
  13208.    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  13209.  
  13210.    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
  13211.  
  13212. }
  13213.  
  13214.  
  13215.  
  13216. .backdrop-blur-xl {
  13217.  
  13218.    --tw-backdrop-blur: blur(24px)
  13219.  
  13220. }
  13221.  
  13222.  
  13223.  
  13224. .backdrop-filter {
  13225.  
  13226.    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  13227.  
  13228.    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
  13229.  
  13230. }
  13231.  
  13232.  
  13233.  
  13234. .transition {
  13235.  
  13236.    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  13237.  
  13238.    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  13239.  
  13240.    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  13241.  
  13242.    transition-timing-function: cubic-bezier(.4,0,.2,1);
  13243.  
  13244.    transition-duration: .15s
  13245.  
  13246. }
  13247.  
  13248.  
  13249.  
  13250. .transition-all {
  13251.  
  13252.    transition-property: all;
  13253.  
  13254.    transition-timing-function: cubic-bezier(.4,0,.2,1);
  13255.  
  13256.    transition-duration: .15s
  13257.  
  13258. }
  13259.  
  13260.  
  13261.  
  13262. .transition-colors {
  13263.  
  13264.    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;
  13265.  
  13266.    transition-timing-function: cubic-bezier(.4,0,.2,1);
  13267.  
  13268.    transition-duration: .15s
  13269.  
  13270. }
  13271.  
  13272.  
  13273.  
  13274. .transition-opacity {
  13275.  
  13276.    transition-property: opacity;
  13277.  
  13278.    transition-timing-function: cubic-bezier(.4,0,.2,1);
  13279.  
  13280.    transition-duration: .15s
  13281.  
  13282. }
  13283.  
  13284.  
  13285.  
  13286. .duration-100 {
  13287.  
  13288.    transition-duration: .1s
  13289.  
  13290. }
  13291.  
  13292.  
  13293.  
  13294. .duration-1000 {
  13295.  
  13296.    transition-duration: 1s
  13297.  
  13298. }
  13299.  
  13300.  
  13301.  
  13302. .duration-150 {
  13303.  
  13304.    transition-duration: .15s
  13305.  
  13306. }
  13307.  
  13308.  
  13309.  
  13310. .duration-200 {
  13311.  
  13312.    transition-duration: .2s
  13313.  
  13314. }
  13315.  
  13316.  
  13317.  
  13318. .duration-300 {
  13319.  
  13320.    transition-duration: .3s
  13321.  
  13322. }
  13323.  
  13324.  
  13325.  
  13326. .duration-500 {
  13327.  
  13328.    transition-duration: .5s
  13329.  
  13330. }
  13331.  
  13332.  
  13333.  
  13334. .duration-75 {
  13335.  
  13336.    transition-duration: 75ms
  13337.  
  13338. }
  13339.  
  13340.  
  13341.  
  13342. .duration-\[600ms\] {
  13343.  
  13344.    transition-duration: .6s
  13345.  
  13346. }
  13347.  
  13348.  
  13349.  
  13350. .ease-in {
  13351.  
  13352.    transition-timing-function: cubic-bezier(.4,0,1,1)
  13353.  
  13354. }
  13355.  
  13356.  
  13357.  
  13358. .ease-in-out {
  13359.  
  13360.    transition-timing-function: cubic-bezier(.4,0,.2,1)
  13361.  
  13362. }
  13363.  
  13364.  
  13365.  
  13366. .ease-out {
  13367.  
  13368.    transition-timing-function: cubic-bezier(0,0,.2,1)
  13369.  
  13370. }
  13371.  
  13372.  
  13373.  
  13374. .line-clamp-1 {
  13375.  
  13376.    -webkit-line-clamp: 1
  13377.  
  13378. }
  13379.  
  13380.  
  13381.  
  13382. .line-clamp-1,.line-clamp-2 {
  13383.  
  13384.    overflow: hidden;
  13385.  
  13386.    display: -webkit-box;
  13387.  
  13388.    -webkit-box-orient: vertical
  13389.  
  13390. }
  13391.  
  13392.  
  13393.  
  13394. .line-clamp-2 {
  13395.  
  13396.    -webkit-line-clamp: 2
  13397.  
  13398. }
  13399.  
  13400.  
  13401.  
  13402. .scrollbar-hide {
  13403.  
  13404.    -ms-overflow-style: none;
  13405.  
  13406.    scrollbar-width: none
  13407.  
  13408. }
  13409.  
  13410.  
  13411.  
  13412. .scrollbar-hide::-webkit-scrollbar {
  13413.  
  13414.    display: none
  13415.  
  13416. }
  13417.  
  13418.  
  13419.  
  13420. input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
  13421.  
  13422.    -webkit-appearance: none;
  13423.  
  13424.    appearance: none
  13425.  
  13426. }
  13427.  
  13428.  
  13429.  
  13430. .bg-gradient-black {
  13431.  
  13432.    background: linear-gradient(163.42deg,#374353c3 -107%,#ffffff00 105.46%);
  13433.  
  13434.    border: 1px solid #626274;
  13435.  
  13436.    border-radius: 16px
  13437.  
  13438. }
  13439.  
  13440.  
  13441.  
  13442.  
  13443.  
  13444.  
  13445.  
  13446. html {
  13447.  
  13448.    -moz-tab-size: 4;
  13449.  
  13450.    -o-tab-size: 4;
  13451.  
  13452.    tab-size: 4
  13453.  
  13454. }
  13455.  
  13456.  
  13457.  
  13458. body {
  13459.  
  13460.    margin: 0;
  13461.  
  13462.    line-height: inherit
  13463.  
  13464. }
  13465.  
  13466.  
  13467.  
  13468. .membership-banner {
  13469.  
  13470.    content: "";
  13471.  
  13472.    position: relative;
  13473.  
  13474.    background: url(/images/logo-transparent.png) 100% 60% no-repeat;
  13475.  
  13476.    background-size: 60%,70%;
  13477.  
  13478.    overflow: hidden
  13479.  
  13480. }
  13481.  
  13482.  
  13483.  
  13484. .text-gradient-orange {
  13485.  
  13486.    background: linear-gradient(270deg,#e7273d -1.95%,#df5f3b 97.95%);
  13487.  
  13488.    -webkit-background-clip: text;
  13489.  
  13490.    -webkit-text-fill-color: transparent;
  13491.  
  13492.    background-clip: text
  13493.  
  13494. }
  13495.  
  13496.  
  13497.  
  13498. .featured-game-card:hover {
  13499.  
  13500.    transition: all 1s
  13501.  
  13502. }
  13503.  
  13504.  
  13505.  
  13506. .featured-game-card:hover img {
  13507.  
  13508.    filter: blur(3.5px);
  13509.  
  13510. }
  13511.  
  13512.  
  13513.  
  13514. .featured-game-card .blur-sharp {
  13515.  
  13516.    overflow: hidden;
  13517.  
  13518.    border-radius: 1rem
  13519.  
  13520. }
  13521.  
  13522.  
  13523.  
  13524. .cover {
  13525.  
  13526.    transition: all 1s;
  13527.  
  13528.    opacity: 0;
  13529.  
  13530.    left: 0;
  13531.  
  13532.    right: 0;
  13533.  
  13534.    border-radius: 1rem
  13535.  
  13536. }
  13537.  
  13538.  
  13539.  
  13540. .featured-game-card:hover .cover {
  13541.  
  13542.    transition: all 1s;
  13543.  
  13544.    opacity: 1;
  13545.  
  13546.    border-radius: 1rem
  13547.  
  13548. }
  13549.  
  13550.  
  13551.  
  13552. .icon-button {
  13553.  
  13554.    position: relative;
  13555.  
  13556.    display: inline-flex;
  13557.  
  13558.    border: 0;
  13559.  
  13560.    padding: 0;
  13561.  
  13562.    margin: 0;
  13563.  
  13564.    outline: none;
  13565.  
  13566.    background: #fff;
  13567.  
  13568.    border-radius: 50%;
  13569.  
  13570.    cursor: pointer;
  13571.  
  13572.    overflow: hidden;
  13573.  
  13574.    text-decoration: none;
  13575.  
  13576.    box-sizing: border-box;
  13577.  
  13578.    flex-shrink: 0
  13579.  
  13580. }
  13581.  
  13582.  
  13583.  
  13584. .flex-center,.icon-button {
  13585.  
  13586.    align-items: center;
  13587.  
  13588.    justify-content: center
  13589.  
  13590. }
  13591.  
  13592.  
  13593.  
  13594. .flex-center {
  13595.  
  13596.    display: flex
  13597.  
  13598. }
  13599.  
  13600.  
  13601.  
  13602. .grecaptcha-badge {
  13603.  
  13604.    visibility: hidden
  13605.  
  13606. }
  13607.  
  13608.  
  13609.  
  13610. ::-webkit-scrollbar {
  13611.  
  13612.    width: 8px;
  13613.  
  13614.    height: 2px;
  13615.  
  13616.    background-color: transparent
  13617.  
  13618. }
  13619.  
  13620.  
  13621.  
  13622. ::-webkit-scrollbar-track {
  13623.  
  13624.    display: none
  13625.  
  13626. }
  13627.  
  13628.  
  13629.  
  13630. ::-webkit-scrollbar-thumb {
  13631.  
  13632.    background-color: #c4c4c4;
  13633.  
  13634.    border-radius: .75rem
  13635.  
  13636. }
  13637.  
  13638.  
  13639.  
  13640. @keyframes fadeInTop {
  13641.  
  13642.    0% {
  13643.  
  13644.        opacity: 0;
  13645.  
  13646.        transform: translateY(-50px)
  13647.  
  13648.    }
  13649.  
  13650.  
  13651.  
  13652.    to {
  13653.  
  13654.        opacity: 1;
  13655.  
  13656.        transform: translateY(0)
  13657.  
  13658.    }
  13659.  
  13660. }
  13661.  
  13662.  
  13663.  
  13664. .shadow-navbar {
  13665.  
  13666.    box-shadow: 0 100px 80px hsla(0,0%,89%,.07),0 41.7776px 33.4221px hsla(0,0%,89%,.05),0 22.3363px 17.869px hsla(0,0%,89%,.04),0 12.5216px 10.0172px hsla(0,0%,89%,.04),0 6.6501px 5.32008px hsla(0,0%,89%,.03),0 2.76726px 2.21381px hsla(0,0%,89%,.02)
  13667.  
  13668. }
  13669.  
  13670.  
  13671.  
  13672. .fade-in-top {
  13673.  
  13674.    animation: fadeInTop .4s ease-in-out both
  13675.  
  13676. }
  13677.  
  13678.  
  13679.  
  13680.  
  13681.  
  13682.  
  13683.  
  13684. .shadow-social-media {
  13685.  
  13686.    box-shadow: 0 0 20px hsla(0,0%,45%,.22)
  13687.  
  13688. }
  13689.  
  13690.  
  13691.  
  13692. select {
  13693.  
  13694.    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  13695.  
  13696.    background-position: right .5rem center;
  13697.  
  13698.    background-repeat: no-repeat;
  13699.  
  13700.    background-size: 1.5em 1.5em;
  13701.  
  13702.    padding-right: 2.5rem;
  13703.  
  13704.    -webkit-print-color-adjust: exact;
  13705.  
  13706.    print-color-adjust: exact
  13707.  
  13708. }
  13709.  
  13710.  
  13711.  
  13712. .placeholder\:text-slate-400::-moz-placeholder {
  13713.  
  13714.    --tw-text-opacity: 1;
  13715.  
  13716.    color: rgb(148 163 184/var(--tw-text-opacity))
  13717.  
  13718. }
  13719.  
  13720.  
  13721.  
  13722. .placeholder\:text-slate-400::placeholder {
  13723.  
  13724.    --tw-text-opacity: 1;
  13725.  
  13726.    color: rgb(148 163 184/var(--tw-text-opacity))
  13727.  
  13728. }
  13729.  
  13730.  
  13731.  
  13732. .focus-within\:z-10:focus-within {
  13733.  
  13734.    z-index: 10
  13735.  
  13736. }
  13737.  
  13738.  
  13739.  
  13740. .focus-within\:text-slate-900:focus-within {
  13741.  
  13742.    --tw-text-opacity: 1;
  13743.  
  13744.    color: rgb(15 23 42/var(--tw-text-opacity))
  13745.  
  13746. }
  13747.  
  13748.  
  13749.  
  13750. .focus-within\:text-white:focus-within {
  13751.  
  13752.    --tw-text-opacity: 1;
  13753.  
  13754.    color: rgb(255 255 255/var(--tw-text-opacity))
  13755.  
  13756. }
  13757.  
  13758.  
  13759.  
  13760. .hover\:scale-105:hover {
  13761.  
  13762.    --tw-scale-x: 1.05;
  13763.  
  13764.    --tw-scale-y: 1.05
  13765.  
  13766. }
  13767.  
  13768.  
  13769.  
  13770. .hover\:scale-105:hover,.hover\:scale-110:hover {
  13771.  
  13772.    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))
  13773.  
  13774. }
  13775.  
  13776.  
  13777.  
  13778. .hover\:scale-110:hover {
  13779.  
  13780.    --tw-scale-x: 1.1;
  13781.  
  13782.    --tw-scale-y: 1.1
  13783.  
  13784. }
  13785.  
  13786.  
  13787.  
  13788. .hover\:cursor-not-allowed:hover {
  13789.  
  13790.    cursor: not-allowed
  13791.  
  13792. }
  13793.  
  13794.  
  13795.  
  13796. .hover\:cursor-pointer:hover {
  13797.  
  13798.    cursor: pointer
  13799.  
  13800. }
  13801.  
  13802.  
  13803.  
  13804. .hover\:border-white:hover {
  13805.  
  13806.    --tw-border-opacity: 1;
  13807.  
  13808.    border-color: rgb(255 255 255/var(--tw-border-opacity))
  13809.  
  13810. }
  13811.  
  13812.  
  13813.  
  13814. .hover\:bg-btnPurple:hover {
  13815.  
  13816.    --tw-bg-opacity: 1;
  13817.  
  13818.    background-color: rgb(112 127 235/var(--tw-bg-opacity))
  13819.  
  13820. }
  13821.  
  13822.  
  13823.  
  13824. .hover\:bg-btnPurple\/30:hover {
  13825.  
  13826.    background-color: rgba(112,127,235,.3)
  13827.  
  13828. }
  13829.  
  13830.  
  13831.  
  13832. .hover\:bg-gray-50:hover {
  13833.  
  13834.    --tw-bg-opacity: 1;
  13835.  
  13836.    background-color: rgb(249 250 251/var(--tw-bg-opacity))
  13837.  
  13838. }
  13839.  
  13840.  
  13841.  
  13842. .hover\:bg-orange-500:hover {
  13843.  
  13844.    --tw-bg-opacity: 1;
  13845.  
  13846.    background-color: rgb(249 115 22/var(--tw-bg-opacity))
  13847.  
  13848. }
  13849.  
  13850.  
  13851.  
  13852. .hover\:bg-slate-50\/5:hover {
  13853.  
  13854.    background-color: rgba(248,250,252,.05)
  13855.  
  13856. }
  13857.  
  13858.  
  13859.  
  13860. .hover\:bg-opacity-30:hover {
  13861.  
  13862.    --tw-bg-opacity: 0.3
  13863.  
  13864. }
  13865.  
  13866.  
  13867.  
  13868. .hover\:text-white:hover {
  13869.  
  13870.    --tw-text-opacity: 1;
  13871.  
  13872.    color: rgb(255 255 255/var(--tw-text-opacity))
  13873.  
  13874. }
  13875.  
  13876.  
  13877.  
  13878. .hover\:underline:hover {
  13879.  
  13880.    text-decoration-line: underline
  13881.  
  13882. }
  13883.  
  13884.  
  13885.  
  13886. .hover\:opacity-80:hover {
  13887.  
  13888.    opacity: .8
  13889.  
  13890. }
  13891.  
  13892.  
  13893.  
  13894. .hover\:shadow-lg:hover {
  13895.  
  13896.    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
  13897.  
  13898.    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
  13899.  
  13900. }
  13901.  
  13902.  
  13903.  
  13904. .hover\:shadow-lg:hover,.hover\:shadow-sm:hover {
  13905.  
  13906.    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
  13907.  
  13908. }
  13909.  
  13910.  
  13911.  
  13912. .hover\:shadow-sm:hover {
  13913.  
  13914.    --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
  13915.  
  13916.    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
  13917.  
  13918. }
  13919.  
  13920.  
  13921.  
  13922. .focus\:z-20:focus {
  13923.  
  13924.    z-index: 20
  13925.  
  13926. }
  13927.  
  13928.  
  13929.  
  13930. .focus\:border-none:focus {
  13931.  
  13932.    border-style: none
  13933.  
  13934. }
  13935.  
  13936.  
  13937.  
  13938. .focus\:border-\[\#2D2EAD\]:focus {
  13939.  
  13940.    --tw-border-opacity: 1;
  13941.  
  13942.    border-color: rgb(45 46 173/var(--tw-border-opacity))
  13943.  
  13944. }
  13945.  
  13946.  
  13947.  
  13948. .focus\:border-\[\#707feb\]:focus {
  13949.  
  13950.    --tw-border-opacity: 1;
  13951.  
  13952.    border-color: rgb(112 127 235/var(--tw-border-opacity))
  13953.  
  13954. }
  13955.  
  13956.  
  13957.  
  13958. .focus\:border-indigo-700:focus {
  13959.  
  13960.    --tw-border-opacity: 1;
  13961.  
  13962.    border-color: rgb(67 56 202/var(--tw-border-opacity))
  13963.  
  13964. }
  13965.  
  13966.  
  13967.  
  13968. .focus\:outline-none:focus {
  13969.  
  13970.    outline: 2px solid transparent;
  13971.  
  13972.    outline-offset: 2px
  13973.  
  13974. }
  13975.  
  13976.  
  13977.  
  13978. .focus\:ring:focus {
  13979.  
  13980.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  13981.  
  13982.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
  13983.  
  13984. }
  13985.  
  13986.  
  13987.  
  13988. .focus\:ring-2:focus,.focus\:ring:focus {
  13989.  
  13990.    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
  13991.  
  13992. }
  13993.  
  13994.  
  13995.  
  13996. .focus\:ring-2:focus {
  13997.  
  13998.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  13999.  
  14000.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
  14001.  
  14002. }
  14003.  
  14004.  
  14005.  
  14006. .focus\:ring-\[\#2D2EAD\]:focus {
  14007.  
  14008.    --tw-ring-opacity: 1;
  14009.  
  14010.    --tw-ring-color: rgb(45 46 173/var(--tw-ring-opacity))
  14011.  
  14012. }
  14013.  
  14014.  
  14015.  
  14016. .focus\:ring-indigo-500:focus {
  14017.  
  14018.    --tw-ring-opacity: 1;
  14019.  
  14020.    --tw-ring-color: rgb(99 102 241/var(--tw-ring-opacity))
  14021.  
  14022. }
  14023.  
  14024.  
  14025.  
  14026. .focus\:ring-white:focus {
  14027.  
  14028.    --tw-ring-opacity: 1;
  14029.  
  14030.    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity))
  14031.  
  14032. }
  14033.  
  14034.  
  14035.  
  14036. .focus\:ring-offset-2:focus {
  14037.  
  14038.    --tw-ring-offset-width: 2px
  14039.  
  14040. }
  14041.  
  14042.  
  14043.  
  14044. .focus\:duration-300:focus {
  14045.  
  14046.    transition-duration: .3s
  14047.  
  14048. }
  14049.  
  14050.  
  14051.  
  14052. .focus-visible\:ring-2:focus-visible {
  14053.  
  14054.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  14055.  
  14056.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  14057.  
  14058.    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
  14059.  
  14060. }
  14061.  
  14062.  
  14063.  
  14064. .focus-visible\:ring-white:focus-visible {
  14065.  
  14066.    --tw-ring-opacity: 1;
  14067.  
  14068.    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity))
  14069.  
  14070. }
  14071.  
  14072.  
  14073.  
  14074. .focus-visible\:ring-opacity-75:focus-visible {
  14075.  
  14076.    --tw-ring-opacity: 0.75
  14077.  
  14078. }
  14079.  
  14080.  
  14081.  
  14082. .disabled\:cursor-not-allowed:disabled {
  14083.  
  14084.    cursor: not-allowed
  14085.  
  14086. }
  14087.  
  14088.  
  14089.  
  14090. .group:hover .group-hover\:text-btnPurple {
  14091.  
  14092.    --tw-text-opacity: 1;
  14093.  
  14094.    color: rgb(112 127 235/var(--tw-text-opacity))
  14095.  
  14096. }
  14097.  
  14098.  
  14099.  
  14100. .group:hover .group-hover\:text-btnPurple\/50 {
  14101.  
  14102.    color: rgba(112,127,235,.5)
  14103.  
  14104. }
  14105.  
  14106.  
  14107.  
  14108. .group:hover .group-hover\:text-gray-500 {
  14109.  
  14110.    --tw-text-opacity: 1;
  14111.  
  14112.    color: rgb(107 114 128/var(--tw-text-opacity))
  14113.  
  14114. }
  14115.  
  14116.  
  14117.  
  14118. .peer:-moz-placeholder-shown~.peer-placeholder-shown\:translate-y-0 {
  14119.  
  14120.    --tw-translate-y: 0px;
  14121.  
  14122.    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))
  14123.  
  14124. }
  14125.  
  14126.  
  14127.  
  14128. .peer:placeholder-shown~.peer-placeholder-shown\:translate-y-0 {
  14129.  
  14130.    --tw-translate-y: 0px;
  14131.  
  14132.    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))
  14133.  
  14134. }
  14135.  
  14136.  
  14137.  
  14138. .peer:-moz-placeholder-shown~.peer-placeholder-shown\:scale-100 {
  14139.  
  14140.    --tw-scale-x: 1;
  14141.  
  14142.    --tw-scale-y: 1;
  14143.  
  14144.    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))
  14145.  
  14146. }
  14147.  
  14148.  
  14149.  
  14150. .peer:placeholder-shown~.peer-placeholder-shown\:scale-100 {
  14151.  
  14152.    --tw-scale-x: 1;
  14153.  
  14154.    --tw-scale-y: 1;
  14155.  
  14156.    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))
  14157.  
  14158. }
  14159.  
  14160.  
  14161.  
  14162. .peer:focus~.peer-focus\:-translate-y-3 {
  14163.  
  14164.    --tw-translate-y: -0.75rem
  14165.  
  14166. }
  14167.  
  14168.  
  14169.  
  14170. .peer:focus~.peer-focus\:-translate-y-3,.peer:focus~.peer-focus\:scale-75 {
  14171.  
  14172.    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))
  14173.  
  14174. }
  14175.  
  14176.  
  14177.  
  14178. .peer:focus~.peer-focus\:scale-75 {
  14179.  
  14180.    --tw-scale-x: .75;
  14181.  
  14182.    --tw-scale-y: .75
  14183.  
  14184. }
  14185.  
  14186.  
  14187.  
  14188. @media (prefers-color-scheme: dark) {
  14189.  
  14190.    .dark\:border-gray-700 {
  14191.  
  14192.        --tw-border-opacity:1;
  14193.  
  14194.        border-color: rgb(55 65 81/var(--tw-border-opacity))
  14195.  
  14196.    }
  14197.  
  14198.  
  14199.  
  14200.    .dark\:bg-blue-200 {
  14201.  
  14202.        --tw-bg-opacity: 1;
  14203.  
  14204.        background-color: rgb(191 219 254/var(--tw-bg-opacity))
  14205.  
  14206.    }
  14207.  
  14208.  
  14209.  
  14210.    .dark\:bg-orange-200 {
  14211.  
  14212.        --tw-bg-opacity: 1;
  14213.  
  14214.        background-color: rgb(254 215 170/var(--tw-bg-opacity))
  14215.  
  14216.    }
  14217.  
  14218.  
  14219.  
  14220.    .dark\:text-blue-800 {
  14221.  
  14222.        --tw-text-opacity: 1;
  14223.  
  14224.        color: rgb(30 64 175/var(--tw-text-opacity))
  14225.  
  14226.    }
  14227.  
  14228.  
  14229.  
  14230.    .dark\:text-gray-600 {
  14231.  
  14232.        --tw-text-opacity: 1;
  14233.  
  14234.        color: rgb(75 85 99/var(--tw-text-opacity))
  14235.  
  14236.    }
  14237.  
  14238.  
  14239.  
  14240.    .dark\:text-orange-800 {
  14241.  
  14242.        --tw-text-opacity: 1;
  14243.  
  14244.        color: rgb(154 52 18/var(--tw-text-opacity))
  14245.  
  14246.    }
  14247.  
  14248. }
  14249.  
  14250.  
  14251.  
  14252. @media (min-width: 640px) {
  14253.  
  14254.    .sm\:static {
  14255.  
  14256.        position:static
  14257.  
  14258.    }
  14259.  
  14260.  
  14261.  
  14262.    .sm\:inset-auto {
  14263.  
  14264.        top: auto;
  14265.  
  14266.        right: auto;
  14267.  
  14268.        bottom: auto;
  14269.  
  14270.        left: auto
  14271.  
  14272.    }
  14273.  
  14274.  
  14275.  
  14276.    .sm\:col-span-2 {
  14277.  
  14278.        grid-column: span 2/span 2
  14279.  
  14280.    }
  14281.  
  14282.  
  14283.  
  14284.    .sm\:mx-16 {
  14285.  
  14286.        margin-left: 4rem;
  14287.  
  14288.        margin-right: 4rem
  14289.  
  14290.    }
  14291.  
  14292.  
  14293.  
  14294.    .sm\:my-16 {
  14295.  
  14296.        margin-top: 4rem;
  14297.  
  14298.        margin-bottom: 4rem
  14299.  
  14300.    }
  14301.  
  14302.  
  14303.  
  14304.    .sm\:my-8 {
  14305.  
  14306.        margin-top: 2rem;
  14307.  
  14308.        margin-bottom: 2rem
  14309.  
  14310.    }
  14311.  
  14312.  
  14313.  
  14314.    .sm\:-mr-10 {
  14315.  
  14316.        margin-right: -2.5rem
  14317.  
  14318.    }
  14319.  
  14320.  
  14321.  
  14322.    .sm\:ml-3 {
  14323.  
  14324.        margin-left: .75rem
  14325.  
  14326.    }
  14327.  
  14328.  
  14329.  
  14330.    .sm\:ml-4 {
  14331.  
  14332.        margin-left: 1rem
  14333.  
  14334.    }
  14335.  
  14336.  
  14337.  
  14338.    .sm\:ml-6 {
  14339.  
  14340.        margin-left: 1.5rem
  14341.  
  14342.    }
  14343.  
  14344.  
  14345.  
  14346.    .sm\:mt-0 {
  14347.  
  14348.        margin-top: 0
  14349.  
  14350.    }
  14351.  
  14352.  
  14353.  
  14354.    .sm\:mt-2 {
  14355.  
  14356.        margin-top: .5rem
  14357.  
  14358.    }
  14359.  
  14360.  
  14361.  
  14362.    .sm\:mt-4 {
  14363.  
  14364.        margin-top: 1rem
  14365.  
  14366.    }
  14367.  
  14368.  
  14369.  
  14370.    .sm\:mt-6 {
  14371.  
  14372.        margin-top: 1.5rem
  14373.  
  14374.    }
  14375.  
  14376.  
  14377.  
  14378.    .sm\:block {
  14379.  
  14380.        display: block
  14381.  
  14382.    }
  14383.  
  14384.  
  14385.  
  14386.    .sm\:flex {
  14387.  
  14388.        display: flex
  14389.  
  14390.    }
  14391.  
  14392.  
  14393.  
  14394.    .sm\:grid {
  14395.  
  14396.        display: grid
  14397.  
  14398.    }
  14399.  
  14400.  
  14401.  
  14402.    .sm\:hidden {
  14403.  
  14404.        display: none
  14405.  
  14406.    }
  14407.  
  14408.  
  14409.  
  14410.    .sm\:h-\[14\.4rem\] {
  14411.  
  14412.        height: 14.4rem
  14413.  
  14414.    }
  14415.  
  14416.  
  14417.  
  14418.    .sm\:max-h-\[11\.5rem\] {
  14419.  
  14420.        max-height: 11.5rem
  14421.  
  14422.    }
  14423.  
  14424.  
  14425.  
  14426.    .sm\:w-auto {
  14427.  
  14428.        width: auto
  14429.  
  14430.    }
  14431.  
  14432.  
  14433.  
  14434.    .sm\:w-full {
  14435.  
  14436.        width: 100%
  14437.  
  14438.    }
  14439.  
  14440.  
  14441.  
  14442.    .sm\:max-w-lg {
  14443.  
  14444.        max-width: 32rem
  14445.  
  14446.    }
  14447.  
  14448.  
  14449.  
  14450.    .sm\:scale-100 {
  14451.  
  14452.        --tw-scale-x: 1;
  14453.  
  14454.        --tw-scale-y: 1;
  14455.  
  14456.        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))
  14457.  
  14458.    }
  14459.  
  14460.  
  14461.  
  14462.    .sm\:grid-cols-2 {
  14463.  
  14464.        grid-template-columns: repeat(2,minmax(0,1fr))
  14465.  
  14466.    }
  14467.  
  14468.  
  14469.  
  14470.    .sm\:grid-cols-3 {
  14471.  
  14472.        grid-template-columns: repeat(3,minmax(0,1fr))
  14473.  
  14474.    }
  14475.  
  14476.  
  14477.  
  14478.    .sm\:grid-cols-4 {
  14479.  
  14480.        grid-template-columns: repeat(4,minmax(0,1fr))
  14481.  
  14482.    }
  14483.  
  14484.  
  14485.  
  14486.    .sm\:flex-row-reverse {
  14487.  
  14488.        flex-direction: row-reverse
  14489.  
  14490.    }
  14491.  
  14492.  
  14493.  
  14494.    .sm\:items-start {
  14495.  
  14496.        align-items: flex-start
  14497.  
  14498.    }
  14499.  
  14500.  
  14501.  
  14502.    .sm\:items-end {
  14503.  
  14504.        align-items: flex-end
  14505.  
  14506.    }
  14507.  
  14508.  
  14509.  
  14510.    .sm\:items-center {
  14511.  
  14512.        align-items: center
  14513.  
  14514.    }
  14515.  
  14516.  
  14517.  
  14518.    .sm\:justify-start {
  14519.  
  14520.        justify-content: flex-start
  14521.  
  14522.    }
  14523.  
  14524.  
  14525.  
  14526.    .sm\:justify-between {
  14527.  
  14528.        justify-content: space-between
  14529.  
  14530.    }
  14531.  
  14532.  
  14533.  
  14534.    .sm\:gap-3 {
  14535.  
  14536.        gap: .75rem
  14537.  
  14538.    }
  14539.  
  14540.  
  14541.  
  14542.    .sm\:gap-4 {
  14543.  
  14544.        gap: 1rem
  14545.  
  14546.    }
  14547.  
  14548.  
  14549.  
  14550.    .sm\:gap-x-0 {
  14551.  
  14552.        -moz-column-gap: 0;
  14553.  
  14554.        column-gap: 0
  14555.  
  14556.    }
  14557.  
  14558.  
  14559.  
  14560.    .sm\:rounded-lg {
  14561.  
  14562.        border-radius: .5rem
  14563.  
  14564.    }
  14565.  
  14566.  
  14567.  
  14568.    .sm\:rounded-md {
  14569.  
  14570.        border-radius: .375rem
  14571.  
  14572.    }
  14573.  
  14574.  
  14575.  
  14576.    .sm\:p-0 {
  14577.  
  14578.        padding: 0
  14579.  
  14580.    }
  14581.  
  14582.  
  14583.  
  14584.    .sm\:p-6 {
  14585.  
  14586.        padding: 1.5rem
  14587.  
  14588.    }
  14589.  
  14590.  
  14591.  
  14592.    .sm\:px-16 {
  14593.  
  14594.        padding-left: 4rem;
  14595.  
  14596.        padding-right: 4rem
  14597.  
  14598.    }
  14599.  
  14600.  
  14601.  
  14602.    .sm\:px-6 {
  14603.  
  14604.        padding-left: 1.5rem;
  14605.  
  14606.        padding-right: 1.5rem
  14607.  
  14608.    }
  14609.  
  14610.  
  14611.  
  14612.    .sm\:py-12 {
  14613.  
  14614.        padding-top: 3rem;
  14615.  
  14616.        padding-bottom: 3rem
  14617.  
  14618.    }
  14619.  
  14620.  
  14621.  
  14622.    .sm\:py-16 {
  14623.  
  14624.        padding-top: 4rem;
  14625.  
  14626.        padding-bottom: 4rem
  14627.  
  14628.    }
  14629.  
  14630.  
  14631.  
  14632.    .sm\:py-2 {
  14633.  
  14634.        padding-top: .5rem;
  14635.  
  14636.        padding-bottom: .5rem
  14637.  
  14638.    }
  14639.  
  14640.  
  14641.  
  14642.    .sm\:py-24 {
  14643.  
  14644.        padding-top: 6rem;
  14645.  
  14646.        padding-bottom: 6rem
  14647.  
  14648.    }
  14649.  
  14650.  
  14651.  
  14652.    .sm\:py-32 {
  14653.  
  14654.        padding-top: 8rem;
  14655.  
  14656.        padding-bottom: 8rem
  14657.  
  14658.    }
  14659.  
  14660.  
  14661.  
  14662.    .sm\:py-4 {
  14663.  
  14664.        padding-top: 1rem;
  14665.  
  14666.        padding-bottom: 1rem
  14667.  
  14668.    }
  14669.  
  14670.  
  14671.  
  14672.    .sm\:pb-\[0\.5rem\] {
  14673.  
  14674.        padding-bottom: .5rem
  14675.  
  14676.    }
  14677.  
  14678.  
  14679.  
  14680.    .sm\:pl-4 {
  14681.  
  14682.        padding-left: 1rem
  14683.  
  14684.    }
  14685.  
  14686.  
  14687.  
  14688.    .sm\:pr-0 {
  14689.  
  14690.        padding-right: 0
  14691.  
  14692.    }
  14693.  
  14694.  
  14695.  
  14696.    .sm\:text-left {
  14697.  
  14698.        text-align: left
  14699.  
  14700.    }
  14701.  
  14702.  
  14703.  
  14704.    .sm\:text-2xl {
  14705.  
  14706.        font-size: 1.5rem;
  14707.  
  14708.        line-height: 2rem
  14709.  
  14710.    }
  14711.  
  14712.  
  14713.  
  14714.    .sm\:text-sm {
  14715.  
  14716.        font-size: .875rem;
  14717.  
  14718.        line-height: 1.25rem
  14719.  
  14720.    }
  14721.  
  14722.  
  14723.  
  14724.    .sm\:text-xl {
  14725.  
  14726.        font-size: 1.25rem;
  14727.  
  14728.        line-height: 1.75rem
  14729.  
  14730.    }
  14731.  
  14732. }
  14733.  
  14734.  
  14735.  
  14736. @media (min-width: 768px) {
  14737.  
  14738.    .md\:static {
  14739.  
  14740.        position:static
  14741.  
  14742.    }
  14743.  
  14744.  
  14745.  
  14746.    .md\:inset-y-0 {
  14747.  
  14748.        top: 0;
  14749.  
  14750.        bottom: 0
  14751.  
  14752.    }
  14753.  
  14754.  
  14755.  
  14756.    .md\:left-0 {
  14757.  
  14758.        left: 0
  14759.  
  14760.    }
  14761.  
  14762.  
  14763.  
  14764.    .md\:col-span-11 {
  14765.  
  14766.        grid-column: span 11/span 11
  14767.  
  14768.    }
  14769.  
  14770.  
  14771.  
  14772.    .md\:col-span-6 {
  14773.  
  14774.        grid-column: span 6/span 6
  14775.  
  14776.    }
  14777.  
  14778.  
  14779.  
  14780.    .md\:col-span-7 {
  14781.  
  14782.        grid-column: span 7/span 7
  14783.  
  14784.    }
  14785.  
  14786.  
  14787.  
  14788.    .md\:my-12 {
  14789.  
  14790.        margin-top: 3rem;
  14791.  
  14792.        margin-bottom: 3rem
  14793.  
  14794.    }
  14795.  
  14796.  
  14797.  
  14798.    .md\:-mt-2 {
  14799.  
  14800.        margin-top: -.5rem
  14801.  
  14802.    }
  14803.  
  14804.  
  14805.  
  14806.    .md\:mb-12 {
  14807.  
  14808.        margin-bottom: 3rem
  14809.  
  14810.    }
  14811.  
  14812.  
  14813.  
  14814.    .md\:mb-2 {
  14815.  
  14816.        margin-bottom: .5rem
  14817.  
  14818.    }
  14819.  
  14820.  
  14821.  
  14822.    .md\:mt-1 {
  14823.  
  14824.        margin-top: .25rem
  14825.  
  14826.    }
  14827.  
  14828.  
  14829.  
  14830.    .md\:mt-10 {
  14831.  
  14832.        margin-top: 2.5rem
  14833.  
  14834.    }
  14835.  
  14836.  
  14837.  
  14838.    .md\:mt-16 {
  14839.  
  14840.        margin-top: 4rem
  14841.  
  14842.    }
  14843.  
  14844.  
  14845.  
  14846.    .md\:mt-3 {
  14847.  
  14848.        margin-top: .75rem
  14849.  
  14850.    }
  14851.  
  14852.  
  14853.  
  14854.    .md\:mt-6 {
  14855.  
  14856.        margin-top: 1.5rem
  14857.  
  14858.    }
  14859.  
  14860.  
  14861.  
  14862.    .md\:block {
  14863.  
  14864.        display: block
  14865.  
  14866.    }
  14867.  
  14868.  
  14869.  
  14870.    .md\:flex {
  14871.  
  14872.        display: flex
  14873.  
  14874.    }
  14875.  
  14876.  
  14877.  
  14878.    .md\:inline-flex {
  14879.  
  14880.        display: inline-flex
  14881.  
  14882.    }
  14883.  
  14884.  
  14885.  
  14886.    .md\:hidden {
  14887.  
  14888.        display: none
  14889.  
  14890.    }
  14891.  
  14892.  
  14893.  
  14894.    .md\:h-16 {
  14895.  
  14896.        height: 4rem
  14897.  
  14898.    }
  14899.  
  14900.  
  14901.  
  14902.    .md\:h-32 {
  14903.  
  14904.        height: 8rem
  14905.  
  14906.    }
  14907.  
  14908.  
  14909.  
  14910.    .md\:h-\[110px\] {
  14911.  
  14912.        height: 110px
  14913.  
  14914.    }
  14915.  
  14916.  
  14917.  
  14918.    .md\:h-\[480px\] {
  14919.  
  14920.        height: 480px
  14921.  
  14922.    }
  14923.  
  14924.  
  14925.  
  14926.    .md\:max-h-\[11\.5rem\] {
  14927.  
  14928.        max-height: 11.5rem
  14929.  
  14930.    }
  14931.  
  14932.  
  14933.  
  14934.    .md\:w-1\/2 {
  14935.  
  14936.        width: 50%
  14937.  
  14938.    }
  14939.  
  14940.  
  14941.  
  14942.    .md\:w-16 {
  14943.  
  14944.        width: 4rem
  14945.  
  14946.    }
  14947.  
  14948.  
  14949.  
  14950.    .md\:w-28 {
  14951.  
  14952.        width: 7rem
  14953.  
  14954.    }
  14955.  
  14956.  
  14957.  
  14958.    .md\:w-32 {
  14959.  
  14960.        width: 8rem
  14961.  
  14962.    }
  14963.  
  14964.  
  14965.  
  14966.    .md\:w-56 {
  14967.  
  14968.        width: 14rem
  14969.  
  14970.    }
  14971.  
  14972.  
  14973.  
  14974.    .md\:w-64 {
  14975.  
  14976.        width: 16rem
  14977.  
  14978.    }
  14979.  
  14980.  
  14981.  
  14982.    .md\:w-72 {
  14983.  
  14984.        width: 18rem
  14985.  
  14986.    }
  14987.  
  14988.  
  14989.  
  14990.    .md\:w-\[270px\] {
  14991.  
  14992.        width: 270px
  14993.  
  14994.    }
  14995.  
  14996.  
  14997.  
  14998.    .md\:w-\[75\%\] {
  14999.  
  15000.        width: 75%
  15001.  
  15002.    }
  15003.  
  15004.  
  15005.  
  15006.    .md\:max-w-\[18rem\] {
  15007.  
  15008.        max-width: 18rem
  15009.  
  15010.    }
  15011.  
  15012.  
  15013.  
  15014.    .md\:max-w-\[3\.3rem\] {
  15015.  
  15016.        max-width: 3.3rem
  15017.  
  15018.    }
  15019.  
  15020.  
  15021.  
  15022.    .md\:grid-cols-2 {
  15023.  
  15024.        grid-template-columns: repeat(2,minmax(0,1fr))
  15025.  
  15026.    }
  15027.  
  15028.  
  15029.  
  15030.    .md\:grid-cols-3 {
  15031.  
  15032.        grid-template-columns: repeat(3,minmax(0,1fr))
  15033.  
  15034.    }
  15035.  
  15036.  
  15037.  
  15038.    .md\:grid-cols-5 {
  15039.  
  15040.        grid-template-columns: repeat(5,minmax(0,1fr))
  15041.  
  15042.    }
  15043.  
  15044.  
  15045.  
  15046.    .md\:flex-row {
  15047.  
  15048.        flex-direction: row
  15049.  
  15050.    }
  15051.  
  15052.  
  15053.  
  15054.    .md\:flex-col {
  15055.  
  15056.        flex-direction: column
  15057.  
  15058.    }
  15059.  
  15060.  
  15061.  
  15062.    .md\:items-start {
  15063.  
  15064.        align-items: flex-start
  15065.  
  15066.    }
  15067.  
  15068.  
  15069.  
  15070.    .md\:items-center {
  15071.  
  15072.        align-items: center
  15073.  
  15074.    }
  15075.  
  15076.  
  15077.  
  15078.    .md\:justify-center {
  15079.  
  15080.        justify-content: center
  15081.  
  15082.    }
  15083.  
  15084.  
  15085.  
  15086.    .md\:justify-between {
  15087.  
  15088.        justify-content: space-between
  15089.  
  15090.    }
  15091.  
  15092.  
  15093.  
  15094.    .md\:gap-0 {
  15095.  
  15096.        gap: 0
  15097.  
  15098.    }
  15099.  
  15100.  
  15101.  
  15102.    .md\:gap-16 {
  15103.  
  15104.        gap: 4rem
  15105.  
  15106.    }
  15107.  
  15108.  
  15109.  
  15110.    .md\:gap-2 {
  15111.  
  15112.        gap: .5rem
  15113.  
  15114.    }
  15115.  
  15116.  
  15117.  
  15118.    .md\:gap-3 {
  15119.  
  15120.        gap: .75rem
  15121.  
  15122.    }
  15123.  
  15124.  
  15125.  
  15126.    .md\:gap-8 {
  15127.  
  15128.        gap: 2rem
  15129.  
  15130.    }
  15131.  
  15132.  
  15133.  
  15134.    .md\:space-x-10>:not([hidden])~:not([hidden]) {
  15135.  
  15136.        --tw-space-x-reverse: 0;
  15137.  
  15138.        margin-right: calc(2.5rem * var(--tw-space-x-reverse));
  15139.  
  15140.        margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)))
  15141.  
  15142.    }
  15143.  
  15144.  
  15145.  
  15146.    .md\:space-x-2>:not([hidden])~:not([hidden]) {
  15147.  
  15148.        --tw-space-x-reverse: 0;
  15149.  
  15150.        margin-right: calc(.5rem * var(--tw-space-x-reverse));
  15151.  
  15152.        margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
  15153.  
  15154.    }
  15155.  
  15156.  
  15157.  
  15158.    .md\:rounded-none {
  15159.  
  15160.        border-radius: 0
  15161.  
  15162.    }
  15163.  
  15164.  
  15165.  
  15166.    .md\:rounded-l-full {
  15167.  
  15168.        border-top-left-radius: 9999px;
  15169.  
  15170.        border-bottom-left-radius: 9999px
  15171.  
  15172.    }
  15173.  
  15174.  
  15175.  
  15176.    .md\:border-b-0 {
  15177.  
  15178.        border-bottom-width: 0
  15179.  
  15180.    }
  15181.  
  15182.  
  15183.  
  15184.    .md\:border-r {
  15185.  
  15186.        border-right-width: 1px
  15187.  
  15188.    }
  15189.  
  15190.  
  15191.  
  15192.    .md\:px-12 {
  15193.  
  15194.        padding-left: 3rem;
  15195.  
  15196.        padding-right: 3rem
  15197.  
  15198.    }
  15199.  
  15200.  
  15201.  
  15202.    .md\:px-14 {
  15203.  
  15204.        padding-left: 3.5rem;
  15205.  
  15206.        padding-right: 3.5rem
  15207.  
  15208.    }
  15209.  
  15210.  
  15211.  
  15212.    .md\:px-4 {
  15213.  
  15214.        padding-left: 1rem;
  15215.  
  15216.        padding-right: 1rem
  15217.  
  15218.    }
  15219.  
  15220.  
  15221.  
  15222.    .md\:px-6 {
  15223.  
  15224.        padding-left: 1.5rem;
  15225.  
  15226.        padding-right: 1.5rem
  15227.  
  15228.    }
  15229.  
  15230.  
  15231.  
  15232.    .md\:px-8 {
  15233.  
  15234.        padding-left: 2rem;
  15235.  
  15236.        padding-right: 2rem
  15237.  
  15238.    }
  15239.  
  15240.  
  15241.  
  15242.    .md\:py-5 {
  15243.  
  15244.        padding-top: 1.25rem;
  15245.  
  15246.        padding-bottom: 1.25rem
  15247.  
  15248.    }
  15249.  
  15250.  
  15251.  
  15252.    .md\:py-8 {
  15253.  
  15254.        padding-top: 2rem;
  15255.  
  15256.        padding-bottom: 2rem
  15257.  
  15258.    }
  15259.  
  15260.  
  15261.  
  15262.    .md\:pb-\[1rem\] {
  15263.  
  15264.        padding-bottom: 1rem
  15265.  
  15266.    }
  15267.  
  15268.  
  15269.  
  15270.    .md\:pl-12 {
  15271.  
  15272.        padding-left: 3rem
  15273.  
  15274.    }
  15275.  
  15276.  
  15277.  
  15278.    .md\:pt-16 {
  15279.  
  15280.        padding-top: 4rem
  15281.  
  15282.    }
  15283.  
  15284.  
  15285.  
  15286.    .md\:pt-8 {
  15287.  
  15288.        padding-top: 2rem
  15289.  
  15290.    }
  15291.  
  15292.  
  15293.  
  15294.    .md\:text-start {
  15295.  
  15296.        text-align: start
  15297.  
  15298.    }
  15299.  
  15300.  
  15301.  
  15302.    .md\:text-2xl {
  15303.  
  15304.        font-size: 1.5rem;
  15305.  
  15306.        line-height: 2rem
  15307.  
  15308.    }
  15309.  
  15310.  
  15311.  
  15312.    .md\:text-\[14px\] {
  15313.  
  15314.        font-size: 14px
  15315.  
  15316.    }
  15317.  
  15318.  
  15319.  
  15320.    .md\:text-\[15px\] {
  15321.  
  15322.        font-size: 15px
  15323.  
  15324.    }
  15325.  
  15326.  
  15327.  
  15328.    .md\:text-\[20px\] {
  15329.  
  15330.        font-size: 20px
  15331.  
  15332.    }
  15333.  
  15334.  
  15335.  
  15336.    .md\:text-\[28px\] {
  15337.  
  15338.        font-size: 28px
  15339.  
  15340.    }
  15341.  
  15342.  
  15343.  
  15344.    .md\:text-base {
  15345.  
  15346.        font-size: 1rem;
  15347.  
  15348.        line-height: 1.5rem
  15349.  
  15350.    }
  15351.  
  15352.  
  15353.  
  15354.    .md\:text-xl {
  15355.  
  15356.        font-size: 1.25rem;
  15357.  
  15358.        line-height: 1.75rem
  15359.  
  15360.    }
  15361.  
  15362. }
  15363.  
  15364.  
  15365.  
  15366. @media (min-width: 1024px) {
  15367.  
  15368.    .lg\:static {
  15369.  
  15370.        position:static
  15371.  
  15372.    }
  15373.  
  15374.  
  15375.  
  15376.    .lg\:col-span-12 {
  15377.  
  15378.        grid-column: span 12/span 12
  15379.  
  15380.    }
  15381.  
  15382.  
  15383.  
  15384.    .lg\:col-span-3 {
  15385.  
  15386.        grid-column: span 3/span 3
  15387.  
  15388.    }
  15389.  
  15390.  
  15391.  
  15392.    .lg\:col-span-4 {
  15393.  
  15394.        grid-column: span 4/span 4
  15395.  
  15396.    }
  15397.  
  15398.  
  15399.  
  15400.    .lg\:col-span-6 {
  15401.  
  15402.        grid-column: span 6/span 6
  15403.  
  15404.    }
  15405.  
  15406.  
  15407.  
  15408.    .lg\:col-span-7 {
  15409.  
  15410.        grid-column: span 7/span 7
  15411.  
  15412.    }
  15413.  
  15414.  
  15415.  
  15416.    .lg\:col-span-8 {
  15417.  
  15418.        grid-column: span 8/span 8
  15419.  
  15420.    }
  15421.  
  15422.  
  15423.  
  15424.    .lg\:col-span-9 {
  15425.  
  15426.        grid-column: span 9/span 9
  15427.  
  15428.    }
  15429.  
  15430.  
  15431.  
  15432.    .lg\:mb-12 {
  15433.  
  15434.        margin-bottom: 3rem
  15435.  
  15436.    }
  15437.  
  15438.  
  15439.  
  15440.    .lg\:mt-0 {
  15441.  
  15442.        margin-top: 0
  15443.  
  15444.    }
  15445.  
  15446.  
  15447.  
  15448.    .lg\:mt-16 {
  15449.  
  15450.        margin-top: 4rem
  15451.  
  15452.    }
  15453.  
  15454.  
  15455.  
  15456.    .lg\:mt-4 {
  15457.  
  15458.        margin-top: 1rem
  15459.  
  15460.    }
  15461.  
  15462.  
  15463.  
  15464.    .lg\:block {
  15465.  
  15466.        display: block
  15467.  
  15468.    }
  15469.  
  15470.  
  15471.  
  15472.    .lg\:flex {
  15473.  
  15474.        display: flex
  15475.  
  15476.    }
  15477.  
  15478.  
  15479.  
  15480.    .lg\:grid {
  15481.  
  15482.        display: grid
  15483.  
  15484.    }
  15485.  
  15486.  
  15487.  
  15488.    .lg\:hidden {
  15489.  
  15490.        display: none
  15491.  
  15492.    }
  15493.  
  15494.  
  15495.  
  15496.    .lg\:h-10 {
  15497.  
  15498.        height: 2.5rem
  15499.  
  15500.    }
  15501.  
  15502.  
  15503.  
  15504.    .lg\:h-14 {
  15505.  
  15506.        height: 3.5rem
  15507.  
  15508.    }
  15509.  
  15510.  
  15511.  
  15512.    .lg\:h-60 {
  15513.  
  15514.        height: 15rem
  15515.  
  15516.    }
  15517.  
  15518.  
  15519.  
  15520.    .lg\:h-\[14\.4rem\] {
  15521.  
  15522.        height: 14.4rem
  15523.  
  15524.    }
  15525.  
  15526.  
  15527.  
  15528.    .lg\:h-\[170px\] {
  15529.  
  15530.        height: 170px
  15531.  
  15532.    }
  15533.  
  15534.  
  15535.  
  15536.    .lg\:h-\[22\.5rem\] {
  15537.  
  15538.        height: 22.5rem
  15539.  
  15540.    }
  15541.  
  15542.  
  15543.  
  15544.    .lg\:h-\[500px\] {
  15545.  
  15546.        height: 500px
  15547.  
  15548.    }
  15549.  
  15550.  
  15551.  
  15552.    .lg\:max-h-\[14rem\] {
  15553.  
  15554.        max-height: 14rem
  15555.  
  15556.    }
  15557.  
  15558.  
  15559.  
  15560.    .lg\:w-14 {
  15561.  
  15562.        width: 3.5rem
  15563.  
  15564.    }
  15565.  
  15566.  
  15567.  
  15568.    .lg\:w-64 {
  15569.  
  15570.        width: 16rem
  15571.  
  15572.    }
  15573.  
  15574.  
  15575.  
  15576.    .lg\:w-72 {
  15577.  
  15578.        width: 18rem
  15579.  
  15580.    }
  15581.  
  15582.  
  15583.  
  15584.    .lg\:w-80 {
  15585.  
  15586.        width: 20rem
  15587.  
  15588.    }
  15589.  
  15590.  
  15591.  
  15592.    .lg\:w-\[100\%\] {
  15593.  
  15594.        width: 100%
  15595.  
  15596.    }
  15597.  
  15598.  
  15599.  
  15600.    .lg\:w-\[170px\] {
  15601.  
  15602.        width: 170px
  15603.  
  15604.    }
  15605.  
  15606.  
  15607.  
  15608.    .lg\:w-\[300px\] {
  15609.  
  15610.        width: 300px
  15611.  
  15612.    }
  15613.  
  15614.  
  15615.  
  15616.    .lg\:w-\[35\%\] {
  15617.  
  15618.        width: 35%
  15619.  
  15620.    }
  15621.  
  15622.  
  15623.  
  15624.    .lg\:min-w-0 {
  15625.  
  15626.        min-width: 0
  15627.  
  15628.    }
  15629.  
  15630.  
  15631.  
  15632.    .lg\:max-w-6xl {
  15633.  
  15634.        max-width: 72rem
  15635.  
  15636.    }
  15637.  
  15638.  
  15639.  
  15640.    .lg\:max-w-\[20rem\] {
  15641.  
  15642.        max-width: 20rem
  15643.  
  15644.    }
  15645.  
  15646.  
  15647.  
  15648.    .lg\:max-w-\[3\.5rem\] {
  15649.  
  15650.        max-width: 3.5rem
  15651.  
  15652.    }
  15653.  
  15654.  
  15655.  
  15656.    .lg\:flex-1 {
  15657.  
  15658.        flex: 1 1 0%
  15659.  
  15660.    }
  15661.  
  15662.  
  15663.  
  15664.    .lg\:grid-cols-2 {
  15665.  
  15666.        grid-template-columns: repeat(2,minmax(0,1fr))
  15667.  
  15668.    }
  15669.  
  15670.  
  15671.  
  15672.    .lg\:grid-cols-3 {
  15673.  
  15674.        grid-template-columns: repeat(3,minmax(0,1fr))
  15675.  
  15676.    }
  15677.  
  15678.  
  15679.  
  15680.    .lg\:grid-cols-4 {
  15681.  
  15682.        grid-template-columns: repeat(4,minmax(0,1fr))
  15683.  
  15684.    }
  15685.  
  15686.  
  15687.  
  15688.    .lg\:grid-cols-6 {
  15689.  
  15690.        grid-template-columns: repeat(6,minmax(0,1fr))
  15691.  
  15692.    }
  15693.  
  15694.  
  15695.  
  15696.    .lg\:flex-row {
  15697.  
  15698.        flex-direction: row
  15699.  
  15700.    }
  15701.  
  15702.  
  15703.  
  15704.    .lg\:flex-col {
  15705.  
  15706.        flex-direction: column
  15707.  
  15708.    }
  15709.  
  15710.  
  15711.  
  15712.    .lg\:content-between {
  15713.  
  15714.        align-content: space-between
  15715.  
  15716.    }
  15717.  
  15718.  
  15719.  
  15720.    .lg\:items-start {
  15721.  
  15722.        align-items: flex-start
  15723.  
  15724.    }
  15725.  
  15726.  
  15727.  
  15728.    .lg\:items-center {
  15729.  
  15730.        align-items: center
  15731.  
  15732.    }
  15733.  
  15734.  
  15735.  
  15736.    .lg\:justify-between {
  15737.  
  15738.        justify-content: space-between
  15739.  
  15740.    }
  15741.  
  15742.  
  15743.  
  15744.    .lg\:gap-0 {
  15745.  
  15746.        gap: 0
  15747.  
  15748.    }
  15749.  
  15750.  
  15751.  
  15752.    .lg\:gap-10 {
  15753.  
  15754.        gap: 2.5rem
  15755.  
  15756.    }
  15757.  
  15758.  
  15759.  
  15760.    .lg\:gap-2 {
  15761.  
  15762.        gap: .5rem
  15763.  
  15764.    }
  15765.  
  15766.  
  15767.  
  15768.    .lg\:gap-20 {
  15769.  
  15770.        gap: 5rem
  15771.  
  15772.    }
  15773.  
  15774.  
  15775.  
  15776.    .lg\:gap-4 {
  15777.  
  15778.        gap: 1rem
  15779.  
  15780.    }
  15781.  
  15782.  
  15783.  
  15784.    .lg\:gap-6 {
  15785.  
  15786.        gap: 1.5rem
  15787.  
  15788.    }
  15789.  
  15790.  
  15791.  
  15792.    .lg\:gap-x-16 {
  15793.  
  15794.        -moz-column-gap: 4rem;
  15795.  
  15796.        column-gap: 4rem
  15797.  
  15798.    }
  15799.  
  15800.  
  15801.  
  15802.    .lg\:gap-x-4 {
  15803.  
  15804.        -moz-column-gap: 1rem;
  15805.  
  15806.        column-gap: 1rem
  15807.  
  15808.    }
  15809.  
  15810.  
  15811.  
  15812.    .lg\:gap-x-\[58px\] {
  15813.  
  15814.        -moz-column-gap: 58px;
  15815.  
  15816.        column-gap: 58px
  15817.  
  15818.    }
  15819.  
  15820.  
  15821.  
  15822.    .lg\:overflow-y-visible {
  15823.  
  15824.        overflow-y: visible
  15825.  
  15826.    }
  15827.  
  15828.  
  15829.  
  15830.    .lg\:rounded-2xl {
  15831.  
  15832.        border-radius: 1rem
  15833.  
  15834.    }
  15835.  
  15836.  
  15837.  
  15838.    .lg\:border-b-0 {
  15839.  
  15840.        border-bottom-width: 0
  15841.  
  15842.    }
  15843.  
  15844.  
  15845.  
  15846.    .lg\:border-r {
  15847.  
  15848.        border-right-width: 1px
  15849.  
  15850.    }
  15851.  
  15852.  
  15853.  
  15854.    .lg\:p-0 {
  15855.  
  15856.        padding: 0
  15857.  
  15858.    }
  15859.  
  15860.  
  15861.  
  15862.    .lg\:px-0 {
  15863.  
  15864.        padding-left: 0;
  15865.  
  15866.        padding-right: 0
  15867.  
  15868.    }
  15869.  
  15870.  
  15871.  
  15872.    .lg\:px-10 {
  15873.  
  15874.        padding-left: 2.5rem;
  15875.  
  15876.        padding-right: 2.5rem
  15877.  
  15878.    }
  15879.  
  15880.  
  15881.  
  15882.    .lg\:px-11 {
  15883.  
  15884.        padding-left: 2.75rem;
  15885.  
  15886.        padding-right: 2.75rem
  15887.  
  15888.    }
  15889.  
  15890.  
  15891.  
  15892.    .lg\:px-12 {
  15893.  
  15894.        padding-left: 3rem;
  15895.  
  15896.        padding-right: 3rem
  15897.  
  15898.    }
  15899.  
  15900.  
  15901.  
  15902.    .lg\:px-14 {
  15903.  
  15904.        padding-left: 3.5rem;
  15905.  
  15906.        padding-right: 3.5rem
  15907.  
  15908.    }
  15909.  
  15910.  
  15911.  
  15912.    .lg\:px-16 {
  15913.  
  15914.        padding-left: 4rem;
  15915.  
  15916.        padding-right: 4rem
  15917.  
  15918.    }
  15919.  
  15920.  
  15921.  
  15922.    .lg\:px-20 {
  15923.  
  15924.        padding-left: 5rem;
  15925.  
  15926.        padding-right: 5rem
  15927.  
  15928.    }
  15929.  
  15930.  
  15931.  
  15932.    .lg\:px-7 {
  15933.  
  15934.        padding-left: 1.75rem;
  15935.  
  15936.        padding-right: 1.75rem
  15937.  
  15938.    }
  15939.  
  15940.  
  15941.  
  15942.    .lg\:px-8 {
  15943.  
  15944.        padding-left: 2rem;
  15945.  
  15946.        padding-right: 2rem
  15947.  
  15948.    }
  15949.  
  15950.  
  15951.  
  15952.    .lg\:px-\[3\.2rem\] {
  15953.  
  15954.        padding-left: 3.2rem;
  15955.  
  15956.        padding-right: 3.2rem
  15957.  
  15958.    }
  15959.  
  15960.  
  15961.  
  15962.    .lg\:py-24 {
  15963.  
  15964.        padding-top: 6rem;
  15965.  
  15966.        padding-bottom: 6rem
  15967.  
  15968.    }
  15969.  
  15970.  
  15971.  
  15972.    .lg\:py-4 {
  15973.  
  15974.        padding-top: 1rem;
  15975.  
  15976.        padding-bottom: 1rem
  15977.  
  15978.    }
  15979.  
  15980.  
  15981.  
  15982.    .lg\:py-8 {
  15983.  
  15984.        padding-top: 2rem;
  15985.  
  15986.        padding-bottom: 2rem
  15987.  
  15988.    }
  15989.  
  15990.  
  15991.  
  15992.    .lg\:pb-\[3\.5rem\] {
  15993.  
  15994.        padding-bottom: 3.5rem
  15995.  
  15996.    }
  15997.  
  15998.  
  15999.  
  16000.    .lg\:pr-2 {
  16001.  
  16002.        padding-right: .5rem
  16003.  
  16004.    }
  16005.  
  16006.  
  16007.  
  16008.    .lg\:pt-10 {
  16009.  
  16010.        padding-top: 2.5rem
  16011.  
  16012.    }
  16013.  
  16014.  
  16015.  
  16016.    .lg\:pt-14 {
  16017.  
  16018.        padding-top: 3.5rem
  16019.  
  16020.    }
  16021.  
  16022.  
  16023.  
  16024.    .lg\:pt-24 {
  16025.  
  16026.        padding-top: 6rem
  16027.  
  16028.    }
  16029.  
  16030.  
  16031.  
  16032.    .lg\:text-start {
  16033.  
  16034.        text-align: start
  16035.  
  16036.    }
  16037.  
  16038.  
  16039.  
  16040.    .lg\:text-2xl {
  16041.  
  16042.        font-size: 1.5rem;
  16043.  
  16044.        line-height: 2rem
  16045.  
  16046.    }
  16047.  
  16048.  
  16049.  
  16050.    .lg\:text-4xl {
  16051.  
  16052.        font-size: 2.25rem;
  16053.  
  16054.        line-height: 2.5rem
  16055.  
  16056.    }
  16057.  
  16058.  
  16059.  
  16060.    .lg\:text-\[14px\] {
  16061.  
  16062.        font-size: 14px
  16063.  
  16064.    }
  16065.  
  16066.  
  16067.  
  16068.    .lg\:text-\[15px\] {
  16069.  
  16070.        font-size: 15px
  16071.  
  16072.    }
  16073.  
  16074.  
  16075.  
  16076.    .lg\:text-\[16px\] {
  16077.  
  16078.        font-size: 16px
  16079.  
  16080.    }
  16081.  
  16082.  
  16083.  
  16084.    .lg\:text-\[20px\] {
  16085.  
  16086.        font-size: 20px
  16087.  
  16088.    }
  16089.  
  16090.  
  16091.  
  16092.    .lg\:text-\[26px\] {
  16093.  
  16094.        font-size: 26px
  16095.  
  16096.    }
  16097.  
  16098.  
  16099.  
  16100.    .lg\:text-\[30px\] {
  16101.  
  16102.        font-size: 30px
  16103.  
  16104.    }
  16105.  
  16106.  
  16107.  
  16108.    .lg\:text-\[32px\] {
  16109.  
  16110.        font-size: 32px
  16111.  
  16112.    }
  16113.  
  16114.  
  16115.  
  16116.    .lg\:text-lg {
  16117.  
  16118.        font-size: 1.125rem;
  16119.  
  16120.        line-height: 1.75rem
  16121.  
  16122.    }
  16123.  
  16124. }
  16125.  
  16126.  
  16127.  
  16128. @media (min-width: 1280px) {
  16129.  
  16130.    .xl\:col-span-1 {
  16131.  
  16132.        grid-column:span 1/span 1
  16133.  
  16134.    }
  16135.  
  16136.  
  16137.  
  16138.    .xl\:col-span-2 {
  16139.  
  16140.        grid-column: span 2/span 2
  16141.  
  16142.    }
  16143.  
  16144.  
  16145.  
  16146.    .xl\:col-span-4 {
  16147.  
  16148.        grid-column: span 4/span 4
  16149.  
  16150.    }
  16151.  
  16152.  
  16153.  
  16154.    .xl\:col-span-6 {
  16155.  
  16156.        grid-column: span 6/span 6
  16157.  
  16158.    }
  16159.  
  16160.  
  16161.  
  16162.    .xl\:col-span-8 {
  16163.  
  16164.        grid-column: span 8/span 8
  16165.  
  16166.    }
  16167.  
  16168.  
  16169.  
  16170.    .xl\:mt-0 {
  16171.  
  16172.        margin-top: 0
  16173.  
  16174.    }
  16175.  
  16176.  
  16177.  
  16178.    .xl\:block {
  16179.  
  16180.        display: block
  16181.  
  16182.    }
  16183.  
  16184.  
  16185.  
  16186.    .xl\:flex {
  16187.  
  16188.        display: flex
  16189.  
  16190.    }
  16191.  
  16192.  
  16193.  
  16194.    .xl\:w-auto {
  16195.  
  16196.        width: auto
  16197.  
  16198.    }
  16199.  
  16200.  
  16201.  
  16202.    .xl\:w-full {
  16203.  
  16204.        width: 100%
  16205.  
  16206.    }
  16207.  
  16208.  
  16209.  
  16210.    .xl\:max-w-\[1280px\] {
  16211.  
  16212.        max-width: 1280px
  16213.  
  16214.    }
  16215.  
  16216.  
  16217.  
  16218.    .xl\:grid-cols-6 {
  16219.  
  16220.        grid-template-columns: repeat(6,minmax(0,1fr))
  16221.  
  16222.    }
  16223.  
  16224.  
  16225.  
  16226.    .xl\:gap-4 {
  16227.  
  16228.        gap: 1rem
  16229.  
  16230.    }
  16231.  
  16232.  
  16233.  
  16234.    .xl\:px-7 {
  16235.  
  16236.        padding-left: 1.75rem;
  16237.  
  16238.        padding-right: 1.75rem
  16239.  
  16240.    }
  16241.  
  16242.  
  16243.  
  16244.    .xl\:text-center {
  16245.  
  16246.        text-align: center
  16247.  
  16248.    }
  16249.  
  16250.  
  16251.  
  16252.    .xl\:text-2xl {
  16253.  
  16254.        font-size: 1.5rem;
  16255.  
  16256.        line-height: 2rem
  16257.  
  16258.    }
  16259.  
  16260.  
  16261.  
  16262.    .xl\:text-base {
  16263.  
  16264.        font-size: 1rem;
  16265.  
  16266.        line-height: 1.5rem
  16267.  
  16268.    }
  16269.  
  16270. }
  16271.  
  16272.  
  16273.  
  16274.  
  16275.  
  16276. .font-medium {
  16277.  
  16278.    font-weight: 500;
  16279.  
  16280. }
  16281.  
  16282. .text-sm {
  16283.  
  16284.    font-size: .875rem;
  16285.  
  16286.    line-height: 1.25rem;
  16287.  
  16288. }
  16289.  
  16290. .py-2 {
  16291.  
  16292.    padding-top: 0.5rem;
  16293.  
  16294.    padding-bottom: 0.5rem;
  16295.  
  16296. }
  16297.  
  16298. .rounded-md {
  16299.  
  16300.    border-radius: 0.375rem;
  16301.  
  16302. }
  16303.  
  16304. .justify-center {
  16305.  
  16306.    justify-content: center;
  16307.  
  16308. }
  16309.  
  16310. .w-full {
  16311.  
  16312.    width: 100%;
  16313.  
  16314. }
  16315.  
  16316. .inline-flex {
  16317.  
  16318.    display: inline-flex;
  16319.  
  16320. }
  16321.  
  16322. [type=button], [type=reset], [type=submit], button {
  16323.  
  16324.    -webkit-appearance: button;
  16325.  
  16326.    background-color: transparent;
  16327.  
  16328.    background-image: none;
  16329.  
  16330. }
  16331.  
  16332. [role=button], button {
  16333.  
  16334.    cursor: pointer;
  16335.  
  16336. }
  16337.  
  16338. button, select {
  16339.  
  16340.    text-transform: none;
  16341.  
  16342. }
  16343.  
  16344. button, input, optgroup, select, textarea {
  16345.  
  16346.    font-family: inherit;
  16347.  
  16348.    font-size: 100%;
  16349.  
  16350.    font-weight: inherit;
  16351.  
  16352.    line-height: inherit;
  16353.  
  16354.    color: inherit;
  16355.  
  16356.    margin: 0;
  16357.  
  16358.    padding: 0;
  16359.  
  16360. }
  16361.  
  16362.  
  16363.  
  16364. .gap-4 {
  16365.  
  16366.    gap: 1rem;
  16367.  
  16368. }
  16369.  
  16370. .items-center {
  16371.  
  16372.    align-items: center;
  16373.  
  16374. }
  16375.  
  16376. .flex-1 {
  16377.  
  16378.    flex: 1 1 0%;
  16379.  
  16380. }
  16381.  
  16382. .flex {
  16383.  
  16384.    display: flex;
  16385.  
  16386. }
  16387.  
  16388. .ml-12 {
  16389.  
  16390.    margin-left: 3rem;
  16391.  
  16392. }
  16393.  
  16394.  
  16395.  
  16396.  
  16397.  
  16398. .pr-2 {
  16399.  
  16400.    padding-right: 0.5rem;
  16401.  
  16402. }
  16403.  
  16404.  
  16405.  
  16406. .items-center {
  16407.  
  16408.    align-items: center;
  16409.  
  16410. }
  16411.  
  16412. .flex {
  16413.  
  16414.    display: flex;
  16415.  
  16416. }
  16417.  
  16418. .right-0 {
  16419.  
  16420.    right: 0;
  16421.  
  16422. }
  16423.  
  16424. .inset-y-0 {
  16425.  
  16426.    top: 0;
  16427.  
  16428.    bottom: 0;
  16429.  
  16430. }
  16431.  
  16432. .absolute {
  16433.  
  16434.    position: absolute;
  16435.  
  16436. }
  16437.  
  16438.  
  16439.  
  16440. .css-18exuzb {
  16441.  
  16442.    color: rgb(255, 255, 255);
  16443.  
  16444.    background: rgb(39, 39, 48);
  16445.  
  16446. }
  16447.  
  16448. .ring-opacity-5 {
  16449.  
  16450.    --tw-ring-opacity: 0.05;
  16451.  
  16452. }
  16453.  
  16454. .ring-black {
  16455.  
  16456.    --tw-ring-opacity: 1;
  16457.  
  16458.    --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity));
  16459.  
  16460. }
  16461.  
  16462. .ring-1 {
  16463.  
  16464.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  16465.  
  16466.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  16467.  
  16468.    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);
  16469.  
  16470. }
  16471.  
  16472. .shadow-lg {
  16473.  
  16474.    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
  16475.  
  16476.    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
  16477.  
  16478. }
  16479.  
  16480. .shadow-2xl, .shadow-lg {
  16481.  
  16482.    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  16483.  
  16484. }
  16485.  
  16486. .opacity-100 {
  16487.  
  16488.    opacity: 1;
  16489.  
  16490. }
  16491.  
  16492. .rounded-md {
  16493.  
  16494.    border-radius: 0.375rem;
  16495.  
  16496. }
  16497.  
  16498. .transform {
  16499.  
  16500.    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));
  16501.  
  16502. }
  16503.  
  16504. .scale-100 {
  16505.  
  16506.    --tw-scale-x: 1;
  16507.  
  16508.    --tw-scale-y: 1;
  16509.  
  16510. }
  16511.  
  16512. .rotate-180, .scale-100 {
  16513.  
  16514.    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));
  16515.  
  16516. }
  16517.  
  16518. .origin-top-right {
  16519.  
  16520.    transform-origin: top right;
  16521.  
  16522. }
  16523.  
  16524. .w-72 {
  16525.  
  16526.    width: 18rem;
  16527.  
  16528. }
  16529.  
  16530. .mt-2 {
  16531.  
  16532.    margin-top: 0.5rem;
  16533.  
  16534. }
  16535.  
  16536. .right-0 {
  16537.  
  16538.    right: 0;
  16539.  
  16540. }
  16541.  
  16542. .absolute {
  16543.  
  16544.    position: absolute;
  16545.  
  16546. }
  16547.  
  16548.  
  16549.  
  16550. .css-1wpp9sf {
  16551.  
  16552.    color: rgb(255, 255, 255);
  16553.  
  16554.    background: rgb(245, 121, 30);
  16555.  
  16556. }
  16557.  
  16558.  
  16559.  
  16560. .css-mxl5am {
  16561.  
  16562.    color: rgb(255, 255, 255);
  16563.  
  16564.    background: white;
  16565.  
  16566. }
  16567.  
  16568. .duration-300 {
  16569.  
  16570.    transition-duration: .3s;
  16571.  
  16572. }
  16573.  
  16574. .transition {
  16575.  
  16576.    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  16577.  
  16578.    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  16579.  
  16580.    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  16581.  
  16582.    transition-timing-function: cubic-bezier(.4,0,.2,1);
  16583.  
  16584.    transition-duration: .15s;
  16585.  
  16586. }
  16587.  
  16588. .font-medium {
  16589.  
  16590.    font-weight: 500;
  16591.  
  16592. }
  16593.  
  16594. .text-sm {
  16595.  
  16596.    font-size: .875rem;
  16597.  
  16598.    line-height: 1.25rem;
  16599.  
  16600. }
  16601.  
  16602. .py-2 {
  16603.  
  16604.    padding-top: 0.5rem;
  16605.  
  16606.    padding-bottom: 0.5rem;
  16607.  
  16608. }
  16609.  
  16610. .rounded-l-full {
  16611.  
  16612.    border-top-left-radius: 9999px;
  16613.  
  16614.    border-bottom-left-radius: 9999px;
  16615.  
  16616. }
  16617.  
  16618. .justify-center {
  16619.  
  16620.    justify-content: center;
  16621.  
  16622. }
  16623.  
  16624. .w-full {
  16625.  
  16626.    width: 100%;
  16627.  
  16628. }
  16629.  
  16630. .flex {
  16631.  
  16632.    display: flex;
  16633.  
  16634. }
  16635.  
  16636.  
  16637.  
  16638. .w-auto {
  16639.  
  16640.    width: auto;
  16641.  
  16642. }
  16643.  
  16644. .h-10 {
  16645.  
  16646.    height: 1.5rem;
  16647.  
  16648. }
  16649.  
  16650. .block {
  16651.  
  16652.    display: block;
  16653.  
  16654. }
  16655.  
  16656. .offcanvas {
  16657.  
  16658.        width: 100%;
  16659.  
  16660.        max-width: 250px;
  16661.  
  16662.    }
  16663.  
  16664.  
  16665.  
  16666.    /* Desktop */
  16667.  
  16668.    @media screen and (min-width: 768px) {
  16669.  
  16670.        .offcanvas {
  16671.  
  16672.            width: 350px;
  16673.  
  16674.        
  16675.  
  16676.        }
  16677.  
  16678.    }
  16679.  
  16680.    
  16681.  
  16682.    .css-1tq05rq {
  16683.  
  16684.    color: rgb(25225, 255, 255);
  16685.  
  16686. }
  16687.  
  16688. .font-medium {
  16689.  
  16690.    font-weight: 500;
  16691.  
  16692. }
  16693.  
  16694. .text-base {
  16695.  
  16696.    font-size: 1rem;
  16697.  
  16698.    line-height: 1.5rem;
  16699.  
  16700. }
  16701.  
  16702. .p-2 {
  16703.  
  16704.    padding: 0.5rem;
  16705.  
  16706. }
  16707.  
  16708. .rounded-md {
  16709.  
  16710.    border-radius: 0.375rem;
  16711.  
  16712. }
  16713.  
  16714. .items-center {
  16715.  
  16716.    align-items: center;
  16717.  
  16718. }
  16719.  
  16720. .flex {
  16721.  
  16722.    display: flex;
  16723.  
  16724. }
  16725. </style>
  16726. <head>
  16727.    <meta charset="utf-8" />
  16728.    <title>MDN ITEMS - Toko Store Website Top Up Termurah dan Tercepat</title>
  16729.    <meta name="csrf-token" content="mLvqESGoZqtK1uQFQZTeAezW8WiiPXTwZYyD3Vg6">
  16730.        <meta name="viewport" content="width=device-width, initial-scale=1">
  16731.    
  16732.    <link rel="canonical" href="https://mdnitems.com/">
  16733.    <meta name="google-site-verification" content="cekVOdTsuD0oREC-uQE-Y6yE2HeIRMCz4SkR2_Qjkw4"/>
  16734.    <meta name="google-site-verification" content="uctwWEQtHtk9qsWdpGPqMbwMZDVmJgMqJWIrXKRbtJ0" />
  16735.    <meta name="trustpilot-one-time-domain-verification-id" content="0ce6460c-9ad7-4b30-8f60-c780961303a5"/>
  16736.    <meta name="kredibel-verification" value="U4J52C">
  16737.    <meta name="description" content="Toko Top Up Games Online Cepat Termurah di Indonesia Store Website menjual Produk Game Online Mobile Legends, Token Listrik, Internet dan Netflix dan lainnya.">
  16738.    <meta name="keywords" content="mdn items, top up game, bayar, toko, voucher, top up mlbb mdnitems, top up mdn items, bayar pln, top up game online, top up murah, mdn items store, top up cepat, fast top up, via login,vilog, facebook, instagram, youtube.">
  16739.    <meta name="author" content="MDN ITEMS">
  16740. </head>
  16741.  
  16742.    <link rel="shortcut icon" href="/assets/logo/favmdnitems.png">
  16743.    <!--internal-->
  16744.    <link href="/public/assets/css/bootstrap.min.css?v=1670035018 " id="bootstrap-style" rel="stylesheet"
  16745.        type="text/css" />
  16746.    <link rel="stylesheet" type="text/css" href="/public/assets/libs/toastr/build/toastr.min.css">
  16747.    <link href="/public/assets/css/icons.min.css" rel="stylesheet" type="text/css" />
  16748.    <link href="/public/assets/css/flipdown.css" rel="stylesheet" type="text/css" />
  16749.    <link href="/public/assets/css/app.min.css?v=1717790700" id="app-style" rel="stylesheet" type="text/css" />
  16750.    <link href="/public/assets/libs/sweetalert2/sweetalert2.min.css" rel="stylesheet" type="text/css" />
  16751.    <link href="/public/assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet"
  16752.        type="text/css" />
  16753.    <link href="/public/assets/libs/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css" rel="stylesheet"
  16754.        type="text/css" />
  16755.    <link href="/public/assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css"
  16756.        rel="stylesheet" type="text/css" />
  16757.    <script src="/public/assets/libs/jquery/jquery.min.js"></script>
  16758.    <!--penutup-->
  16759.    <!--eksternal-->
  16760.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
  16761.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pace/1.2.4/themes/red/pace-theme-flash.min.css">
  16762.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
  16763.    <!-- Swiper CSS -->
  16764.    <link rel="stylesheet" href="/assets/css/swiper-bundle.min.css">
  16765.    
  16766.    <!-- Swiper CSS -->
  16767.    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
  16768.  
  16769.    <link rel="stylesheet" href="https://cdn.datatables.net/1.12.1/css/dataTables.bootstrap5.min.css">
  16770.    <!-- Google tag (gtag.js) -->
  16771. <script async src="https://www.googletagmanager.com/gtag/js?id=G-K1SC1G8V62"></script>
  16772. <script>
  16773.  window.dataLayer = window.dataLayer || [];
  16774.  function gtag(){dataLayer.push(arguments);}
  16775.  gtag('js', new Date());
  16776.  
  16777.  gtag('config', 'G-K1SC1G8V62');
  16778. </script>
  16779.      
  16780.  <script type="application/ld+json">
  16781.  {
  16782.    "@context": "https://schema.org",
  16783.    "@type": "FAQPage",
  16784.    "mainEntity": [{
  16785.      "@type": "Question",
  16786.      "name": "Bagaimana cara belanja di MDN ITEMS ini?",
  16787.      "acceptedAnswer": {
  16788.        "@type": "Answer",
  16789.        "text": "Hanya dengan Scan QRIS..."
  16790.      }
  16791.    }, {
  16792.      "@type": "Question",
  16793.      "name": "Apakah Website MDN ITEMS ini Terpecaya?",
  16794.      "acceptedAnswer": {
  16795.        "@type": "Answer",
  16796.        "text": "Benar sekali..."
  16797.      }
  16798.    }, {
  16799.      "@type": "Question",
  16800.      "name": "Berapa lama proses pengerjaan?",
  16801.      "acceptedAnswer": {
  16802.        "@type": "Answer",
  16803.        "text": "Hitungan detik..."
  16804.      }
  16805.    }]
  16806.  }
  16807.  </script>
  16808.  
  16809.  
  16810.  <script type="application/ld+json">
  16811.  {
  16812.    "@context": "https://schema.org/",
  16813.    "@type": "WebSite",
  16814.    "name": "Mdn Items",
  16815.    "url": "https://mdnitems.com/",
  16816.    "potentialAction": {
  16817.      "@type": "SearchAction",
  16818.      "target": "https://mdnitems.com/{search_term_string}",
  16819.      "query-input": "required name=search_term_string"
  16820.    }
  16821.  }
  16822.  </script>
  16823.  
  16824.  
  16825.  <script type="application/ld+json">
  16826.  {
  16827.    "@context": "https://schema.org/",
  16828.    "@type": "BreadcrumbList",
  16829.    "itemListElement": [{
  16830.      "@type": "ListItem",
  16831.      "position": 1,
  16832.      "name": "Mobile Legends - ML",
  16833.      "item": "https://mdnitems.com/game/mobile-legends"  
  16834.    },{
  16835.      "@type": "ListItem",
  16836.      "position": 2,
  16837.      "name": "UC PUBG",
  16838.      "item": "https://mdnitems.com/game/PUBG-MOBILE"  
  16839.    },{
  16840.      "@type": "ListItem",
  16841.      "position": 3,
  16842.      "name": "Honor Of Kings - HOK",
  16843.      "item": "https://mdnitems.com/game/Honor-of-Kings"  
  16844.    },{
  16845.      "@type": "ListItem",
  16846.      "position": 4,
  16847.      "name": "Eggy Coins - Eggy Party",
  16848.      "item": "https://mdnitems.com/game/Eggy-Party"  
  16849.    },{
  16850.      "@type": "ListItem",
  16851.      "position": 5,
  16852.      "name": "Free Fire - FF",
  16853.      "item": "https://mdnitems.com/game/FREE-FIRE"  
  16854.    }]
  16855.  }
  16856.  </script>
  16857.  
  16858.  
  16859.    <!--penutup-->
  16860. </head>
  16861. <body data-topbar="" data-layout="horizontal" data-layout-size="boxed"
  16862. style="background-color: #191d2d !important">
  16863.  
  16864.    <div id="layout-wrapper">
  16865.        <header id="page-topbar"
  16866.        style="background-color: #0e1019 !important">
  16867.           <div class="nav-container">
  16868.    <div class="brand">
  16869.      <a href="https://www.mdnitems.com">
  16870.        <img class="logo-lg" src="/assets/logo/mdn-removebg-preview.png" alt="" height="70">
  16871.    </a>
  16872. </div>
  16873.    <nav>
  16874.      <div class="nav-mobile"><a id="navbar-toggle" href="#!"><span></span></a></div>
  16875.      <ul class="nav-list">
  16876.        <li>
  16877.          <a href="/">Home</a>
  16878.        </li>
  16879.        <li>
  16880.          <a href="https://info.mdnitems.com">Info Skin</a>
  16881.        </li>
  16882.        <li>
  16883.          <a href="https://mdnitems.com/riwayat-pembelian">Cek Pesanan</a>
  16884.        </li>
  16885.        <li>
  16886.          <a href="https://mdnitems.com/daftar-harga">Daftar Harga</a>
  16887.        </li>
  16888.        <li>
  16889.          <a href="https://mdnitems.com/top-users-and-services">Top 10</a>
  16890.        </li>
  16891.        <li>
  16892.          <a href="#!">Calculator ML</a>
  16893.          <ul class="navbar-dropdown">
  16894.            <li>
  16895.              <a href="https://mdnitems.com/hitung-wr">Hitung Win Rate</a>
  16896.            </li>
  16897.            <li>
  16898.              <a href="https://mdnitems.com/hitung-point-magic-wheel">Hitung Point Magic</a>
  16899.            </li>
  16900.            <li>
  16901.              <a href="https://mdnitems.com/hitung-point-zodiak">Hitung Point Zodiak</a>
  16902.            </li>
  16903.          </ul>
  16904.        </li>
  16905.        <li>
  16906.          <a href="#!">Jadwal</a>
  16907.          <ul class="navbar-dropdown">
  16908.            <li>
  16909.              <a href="#">Jadwal Gift</a>
  16910.            </li>
  16911.            <li>
  16912.              <a href="#">ID Gift</a>
  16913.            </li>
  16914.            <li>
  16915.              <a href="#">Jadwal RoomTour</a>
  16916.            </li>
  16917.          </ul>
  16918.        </li>
  16919.        <li>
  16920.                      <a href="#!">Masuk / Daftar</a>
  16921.          <ul class="navbar-dropdown">
  16922.            <li>
  16923.              <a href="https://mdnitems.com/login">Login</a>
  16924.            </li>
  16925.            <li>
  16926.              <a href="https://mdnitems.com/register">Daftar</a>
  16927.            </li>
  16928.          </ul>
  16929.                    <li>
  16930.                      </li>
  16931.      </ul>
  16932.    </nav>
  16933.  </div>
  16934.          <script>
  16935.               (function($) {
  16936.  $(function() {
  16937.  
  16938.    //  open and close nav
  16939.    $('#navbar-toggle').click(function() {
  16940.      $('nav ul').slideToggle();
  16941.    });
  16942.  
  16943.  
  16944.    // Hamburger toggle
  16945.    $('#navbar-toggle').on('click', function() {
  16946.      this.classList.toggle('active');
  16947.    });
  16948.  
  16949.  
  16950.    // If a link has a dropdown, add sub menu toggle.
  16951.    $('nav ul li a:not(:only-child)').click(function(e) {
  16952.      $(this).siblings('.navbar-dropdown').slideToggle("slow");
  16953.  
  16954.      // Close dropdown when select another dropdown
  16955.      $('.navbar-dropdown').not($(this).siblings()).hide("slow");
  16956.      e.stopPropagation();
  16957.    });
  16958.  
  16959.  
  16960.    // Click outside the dropdown will remove the dropdown class
  16961.    $('html').click(function() {
  16962.      $('.navbar-dropdown').hide();
  16963.    });
  16964.  });
  16965. })(jQuery);
  16966.          </script>        
  16967.                            </div>
  16968.                        </div>
  16969.                    </div>
  16970.                </div>
  16971.        </header>
  16972.            <div class="main-content">
  16973.        <div class="page-content px-0">
  16974.            <style>
  16975. .artikel-gradient {
  16976.    position: absolute;
  16977.    bottom: 0;
  16978.    left: 0;
  16979.    height: 55%;
  16980.    width: 100%;
  16981.    background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
  16982.    z-index: 1;
  16983. }
  16984.  
  16985. .artikel-title {
  16986.    position: absolute;
  16987.    bottom: 10px;
  16988.    left: 10px;
  16989.    right: 10px;
  16990.    z-index: 2;
  16991.    font-size: 13px;
  16992.    font-weight: 600;
  16993.    color: #fff;
  16994.    text-align: left;
  16995.    line-height: 1.3;
  16996.    max-height: 3.6em; /* maksimal 3 baris */
  16997.    overflow: hidden;
  16998.    display: -webkit-box;
  16999.    -webkit-line-clamp: 3;
  17000.    -webkit-box-orient: vertical;
  17001. }
  17002.  
  17003.  
  17004. .fa-search {
  17005.    color: #b9c7ff;
  17006. }
  17007.  
  17008. .swal2-html-container {
  17009. z-index: 1;
  17010. justify-content: center;
  17011. margin: 1em 1.6em 0.3em;
  17012. padding: 0;
  17013. overflow: auto;
  17014. color: inherit;
  17015. font-size: 1.125em;
  17016. font-weight: normal;
  17017. line-height: normal;
  17018. text-align: center;
  17019. word-wrap: break-word;
  17020. word-break: break-word;
  17021. }
  17022. .swal2-html-container {
  17023. z-index: 1;
  17024. justify-content: center;
  17025. margin: 1em 1.6em 0.3em;
  17026. padding: 0;
  17027. overflow: auto;
  17028. color: inherit;
  17029. font-size: 1.125em;
  17030. font-weight: normal;
  17031. line-height: normal;
  17032. text-align: left!important;
  17033. word-wrap: break-word;
  17034. word-break: break-word;
  17035. }
  17036.  
  17037. .nav-link {
  17038. color: #000;
  17039. display: block;
  17040. padding: 0.5rem 1rem;
  17041. text-decoration: none;
  17042. transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s;
  17043. }
  17044.  
  17045. .resultsearch .dropdown-item:hover {
  17046. background-color: hsla(0, 0%, 100%, .15);
  17047. color: #fff;
  17048. }
  17049.  
  17050. .bg-light {
  17051. --bs-bg-opacity: 1;
  17052. }
  17053.  
  17054. a {
  17055. text-decoration: none;
  17056. }
  17057.  
  17058. .grecaptcha-badge {
  17059. visibility: hidden;
  17060. }
  17061.  
  17062. .logo-atas {
  17063. height: 30px;
  17064. }
  17065.  
  17066. .logo-order {
  17067. width: 100%;
  17068. float: left;
  17069. margin-right: 8px;
  17070. margin-bottom: auto;
  17071. }
  17072.  
  17073. .logo-order2 {
  17074. width: 100%;
  17075. float: left;
  17076. /* margin-right: 8px;
  17077. margin-bottom: auto; */
  17078. }
  17079.  
  17080. .logo-order3 {
  17081. width: 100%;
  17082. float: left;
  17083. /* margin-right: 8px;
  17084. margin-bottom: auto; */
  17085. }
  17086.  
  17087. .logo-bawah {
  17088. height: 60px;
  17089. float: left;
  17090. margin-right: 8px;
  17091. margin-bottom: auto;
  17092. }
  17093.  
  17094. .btn-orange {
  17095. color: #fff;
  17096. background-color: #FE6C17 !important;
  17097. border-color: #FE6C17 !important;
  17098. }
  17099.  
  17100. .btn-primary {
  17101. color: #fff;
  17102. background-color: #FE6C17 !important;
  17103. border-color: #FE6C17 !important;
  17104. }
  17105. .btn-primary:hover {
  17106. color: #000;
  17107. background-color: #FE6C17 !important;
  17108. border-color: #FE6C17 !important;
  17109. }
  17110.  
  17111. .child-box:hover {
  17112. border: 1px solid hsla(0, 0%, 68%, 0.5);
  17113. }
  17114.  
  17115. .button-action-payment li.active {
  17116. border: 1px solid transparent;
  17117. background: rgb(255, 255, 255);
  17118. filter: grayscale(0%);
  17119. }
  17120.  
  17121. .xxs {
  17122. font-size: 0.4rem;
  17123. }
  17124.  
  17125. .button-action-payment li {
  17126. border: 1px solid rgba(202, 202, 202, 0.398);
  17127. padding: 10px;
  17128. border-radius: 0.3em;
  17129. margin-bottom: 10px;
  17130. position: relative;
  17131. display: list-item;
  17132. text-align: -webkit-match-parent;
  17133. background: rgb(208, 208, 208);
  17134. -webkit-filter: grayscale(100%);
  17135. /* Safari 6.0 - 9.0 */
  17136. filter: grayscale(100%);
  17137. }
  17138.  
  17139. .button-action-payment input[type="radio"]:checked+.payment-item {
  17140. color: #fd7300;
  17141. }
  17142.  
  17143.  
  17144. .strip-primary {
  17145. background-color: #FE6C17;
  17146. position: absolute;
  17147. width: 60px;
  17148. height: 5px;
  17149. border-radius: 10px;
  17150. }
  17151.  
  17152. .wave {
  17153. min-height: 100%;
  17154. background-attachment: scroll;
  17155. /* background-image: url("https://bosstore.my.id/assets/img/wave.svg"); */
  17156. background-repeat: no-repeat;
  17157. background-position: bottom left, bottom right;
  17158. }
  17159.  
  17160. .wave2 {
  17161. min-height: 100%;
  17162. background-attachment: fixed;
  17163. /* background-image: url("https://bosstore.my.id/assets/img/wave2.svg"); */
  17164. background-repeat: no-repeat;
  17165. background-position: top left, top right;
  17166. }
  17167.  
  17168. .fab-container {
  17169. position: fixed;
  17170. bottom: 70px;
  17171. right: 10px;
  17172. z-index: 999;
  17173. cursor: pointer;
  17174. }
  17175.  
  17176. .miliyan-scroll {
  17177. display: flex;
  17178. flex-wrap: nowrap;
  17179. padding-bottom: 1.5rem;
  17180. padding-left: 0;
  17181. margin-block: 0;
  17182. /* overflow-x: auto; */
  17183. list-style: none;
  17184. text-align: center;
  17185. white-space: nowrap;
  17186. overflow: auto;
  17187. }
  17188.  
  17189. .fab-icon-holder {
  17190. width: 130px;
  17191. height: 130px;
  17192. bottom: 140px;
  17193. left: 10px;
  17194. color: #FFF;
  17195. /* padding: 1px; */
  17196. border-radius: 10px;
  17197. text-align: center;
  17198. font-size: 30px;
  17199. z-index: 99999;
  17200. }
  17201.  
  17202. .fab-icon-holder:hover {
  17203. opacity: 0.8;
  17204. }
  17205.  
  17206. .fab-icon-holder i {
  17207. display: flex;
  17208. align-items: center;
  17209. justify-content: center;
  17210. height: 100%;
  17211. font-size: 25px;
  17212. color: #ffffff;
  17213. }
  17214.  
  17215. .fab-options {
  17216. list-style-type: none;
  17217. margin: 0;
  17218. position: absolute;
  17219. bottom: 48px;
  17220. left: -37px;
  17221. opacity: 0;
  17222. transition: all 0.3s ease;
  17223. transform: scale(0);
  17224. transform-origin: 85% bottom;
  17225. }
  17226.  
  17227. .fab:hover+.fab-options,
  17228. .fab-options:hover {
  17229. opacity: 1;
  17230. transform: scale(1);
  17231. }
  17232.  
  17233. .fab-options li {
  17234. display: flex;
  17235. justify-content: flex-start;
  17236. padding: 5px;
  17237. }
  17238.  
  17239. .fab-label {
  17240. padding: 2px 5px;
  17241. align-self: center;
  17242. user-select: none;
  17243. white-space: nowrap;
  17244. border-radius: 3px;
  17245. font-size: 16px;
  17246. background: #666666;
  17247. color: #ffffff;
  17248. box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
  17249. margin-left: 10px;
  17250. }
  17251.  
  17252.  
  17253. .d-flex {
  17254. display: -ms-flexbox !important;
  17255. display: flex !important;
  17256. }
  17257.  
  17258. .d-flex2 {
  17259. background-color: #212529;
  17260. }
  17261.  
  17262. .img-chat {
  17263. max-width: 100%;
  17264. height: auto;
  17265. /* background-color: #f89728; */
  17266. border-radius: 10px;
  17267. }
  17268.  
  17269. .btn-topup {
  17270. color: #fff !important;
  17271. background-color: #FE6C17 !important;
  17272. width: 90%;
  17273. max-width: 100px;
  17274. }
  17275.  
  17276. .btn-topup:hover {
  17277. color: #000 !important;
  17278. background-color: #FE6C17 !important;
  17279. border-color: #FE6C17;
  17280. width: 90%;
  17281. }
  17282.  
  17283. .rounded-img-buy {
  17284. border-radius: 23% !important;
  17285. }
  17286.  
  17287. .size-img-buy {
  17288. width: 90%;
  17289. /* border-radius: 12px; */
  17290. height: auto;
  17291.  
  17292. }
  17293.  
  17294. .size-img-buy-v {
  17295. width: 90%;
  17296. height: auto;
  17297. text-align: center;
  17298. }
  17299.  
  17300.  
  17301.  
  17302.  
  17303. .miliyan-hp1 {
  17304. flex: 0 0 auto;
  17305. width: 100%;
  17306. font-size: 15px;
  17307. padding: 0%;
  17308. font-style: italic;
  17309. margin-top: 5px;
  17310. line-height: 50%;
  17311. }
  17312.  
  17313. .miliyan-hp2 {
  17314. flex: 0 0 auto;
  17315. width: 100%;
  17316. font-size: 14px;
  17317. padding: 0%;
  17318. font-style: italic;
  17319. margin-top: 5px;
  17320. line-height: 50%;
  17321. }
  17322.  
  17323. .miliyan-hp3 {
  17324. flex: 0 0 auto;
  17325. width: 100%;
  17326. font-size: 14px;
  17327. padding: 0%;
  17328. font-style: italic;
  17329. margin-top: 5px;
  17330. margin-left: 0px;
  17331. line-height: 20%;
  17332. }
  17333.  
  17334. .col-bjconfirm {
  17335. flex: 0 0 auto;
  17336. width: 50%;
  17337. font-size: 14px;
  17338. text-align: right;
  17339. }
  17340.  
  17341. .col-bjconfirm2 {
  17342. flex: 0 0 auto;
  17343. width: 50%;
  17344. font-size: 14px;
  17345. text-align: left;
  17346. }
  17347.  
  17348. .col-bjconfirm3 {
  17349. flex: 0 0 auto;
  17350. width: 100%;
  17351. font-size: 11px;
  17352. text-align: center;
  17353. }
  17354.  
  17355. .col-bjinv {
  17356. flex: 0 0 auto;
  17357. width: 50%;
  17358. font-size: 14px;
  17359. text-align: right;
  17360. }
  17361.  
  17362. .col-bjinv2 {
  17363. flex: 0 0 auto;
  17364. width: 50%;
  17365. font-size: 14px;
  17366. }
  17367.  
  17368. .col-bjinv3 {
  17369. flex: 0 0 auto;
  17370. width: 50%;
  17371. font-size: 20px;
  17372. font-weight: bold;
  17373. }
  17374.  
  17375. .nav-pills .nav-link.active,
  17376. .nav-pills .show>.nav-link {
  17377. background-color: transparent;
  17378. color: #fff;
  17379. }
  17380.  
  17381. .nav-pills .nav-link,
  17382. .nav-pills .show>.nav-link {
  17383. background-color: transparent;
  17384. color: #fff;
  17385.  
  17386. }
  17387.  
  17388. .nav-link {
  17389. color: #fff;
  17390. display: block;
  17391. padding: 0.5rem 1rem;
  17392. text-decoration: none;
  17393. transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s;
  17394. }
  17395.  
  17396. .nav-link:focus,
  17397. .nav-link:hover {
  17398. color: #fff;
  17399.  
  17400. }
  17401.  
  17402.  
  17403. .scroll-up-btn {
  17404. display: none;
  17405. position: fixed;
  17406. width: 45px;
  17407. height: 45px;
  17408. bottom: 19px;
  17409. right: 10px;
  17410. color: #FFF;
  17411. border: 1px solid #FE6C17;
  17412. background: #FE6C17;
  17413. border-radius: 10px;
  17414. text-align: center;
  17415. font-size: 16px;
  17416. z-index: 99999;
  17417. }
  17418. }
  17419.  
  17420. .fa-chevron-up {
  17421. margin-top: -2px;
  17422. }
  17423.  
  17424.  
  17425.  
  17426.  
  17427.  
  17428. .carousel-indicators {
  17429. position: absolute;
  17430. bottom: 0;
  17431. margin-bottom: -7px;
  17432. }
  17433.  
  17434. .carousel-indicators li {
  17435. border-radius: 50%;
  17436. width: 10px !important;
  17437. height: 10px !important;
  17438.  
  17439. }
  17440.  
  17441. .carousel-indicators .active {
  17442. background-color: #f39200;
  17443. }
  17444.  
  17445. .rounded-miliyan {
  17446.    border-radius: 20px!important;
  17447. }
  17448.  
  17449. .miliyan-rounded-sedang {
  17450. border-top-right-radius: 20px !important;
  17451. border-top-left-radius: 20px !important;
  17452. }
  17453.  
  17454. .miliyan-rounded-kecil {
  17455. border-radius: 7px !important;
  17456. }
  17457.  
  17458. .miliyanbgblack {
  17459. background-color: #2d3238;
  17460. }
  17461.  
  17462. .bg-miliyan {
  17463. background: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))
  17464. }
  17465.  
  17466.  
  17467. .zoom-miliyan {
  17468. position: relative;
  17469. }
  17470.  
  17471.  
  17472. .zoom-miliyan {
  17473. transition: transform .5s, filter 1.5s ease-in-out;
  17474. }
  17475.  
  17476.  
  17477. .zoom-miliyan:hover {
  17478. transform: scale(1.1);
  17479.  
  17480. }
  17481.  
  17482. .regular-price {
  17483. text-decoration: line-through;
  17484. color: red;
  17485. }
  17486.  
  17487. .sale-price {
  17488. margin-left: 0px;
  17489. }
  17490.  
  17491.  
  17492. .text-end {
  17493. text-align: right !important;
  17494. }
  17495.  
  17496. .bg-abu {
  17497. background-color: #1e2022;
  17498. }
  17499.  
  17500.  
  17501. .border-merah {
  17502. border: 1px solid white;
  17503. }
  17504.  
  17505.  
  17506. .miliyan-pgimg {
  17507. background-color: white;
  17508. border-radius: 3px;
  17509. border: 5px solid white;
  17510. height: 35px;
  17511. }
  17512.  
  17513. .bg-dark {
  17514. --bs-bg-opacity: 1;
  17515. background-color: #1F2022!important;
  17516. }
  17517.  
  17518. .size-img-buy {
  17519. width: 60%;
  17520. /* border-radius: 12px; */
  17521. height: auto;
  17522. }
  17523. .rounded-img-buy {
  17524. border-radius: 23% !important;
  17525. }
  17526.  
  17527. .card-img, .card-img-bottom, .card-img-top {
  17528. width: 90%;
  17529. margin:5px;
  17530. }
  17531. img, svg {
  17532. vertical-align: middle;
  17533. }
  17534. * {
  17535. box-sizing: border-box;
  17536. }
  17537. *, :after, :before {
  17538. box-sizing: border-box;
  17539. }
  17540. user agent stylesheet
  17541. img {
  17542. overflow-clip-margin: content-box;
  17543. overflow: clip;
  17544. }
  17545.  
  17546. .rounded {
  17547. border-radius: 0.25rem!important;
  17548. }
  17549. .text-center {
  17550. text-align: center!important;
  17551. }
  17552. .p-2 {
  17553. padding: 0.5rem!important;
  17554. }
  17555. .h-100 {
  17556. height: 100%!important;
  17557. }
  17558. .border-0 {
  17559. border: 0!important;
  17560. }
  17561.  
  17562. * {
  17563. box-sizing: border-box;
  17564. }
  17565. *, :after, :before {
  17566. box-sizing: border-box;
  17567. }
  17568. user agent stylesheet
  17569. div {
  17570. display: block;
  17571. }
  17572. .g-2, .gy-2 {
  17573. --bs-gutter-y: 0.5rem;
  17574. }
  17575. .g-2, .gx-2 {
  17576. --bs-gutter-x: 0.5rem;
  17577. }
  17578. .row {
  17579. --bs-gutter-x: 1.5rem;
  17580. --bs-gutter-y: 0;
  17581. display: flex;
  17582. flex-wrap: wrap;
  17583. margin-left: calc(var(--bs-gutter-x)*-.5);
  17584. margin-right: calc(var(--bs-gutter-x)*-.5);
  17585. margin-top: calc(var(--bs-gutter-y)*-1);
  17586. }
  17587. .text-white {
  17588. --bs-text-opacity: 1;
  17589. color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important;
  17590. }
  17591.  
  17592.  
  17593. .pt-12 {
  17594. padding-top: 3rem;
  17595. }
  17596. .px-4 {
  17597. padding-left: 1rem;
  17598. padding-right: 1rem;
  17599. }
  17600. .max-w-7xl {
  17601. max-width: 80rem;
  17602. }
  17603. .mx-auto {
  17604. margin-left: auto;
  17605. margin-right: auto;
  17606. }
  17607.  
  17608. /* Pilih hanya teks di dalam tombol yang memiliki kelas .nav-link */
  17609. .nav-pills .nav-link.active,
  17610. .nav-pills .show > .nav-link {
  17611.    background-color: transparent;
  17612.    color: #fff;
  17613.    border: none;
  17614. }
  17615.  
  17616. /* Pilih hanya teks di dalam tombol untuk memberi garis bawah kuning */
  17617. .nav-pills .nav-link.active,
  17618. .nav-pills .show > .nav-link {
  17619.    position: relative;
  17620. }
  17621.  
  17622. .nav-pills .nav-link.active::after,
  17623. .nav-pills .show > .nav-link::after {
  17624.    content: "";
  17625.    display: block;
  17626.    position: absolute;
  17627.    bottom: 0;
  17628.    left: 0;
  17629.    width: 100%;
  17630.    height: 2px;
  17631.    background-color: #b9c7ff; /* Warna kuning */
  17632. }
  17633.  
  17634.  
  17635.  
  17636.  
  17637. .swiper {
  17638. width: 100%;
  17639. }
  17640.  
  17641. .swiper-slide {
  17642. background-position: center;
  17643. background-size: cover;
  17644. width: 86%;
  17645. }
  17646.  
  17647. .swiper-slide img {
  17648. display: block;
  17649. width: 100%;
  17650. }
  17651.  
  17652. .swiper-button-next,
  17653. .swiper-button-prev {
  17654. /* background-color: #FE6C1783; */
  17655. background-color:#FE6C17;
  17656. right: 10px;
  17657. padding: 30px;
  17658. color: rgb(255, 255, 255) !important;
  17659. fill: black !important;
  17660. stroke: black !important;
  17661. border-radius: 100px
  17662. }
  17663.  
  17664. .swiper-button-next:after,
  17665. .swiper-button-prev:after {
  17666. font-size: 20px !important;
  17667. }
  17668.  
  17669. .swiper-button-next:hover,
  17670. .swiper-button-prev:hover {
  17671. background-color: #FE6C17 ;
  17672. }
  17673.  
  17674. .swiper-pagination-bullet-active {
  17675. background-color: #7e0d0b ;
  17676. }
  17677.  
  17678. .btn-topup {
  17679. color: #fff3e2 !important;
  17680. background-color: transparent !important;
  17681. width: 90%;
  17682. max-width: 100px;
  17683. }
  17684.  
  17685. .btn-topup:hover {
  17686. color: #fff3e2 !important;
  17687. background-color: #7e0d0b !important;
  17688. width: 90%;
  17689. max-width: 100px;
  17690. }
  17691.  
  17692.  
  17693. #nick {
  17694. font-weight: bold;
  17695. color: red;
  17696. display: inline-block;
  17697. width: 200px;
  17698. }
  17699. .label {
  17700. font-weight: bold;
  17701. }
  17702.  
  17703. .card-img {
  17704. position: absolute;
  17705. top: 0;
  17706. left: 0;
  17707. height: 100%;
  17708. width: 100%;
  17709. object-fit: cover;
  17710. opacity: 0.7;
  17711. border-radius: 12px;
  17712. }
  17713. .card__first {
  17714.  position: relative;
  17715.  border-radius: 19px;
  17716.  padding: -1em;
  17717.  display: flex;
  17718.  align-items: center;
  17719.  justify-content: start;
  17720.  overflow: hidden;
  17721.  transition: all 1s cubic-bezier(0.23, 1, 0.320, 1);
  17722.  cursor: pointer;
  17723. }
  17724.  
  17725. .card svg {
  17726.  width: 48px;
  17727.  fill: #333;
  17728.  transition: all 1s cubic-bezier(0.23, 1, 0.320, 1);
  17729. }
  17730.  
  17731. .card__first:hover {
  17732.  transform: scale(1.0);
  17733.  overflow: hidden;
  17734.  border-top-right-radius: 20px !important;
  17735.  border-top-left-radius: 20px !important;
  17736.  box-shadow: 0 0 7px #b9c7ff; /* Shadow putih dengan opacity 0.5 */
  17737.  
  17738. }
  17739.  
  17740. .card__content {
  17741.  position: absolute;
  17742.  bottom: -100%; /* Memulai elemen di luar layar */
  17743.  left: 0;
  17744.  width: 100%;
  17745.  height: 100%;
  17746.  padding: 15px;
  17747.  box-sizing: border-box;
  17748.  opacity: 0;
  17749.  transition: all 0.5s cubic-bezier(0.23, 1, 0.320, 1);
  17750.  backdrop-filter: brightness(75%);
  17751. }
  17752.  
  17753. .card__first:hover .card__content {
  17754.  bottom: 0; /* Menggerakkan elemen ke posisi terlihat */
  17755.  opacity: 1;
  17756. }
  17757.  
  17758. .card__title {
  17759.  font-size: 13px;
  17760.  margin: 120px 0 0;
  17761.  color: #fff;
  17762.  font-family: -apple-system, "Plus Jakarta Sans", sans-serif;
  17763.  font-weight: 700;
  17764.  text-align: left;
  17765.  text-transform: capitalize;
  17766. }
  17767.  
  17768. .card__description {
  17769.  font-size: 11px;
  17770.  margin: 5px 0 0;
  17771.  color: #fff;
  17772.  font-family: -apple-system, "Plus Jakarta Sans", sans-serif;
  17773.  font-weight: 700;
  17774. }
  17775.  
  17776. @media screen and (max-width: 668px) {
  17777.    .card__first {
  17778.  position: relative;
  17779.  border-radius: 19px;
  17780.  padding: -1em;
  17781.  display: flex;
  17782.  align-items: center;
  17783.  justify-content: start;
  17784.  overflow: hidden;
  17785.  transition: all 1s cubic-bezier(0.23, 1, 0.320, 1);
  17786.  cursor: pointer;
  17787. }
  17788.  
  17789. .card svg {
  17790.  width: 48px;
  17791.  fill: #333;
  17792.  transition: all 1s cubic-bezier(0.23, 1, 0.320, 1);
  17793. }
  17794.  
  17795. .card__first:hover {
  17796.  transform: scale(1.0);
  17797.  overflow: hidden;
  17798.  border-top-right-radius: 20px !important;
  17799.  border-top-left-radius: 20px !important;
  17800.  box-shadow: 0 0 15px #b9c7ff; /* Shadow putih dengan opacity 0.5 */
  17801.  
  17802. }
  17803.  
  17804. .card__content {
  17805.  position: absolute;
  17806.  bottom: -100%; /* Memulai elemen di luar layar */
  17807.  left: 0;
  17808.  width: 100%;
  17809.  height: 100%;
  17810.  padding: 15px;
  17811.  box-sizing: border-box;
  17812.  opacity: 0;
  17813.  transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
  17814.  backdrop-filter: brightness(75%);
  17815. }
  17816.  
  17817. .card__first:hover .card__content {
  17818.  bottom: 0; /* Menggerakkan elemen ke posisi terlihat */
  17819.  opacity: 1;
  17820. }
  17821.  
  17822. .card__title {
  17823.  font-size: 11px;
  17824.  margin: 90px 0 0;
  17825.  color: #fff;
  17826.  font-family: -apple-system, "Plus Jakarta Sans", sans-serif;
  17827.  font-weight: 700;
  17828.  text-align: left;
  17829.  text-transform: capitalize;
  17830. }
  17831.  
  17832. .card__description {
  17833.  font-size: 9px;
  17834.  margin: 5px 0 0;
  17835.  color: #fff;
  17836.  font-family: -apple-system, "Plus Jakarta Sans", sans-serif;
  17837.  font-weight: 700;
  17838. }
  17839. }
  17840. .divider{
  17841.  display:block;
  17842.  margin:1.5rem 0;
  17843.  overflow:hidden;
  17844.  text-align:center;
  17845. }
  17846. .divider .divider-text{
  17847.  background-color: transparent;
  17848.  display:inline-block;
  17849.  padding:0 1rem;
  17850.  position:relative
  17851. }
  17852. .divider .divider-text:after,
  17853. .divider .divider-text:before{
  17854.  border-top:0.25rem solid #b9c7ff;
  17855.  content:"";
  17856.  position:absolute;
  17857.  top:45%;
  17858.  width:9999px;
  17859. }
  17860. .divider .divider-text:before{
  17861.  right:100%;
  17862. }
  17863. .divider .divider-text:after{
  17864.  left:100%;
  17865. }
  17866. .divider .divider-left .divider-text {
  17867.  float:left;
  17868. }
  17869. .divider .divider-left-center .divider-text{
  17870.  left:-25%;
  17871. }
  17872. .divider .divider-right-center .divider-text{
  17873.  left:25%;
  17874. }
  17875. .divider .divider-right .divider-text{
  17876.  float:right;
  17877. }
  17878. .btn-primas{
  17879.    background-color: #b9c7ff;
  17880. }
  17881. .d-flex.border-bottom.w-full.num-page {
  17882.    color: #b9c7ff;
  17883. }
  17884.        .area {
  17885.    padding-bottom: 30px;
  17886.    margin-bottom: 30px;
  17887. }
  17888. .carousel {
  17889.    z-index: 1;
  17890. }
  17891. .area, .meteors {
  17892.    width: 100%;
  17893.    height: 100%;
  17894. }
  17895. .meteors {
  17896.    position: absolute;
  17897.    top: 0;
  17898.    left: 0;
  17899.    overflow: hidden;
  17900.    background: linear-gradient(244deg, #191d2d, transparent);
  17901.    max-height: 588px;
  17902. }
  17903. .meteors li {
  17904.    position: absolute;
  17905.    display: block;
  17906.    list-style: none;
  17907.    width: 2px;
  17908.    height: 80px;
  17909.    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  17910.    opacity: 0;
  17911.    animation: animateMeteor 2s linear infinite;
  17912. }
  17913.  
  17914. .meteors li::after {
  17915.    content: '';
  17916.    position: absolute;
  17917.    bottom: -6px; /* Menyesuaikan jarak bulatan dengan garis jika perlu */
  17918.    left: 50%;
  17919.    transform: translateX(-50%);
  17920.    width: 10px; /* Ukuran bulatan */
  17921.    height: 10px;
  17922.    background-color: white;
  17923.    border-radius: 50%;
  17924.    box-shadow: 0 0 8px rgba(255, 255, 255, 0.8), 0 0 16px rgba(255, 255, 255, 0.6), 0 0 24px rgba(255, 255, 255, 0.4); /* Efek cahaya pada bulatan */
  17925.    filter: blur(3px); /* Menambahkan blur pada efek cahaya */
  17926. }
  17927. .meteors li:nth-child(1) {
  17928.        left: 40%;
  17929.        animation-delay: 1s;
  17930.        animation-duration: 6s; /* Lebih cepat */
  17931.    }
  17932.    .meteors li:nth-child(2) {
  17933.        left: 50%;
  17934.        animation-delay: 2s;
  17935.        animation-duration: 5s;
  17936.    }
  17937.    .meteors li:nth-child(3) {
  17938.        left: 40%;
  17939.        animation-delay: 1s;
  17940.        animation-duration: 8s; /* Lebih cepat */
  17941.    }
  17942.    .meteors li:nth-child(4) {
  17943.        left: 40%;
  17944.        animation-delay: 2s;
  17945.        animation-duration: 8s;
  17946.    }
  17947.    .meteors li:nth-child(5) {
  17948.        left: 50%;
  17949.        animation-delay: 1s;
  17950.        animation-duration: 5s;
  17951.    }
  17952.    .meteors li:nth-child(6) {
  17953.        left: 60%;
  17954.        animation-delay: 2s;
  17955.        animation-duration: 6s; /* Lebih cepat */
  17956.    }
  17957.    .meteors li:nth-child(7) {
  17958.        left: 70%;
  17959.        animation-delay: 1s;
  17960.        animation-duration: 9s;
  17961.    }
  17962.    .meteors li:nth-child(8) {
  17963.        left: 80%;
  17964.        animation-delay: 2s;
  17965.        animation-duration: 8s;
  17966.    }
  17967.    .meteors li:nth-child(9) {
  17968.        left: 90%;
  17969.        animation-delay: 2s;
  17970.        animation-duration: 5s;
  17971.    }
  17972.    .meteors li:nth-child(10) {
  17973.        left: 5%;
  17974.        animation-delay: 2s;
  17975.        animation-duration: 4s;
  17976.    }
  17977. @keyframes animateMeteor {
  17978.    0% {
  17979.        transform: translateX(0) translateY(0) rotate(45deg);
  17980.        opacity: 1;
  17981.    }
  17982.    100% {
  17983.        transform: translateX(-1000px) translateY(1000px) rotate(45deg); /* Mengubah arah jatuh meteor dari kanan ke kiri */
  17984.        opacity: 0;
  17985.    }
  17986. }
  17987. @media screen and (max-width: 668px) {
  17988.    .area {
  17989.        padding-bottom: 30px;
  17990.        margin-bottom: 30px;
  17991.    }
  17992.    .carousel {
  17993.        z-index: 1;
  17994.    }
  17995.    .area, .meteors {
  17996.        width: 100%;
  17997.        height: 100%;
  17998.    }
  17999.    .meteors {
  18000.        position: absolute;
  18001.        top: 0;
  18002.        left: 0;
  18003.        overflow: hidden;
  18004.        background: linear-gradient(244deg, #191d2d, transparent);
  18005.        max-height: 300px;
  18006.    }
  18007.    .meteors li {
  18008.    position: absolute;
  18009.    display: block;
  18010.    list-style: none;
  18011.    width: 2px;
  18012.    height: 80px;
  18013.    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  18014.    opacity: 0;
  18015.    animation: animateMeteor 2s linear infinite;
  18016.    }
  18017.    
  18018.    .meteors li::after {
  18019.        content: '';
  18020.        position: absolute;
  18021.        bottom: -6px; /* Menyesuaikan jarak bulatan dengan garis jika perlu */
  18022.        left: 50%;
  18023.        transform: translateX(-50%);
  18024.        width: 10px; /* Ukuran bulatan */
  18025.        height: 10px;
  18026.        background-color: white;
  18027.        border-radius: 50%;
  18028.        box-shadow: 0 0 8px rgba(255, 255, 255, 0.8), 0 0 16px rgba(255, 255, 255, 0.6), 0 0 24px rgba(255, 255, 255, 0.4); /* Efek cahaya pada bulatan */
  18029.        filter: blur(3px); /* Menambahkan blur pada efek cahaya */
  18030.    }
  18031.    .meteors li:nth-child(1) {
  18032.        left: 40%;
  18033.        animation-delay: 1s;
  18034.        animation-duration: 9s; /* Lebih cepat */
  18035.    }
  18036.    .meteors li:nth-child(2) {
  18037.        left: 50%;
  18038.        animation-delay: 2s;
  18039.        animation-duration: 10s;
  18040.    }
  18041.    .meteors li:nth-child(3) {
  18042.        left: 40%;
  18043.        animation-delay: 1s;
  18044.        animation-duration: 12s; /* Lebih cepat */
  18045.    }
  18046.    .meteors li:nth-child(4) {
  18047.        left: 40%;
  18048.        animation-delay: 2s;
  18049.        animation-duration: 12s;
  18050.    }
  18051.    .meteors li:nth-child(5) {
  18052.        left: 50%;
  18053.        animation-delay: 1s;
  18054.        animation-duration: 10s;
  18055.    }
  18056.    .meteors li:nth-child(6) {
  18057.        left: 60%;
  18058.        animation-delay: 2s;
  18059.        animation-duration: 9s; /* Lebih cepat */
  18060.    }
  18061.    .meteors li:nth-child(7) {
  18062.        left: 70%;
  18063.        animation-delay: 1s;
  18064.        animation-duration: 13s;
  18065.    }
  18066.    .meteors li:nth-child(8) {
  18067.        left: 80%;
  18068.        animation-delay: 2s;
  18069.        animation-duration: 12s;
  18070.    }
  18071.    .meteors li:nth-child(9) {
  18072.        left: 90%;
  18073.        animation-delay: 2s;
  18074.        animation-duration: 10s;
  18075.    }
  18076.    .meteors li:nth-child(10) {
  18077.        left: 5%;
  18078.        animation-delay: 2s;
  18079.        animation-duration: 8s;
  18080.    }
  18081.    @keyframes animateMeteor {
  18082.        0% {
  18083.            transform: translateX(0) translateY(0) rotate(45deg);
  18084.            opacity: 1;
  18085.        }
  18086.        100% {
  18087.            transform: translateX(-1000px) translateY(1000px) rotate(45deg); /* Mengubah arah jatuh meteor dari kanan ke kiri */
  18088.            opacity: 0;
  18089.        }
  18090.    }
  18091. }
  18092.  
  18093. .py-6 {
  18094.        padding-top: 1.5rem;
  18095.        padding-bottom: 1.5rem;
  18096.    }
  18097.  
  18098.    .px-4 {
  18099.        padding-left: 1rem;
  18100.        padding-right: 1rem;
  18101.    }
  18102.  
  18103.    .items-end {
  18104.        align-items: flex-end;
  18105.    }
  18106.  
  18107.    .flex {
  18108.        display: flex;
  18109.    }
  18110.  
  18111.    .z-50 {
  18112.        z-index: 50;
  18113.    }
  18114.  
  18115.    .inset-0,
  18116.    .inset-x-0 {
  18117.        right: 0;
  18118.        left: 0;
  18119.    }
  18120.  
  18121.    .inset-0 {
  18122.        top: 0;
  18123.        bottom: 0;
  18124.    }
  18125.  
  18126.    .fixed {
  18127.        position: fixed;
  18128.    }
  18129.  
  18130.    .pointer-events-none {
  18131.        pointer-events: none;
  18132.    }
  18133.  
  18134.  
  18135.   .bg-nvd {
  18136.       background: #470000;
  18137.   }
  18138.  
  18139.  
  18140.  
  18141.    .font-bold {
  18142.        font-weight: 700;
  18143.    }
  18144.  
  18145.    .outline-none {
  18146.        outline: 2px solid transparent;
  18147.        outline-offset: 2px;
  18148.    }
  18149.  
  18150.    .text-primary-500 {
  18151.        --tw-text-opacity: 1;
  18152.        color: rgb(249 115 22/var(--tw-text-opacity));
  18153.    }
  18154.  
  18155.    .font-medium {
  18156.        font-weight: 500;
  18157.    }
  18158.  
  18159.    .text-sm {
  18160.        font-size: 0.875rem;
  18161.        line-height: 1.25rem;
  18162.    }
  18163.  
  18164.    .py-4 {
  18165.        padding-top: 1rem;
  18166.        padding-bottom: 1rem;
  18167.    }
  18168.  
  18169.    .px-3 {
  18170.        padding-left: 0.75rem;
  18171.        padding-right: 0.75rem;
  18172.    }
  18173.  
  18174.    .to-murky-800 {
  18175.        --tw-gradient-to: #34373b;
  18176.    }
  18177.  
  18178.    .from-murky-700 {
  18179.    --tw-gradient-from: #b10202;
  18180.    --tw-gradient-to: rgba(61, 67, 72, 0);
  18181.    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  18182. }
  18183.  
  18184.    .bg-gradient-to-t {
  18185.        background-image: linear-gradient(to top, var(--tw-gradient-stops));
  18186.    }
  18187.  
  18188.    .border-primary-500 {
  18189.        --tw-border-opacity: 1;
  18190.        border-color: #e10603;
  18191.    }
  18192.  
  18193.    .border-b-2 {
  18194.        border-bottom-width: 2px;
  18195.    }
  18196.  
  18197.    .truncate,
  18198.    .whitespace-nowrap {
  18199.        white-space: nowrap;
  18200.    }
  18201.  
  18202.    .flex {
  18203.        display: flex;
  18204.    }
  18205.  
  18206.    [type=button],
  18207.    [type=reset],
  18208.    [type=submit],
  18209.    button {
  18210.        -webkit-appearance: button;
  18211.        background-color: transparent;
  18212.        background-image: none;
  18213.    }
  18214.  
  18215.    [role=button],
  18216.    button {
  18217.        cursor: pointer;
  18218.    }
  18219.  
  18220.    button,
  18221.    select {
  18222.        text-transform: none;
  18223.    }
  18224.  
  18225.    button,
  18226.    input,
  18227.    optgroup,
  18228.    select,
  18229.    textarea {
  18230.        font-family: inherit;
  18231.        font-size: 100%;
  18232.        font-weight: inherit;
  18233.        line-height: inherit;
  18234.        color: inherit;
  18235.        margin: 0;
  18236.        padding: 0;
  18237.    }
  18238.  
  18239.    .overflow-auto {
  18240.        overflow: auto;
  18241.    }
  18242.  
  18243.    .flex {
  18244.        display: flex;
  18245.    }
  18246.  
  18247.    .-mb-px {
  18248.        margin-bottom: -1px;
  18249.    }
  18250.  
  18251.    .hide-scrollbar {
  18252.        display: none;
  18253.    flex-wrap: nowrap;
  18254.    padding-bottom: 1.5rem;
  18255.    padding-left: 0;
  18256.    margin-block: 0;
  18257.    /* overflow-x: auto; */
  18258.    list-style: none;
  18259.    text-align: center;
  18260.    white-space: nowrap;
  18261.    overflow: auto;
  18262. }
  18263.  
  18264.    .bg-gradient-to-t {
  18265.        background-image: linear-gradient(to top, var(--tw-gradient-stops));
  18266.    }
  18267.  
  18268.    .bg-gradient-to-t:hover {
  18269.        background-image: linear-gradient(to top, var(--tw-gradient-stops));
  18270.    }
  18271.  
  18272.    .from-murky-700:hover {
  18273.        --tw-gradient-from: #3d4348;
  18274.        --tw-gradient-to: rgb(0 70 128 / 0%);
  18275.        --tw-gradient-stops: #60707d, rgb(205 205 205 / 0%);
  18276.    }
  18277.  
  18278.    .text-yellow-400 {
  18279.        --tw-text-opacity: 1;
  18280.        color: white;
  18281.    }
  18282.  
  18283.    .animate-flicker {
  18284.        -webkit-animation: flicker 5s linear infinite;
  18285.        animation: flicker 5s linear infinite;
  18286.    }
  18287.  
  18288.    .w-8 {
  18289.        width: 2rem;
  18290.    }
  18291.  
  18292.    .h-8 {
  18293.        height: 2rem;
  18294.    }
  18295.  
  18296.    audio,
  18297.    canvas,
  18298.    embed,
  18299.    iframe,
  18300.    img,
  18301.    object,
  18302.    svg,
  18303.    video {
  18304.        display: block;
  18305.        vertical-align: middle;
  18306.    }
  18307.  
  18308.    @-webkit-keyframes flicker {
  18309.  
  18310.        0%,
  18311.        19.999%,
  18312.        22%,
  18313.        62.999%,
  18314.        64%,
  18315.        64.999%,
  18316.        70%,
  18317.        to {
  18318.            opacity: .99;
  18319.            filter: drop-shadow(0 0 1px rgba(252, 211, 77)) drop-shadow(0 0 15px rgba(245, 158, 11)) drop-shadow(0 0 1px rgba(252, 211, 77))
  18320.        }
  18321.  
  18322.        20%,
  18323.        21.999%,
  18324.        63%,
  18325.        63.999%,
  18326.        65%,
  18327.        69.999% {
  18328.            opacity: .4;
  18329.            filter: none
  18330.        }
  18331.    }
  18332.  
  18333.    @keyframes flicker {
  18334.  
  18335.        0%,
  18336.        19.999%,
  18337.        22%,
  18338.        62.999%,
  18339.        64%,
  18340.        64.999%,
  18341.        70%,
  18342.        to {
  18343.            opacity: .99;
  18344.            filter: drop-shadow(0 0 1px rgba(252, 211, 77)) drop-shadow(0 0 15px rgba(245, 158, 11)) drop-shadow(0 0 1px rgba(252, 211, 77))
  18345.        }
  18346.  
  18347.        20%,
  18348.        21.999%,
  18349.        63%,
  18350.        63.999%,
  18351.        65%,
  18352.        69.999% {
  18353.            opacity: .4;
  18354.            filter: none
  18355.        }
  18356.    }
  18357.  
  18358.    .border-primary-500.active,
  18359.    .border-primary-500.show>.border-primary-500 .bg-gradient-to-t {
  18360.        color: #fff;
  18361.        border-color: #b9c7ff;
  18362.  
  18363.    }
  18364.  
  18365.    .border-primary-500 {
  18366.        --tw-border-opacity: 1;
  18367.        border-color: #605959;
  18368.    }
  18369.  
  18370.    .border-primary-500:hover {
  18371.        --tw-border-opacity: 1;
  18372.        border-color: #ffffff;
  18373.    }
  18374.  
  18375.    .border-gray-500 {
  18376.        --tw-border-opacity: 1;
  18377.        border-color: rgb(107 104 128/var(--tw-border-opacity));
  18378.    }
  18379.  
  18380.    .-mb-px {
  18381.        margin-bottom: -9px;
  18382.    }
  18383.    
  18384.  
  18385.  
  18386. .pt-2 {
  18387.    padding-top: 0.5rem;
  18388. }
  18389. .box-content {
  18390.    box-sizing: content-box;
  18391. }
  18392. .flow-root {
  18393.    display: flow-root;
  18394. }
  18395. .mt-4 {
  18396.    margin-top: 1rem;
  18397. }
  18398.  
  18399. /*index*/
  18400.  
  18401. .hover\:border-primary-500:hover {
  18402.    --tw-border-opacity: 1;
  18403.    border-color: white:
  18404. }
  18405.  
  18406. .hover\:\!bg-murky-600:hover {
  18407.    --tw-bg-opacity: 1!important;
  18408.    background-color: rgb(74 81 87/var(--tw-bg-opacity))!important
  18409. }
  18410.  
  18411. .hover\:\!bg-murky-800:hover {
  18412.    --tw-bg-opacity: 1!important;
  18413.    background-color: rgb(52 55 59/var(--tw-bg-opacity))!important
  18414. }
  18415.  
  18416. .hover\:bg-murky-50:hover {
  18417.    --tw-bg-opacity: 1;
  18418.    background-color: rgb(246 246 247/var(--tw-bg-opacity))
  18419. }
  18420.  
  18421. .hover\:bg-murky-500:hover {
  18422.    --tw-bg-opacity: 1;
  18423.    background-color: rgb(94 102 110/var(--tw-bg-opacity))
  18424. }
  18425.  
  18426. .hover\:bg-murky-600:hover {
  18427.    --tw-bg-opacity: 1;
  18428.    background-color: rgb(74 81 87/var(--tw-bg-opacity))
  18429. }
  18430.  
  18431. .hover\:bg-murky-700:hover {
  18432.    --tw-bg-opacity: 1;
  18433.    background-color: #8a1111 !important;
  18434. }
  18435.  
  18436. .hover\:bg-murky-800:hover {
  18437.    --tw-bg-opacity: 1;
  18438.    background-color: rgb(52 55 59/var(--tw-bg-opacity))
  18439. }
  18440.  
  18441. .hover\:bg-orange-400:hover,.hover\:bg-primary-400:hover {
  18442.    --tw-bg-opacity: 1;
  18443.    background-color: rgb(251 146 60/var(--tw-bg-opacity))
  18444. }
  18445.  
  18446. .hover\:bg-primary-600:hover {
  18447.    --tw-bg-opacity: 1;
  18448.    background-color: rgb(234 88 12/var(--tw-bg-opacity))
  18449. }
  18450.  
  18451. .hover\:from-murky-700:hover {
  18452.    --tw-gradient-from: #3d4348;
  18453.    --tw-gradient-to: rgba(61,67,72,0);
  18454.    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
  18455. }
  18456.  
  18457. .hover\:text-murky-500:hover {
  18458.    --tw-text-opacity: 1;
  18459.    color: rgb(94 102 110/var(--tw-text-opacity))
  18460. }
  18461.  
  18462. .hover\:text-murky-800:hover {
  18463.    --tw-text-opacity: 1;
  18464.    color: rgb(52 55 59/var(--tw-text-opacity))
  18465. }
  18466.  
  18467. .hover\:text-primary-200:hover {
  18468.    --tw-text-opacity: 1;
  18469.    color: rgb(254 215 170/var(--tw-text-opacity))
  18470. }
  18471.  
  18472. .hover\:text-primary-300:hover {
  18473.    --tw-text-opacity: 1;
  18474.    color: rgb(253 186 116/var(--tw-text-opacity))
  18475. }
  18476.  
  18477. .hover\:text-primary-400:hover {
  18478.    --tw-text-opacity: 1;
  18479.    color: rgb(251 146 60/var(--tw-text-opacity))
  18480. }
  18481.  
  18482. .hover\:shadow-2xl:hover {
  18483.    --tw-shadow: 0 25px 50px -12px rgba(0,0,0,.25);
  18484.    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  18485.    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
  18486. }
  18487.  
  18488. .hover\:ring-2:hover {
  18489.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  18490.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  18491.    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
  18492. }
  18493.  
  18494. .hover\:ring-yellow-400:hover {
  18495.    --tw-ring-opacity: 1;
  18496.    --tw-ring-color: #b9c7ff;
  18497. }
  18498.  
  18499.  
  18500.  
  18501. .hover\:ring-offset-2:hover {
  18502.    --tw-ring-offset-width: 2px
  18503. }
  18504.  
  18505. .hover\:ring-offset-murky-800:hover {
  18506.    --tw-ring-offset-color: white
  18507. }
  18508.  
  18509. .filter {
  18510.    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)
  18511. }
  18512.  
  18513. .backdrop-blur {
  18514.    --tw-backdrop-blur: blur(8px)
  18515. }
  18516.  
  18517. .backdrop-blur,.backdrop-blur-sm {
  18518.    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  18519.    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
  18520. }
  18521.  
  18522. .backdrop-blur-sm {
  18523.    --tw-backdrop-blur: blur(4px)
  18524. }
  18525.  
  18526. .backdrop-filter {
  18527.    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  18528.    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
  18529. }
  18530.  
  18531. .transition {
  18532.    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  18533.    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  18534.    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  18535.    transition-timing-function: cubic-bezier(.4,0,.2,1);
  18536.    transition-duration: .15s
  18537. }
  18538.  
  18539. .transition-\[max-height\] {
  18540.    transition-property: max-height;
  18541.    transition-timing-function: cubic-bezier(.4,0,.2,1);
  18542.    transition-duration: .15s
  18543. }
  18544.  
  18545. .transition-all {
  18546.    transition-property: all;
  18547.    transition-timing-function: cubic-bezier(.4,0,.2,1);
  18548.    transition-duration: .15s
  18549. }
  18550.  
  18551. .transition-colors {
  18552.    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;
  18553.    transition-timing-function: cubic-bezier(.4,0,.2,1);
  18554.    transition-duration: .15s
  18555. }
  18556.  
  18557. .transition-opacity {
  18558.    transition-property: opacity;
  18559.    transition-timing-function: cubic-bezier(.4,0,.2,1);
  18560.    transition-duration: .15s
  18561. }
  18562.  
  18563. .delay-150 {
  18564.    transition-delay: .15s
  18565. }
  18566.  
  18567. .duration-100 {
  18568.    transition-duration: .1s
  18569. }
  18570.  
  18571. .duration-150 {
  18572.    transition-duration: .15s
  18573. }
  18574.  
  18575. .duration-200 {
  18576.    transition-duration: .2s
  18577. }
  18578.  
  18579. .duration-300 {
  18580.    transition-duration: .3s
  18581. }
  18582.  
  18583. .duration-700 {
  18584.    transition-duration: .7s
  18585. }
  18586.  
  18587. .duration-75 {
  18588.    transition-duration: 75ms
  18589. }
  18590.  
  18591. .ease-in {
  18592.    transition-timing-function: cubic-bezier(.4,0,1,1)
  18593. }
  18594.  
  18595. .ease-in-out {
  18596.    transition-timing-function: cubic-bezier(.4,0,.2,1)
  18597. }
  18598.  
  18599. .ease-linear {
  18600.    transition-timing-function: linear
  18601. }
  18602.  
  18603. .ease-out {
  18604.    transition-timing-function: cubic-bezier(0,0,.2,1)
  18605. }
  18606.  
  18607. .ease-in-out {
  18608.    transition-timing-function: cubic-bezier(.4,0,.2,1);
  18609. }
  18610. .duration-300 {
  18611.    transition-duration: .3s;
  18612. }
  18613. .bg-murky-700 {
  18614.    --tw-bg-opacity: 1;
  18615.    background-color: rgb(61 67 72/var(--tw-bg-opacity));
  18616. }
  18617. .rounded-2xl {
  18618.    border-radius: 1rem;
  18619. }
  18620. .overflow-hidden {
  18621.    overflow: hidden;
  18622. }
  18623. .scale-95, .transform {
  18624.    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));
  18625. }
  18626. .relative {
  18627.    position: relative;
  18628. }
  18629.  
  18631.  
  18632. .flip-card {
  18633.  position: relative;
  18634.  display: inline-flex;
  18635.  flex-direction: column;
  18636.  border-radius: 0.15em 0.15em 0 0;
  18637.  font-family: Arial, Helvetica, sans-serif;
  18638.  font-size: 17px;
  18639. }
  18640.  
  18641. .top,
  18642. .bottom,
  18643. .flip-card .top-flip,
  18644. .flip-card .bottom-flip {
  18645.  height: .75em;
  18646.  line-height: 1;
  18647.  padding: .25em;
  18648.  overflow: hidden;
  18649. }
  18650.  
  18651. .top,
  18652. .flip-card .top-flip {
  18653.  background-color: #c21010!important;
  18654.  border-top-right-radius: .1em;
  18655.  border-top-left-radius: .1em;
  18656.  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  18657.  color: #ccc;
  18658.  border-radius: 0.25em 0.25em 0 0;
  18659. }
  18660.  
  18661. .bottom,
  18662. .flip-card .bottom-flip {
  18663.  background-color: #e64848!important;
  18664.  display: flex;
  18665.  align-items: flex-end;
  18666.  border-bottom-right-radius: .1em;
  18667.  border-bottom-left-radius: .1em;
  18668.  color: #fff;
  18669.  border-radius: 0 0 0.25em 0.25em;
  18670. }
  18671.  
  18672. .flip-card .top-flip {
  18673.  position: absolute;
  18674.  width: 100%;
  18675.  animation: flip-top 250ms ease-in;
  18676.  transform-origin: bottom;
  18677.  background-color: #e64848!important;
  18678. }
  18679.  
  18680. @keyframes flip-top {
  18681.  100% {
  18682.    transform: rotateX(90deg);
  18683.  }
  18684. }
  18685.  
  18686. .flip-card .bottom-flip {
  18687.  position: absolute;
  18688.  bottom: 0;
  18689.  width: 100%;
  18690.  animation: flip-bottom 250ms ease-out 250ms;
  18691.  transform-origin: top;
  18692.  transform: rotateX(90deg);
  18693. }
  18694.  
  18695. @keyframes flip-bottom {
  18696.  100% {
  18697.    transform: rotateX(0deg);
  18698.  }
  18699. }
  18700.  
  18701. .containerr {
  18702.  gap: .4em;
  18703.  justify-content: center;
  18704.  position:absolute;
  18705.  display:flex;
  18706. }
  18707.  
  18708. .container-segment {
  18709.  display: flex;
  18710.  flex-direction: column;
  18711.  gap: .1em;
  18712.  align-items: center;
  18713. }
  18714.  
  18715. .segment {
  18716.  display: flex;
  18717.  gap: .1em;
  18718. }
  18719.  
  18720. .segment-title {
  18721.  font-size: 1rem;
  18722. }
  18723.  
  18724.  
  18725. .text-tih {
  18726.    font-size: 1.25rem;
  18727.    line-height: 1.90rem;
  18728. }
  18729.  
  18730. @media (min-width: 992px) {
  18731.    .desktop-padding {
  18732.      padding: 4px;
  18733.    }
  18734.  }
  18735.  
  18736. .container {
  18737.  max-width: 1370px;
  18738.  margin: 0 auto;
  18739.  padding: 0 20px;
  18740.  box-sizing: border-box;
  18741. }
  18742.  
  18743. @media (max-width: 768px) {
  18744.  .container {
  18745.    padding: 0 7px;
  18746.  }
  18747. }
  18748.  
  18749. .text-\[\#FF2A2A\] {
  18750.    --tw-text-opacity: 1;
  18751.    color: rgb(255 42 42/var(--tw-text-opacity));
  18752. }
  18753. .font-bold {
  18754.    font-weight: 700;
  18755. }
  18756. .text-xs {
  18757.    font-size: .75rem;
  18758.    line-height: 1rem;
  18759. }
  18760. .py-0\.5 {
  18761.    padding-top: 0.125rem;
  18762.    padding-bottom: 0.125rem;
  18763. }
  18764. .px-2 {
  18765.    padding-left: 0.5rem;
  18766.    padding-right: 0.5rem;
  18767. }
  18768. .bg-danger-100 {
  18769.    --tw-bg-opacity: 1;
  18770.    background-color: rgb(254 202 202/var(--tw-bg-opacity));
  18771. }
  18772. .rounded {
  18773.    border-radius: 0.25rem;
  18774. }
  18775. .items-center {
  18776.    align-items: center;
  18777. }
  18778. .inline-flex {
  18779.    display: inline-flex;
  18780. }
  18781. .left-4 {
  18782.    left: 1rem;
  18783. }
  18784. .absolute {
  18785.    position: absolute;
  18786. }
  18787. .text-white {
  18788.    --tw-text-opacity: 1;
  18789.    color: rgb(255 255 255/var(--tw-text-opacity));
  18790. }
  18791. .font-bold {
  18792.    font-weight: 700;
  18793. }
  18794. .text-sm {
  18795.    font-size: .875rem;
  18796.    line-height: 1.25rem;
  18797. }
  18798. .relative {
  18799.    position: relative;
  18800. }
  18801. blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
  18802.    margin: 0;
  18803. }
  18804. h1, h2, h3, h4, h5, h6 {
  18805.    font-size: inherit;
  18806.    font-weight: inherit;
  18807. }
  18808. .backdrop-promo {
  18809.    background: linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,.4));
  18810. }
  18811. .p-2 {
  18812.    padding: 0.5rem;
  18813. }
  18814. .rounded-lg {
  18815.    border-radius: 0.5rem;
  18816. }
  18817. .overflow-hidden {
  18818.    overflow: hidden;
  18819. }
  18820. .justify-end {
  18821.    justify-content: flex-end;
  18822. }
  18823. .items-end {
  18824.    align-items: flex-end;
  18825. }
  18826. .h-full {
  18827.    height: 100%;
  18828. }
  18829. .flex {
  18830.    display: flex;
  18831. }
  18832. .top-0 {
  18833.    top: 0;
  18834. }
  18835. .inset-x-0 {
  18836.    left: 0;
  18837.    right: 0;
  18838. }
  18839. .absolute {
  18840.    position: absolute;
  18841. }
  18842.  
  18843. .shadow, .shadow-lg {
  18844.    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  18845. }
  18846. .shadow-lg {
  18847.    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
  18848.    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
  18849. }
  18850. .rounded-lg {
  18851.    border-radius: 0.5rem;
  18852. }
  18853.  
  18854.  
  18855.  
  18856. .shadow, .shadow-lg {
  18857.    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  18858. }
  18859. .shadow-lg {
  18860.    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
  18861.    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
  18862. }
  18863. .rounded-lg {
  18864.    border-radius: 0.5rem;
  18865. }
  18866. .overflow-hidden {
  18867.    overflow: hidden;
  18868. }
  18869.  
  18870. .h-80 {
  18871.    height: 20rem;
  18872. }
  18873.  
  18874. .line-through {
  18875.    text-decoration-line: line-through;
  18876. }
  18877. .text-\[\#FF2A2A\] {
  18878.    --tw-text-opacity: 1;
  18879.    color: rgb(255 42 42/var(--tw-text-opacity));
  18880. }
  18881. .text-xs {
  18882.    font-size: .75rem;
  18883.    line-height: 1rem;
  18884. }
  18885. .ml-2 {
  18886.    margin-left: 0.5rem;
  18887. }
  18888.  
  18889.   .tihmel {
  18890.    width: 25px;
  18891. }
  18892.  
  18893.       .shadow-2xl {
  18894.    --tw-shadow: 0 25px 50px -12px rgba(0,0,0,.25);
  18895.    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  18896. }
  18897. .shadow, .shadow-2xl {
  18898.    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  18899. }
  18900. .py-4 {
  18901.    padding-top: 1rem;
  18902.    padding-bottom: 1rem;
  18903. }
  18904. .px-4 {
  18905.    padding-left: 1rem;
  18906.    padding-right: 1rem;
  18907. }
  18908. .bg-transparent {
  18909.    background-color: transparent;
  18910. }
  18911. .mb-4 {
  18912.    margin-bottom: 1rem;
  18913. }
  18914. .relative {
  18915.    position: relative;
  18916. }
  18917. .-z-10 {
  18918.    z-index: -10;
  18919. }
  18920. .inset-0, .inset-x-0 {
  18921.    right: 0;
  18922.    left: 0;
  18923. }
  18924. .inset-0 {
  18925.    top: 0;
  18926.    bottom: 0;
  18927. }
  18928. .absolute {
  18929.    position: absolute;
  18930. }
  18931.  
  18932. menu, ol, ul {
  18933.    list-style: none;
  18934.    margin: 0;
  18935.    padding: 0;
  18936. }
  18937.  
  18938. @keyframes hightlight {
  18939.    0% {
  18940.        left: -400%;
  18941.    }
  18942.    to {
  18943.        left: 100%;
  18944.    }
  18945. }
  18946. .selected-item:after {
  18947.    animation: hightlight 5s ease-in infinite forwards;
  18948.    background-color: hsla(204, 9%, 89%, 0.5);
  18949.    --tw-content: "";
  18950.    content: var(--tw-content);
  18951. }
  18952. .product-thumbnail-container {
  18953.    perspective: 25em;
  18954. }
  18955. .product-thumbnail-container img {
  18956.    position: relative;
  18957.    transform: rotateY(20deg) rotateX(-4deg) !important;
  18958.    transform-origin: left center;
  18959. }
  18960.  
  18961. .lazy {
  18962.    background: rgb(52 55 59/var(--tw-bg-opacity));
  18963. }
  18964.  
  18965. .bg-featured-game-card {
  18966. --tw-bg-opacity: 1;
  18967.    --tw-text-opacity: 1;
  18968.    color: rgb(255 255 255/var(--tw-text-opacity));
  18969.    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTkyMCAxMDAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPnBhdGh7b3BhY2l0eTouMTtjbGlwLXBhdGg6dXJsKCNjbGlwUGF0aCk7ZmlsbDp1cmwoI2xpbmVhckdyYWRpZW50KTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXBQYXRoIj48cmVjdCB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMDAwIi8+PC9jbGlwUGF0aD48bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhckdyYWRpZW50IiB4MT0iMCUiIHkxPSIwJSIgeDI9IjkwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9ImhzbCgwIDAlIDEwMCUvMSkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9ImhzbCgwIDAlIDEwMCUvMCkiLz48L2xpbmVhckdyYWRpZW50PjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5MjAsMTAwMClzY2FsZSgtMSwtMSkiPjxwYXRoIGQ9Ik0xMzg0LjUgMzQzLjJMMTkyLjcgMTUzNWwtMjEzLjUtM0wxMzgzIDEyOC4ybDEuNSAyMTV6Ii8+PHBhdGggZD0iTTE5MTkuNyA0NDguM0wxMzU5IDEwMDlsLTEwMC40LTEuNEwxOTE5IDM0Ny4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMTc2LjcgNTE0LjNMNjE2IDEwNzVsLTEwMC40LTEuNEwxMTc2IDQxMy4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik02NDQuNyA0NTcuM0w4NCAxMDE4bC0xMDAuNC0xLjRMNjQ0IDM1Ni4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMzg3LjcgNDQ4LjNMODI3IDEwMDlsLTEwMC40LTEuNEwxMzg3IDM0Ny4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMjUwLjEgNDkzLjhsLTU0NSA1NDUtNTIuNyA0My42IDY0MS45LTY0MS45LTQ0LjIgNTMuM3oiLz48cGF0aCBkPSJNODkxLjEgNjM5LjFMLTc3OCAyMzA4LjNsLTI5OC45LTQuMkw4ODkgMzM4LjFsMi4xIDMwMXoiLz48cGF0aCBkPSJNMTg3MC40IDQxOS44TC0yOC44IDIzMTlsLTM0MC4xLTQuOEwxODY4IDc3LjNsMi40IDM0Mi41eiIvPjxwYXRoIGQ9Ik05MDguNCA0MzYuOEwtOTkwLjggMjMzNmwtMzQwLjEtNC44TDkwNiA5NC4zbDIuNCAzNDIuNXoiLz48cGF0aCBkPSJNMTYzMi40IDUxNS44TC0yNjYuOCAyNDE1bC0zNDAuMS00LjhMMTYzMCAxNzMuM2wyLjQgMzQyLjV6Ii8+PHBhdGggZD0iTTExNzYuMyA1NjcuMUwtMTQ0NS42IDMxODlsLTQ2OS41LTYuNkwxMTczIDk0LjNsMy4zIDQ3Mi44eiIvPjxwYXRoIGQ9Ik0xNDI3LjMgNTgwLjFMLTExOTQuNiAzMjAybC00NjkuNS02LjZMMTQyNCAxMDcuM2wzLjMgNDcyLjh6Ii8+PHBhdGggZD0iTTE2NDkuNSA4ODAuMkw0NTcuNyAyMDcybC0yMTMuNS0zTDE2NDggNjY1LjJsMS41IDIxNXoiLz48cGF0aCBkPSJNNjc1LjggNTIyLjJsLTI2MjEuOSAyNjIxLjktNDY5LjQtNi42TDY3Mi41IDQ5LjRsMy4zIDQ3Mi44eiIvPjxwYXRoIGQ9Ik0yNTk1LjkgNTIyLjJMLTI2IDMxNDQuMWwtNDY5LjUtNi42TDI1OTIuNiA0OS40bDMuMyA0NzIuOHoiLz48L2c+PC9zdmc+);
  18970.    background-repeat: no-repeat;
  18971.    background-position: top;
  18972.    background-size: clamp(60em,100rem,100em) auto,cover;
  18973.    background-color: #0e1019;
  18974.    
  18975.    }
  18976.    
  18977.    
  18978. .load {
  18979. --tw-bg-opacity: 1;
  18980.    background-color: transparent;
  18981.    color: transparent;
  18982.    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTkyMCAxMDAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPnBhdGh7b3BhY2l0eTouMTtjbGlwLXBhdGg6dXJsKCNjbGlwUGF0aCk7ZmlsbDp1cmwoI2xpbmVhckdyYWRpZW50KTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXBQYXRoIj48cmVjdCB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMDAwIi8+PC9jbGlwUGF0aD48bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhckdyYWRpZW50IiB4MT0iMCUiIHkxPSIwJSIgeDI9IjkwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9ImhzbCgwIDAlIDEwMCUvMSkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9ImhzbCgwIDAlIDEwMCUvMCkiLz48L2xpbmVhckdyYWRpZW50PjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5MjAsMTAwMClzY2FsZSgtMSwtMSkiPjxwYXRoIGQ9Ik0xMzg0LjUgMzQzLjJMMTkyLjcgMTUzNWwtMjEzLjUtM0wxMzgzIDEyOC4ybDEuNSAyMTV6Ii8+PHBhdGggZD0iTTE5MTkuNyA0NDguM0wxMzU5IDEwMDlsLTEwMC40LTEuNEwxOTE5IDM0Ny4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMTc2LjcgNTE0LjNMNjE2IDEwNzVsLTEwMC40LTEuNEwxMTc2IDQxMy4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik02NDQuNyA0NTcuM0w4NCAxMDE4bC0xMDAuNC0xLjRMNjQ0IDM1Ni4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMzg3LjcgNDQ4LjNMODI3IDEwMDlsLTEwMC40LTEuNEwxMzg3IDM0Ny4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMjUwLjEgNDkzLjhsLTU0NSA1NDUtNTIuNyA0My42IDY0MS45LTY0MS45LTQ0LjIgNTMuM3oiLz48cGF0aCBkPSJNODkxLjEgNjM5LjFMLTc3OCAyMzA4LjNsLTI5OC45LTQuMkw4ODkgMzM4LjFsMi4xIDMwMXoiLz48cGF0aCBkPSJNMTg3MC40IDQxOS44TC0yOC44IDIzMTlsLTM0MC4xLTQuOEwxODY4IDc3LjNsMi40IDM0Mi41eiIvPjxwYXRoIGQ9Ik05MDguNCA0MzYuOEwtOTkwLjggMjMzNmwtMzQwLjEtNC44TDkwNiA5NC4zbDIuNCAzNDIuNXoiLz48cGF0aCBkPSJNMTYzMi40IDUxNS44TC0yNjYuOCAyNDE1bC0zNDAuMS00LjhMMTYzMCAxNzMuM2wyLjQgMzQyLjV6Ii8+PHBhdGggZD0iTTExNzYuMyA1NjcuMUwtMTQ0NS42IDMxODlsLTQ2OS41LTYuNkwxMTczIDk0LjNsMy4zIDQ3Mi44eiIvPjxwYXRoIGQ9Ik0xNDI3LjMgNTgwLjFMLTExOTQuNiAzMjAybC00NjkuNS02LjZMMTQyNCAxMDcuM2wzLjMgNDcyLjh6Ii8+PHBhdGggZD0iTTE2NDkuNSA4ODAuMkw0NTcuNyAyMDcybC0yMTMuNS0zTDE2NDggNjY1LjJsMS41IDIxNXoiLz48cGF0aCBkPSJNNjc1LjggNTIyLjJsLTI2MjEuOSAyNjIxLjktNDY5LjQtNi42TDY3Mi41IDQ5LjRsMy4zIDQ3Mi44eiIvPjxwYXRoIGQ9Ik0yNTk1LjkgNTIyLjJMLTI2IDMxNDQuMWwtNDY5LjUtNi42TDI1OTIuNiA0OS40bDMuMyA0NzIuOHoiLz48L2c+PC9zdmc+);
  18983.    background-repeat: no-repeat;
  18984.    background-position: top;
  18985.    background-size: clamp(60em,100rem,100em) auto,cover;
  18986.    
  18987.    }
  18988. </style>
  18989. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" integrity="sha384-..." crossorigin="anonymous">
  18990. <div class="area">
  18991. <div class="container">
  18992.            <div class="swiper hero-swiper">
  18993.              <div class="swiper-wrapper">
  18994.                                                                                <div class="swiper-slide lg:w-[1000px] active">
  18995.                            <img src="/assets/banner/banner43.png" alt="" loading="lazy" class="block h-auto w-full rounded-3xl" style="border-radius: 25px;">
  18996.                    </div>
  18997.                                                                                <div class="swiper-slide lg:w-[1000px] ">
  18998.                            <img src="/assets/banner/event-naruto-mdn-items.webp" alt="event naruto mlbb" loading="lazy" class="block h-auto w-full rounded-3xl" style="border-radius: 25px;">
  18999.                    </div>
  19000.                                                                                <div class="swiper-slide lg:w-[1000px] ">
  19001.                            <img src="/assets/banner/gift-skin-legend-granger-lesley.webp" alt="gift skin legend granger lesley" loading="lazy" class="block h-auto w-full rounded-3xl" style="border-radius: 25px;">
  19002.                    </div>
  19003.                                                        </div>
  19004.            </div>
  19005.                
  19006.                                <ul class="meteors">
  19007.                        <li></li>
  19008.                        <li></li>
  19009.                        <li></li>
  19010.                        <li></li>
  19011.                        <li></li>
  19012.                        <li></li>
  19013.                        <li></li>
  19014.                        <li></li>
  19015.                        <li></li>
  19016.                        <li></li>
  19017.                    </ul>
  19018.                            <div class="col-sm mt-3">
  19019.                <div class="col-lg-9 mx-auto">
  19020.                      <form action="https://mdnitems.com" method="POST">
  19021.                        <input type="hidden" name="_token" value="mLvqESGoZqtK1uQFQZTeAezW8WiiPXTwZYyD3Vg6">                        <div class="input-group me-3 search-bar mini" aria-haspopup="true" id="dropsearchdown">
  19022.                        <input type="text" name="q" placeholder="Search products..." id="searchProds"
  19023.                            class="form-control search_input" autocomplete="off">
  19024.                        <button type="submit" class="btn-light border" style="border-top-right-radius: 10px; border-bottom-right-radius: 10px;" id="btnSearchProds">
  19025.                            <i class="fas fa-search" style="color: #fff"></i>
  19026.                        </button>
  19027.                        </button>
  19028.                    </div>
  19029.                    <ul class="position-absolute resultsearch shadow dropdown-menu" aria-labelledby="dropsearchdown" style="inset: 0px auto auto 0px; margin: 0px; transform: translate(0px, 39px);background-color: #fff;
  19030.                                        border-color: rgba(0,0,0,.15);
  19031.                                        color: #dee2e6; overflow-y: auto; max-height: 400px;"></ul>
  19032.                    </form>
  19033.                </div>
  19034.            </div>
  19035. </div>
  19036.            <br>
  19037.            
  19038.  
  19039.  
  19040. <style>
  19041.        .card-flash {
  19042.            text-decoration: none;
  19043.            width: 100%;
  19044.            display: flex;
  19045.            align-items: center;
  19046.            background-size: cover;
  19047.            background-repeat: no-repeat;
  19048.            background-position: center center;
  19049.            padding: 16px;
  19050.            border-radius: 12px;
  19051.            box-shadow: inset 0 0 0 2000px rgba(40, 37, 38, 0.44);
  19052.            background-color: #0e1019;
  19053.            position: relative;
  19054.        }
  19055.  
  19056.        .card-flash img.flashsale-logo {
  19057.            width: 50px;
  19058.            height: auto;
  19059.            margin-right: 10px;
  19060.            border-radius: 8px;
  19061.            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  19062.        }
  19063.  
  19064.        .flashsale-details {
  19065.            display: flex;
  19066.            flex-direction: column;
  19067.            justify-content: center;
  19068.        }
  19069.  
  19070.        .flashsale-details p {
  19071.            color: #fff;
  19072.            padding: 1px 6px;
  19073.            display: inline-block;
  19074.            font-weight: 400;
  19075.            margin: 0;
  19076.            text-align: left;
  19077.            white-space: nowrap; /* Tambahkan properti ini */
  19078.            font-size: 14px; /* Sesuaikan ukuran font sesuai kebutuhan Anda */
  19079.        }
  19080.  
  19081.        .flashsale-details .price {
  19082.            display: inline-block;
  19083.            padding: 1px 6px;
  19084.            border-radius: 8px;
  19085.            color: #ffefc4;
  19086.            font-weight: 600;
  19087.            font-size: 13px;
  19088.            text-align: left;
  19089.            margin: 0;
  19090.        }
  19091.  
  19092.        .flashsale-details del {
  19093.            font-size: 13px;
  19094.            color: #ef4646;
  19095.            font-weight: 500;
  19096.            padding: 1px 6px;
  19097.            display: inline-block;
  19098.            text-align: left;
  19099.            margin: 0;
  19100.        }
  19101.  
  19102.        body.light .stay-white,
  19103.        body.light .flashsale-details p {
  19104.            color: #fff !important;
  19105.        }
  19106.  
  19107.        .flipdown {
  19108.            height: 30px;
  19109.            display: inline-block;
  19110.        }
  19111.  
  19112.        @media (max-width: 550px) {
  19113.            .flipdown {
  19114.                width: 300px;
  19115.                height: 50px;
  19116.            }
  19117.        }
  19118.  
  19119.        .flipdown .rotor {
  19120.            font-size: 18px;
  19121.        }
  19122.  
  19123.        .flipdown .rotor,
  19124.        .flipdown .rotor-leaf,
  19125.        .flipdown .rotor-leaf-front,
  19126.        .flipdown .rotor-leaf-rear,
  19127.        .flipdown .rotor-top,
  19128.        .flipdown .rotor-bottom,
  19129.        .flipdown .rotor:after {
  19130.            width: 26px;
  19131.        }
  19132.  
  19133.        .flipdown .rotor-group {
  19134.            padding-right: 10px;
  19135.        }
  19136.  
  19137.        .flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):before,
  19138.        .flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):after {
  19139.            left: 76px;
  19140.            display: none;
  19141.        }
  19142.  
  19143.        .flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):before {
  19144.            bottom: 19px;
  19145.            height: 8px;
  19146.            width: 8px;
  19147.            display: none;
  19148.        }
  19149.  
  19150.        .flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):after {
  19151.            bottom: 35px;
  19152.            height: 8px;
  19153.            width: 8px;
  19154.            display: none;
  19155.        }
  19156.  
  19157.        .flipdown .rotor-leaf-front,
  19158.        .flipdown .rotor-top {
  19159.            line-height: 40px;
  19160.        }
  19161.  
  19162.        .flipdown .rotor-leaf,
  19163.        .flipdown .rotor {
  19164.            height: 40px;
  19165.        }
  19166.  
  19167.        .flipdown .rotor-leaf-front,
  19168.        .flipdown .rotor-leaf-rear,
  19169.        .flipdown .rotor-top,
  19170.        .flipdown .rotor-bottom,
  19171.        .flipdown .rotor:after {
  19172.            height: 20px;
  19173.        }
  19174.    </style>
  19175.    
  19176. <script src="/public/assets/js/flipdowns.js"></script>
  19177. <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
  19178. <script>
  19179. document.addEventListener('DOMContentLoaded', () => {
  19180.            var targetDate = new Date("2025-06-30 03:19:00");
  19181.    
  19182.    var timestamp = Math.floor(targetDate.getTime() / 1000);
  19183.  
  19184.    var flipdown = new FlipDown(timestamp, {
  19185.        theme: "light",
  19186.    }).start().ifEnded(() => {
  19187.        var flashSaleContainer = document.querySelector('.flash-sale-container');
  19188.        if (flashSaleContainer) {
  19189.            flashSaleContainer.style.transition = "opacity 0.8s ease";
  19190.            flashSaleContainer.style.opacity = 0;
  19191.  
  19192.            setTimeout(() => {
  19193.                flashSaleContainer.remove();
  19194.            }, 800);
  19195.        }
  19196.    });
  19197.  
  19198.    $('#flash').owlCarousel({
  19199.        loop:true,
  19200.        margin:10,
  19201.        autoplay:true,
  19202.        autoplayTimeout:2000,
  19203.        autoplayHoverPause:true,
  19204.        responsive:{
  19205.            0:{items:2},
  19206.            600:{items:4},
  19207.            1000:{items:5}
  19208.        }
  19209.    });
  19210. });
  19211. </script>
  19212.            
  19213.            <div class="row">
  19214.              <div class="col-lg-9 mx-auto">
  19215.                <div class="nav-item mt-4 col-lg-12 dropdown d-lg-inline-block mx-auto">
  19216.                  <div class="row h-100">
  19217.                    <div class="col-sm mt-3">
  19218.       <h3 class="mb-6 text-lg font-semibold uppercase leading-relaxed tracking-wider text-white">
  19219.          <i class="fa-solid fa-fire fa-beat-fade fa-lg" style="color: #b9c7ff"></i>&nbsp;Populer</h3>
  19220.                    <div class="grid grid-cols-2 gap-2 md:gap-4 lg:grid-cols-3">
  19221.                                                                        <a href="https://mdnitems.com/game/mobile-legends" class="bg-featured-game-card relative hover:shadow-sm hover:cursor-pointer overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:ring-2 hover:ring-offset-white-500">
  19222.                            <div class="flex items-center">
  19223.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19224.                                    <img alt="MOBILE LEGENDS"  width="80px" height="80px" src="/assets/thumbnail/thumbnail_66bd66b64e469.webp" decoding="async" data-nimg="fill" class="!object-cover" style="position: absolute; height: 100%; width: 100% inset: 0px;">
  19225.                                </div>
  19226.                                <div class="justify-end object-center">
  19227.                                    <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">MOBILE LEGENDS</p>
  19228.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Moonton</p>
  19229.                                </div>
  19230.                            </div>
  19231.                        </a>
  19232.  
  19233.                                                                                                                                                                                                <a href="https://mdnitems.com/game/vilog-via-login-ml" class="bg-featured-game-card relative hover:shadow-sm hover:cursor-pointer overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:ring-2 hover:ring-offset-white-500">
  19234.                            <div class="flex items-center">
  19235.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19236.                                    <img alt="MOBILE LEGENDS VIA LOGIN"  width="80px" height="80px" src="/assets/thumbnail/thumbnail_66307104b1b26.jpg" decoding="async" data-nimg="fill" class="!object-cover" style="position: absolute; height: 100%; width: 100% inset: 0px;">
  19237.                                </div>
  19238.                                <div class="justify-end object-center">
  19239.                                    <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">MOBILE LEGENDS VIA LOGIN</p>
  19240.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Moonton</p>
  19241.                                </div>
  19242.                            </div>
  19243.                        </a>
  19244.  
  19245.                                                                                                <a href="https://mdnitems.com/game/Genshin-Impact" class="bg-featured-game-card relative hover:shadow-sm hover:cursor-pointer overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:ring-2 hover:ring-offset-white-500">
  19246.                            <div class="flex items-center">
  19247.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19248.                                    <img alt="Genshin Impact"  width="80px" height="80px" src="/assets/thumbnail/thumbnail_66bd679b0cbb3.webp" decoding="async" data-nimg="fill" class="!object-cover" style="position: absolute; height: 100%; width: 100% inset: 0px;">
  19249.                                </div>
  19250.                                <div class="justify-end object-center">
  19251.                                    <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">Genshin Impact</p>
  19252.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">miHoYo</p>
  19253.                                </div>
  19254.                            </div>
  19255.                        </a>
  19256.  
  19257.                                                                                                <a href="https://mdnitems.com/game/FREE-FIRE" class="bg-featured-game-card relative hover:shadow-sm hover:cursor-pointer overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:ring-2 hover:ring-offset-white-500">
  19258.                            <div class="flex items-center">
  19259.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19260.                                    <img alt="FREE FIRE"  width="80px" height="80px" src="/assets/thumbnail/thumbnail_66bd67ff867b0.webp" decoding="async" data-nimg="fill" class="!object-cover" style="position: absolute; height: 100%; width: 100% inset: 0px;">
  19261.                                </div>
  19262.                                <div class="justify-end object-center">
  19263.                                    <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">FREE FIRE</p>
  19264.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Garena</p>
  19265.                                </div>
  19266.                            </div>
  19267.                        </a>
  19268.  
  19269.                                                                                                <a href="https://mdnitems.com/game/PUBG-MOBILE" class="bg-featured-game-card relative hover:shadow-sm hover:cursor-pointer overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:ring-2 hover:ring-offset-white-500">
  19270.                            <div class="flex items-center">
  19271.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19272.                                    <img alt="PUBG MOBILE"  width="80px" height="80px" src="/assets/thumbnail/thumbnail_66bd6863ebeb0.webp" decoding="async" data-nimg="fill" class="!object-cover" style="position: absolute; height: 100%; width: 100% inset: 0px;">
  19273.                                </div>
  19274.                                <div class="justify-end object-center">
  19275.                                    <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">PUBG MOBILE</p>
  19276.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Tencent</p>
  19277.                                </div>
  19278.                            </div>
  19279.                        </a>
  19280.  
  19281.                                                                                                <a href="https://mdnitems.com/game/beli-cash-pb-point-blank" class="bg-featured-game-card relative hover:shadow-sm hover:cursor-pointer overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:ring-2 hover:ring-offset-white-500">
  19282.                            <div class="flex items-center">
  19283.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19284.                                    <img alt="POINT BLANK"  width="80px" height="80px" src="/assets/thumbnail/thumbnail_66bd68a643190.webp" decoding="async" data-nimg="fill" class="!object-cover" style="position: absolute; height: 100%; width: 100% inset: 0px;">
  19285.                                </div>
  19286.                                <div class="justify-end object-center">
  19287.                                    <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">POINT BLANK</p>
  19288.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Zepetto</p>
  19289.                                </div>
  19290.                            </div>
  19291.                        </a>
  19292.  
  19293.                                                                                                <a href="https://mdnitems.com/game/Honkai-Star-Rail" class="bg-featured-game-card relative hover:shadow-sm hover:cursor-pointer overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:ring-2 hover:ring-offset-white-500">
  19294.                            <div class="flex items-center">
  19295.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19296.                                    <img alt="Honkai Star Rail"  width="80px" height="80px" src="/assets/thumbnail/thumbnail_662f2cd515745.jpg" decoding="async" data-nimg="fill" class="!object-cover" style="position: absolute; height: 100%; width: 100% inset: 0px;">
  19297.                                </div>
  19298.                                <div class="justify-end object-center">
  19299.                                    <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">Honkai Star Rail</p>
  19300.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">miHoYo</p>
  19301.                                </div>
  19302.                            </div>
  19303.                        </a>
  19304.  
  19305.                                                                                                                                                                                                                                                                                                                                                <a href="https://mdnitems.com/game/Eggy-Party" class="bg-featured-game-card relative hover:shadow-sm hover:cursor-pointer overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:ring-2 hover:ring-offset-white-500">
  19306.                            <div class="flex items-center">
  19307.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19308.                                    <img alt="Eggy Party"  width="80px" height="80px" src="/assets/thumbnail/thumbnail_66bd6934d8639.webp" decoding="async" data-nimg="fill" class="!object-cover" style="position: absolute; height: 100%; width: 100% inset: 0px;">
  19309.                                </div>
  19310.                                <div class="justify-end object-center">
  19311.                                    <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">Eggy Party</p>
  19312.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">NetEase</p>
  19313.                                </div>
  19314.                            </div>
  19315.                        </a>
  19316.  
  19317.                                                                                                <a href="https://mdnitems.com/game/Super-Sus" class="bg-featured-game-card relative hover:shadow-sm hover:cursor-pointer overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:ring-2 hover:ring-offset-white-500">
  19318.                            <div class="flex items-center">
  19319.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19320.                                    <img alt="Super Sus"  width="80px" height="80px" src="/assets/thumbnail/thumbnail_66bd699181bfe.webp" decoding="async" data-nimg="fill" class="!object-cover" style="position: absolute; height: 100%; width: 100% inset: 0px;">
  19321.                                </div>
  19322.                                <div class="justify-end object-center">
  19323.                                    <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">Super Sus</p>
  19324.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Giant Interactive</p>
  19325.                                </div>
  19326.                            </div>
  19327.                        </a>
  19328.  
  19329.                                                                                                <a href="https://mdnitems.com/game/Honor-of-Kings" class="bg-featured-game-card relative hover:shadow-sm hover:cursor-pointer overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:ring-2 hover:ring-offset-white-500">
  19330.                            <div class="flex items-center">
  19331.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19332.                                    <img alt="Honor of Kings"  width="80px" height="80px" src="/assets/thumbnail/thumbnail_66bd69d14ff75.webp" decoding="async" data-nimg="fill" class="!object-cover" style="position: absolute; height: 100%; width: 100% inset: 0px;">
  19333.                                </div>
  19334.                                <div class="justify-end object-center">
  19335.                                    <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">Honor of Kings</p>
  19336.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Tencent</p>
  19337.                                </div>
  19338.                            </div>
  19339.                        </a>
  19340.  
  19341.                                                                                                <a href="https://mdnitems.com/game/Roblox" class="bg-featured-game-card relative hover:shadow-sm hover:cursor-pointer overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:ring-2 hover:ring-offset-white-500">
  19342.                            <div class="flex items-center">
  19343.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19344.                                    <img alt="Roblox"  width="80px" height="80px" src="/assets/thumbnail/thumbnail_66bd6a159e5d6.webp" decoding="async" data-nimg="fill" class="!object-cover" style="position: absolute; height: 100%; width: 100% inset: 0px;">
  19345.                                </div>
  19346.                                <div class="justify-end object-center">
  19347.                                    <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">Roblox</p>
  19348.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Roblox Co.</p>
  19349.                                </div>
  19350.                            </div>
  19351.                        </a>
  19352.  
  19353.                                                                                                <a href="https://mdnitems.com/game/gift-skin-ml-murah" class="bg-featured-game-card relative hover:shadow-sm hover:cursor-pointer overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:ring-2 hover:ring-offset-white-500">
  19354.                            <div class="flex items-center">
  19355.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19356.                                    <img alt="MOBILE LEGENDS - GIFT SKIN"  width="80px" height="80px" src="/assets/thumbnail/thumbnail_66bd6a5beb507.webp" decoding="async" data-nimg="fill" class="!object-cover" style="position: absolute; height: 100%; width: 100% inset: 0px;">
  19357.                                </div>
  19358.                                <div class="justify-end object-center">
  19359.                                    <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">MOBILE LEGENDS - GIFT SKIN</p>
  19360.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Moonton</p>
  19361.                                </div>
  19362.                            </div>
  19363.                        </a>
  19364.  
  19365.                                                                                                                                                <a href="https://mdnitems.com/game/top-up-gems-coc-clash-of-clans" class="bg-featured-game-card relative hover:shadow-sm hover:cursor-pointer overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:ring-2 hover:ring-offset-white-500">
  19366.                            <div class="flex items-center">
  19367.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19368.                                    <img alt="Clash of Clans - COC"  width="80px" height="80px" src="/assets/thumbnail/thumbnail_68002bba0b234.png" decoding="async" data-nimg="fill" class="!object-cover" style="position: absolute; height: 100%; width: 100% inset: 0px;">
  19369.                                </div>
  19370.                                <div class="justify-end object-center">
  19371.                                    <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">Clash of Clans - COC</p>
  19372.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Supercell</p>
  19373.                                </div>
  19374.                            </div>
  19375.                        </a>
  19376.  
  19377.                                                                                                                                                <a href="https://mdnitems.com/game/top-up-voucher-crystal-of-atlan" class="bg-featured-game-card relative hover:shadow-sm hover:cursor-pointer overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:ring-2 hover:ring-offset-white-500">
  19378.                            <div class="flex items-center">
  19379.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19380.                                    <img alt="Crystal of Atlan - COA"  width="80px" height="80px" src="/assets/thumbnail/thumbnail_6840779dda298.webp" decoding="async" data-nimg="fill" class="!object-cover" style="position: absolute; height: 100%; width: 100% inset: 0px;">
  19381.                                </div>
  19382.                                <div class="justify-end object-center">
  19383.                                    <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">Crystal of Atlan - COA</p>
  19384.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Nuverse</p>
  19385.                                </div>
  19386.                            </div>
  19387.                        </a>
  19388.  
  19389.                                                                    </div>
  19390.                    </div>
  19391.                    </div>
  19392.                    
  19393.              
  19394.            
  19395.            
  19396.            <div class="row col-lg-11 mt-1 mx-auto">
  19397.                <div class="col-sm-11">
  19398.                    <ul class="nav nav-pills justify-content-left hide-scrollbar -mb-px flex space-x-1 overflow-auto"
  19399.                        id="myTab" role="tablist">
  19400.                        <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  19401.                            <button
  19402.                                class="btn-sm btn-category  flex whitespace-nowrap border-b-2 py-2 px-3 text-sm font-medium outline-none border-primary-500 from-murky-700 to-murky-800 active "
  19403.                                id="game-tab" data-bs-toggle="tab"
  19404.                                data-bs-target="#game" type="button" role="tab" aria-controls="game"
  19405.                                aria-selected="true">
  19406.                                <small>Game Mobile</small>
  19407.                            </button>
  19408.                        </li>
  19409.                        
  19410.                         <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  19411.                            <button
  19412.                                class="btn-sm btn-category  flex whitespace-nowrap border-b-2 py-2 px-3 text-sm font-medium outline-none border-primary-500 from-murky-700 to-murky-800 "
  19413.                                id="Voucher-tab" data-bs-toggle="tab"
  19414.                                data-bs-target="#Voucher" type="button" role="tab" aria-controls="joki"
  19415.                                aria-selected="true">
  19416.                                <small>Voucher</small>
  19417.                            </button>
  19418.                        </li>
  19419.                        
  19420.                         <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  19421.                            <button
  19422.                                class="btn-sm btn-category  flex whitespace-nowrap border-b-2 py-2 px-3 text-sm font-medium outline-none border-primary-500 from-murky-700 to-murky-800 "
  19423.                                id="Pulsa-tab" data-bs-toggle="tab"
  19424.                                data-bs-target="#Pulsa" type="button" role="tab" aria-controls="game"
  19425.                                aria-selected="true">
  19426.                                <small>Pulsa</small>
  19427.                            </button>
  19428.                        </li>
  19429.                        
  19430.                        <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  19431.                            <button
  19432.                                class="btn-sm btn-category  flex whitespace-nowrap border-b-2 py-2 px-3 text-sm font-medium outline-none border-primary-500 from-murky-700 to-murky-800 "
  19433.                                id="Aplikasi-tab" data-bs-toggle="tab"
  19434.                                data-bs-target="#Aplikasi" type="button" role="tab" aria-controls="game"
  19435.                                aria-selected="true">
  19436.                                <small>Aplikasi</small>
  19437.                            </button>
  19438.                        </li>
  19439.                        
  19440.                        <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  19441.                            <button
  19442.                                class="btn-sm btn-category  flex whitespace-nowrap border-b-2 py-2 px-3 text-sm font-medium outline-none border-primary-500 from-murky-700 to-murky-800 "
  19443.                                id="Money-tab" data-bs-toggle="tab"
  19444.                                data-bs-target="#Money" type="button" role="tab" aria-controls="game"
  19445.                                aria-selected="true">
  19446.                                <small>E-Money</small>
  19447.                            </button>
  19448.                        </li>
  19449.                        
  19450.                        <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  19451.                            <button
  19452.                                class="btn-sm btn-category  flex whitespace-nowrap border-b-2 py-2 px-3 text-sm font-medium outline-none border-primary-500 from-murky-700 to-murky-800 "
  19453.                                id="Hiburan-tab" data-bs-toggle="tab"
  19454.                                data-bs-target="#Hiburan" type="button" role="tab" aria-controls="game"
  19455.                                aria-selected="true">
  19456.                                <small>Hiburan</small>
  19457.                            </button>
  19458.                        </li>
  19459.                        
  19460.                        <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  19461.                            <button
  19462.                                class="btn-sm btn-category  flex whitespace-nowrap border-b-2 py-2 px-3 text-sm font-medium outline-none border-primary-500 from-murky-700 to-murky-800 "
  19463.                                id="Gift-tab" data-bs-toggle="tab"
  19464.                                data-bs-target="#Gift" type="button" role="tab" aria-controls="game"
  19465.                                aria-selected="true">
  19466.                                <small>Gift MLBB</small>
  19467.                            </button>
  19468.                        </li>
  19469.                        
  19470.                        <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  19471.                            <button
  19472.                                class="btn-sm btn-category  flex whitespace-nowrap border-b-2 py-2 px-3 text-sm font-medium outline-none border-primary-500 from-murky-700 to-murky-800 "
  19473.                                id="RT-tab" data-bs-toggle="tab"
  19474.                                data-bs-target="#RT" type="button" role="tab" aria-controls="game"
  19475.                                aria-selected="true">
  19476.                                <small>Room Tournament</small>
  19477.                            </button>
  19478.                        </li>
  19479.                        
  19480.                        <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  19481.                            <button
  19482.                                class="btn-sm btn-category  flex whitespace-nowrap border-b-2 py-2 px-3 text-sm font-medium outline-none border-primary-500 from-murky-700 to-murky-800 "
  19483.                                id="Vilog-tab" data-bs-toggle="tab"
  19484.                                data-bs-target="#Vilog" type="button" role="tab" aria-controls="game"
  19485.                                aria-selected="true">
  19486.                                <small>Vilog</small>
  19487.                            </button>
  19488.                        </li>
  19489.                        
  19490.                        <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  19491.                            <button
  19492.                                class="btn-sm btn-category  flex whitespace-nowrap border-b-2 py-2 px-3 text-sm font-medium outline-none border-primary-500 from-murky-700 to-murky-800 "
  19493.                                id="PLNVoucher-tab" data-bs-toggle="tab"
  19494.                                data-bs-target="#PLN" type="button" role="tab" aria-controls="game"
  19495.                                aria-selected="true">
  19496.                                <small>PLN</small>
  19497.                            </button>
  19498.                        </li>
  19499.                    </ul>  
  19500. </div>      
  19501. </div>          
  19502. </div>    
  19503. </div>      
  19504. </div>  
  19505.        
  19506.        
  19507.      
  19508. <div class="container">
  19509.    <div class="wrapper mt-3">
  19510.       <div class="col-lg-11 mt-0 mx-auto">
  19511.            <div class="tab-content" id="myTabContent">
  19512.                <div class="tab-pane active" id="game" role="tabpanel" aria-labelledby="game-tab">
  19513.                     <div
  19514.                        class="mt-3 md:mt-10 grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-3 md:grid-cols-5 md:gap-3 lg:grid-cols-5 lg:gap-3 xl:grid-cols-6 xl:gap-5">
  19515.                        
  19516.                                                                        <a href="https://mdnitems.com/game/mobile-legends"
  19517.                            class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  19518.                            <div class="blur-sharp ">
  19519.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19520.                                    <img alt="MOBILE LEGENDS" sizes="100vw"
  19521.                                        src="/assets/thumbnail/thumbnail_66bd66b64e469.webp" decoding="async" data-nimg="fill"
  19522.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19523.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19524.                                </div>
  19525.                            </div>
  19526.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19527.                                <div class="flex flex-col h-full justify-between no-underline">
  19528.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19529.                                        
  19530.                                    </div>
  19531.                                    <div>
  19532.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19533.                                            MOBILE LEGENDS</p>
  19534.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Moonton</p>
  19535.                                        
  19536.                                    </div>
  19537.                                </div>
  19538.                            </div>
  19539.                         </a>
  19540.                                                                                                                                                                                                <a href="https://mdnitems.com/game/vilog-via-login-ml"
  19541.                            class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  19542.                            <div class="blur-sharp ">
  19543.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19544.                                    <img alt="MOBILE LEGENDS VIA LOGIN" sizes="100vw"
  19545.                                        src="/assets/thumbnail/thumbnail_66307104b1b26.jpg" decoding="async" data-nimg="fill"
  19546.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19547.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19548.                                </div>
  19549.                            </div>
  19550.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19551.                                <div class="flex flex-col h-full justify-between no-underline">
  19552.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19553.                                        
  19554.                                    </div>
  19555.                                    <div>
  19556.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19557.                                            MOBILE LEGENDS VIA LOGIN</p>
  19558.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Moonton</p>
  19559.                                        
  19560.                                    </div>
  19561.                                </div>
  19562.                            </div>
  19563.                         </a>
  19564.                                                                                                <a href="https://mdnitems.com/game/Genshin-Impact"
  19565.                            class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  19566.                            <div class="blur-sharp ">
  19567.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19568.                                    <img alt="Genshin Impact" sizes="100vw"
  19569.                                        src="/assets/thumbnail/thumbnail_66bd679b0cbb3.webp" decoding="async" data-nimg="fill"
  19570.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19571.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19572.                                </div>
  19573.                            </div>
  19574.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19575.                                <div class="flex flex-col h-full justify-between no-underline">
  19576.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19577.                                        
  19578.                                    </div>
  19579.                                    <div>
  19580.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19581.                                            Genshin Impact</p>
  19582.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">miHoYo</p>
  19583.                                        
  19584.                                    </div>
  19585.                                </div>
  19586.                            </div>
  19587.                         </a>
  19588.                                                                                                <a href="https://mdnitems.com/game/FREE-FIRE"
  19589.                            class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  19590.                            <div class="blur-sharp ">
  19591.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19592.                                    <img alt="FREE FIRE" sizes="100vw"
  19593.                                        src="/assets/thumbnail/thumbnail_66bd67ff867b0.webp" decoding="async" data-nimg="fill"
  19594.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19595.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19596.                                </div>
  19597.                            </div>
  19598.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19599.                                <div class="flex flex-col h-full justify-between no-underline">
  19600.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19601.                                        
  19602.                                    </div>
  19603.                                    <div>
  19604.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19605.                                            FREE FIRE</p>
  19606.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Garena</p>
  19607.                                        
  19608.                                    </div>
  19609.                                </div>
  19610.                            </div>
  19611.                         </a>
  19612.                                                                                                <a href="https://mdnitems.com/game/PUBG-MOBILE"
  19613.                            class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  19614.                            <div class="blur-sharp ">
  19615.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19616.                                    <img alt="PUBG MOBILE" sizes="100vw"
  19617.                                        src="/assets/thumbnail/thumbnail_66bd6863ebeb0.webp" decoding="async" data-nimg="fill"
  19618.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19619.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19620.                                </div>
  19621.                            </div>
  19622.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19623.                                <div class="flex flex-col h-full justify-between no-underline">
  19624.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19625.                                        
  19626.                                    </div>
  19627.                                    <div>
  19628.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19629.                                            PUBG MOBILE</p>
  19630.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Tencent</p>
  19631.                                        
  19632.                                    </div>
  19633.                                </div>
  19634.                            </div>
  19635.                         </a>
  19636.                                                                                                <a href="https://mdnitems.com/game/beli-cash-pb-point-blank"
  19637.                            class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  19638.                            <div class="blur-sharp ">
  19639.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19640.                                    <img alt="POINT BLANK" sizes="100vw"
  19641.                                        src="/assets/thumbnail/thumbnail_66bd68a643190.webp" decoding="async" data-nimg="fill"
  19642.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19643.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19644.                                </div>
  19645.                            </div>
  19646.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19647.                                <div class="flex flex-col h-full justify-between no-underline">
  19648.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19649.                                        
  19650.                                    </div>
  19651.                                    <div>
  19652.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19653.                                            POINT BLANK</p>
  19654.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Zepetto</p>
  19655.                                        
  19656.                                    </div>
  19657.                                </div>
  19658.                            </div>
  19659.                         </a>
  19660.                                                                                                <a href="https://mdnitems.com/game/Honkai-Star-Rail"
  19661.                            class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  19662.                            <div class="blur-sharp ">
  19663.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19664.                                    <img alt="Honkai Star Rail" sizes="100vw"
  19665.                                        src="/assets/thumbnail/thumbnail_662f2cd515745.jpg" decoding="async" data-nimg="fill"
  19666.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19667.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19668.                                </div>
  19669.                            </div>
  19670.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19671.                                <div class="flex flex-col h-full justify-between no-underline">
  19672.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19673.                                        
  19674.                                    </div>
  19675.                                    <div>
  19676.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19677.                                            Honkai Star Rail</p>
  19678.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">miHoYo</p>
  19679.                                        
  19680.                                    </div>
  19681.                                </div>
  19682.                            </div>
  19683.                         </a>
  19684.                                                                                                                                                                                                                                                                                                                                                <a href="https://mdnitems.com/game/Eggy-Party"
  19685.                            class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  19686.                            <div class="blur-sharp ">
  19687.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19688.                                    <img alt="Eggy Party" sizes="100vw"
  19689.                                        src="/assets/thumbnail/thumbnail_66bd6934d8639.webp" decoding="async" data-nimg="fill"
  19690.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19691.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19692.                                </div>
  19693.                            </div>
  19694.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19695.                                <div class="flex flex-col h-full justify-between no-underline">
  19696.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19697.                                        
  19698.                                    </div>
  19699.                                    <div>
  19700.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19701.                                            Eggy Party</p>
  19702.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">NetEase</p>
  19703.                                        
  19704.                                    </div>
  19705.                                </div>
  19706.                            </div>
  19707.                         </a>
  19708.                                                                                                <a href="https://mdnitems.com/game/Super-Sus"
  19709.                            class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  19710.                            <div class="blur-sharp ">
  19711.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19712.                                    <img alt="Super Sus" sizes="100vw"
  19713.                                        src="/assets/thumbnail/thumbnail_66bd699181bfe.webp" decoding="async" data-nimg="fill"
  19714.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19715.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19716.                                </div>
  19717.                            </div>
  19718.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19719.                                <div class="flex flex-col h-full justify-between no-underline">
  19720.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19721.                                        
  19722.                                    </div>
  19723.                                    <div>
  19724.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19725.                                            Super Sus</p>
  19726.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Giant Interactive</p>
  19727.                                        
  19728.                                    </div>
  19729.                                </div>
  19730.                            </div>
  19731.                         </a>
  19732.                                                                                                <a href="https://mdnitems.com/game/Honor-of-Kings"
  19733.                            class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  19734.                            <div class="blur-sharp ">
  19735.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19736.                                    <img alt="Honor of Kings" sizes="100vw"
  19737.                                        src="/assets/thumbnail/thumbnail_66bd69d14ff75.webp" decoding="async" data-nimg="fill"
  19738.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19739.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19740.                                </div>
  19741.                            </div>
  19742.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19743.                                <div class="flex flex-col h-full justify-between no-underline">
  19744.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19745.                                        
  19746.                                    </div>
  19747.                                    <div>
  19748.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19749.                                            Honor of Kings</p>
  19750.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Tencent</p>
  19751.                                        
  19752.                                    </div>
  19753.                                </div>
  19754.                            </div>
  19755.                         </a>
  19756.                                                                                                <a href="https://mdnitems.com/game/Roblox"
  19757.                            class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  19758.                            <div class="blur-sharp ">
  19759.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19760.                                    <img alt="Roblox" sizes="100vw"
  19761.                                        src="/assets/thumbnail/thumbnail_66bd6a159e5d6.webp" decoding="async" data-nimg="fill"
  19762.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19763.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19764.                                </div>
  19765.                            </div>
  19766.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19767.                                <div class="flex flex-col h-full justify-between no-underline">
  19768.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19769.                                        
  19770.                                    </div>
  19771.                                    <div>
  19772.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19773.                                            Roblox</p>
  19774.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Roblox Co.</p>
  19775.                                        
  19776.                                    </div>
  19777.                                </div>
  19778.                            </div>
  19779.                         </a>
  19780.                                                                                                <a href="https://mdnitems.com/game/gift-skin-ml-murah"
  19781.                            class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  19782.                            <div class="blur-sharp ">
  19783.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19784.                                    <img alt="MOBILE LEGENDS - GIFT SKIN" sizes="100vw"
  19785.                                        src="/assets/thumbnail/thumbnail_66bd6a5beb507.webp" decoding="async" data-nimg="fill"
  19786.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19787.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19788.                                </div>
  19789.                            </div>
  19790.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19791.                                <div class="flex flex-col h-full justify-between no-underline">
  19792.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19793.                                        
  19794.                                    </div>
  19795.                                    <div>
  19796.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19797.                                            MOBILE LEGENDS - GIFT SKIN</p>
  19798.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Moonton</p>
  19799.                                        
  19800.                                    </div>
  19801.                                </div>
  19802.                            </div>
  19803.                         </a>
  19804.                                                                                                                                                <a href="https://mdnitems.com/game/top-up-gems-coc-clash-of-clans"
  19805.                            class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  19806.                            <div class="blur-sharp ">
  19807.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19808.                                    <img alt="Clash of Clans - COC" sizes="100vw"
  19809.                                        src="/assets/thumbnail/thumbnail_68002bba0b234.png" decoding="async" data-nimg="fill"
  19810.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19811.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19812.                                </div>
  19813.                            </div>
  19814.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19815.                                <div class="flex flex-col h-full justify-between no-underline">
  19816.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19817.                                        
  19818.                                    </div>
  19819.                                    <div>
  19820.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19821.                                            Clash of Clans - COC</p>
  19822.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Supercell</p>
  19823.                                        
  19824.                                    </div>
  19825.                                </div>
  19826.                            </div>
  19827.                         </a>
  19828.                                                                                                                                                <a href="https://mdnitems.com/game/top-up-voucher-crystal-of-atlan"
  19829.                            class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  19830.                            <div class="blur-sharp ">
  19831.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19832.                                    <img alt="Crystal of Atlan - COA" sizes="100vw"
  19833.                                        src="/assets/thumbnail/thumbnail_6840779dda298.webp" decoding="async" data-nimg="fill"
  19834.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19835.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19836.                                </div>
  19837.                            </div>
  19838.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19839.                                <div class="flex flex-col h-full justify-between no-underline">
  19840.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19841.                                        
  19842.                                    </div>
  19843.                                    <div>
  19844.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19845.                                            Crystal of Atlan - COA</p>
  19846.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Nuverse</p>
  19847.                                        
  19848.                                    </div>
  19849.                                </div>
  19850.                            </div>
  19851.                         </a>
  19852.                                                                    </div>
  19853.                </div>
  19854.                
  19855.                <div class="tab-pane" id="Voucher" role="tabpanel" aria-labelledby="Voucher-tab">
  19856.                       <div
  19857.                        class="mt-3 md:mt-10 grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-3 md:grid-cols-5 md:gap-3 lg:grid-cols-6 lg:gap-3 xl:grid-cols-6 xl:gap-5">
  19858.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <a href="https://mdnitems.com/game/Steam-Wallet-(IDR)"
  19859.                            class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  19860.                            <div class="blur-sharp ">
  19861.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19862.                                    <img alt="Steam Wallet (IDR)" sizes="100vw"
  19863.                                        src="/assets/thumbnail/thumbnail_66bd6abf04b36.webp" decoding="async" data-nimg="fill"
  19864.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19865.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19866.                                </div>
  19867.                            </div>
  19868.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19869.                                <div class="flex flex-col h-full justify-between no-underline">
  19870.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  19871.                                        
  19872.                                    </div>
  19873.                                    <div>
  19874.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19875.                                            Steam Wallet (IDR)</p>
  19876.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Valve Co</p>
  19877.                                        
  19878.                                    </div>
  19879.                                </div>
  19880.                            </div>
  19881.                         </a>
  19882.                                                                                                                                                <a href="https://mdnitems.com/game/GARENA"
  19883.                            class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  19884.                            <div class="blur-sharp ">
  19885.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19886.                                    <img alt="GARENA" sizes="100vw"
  19887.                                        src="/assets/thumbnail/thumbnail_66bd6b086a607.webp" decoding="async" data-nimg="fill"
  19888.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19889.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19890.                                </div>
  19891.                            </div>
  19892.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19893.                                <div class="flex flex-col h-full justify-between no-underline">
  19894.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  19895.                                        
  19896.                                    </div>
  19897.                                    <div>
  19898.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19899.                                            GARENA</p>
  19900.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Garena Coop</p>
  19901.                                        
  19902.                                    </div>
  19903.                                </div>
  19904.                            </div>
  19905.                         </a>
  19906.                                                                                                <a href="https://mdnitems.com/game/PLAYSTATION"
  19907.                            class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  19908.                            <div class="blur-sharp ">
  19909.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19910.                                    <img alt="PLAYSTATION" sizes="100vw"
  19911.                                        src="/assets/thumbnail/thumbnail_66bd6b433a1ac.webp" decoding="async" data-nimg="fill"
  19912.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19913.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19914.                                </div>
  19915.                            </div>
  19916.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19917.                                <div class="flex flex-col h-full justify-between no-underline">
  19918.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  19919.                                        
  19920.                                    </div>
  19921.                                    <div>
  19922.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19923.                                            PLAYSTATION</p>
  19924.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">PSN</p>
  19925.                                        
  19926.                                    </div>
  19927.                                </div>
  19928.                            </div>
  19929.                         </a>
  19930.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </div>
  19931.                </div>
  19932.      
  19933.                <div class="tab-pane" id="Pulsa" role="tabpanel" aria-labelledby="Pulsa-tab">
  19934.                       <div
  19935.                        class="mt-3 md:mt-10 grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-3 md:grid-cols-5 md:gap-3 lg:grid-cols-6 lg:gap-3 xl:grid-cols-6 xl:gap-5">
  19936.                                                                                                                        <a href="https://mdnitems.com/game/TELKOMSEL"
  19937.                            class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  19938.                            <div class="blur-sharp ">
  19939.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19940.                                    <img alt="TELKOMSEL" sizes="100vw"
  19941.                                        src="/assets/thumbnail/thumbnail_66c00c4c8c919.webp" decoding="async" data-nimg="fill"
  19942.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19943.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19944.                                </div>
  19945.                            </div>
  19946.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19947.                                <div class="flex flex-col h-full justify-between no-underline">
  19948.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  19949.                                        
  19950.                                    </div>
  19951.                                    <div>
  19952.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19953.                                            TELKOMSEL</p>
  19954.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Telkom</p>
  19955.                                        
  19956.                                    </div>
  19957.                                </div>
  19958.                            </div>
  19959.                         </a>
  19960.                                                                                                <a href="https://mdnitems.com/game/SMARTFREN"
  19961.                            class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  19962.                            <div class="blur-sharp ">
  19963.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19964.                                    <img alt="SMARTFREN" sizes="100vw"
  19965.                                        src="/assets/thumbnail/thumbnail_66c00c81866ae.webp" decoding="async" data-nimg="fill"
  19966.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19967.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19968.                                </div>
  19969.                            </div>
  19970.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19971.                                <div class="flex flex-col h-full justify-between no-underline">
  19972.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  19973.                                        
  19974.                                    </div>
  19975.                                    <div>
  19976.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19977.                                            SMARTFREN</p>
  19978.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Smartfren Telecom</p>
  19979.                                        
  19980.                                    </div>
  19981.                                </div>
  19982.                            </div>
  19983.                         </a>
  19984.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <a href="https://mdnitems.com/game/IM3"
  19985.                            class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  19986.                            <div class="blur-sharp ">
  19987.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19988.                                    <img alt="Indosat" sizes="100vw"
  19989.                                        src="/assets/thumbnail/thumbnail_66c00cb5bf450.webp" decoding="async" data-nimg="fill"
  19990.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19991.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19992.                                </div>
  19993.                            </div>
  19994.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19995.                                <div class="flex flex-col h-full justify-between no-underline">
  19996.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  19997.                                        
  19998.                                    </div>
  19999.                                    <div>
  20000.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  20001.                                            Indosat</p>
  20002.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Indosat</p>
  20003.                                        
  20004.                                    </div>
  20005.                                </div>
  20006.                            </div>
  20007.                         </a>
  20008.                                                                                                                                                                                                                    </div>
  20009.                </div>
  20010.                  
  20011.                
  20012.                <div class="tab-pane" id="Aplikasi" role="tabpanel" aria-labelledby="Aplikasi-tab">
  20013.                        <div
  20014.                        class="mt-3 md:mt-10 grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-3 md:grid-cols-5 md:gap-3 lg:grid-cols-6 lg:gap-3 xl:grid-cols-6 xl:gap-5">
  20015.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
  20016.                </div>
  20017.                
  20018.                <div class="tab-pane" id="Money" role="tabpanel" aria-labelledby="Money-tab">
  20019.                        <div
  20020.                        class="mt-3 md:mt-10 grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-3 md:grid-cols-5 md:gap-3 lg:grid-cols-6 lg:gap-3 xl:grid-cols-6 xl:gap-5">
  20021.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       <a href="https://mdnitems.com/game/KO99"
  20022.                            class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  20023.                            <div class="blur-sharp ">
  20024.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  20025.                                    <img alt="KUSTOMISASI ORDER" sizes="100vw"
  20026.                                        src="/assets/thumbnail/thumbnail_68056c36f1277.jpg" decoding="async" data-nimg="fill"
  20027.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  20028.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  20029.                                </div>
  20030.                            </div>
  20031.                            <div class="cover !absolute bottom-0 m-3 h-full">
  20032.                                <div class="flex flex-col h-full justify-between no-underline">
  20033.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  20034.                                        
  20035.                                    </div>
  20036.                                    <div>
  20037.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  20038.                                            KUSTOMISASI ORDER</p>
  20039.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">MDN ITEMS</p>
  20040.                                        
  20041.                                    </div>
  20042.                                </div>
  20043.                            </div>
  20044.                         </a>
  20045.                                                                                                                    </div>
  20046.                </div>
  20047.                
  20048.                <div class="tab-pane" id="Hiburan" role="tabpanel" aria-labelledby="Hiburan-tab">
  20049.                        <div
  20050.                        class="mt-3 md:mt-10 grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-3 md:grid-cols-5 md:gap-3 lg:grid-cols-6 lg:gap-3 xl:grid-cols-6 xl:gap-5">
  20051.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       <a href="https://mdnitems.com/game/Youtube"
  20052.                            class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  20053.                            <div class="blur-sharp ">
  20054.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  20055.                                    <img alt="Youtube" sizes="100vw"
  20056.                                        src="/assets/thumbnail/thumbnail_66c00d3e6ecbb.webp" decoding="async" data-nimg="fill"
  20057.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  20058.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  20059.                                </div>
  20060.                            </div>
  20061.                            <div class="cover !absolute bottom-0 m-3 h-full">
  20062.                                <div class="flex flex-col h-full justify-between no-underline">
  20063.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  20064.                                        
  20065.                                    </div>
  20066.                                    <div>
  20067.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  20068.                                            Youtube</p>
  20069.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Google Inc</p>
  20070.                                        
  20071.                                    </div>
  20072.                                </div>
  20073.                            </div>
  20074.                         </a>
  20075.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </div>
  20076.                </div>
  20077.                
  20078.                <div class="tab-pane" id="Gift" role="tabpanel" aria-labelledby="Gift-tab">
  20079.                        <div
  20080.                        class="mt-3 md:mt-10 grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-3 md:grid-cols-5 md:gap-3 lg:grid-cols-6 lg:gap-3 xl:grid-cols-6 xl:gap-5">
  20081.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
  20082.                </div>
  20083.                
  20084.                <div class="tab-pane" id="RT" role="tabpanel" aria-labelledby="RT-tab">
  20085.                        <div
  20086.                        class="mt-3 md:mt-10 grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-3 md:grid-cols-5 md:gap-3 lg:grid-cols-6 lg:gap-3 xl:grid-cols-6 xl:gap-5">
  20087.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
  20088.                </div>
  20089.                
  20090.                <div class="tab-pane" id="Vilog" role="tabpanel" aria-labelledby="Vilog-tab">
  20091.                        <div
  20092.                        class="mt-3 md:mt-10 grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-3 md:grid-cols-5 md:gap-3 lg:grid-cols-6 lg:gap-3 xl:grid-cols-6 xl:gap-5">
  20093.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
  20094.                </div>
  20095.                
  20096.                <div class="tab-pane" id="PLN" role="tabpanel" aria-labelledby="PLN-tab">
  20097.                        <div
  20098.                        class="mt-3 md:mt-10 grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-3 md:grid-cols-5 md:gap-3 lg:grid-cols-6 lg:gap-3 xl:grid-cols-6 xl:gap-5">
  20099.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       <a href="https://mdnitems.com/game/PLN"
  20100.                            class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  20101.                            <div class="blur-sharp ">
  20102.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  20103.                                    <img alt="PLN" sizes="100vw"
  20104.                                        src="/assets/thumbnail/thumbnail_66c00d7223fd3.webp" decoding="async" data-nimg="fill"
  20105.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  20106.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  20107.                                </div>
  20108.                            </div>
  20109.                            <div class="cover !absolute bottom-0 m-3 h-full">
  20110.                                <div class="flex flex-col h-full justify-between no-underline">
  20111.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  20112.                                        
  20113.                                    </div>
  20114.                                    <div>
  20115.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  20116.                                            PLN</p>
  20117.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #b9c7ff;">Lloyds</p>
  20118.                                        
  20119.                                    </div>
  20120.                                </div>
  20121.                            </div>
  20122.                         </a>
  20123.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </div>
  20124.                </div>
  20125.                
  20126.                <div class="tab-pane" id="Pasca" role="tabpanel" aria-labelledby="Pasca-tab">
  20127.                        <div
  20128.                        class="mt-3 md:mt-10 grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-3 md:grid-cols-5 md:gap-3 lg:grid-cols-6 lg:gap-3 xl:grid-cols-6 xl:gap-5">
  20129.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
  20130.                </div>
  20131.                
  20132.                <div class="tab-pane" id="App" role="tabpanel" aria-labelledby="app-tab">
  20133.                        <div
  20134.                        class="mt-3 md:mt-10 grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-3 md:grid-cols-5 md:gap-3 lg:grid-cols-6 lg:gap-3 xl:grid-cols-6 xl:gap-5">
  20135.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
  20136.                </div>
  20137.            </div>
  20138.        </div>
  20139.    </div>
  20140. </div>
  20141. </div>
  20142. </div>
  20143. </div>
  20144. </div>
  20145. </div>
  20146. </div>
  20147. <br>
  20148.        <br>
  20149.        <div class="row">
  20150.    <div class="col-lg-9 mx-auto">
  20151.        <div class="divider mx-lg-2 pb-lg-3">
  20152.            <div class="divider-text">
  20153.                <h5 class="mt-2 text-white">Artikel</h5>
  20154.            </div>
  20155.        <div class="nav-item mt-4 col-lg-12 dropdown d-lg-inline-block mx-auto">
  20156.            <div class="row h-100">
  20157.                <div class="col-sm mt-3">
  20158.                    <div class="owl-carousel owl-theme mb-2" id="artikel">
  20159.                                                <div class="item">
  20160.                            <a class="card-flash position-relative" href="https://mdnitems.com/artikel/skin-lancelot-bren-esport-m-series-dijual-kembali" style="background-image: url('/assets/artikel/1751229942_skin-lancelot-bren-esport.jpeg'); background-size: cover; background-position: center; height: 150px; border-radius: 12px; overflow: hidden;">
  20161.                                <div class="artikel-gradient"></div>
  20162.                                <p class="artikel-title">Skin Lancelot Bren Esport M Series Dijual Kembali</p>
  20163.                            </a>
  20164.                        </div>
  20165.                                                <div class="item">
  20166.                            <a class="card-flash position-relative" href="https://mdnitems.com/artikel/skin-estes-blacklist-international-m-series-dijual-kembali" style="background-image: url('/assets/artikel/1751229019_skin-estes-blacklist.jpg'); background-size: cover; background-position: center; height: 150px; border-radius: 12px; overflow: hidden;">
  20167.                                <div class="artikel-gradient"></div>
  20168.                                <p class="artikel-title">Skin Estes Blacklist International M Series Dijual Kembali</p>
  20169.                            </a>
  20170.                        </div>
  20171.                                                <div class="item">
  20172.                            <a class="card-flash position-relative" href="https://mdnitems.com/artikel/skin-starlight-bulan-juli-ini-hero-phoveus-mdn-items" style="background-image: url('/assets/artikel/1750540947_skin-starlight-bulan-juli-ini.jpg'); background-size: cover; background-position: center; height: 150px; border-radius: 12px; overflow: hidden;">
  20173.                                <div class="artikel-gradient"></div>
  20174.                                <p class="artikel-title">Skin Starlight Bulan Juli Ini Hero Phoveus - MDN ITEMS</p>
  20175.                            </a>
  20176.                        </div>
  20177.                                                <div class="item">
  20178.                            <a class="card-flash position-relative" href="https://mdnitems.com/artikel/info-tanggal-rilis-resale-skin-event-saint-seiya-di-ml" style="background-image: url('/assets/artikel/1750356840_tanggal-rilis-skin-saint-seiya.webp'); background-size: cover; background-position: center; height: 150px; border-radius: 12px; overflow: hidden;">
  20179.                                <div class="artikel-gradient"></div>
  20180.                                <p class="artikel-title">Info Tanggal Rilis Resale Skin Event Saint Seiya di ML</p>
  20181.                            </a>
  20182.                        </div>
  20183.                                                <div class="item">
  20184.                            <a class="card-flash position-relative" href="https://mdnitems.com/artikel/skin-baru-jawhead-proto-guardian-sentinel" style="background-image: url('/assets/artikel/1750201577_skin-baru-jawhead-proto-guardian-sentinel.jpg'); background-size: cover; background-position: center; height: 150px; border-radius: 12px; overflow: hidden;">
  20185.                                <div class="artikel-gradient"></div>
  20186.                                <p class="artikel-title">Skin Baru Jawhead – Proto Guardian Sentinel</p>
  20187.                            </a>
  20188.                        </div>
  20189.                                                <div class="item">
  20190.                            <a class="card-flash position-relative" href="https://mdnitems.com/artikel/tanggal-skin-saint-seiya-hadir-kembali-di-mlbb-mdn-items" style="background-image: url('/assets/artikel/1750199821_skin-saint-seiya-mlbb-mdn-items.jpg'); background-size: cover; background-position: center; height: 150px; border-radius: 12px; overflow: hidden;">
  20191.                                <div class="artikel-gradient"></div>
  20192.                                <p class="artikel-title">Tanggal Skin Saint Seiya Hadir Kembali di MLBB - MDN ITEMS</p>
  20193.                            </a>
  20194.                        </div>
  20195.                                                <div class="item">
  20196.                            <a class="card-flash position-relative" href="https://mdnitems.com/artikel/skin-squad-ml-terbaru-dragon-squad-miya-yu-zhong-eudora-dan-gusion" style="background-image: url('/assets/artikel/1748545456_skin-squad-terbaru-dragon-squad.webp'); background-size: cover; background-position: center; height: 150px; border-radius: 12px; overflow: hidden;">
  20197.                                <div class="artikel-gradient"></div>
  20198.                                <p class="artikel-title">Skin Squad ML Terbaru Dragon Squad Miya, Yu Zhong, Eudora, dan Gusion</p>
  20199.                            </a>
  20200.                        </div>
  20201.                                                <div class="item">
  20202.                            <a class="card-flash position-relative" href="https://mdnitems.com/artikel/event-aspirant-change-lesley-rilis-kembali-juni-2025" style="background-image: url('/assets/artikel/1748119539_b3bc711c-23fb-4b76-aff4-44aa9e5ed2a1.jpg'); background-size: cover; background-position: center; height: 150px; border-radius: 12px; overflow: hidden;">
  20203.                                <div class="artikel-gradient"></div>
  20204.                                <p class="artikel-title">Event Aspirant Change Lesley Rilis Kembali Juni 2025</p>
  20205.                            </a>
  20206.                        </div>
  20207.                                                <div class="item">
  20208.                            <a class="card-flash position-relative" href="https://mdnitems.com/artikel/skin-zodiac-gemini-karina-rilis-mei-2025-resale" style="background-image: url('/assets/artikel/1748025117_skin-zodiac-gemini-karina.jpg'); background-size: cover; background-position: center; height: 150px; border-radius: 12px; overflow: hidden;">
  20209.                                <div class="artikel-gradient"></div>
  20210.                                <p class="artikel-title">Skin Zodiac Gemini Karina Rilis Mei 2025 Resale</p>
  20211.                            </a>
  20212.                        </div>
  20213.                                                <div class="item">
  20214.                            <a class="card-flash position-relative" href="https://mdnitems.com/artikel/skin-starlight-xavier-desember-bulan-ini-2024-hero-mage" style="background-image: url('/assets/artikel/1732130296_1x1 mdn items.jpg'); background-size: cover; background-position: center; height: 150px; border-radius: 12px; overflow: hidden;">
  20215.                                <div class="artikel-gradient"></div>
  20216.                                <p class="artikel-title">Skin Starlight Xavier Desember Bulan Ini 2024 Hero Mage</p>
  20217.                            </a>
  20218.                        </div>
  20219.                                            </div>
  20220.                </div>
  20221.            </div>
  20222.        </div>
  20223.    </div>
  20224. </div>
  20225. </div>
  20226.  
  20227.        </div>
  20228.    </div>
  20229.  
  20230.        
  20231.    <div id="toaster" class="toaster row" style="display:none;">
  20232. <div class="col-3 img p-lr-6"><img id="toast-foto" src="" /></div>
  20233. <div class="col-9 p-lr-6">
  20234. <b id="toast-user">USER</b><br>
  20235. berhasil membeli <b id="toast-produk"> Nama Produknya</b><br/>
  20236. <small id="toast-time">Waktu beli</small>
  20237. <small class="btn-block"><i class="fa fa-check-circle text-success"></i> &nbsp;verified by <b>MDA Store</b></small>
  20238. </div>
  20239. </div>
  20240. <style>
  20241.    /* NOTIF BOOSTER */
  20242. .toaster{
  20243. position: fixed;
  20244. bottom: 3vw;
  20245.    left: 3vw;
  20246. padding: 8px;
  20247. border-radius: 80px;
  20248. z-index: 200;
  20249. margin: 0;
  20250.    width: 400px;
  20251.    max-width: 100%;
  20252.    font-size: 90%;
  20253.    align-items: center;
  20254.    color: #fff;
  20255.    background-color: #0e1019;
  20256.    box-shadow: 0px 0px 6px 2px #b9c7ff;
  20257. }
  20258. .toaster .img img{
  20259. max-width: 100%;
  20260. border-radius: 60px;
  20261. height: 60px;
  20262. width: 60px;
  20263. }
  20264. </style>
  20265.        
  20266.    <div class="modal fade" id="modalInformations" aria-hidden="true" aria-labelledby="modalInformationsLabel" tabindex="-1">
  20267.        <div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
  20268.            <div class="modal-content bg-white" style="box-shadow:0 0 3rem #000000 !important">
  20269.                <div class="modal-body">
  20270.                    <div class="row" style="color: #000;" id="textInfo"></div>
  20271.                    <div class="row">
  20272.                        <div class="col float-start">
  20273.                            <div class="form-check" style="font-size:12px">
  20274.                                <input class="form-check-input" type="checkbox" value="" id="dontshowinfo">
  20275.                                <label class="form-check-label" for="dontshowinfo">
  20276.                                    Jangan Tampilkan Lagi
  20277.                                </label>
  20278.                            </div>
  20279.                        </div>
  20280.                        <div class="col text-end">
  20281.                            <button type="submit" name="read_popup_news_b2c" style="font-size:12px" class="btn btn-primary btn-sm">
  20282.                                Tutup
  20283.                            </button>
  20284.                        </div>                    </div>
  20285.                </div>
  20286.            </div>
  20287.        </div>
  20288.    </div>
  20289.    <svg width="100%" height="100%" id="svg" viewBox="0 0 1440 390" xmlns="http://www.w3.org/2000/svg" class="-mt-8 transition delay-150 duration-300 ease-in-out print:hidden md:-mt-24">
  20290.    <path d="M 0,400 C 0,400 0,200 0,200 C 40.34909359970402,243.0042668639783 80.69818719940804,286.0085337279566 135,268 C 189.30181280059196,249.9914662720434 257.5563448020718,170.97013195215192 311,159 C 364.4436551979282,147.02986804784808 403.07643359230485,202.11093846343573 452,207 C 500.92356640769515,211.88906153656427 560.137920828709,166.58611419410528 626,169 C 691.862079171291,171.41388580589472 764.3718830928599,221.54460476014305 826,248 C 887.6281169071401,274.45539523985695 938.3745467998519,277.2354667653225 985,246 C 1031.625453200148,214.7645332346775 1074.1299297077323,149.51352817856701 1122,137 C 1169.8700702922677,124.48647182143299 1223.1057343692194,164.71042052040943 1277,184 C 1330.8942656307806,203.28957947959057 1385.4471328153904,201.64478973979527 1440,200 C 1440,200 1440,400 1440,400 Z" stroke="none" stroke-width="0"
  20291.    fill="#0e1019" fill-opacity="1" class="path-0 transition-all delay-150 duration-300 ease-in-out"></path>
  20292. </svg>
  20293.    <footer class="bg-gray-700" aria-labelledby="footer-heading" class="overflow-hidden mt-4">
  20294.    
  20295.    <h2 id="footer-heading" class="sr-only">Footer</h2>
  20296.    <div class="mx-auto max-w-7xl py-8 px-4 sm:px-6 lg:pt-14 lg:px-14">
  20297.        <div class="flex h-full w-full flex-col justify-between lg:flex-row md:justify-center md:space-x-10">
  20298.            <div class="w-full space-y-4 xl:col-span-1"><img alt="logo"
  20299.                    srcset="/assets/logo/mdn-removebg-preview.png"
  20300.                    src="/assets/logo/mdn-removebg-preview.png"
  20301.                    width="64" height="64" decoding="async" data-nimg="1" class="h-16 w-auto md:h-[110px] md:w-[270px]"
  20302.                    loading="lazy" style="color: transparent;">
  20303.                <p class="text-base" style="color: rgb(255, 255, 255);">MDN ITEMS</p>
  20304.                <p class="text-base" style="color: rgb(255, 255, 255);">MDN Items - Toko Top Up Termurah di Indonesia dengan layanan Otomatis Cepat Voucher Produk Game Mobile Legends, Token Listrik, Internet, Free Fire, Garena dan lainnya.</p>
  20305.            </div>
  20306.            <div class="mt-12 grid w-full grid-cols-2 gap-6 lg:gap-10 gap-y-10 md:flex lg:justify-between xl:mt-0"
  20307.                style="color: rgb(255, 255, 255);">
  20308.                <div class="w-full">
  20309.                    <h3 class="text-sm font-bold uppercase" style="color: white;">PETA SITUS</h3>
  20310.                    
  20311.                    <ul class="mt-4 space-y-4">
  20312.                       <li><a class="text-sm text-white" href="https://mdnitems.com">Beranda</a></li>
  20313.                        <li><a class="text-sm text-white" href="https://mdnitems.com/daftar-harga">Daftar Harga</a></li>
  20314.                        <li><a class="text-sm text-white" href="https://mdnitems.com/login">Masuk</a></li>
  20315.                        <li><a class="text-sm text-white" href="https://mdnitems.com/register">Daftar</a></li>
  20316.                    </ul>
  20317.                </div>
  20318.                <div class="w-full">
  20319.                    <h3 class="text-sm font-bold uppercase" style="color: white;">TOP UP LAINNYA</h3>
  20320.                    
  20321.                    <ul class="mt-4 space-y-4">
  20322.                        <li><a class="text-sm text-white" href="https://mdnitems.com/game/mobile-legends">Mobile Legends</a></li>
  20323.                        <li><a class="text-sm text-white" href="https://mdnitems.com/game/free-fire">Free Fire</a></li>
  20324.                        <li><a class="text-sm text-white" href="https://mdnitems.com/game/call-of-duty">Call of Duty Mobile</a></li>
  20325.                        <li><a class="text-sm text-white" href="https://mdnitems.com/game/genshin-impact">Genshin Impact</a></li>
  20326.                    </ul>
  20327.                </div>
  20328.                <div class="w-full">
  20329.                    <h3 class="text-sm text-white  ">Kontak Kami</h3>
  20330.                    
  20331.                    <div class="items-center space-x-0 my-4">
  20332.                        <div class="icon-button hover:shadow-lg css-4a5a1" style="width: 44px; height: 44px;"><a
  20333.                                target="_blank" href="https://www.instagram.com/mdn.items" class="social-icon"
  20334.                                aria-label="instagram"
  20335.                                style="display: inline-block; width: 40px; height: 40px; position: relative; overflow: hidden; vertical-align: middle;">
  20336.                                <div class="social-container"
  20337.                                    style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;">
  20338.                                    <svg
  20339.                                        class="social-svg" viewBox="0 0 64 64"
  20340.                                        style="border-radius: 50%; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; fill-rule: evenodd;">
  20341.                                        <g class="social-svg-background"
  20342.                                            style="transition: fill 170ms ease-in-out 0s; fill: transparent;">
  20343.                                            <circle cx="32" cy="32" r="31"></circle>
  20344.                                        </g>
  20345.                                        <g class="social-svg-icon"
  20346.                                            style="transition: fill 170ms ease-in-out 0s; fill: rgb(230, 230, 230);">
  20347.                                            <path
  20348.                                                d="M 39.88,25.89 C 40.86,25.89 41.65,25.10 41.65,24.12 41.65,23.14 40.86,22.35 39.88,22.35 38.90,22.35 38.11,23.14 38.11,24.12 38.11,25.10 38.90,25.89 39.88,25.89 Z M 32.00,24.42 C 27.82,24.42 24.42,27.81 24.42,32.00 24.42,36.19 27.82,39.58 32.00,39.58 36.18,39.58 39.58,36.18 39.58,32.00 39.58,27.82 36.18,24.42 32.00,24.42 Z M 32.00,36.92 C 29.28,36.92 27.08,34.72 27.08,32.00 27.08,29.28 29.28,27.08 32.00,27.08 34.72,27.08 36.92,29.28 36.92,32.00 36.92,34.72 34.72,36.92 32.00,36.92 Z M 32.00,19.90 C 35.94,19.90 36.41,19.92 37.96,19.99 39.41,20.05 40.19,20.29 40.71,20.50 41.40,20.77 41.89,21.08 42.41,21.60 42.92,22.12 43.24,22.61 43.51,23.30 43.71,23.82 43.95,24.60 44.02,26.04 44.09,27.60 44.11,28.06 44.11,32.01 44.11,35.95 44.09,36.41 44.02,37.97 43.95,39.41 43.71,40.19 43.51,40.71 43.24,41.40 42.92,41.90 42.41,42.41 41.89,42.93 41.40,43.25 40.71,43.51 40.19,43.71 39.41,43.96 37.96,44.02 36.41,44.09 35.94,44.11 32.00,44.11 28.06,44.11 27.59,44.09 26.04,44.02 24.59,43.96 23.81,43.72 23.29,43.51 22.60,43.24 22.11,42.93 21.59,42.41 21.08,41.90 20.76,41.40 20.49,40.71 20.29,40.19 20.05,39.41 19.98,37.97 19.91,36.41 19.89,35.95 19.89,32.01 19.89,28.06 19.91,27.60 19.98,26.04 20.05,24.60 20.29,23.82 20.49,23.30 20.76,22.61 21.08,22.12 21.59,21.60 22.11,21.08 22.60,20.76 23.29,20.50 23.81,20.30 24.59,20.05 26.04,19.99 27.59,19.91 28.06,19.90 32.00,19.90 Z M 32.00,17.24 C 27.99,17.24 27.49,17.26 25.91,17.33 24.34,17.40 23.27,17.65 22.33,18.01 21.36,18.39 20.54,18.90 19.72,19.72 18.90,20.54 18.39,21.37 18.01,22.33 17.65,23.27 17.40,24.34 17.33,25.92 17.26,27.49 17.24,27.99 17.24,32.00 17.24,36.01 17.26,36.51 17.33,38.09 17.40,39.66 17.65,40.73 18.01,41.67 18.39,42.65 18.90,43.47 19.72,44.29 20.54,45.11 21.37,45.61 22.33,45.99 23.27,46.36 24.34,46.61 25.92,46.68 27.49,46.75 27.99,46.77 32.01,46.77 36.02,46.77 36.52,46.75 38.09,46.68 39.66,46.61 40.74,46.36 41.68,45.99 42.65,45.62 43.47,45.11 44.29,44.29 45.11,43.47 45.62,42.64 46.00,41.67 46.36,40.74 46.61,39.66 46.68,38.09 46.75,36.51 46.77,36.01 46.77,32.00 46.77,27.99 46.75,27.49 46.68,25.91 46.61,24.34 46.36,23.27 46.00,22.33 45.62,21.35 45.11,20.53 44.29,19.71 43.47,18.89 42.65,18.39 41.68,18.01 40.74,17.64 39.67,17.39 38.09,17.32 36.51,17.26 36.01,17.24 32.00,17.24 Z">
  20349.                                            </path>
  20350.                                        </g>
  20351.                                        <g class="social-svg-mask"
  20352.                                            style="transition: fill 170ms ease-in-out 0s; fill: rgb(39, 39, 48);">
  20353.                                            <path
  20354.                                                d="M0,0v64h64V0H0z M 42.03,23.99 C 42.03,24.99 41.22,25.79 40.23,25.79 39.23,25.79 38.43,24.99 38.43,23.99 38.43,22.99 39.23,22.19 40.23,22.19 41.22,22.19 42.03,22.99 42.03,23.99 Z M 24.52,31.99 C 24.52,27.74 27.97,24.29 32.22,24.29 36.47,24.29 39.92,27.75 39.92,31.99 39.92,36.24 36.47,39.70 32.22,39.70 27.97,39.70 24.52,36.25 24.52,31.99 Z M 27.22,31.99 C 27.22,34.76 29.46,36.99 32.22,36.99 34.98,36.99 37.22,34.76 37.22,31.99 37.22,29.23 34.98,27.00 32.22,27.00 29.46,27.00 27.22,29.23 27.22,31.99 Z M 38.28,19.79 C 36.70,19.72 36.22,19.70 32.22,19.70 28.22,19.70 27.74,19.71 26.17,19.79 24.69,19.85 23.90,20.11 23.37,20.31 22.67,20.58 22.17,20.90 21.65,21.43 21.13,21.96 20.80,22.46 20.53,23.16 20.33,23.68 20.08,24.48 20.01,25.94 19.94,27.52 19.92,27.99 19.92,32.01 19.92,36.01 19.94,36.48 20.01,38.06 20.08,39.52 20.33,40.32 20.53,40.84 20.80,41.54 21.13,42.05 21.65,42.57 22.17,43.10 22.67,43.41 23.37,43.69 23.90,43.90 24.69,44.15 26.17,44.21 27.74,44.28 28.22,44.30 32.22,44.30 36.22,44.30 36.70,44.28 38.28,44.21 39.75,44.15 40.54,43.89 41.07,43.69 41.77,43.42 42.27,43.10 42.80,42.57 43.32,42.05 43.64,41.54 43.91,40.84 44.12,40.32 44.36,39.52 44.43,38.06 44.50,36.48 44.52,36.01 44.52,32.01 44.52,27.99 44.50,27.52 44.43,25.94 44.36,24.48 44.12,23.68 43.91,23.16 43.64,22.46 43.32,21.96 42.80,21.43 42.27,20.90 41.77,20.59 41.07,20.31 40.54,20.10 39.75,19.85 38.28,19.79 Z M 26.03,17.09 C 27.64,17.02 28.15,17.00 32.22,17.00 36.27,17.00 36.80,17.02 38.38,17.08 38.38,17.08 38.41,17.08 38.41,17.08 40.01,17.15 41.10,17.41 42.06,17.78 43.04,18.17 43.87,18.68 44.71,19.51 45.54,20.34 46.06,21.18 46.44,22.17 46.81,23.13 47.06,24.21 47.14,25.81 47.21,27.41 47.23,27.92 47.23,31.99 47.23,36.07 47.21,36.58 47.14,38.18 47.06,39.78 46.81,40.87 46.44,41.82 46.06,42.80 45.54,43.65 44.71,44.48 43.87,45.31 43.04,45.83 42.06,46.21 41.10,46.58 40.00,46.84 38.41,46.91 36.81,46.98 36.31,47.00 32.23,47.00 28.15,47.00 27.64,46.98 26.04,46.91 24.44,46.84 23.35,46.58 22.40,46.21 21.42,45.82 20.58,45.31 19.75,44.48 18.91,43.65 18.39,42.81 18.01,41.82 17.64,40.86 17.39,39.78 17.32,38.18 17.25,36.58 17.23,36.07 17.23,31.99 17.23,27.92 17.25,27.41 17.32,25.82 17.39,24.21 17.64,23.13 18.01,22.17 18.39,21.20 18.91,20.35 19.75,19.52 20.58,18.69 21.41,18.17 22.40,17.78 23.35,17.42 24.44,17.16 26.03,17.09 Z">
  20355.                                            </path>
  20356.                                        </g>
  20357.                                    </svg></div>
  20358.                            </a></div>
  20359.                        <div class="icon-button hover:shadow-lg css-4a5a1" style="width: 44px; height: 44px;"><a
  20360.                                target="_blank" href="https://www.tiktok.com/calvinallen9" class="social-icon"
  20361.                                aria-label="tiktok"
  20362.                                style="display: inline-block; width: 40px; height: 40px; position: relative; overflow: hidden; vertical-align: middle;">
  20363.                                <div class="social-container"
  20364.                                    style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"><svg
  20365.                                        class="social-svg" viewBox="0 0 64 64"
  20366.                                        style="border-radius: 50%; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; fill-rule: evenodd;">
  20367.                                        <g class="social-svg-background"
  20368.                                            style="transition: fill 170ms ease-in-out 0s; fill: transparent;">
  20369.                                            <circle cx="32" cy="32" r="31"></circle>
  20370.                                        </g>
  20371.                                        <g class="social-svg-icon"
  20372.                                            style="transition: fill 170ms ease-in-out 0s; fill: rgb(230, 230, 230);">
  20373.                                            <path d="M 0,0 H 64 V 64 H 0 Z"></path>
  20374.                                        </g>
  20375.                                        <g class="social-svg-mask"
  20376.                                            style="transition: fill 170ms ease-in-out 0s; fill: rgb(39, 39, 48);">
  20377.                                            <path
  20378.                                                d="M 0 0 L 0 64 L 64 64 L 64 0 L 0 0 z M 33.330078 16 L 38.845703 16 C 38.841484 16.464979 38.879928 16.930827 38.960938 17.388672 L 38.962891 17.388672 C 39.347214 19.450699 40.563022 21.263117 42.324219 22.402344 C 43.560373 23.223837 45.011906 23.660664 46.496094 23.660156 L 46.496094 24.853516 C 46.499654 24.854516 46.504312 24.854771 46.507812 24.855469 L 46.507812 29.123047 C 43.760055 29.129293 41.080342 28.271577 38.847656 26.669922 L 38.847656 37.882812 C 38.835889 43.478203 34.296575 48.007827 28.701172 48.007812 C 26.63222 48.048166 24.599665 47.449168 22.884766 46.291016 C 22.767781 46.167585 22.658664 46.038312 22.548828 45.910156 C 19.166219 43.334883 17.735525 38.905122 19.021484 34.820312 C 20.351327 30.5961 24.272588 27.726928 28.701172 27.736328 C 29.158607 27.742889 29.614526 27.781926 30.066406 27.853516 L 30.054688 33.488281 C 29.612312 33.350917 29.152646 33.277637 28.689453 33.273438 C 26.564626 33.28434 24.721455 34.740631 24.216797 36.804688 C 23.712137 38.868744 24.676556 41.009904 26.556641 42 C 27.215641 42.344292 27.967447 42.505495 28.710938 42.511719 C 31.19892 42.507676 33.238354 40.539029 33.330078 38.052734 L 33.330078 16 z">
  20379.                                            </path>
  20380.                                        </g>
  20381.                                    </svg></div>
  20382.                            </a></div>
  20383.                        <div class="icon-button hover:shadow-lg css-4a5a1" style="width: 44px; height: 44px;"><a
  20384.                                target="_blank" href="#" class="social-icon"
  20385.                                aria-label="youtube"
  20386.                                style="display: inline-block; width: 40px; height: 40px; position: relative; overflow: hidden; vertical-align: middle;">
  20387.                                <div class="social-container"
  20388.                                    style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"><svg
  20389.                                        class="social-svg" viewBox="0 0 64 64"
  20390.                                        style="border-radius: 50%; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; fill-rule: evenodd;">
  20391.                                        <g class="social-svg-background"
  20392.                                            style="transition: fill 170ms ease-in-out 0s; fill: transparent;">
  20393.                                            <circle cx="32" cy="32" r="31"></circle>
  20394.                                        </g>
  20395.                                        <g class="social-svg-icon"
  20396.                                            style="transition: fill 170ms ease-in-out 0s; fill: rgb(230, 230, 230);">
  20397.                                            <path
  20398.                                                d="M46.7,26c0,0-0.3-2.1-1.2-3c-1.1-1.2-2.4-1.2-3-1.3C38.3,21.4,32,21.4,32,21.4h0 c0,0-6.3,0-10.5,0.3c-0.6,0.1-1.9,0.1-3,1.3c-0.9,0.9-1.2,3-1.2,3S17,28.4,17,30.9v2.3c0,2.4,0.3,4.9,0.3,4.9s0.3,2.1,1.2,3 c1.1,1.2,2.6,1.2,3.3,1.3c2.4,0.2,10.2,0.3,10.2,0.3s6.3,0,10.5-0.3c0.6-0.1,1.9-0.1,3-1.3c0.9-0.9,1.2-3,1.2-3s0.3-2.4,0.3-4.9 v-2.3C47,28.4,46.7,26,46.7,26z M28.9,35.9l0-8.4l8.1,4.2L28.9,35.9z">
  20399.                                            </path>
  20400.                                        </g>
  20401.                                        <g class="social-svg-mask"
  20402.                                            style="transition: fill 170ms ease-in-out 0s; fill: rgb(39, 39, 48);">
  20403.                                            <path
  20404.                                                d="M0,0v64h64V0H0z M47,33.1c0,2.4-0.3,4.9-0.3,4.9s-0.3,2.1-1.2,3c-1.1,1.2-2.4,1.2-3,1.3 C38.3,42.5,32,42.6,32,42.6s-7.8-0.1-10.2-0.3c-0.7-0.1-2.2-0.1-3.3-1.3c-0.9-0.9-1.2-3-1.2-3S17,35.6,17,33.1v-2.3 c0-2.4,0.3-4.9,0.3-4.9s0.3-2.1,1.2-3c1.1-1.2,2.4-1.2,3-1.3c4.2-0.3,10.5-0.3,10.5-0.3h0c0,0,6.3,0,10.5,0.3c0.6,0.1,1.9,0.1,3,1.3 c0.9,0.9,1.2,3,1.2,3s0.3,2.4,0.3,4.9V33.1z M28.9,35.9l8.1-4.2l-8.1-4.2L28.9,35.9z">
  20405.                                            </path>
  20406.                                        </g>
  20407.                                    </svg></div>
  20408.                            </a></div>
  20409.                    </div>
  20410.                    <!--<div class="mt-6">
  20411.                        <h3 class="text-sm font-bold uppercase">Pertanyaan Bisnis</h3>
  20412.                        <div class="strip-primary"></div>
  20413.                        <ul class="mt-4 space-y-4">
  20414.                        <li> <a href="mailto:" class="text-sm pb-[3px] text-base mt-5"></a></li>
  20415.                    </ul>
  20416.                      
  20417.                    </div>-->
  20418.                </div>
  20419.            </div>
  20420.        </div>
  20421.        
  20422.        <div class="mt-12 flex flex-col gap-1 md:flex-row lg:flex-row border-t pt-8 place-items-start"
  20423.            style="border-color: rgb(255, 255, 255);">
  20424.            <p class="text-xs xs:text-center" style="color: rgb(255, 255, 255);">Copyright © 2023 MDN ITEMS.</p>
  20425.            <div class="flex gap-3"><a class="text-xs xl:text-center hover:underline border-r pr-3" href=""
  20426.                    style="color: white;">Tentang Kami</a><a
  20427.                    class="text-xs xl:text-center hover:underline " href="#"
  20428.                    style="color: white;">Syarat &amp; Ketentuan Pengguna</a></div>
  20429.                    
  20430.        </div>
  20431.    </div>
  20432. </footer>
  20433.    <div class="modal fade" id="modalInformations" aria-hidden="true" aria-labelledby="modalInformationsLabel"
  20434.    tabindex="-1">
  20435.    <div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
  20436.        <div class="modal-content rounded-3 shadow">
  20437.            <div class="modal-header bg-primary text-white">
  20438.                <h5 class="modal-title" id="modalInformationsLabel">Informasi Penting</h5>
  20439.                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
  20440.                    aria-label="Close"></button>
  20441.            </div>
  20442.            <div class="modal-body">
  20443.                <div class="row mb-3" id="textInfo">
  20444.                    <!-- Konten Informasi akan ditampilkan di sini -->
  20445.                </div>
  20446.                <div class="row">
  20447.                    <div class="col-6">
  20448.                        <div class="form-check">
  20449.                            <input class="form-check-input" type="checkbox" value="" id="dontshowinfo">
  20450.                            <label class="form-check-label" for="dontshowinfo"> Jangan tampilkan lagi </label>
  20451.                        </div>
  20452.                    </div>
  20453.                    <div class="col-6 text-end">
  20454.                        <button type="button" name="read_popup" class="btn btn-secondary btn-sm"
  20455.                            data-bs-dismiss="modal">Tutup</button>
  20456.                    </div>
  20457.                </div>
  20458.            </div>
  20459.        </div>
  20460.    </div>
  20461. </div>
  20462.  
  20463.  
  20464.    <div class="fab-container">
  20465.        <div class="fab fab-icon-holder">
  20466.            <!--< <img src="/public/assets/img/chat.png" class="img-chat" alt=""> >-->
  20467.             <img src="/assets/callcenter-mdnitems.png" class="img-chat" alt="bantuan mdn items">
  20468.        </div>
  20469.        <ul class="fab-options">
  20470.            <li>
  20471.                <a href="https://www.instagram.com/mdn.items" class="text-decoration-none" target="_blank">
  20472.                    <img src="https://www.mdnitems.com/assets/icons/instagram.png" alt="Instagram" width="40" height="40">
  20473.                </a>
  20474.            </li>
  20475.            <li>
  20476.                <a href="https://wa.me/6281370990163" class="text-decoration-none" target="_blank">
  20477.                    <img src="https://www.mdnitems.com/assets/icons/whatsapp.png" alt="WhatsApp" width="40" height="40">
  20478.                </a>
  20479.            </li>
  20480.        </ul>
  20481.  
  20482.        <a href="#" class="act-btn-top text-decoration-none" onclick="toTop()"
  20483.            style="display: none; background-color: #b9c7ff; bottom: 19px;">
  20484.            <i class="fas fa-angle-up mt-2" color="#fff"></i>
  20485.        </a>
  20486.    </div>
  20487. <style>
  20488. .footer__clip-path {
  20489.            display: flex;
  20490.            padding: 0;
  20491.            margin-top: -39px;
  20492.            width: 100%;
  20493.            height: 40px;
  20494.            background-color: #0e1019 !important;
  20495.            clip-path: polygon(0 23%,6% 72%,12% 47%,18% 70%,24% 51%,32% 80%,38% 47%,44% 80%,50% 49%,56% 70%,60% 86%,66% 42%,72% 65%,78% 38%,84% 64%,90% 17%,96% 20%,100% 1%,100% calc(100% + 1px),0 calc(100% + 1px));
  20496.            -webkit-clip-path: polygon(0 23%,6% 72%,12% 47%,18% 70%,24% 51%,32% 80%,38% 47%,44% 80%,50% 49%,56% 70%,60% 86%,66% 42%,72% 65%,78% 38%,84% 64%,90% 17%,96% 20%,100% 1%,100% calc(100% + 1px),0 calc(100% + 1px));
  20497.        }
  20498.        .footer {
  20499. color: #fff;
  20500. font-size: 14px;
  20501. background-color: #0e1019 !important;
  20502. }
  20503. </style>
  20504. <!--pembuka-->
  20505.    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  20506.    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  20507.    <script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
  20508.    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js"></script>
  20509.    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
  20510.    <script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
  20511.    <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
  20512.    <script src="https://cdn.jsdelivr.net/npm/pace-js@latest/pace.min.js"></script>
  20513.    <script src="https://cdn.jsdelivr.net/npm/chart.js@3.9.1/dist/chart.min.js"></script>
  20514.    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
  20515.    <script src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.29.0/feather.min.js"></script>
  20516.    <script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>
  20517.    <script src="https://cdn.datatables.net/1.12.1/js/dataTables.bootstrap5.min.js"></script>
  20518.    <script src="/public/assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
  20519.    <script src="/public/assets/libs/metismenu/metisMenu.min.js"></script>
  20520.    <script src="/public/assets/libs/simplebar/simplebar.min.js"></script>
  20521.    <script src="/public/assets/libs/node-waves/waves.min.js"></script>
  20522.    <script src="/public/assets/libs/datatables.net/js/jquery.dataTables.min.js"></script>
  20523.    <script src="/public/assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
  20524.    <script src="/public/assets/libs/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
  20525.    <script src="/public/assets/libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
  20526.    <script src="/public/assets/libs/jszip/jszip.min.js"></script>
  20527.    <script src="/public/assets/libs/pdfmake/build/pdfmake.min.js"></script>
  20528.    <script src="/public/assets/libs/pdfmake/build/vfs_fonts.js"></script>
  20529.    <script src="/public/assets/libs/datatables.net-buttons/js/buttons.html5.min.js"></script>
  20530.    <script src="/public/assets/libs/datatables.net-buttons/js/buttons.print.min.js"></script>
  20531.    <script src="/public/assets/libs/datatables.net-buttons/js/buttons.colVis.min.js"></script>
  20532.    <script src="/public/assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
  20533.    <script src="/public/assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>
  20534.    <script src="/public/assets/libs/parsleyjs/parsley.min.js"></script>
  20535.    <script src="/public/assets/js/pages/datatables.init.js"></script>
  20536.    <script src="/public/assets/libs/sweetalert2/sweetalert2.min.js"></script>
  20537.    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
  20538.    <script src="/public/assets/js/app.js"></script>
  20539.    
  20540.    <script src="/public/assets/libs/toastr/build/toastr.min.js"></script>
  20541.    <script src="/public/assets/js/pages/toastr.init.js"></script>
  20542.    <script src="https://cdn.jsdelivr.net/npm/js-cookie%803.0.1/dist/js.cookie.min.js"></script>
  20543.    <script src='https://www.google.com/recaptcha/api.js'></script>
  20544.    
  20545.    <!-- Swiper JS -->
  20546.    <script src="/assets/js/swiper-bundle.min.js"></script>
  20547.    
  20548. <!--penutup-->
  20549.        <script type="text/javascript">
  20550.        mybutton = document.querySelector(".act-btn-top");
  20551.        window.onscroll = function() {
  20552.            scrollFunc()
  20553.        };
  20554.  
  20555.        function scrollFunc() {
  20556.            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
  20557.                mybutton.style.display = "block";
  20558.            } else {
  20559.                mybutton.style.display = "none";
  20560.            }
  20561.        }
  20562.  
  20563.        function toTop() {
  20564.            document.body.scrollTop = 0;
  20565.            document.documentElement.scrollTop = 0;
  20566.        }
  20567.    </script>
  20568.    <script>
  20569.        $(document).ready(function() {
  20570.  
  20571.            $(".search_input").focusout(function() {
  20572.                setTimeout(() => {
  20573.                    $(this).parent().dropdown("hide");
  20574.                }, 300);
  20575.                let $parent = $(this).parent(".mini").parent().parent().parent().parent();
  20576.                setTimeout(() => {
  20577.                    $parent.find(".form-check").fadeIn(50);
  20578.                }, 300);
  20579.                $parent.parent().parent().find(".navbar-toggler").toggle("slide:left");
  20580.            });
  20581.            $(".search_input").focusin(function() {
  20582.                let $parent = $(this).parent(".mini").parent().parent().parent().parent();
  20583.                $parent.find(".form-check").fadeOut(50);
  20584.                $parent.parent().parent().find(".navbar-toggler").toggle("slide:left");
  20585.  
  20586.            });
  20587.            $(".search_input").keyup(function(e) {
  20588.                if (e.keyCode == 13) {
  20589.                    $(this).parent().parent().submit();
  20590.                }
  20591.                var search = $(this).val();
  20592.  
  20593.                $.ajaxSetup({
  20594.                    headers: {
  20595.                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  20596.                    }
  20597.                });
  20598.  
  20599.                $.ajax({
  20600.                    url: "/product/search",
  20601.                    type: "POST",
  20602.                    data: {
  20603.                        q: search,
  20604.                    },
  20605.                    success: function(data) {
  20606.                        if (data.length > 0) {
  20607.                            $(e.currentTarget).parent().dropdown("show");
  20608.                            console.log($(e.currentTarget).parent());
  20609.                            $(e.currentTarget).parent().siblings("#dropDownSearchResults").html(
  20610.                                "")
  20611.                            let _results = [];
  20612.                            var sorted = {};
  20613.                            for (var i = 0, max = data.length; i < max; i++) {
  20614.                                if (sorted[data[i].category] == undefined) {
  20615.                                    sorted[data[i].category] = [];
  20616.                                }
  20617.                                sorted[data[i].category].push(data[i]);
  20618.                            }
  20619.                            for (category in sorted) {
  20620.                                sorted[category].forEach(element => {
  20621.                                    _results.push(`
  20622.                                <li><a class="dropdown-item" href="order/_slug.html">
  20623.                                      <div class="row">
  20624.                                          <div class="col-3">
  20625.                                              <img src="/public/assets/img/product${element.image}" alt="" class="img-fluid">
  20626.                                          </div>
  20627.                                          <div class="col-9">
  20628.                                              <div class="row">
  20629.                                                  <div class="col-md-12">
  20630.                                                      <b>${ element.name}</b>
  20631.                                                  </div>
  20632.                                              </div>
  20633.                                              <div class="row">
  20634.                                                  <div class="col-md-12">
  20635.                                                      <small>${ element.subname }</small>
  20636.                                                  </div>
  20637.                                              </div>
  20638.                                          </div>
  20639.                                      </div>
  20640.                                  </a></li>`
  20641.                                        .replace(':slug', element.slug))
  20642.                                })
  20643.                            }
  20644.  
  20645.                            $(e.currentTarget).parent().siblings("#dropDownSearchResults")
  20646.                                .append(_results
  20647.                                    .join(
  20648.                                        `<hr class="dropdown-divider">`));
  20649.                        } else {
  20650.                            $(e.currentTarget).parent().dropdown("hide");
  20651.                        }
  20652.                    }
  20653.                });
  20654.            });
  20655.        })
  20656.    </script>
  20657.  
  20658.    <script>
  20659.        (function() {
  20660.            var js =
  20661.                "window['__CF$cv$params']={r:'7738eaee5cc17bbc',m:'AK9T4HKN_oxofJloHArHmUZVdAfR9T71.I_JdNYP3s4-1670035018-0-AYCcG493IRI++q3gz12HAn8qkhUSwR2s01iKAtByzbNE5IvykY2hnerZumb5ROZBFQqeVbAEvxrI9s1vFB88GBN9ozT9tWnOoBEnw20I2ktE5bFvkO7Ez4qb1Y6Op72xGQ==',s:[0x4e71ca30a0,0x556829cb91],u:'/cdn-cgi/challenge-platform/h/g'};var now=Date.now()/1000,offset=14800,ts=''+(Math.floor(now)-Math.floor(now%offset)),_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='cdn-cgi/challenge-platform/h/g/scripts/alpha/invisible5615.js?ts='+ts,document.getElementsByTagName('head')[0].appendChild(_cpo);";
  20662.            var _0xh = document.createElement('iframe');
  20663.            _0xh.height = 1;
  20664.            _0xh.width = 1;
  20665.            _0xh.style.position = 'absolute';
  20666.            _0xh.style.top = 0;
  20667.            _0xh.style.left = 0;
  20668.            _0xh.style.border = 'none';
  20669.            _0xh.style.visibility = 'hidden';
  20670.            document.body.appendChild(_0xh);
  20671.  
  20672.            function handler() {
  20673.                var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;
  20674.                if (_0xi) {
  20675.                    var _0xj = _0xi.createElement('script');
  20676.                    _0xj.nonce = '';
  20677.                    _0xj.innerHTML = js;
  20678.                    _0xi.getElementsByTagName('head')[0].appendChild(_0xj);
  20679.                }
  20680.            }
  20681.            if (document.readyState !== 'loading') {
  20682.                handler();
  20683.            } else if (window.addEventListener) {
  20684.                document.addEventListener('DOMContentLoaded', handler);
  20685.            } else {
  20686.                var prev = document.onreadystatechange || function() {};
  20687.                document.onreadystatechange = function(e) {
  20688.                    prev(e);
  20689.                    if (document.readyState !== 'loading') {
  20690.                        document.onreadystatechange = prev;
  20691.                        handler();
  20692.                    }
  20693.                };
  20694.            }
  20695.        })();
  20696.    </script>
  20697.    <!-- Swiper JS -->
  20698.    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
  20699.    <script>
  20700.        var swiper = new Swiper(".mySwiper", {
  20701.            slidesPerView: 'auto',
  20702.            spaceBetween: 12,
  20703.            freeMode: true,
  20704.        });
  20705.    </script>
  20706.  
  20707. </body>
  20708. <script>
  20709.    $(document).ready(function () {
  20710.        $('#popup').modal('show');
  20711.    });
  20712. </script>
  20713. <script src="/public/assets/js/flipdown.js"></script>
  20714. <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
  20715.  
  20717. <script>
  20718. document.addEventListener('DOMContentLoaded', () => {
  20719.    $.ajax({
  20720.        url: '/get-target-date', // URL endpoint di Laravel
  20721.        method: 'GET',
  20722.        dataType: 'json',
  20723.        success: function(response) {
  20724.            if (response && response.target_date) {
  20725.                // Tangani data target_date di sini jika perlu
  20726.            } else {
  20727.                console.log('Data target_date tidak ditemukan atau tidak valid.');
  20728.            }
  20729.        },
  20730.        error: function(error) {
  20731.            console.log('Gagal mengambil data target_date dari server.');
  20732.        }
  20733.    });
  20734.  
  20735.    $('#artikel').owlCarousel({
  20736.        loop:true,
  20737.        margin:10,
  20738.        autoplay:true,
  20739.        autoplayTimeout:2000,
  20740.        autoplayHoverPause:true,
  20741.        responsive:{
  20742.            0:{
  20743.                items:2
  20744.            },
  20745.            600:{
  20746.                items:4
  20747.            },
  20748.            1000:{
  20749.                items:5
  20750.            }
  20751.        }
  20752.    });
  20753. });
  20754.  
  20755.  
  20756. </script>
  20758. <script>
  20759. var swiper = new Swiper('.hero-swiper', {
  20760.  effect: 'coverflow',
  20761.  grabCursor: true,
  20762.  loop: true,
  20763.  centeredSlides: true,
  20764.  spaceBetween: -15,
  20765.  slidesPerView: 'auto',
  20766.  coverflow: {
  20767.    rotate: 50,
  20768.    stretch: 0,
  20769.    depth: 100,
  20770.    modifier: 1,
  20771.    slideShadows : true
  20772.  },
  20773.  pagination: {
  20774.        el: ".swiper-pagination",
  20775.        clickable: true,
  20776.      },
  20777.  autoplay: {
  20778.    delay: 2500,
  20779.    disableOnInteraction: false,
  20780.  },
  20781. });
  20782.  
  20783. </script>
  20784. <style>
  20785.        .btn-light {
  20786.            position: relative;
  20787.            overflow: hidden;
  20788.            color: #000;
  20789.            border: none;
  20790.            padding: 10px;
  20791.            cursor: pointer;
  20792.            background-color: #b9c7ff;
  20793.        }
  20794.        .btn-light:hover {
  20795.             background-color: #b9c7ff; /* Ganti warna latar belakang saat tombol dihover */
  20796.         }
  20797.        .btn-light::before {
  20798.            content: '';
  20799.            position: absolute;
  20800.            top: 0;
  20801.            left: 0;
  20802.            width: 100%;
  20803.            height: 100%;
  20804.            background: linear-gradient(90deg, transparent, #fff, transparent);
  20805.            animation: lightMove 1s linear infinite, lightDelay 4s linear infinite;
  20806.        }
  20807.  
  20808.        @keyframes lightMove {
  20809.            0% {
  20810.                left: -100%;
  20811.            }
  20812.            100% {
  20813.                left: 100%;
  20814.            }
  20815.        }
  20816.  
  20817.        @keyframes lightDelay {
  20818.            0% {
  20819.                opacity: 1;
  20820.            }
  20821.            25%, 75% {
  20822.                opacity: 0;
  20823.            }
  20824.            100% {
  20825.                opacity: 0;
  20826.            }
  20827.        }
  20828. </style>
  20829. <!-- <div class="modal fade" id="popup" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  20830.    <div class="modal-dialog">
  20831.        <div class="modal-content bg-gray-300" style="box-shadow:0 0 3rem #000000 !important">
  20832.            <div class="modal-body">
  20833.                <div class="row" id="textInfo">
  20834.                    <div class="col-12 mb-2">
  20835.                        <div class="card text-gray-600 "style="border:1px ;">
  20836.                            <div class="card-header">
  20837.                                <h5 class="modal-title" id="myLargeModalLabel"><i class="fa fa-bullhorn" style="color: #FF0000;" aria-hidden="true"></i> Information</h5>
  20838.                            </div>
  20839.                            <div class="card-body border-0 pb-0">
  20840.                                <div class="row">
  20841.                                    <div class="col-12" style="font-size:12px !important">
  20842.                                        <p class="card-text"></p>
  20843.                                        <img src='' width="100%"
  20844.                                            class="img-fluid">
  20845.                                        <span class="text-gray-600"> <p
  20846.                                                class='text-center'>
  20847.                                                Selamat datang di mdnitems Selamat berbelanja.</p>
  20848.                                        </span>
  20849.                                        <div class="col-12 text-end" style="font-size:10px !important"><span>BY mdnitems </span>
  20850.                                        </div>
  20851.                                    </div>
  20852.                                </div>
  20853.                            </div>
  20854.                        </div>
  20855.  
  20856.                        <div class="row">
  20857.                            <div class="col float-start">
  20858.                                <div class="form-check mt-2" style="font-size:12px">
  20859.                                    
  20860.                                </div>
  20861.                            </div>
  20862.                            <div class="col text-end">
  20863.                                <button type="button" name="read_popup_news_b2c" style="font-size:13px"
  20864.                                    class="btn btn-light btn-sm ml-auto mt-2" data-bs-dismiss="modal"
  20865.                                    onclick="disablePopup()">Tutup</button>
  20866.                            </div>
  20867.                        </div>
  20868.                    </div>
  20869.                </div>
  20870.            </div>
  20871.        </div>
  20872.        <!-- /.modal-content
  20873.    </div>
  20874.    <!-- /.modal-dialog
  20875. </div> -->
  20876.  
  20877. <script type="text/javascript">
  20878.    if(localStorage.getItem('isLightMode') === 'true'){
  20879.        var toogleSwitch = document.getElementById("switchMode");
  20880.        toogleSwitch.checked = true;
  20881.        switchModee(true)
  20882.    }  
  20883.    
  20884.    function switchModee(run = null){
  20885.        var toogleSwitch = document.getElementById("switchMode");
  20886.        if(toogleSwitch.checked || run == true){
  20887.            localStorage.setItem('isLightMode', true);
  20888.            $(".bg-white").addClass("bg-light").removeClass("bg-white");
  20889.            $(".text-white").addClass("text-white").removeClass("text-white");
  20890.            $(".modal-content").addClass("bg-light").removeClass("bg-white");
  20891.            $(".modal-title").addClass("text-white").removeClass("text-white");
  20892.            $(".modal-header").addClass("text-white").removeClass("text-white");
  20893.            $(".modal-body").addClass("text-white").removeClass("text-white");
  20894.            $(".d-flex2").addClass("d-flex2-custom").removeClass("d-flex2");
  20895.            $(".list-group-item").addClass("bg-light");
  20896.            $(".col-9.hayutopup-prod").addClass("text-white");
  20897.            $(".swal2-popup.swal2-modal.swal2-show").addClass("bg-light");
  20898.            $("#swal2-title").$("#swal2-html-container").addClass("text-white");
  20899.            
  20900.        }else{
  20901.            localStorage.setItem('isLightMode', false);
  20902.            $(".bg-light").addClass("bg-white").removeClass("bg-light");
  20903.            $(".text-white").addClass("text-white").removeClass("text-white");
  20904.            $(".modal-content").addClass("bg-white").removeClass("bg-light");
  20905.            $(".modal-title").addClass("text-white").removeClass("text-white");
  20906.            $(".modal-header").addClass("text-white").removeClass("text-white");
  20907.            $(".modal-body").addClass("text-white").removeClass("text-white");
  20908.            $(".d-flex2-custom").addClass("d-flex2").removeClass("d-flex2-custom");
  20909.            $(".list-group-item").removeClass("bg-light");
  20910.            $(".col-9.hayutopup-prod").addClass("text-white");
  20911.            $(".swal2-popup.swal2-modal.swal2-show").removeClass("bg-light");
  20912.            $(".swal2-popup.swal2-modal.swal2-show").removeClass("bg-light");
  20913.            $("#swal2-title").$("#swal2-html-container").removeClass("text-white");
  20914.        }
  20915.    }
  20916.    $(document).ready(function() {
  20917.        let $infoTexts = ``;
  20918.        if ($.cookie('dontshow')) {
  20919.            $infoTexts = '';
  20920.        }
  20921.        if ($infoTexts) {
  20922.            $("#modalInformations").modal('show');
  20923.            if (localStorage.getItem("lightSwitch") && localStorage.getItem("lightSwitch") !== "white") {
  20924.                $infoTexts = $infoTexts.replace(/bg-white/g, "bg-light");
  20925.            }
  20926.            $("#modalInformations").find("#textInfo").html($infoTexts);
  20927.        }
  20928.        $("button[name='read_popup_news_b2c']").click(function() {
  20929.            if ($("#dontshowinfo").is(":checked")) {
  20930.                var date = new Date();
  20931.                date.setTime(date.getTime() + (6 * 60 * 60 * 1000)); // jam * menit * detik * milidetik
  20932.                $.cookie('dontshow', true, {
  20933.                    expires: date
  20934.                });
  20935.            }
  20936.            $("#modalInformations").modal('hide');
  20937.        });
  20938.    })
  20939. </script>
  20940.  
  20941. </html>
  20942.  
  20943. </html>
  20944.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda