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: #DBCCE7;
  38.    }
  39.    .fa-search {
  40.        color: #DBCCE7;
  41.    }
  42.    .fa-sign-in {
  43.        color: #DBCCE7;
  44.    }
  45.    .fa-money {
  46.        color: #DBCCE7;
  47.    }
  48.    .fa-id-card {
  49.        color: #DBCCE7;
  50.    }
  51.    .fa-newspaper {
  52.        color: #DBCCE7;
  53.    }
  54.    .fa-clock {
  55.        color: #DBCCE7;
  56.        font-size: 50px;
  57.    }
  58.    .fa-sign-out-alt {
  59.        color : red;
  60.    }
  61.    .fa-wallet {
  62.        color: #DBCCE7;
  63.        font-size: 50px;
  64.    }
  65.    .fa-tags {
  66.        color: #DBCCE7;
  67.        font-size: 50px;
  68.    }
  69.    .fa-gem {
  70.        color: #DBCCE7;
  71.        font-size: 50px;
  72.    }
  73.    .fa-user {
  74.        color: #DBCCE7;
  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: #B298C8 ;
  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: #DBCCE7;
  235.     color: #ffffff;
  236. }
  237. .navbar-dropdown li a{
  238.     background: #B298C8;
  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: #B298C8;
  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: #DBCCE7;
  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-image: url("https://bosstore.my.id/assets/img/wave.svg"); */
  558.  
  559. background-repeat: no-repeat;
  560.  
  561. background-position: bottom left, bottom right;
  562.  
  563. }
  564.  
  565.  
  566.  
  567. .wave2 {
  568.  
  569. min-height: 100%;
  570.  
  571. background-attachment: fixed;
  572.  
  573. /* background-image: url("https://bosstore.my.id/assets/img/wave2.svg"); */
  574.  
  575. background-repeat: no-repeat;
  576.  
  577. background-position: top left, top right;
  578.  
  579. }
  580.  
  581.  
  582.  
  583.  
  584.  
  585.  
  586.  
  587. @media (min-width: 576px)
  588.  
  589. .content-body {
  590.  
  591.    margin: 0 auto;
  592.  
  593.    max-width: 1200px;
  594.  
  595.    padding-top: 80px;
  596.  
  597. }
  598.  
  599. .content-body {
  600.  
  601.    padding: 0 15px;
  602.  
  603.    padding-top: 9px;
  604.  
  605. }
  606.  
  607.  
  608. .fab-icon-holder {
  609.  
  610. width: 45px;
  611.  
  612. height: 45px;
  613.  
  614. bottom: 140px;
  615.  
  616. left: 10px;
  617.  
  618. color: #FFF;
  619.  
  620. background: #FFF;
  621.  
  622. /* padding: 1px; */
  623.  
  624. border-radius: 10px;
  625.  
  626. text-align: center;
  627.  
  628. font-size: 30px;
  629.  
  630. z-index: 99999;
  631.  
  632. }
  633.  
  634.  
  635.  
  636. .fab-icon-holder:hover {
  637.  
  638. opacity: 0.8;
  639. padding: 5px
  640.  
  641. }
  642.  
  643.  
  644.  
  645. .fab-icon-holder i {
  646.  
  647. display: flex;
  648.  
  649. align-items: center;
  650.  
  651. justify-content: center;
  652.  
  653. height: 100%;
  654.  
  655. font-size: 25px;
  656.  
  657. color: #ffffff;
  658.  
  659. }
  660.  
  661.  
  662.  
  663. .fab-options {
  664.  
  665. list-style-type: none;
  666.  
  667. margin: 0;
  668.  
  669. position: absolute;
  670.  
  671. bottom: 48px;
  672.  
  673. left: -37px;
  674.  
  675. opacity: 0;
  676.  
  677. transition: all 0.3s ease;
  678.  
  679. transform: scale(0);
  680.  
  681. transform-origin: 85% bottom;
  682.  
  683.  
  684. }
  685.  
  686.  
  687.  
  688. .fab:hover+.fab-options,
  689.  
  690. .fab-options:hover {
  691.  
  692. opacity: 1;
  693.  
  694. transform: scale(1);
  695. left: -5px;
  696.  
  697. }
  698.  
  699.  
  700.  
  701. .fab-options li {
  702.  
  703. display: flex;
  704.  
  705. justify-content: flex-start;
  706.  
  707. padding: 5px;
  708.  
  709. }
  710.  
  711.  
  712.  
  713. .fab-label {
  714.  
  715. padding: 5px 5px;
  716.  
  717. align-self: center;
  718.  
  719. user-select: none;
  720.  
  721. white-space: nowrap;
  722.  
  723. border-radius: 3px;
  724.  
  725. font-size: 16px;
  726.  
  727. background: #666666;
  728.  
  729. color: #ffffff;
  730.  
  731. box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
  732.  
  733. margin-left: 10px;
  734.  
  735. }
  736.  
  737.  
  738.  
  739.  
  740.  
  741. .d-flex {
  742.  
  743. display: -ms-flexbox !important;
  744.  
  745. display: flex !important;
  746.  
  747. }
  748.  
  749.  
  750.  
  751. .d-flex2 {
  752.  
  753. background-color: #212529;
  754.  
  755. }
  756.  
  757.  
  758.  
  759. .img-chat {
  760.  
  761. max-width: 100%;
  762.  
  763. height: auto;
  764.  
  765. /* background-color: #f89728; */
  766.  
  767. border-radius: 10px;
  768.  
  769. }
  770.  
  771.  
  772.  
  773. .btn-topup {
  774.  
  775. color: #fff3e2 !important;
  776.  
  777. background-color: #fe6c17 !important;
  778.  
  779. width: 90%;
  780.  
  781. max-width: 100px;
  782.  
  783. }
  784.  
  785.  
  786.  
  787. .btn-topup:hover {
  788.  
  789. color: #fff3e2 !important;
  790.  
  791. background-color: #c44d09 !important;
  792.  
  793. border-color: #c44d09;
  794.  
  795. width: 90%;
  796.  
  797. }
  798.  
  799.  
  800.  
  801. .rounded-img-buy {
  802.  
  803. border-radius: 10% !important;
  804.  
  805. }
  806.  
  807.  
  808.  
  809. .size-img-buy {
  810.  
  811. width: 90%;
  812.  
  813. /* border-radius: 12px; */
  814.  
  815. height: auto;
  816.  
  817.  
  818.  
  819. }
  820.  
  821.  
  822.  
  823. .size-img-buy-v {
  824.  
  825. width: 90%;
  826.  
  827. height: auto;
  828.  
  829. text-align: center;
  830.  
  831. }
  832.  
  833.  
  834.  
  835.  
  836.  
  837.  
  838.  
  839. .col-bjconfirm {
  840.  
  841. flex: 0 0 auto;
  842.  
  843. width: 50%;
  844.  
  845. font-size: 14px;
  846.  
  847. text-align: right;
  848.  
  849. }
  850.  
  851.  
  852.  
  853. .col-bjconfirm2 {
  854.  
  855. flex: 0 0 auto;
  856.  
  857. width: 50%;
  858.  
  859. font-size: 14px;
  860.  
  861. text-align: left;
  862.  
  863. }
  864.  
  865.  
  866.  
  867. .col-bjconfirm3 {
  868.  
  869. flex: 0 0 auto;
  870.  
  871. width: 100%;
  872.  
  873. font-size: 11px;
  874.  
  875. text-align: center;
  876.  
  877. }
  878.  
  879.  
  880.  
  881. .col-bjinv {
  882.  
  883. flex: 0 0 auto;
  884.  
  885. width: 50%;
  886.  
  887. font-size: 14px;
  888.  
  889. text-align: right;
  890.  
  891. }
  892.  
  893.  
  894.  
  895. .col-bjinv2 {
  896.  
  897. flex: 0 0 auto;
  898.  
  899. width: 50%;
  900.  
  901. font-size: 14px;
  902.  
  903. }
  904.  
  905.  
  906.  
  907. .col-bjinv3 {
  908.  
  909. flex: 0 0 auto;
  910.  
  911. width: 50%;
  912.  
  913. font-size: 20px;
  914.  
  915. font-weight: bold;
  916.  
  917. }
  918.  
  919.  
  920.  
  921.  
  922.  
  923. .nav-pills .nav-link.active, {
  924.    
  925.    color:#fff;
  926. }
  927.  
  928.  
  929. .nav-pills .show > .nav-link {
  930.  
  931. background-color: #cc0000;
  932.  
  933. color: #fff;
  934.  
  935. border: none;
  936.  
  937. }
  938.  
  939.  
  940.  
  941. .nav-pills .nav-link {
  942.  
  943. background-color:#8a1111;
  944.  
  945. color: #fff;
  946.  
  947. padding: 0.5rem 1rem;
  948.  
  949. margin-right: 1px;
  950.  
  951.  
  952.  
  953. }
  954.  
  955.  
  956.  
  957. .nav-pills .nav-link:hover {
  958.  
  959. background-color: #c81010;
  960.  
  961. color: #fff;
  962.  
  963. }
  964.  
  965.  
  966.  
  967.  
  968.  
  969.  
  970.  
  971.  
  972.  
  973. .nav-link {
  974.  
  975. color: #e10603;
  976.  
  977. display: block;
  978.  
  979. padding: 0.5rem 1rem;
  980.  
  981. text-decoration: none;
  982.  
  983. transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s;
  984.  
  985. }
  986.  
  987.  
  988.  
  989. .nav-link:focus,
  990.  
  991. .nav-link:hover {
  992.  
  993. color: #fff;
  994.  
  995.  
  996.  
  997. }
  998.  
  999.  
  1000.  
  1001.  
  1002.  
  1003. .scroll-up-btn {
  1004.  
  1005. display: none;
  1006.  
  1007. position: fixed;
  1008.  
  1009. width: 45px;
  1010.  
  1011. height: 45px;
  1012.  
  1013. bottom: 19px;
  1014.  
  1015. right: 10px;
  1016.  
  1017. color: #FFF;
  1018.  
  1019. border: 1px solid #494456;
  1020.  
  1021. background: #494456;
  1022.  
  1023. border-radius: 10px;
  1024.  
  1025. text-align: center;
  1026.  
  1027. font-size: 16px;
  1028.  
  1029. z-index: 99999;
  1030.  
  1031. }
  1032.  
  1033. }
  1034.  
  1035.  
  1036.  
  1037. .fa-chevron-up {
  1038.  
  1039. margin-top: -2px;
  1040.  
  1041. }
  1042.  
  1043.  
  1044.  
  1045.  
  1046.  
  1047.  
  1048.  
  1049.  
  1050.  
  1051. .carousel-indicators {
  1052.  
  1053. position: absolute;
  1054.  
  1055. bottom: 0;
  1056.  
  1057. margin-bottom: -7px;
  1058.  
  1059. }
  1060.  
  1061.  
  1062.  
  1063. .carousel-indicators li {
  1064.  
  1065. border-radius: 50%;
  1066.  
  1067. width: 10px !important;
  1068.  
  1069. height: 10px !important;
  1070.  
  1071.  
  1072.  
  1073. }
  1074.  
  1075.  
  1076.  
  1077. .carousel-indicators .active {
  1078.  
  1079. background-color: #f39200;
  1080.  
  1081. }
  1082.  
  1083.  
  1084.  
  1085.  
  1086.  
  1087.  
  1088.  
  1089.  
  1090.  
  1091.  
  1092.  
  1093. .regular-price {
  1094.  
  1095. text-decoration: line-through;
  1096.  
  1097. color: red;
  1098.  
  1099. }
  1100.  
  1101.  
  1102.  
  1103. .sale-price {
  1104.  
  1105. margin-left: 0px;
  1106.  
  1107. }
  1108.  
  1109.  
  1110.  
  1111.  
  1112.  
  1113. .text-end {
  1114.  
  1115. text-align: right !important;
  1116.  
  1117. }
  1118.  
  1119.  
  1120.  
  1121. .bg-abu {
  1122.  
  1123. background-color: #1e2022;
  1124.  
  1125. }
  1126.  
  1127.  
  1128.  
  1129. .border-merah {
  1130.  
  1131. border: 1px solid white;
  1132.  
  1133. }
  1134.  
  1135.  
  1136.  
  1137.  
  1138.  
  1139.  
  1140.  
  1141.  
  1142. .size-img-buy {
  1143.  
  1144. width: 60%;
  1145.  
  1146. /* border-radius: 12px; */
  1147.  
  1148. height: auto;
  1149.  
  1150. }
  1151.  
  1152. .rounded-img-buy {
  1153.  
  1154. border-radius: 10% !important;
  1155.  
  1156. }
  1157.  
  1158. .bg-transparent {
  1159.  
  1160. --bs-bg-opacity: 1;
  1161.  
  1162. background-color: transparent!important;
  1163.  
  1164. }
  1165.  
  1166.  
  1167.  
  1168. .rounded {
  1169.  
  1170. border-radius: 0.25rem!important;
  1171.  
  1172. }
  1173.  
  1174. .bg-transparent {
  1175.  
  1176. --bs-bg-opacity: 1;
  1177.  
  1178. background-color: transparent!important;
  1179.  
  1180. }
  1181.  
  1182. .text-center {
  1183.  
  1184. text-align: center!important;
  1185.  
  1186. }
  1187.  
  1188. .p-2 {
  1189.  
  1190. padding: 0.5rem!important;
  1191.  
  1192. }
  1193.  
  1194. .h-100 {
  1195.  
  1196. height: 100%!important;
  1197.  
  1198. }
  1199.  
  1200. .border-0 {
  1201.  
  1202. border: 0!important;
  1203.  
  1204. }
  1205.  
  1206.  
  1207.  
  1208. * {
  1209.  
  1210. box-sizing: border-box;
  1211.  
  1212. }
  1213.  
  1214. *, :after, :before {
  1215.  
  1216. box-sizing: border-box;
  1217.  
  1218. }
  1219.  
  1220. user agent stylesheet
  1221.  
  1222. div {
  1223.  
  1224. display: block;
  1225.  
  1226. }
  1227.  
  1228. .g-2, .gy-2 {
  1229.  
  1230. --bs-gutter-y: 0.5rem;
  1231.  
  1232. }
  1233.  
  1234. .g-2, .gx-2 {
  1235.  
  1236. --bs-gutter-x: 0.5rem;
  1237.  
  1238. }
  1239.  
  1240. .row {
  1241.  
  1242. --bs-gutter-x: 1.5rem;
  1243.  
  1244. --bs-gutter-y: 0;
  1245.  
  1246. display: flex;
  1247.  
  1248. flex-wrap: wrap;
  1249.  
  1250. margin-left: calc(var(--bs-gutter-x)*-.5);
  1251.  
  1252. margin-right: calc(var(--bs-gutter-x)*-.5);
  1253.  
  1254. margin-top: calc(var(--bs-gutter-y)*-1);
  1255.  
  1256. }
  1257.  
  1258. .text-white {
  1259.  
  1260. --bs-text-opacity: 1;
  1261.  
  1262. color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important;
  1263.  
  1264. }
  1265.  
  1266.  
  1267.  
  1268.  
  1269.  
  1270. .pt-12 {
  1271.  
  1272. padding-top: 3rem;
  1273.  
  1274. }
  1275.  
  1276. .px-4 {
  1277.  
  1278. padding-left: 1rem;
  1279.  
  1280. padding-right: 1rem;
  1281.  
  1282. }
  1283.  
  1284. .max-w-7xl {
  1285.  
  1286. max-width: 80rem;
  1287.  
  1288. }
  1289.  
  1290. .mx-auto {
  1291.  
  1292. margin-left: auto;
  1293.  
  1294. margin-right: auto;
  1295.  
  1296. }
  1297.  
  1298.  
  1299.  
  1300.  
  1301.  
  1302.  
  1303.  
  1304.  
  1305.  
  1306. .btn-topup {
  1307.  
  1308. color: #fff3e2 !important;
  1309.  
  1310. background-color: #e10603 !important;
  1311.  
  1312. width: 90%;
  1313.  
  1314. max-width: 100px;
  1315.  
  1316. }
  1317.  
  1318.  
  1319.  
  1320. .btn-topup:hover {
  1321.  
  1322. color: #fff3e2 !important;
  1323.  
  1324. background-color: #7e0d0b !important;
  1325.  
  1326. width: 90%;
  1327.  
  1328. max-width: 100px;
  1329.  
  1330. }
  1331.  
  1332.  
  1333. .hover\:bg-yellow-400:hover {
  1334.    --tw-bg-opacity: 1;
  1335.    background-color: rgba(251,191, 36, var(--tw-bg-opacity));
  1336. }
  1337. .bg-yellow-500 {
  1338.    --tw-bg-opacity: 1;
  1339.    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  1340. }
  1341.  
  1342.  
  1343. .nick {
  1344.  
  1345. font-weight: bold;
  1346.  
  1347. color: red;
  1348.  
  1349.  
  1350. }
  1351.  
  1352. .label {
  1353.  
  1354. font-weight: bold;
  1355.  
  1356. }
  1357.  
  1358.  
  1359. .card {
  1360.  border-radius: 10px;
  1361.  
  1362. }
  1363.  
  1364.  
  1365.  
  1366.  
  1367.        .bg-card {
  1368.  
  1369.            color: #fff;
  1370.  
  1371.            background: var(--warna_4) !important
  1372.  
  1373.        }
  1374.  
  1375.  
  1376.  
  1377.        .navbar {
  1378.  
  1379.            color: #fff;
  1380.  
  1381.            background: var(--warna_2)
  1382.  
  1383.        }
  1384.  
  1385.  
  1386.  
  1387.        .navbar-toggler {
  1388.  
  1389.            font-size: 32px
  1390.  
  1391.        }
  1392.  
  1393.  
  1394.  
  1395.        .offcanvas.offcanvas-end {
  1396.  
  1397.            background: var(--warna_2)
  1398.  
  1399.        }
  1400.  
  1401.  
  1402.  
  1403.        .navbar-nav .nav-link {
  1404.  
  1405.            color: #fff
  1406.  
  1407.        }
  1408.  
  1409.  
  1410.  
  1411.        .btn-login {
  1412.  
  1413.            color: #fff;
  1414.  
  1415.            background: #0d6efd !important
  1416.  
  1417.        }
  1418.  
  1419.  
  1420.  
  1421.      
  1422.  
  1423.  
  1424.  
  1425.        @media (min-width:768px) {
  1426.  
  1427.            .resultsearch {
  1428.  
  1429.                width: 50%;
  1430.  
  1431.                max-height: 500px;
  1432.  
  1433.                transform: translate(220px, 50px)
  1434.  
  1435.            }
  1436.            
  1437.            .css-6qw8qz {
  1438.    border: 1px solid rgba(203, 203, 203, 0.5);
  1439.    background: linear-gradient(163.42deg, rgb(50, 50, 62) -107%, rgba(255, 255, 255, 0) 105.46%);
  1440. }
  1441.  
  1442.        }
  1443.  
  1444.    
  1445.  
  1446.  
  1447.  
  1448.        .resultsearch {
  1449.  
  1450.            width: 100%;
  1451.  
  1452.            inset: 0 auto auto 0;
  1453.  
  1454.            margin: 0;
  1455.  
  1456.            transform: translate(0, 50px);
  1457.  
  1458.            background-color: #000;
  1459.  
  1460.            border-color: rgba(0, 0, 0, .15);
  1461.  
  1462.            color: #fff;
  1463.  
  1464.            overflow-y: auto;
  1465.  
  1466.            max-height: 500px
  1467.  
  1468.        }
  1469.  
  1470.  
  1471.  
  1472.        @media (min-width:768px) {
  1473.  
  1474.            .resultsearch {
  1475.  
  1476.                width: 50%;
  1477.  
  1478.                max-height: 500px;
  1479.  
  1480.                transform: translate(220px, 50px)
  1481.  
  1482.            }
  1483.            
  1484.            .css-6qw8qz {
  1485.    border: 1px solid rgba(203, 203, 203, 0.5);
  1486.    background: linear-gradient(163.42deg, rgb(50, 50, 62) -107%, rgba(255, 255, 255, 0) 105.46%);
  1487. }
  1488.  
  1489.        }
  1490.  
  1491.  
  1492.  
  1493.        .resultsearch .dropdown-item:hover {
  1494.  
  1495.            background-color: #000;
  1496.  
  1497.            color: #fff
  1498.  
  1499.        }
  1500.  
  1501.  
  1502.  
  1503.        .search-bar input {
  1504.  
  1505.            border: none;
  1506.  
  1507.            color: rgb(156 163 175);
  1508.  
  1509.            background: #fff;
  1510.  
  1511.            border-radius: 9999px
  1512.  
  1513.        }
  1514.  
  1515.  
  1516.  
  1517.        .search-bar span {
  1518.  
  1519.            border: none;
  1520.  
  1521.            border-radius: 9999px;
  1522.  
  1523.            color: rgb(156 163 175);
  1524.  
  1525.            background: #fff
  1526.  
  1527.        }
  1528.  
  1529.  
  1530.  
  1531.        .search-bar ::placeholder {
  1532.  
  1533.            color: #878aad;
  1534.  
  1535.            opacity: 1
  1536.  
  1537.        }
  1538.  
  1539.  
  1540.  
  1541.        .input-box:focus {
  1542.  
  1543.            color: #000;
  1544.  
  1545.            background: #fff
  1546.  
  1547.        }
  1548.  
  1549.  
  1550.  
  1551.        .img-search {
  1552.  
  1553.            padding-left: 15px
  1554.  
  1555.        }
  1556.  
  1557.  
  1558.  
  1559.      
  1560.  
  1561.  
  1562.  
  1563.        .fab-container {
  1564.  
  1565.            position: fixed;
  1566.  
  1567.            bottom: 70px;
  1568.  
  1569.            right: 10px;
  1570.  
  1571.            z-index: 999;
  1572.  
  1573.            cursor: pointer
  1574.  
  1575.        }
  1576.  
  1577.  
  1578.  
  1579.        .fab-icon-holder {
  1580.  
  1581.            width: 45px;
  1582.  
  1583.            height: 45px;
  1584.  
  1585.            bottom: 140px;
  1586.  
  1587.            left: 10px;
  1588.  
  1589.            color: #fff;
  1590.  
  1591.            background: #fff;
  1592.  
  1593.            border-radius: 10px;
  1594.  
  1595.            text-align: center;
  1596.  
  1597.            font-size: 30px;
  1598.  
  1599.            z-index: 99999
  1600.  
  1601.        }
  1602.  
  1603.  
  1604.  
  1605.        .fab-icon-holder:hover {
  1606.  
  1607.            opacity: .8
  1608.  
  1609.        }
  1610.  
  1611.  
  1612.  
  1613.        .fab-icon-holder i {
  1614.  
  1615.            display: flex;
  1616.  
  1617.            align-items: center;
  1618.  
  1619.            justify-content: center;
  1620.  
  1621.            height: 100%;
  1622.  
  1623.            font-size: 25px;
  1624.  
  1625.            color: #fff
  1626.  
  1627.        }
  1628.  
  1629.  
  1630.  
  1631.        .fab-options {
  1632.  
  1633.            list-style-type: none;
  1634.  
  1635.            margin: 0;
  1636.  
  1637.            position: absolute;
  1638.  
  1639.            bottom: 48px;
  1640.  
  1641.            left: -37px;
  1642.  
  1643.            opacity: 0;
  1644.  
  1645.            transition: all .3s ease;
  1646.  
  1647.            transform: scale(0);
  1648.  
  1649.            transform-origin: 85% bottom
  1650.  
  1651.        }
  1652.  
  1653.  
  1654.  
  1655.        .fab:hover+.fab-options,
  1656.  
  1657.        .fab-options:hover {
  1658.  
  1659.            opacity: 1;
  1660.  
  1661.            transform: scale(1)
  1662.  
  1663.        }
  1664.  
  1665.  
  1666.  
  1667.        .fab-options li {
  1668.  
  1669.            display: flex;
  1670.  
  1671.            justify-content: flex-start;
  1672.  
  1673.            padding: 5px
  1674.  
  1675.        }
  1676.  
  1677.  
  1678.  
  1679.        .fab-label {
  1680.  
  1681.            padding: 2px 5px;
  1682.  
  1683.            align-self: center;
  1684.  
  1685.            user-select: none;
  1686.  
  1687.            white-space: nowrap;
  1688.  
  1689.            border-radius: 3px;
  1690.  
  1691.            font-size: 16px;
  1692.  
  1693.            background: #666;
  1694.  
  1695.            color: #fff;
  1696.  
  1697.            box-shadow: 0 6px 20px rgba(0, 0, 0, .2);
  1698.  
  1699.            margin-left: 10px
  1700.  
  1701.        }
  1702.  
  1703.  
  1704.  
  1705.        .swiper-container {
  1706.  
  1707.            width: 100%;
  1708.  
  1709.            overflow: hidden
  1710.  
  1711.        }
  1712.  
  1713.  
  1714.  
  1715.        .swiper-slide {
  1716.  
  1717.            background-position: center;
  1718.  
  1719.            background-size: cover;
  1720.  
  1721.            width: 95%;
  1722.  
  1723.            height: 70%
  1724.  
  1725.        }
  1726.  
  1727.  
  1728.  
  1729.        .swiper-slide img {
  1730.  
  1731.            display: block;
  1732.  
  1733.            width: 100%;
  1734.  
  1735.            border-radius: 12px
  1736.  
  1737.        }
  1738.  
  1739.  
  1740.  
  1741.        
  1742.  
  1743.  
  1744.  
  1745.        .swiper-pagination {
  1746.  
  1747.            margin-top: 30px !important
  1748.  
  1749.        }
  1750.  
  1751.  
  1752.  
  1753.        .content-body form input {
  1754.  
  1755.            outline: none;
  1756.  
  1757.            margin-top: -30px;
  1758.  
  1759.            border: none !important;
  1760.  
  1761.            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important
  1762.  
  1763.        }
  1764.  
  1765.  
  1766.  
  1767.        .row {
  1768.  
  1769.            --bs-gutter-x: .5rem
  1770.  
  1771.        }
  1772.  
  1773.  
  1774.  
  1775.        .product .box {
  1776.  
  1777.            margin-bottom: 40px
  1778.  
  1779.        }
  1780.  
  1781.  
  1782.  
  1783.        @media (max-width:576px) {
  1784.  
  1785.            .product .box {
  1786.  
  1787.                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
  1788.  
  1789.                border-radius: .75rem;
  1790.  
  1791.                text-align: center;
  1792.  
  1793.                background: #646464;
  1794.  
  1795.                display: block;
  1796.  
  1797.                text-decoration: none;
  1798.  
  1799.                color: #fff;
  1800.  
  1801.                height: 11rem
  1802.  
  1803.            }
  1804.  
  1805.        }
  1806.  
  1807.  
  1808.  
  1809.        @media (min-width:576px) {
  1810.  
  1811.            .product .box {
  1812.  
  1813.                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
  1814.  
  1815.                border-radius: .75rem;
  1816.  
  1817.                text-align: center;
  1818.  
  1819.                background: #646464;
  1820.  
  1821.                display: block;
  1822.  
  1823.                text-decoration: none;
  1824.  
  1825.                color: #fff;
  1826.  
  1827.                height: 15rem
  1828.  
  1829.            }
  1830.  
  1831.        }
  1832.  
  1833.  
  1834.  
  1835.        .card-product {
  1836.  
  1837.            margin-bottom: -30px;
  1838.  
  1839.            gap: .5rem
  1840.  
  1841.        }
  1842.  
  1843.  
  1844.  
  1845.        @media (max-width:576px) {
  1846.  
  1847.            .product p {
  1848.  
  1849.                font-size: 12px !important
  1850.  
  1851.            }
  1852.  
  1853.        }
  1854.  
  1855.  
  1856.  
  1857.        .product .box img {
  1858.  
  1859.            width: 100%;
  1860.  
  1861.            height: 100%;
  1862.  
  1863.            display: block;
  1864.  
  1865.            margin: auto;
  1866.  
  1867.            object-fit: cover;
  1868.  
  1869.            border-radius: .75rem
  1870.  
  1871.        }
  1872.  
  1873.  
  1874.  
  1875.    
  1876.  
  1877.  
  1878.  
  1879.        .footer img {
  1880.  
  1881.            padding-top: 2.5rem 0
  1882.  
  1883.        }
  1884.  
  1885.  
  1886.  
  1887.        .text-copyright {
  1888.  
  1889.            color: #718096;
  1890.  
  1891.            font-size: .875rem
  1892.  
  1893.        }
  1894.  
  1895.  
  1896.  
  1897.        .sosmed {
  1898.  
  1899.            margin-bottom: 20px
  1900.  
  1901.        }
  1902.  
  1903.  
  1904.  
  1905.        .sosmed a {
  1906.  
  1907.            margin: 0 10px;
  1908.  
  1909.            text-decoration: none;
  1910.  
  1911.            color: #fff
  1912.  
  1913.        }
  1914.  
  1915.  
  1916.  
  1917.        .sosmed i {
  1918.  
  1919.            font-size: 24px
  1920.  
  1921.        }
  1922.  
  1923.  
  1924.  
  1925.        .item .metode {
  1926.  
  1927.            margin: 5px 0;
  1928.  
  1929.            background: #fff;
  1930.  
  1931.            border-radius: 8px;
  1932.  
  1933.            padding: .75rem;
  1934.  
  1935.            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) !important
  1936.  
  1937.        }
  1938.  
  1939.  
  1940.  
  1941.        .my-form label {
  1942.  
  1943.            font-size: 1rem
  1944.  
  1945.        }
  1946.  
  1947.  
  1948.  
  1949.        .my-form .form-control {
  1950.  
  1951.            background: #fefefe;
  1952.  
  1953.            margin-top: 6px;
  1954.  
  1955.            border: 2px solid #fefefe !important
  1956.  
  1957.        }
  1958.  
  1959.  
  1960.  
  1961.        .my-form .form-control:active,
  1962.  
  1963.        .my-form .form-control:focus {
  1964.  
  1965.            border-color: #fefefe !important;
  1966.  
  1967.            box-shadow: none !important;
  1968.  
  1969.            outline: none !important
  1970.  
  1971.        }
  1972.  
  1973.  
  1974.  
  1975.        .method-list {
  1976.  
  1977.            overflow: hidden;
  1978.  
  1979.            cursor: pointer
  1980.  
  1981.        }
  1982.  
  1983.  
  1984.  
  1985.        .method-list.active {
  1986.  
  1987.            border-color: var(--warna_2) !important
  1988.  
  1989.        }
  1990.  
  1991.  
  1992.  
  1993.        .method-list.active:before {
  1994.  
  1995.            display: inline-block;
  1996.  
  1997.            content: 'L';
  1998.  
  1999.            position: relative;
  2000.  
  2001.            background: var(--warna_2);
  2002.  
  2003.            margin-left: -12px;
  2004.  
  2005.            height: 53px;
  2006.  
  2007.            line-height: 40px;
  2008.  
  2009.            width: 20px;
  2010.  
  2011.            text-align: center;
  2012.  
  2013.            color: #fff;
  2014.  
  2015.            top: -23px;
  2016.  
  2017.            transform: rotate(45deg) scaleX(-1)
  2018.  
  2019.        }
  2020.  
  2021.  
  2022.  
  2023.        .method-list.active table {
  2024.  
  2025.            margin-top: -53px
  2026.  
  2027.        }
  2028.  
  2029.  
  2030.  
  2031.        .search-item {
  2032.  
  2033.            width: 50%
  2034.  
  2035.        }
  2036.  
  2037.  
  2038.  
  2039.        @media (min-width:768px) {
  2040.  
  2041.            .search-item {
  2042.  
  2043.                width: 50%;
  2044.  
  2045.                margin-left: 100px
  2046.  
  2047.            }
  2048.  
  2049.        }
  2050.  
  2051.  
  2052.  
  2053.      
  2054.  
  2055.      
  2056.  
  2057.        .flex-1 {
  2058.  
  2059.            flex: 1 1 0%
  2060.  
  2061.        }
  2062.  
  2063.  
  2064.  
  2065.        .card {
  2066.             background: linear-gradient(163.42deg, rgba(55, 67, 83, 0.765) -107%, rgba(255, 255, 255, 0) 105.46%);
  2067.            border: none !important;
  2069.            
  2070.  
  2071.  
  2072.        }
  2073.  
  2074.  
  2075.  
  2076.        .bottom-6 {
  2077.  
  2078.            bottom: 3rem !important
  2079.  
  2080.        }
  2081.  
  2082.  
  2083.  
  2084.        .absolute {
  2085.  
  2086.            position: absolute !important
  2087.  
  2088.        }
  2089.  
  2090.  
  2091.  
  2092.        .mobile {
  2093.  
  2094.            backdrop-filter: blur(1px);
  2095.  
  2096.            border-radius: 20px 20px 20px 20px;
  2097.  
  2098.            height: 60px;
  2099.  
  2100.            font-weigth: bold;
  2101.  
  2102.            padding: 10px;
  2103.  
  2104.            background-color: #000;
  2105.  
  2106.            background-color: rgba(0, 0, 0, .2)
  2107.  
  2108.        }
  2109.  
  2110.        
  2111.  
  2112.        
  2113.  
  2114.        
  2115.  
  2116.        
  2117.  
  2118.          
  2119.  
  2120.        //*tailwinds*//
  2121.  
  2122.  
  2123.  
  2124. /*a
  2125.  
  2126. ! tailwindcss v3.2.6 | MIT License | https://tailwindcss.com
  2127.  
  2128. */
  2129.  
  2130.  
  2131.  
  2132. html {
  2133.  
  2134.    line-height: 1.5;
  2135.  
  2136.    -webkit-text-size-adjust: 100%;
  2137.  
  2138.    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;
  2139.  
  2140.    font-feature-settings: normal;
  2141.  
  2142. }
  2143.  
  2144. hr {
  2145.  
  2146.    height: 0;
  2147.  
  2148.    color: inherit;
  2149.  
  2150.    border-top-width: 1px;
  2151.  
  2152. }
  2153.  
  2154. abbr:where([title]) {
  2155.  
  2156.    -webkit-text-decoration: underline dotted;
  2157.  
  2158.    text-decoration: underline dotted;
  2159.  
  2160. }
  2161.  
  2162. h1,
  2163.  
  2164. h2,
  2165.  
  2166. h3,
  2167.  
  2168. h4,
  2169.  
  2170. h5,
  2171.  
  2172. h6 {
  2173.  
  2174.    font-size: inherit;
  2175.  
  2176.    font-weight: inherit;
  2177.  
  2178. }
  2179.  
  2180.  
  2181.  
  2182. b,
  2183.  
  2184. strong {
  2185.  
  2186.    font-weight: bolder;
  2187.  
  2188. }
  2189.  
  2190. code,
  2191.  
  2192. kbd,
  2193.  
  2194. pre,
  2195.  
  2196. samp {
  2197.  
  2198.    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  2199.  
  2200.    font-size: 1em;
  2201.  
  2202. }
  2203.  
  2204. small {
  2205.  
  2206.    font-size: 80%;
  2207.  
  2208. }
  2209.  
  2210. sub,
  2211.  
  2212. sup {
  2213.  
  2214.    font-size: 75%;
  2215.  
  2216.    line-height: 0;
  2217.  
  2218.    position: relative;
  2219.  
  2220.    vertical-align: baseline;
  2221.  
  2222. }
  2223.  
  2224. sub {
  2225.  
  2226.    bottom: -0.25em;
  2227.  
  2228. }
  2229.  
  2230. sup {
  2231.  
  2232.    top: -0.5em;
  2233.  
  2234. }
  2235.  
  2236. table {
  2237.  
  2238.    text-indent: 0;
  2239.  
  2240.    border-color: inherit;
  2241.  
  2242.    border-collapse: collapse;
  2243.  
  2244. }
  2245.  
  2246. button,
  2247.  
  2248. input,
  2249.  
  2250. optgroup,
  2251.  
  2252. select,
  2253.  
  2254. textarea {
  2255.  
  2256.    font-family: inherit;
  2257.  
  2258.    font-size: 100%;
  2259.  
  2260.    font-weight: inherit;
  2261.  
  2262.    line-height: inherit;
  2263.  
  2264.    color: inherit;
  2265.  
  2266.    margin: 0;
  2267.  
  2268.    padding: 0;
  2269.  
  2270. }
  2271.  
  2272. button,
  2273.  
  2274. select {
  2275.  
  2276.    text-transform: none;
  2277.  
  2278. }
  2279.  
  2280. [type="button"],
  2281.  
  2282. [type="reset"],
  2283.  
  2284. [type="submit"],
  2285.  
  2286. button {
  2287.  
  2288.    -webkit-appearance: button;
  2289.  
  2290.    background-color: transparent;
  2291.  
  2292.    background-image: none;
  2293.  
  2294. }
  2295.  
  2296. :-moz-focusring {
  2297.  
  2298.    outline: auto;
  2299.  
  2300. }
  2301.  
  2302. :-moz-ui-invalid {
  2303.  
  2304.    box-shadow: none;
  2305.  
  2306. }
  2307.  
  2308. progress {
  2309.  
  2310.    vertical-align: baseline;
  2311.  
  2312. }
  2313.  
  2314. ::-webkit-inner-spin-button,
  2315.  
  2316. ::-webkit-outer-spin-button {
  2317.  
  2318.    height: auto;
  2319.  
  2320. }
  2321.  
  2322. [type="search"] {
  2323.  
  2324.    -webkit-appearance: textfield;
  2325.  
  2326.    outline-offset: -2px;
  2327.  
  2328. }
  2329.  
  2330. ::-webkit-search-decoration {
  2331.  
  2332.    -webkit-appearance: none;
  2333.  
  2334. }
  2335.  
  2336. ::-webkit-file-upload-button {
  2337.  
  2338.    -webkit-appearance: button;
  2339.  
  2340.    font: inherit;
  2341.  
  2342. }
  2343.  
  2344. summary {
  2345.  
  2346.    display: list-item;
  2347.  
  2348. }
  2349.  
  2350. blockquote,
  2351.  
  2352. dd,
  2353.  
  2354. dl,
  2355.  
  2356. figure,
  2357.  
  2358. h1,
  2359.  
  2360. h2,
  2361.  
  2362. h3,
  2363.  
  2364. h4,
  2365.  
  2366. h5,
  2367.  
  2368. h6,
  2369.  
  2370. hr,
  2371.  
  2372. p,
  2373.  
  2374. pre {
  2375.  
  2376.    margin: 0;
  2377.  
  2378. }
  2379.  
  2380. fieldset {
  2381.  
  2382.    margin: 0;
  2383.  
  2384. }
  2385.  
  2386. fieldset,
  2387.  
  2388. legend {
  2389.  
  2390.    padding: 0;
  2391.  
  2392. }
  2393.  
  2394. menu,
  2395.  
  2396. ol,
  2397.  
  2398. ul {
  2399.  
  2400.    list-style: none;
  2401.  
  2402.    margin: 0;
  2403.  
  2404.    padding: 0;
  2405.  
  2406. }
  2407.  
  2408. textarea {
  2409.  
  2410.    resize: vertical;
  2411.  
  2412. }
  2413.  
  2414. input::-moz-placeholder,
  2415.  
  2416. textarea::-moz-placeholder {
  2417.  
  2418.    opacity: 1;
  2419.  
  2420.    color: #9ca3af;
  2421.  
  2422. }
  2423.  
  2424. input::placeholder,
  2425.  
  2426. textarea::placeholder {
  2427.  
  2428.    opacity: 1;
  2429.  
  2430.    color: #9ca3af;
  2431.  
  2432. }
  2433.  
  2434. [role="button"],
  2435.  
  2436. button {
  2437.  
  2438.    cursor: pointer;
  2439.  
  2440. }
  2441.  
  2442. :disabled {
  2443.  
  2444.    cursor: default;
  2445.  
  2446. }
  2447.  
  2448. [hidden] {
  2449.  
  2450.    display: none;
  2451.  
  2452. }
  2453.  
  2454.  
  2455.  
  2456. .sr-only {
  2457.  
  2458.    position: absolute;
  2459.  
  2460.    width: 1px;
  2461.  
  2462.    height: 1px;
  2463.  
  2464.    padding: 0;
  2465.  
  2466.    margin: -1px;
  2467.  
  2468.    overflow: hidden;
  2469.  
  2470.    clip: rect(0, 0, 0, 0);
  2471.  
  2472.    white-space: nowrap;
  2473.  
  2474.    border-width: 0;
  2475.  
  2476. }
  2477.  
  2478. .pointer-events-none {
  2479.  
  2480.    pointer-events: none;
  2481.  
  2482. }
  2483.  
  2484. .pointer-events-auto {
  2485.  
  2486.    pointer-events: auto;
  2487.  
  2488. }
  2489.  
  2490. .fixed {
  2491.  
  2492.    position: fixed;
  2493.  
  2494. }
  2495.  
  2496. .\!absolute {
  2497.  
  2498.    position: absolute !important;
  2499.  
  2500. }
  2501.  
  2502. .absolute {
  2503.  
  2504.    position: absolute;
  2505.  
  2506. }
  2507.  
  2508. .relative {
  2509.  
  2510.    position: relative;
  2511.  
  2512. }
  2513.  
  2514. .sticky {
  2515.  
  2516.    position: sticky;
  2517.  
  2518. }
  2519.  
  2520. .inset-0 {
  2521.  
  2522.    top: 0;
  2523.  
  2524.    bottom: 0;
  2525.  
  2526. }
  2527.  
  2528. .inset-0,
  2529.  
  2530. .inset-x-0 {
  2531.  
  2532.    right: 0;
  2533.  
  2534.    left: 0;
  2535.  
  2536. }
  2537.  
  2538. .inset-y-0 {
  2539.  
  2540.    top: 0;
  2541.  
  2542.    bottom: 0;
  2543.  
  2544. }
  2545.  
  2546. .-right-\[3px\] {
  2547.  
  2548.    right: -3px;
  2549.  
  2550. }
  2551.  
  2552. .bottom-0 {
  2553.  
  2554.    bottom: 0;
  2555.  
  2556. }
  2557.  
  2558. .left-0 {
  2559.  
  2560.    left: 0;
  2561.  
  2562. }
  2563.  
  2564. .left-5 {
  2565.  
  2566.    left: 1.25rem;
  2567.  
  2568. }
  2569.  
  2570. .left-6 {
  2571.  
  2572.    left: 1.5rem;
  2573.  
  2574. }
  2575.  
  2576. .right-0 {
  2577.  
  2578.    right: 0;
  2579.  
  2580. }
  2581.  
  2582. .right-6 {
  2583.  
  2584.    right: 1.5rem;
  2585.  
  2586. }
  2587.  
  2588. .right-8 {
  2589.  
  2590.    right: 2rem;
  2591.  
  2592. }
  2593.  
  2594. .top-0 {
  2595.  
  2596.    top: 0;
  2597.  
  2598. }
  2599.  
  2600. .top-20 {
  2601.  
  2602.    top: 5rem;
  2603.  
  2604. }
  2605.  
  2606. .top-4 {
  2607.  
  2608.    top: 1rem;
  2609.  
  2610. }
  2611.  
  2612. .top-\[18px\] {
  2613.  
  2614.    top: 18px;
  2615.  
  2616. }
  2617.  
  2618. .-z-10 {
  2619.  
  2620.    z-index: -10;
  2621.  
  2622. }
  2623.  
  2624. .z-0 {
  2625.  
  2626.    z-index: 0;
  2627.  
  2628. }
  2629.  
  2630. .z-10 {
  2631.  
  2632.    z-index: 10;
  2633.  
  2634. }
  2635.  
  2636. .z-20 {
  2637.  
  2638.    z-index: 20;
  2639.  
  2640. }
  2641.  
  2642. .z-30 {
  2643.  
  2644.    z-index: 30;
  2645.  
  2646. }
  2647.  
  2648. .z-40 {
  2649.  
  2650.    z-index: 40;
  2651.  
  2652. }
  2653.  
  2654. .z-50 {
  2655.  
  2656.    z-index: 50;
  2657.  
  2658. }
  2659.  
  2660. .z-\[60\] {
  2661.  
  2662.    z-index: 60;
  2663.  
  2664. }
  2665.  
  2666. .z-\[9\] {
  2667.  
  2668.    z-index: 9;
  2669.  
  2670. }
  2671.  
  2672. .order-1 {
  2673.  
  2674.    order: 1;
  2675.  
  2676. }
  2677.  
  2678. .order-2 {
  2679.  
  2680.    order: 2;
  2681.  
  2682. }
  2683.  
  2684. .col-span-1 {
  2685.  
  2686.    grid-column: span 1 / span 1;
  2687.  
  2688. }
  2689.  
  2690. .col-span-12 {
  2691.  
  2692.    grid-column: span 12 / span 12;
  2693.  
  2694. }
  2695.  
  2696. .col-span-2 {
  2697.  
  2698.    grid-column: span 2 / span 2;
  2699.  
  2700. }
  2701.  
  2702. .col-span-5 {
  2703.  
  2704.    grid-column: span 5 / span 5;
  2705.  
  2706. }
  2707.  
  2708. .\!m-0 {
  2709.  
  2710.    margin: 0 !important;
  2711.  
  2712. }
  2713.  
  2714. .m-0 {
  2715.  
  2716.    margin: 0;
  2717.  
  2718. }
  2719.  
  2720. .m-4 {
  2721.  
  2722.    margin: 1rem;
  2723.  
  2724. }
  2725.  
  2726. .m-auto {
  2727.  
  2728.    margin: auto;
  2729.  
  2730. }
  2731.  
  2732. .mx-2 {
  2733.  
  2734.    margin-left: 0.5rem;
  2735.  
  2736.    margin-right: 0.5rem;
  2737.  
  2738. }
  2739.  
  2740. .mx-6 {
  2741.  
  2742.    margin-left: 1.5rem;
  2743.  
  2744.    margin-right: 1.5rem;
  2745.  
  2746. }
  2747.  
  2748. .mx-auto {
  2749.  
  2750.    margin-left: auto;
  2751.  
  2752.    margin-right: auto;
  2753.  
  2754. }
  2755.  
  2756. .my-2 {
  2757.  
  2758.    margin-top: 0.5rem;
  2759.  
  2760.    margin-bottom: 0.5rem;
  2761.  
  2762. }
  2763.  
  2764. .my-20 {
  2765.  
  2766.    margin-top: 5rem;
  2767.  
  2768.    margin-bottom: 5rem;
  2769.  
  2770. }
  2771.  
  2772. .my-3 {
  2773.  
  2774.    margin-top: 0.75rem;
  2775.  
  2776.    margin-bottom: 0.75rem;
  2777.  
  2778. }
  2779.  
  2780. .my-4 {
  2781.  
  2782.    margin-top: 1rem;
  2783.  
  2784.    margin-bottom: 1rem;
  2785.  
  2786. }
  2787.  
  2788. .my-6 {
  2789.  
  2790.    margin-top: 1.5rem;
  2791.  
  2792.    margin-bottom: 1.5rem;
  2793.  
  2794. }
  2795.  
  2796. .my-7 {
  2797.  
  2798.    margin-top: 1.75rem;
  2799.  
  2800.    margin-bottom: 1.75rem;
  2801.  
  2802. }
  2803.  
  2804. .my-8 {
  2805.  
  2806.    margin-top: 2rem;
  2807.  
  2808.    margin-bottom: 2rem;
  2809.  
  2810. }
  2811.  
  2812. .my-auto {
  2813.  
  2814.    margin-top: auto;
  2815.  
  2816.    margin-bottom: auto;
  2817.  
  2818. }
  2819.  
  2820. .-mb-px {
  2821.  
  2822.    margin-bottom: -1px;
  2823.  
  2824. }
  2825.  
  2826. .-ml-1 {
  2827.  
  2828.    margin-left: -0.25rem;
  2829.  
  2830. }
  2831.  
  2832. .-ml-px {
  2833.  
  2834.    margin-left: -1px;
  2835.  
  2836. }
  2837.  
  2838. .-mr-10 {
  2839.  
  2840.    margin-right: -2.5rem;
  2841.  
  2842. }
  2843.  
  2844. .-mr-12 {
  2845.  
  2846.    margin-right: -3rem;
  2847.  
  2848. }
  2849.  
  2850. .-mt-16 {
  2851.  
  2852.    margin-top: -4rem;
  2853.  
  2854. }
  2855.  
  2856. .mb-1 {
  2857.  
  2858.    margin-bottom: 0.25rem;
  2859.  
  2860. }
  2861.  
  2862. .mb-1\.5 {
  2863.  
  2864.    margin-bottom: 0.375rem;
  2865.  
  2866. }
  2867.  
  2868. .mb-10 {
  2869.  
  2870.    margin-bottom: 2.5rem;
  2871.  
  2872. }
  2873.  
  2874. .mb-2 {
  2875.  
  2876.    margin-bottom: 0.5rem;
  2877.  
  2878. }
  2879.  
  2880. .mb-3 {
  2881.  
  2882.    margin-bottom: 0.75rem;
  2883.  
  2884. }
  2885.  
  2886. .mb-4 {
  2887.  
  2888.    margin-bottom: 1rem;
  2889.  
  2890. }
  2891.  
  2892. .mb-5 {
  2893.  
  2894.    margin-bottom: 1.25rem;
  2895.  
  2896. }
  2897.  
  2898. .mb-6 {
  2899.  
  2900.    margin-bottom: 1.5rem;
  2901.  
  2902. }
  2903.  
  2904. .mb-8 {
  2905.  
  2906.    margin-bottom: 2rem;
  2907.  
  2908. }
  2909.  
  2910. .mb-\[20px\] {
  2911.  
  2912.    margin-bottom: 20px;
  2913.  
  2914. }
  2915.  
  2916. .ml-12 {
  2917.  
  2918.    margin-left: 3rem;
  2919.  
  2920. }
  2921.  
  2922. .ml-2 {
  2923.  
  2924.    margin-left: 0.5rem;
  2925.  
  2926. }
  2927.  
  2928. .ml-3 {
  2929.  
  2930.    margin-left: 0.75rem;
  2931.  
  2932. }
  2933.  
  2934. .ml-4 {
  2935.  
  2936.    margin-left: 1rem;
  2937.  
  2938. }
  2939.  
  2940. .ml-5 {
  2941.  
  2942.    margin-left: 1.25rem;
  2943.  
  2944. }
  2945.  
  2946. .mr-2 {
  2947.  
  2948.    margin-right: 0.5rem;
  2949.  
  2950. }
  2951.  
  2952. .mr-3 {
  2953.  
  2954.    margin-right: 0.75rem;
  2955.  
  2956. }
  2957.  
  2958. .mr-4 {
  2959.  
  2960.    margin-right: 1rem;
  2961.  
  2962. }
  2963.  
  2964. .mr-5 {
  2965.  
  2966.    margin-right: 1.25rem;
  2967.  
  2968. }
  2969.  
  2970. .mt-1 {
  2971.  
  2972.    margin-top: 0.25rem;
  2973.  
  2974. }
  2975.  
  2976. .mt-10 {
  2977.  
  2978.    margin-top: 2.5rem;
  2979.  
  2980. }
  2981.  
  2982. .mt-12 {
  2983.  
  2984.    margin-top: 3rem;
  2985.  
  2986. }
  2987.  
  2988. .mt-2 {
  2989.  
  2990.    margin-top: 0.5rem;
  2991.  
  2992. }
  2993.  
  2994. .mt-3 {
  2995.  
  2996.    margin-top: 0.75rem;
  2997.  
  2998. }
  2999.  
  3000. .mt-4 {
  3001.  
  3002.    margin-top: 1rem;
  3003.  
  3004. }
  3005.  
  3006. .mt-5 {
  3007.  
  3008.    margin-top: 1.25rem;
  3009.  
  3010. }
  3011.  
  3012. .mt-6 {
  3013.  
  3014.    margin-top: 1.5rem;
  3015.  
  3016. }
  3017.  
  3018. .mt-7 {
  3019.  
  3020.    margin-top: 1.75rem;
  3021.  
  3022. }
  3023.  
  3024. .mt-8 {
  3025.  
  3026.    margin-top: 2rem;
  3027.  
  3028. }
  3029.  
  3030. .mt-\[20px\] {
  3031.  
  3032.    margin-top: 20px;
  3033.  
  3034. }
  3035.  
  3036. .mt-\[30px\] {
  3037.  
  3038.    margin-top: 30px;
  3039.  
  3040. }
  3041.  
  3042. .block {
  3043.  
  3044.    display: block;
  3045.  
  3046. }
  3047.  
  3048. .inline-block {
  3049.  
  3050.    display: inline-block;
  3051.  
  3052. }
  3053.  
  3054. .inline {
  3055.  
  3056.    display: inline;
  3057.  
  3058. }
  3059.  
  3060. .flex {
  3061.  
  3062.    display: flex;
  3063.  
  3064. }
  3065.  
  3066. .inline-flex {
  3067.  
  3068.    display: inline-flex;
  3069.  
  3070. }
  3071.  
  3072. .table {
  3073.  
  3074.    display: table;
  3075.  
  3076. }
  3077.  
  3078. .flow-root {
  3079.  
  3080.    display: flow-root;
  3081.  
  3082. }
  3083.  
  3084. .grid {
  3085.  
  3086.    display: grid;
  3087.  
  3088. }
  3089.  
  3090. .contents {
  3091.  
  3092.    display: contents;
  3093.  
  3094. }
  3095.  
  3096. .hidden {
  3097.  
  3098.    display: none;
  3099.  
  3100. }
  3101.  
  3102. .h-0 {
  3103.  
  3104.    height: 0;
  3105.  
  3106. }
  3107.  
  3108. .h-10 {
  3109.  
  3110.    height: 2.5rem;
  3111.  
  3112. }
  3113.  
  3114. .h-12 {
  3115.  
  3116.    height: 3rem;
  3117.  
  3118. }
  3119.  
  3120. .h-14 {
  3121.  
  3122.    height: 3.5rem;
  3123.  
  3124. }
  3125.  
  3126. .h-16 {
  3127.  
  3128.    height: 4rem;
  3129.  
  3130. }
  3131.  
  3132. .h-24 {
  3133.  
  3134.    height: 6rem;
  3135.  
  3136. }
  3137.  
  3138. .h-3 {
  3139.  
  3140.    height: 0.75rem;
  3141.  
  3142. }
  3143.  
  3144. .h-32 {
  3145.  
  3146.    height: 8rem;
  3147.  
  3148. }
  3149.  
  3150. .h-4 {
  3151.  
  3152.    height: 1rem;
  3153.  
  3154. }
  3155.  
  3156. .h-40 {
  3157.  
  3158.    height: 10rem;
  3159.  
  3160. }
  3161.  
  3162. .h-5 {
  3163.  
  3164.    height: 1.25rem;
  3165.  
  3166. }
  3167.  
  3168. .h-56 {
  3169.  
  3170.    height: 12rem;
  3171.  
  3172. }
  3173.  
  3174.  
  3175.  
  3176. .h-6 {
  3177.  
  3178.    height: 1.5rem;
  3179.  
  3180. }
  3181.  
  3182. .h-64 {
  3183.  
  3184.    height: 16rem;
  3185.  
  3186. }
  3187.  
  3188. .h-8 {
  3189.  
  3190.    height: 2rem;
  3191.  
  3192. }
  3193.  
  3194. .h-\[100vh\] {
  3195.  
  3196.    height: 100vh;
  3197.  
  3198. }
  3199.  
  3200. .h-\[16px\] {
  3201.  
  3202.    height: 16px;
  3203.  
  3204. }
  3205.  
  3206. .h-\[24px\] {
  3207.  
  3208.    height: 24px;
  3209.  
  3210. }
  3211.  
  3212. .h-\[280px\] {
  3213.  
  3214.    height: 280px;
  3215.  
  3216. }
  3217.  
  3218. .h-\[460px\] {
  3219.  
  3220.    height: 460px;
  3221.  
  3222. }
  3223.  
  3224. .h-\[5\.7rem\] {
  3225.  
  3226.    height: 5.7rem;
  3227.  
  3228. }
  3229.  
  3230. .h-\[9\.4rem\] {
  3231.  
  3232.    height: 9.4rem;
  3233.  
  3234. }
  3235.  
  3236. .h-auto {
  3237.  
  3238.    height: auto;
  3239.  
  3240. }
  3241.  
  3242. .h-full {
  3243.  
  3244.    height: 100%;
  3245.  
  3246. }
  3247.  
  3248. .h-px {
  3249.  
  3250.    height: 1px;
  3251.  
  3252. }
  3253.  
  3254. .max-h-0 {
  3255.  
  3256.    max-height: 0;
  3257.  
  3258. }
  3259.  
  3260. .max-h-\[1000px\] {
  3261.  
  3262.    max-height: 1000px;
  3263.  
  3264. }
  3265.  
  3266. .max-h-\[9rem\] {
  3267.  
  3268.    max-height: 9rem;
  3269.  
  3270. }
  3271.  
  3272. .max-h-screen {
  3273.  
  3274.    max-height: 100vh;
  3275.  
  3276. }
  3277.  
  3278. .min-h-\[50vh\] {
  3279.  
  3280.    min-height: 50vh;
  3281.  
  3282. }
  3283.  
  3284. .min-h-\[60vh\] {
  3285.  
  3286.    min-height: 60vh;
  3287.  
  3288. }
  3289.  
  3290. .min-h-\[65vh\] {
  3291.  
  3292.    min-height: 65vh;
  3293.  
  3294. }
  3295.  
  3296. .min-h-\[70vh\] {
  3297.  
  3298.    min-height: 70vh;
  3299.  
  3300. }
  3301.  
  3302. .min-h-full {
  3303.  
  3304.    min-height: 100%;
  3305.  
  3306. }
  3307.  
  3308. .min-h-screen {
  3309.  
  3310.    min-height: 100vh;
  3311.  
  3312. }
  3313.  
  3314. .\!w-full {
  3315.  
  3316.    width: 100% !important;
  3317.  
  3318. }
  3319.  
  3320. .w-1\/2 {
  3321.  
  3322.    width: 50%;
  3323.  
  3324. }
  3325.  
  3326. .w-10 {
  3327.  
  3328.    width: 2.5rem;
  3329.  
  3330. }
  3331.  
  3332. .w-11 {
  3333.  
  3334.    width: 2.75rem;
  3335.  
  3336. }
  3337.  
  3338. .w-12 {
  3339.  
  3340.    width: 3rem;
  3341.  
  3342. }
  3343.  
  3344. .w-14 {
  3345.  
  3346.    width: 3.5rem;
  3347.  
  3348. }
  3349.  
  3350. .w-24 {
  3351.  
  3352.    width: 6rem;
  3353.  
  3354. }
  3355.  
  3356. .w-28 {
  3357.  
  3358.    width: 7rem;
  3359.  
  3360. }
  3361.  
  3362. .w-3 {
  3363.  
  3364.    width: 0.75rem;
  3365.  
  3366. }
  3367.  
  3368. .w-4 {
  3369.  
  3370.    width: 1rem;
  3371.  
  3372. }
  3373.  
  3374. .w-5 {
  3375.  
  3376.    width: 1.25rem;
  3377.  
  3378. }
  3379.  
  3380. .w-56 {
  3381.  
  3382.    width: 14rem;
  3383.  
  3384. }
  3385.  
  3386. .w-6 {
  3387.  
  3388.    width: 1.5rem;
  3389.  
  3390. }
  3391.  
  3392. .w-72 {
  3393.  
  3394.    width: 18rem;
  3395.  
  3396. }
  3397.  
  3398. .w-8 {
  3399.  
  3400.    width: 2rem;
  3401.  
  3402. }
  3403.  
  3404. .w-80 {
  3405.  
  3406.    width: 20rem;
  3407.  
  3408. }
  3409.  
  3410. .w-\[16px\] {
  3411.  
  3412.    width: 16px;
  3413.  
  3414. }
  3415.  
  3416. .w-\[24px\] {
  3417.  
  3418.    width: 24px;
  3419.  
  3420. }
  3421.  
  3422. .w-\[280px\] {
  3423.  
  3424.    width: 280px;
  3425.  
  3426. }
  3427.  
  3428. .w-\[80px\] {
  3429.  
  3430.    width: 80px;
  3431.  
  3432. }
  3433.  
  3434. .w-auto {
  3435.  
  3436.    width: auto;
  3437.  
  3438. }
  3439.  
  3440. .w-full {
  3441.  
  3442.    width: 100%;
  3443.  
  3444. }
  3445.  
  3446. .w-screen {
  3447.  
  3448.    width: 100vw;
  3449.  
  3450. }
  3451.  
  3452. .min-w-0 {
  3453.  
  3454.    min-width: 0;
  3455.  
  3456. }
  3457.  
  3458. .max-w-7xl {
  3459.  
  3460.    max-width: 80rem;
  3461.  
  3462. }
  3463.  
  3464. .max-w-\[15rem\] {
  3465.  
  3466.    max-width: 15rem;
  3467.  
  3468. }
  3469.  
  3470. .max-w-\[2\.5rem\] {
  3471.  
  3472.    max-width: 2.5rem;
  3473.  
  3474. }
  3475.  
  3476. .max-w-\[3\.5rem\] {
  3477.  
  3478.    max-width: 3.5rem;
  3479.  
  3480. }
  3481.  
  3482. .max-w-full {
  3483.  
  3484.    max-width: 100%;
  3485.  
  3486. }
  3487.  
  3488. .max-w-md {
  3489.  
  3490.    max-width: 28rem;
  3491.  
  3492. }
  3493.  
  3494. .max-w-xl {
  3495.  
  3496.    max-width: 36rem;
  3497.  
  3498. }
  3499.  
  3500. .max-w-xs {
  3501.  
  3502.    max-width: 20rem;
  3503.  
  3504. }
  3505.  
  3506. .flex-1 {
  3507.  
  3508.    flex: 1 1 0%;
  3509.  
  3510. }
  3511.  
  3512. .flex-shrink {
  3513.  
  3514.    flex-shrink: 1;
  3515.  
  3516. }
  3517.  
  3518. .flex-shrink-0,
  3519.  
  3520. .shrink-0 {
  3521.  
  3522.    flex-shrink: 0;
  3523.  
  3524. }
  3525.  
  3526. .flex-grow,
  3527.  
  3528. .grow {
  3529.  
  3530.    flex-grow: 1;
  3531.  
  3532. }
  3533.  
  3534. .table-auto {
  3535.  
  3536.    table-layout: auto;
  3537.  
  3538. }
  3539.  
  3540. .origin-\[0\] {
  3541.  
  3542.    transform-origin: 0;
  3543.  
  3544. }
  3545.  
  3546. .origin-top-right {
  3547.  
  3548.    transform-origin: top right;
  3549.  
  3550. }
  3551.  
  3552. .-translate-x-full {
  3553.  
  3554.    --tw-translate-x: -100%;
  3555.  
  3556. }
  3557.  
  3558. .-translate-x-full,
  3559.  
  3560. .-translate-y-1\/2 {
  3561.  
  3562.    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));
  3563.  
  3564. }
  3565.  
  3566. .-translate-y-1\/2 {
  3567.  
  3568.    --tw-translate-y: -50%;
  3569.  
  3570. }
  3571.  
  3572. .-translate-y-3 {
  3573.  
  3574.    --tw-translate-y: -0.75rem;
  3575.  
  3576. }
  3577.  
  3578. .-translate-y-3,
  3579.  
  3580. .translate-x-0 {
  3581.  
  3582.    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));
  3583.  
  3584. }
  3585.  
  3586. .translate-x-0 {
  3587.  
  3588.    --tw-translate-x: 0px;
  3589.  
  3590. }
  3591.  
  3592. .translate-y-0 {
  3593.  
  3594.    --tw-translate-y: 0px;
  3595.  
  3596. }
  3597.  
  3598. .rotate-0,
  3599.  
  3600. .translate-y-0 {
  3601.  
  3602.    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));
  3603.  
  3604. }
  3605.  
  3606. .rotate-0 {
  3607.  
  3608.    --tw-rotate: 0deg;
  3609.  
  3610. }
  3611.  
  3612. .rotate-180 {
  3613.  
  3614.    --tw-rotate: 180deg;
  3615.  
  3616. }
  3617.  
  3618. .rotate-180,
  3619.  
  3620. .scale-100 {
  3621.  
  3622.    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));
  3623.  
  3624. }
  3625.  
  3626. .scale-100 {
  3627.  
  3628.    --tw-scale-x: 1;
  3629.  
  3630.    --tw-scale-y: 1;
  3631.  
  3632. }
  3633.  
  3634. .scale-75 {
  3635.  
  3636.    --tw-scale-x: 0.75;
  3637.  
  3638.    --tw-scale-y: 0.75;
  3639.  
  3640. }
  3641.  
  3642. .scale-75,
  3643.  
  3644. .scale-95 {
  3645.  
  3646.    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));
  3647.  
  3648. }
  3649.  
  3650. .scale-95 {
  3651.  
  3652.    --tw-scale-x: 0.95;
  3653.  
  3654.    --tw-scale-y: 0.95;
  3655.  
  3656. }
  3657.  
  3658. .transform {
  3659.  
  3660.    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));
  3661.  
  3662. }
  3663.  
  3664. @keyframes ping {
  3665.  
  3666.    75%,
  3667.  
  3668.    to {
  3669.  
  3670.        transform: scale(2);
  3671.  
  3672.        opacity: 0;
  3673.  
  3674.    }
  3675.  
  3676. }
  3677.  
  3678. .animate-ping {
  3679.  
  3680.    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  3681.  
  3682. }
  3683.  
  3684. @keyframes pulse {
  3685.  
  3686.    50% {
  3687.  
  3688.        opacity: 0.5;
  3689.  
  3690.    }
  3691.  
  3692. }
  3693.  
  3694. .animate-pulse {
  3695.  
  3696.    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  3697.  
  3698. }
  3699.  
  3700. @keyframes spin {
  3701.  
  3702.    to {
  3703.  
  3704.        transform: rotate(1turn);
  3705.  
  3706.    }
  3707.  
  3708. }
  3709.  
  3710. .animate-spin {
  3711.  
  3712.    animation: spin 1s linear infinite;
  3713.  
  3714. }
  3715.  
  3716. .cursor-not-allowed {
  3717.  
  3718.    cursor: not-allowed;
  3719.  
  3720. }
  3721.  
  3722. .cursor-pointer {
  3723.  
  3724.    cursor: pointer;
  3725.  
  3726. }
  3727.  
  3728. .appearance-none {
  3729.  
  3730.    -webkit-appearance: none;
  3731.  
  3732.    -moz-appearance: none;
  3733.  
  3734.    appearance: none;
  3735.  
  3736. }
  3737.  
  3738. .grid-flow-col {
  3739.  
  3740.    grid-auto-flow: column;
  3741.  
  3742. }
  3743.  
  3744. .grid-cols-1 {
  3745.  
  3746.    grid-template-columns: repeat(1, minmax(0, 1fr));
  3747.  
  3748. }
  3749.  
  3750. .grid-cols-12 {
  3751.  
  3752.    grid-template-columns: repeat(12, minmax(0, 1fr));
  3753.  
  3754. }
  3755.  
  3756. .grid-cols-2 {
  3757.  
  3758.    grid-template-columns: repeat(2, minmax(0, 1fr));
  3759.  
  3760. }
  3761.  
  3762. .grid-cols-3 {
  3763.  
  3764.    grid-template-columns: repeat(3, minmax(0, 1fr));
  3765.  
  3766. }
  3767.  
  3768. .grid-cols-6 {
  3769.  
  3770.    grid-template-columns: repeat(6, minmax(0, 1fr));
  3771.  
  3772. }
  3773.  
  3774. .flex-row {
  3775.  
  3776.    flex-direction: row;
  3777.  
  3778. }
  3779.  
  3780. .flex-row-reverse {
  3781.  
  3782.    flex-direction: row-reverse;
  3783.  
  3784. }
  3785.  
  3786. .flex-col {
  3787.  
  3788.    flex-direction: column;
  3789.  
  3790. }
  3791.  
  3792. .flex-col-reverse {
  3793.  
  3794.    flex-direction: column-reverse;
  3795.  
  3796. }
  3797.  
  3798. .content-center {
  3799.  
  3800.    align-content: center;
  3801.  
  3802. }
  3803.  
  3804. .content-start {
  3805.  
  3806.    align-content: flex-start;
  3807.  
  3808. }
  3809.  
  3810. .content-end {
  3811.  
  3812.    align-content: flex-end;
  3813.  
  3814. }
  3815.  
  3816. .items-start {
  3817.  
  3818.    align-items: flex-start;
  3819.  
  3820. }
  3821.  
  3822. .items-end {
  3823.  
  3824.    align-items: flex-end;
  3825.  
  3826. }
  3827.  
  3828. .items-center {
  3829.  
  3830.    align-items: center;
  3831.  
  3832. }
  3833.  
  3834. .items-stretch {
  3835.  
  3836.    align-items: stretch;
  3837.  
  3838. }
  3839.  
  3840. .justify-start {
  3841.  
  3842.    justify-content: flex-start;
  3843.  
  3844. }
  3845.  
  3846. .justify-end {
  3847.  
  3848.    justify-content: flex-end;
  3849.  
  3850. }
  3851.  
  3852. .justify-center {
  3853.  
  3854.    justify-content: center;
  3855.  
  3856. }
  3857.  
  3858. .justify-between {
  3859.  
  3860.    justify-content: space-between;
  3861.  
  3862. }
  3863.  
  3864. .justify-around {
  3865.  
  3866.    justify-content: space-around;
  3867.  
  3868. }
  3869.  
  3870. .\!gap-0 {
  3871.  
  3872.    gap: 0 !important;
  3873.  
  3874. }
  3875.  
  3876. .gap-1 {
  3877.  
  3878.    gap: 0.25rem;
  3879.  
  3880. }
  3881.  
  3882. .gap-1\.5 {
  3883.  
  3884.    gap: 0.375rem;
  3885.  
  3886. }
  3887.  
  3888. .gap-12 {
  3889.  
  3890.    gap: 3rem;
  3891.  
  3892. }
  3893.  
  3894. .gap-2 {
  3895.  
  3896.    gap: 0.5rem;
  3897.  
  3898. }
  3899.  
  3900. .gap-3 {
  3901.  
  3902.    gap: 0.75rem;
  3903.  
  3904. }
  3905.  
  3906. .gap-4 {
  3907.  
  3908.    gap: 1rem;
  3909.  
  3910. }
  3911.  
  3912. .gap-5 {
  3913.  
  3914.    gap: 1.25rem;
  3915.  
  3916. }
  3917.  
  3918. .gap-6 {
  3919.  
  3920.    gap: 1.5rem;
  3921.  
  3922. }
  3923.  
  3924. .gap-8 {
  3925.  
  3926.    gap: 2rem;
  3927.  
  3928. }
  3929.  
  3930. .gap-x-4 {
  3931.  
  3932.    -moz-column-gap: 1rem;
  3933.  
  3934.    column-gap: 1rem;
  3935.  
  3936. }
  3937.  
  3938. .gap-y-10 {
  3939.  
  3940.    row-gap: 2.5rem;
  3941.  
  3942. }
  3943.  
  3944. .gap-y-4 {
  3945.  
  3946.    row-gap: 1rem;
  3947.  
  3948. }
  3949.  
  3950. .gap-y-8 {
  3951.  
  3952.    row-gap: 2rem;
  3953.  
  3954. }
  3955.  
  3956. .-space-x-px > :not([hidden]) ~ :not([hidden]) {
  3957.  
  3958.    --tw-space-x-reverse: 0;
  3959.  
  3960.    margin-right: calc(-1px * var(--tw-space-x-reverse));
  3961.  
  3962.    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
  3963.  
  3964. }
  3965.  
  3966. .space-x-2 > :not([hidden]) ~ :not([hidden]) {
  3967.  
  3968.    --tw-space-x-reverse: 0;
  3969.  
  3970.    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  3971.  
  3972.    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  3973.  
  3974. }
  3975.  
  3976. .space-x-6 > :not([hidden]) ~ :not([hidden]) {
  3977.  
  3978.    --tw-space-x-reverse: 0;
  3979.  
  3980.    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  3981.  
  3982.    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
  3983.  
  3984. }
  3985.  
  3986. .space-y-1 > :not([hidden]) ~ :not([hidden]) {
  3987.  
  3988.    --tw-space-y-reverse: 0;
  3989.  
  3990.    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  3991.  
  3992.    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
  3993.  
  3994. }
  3995.  
  3996. .space-y-2 > :not([hidden]) ~ :not([hidden]) {
  3997.  
  3998.    --tw-space-y-reverse: 0;
  3999.  
  4000.    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  4001.  
  4002.    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  4003.  
  4004. }
  4005.  
  4006. .space-y-3 > :not([hidden]) ~ :not([hidden]) {
  4007.  
  4008.    --tw-space-y-reverse: 0;
  4009.  
  4010.    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  4011.  
  4012.    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  4013.  
  4014. }
  4015.  
  4016. .space-y-4 > :not([hidden]) ~ :not([hidden]) {
  4017.  
  4018.    --tw-space-y-reverse: 0;
  4019.  
  4020.    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  4021.  
  4022.    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  4023.  
  4024. }
  4025.  
  4026. .space-y-5 > :not([hidden]) ~ :not([hidden]) {
  4027.  
  4028.    --tw-space-y-reverse: 0;
  4029.  
  4030.    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  4031.  
  4032.    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
  4033.  
  4034. }
  4035.  
  4036. .divide-y > :not([hidden]) ~ :not([hidden]) {
  4037.  
  4038.    --tw-divide-y-reverse: 0;
  4039.  
  4040.    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  4041.  
  4042.    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  4043.  
  4044. }
  4045.  
  4046. .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  4047.  
  4048.    --tw-divide-opacity: 1;
  4049.  
  4050.    border-color: rgb(243 244 246 / var(--tw-divide-opacity));
  4051.  
  4052. }
  4053.  
  4054. .overflow-hidden {
  4055.  
  4056.    overflow: hidden;
  4057.  
  4058. }
  4059.  
  4060. .overflow-x-auto {
  4061.  
  4062.    overflow-x: auto;
  4063.  
  4064. }
  4065.  
  4066. .overflow-y-auto {
  4067.  
  4068.    overflow-y: auto;
  4069.  
  4070. }
  4071.  
  4072. .overflow-x-hidden {
  4073.  
  4074.    overflow-x: hidden;
  4075.  
  4076. }
  4077.  
  4078. .overflow-x-scroll {
  4079.  
  4080.    overflow-x: scroll;
  4081.  
  4082. }
  4083.  
  4084. .overflow-y-scroll {
  4085.  
  4086.    overflow-y: scroll;
  4087.  
  4088. }
  4089.  
  4090. .truncate {
  4091.  
  4092.    overflow: hidden;
  4093.  
  4094.    white-space: nowrap;
  4095.  
  4096. }
  4097.  
  4098. .text-ellipsis,
  4099.  
  4100. .truncate {
  4101.  
  4102.    text-overflow: ellipsis;
  4103.  
  4104. }
  4105.  
  4106. .whitespace-nowrap {
  4107.  
  4108.    white-space: nowrap;
  4109.  
  4110. }
  4111.  
  4112. .whitespace-pre-line {
  4113.  
  4114.    white-space: pre-line;
  4115.  
  4116. }
  4117.  
  4118. .break-words {
  4119.  
  4120.    overflow-wrap: break-word;
  4121.  
  4122. }
  4123.  
  4124. .\!rounded-\[50px\] {
  4125.  
  4126.    border-radius: 50px !important;
  4127.  
  4128. }
  4129.  
  4130. .\!rounded-full {
  4131.  
  4132.    border-radius: 9999px !important;
  4133.  
  4134. }
  4135.  
  4136. .\!rounded-lg {
  4137.  
  4138.    border-radius: 0.5rem !important;
  4139.  
  4140. }
  4141.  
  4142. .rounded {
  4143.  
  4144.    border-radius: 0.25rem;
  4145.  
  4146. }
  4147.  
  4148. .rounded-2xl {
  4149.  
  4150.    border-radius: 1rem;
  4151.  
  4152. }
  4153.  
  4154. .rounded-3xl {
  4155.  
  4156.    border-radius: 1.5rem;
  4157.  
  4158. }
  4159.  
  4160. .rounded-\[15px\] {
  4161.  
  4162.    border-radius: 15px;
  4163.  
  4164. }
  4165.  
  4166. .rounded-\[1rem\] {
  4167.  
  4168.    border-radius: 1rem;
  4169.  
  4170. }
  4171.  
  4172. .rounded-\[8px\] {
  4173.  
  4174.    border-radius: 8px;
  4175.  
  4176. }
  4177.  
  4178. .rounded-full {
  4179.  
  4180.    border-radius: 9999px;
  4181.  
  4182. }
  4183.  
  4184. .rounded-lg {
  4185.  
  4186.    border-radius: 0.5rem;
  4187.  
  4188. }
  4189.  
  4190. .rounded-md {
  4191.  
  4192.    border-radius: 0.375rem;
  4193.  
  4194. }
  4195.  
  4196. .rounded-none {
  4197.  
  4198.    border-radius: 0;
  4199.  
  4200. }
  4201.  
  4202. .rounded-xl {
  4203.  
  4204.    border-radius: 0.75rem;
  4205.  
  4206. }
  4207.  
  4208. .rounded-b-lg {
  4209.  
  4210.    border-bottom-right-radius: 0.5rem;
  4211.  
  4212.    border-bottom-left-radius: 0.5rem;
  4213.  
  4214. }
  4215.  
  4216. .rounded-l-full {
  4217.  
  4218.    border-top-left-radius: 9999px;
  4219.  
  4220.    border-bottom-left-radius: 9999px;
  4221.  
  4222. }
  4223.  
  4224. .rounded-l-md {
  4225.  
  4226.    border-top-left-radius: 0.375rem;
  4227.  
  4228.    border-bottom-left-radius: 0.375rem;
  4229.  
  4230. }
  4231.  
  4232. .rounded-r-full {
  4233.  
  4234.    border-top-right-radius: 9999px;
  4235.  
  4236.    border-bottom-right-radius: 9999px;
  4237.  
  4238. }
  4239.  
  4240. .rounded-r-md {
  4241.  
  4242.    border-top-right-radius: 0.375rem;
  4243.  
  4244.    border-bottom-right-radius: 0.375rem;
  4245.  
  4246. }
  4247.  
  4248. .rounded-t-\[20px\] {
  4249.  
  4250.    border-top-left-radius: 20px;
  4251.  
  4252.    border-top-right-radius: 20px;
  4253.  
  4254. }
  4255.  
  4256. .rounded-t-lg {
  4257.  
  4258.    border-top-left-radius: 0.5rem;
  4259.  
  4260.    border-top-right-radius: 0.5rem;
  4261.  
  4262. }
  4263.  
  4264. .rounded-bl-\[15px\] {
  4265.  
  4266.    border-bottom-left-radius: 15px;
  4267.  
  4268. }
  4269.  
  4270. .rounded-bl-full {
  4271.  
  4272.    border-bottom-left-radius: 9999px;
  4273.  
  4274. }
  4275.  
  4276. .rounded-br-\[15px\] {
  4277.  
  4278.    border-bottom-right-radius: 15px;
  4279.  
  4280. }
  4281.  
  4282. .rounded-tr-\[3000px\] {
  4283.  
  4284.    border-top-right-radius: 3000px;
  4285.  
  4286. }
  4287.  
  4288. .border {
  4289.  
  4290.    border-width: 1px;
  4291.  
  4292. }
  4293.  
  4294. .border-0 {
  4295.  
  4296.    border-width: 0;
  4297.  
  4298. }
  4299.  
  4300. .border-2 {
  4301.  
  4302.    border-width: 2px;
  4303.  
  4304. }
  4305.  
  4306. .\!border-b {
  4307.  
  4308.    border-bottom-width: 1px !important;
  4309.  
  4310. }
  4311.  
  4312. .border-b {
  4313.  
  4314.    border-bottom-width: 1px;
  4315.  
  4316. }
  4317.  
  4318. .border-b-2 {
  4319.  
  4320.    border-bottom-width: 2px;
  4321.  
  4322. }
  4323.  
  4324. .border-r {
  4325.  
  4326.    border-right-width: 1px;
  4327.  
  4328. }
  4329.  
  4330. .border-t {
  4331.  
  4332.    border-top-width: 1px;
  4333.  
  4334. }
  4335.  
  4336. .border-t-2 {
  4337.  
  4338.    border-top-width: 2px;
  4339.  
  4340. }
  4341.  
  4342. .\!border-none {
  4343.  
  4344.    border-style: none !important;
  4345.  
  4346. }
  4347.  
  4348. .border-none {
  4349.  
  4350.    border-style: none;
  4351.  
  4352. }
  4353.  
  4354. .border-\[\#626274\] {
  4355.  
  4356.    --tw-border-opacity: 1;
  4357.  
  4358.    border-color: rgb(98 98 116 / var(--tw-border-opacity));
  4359.  
  4360. }
  4361.  
  4362. .border-gray-300 {
  4363.  
  4364.    --tw-border-opacity: 1;
  4365.  
  4366.    border-color: rgb(209 213 219 / var(--tw-border-opacity));
  4367.  
  4368. }
  4369.  
  4370. .border-gray-500 {
  4371.  
  4372.    --tw-border-opacity: 1;
  4373.  
  4374.    border-color: rgb(107 114 128 / var(--tw-border-opacity));
  4375.  
  4376. }
  4377.  
  4378. .border-gray-600 {
  4379.  
  4380.    --tw-border-opacity: 1;
  4381.  
  4382.    border-color: rgb(75 85 99 / var(--tw-border-opacity));
  4383.  
  4384. }
  4385.  
  4386. .border-gray-700 {
  4387.  
  4388.    --tw-border-opacity: 1;
  4389.  
  4390.    border-color: rgb(55 65 81 / var(--tw-border-opacity));
  4391.  
  4392. }
  4393.  
  4394. .border-indigo-500 {
  4395.  
  4396.    --tw-border-opacity: 1;
  4397.  
  4398.    border-color: rgb(99 102 241 / var(--tw-border-opacity));
  4399.  
  4400. }
  4401.  
  4402. .border-transparent {
  4403.  
  4404.    border-color: transparent;
  4405.  
  4406. }
  4407.  
  4408. .border-white\/30 {
  4409.  
  4410.    border-color: hsla(0, 0%, 100%, 0.3);
  4411.  
  4412. }
  4413.  
  4414. .\!bg-gray-300 {
  4415.  
  4416.    --tw-bg-opacity: 1 !important;
  4417.  
  4418.    background-color: rgb(209 213 219 / var(--tw-bg-opacity)) !important;
  4419.  
  4420. }
  4421.  
  4422. .bg-\[\#22a328\] {
  4423.  
  4424.    --tw-bg-opacity: 1;
  4425.  
  4426.    background-color: rgb(34 163 40 / var(--tw-bg-opacity));
  4427.  
  4428. }
  4429.  
  4430. .bg-\[\#2abe31\] {
  4431.  
  4432.    --tw-bg-opacity: 1;
  4433.  
  4434.    background-color: rgb(42 190 49 / var(--tw-bg-opacity));
  4435.  
  4436. }
  4437.  
  4438. .bg-\[\#5067e4\] {
  4439.  
  4440.    --tw-bg-opacity: 1;
  4441.  
  4442.    background-color: rgb(80 103 228 / var(--tw-bg-opacity));
  4443.  
  4444. }
  4445.  
  4446. .bg-\[\#e44a4a\] {
  4447.  
  4448.    --tw-bg-opacity: 1;
  4449.  
  4450.    background-color: rgb(228 74 74 / var(--tw-bg-opacity));
  4451.  
  4452. }
  4453.  
  4454. .bg-\[\#e7fea2\] {
  4455.  
  4456.    --tw-bg-opacity: 1;
  4457.  
  4458.    background-color: rgb(231 254 162 / var(--tw-bg-opacity));
  4459.  
  4460. }
  4461.  
  4462. .bg-\[\#ffc5c5\] {
  4463.  
  4464.    --tw-bg-opacity: 1;
  4465.  
  4466.    background-color: rgb(255 197 197 / var(--tw-bg-opacity));
  4467.  
  4468. }
  4469.  
  4470. .bg-\[\#fff2c5\] {
  4471.  
  4472.    --tw-bg-opacity: 1;
  4473.  
  4474.    background-color: rgb(255 242 197 / var(--tw-bg-opacity));
  4475.  
  4476. }
  4477.  
  4478. .bg-backgroundSecondary {
  4479.  
  4480.    --tw-bg-opacity: 1;
  4481.  
  4482.    background-color: rgb(50 50 62 / var(--tw-bg-opacity));
  4483.  
  4484. }
  4485.  
  4486. .bg-black {
  4487.  
  4488.    --tw-bg-opacity: 1;
  4489.  
  4490.    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  4491.  
  4492. }
  4493.  
  4494. .bg-blue-100 {
  4495.  
  4496.    --tw-bg-opacity: 1;
  4497.  
  4498.    background-color: rgb(219 234 254 / var(--tw-bg-opacity));
  4499.  
  4500. }
  4501.  
  4502. .bg-btnPurple {
  4503.  
  4504.    --tw-bg-opacity: 1;
  4505.  
  4506.    background-color: rgb(112 127 235 / var(--tw-bg-opacity));
  4507.  
  4508. }
  4509.  
  4510. .bg-btnPurple\/70 {
  4511.  
  4512.    background-color: rgba(112, 127, 235, 0.7);
  4513.  
  4514. }
  4515.  
  4516. .bg-gray-200 {
  4517.  
  4518.    --tw-bg-opacity: 1;
  4519.  
  4520.    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  4521.  
  4522. }
  4523.  
  4524. .bg-gray-300 {
  4525.  
  4526.    --tw-bg-opacity: 1;
  4527.  
  4528.    background-color: rgb(209 213 219 / var(--tw-bg-opacity));
  4529.  
  4530. }
  4531.  
  4532. .bg-gray-600\/75 {
  4533.  
  4534.    background-color: rgba(75, 85, 99, 0.75);
  4535.  
  4536. }
  4537.  
  4538. .bg-gray-900 {
  4539.    --tw-bg-opacity: 1;
  4540. background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  4541. }
  4542.  
  4543.  
  4544.  
  4545.  
  4546.  
  4547. .bg-orange-100 {
  4548.  
  4549.    --tw-bg-opacity: 1;
  4550.  
  4551.    background-color: rgb(255 237 213 / var(--tw-bg-opacity));
  4552.  
  4553. }
  4554.  
  4555. .bg-orange-600 {
  4556.  
  4557.    --tw-bg-opacity: 1;
  4558.  
  4559.    background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  4560.  
  4561. }
  4562.  
  4563. .bg-transparent {
  4564.  
  4565.    background-color: transparent;
  4566.  
  4567. }
  4568.  
  4569. .bg-white {
  4570.  
  4571.    --tw-bg-opacity: 1;
  4572.  
  4573.    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  4574.  
  4575. }
  4576.  
  4577. .bg-white\/80 {
  4578.  
  4579.    background-color: hsla(0, 0%, 100%, 0.8);
  4580.  
  4581. }
  4582.  
  4583. .bg-opacity-0 {
  4584.  
  4585.    --tw-bg-opacity: 0;
  4586.  
  4587. }
  4588.  
  4589. .bg-opacity-100 {
  4590.  
  4591.    --tw-bg-opacity: 1;
  4592.  
  4593. }
  4594.  
  4595. .bg-opacity-40 {
  4596.  
  4597.    --tw-bg-opacity: 0.4;
  4598.  
  4599. }
  4600.  
  4601. .bg-gradient-to-r {
  4602.  
  4603.    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  4604.  
  4605. }
  4606.  
  4607. .bg-none {
  4608.  
  4609.    background-image: none;
  4610.  
  4611. }
  4612.  
  4613. .from-gray-400 {
  4614.  
  4615.    --tw-gradient-from: #9ca3af;
  4616.  
  4617.    --tw-gradient-to: rgba(156, 163, 175, 0);
  4618.  
  4619.    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  4620.  
  4621. }
  4622.  
  4623. .fill-white {
  4624.  
  4625.    fill: #fff;
  4626.  
  4627. }
  4628.  
  4629. .object-contain {
  4630.  
  4631.    -o-object-fit: contain;
  4632.  
  4633.    object-fit: contain;
  4634.  
  4635. }
  4636.  
  4637. .\!object-cover {
  4638.  
  4639.    -o-object-fit: cover !important;
  4640.  
  4641.    object-fit: cover !important;
  4642.  
  4643. }
  4644.  
  4645. .object-cover {
  4646.  
  4647.    -o-object-fit: cover;
  4648.  
  4649.    object-fit: cover;
  4650.  
  4651. }
  4652.  
  4653. .object-center {
  4654.  
  4655.    -o-object-position: center;
  4656.  
  4657.    object-position: center;
  4658.  
  4659. }
  4660.  
  4661. .object-left {
  4662.  
  4663.    -o-object-position: left;
  4664.  
  4665.    object-position: left;
  4666.  
  4667. }
  4668.  
  4669. .object-right {
  4670.  
  4671.    -o-object-position: right;
  4672.  
  4673.    object-position: right;
  4674.  
  4675. }
  4676.  
  4677. .\!p-0 {
  4678.  
  4679.    padding: 0 !important;
  4680.  
  4681. }
  4682.  
  4683. .\!p-4 {
  4684.  
  4685.    padding: 1rem !important;
  4686.  
  4687. }
  4688.  
  4689. .p-0 {
  4690.  
  4691.    padding: 0;
  4692.  
  4693. }
  4694.  
  4695. .p-1 {
  4696.  
  4697.    padding: 0.25rem;
  4698.  
  4699. }
  4700.  
  4701. .p-2 {
  4702.  
  4703.    padding: 0.5rem;
  4704.  
  4705. }
  4706.  
  4707. .p-2\.5 {
  4708.  
  4709.    padding: 0.625rem;
  4710.  
  4711. }
  4712.  
  4713. .p-3 {
  4714.  
  4715.    padding: 0.75rem;
  4716.  
  4717. }
  4718.  
  4719. .p-4 {
  4720.  
  4721.    padding: 1rem;
  4722.  
  4723. }
  4724.  
  4725. .p-5 {
  4726.  
  4727.    padding: 1.25rem;
  4728.  
  4729. }
  4730.  
  4731. .p-6 {
  4732.  
  4733.    padding: 1.5rem;
  4734.  
  4735. }
  4736.  
  4737. .p-8 {
  4738.  
  4739.    padding: 2rem;
  4740.  
  4741. }
  4742.  
  4743. .\!px-0 {
  4744.  
  4745.    padding-left: 0 !important;
  4746.  
  4747.    padding-right: 0 !important;
  4748.  
  4749. }
  4750.  
  4751. .\!px-3 {
  4752.  
  4753.    padding-left: 0.75rem !important;
  4754.  
  4755.    padding-right: 0.75rem !important;
  4756.  
  4757. }
  4758.  
  4759. .\!px-4 {
  4760.  
  4761.    padding-left: 1rem !important;
  4762.  
  4763.    padding-right: 1rem !important;
  4764.  
  4765. }
  4766.  
  4767. .\!py-1 {
  4768.  
  4769.    padding-top: 0.25rem !important;
  4770.  
  4771.    padding-bottom: 0.25rem !important;
  4772.  
  4773. }
  4774.  
  4775. .\!py-1\.5 {
  4776.  
  4777.    padding-top: 0.375rem !important;
  4778.  
  4779.    padding-bottom: 0.375rem !important;
  4780.  
  4781. }
  4782.  
  4783. .px-0 {
  4784.  
  4785.    padding-left: 0;
  4786.  
  4787.    padding-right: 0;
  4788.  
  4789. }
  4790.  
  4791. .px-1 {
  4792.  
  4793.    padding-left: 0.25rem;
  4794.  
  4795.    padding-right: 0.25rem;
  4796.  
  4797. }
  4798.  
  4799. .px-14 {
  4800.  
  4801.    padding-left: 3.5rem;
  4802.  
  4803.    padding-right: 3.5rem;
  4804.  
  4805. }
  4806.  
  4807. .px-2 {
  4808.  
  4809.    padding-left: 0.5rem;
  4810.  
  4811.    padding-right: 0.5rem;
  4812.  
  4813. }
  4814.  
  4815. .px-2\.5 {
  4816.  
  4817.    padding-left: 0.625rem;
  4818.  
  4819.    padding-right: 0.625rem;
  4820.  
  4821. }
  4822.  
  4823. .px-20 {
  4824.  
  4825.    padding-left: 5rem;
  4826.  
  4827.    padding-right: 5rem;
  4828.  
  4829. }
  4830.  
  4831. .px-3 {
  4832.  
  4833.    padding-left: 0.75rem;
  4834.  
  4835.    padding-right: 0.75rem;
  4836.  
  4837. }
  4838.  
  4839. .px-4 {
  4840.  
  4841.    padding-left: 1rem;
  4842.  
  4843.    padding-right: 1rem;
  4844.  
  4845. }
  4846.  
  4847. .px-5 {
  4848.  
  4849.    padding-left: 1.25rem;
  4850.  
  4851.    padding-right: 1.25rem;
  4852.  
  4853. }
  4854.  
  4855. .px-6 {
  4856.  
  4857.    padding-left: 1.5rem;
  4858.  
  4859.    padding-right: 1.5rem;
  4860.  
  4861. }
  4862.  
  4863. .px-\[0\.75rem\] {
  4864.  
  4865.    padding-left: 0.75rem;
  4866.  
  4867.    padding-right: 0.75rem;
  4868.  
  4869. }
  4870.  
  4871. .px-\[18px\] {
  4872.  
  4873.    padding-left: 18px;
  4874.  
  4875.    padding-right: 18px;
  4876.  
  4877. }
  4878.  
  4879. .py-0 {
  4880.  
  4881.    padding-top: 0;
  4882.  
  4883.    padding-bottom: 0;
  4884.  
  4885. }
  4886.  
  4887. .py-1 {
  4888.  
  4889.    padding-top: 0.25rem;
  4890.  
  4891.    padding-bottom: 0.25rem;
  4892.  
  4893. }
  4894.  
  4895. .py-1\.5 {
  4896.  
  4897.    padding-top: 0.375rem;
  4898.  
  4899.    padding-bottom: 0.375rem;
  4900.  
  4901. }
  4902.  
  4903. .py-10 {
  4904.  
  4905.    padding-top: 2.5rem;
  4906.  
  4907.    padding-bottom: 2.5rem;
  4908.  
  4909. }
  4910.  
  4911. .py-2 {
  4912.  
  4913.    padding-top: 0.5rem;
  4914.  
  4915.    padding-bottom: 0.5rem;
  4916.  
  4917. }
  4918.  
  4919. .py-2\.5 {
  4920.  
  4921.    padding-top: 0.625rem;
  4922.  
  4923.    padding-bottom: 0.625rem;
  4924.  
  4925. }
  4926.  
  4927. .py-24 {
  4928.  
  4929.    padding-top: 6rem;
  4930.  
  4931.    padding-bottom: 6rem;
  4932.  
  4933. }
  4934.  
  4935. .py-3 {
  4936.  
  4937.    padding-top: 0.75rem;
  4938.  
  4939.    padding-bottom: 0.75rem;
  4940.  
  4941. }
  4942.  
  4943. .py-4 {
  4944.  
  4945.    padding-top: 1rem;
  4946.  
  4947.    padding-bottom: 1rem;
  4948.  
  4949. }
  4950.  
  4951. .py-5 {
  4952.  
  4953.    padding-top: 1.25rem;
  4954.  
  4955.    padding-bottom: 1.25rem;
  4956.  
  4957. }
  4958.  
  4959. .py-6 {
  4960.  
  4961.    padding-top: 1.5rem;
  4962.  
  4963.    padding-bottom: 1.5rem;
  4964.  
  4965. }
  4966.  
  4967. .py-8 {
  4968.  
  4969.    padding-top: 2rem;
  4970.  
  4971.    padding-bottom: 2rem;
  4972.  
  4973. }
  4974.  
  4975. .py-\[0\.5rem\] {
  4976.  
  4977.    padding-top: 0.5rem;
  4978.  
  4979.    padding-bottom: 0.5rem;
  4980.  
  4981. }
  4982.  
  4983. .py-\[5\.5rem\] {
  4984.  
  4985.    padding-top: 5.5rem;
  4986.  
  4987.    padding-bottom: 5.5rem;
  4988.  
  4989. }
  4990.  
  4991. .pb-0 {
  4992.  
  4993.    padding-bottom: 0;
  4994.  
  4995. }
  4996.  
  4997. .pb-1 {
  4998.  
  4999.    padding-bottom: 0.25rem;
  5000.  
  5001. }
  5002.  
  5003. .pb-14 {
  5004.  
  5005.    padding-bottom: 3.5rem;
  5006.  
  5007. }
  5008.  
  5009. .pb-16 {
  5010.  
  5011.    padding-bottom: 4rem;
  5012.  
  5013. }
  5014.  
  5015. .pb-2 {
  5016.  
  5017.    padding-bottom: 0.5rem;
  5018.  
  5019. }
  5020.  
  5021. .pb-2\.5 {
  5022.  
  5023.    padding-bottom: 0.625rem;
  5024.  
  5025. }
  5026.  
  5027. .pb-20 {
  5028.  
  5029.    padding-bottom: 5rem;
  5030.  
  5031. }
  5032.  
  5033. .pb-24 {
  5034.  
  5035.    padding-bottom: 6rem;
  5036.  
  5037. }
  5038.  
  5039. .pb-3 {
  5040.  
  5041.    padding-bottom: 0.75rem;
  5042.  
  5043. }
  5044.  
  5045. .pb-32 {
  5046.  
  5047.    padding-bottom: 8rem;
  5048.  
  5049. }
  5050.  
  5051. .pb-4 {
  5052.  
  5053.    padding-bottom: 1rem;
  5054.  
  5055. }
  5056.  
  5057. .pb-5 {
  5058.  
  5059.    padding-bottom: 1.25rem;
  5060.  
  5061. }
  5062.  
  5063. .pb-8,
  5064.  
  5065. .pb-\[2rem\] {
  5066.  
  5067.    padding-bottom: 2rem;
  5068.  
  5069. }
  5070.  
  5071. .pb-\[3px\] {
  5072.  
  5073.    padding-bottom: 3px;
  5074.  
  5075. }
  5076.  
  5077. .pl-10 {
  5078.  
  5079.    padding-left: 2.5rem;
  5080.  
  5081. }
  5082.  
  5083. .pl-2 {
  5084.  
  5085.    padding-left: 0.5rem;
  5086.  
  5087. }
  5088.  
  5089. .pl-3 {
  5090.  
  5091.    padding-left: 0.75rem;
  5092.  
  5093. }
  5094.  
  5095. .pl-4 {
  5096.  
  5097.    padding-left: 1rem;
  5098.  
  5099. }
  5100.  
  5101. .pl-5 {
  5102.  
  5103.    padding-left: 1.25rem;
  5104.  
  5105. }
  5106.  
  5107. .pl-\[3\.2rem\] {
  5108.  
  5109.    padding-left: 3.2rem;
  5110.  
  5111. }
  5112.  
  5113. .pr-0 {
  5114.  
  5115.    padding-right: 0;
  5116.  
  5117. }
  5118.  
  5119. .pr-10 {
  5120.  
  5121.    padding-right: 2.5rem;
  5122.  
  5123. }
  5124.  
  5125. .pr-2 {
  5126.  
  5127.    padding-right: 0.5rem;
  5128.  
  5129. }
  5130.  
  5131. .pr-20 {
  5132.  
  5133.    padding-right: 5rem;
  5134.  
  5135. }
  5136.  
  5137. .pr-3 {
  5138.  
  5139.    padding-right: 0.75rem;
  5140.  
  5141. }
  5142.  
  5143. .pr-4 {
  5144.  
  5145.    padding-right: 1rem;
  5146.  
  5147. }
  5148.  
  5149. .pr-5 {
  5150.  
  5151.    padding-right: 1.25rem;
  5152.  
  5153. }
  5154.  
  5155. .pr-\[3\.2rem\] {
  5156.  
  5157.    padding-right: 3.2rem;
  5158.  
  5159. }
  5160.  
  5161. .pt-0 {
  5162.  
  5163.    padding-top: 0;
  5164.  
  5165. }
  5166.  
  5167. .pt-1 {
  5168.  
  5169.    padding-top: 0.25rem;
  5170.  
  5171. }
  5172.  
  5173. .pt-10 {
  5174.  
  5175.    padding-top: 2.5rem;
  5176.  
  5177. }
  5178.  
  5179. .pt-12 {
  5180.  
  5181.    padding-top: 3rem;
  5182.  
  5183. }
  5184.  
  5185. .pt-14 {
  5186.  
  5187.    padding-top: 3.5rem;
  5188.  
  5189. }
  5190.  
  5191. .pt-16 {
  5192.  
  5193.    padding-top: 4rem;
  5194.  
  5195. }
  5196.  
  5197. .pt-2 {
  5198.  
  5199.    padding-top: 0.5rem;
  5200.  
  5201. }
  5202.  
  5203. .pt-3 {
  5204.  
  5205.    padding-top: 0.75rem;
  5206.  
  5207. }
  5208.  
  5209. .pt-4 {
  5210.  
  5211.    padding-top: 1rem;
  5212.  
  5213. }
  5214.  
  5215. .pt-5 {
  5216.  
  5217.    padding-top: 1.25rem;
  5218.  
  5219. }
  5220.  
  5221. .pt-6 {
  5222.  
  5223.    padding-top: 1.5rem;
  5224.  
  5225. }
  5226.  
  5227. .pt-8 {
  5228.  
  5229.    padding-top: 2rem;
  5230.  
  5231. }
  5232.  
  5233. .text-left {
  5234.  
  5235.    text-align: left;
  5236.  
  5237. }
  5238.  
  5239. .text-center {
  5240.  
  5241.    text-align: center;
  5242.  
  5243. }
  5244.  
  5245. .text-right {
  5246.  
  5247.    text-align: right;
  5248.  
  5249. }
  5250.  
  5251. .text-justify {
  5252.  
  5253.    text-align: justify;
  5254.  
  5255. }
  5256.  
  5257. .text-start {
  5258.  
  5259.    text-align: start;
  5260.  
  5261. }
  5262.  
  5263. .text-2xl {
  5264.  
  5265.    font-size: 1.5rem;
  5266.  
  5267.    line-height: 2rem;
  5268.  
  5269. }
  5270.  
  5271. .text-4xl {
  5272.  
  5273.    font-size: 2.25rem;
  5274.  
  5275.    line-height: 2.5rem;
  5276.  
  5277. }
  5278.  
  5279. .text-\[0\.92rem\] {
  5280.  
  5281.    font-size: 0.92rem;
  5282.  
  5283. }
  5284.  
  5285. .text-\[8px\] {
  5286.  
  5287.    font-size: 8px;
  5288.  
  5289. }
  5290.  
  5291. .text-\[10px\] {
  5292.  
  5293.    font-size: 10px;
  5294.  
  5295. }
  5296.  
  5297. .text-\[12px\] {
  5298.  
  5299.    font-size: 12px;
  5300.  
  5301. }
  5302.  
  5303. .text-\[13px\] {
  5304.  
  5305.    font-size: 13px;
  5306.  
  5307. }
  5308.  
  5309. .text-\[14px\] {
  5310.  
  5311.    font-size: 14px;
  5312.  
  5313. }
  5314.  
  5315. .text-\[15px\] {
  5316.  
  5317.    font-size: 15px;
  5318.  
  5319. }
  5320.  
  5321. .text-\[18px\] {
  5322.  
  5323.    font-size: 18px;
  5324.  
  5325. }
  5326.  
  5327. .text-\[20px\] {
  5328.  
  5329.    font-size: 20px;
  5330.  
  5331. }
  5332.  
  5333. .text-\[24px\] {
  5334.  
  5335.    font-size: 24px;
  5336.  
  5337. }
  5338.  
  5339. .text-\[40px\] {
  5340.  
  5341.    font-size: 40px;
  5342.  
  5343. }
  5344.  
  5345. .text-base {
  5346.  
  5347.    font-size: 1rem;
  5348.  
  5349.    line-height: 1.5rem;
  5350.  
  5351. }
  5352.  
  5353. .text-lg {
  5354.  
  5355.    font-size: 1.125rem;
  5356.  
  5357.    line-height: 1.75rem;
  5358.  
  5359. }
  5360.  
  5361. .text-sm {
  5362.  
  5363.    font-size: 0.875rem;
  5364.    line-height: 1.25rem;
  5365.  
  5366. }
  5367.  
  5368. .text-xl {
  5369.  
  5370.    font-size: 1.25rem;
  5371.  
  5372.    line-height: 1.75rem;
  5373.  
  5374. }
  5375.  
  5376. .text-xs {
  5377.  
  5378.    font-size: 0.75rem;
  5379.  
  5380.    line-height: 1rem;
  5381.  
  5382. }
  5383.  
  5384. .font-bold {
  5385.  
  5386.    font-weight: 700;
  5387.  
  5388. }
  5389.  
  5390. .font-extrabold {
  5391.  
  5392.    font-weight: 800;
  5393.  
  5394. }
  5395.  
  5396. .font-light {
  5397.  
  5398.    font-weight: 300;
  5399.  
  5400. }
  5401.  
  5402. .font-medium {
  5403.  
  5404.    font-weight: 500;
  5405.  
  5406. }
  5407.  
  5408. .font-normal {
  5409.  
  5410.    font-weight: 400;
  5411.  
  5412. }
  5413.  
  5414. .font-semibold {
  5415.  
  5416.    font-weight: 600;
  5417.  
  5418. }
  5419.  
  5420. .uppercase {
  5421.  
  5422.    text-transform: uppercase;
  5423.  
  5424. }
  5425.  
  5426. .capitalize {
  5427.  
  5428.    text-transform: capitalize;
  5429.  
  5430. }
  5431.  
  5432. .italic {
  5433.  
  5434.    font-style: italic;
  5435.  
  5436. }
  5437.  
  5438. .leading-4 {
  5439.  
  5440.    line-height: 1rem;
  5441.  
  5442. }
  5443.  
  5444. .leading-5 {
  5445.  
  5446.    line-height: 1.25rem;
  5447.  
  5448. }
  5449.  
  5450. .leading-6 {
  5451.  
  5452.    line-height: 1.5rem;
  5453.  
  5454. }
  5455.  
  5456. .leading-7 {
  5457.  
  5458.    line-height: 1.75rem;
  5459.  
  5460. }
  5461.  
  5462. .leading-\[150\%\] {
  5463.  
  5464.    line-height: 150%;
  5465.  
  5466. }
  5467.  
  5468. .leading-\[20px\] {
  5469.  
  5470.    line-height: 20px;
  5471.  
  5472. }
  5473.  
  5474. .leading-\[26px\] {
  5475.  
  5476.    line-height: 26px;
  5477.  
  5478. }
  5479.  
  5480. .leading-\[30\.8px\] {
  5481.  
  5482.    line-height: 30.8px;
  5483.  
  5484. }
  5485.  
  5486. .leading-\[66\.8px\] {
  5487.  
  5488.    line-height: 66.8px;
  5489.  
  5490. }
  5491.  
  5492. .leading-normal {
  5493.  
  5494.    line-height: 1.5;
  5495.  
  5496. }
  5497.  
  5498. .tracking-\[0\.1em\] {
  5499.  
  5500.    letter-spacing: 0.1em;
  5501.  
  5502. }
  5503.  
  5504. .tracking-\[0\.2em\] {
  5505.  
  5506.    letter-spacing: 0.2em;
  5507.  
  5508. }
  5509.  
  5510. .tracking-\[0\.3px\] {
  5511.  
  5512.    letter-spacing: 0.3px;
  5513.  
  5514. }
  5515.  
  5516. .tracking-tight {
  5517.  
  5518.    letter-spacing: -0.025em;
  5519.  
  5520. }
  5521.  
  5522. .text-\[\#E3FDE4\] {
  5523.  
  5524.    --tw-text-opacity: 1;
  5525.  
  5526.    color: rgb(227 253 228 / var(--tw-text-opacity));
  5527.  
  5528. }
  5529.  
  5530. .text-black {
  5531.  
  5532.    --tw-text-opacity: 1;
  5533.  
  5534.    color: rgb(0 0 0 / var(--tw-text-opacity));
  5535.  
  5536. }
  5537.  
  5538. .text-blue-700 {
  5539.  
  5540.    --tw-text-opacity: 1;
  5541.  
  5542.    color: rgb(29 78 216 / var(--tw-text-opacity));
  5543.  
  5544. }
  5545.  
  5546. .text-btnPurple {
  5547.  
  5548.    --tw-text-opacity: 1;
  5549.  
  5550.    color: rgb(112 127 235 / var(--tw-text-opacity));
  5551.  
  5552. }
  5553.  
  5554. .text-gray-200 {
  5555.  
  5556.    --tw-text-opacity: 1;
  5557.  
  5558.    color: rgb(229 231 235 / var(--tw-text-opacity));
  5559.  
  5560. }
  5561.  
  5562. .text-gray-300 {
  5563.  
  5564.    --tw-text-opacity: 1;
  5565.  
  5566.    color: rgb(209 213 219 / var(--tw-text-opacity));
  5567.  
  5568. }
  5569.  
  5570. .text-gray-400 {
  5571.  
  5572.    --tw-text-opacity: 1;
  5573.  
  5574.    color: rgb(156 163 175 / var(--tw-text-opacity));
  5575.  
  5576. }
  5577.  
  5578. .text-gray-500 {
  5579.  
  5580.    --tw-text-opacity: 1;
  5581.  
  5582.    color: rgb(107 114 128 / var(--tw-text-opacity));
  5583.  
  5584. }
  5585.  
  5586. .text-gray-600 {
  5587.  
  5588.    --tw-text-opacity: 1;
  5589.  
  5590.    color: rgb(75 85 99 / var(--tw-text-opacity));
  5591.  
  5592. }
  5593.  
  5594. .text-gray-900 {
  5595.  
  5596.    --tw-text-opacity: 1;
  5597.  
  5598.    color: rgb(17 24 39 / var(--tw-text-opacity));
  5599.  
  5600. }
  5601.  
  5602. .text-green-500 {
  5603.  
  5604.    --tw-text-opacity: 1;
  5605.  
  5606.    color: rgb(34 197 94 / var(--tw-text-opacity));
  5607.  
  5608. }
  5609.  
  5610. .text-green-600 {
  5611.  
  5612.    --tw-text-opacity: 1;
  5613.  
  5614.    color: rgb(22 163 74 / var(--tw-text-opacity));
  5615.  
  5616. }
  5617.  
  5618. .text-indigo-600 {
  5619.  
  5620.    --tw-text-opacity: 1;
  5621.  
  5622.    color: rgb(79 70 229 / var(--tw-text-opacity));
  5623.  
  5624. }
  5625.  
  5626. .text-info {
  5627.  
  5628.    --tw-text-opacity: 1;
  5629.  
  5630.    color: rgb(34 211 238 / var(--tw-text-opacity));
  5631.  
  5632. }
  5633.  
  5634. .text-orange-700 {
  5635.  
  5636.    --tw-text-opacity: 1;
  5637.  
  5638.    color: rgb(194 65 12 / var(--tw-text-opacity));
  5639.  
  5640. }
  5641.  
  5642. .text-red-400 {
  5643.  
  5644.    --tw-text-opacity: 1;
  5645.  
  5646.    color: rgb(248 113 113 / var(--tw-text-opacity));
  5647.  
  5648. }
  5649.  
  5650. .text-red-600 {
  5651.  
  5652.    --tw-text-opacity: 1;
  5653.  
  5654.    color: rgb(220 38 38 / var(--tw-text-opacity));
  5655.  
  5656. }
  5657.  
  5658. .text-red-700 {
  5659.  
  5660.    --tw-text-opacity: 1;
  5661.  
  5662.    color: rgb(185 28 28 / var(--tw-text-opacity));
  5663.  
  5664. }
  5665.  
  5666. .text-slate-900 {
  5667.  
  5668.    --tw-text-opacity: 1;
  5669.  
  5670.    color: rgb(15 23 42 / var(--tw-text-opacity));
  5671.  
  5672. }
  5673.  
  5674. .text-white {
  5675.  
  5676.    --tw-text-opacity: 1;
  5677.  
  5678.    color: rgb(255 255 255 / var(--tw-text-opacity));
  5679.  
  5680. }
  5681.  
  5682. .text-white\/70 {
  5683.  
  5684.    color: hsla(0, 0%, 100%, 0.7);
  5685.  
  5686. }
  5687.  
  5688. .text-white\/75 {
  5689.  
  5690.    color: hsla(0, 0%, 100%, 0.75);
  5691.  
  5692. }
  5693.  
  5694. .underline {
  5695.  
  5696.    text-decoration-line: underline;
  5697.  
  5698. }
  5699.  
  5700. .no-underline {
  5701.  
  5702.    text-decoration-line: none;
  5703.  
  5704. }
  5705.  
  5706. .opacity-0 {
  5707.  
  5708.    opacity: 0;
  5709.  
  5710. }
  5711.  
  5712. .opacity-100 {
  5713.  
  5714.    opacity: 1;
  5715.  
  5716. }
  5717.  
  5718. .opacity-25 {
  5719.  
  5720.    opacity: 0.25;
  5721.  
  5722. }
  5723.  
  5724. .opacity-75 {
  5725.  
  5726.    opacity: 0.75;
  5727.  
  5728. }
  5729.  
  5730. .mix-blend-multiply {
  5731.  
  5732.    mix-blend-mode: multiply;
  5733.  
  5734. }
  5735.  
  5736. .shadow-2xl {
  5737.  
  5738.    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  5739.  
  5740.    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  5741.  
  5742. }
  5743.  
  5744. .shadow-2xl,
  5745.  
  5746. .shadow-lg {
  5747.  
  5748.    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  5749.  
  5750. }
  5751.  
  5752. .shadow-lg {
  5753.  
  5754.    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  5755.  
  5756.    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  5757.  
  5758. }
  5759.  
  5760. .shadow-sm {
  5761.  
  5762.    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  5763.  
  5764.    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  5765.  
  5766. }
  5767.  
  5768. .shadow-sm,
  5769.  
  5770. .shadow-xl {
  5771.  
  5772.    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  5773.  
  5774. }
  5775.  
  5776. .shadow-xl {
  5777.  
  5778.    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  5779.  
  5780.    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  5781.  
  5782. }
  5783.  
  5784. .shadow-white\/20 {
  5785.  
  5786.    --tw-shadow-color: hsla(0, 0%, 100%, 0.2);
  5787.  
  5788.    --tw-shadow: var(--tw-shadow-colored);
  5789.  
  5790. }
  5791.  
  5792. .ring-1 {
  5793.  
  5794.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  5795.  
  5796.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  5797.  
  5798.    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  5799.  
  5800. }
  5801.  
  5802. .ring-black {
  5803.  
  5804.    --tw-ring-opacity: 1;
  5805.  
  5806.    --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
  5807.  
  5808. }
  5809.  
  5810. .ring-gray-500 {
  5811.  
  5812.    --tw-ring-opacity: 1;
  5813.  
  5814.    --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
  5815.  
  5816. }
  5817.  
  5818. .ring-slate-200 {
  5819.  
  5820.    --tw-ring-opacity: 1;
  5821.  
  5822.    --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity));
  5823.  
  5824. }
  5825.  
  5826. .ring-white {
  5827.  
  5828.    --tw-ring-opacity: 1;
  5829.  
  5830.    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
  5831.  
  5832. }
  5833.  
  5834. .ring-opacity-5 {
  5835.  
  5836.    --tw-ring-opacity: 0.05;
  5837.  
  5838. }
  5839.  
  5840. .blur {
  5841.  
  5842.    --tw-blur: blur(8px);
  5843.  
  5844. }
  5845.  
  5846. .blur,
  5847.  
  5848. .grayscale {
  5849.  
  5850.    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);
  5851.  
  5852. }
  5853.  
  5854. .grayscale {
  5855.  
  5856.    --tw-grayscale: grayscale(100%);
  5857.  
  5858. }
  5859.  
  5860. .invert {
  5861.  
  5862.    --tw-invert: invert(100%);
  5863.  
  5864. }
  5865.  
  5866. .filter,
  5867.  
  5868. .invert {
  5869.  
  5870.    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);
  5871.  
  5872. }
  5873.  
  5874. .backdrop-blur-sm {
  5875.  
  5876.    --tw-backdrop-blur: blur(4px);
  5877.  
  5878. }
  5879.  
  5880. .backdrop-blur-sm,
  5881.  
  5882. .backdrop-blur-xl {
  5883.  
  5884.    -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)
  5885.  
  5886.        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  5887.  
  5888.    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)
  5889.  
  5890.        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  5891.  
  5892. }
  5893.  
  5894. .backdrop-blur-xl {
  5895.  
  5896.    --tw-backdrop-blur: blur(24px);
  5897.  
  5898. }
  5899.  
  5900. .backdrop-filter {
  5901.  
  5902.    -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)
  5903.  
  5904.        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  5905.  
  5906.    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)
  5907.  
  5908.        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  5909.  
  5910. }
  5911.  
  5912. .transition {
  5913.  
  5914.    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  5915.  
  5916.    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  5917.  
  5918.    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  5919.  
  5920.    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  5921.  
  5922.    transition-duration: 0.15s;
  5923.  
  5924. }
  5925.  
  5926. .transition-all {
  5927.  
  5928.    transition-property: all;
  5929.  
  5930.    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  5931.  
  5932.    transition-duration: 0.15s;
  5933.  
  5934. }
  5935.  
  5936. .transition-colors {
  5937.  
  5938.    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
  5939.  
  5940.    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  5941.  
  5942.    transition-duration: 0.15s;
  5943.  
  5944. }
  5945.  
  5946. .transition-opacity {
  5947.  
  5948.    transition-property: opacity;
  5949.  
  5950.    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  5951.  
  5952.    transition-duration: 0.15s;
  5953.  
  5954. }
  5955.  
  5956. .duration-100 {
  5957.  
  5958.    transition-duration: 0.1s;
  5959.  
  5960. }
  5961.  
  5962. .duration-1000 {
  5963.  
  5964.    transition-duration: 1s;
  5965.  
  5966. }
  5967.  
  5968. .duration-150 {
  5969.  
  5970.    transition-duration: 0.15s;
  5971.  
  5972. }
  5973.  
  5974. .duration-200 {
  5975.  
  5976.    transition-duration: 0.2s;
  5977.  
  5978. }
  5979.  
  5980. .duration-300 {
  5981.  
  5982.    transition-duration: 0.3s;
  5983.  
  5984. }
  5985.  
  5986. .duration-500 {
  5987.  
  5988.    transition-duration: 0.5s;
  5989.  
  5990. }
  5991.  
  5992. .duration-75 {
  5993.  
  5994.    transition-duration: 75ms;
  5995.  
  5996. }
  5997.  
  5998. .duration-\[600ms\] {
  5999.  
  6000.    transition-duration: 0.6s;
  6001.  
  6002. }
  6003.  
  6004. .ease-in {
  6005.  
  6006.    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  6007.  
  6008. }
  6009.  
  6010. .ease-in-out {
  6011.  
  6012.    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  6013.  
  6014. }
  6015.  
  6016. .ease-out {
  6017.  
  6018.    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  6019.  
  6020. }
  6021.  
  6022. .line-clamp-1 {
  6023.  
  6024.    -webkit-line-clamp: 1;
  6025.  
  6026. }
  6027.  
  6028. .line-clamp-1,
  6029.  
  6030. .line-clamp-2 {
  6031.  
  6032.    overflow: hidden;
  6033.  
  6034.    display: -webkit-box;
  6035.  
  6036.    -webkit-box-orient: vertical;
  6037.  
  6038. }
  6039.  
  6040. .line-clamp-2 {
  6041.  
  6042.    -webkit-line-clamp: 2;
  6043.  
  6044. }
  6045.  
  6046. .scrollbar-hide {
  6047.  
  6048.    -ms-overflow-style: none;
  6049.  
  6050.    scrollbar-width: none;
  6051.  
  6052. }
  6053.  
  6054. .scrollbar-hide::-webkit-scrollbar {
  6055.  
  6056.    display: none;
  6057.  
  6058. }
  6059.  
  6060. input[type="number"]::-webkit-inner-spin-button,
  6061.  
  6062. input[type="number"]::-webkit-outer-spin-button {
  6063.  
  6064.    -webkit-appearance: none;
  6065.  
  6066.    appearance: none;
  6067.  
  6068. }
  6069.  
  6070. .bg-gradient-black {
  6071.  
  6072.    background: linear-gradient(163.42deg, #374353c3 -107%, #ffffff00 105.46%);
  6073.  
  6074.    border: 1px solid #626274;
  6075.  
  6076.    border-radius: 16px;
  6077.  
  6078. }
  6079.  
  6080.  
  6081.  
  6082.  
  6083.  
  6084. html {
  6085.  
  6086.    -moz-tab-size: 4;
  6087.  
  6088.    -o-tab-size: 4;
  6089.  
  6090.    tab-size: 4;
  6091.  
  6092. }
  6093.  
  6094. body {
  6095.  
  6096.    margin: 0;
  6097.  
  6098.    line-height: inherit;
  6099.  
  6100. }
  6101.  
  6102. .membership-banner {
  6103.  
  6104.    content: "";
  6105.  
  6106.    position: relative;
  6107.  
  6108.    background: url(/images/logo-transparent.png) 100% 60% no-repeat;
  6109.  
  6110.    background-size: 60%, 70%;
  6111.  
  6112.    overflow: hidden;
  6113.  
  6114. }
  6115.  
  6116. .text-gradient-orange {
  6117.  
  6118.    background: linear-gradient(270deg, #e7273d -1.95%, #df5f3b 97.95%);
  6119.  
  6120.    -webkit-background-clip: text;
  6121.  
  6122.    -webkit-text-fill-color: transparent;
  6123.  
  6124.    background-clip: text;
  6125.  
  6126. }
  6127.  
  6128.  
  6129.  
  6130. .featured-game-card:hover {
  6131.  
  6132.    transition: all 1s;
  6133.  
  6134. }
  6135.  
  6136. .featured-game-card:hover img {
  6137.  
  6138.    filter: blur(40px);
  6139.  
  6140.    
  6141.  
  6142. }
  6143.  
  6144. .featured-game-card .blur-sharp {
  6145.  
  6146.    overflow: hidden;
  6147.  
  6148.    border-radius: 0rem;
  6149.  
  6150. }
  6151.  
  6152.  
  6153.  
  6154.  
  6155.  
  6156.  
  6157.  
  6158. .cover {
  6159.  
  6160.    transition: all 1s;
  6161.  
  6162.    opacity: 0;
  6163.  
  6164.    left: 0;
  6165.  
  6166.    right: 0;
  6167.  
  6168.    border-radius: 1rem;
  6169.  
  6170. }
  6171.  
  6172. .featured-game-card:hover .cover {
  6173.  
  6174.    transition: all 1s;
  6175.  
  6176.    opacity: 0;
  6177.  
  6178.    border-radius: 1rem;
  6179.  
  6180. }
  6181.  
  6182. .icon-button {
  6183.  
  6184.    position: relative;
  6185.  
  6186.    display: inline-flex;
  6187.  
  6188.    border: 0;
  6189.  
  6190.    padding: 0;
  6191.  
  6192.    margin: 0;
  6193.  
  6194.    outline: none;
  6195.  
  6196.    background: #fff;
  6197.  
  6198.    border-radius: 50%;
  6199.  
  6200.    cursor: pointer;
  6201.  
  6202.    overflow: hidden;
  6203.  
  6204.    text-decoration: none;
  6205.  
  6206.    box-sizing: border-box;
  6207.  
  6208.    flex-shrink: 0;
  6209.  
  6210. }
  6211.  
  6212. .flex-center,
  6213.  
  6214. .icon-button {
  6215.  
  6216.    align-items: center;
  6217.  
  6218.    justify-content: center;
  6219.  
  6220. }
  6221.  
  6222. .flex-center {
  6223.  
  6224.    display: flex;
  6225.  
  6226. }
  6227.  
  6228. .grecaptcha-badge {
  6229.  
  6230.    visibility: hidden;
  6231.  
  6232. }
  6233.  
  6234. ::-webkit-scrollbar {
  6235.  
  6236.    width: 8px;
  6237.  
  6238.    height: 2px;
  6239.  
  6240.    background-color: transparent;
  6241.  
  6242. }
  6243.  
  6244. ::-webkit-scrollbar-track {
  6245.  
  6246.    display: none;
  6247.  
  6248. }
  6249.  
  6250. ::-webkit-scrollbar-thumb {
  6251.  
  6252.    background-color: #c4c4c4;
  6253.  
  6254.    border-radius: 0.75rem;
  6255.  
  6256. }
  6257.  
  6258. @keyframes fadeInTop {
  6259.  
  6260.    0% {
  6261.  
  6262.        opacity: 0;
  6263.  
  6264.        transform: translateY(-50px);
  6265.  
  6266.    }
  6267.  
  6268.    to {
  6269.  
  6270.        opacity: 1;
  6271.  
  6272.        transform: translateY(0);
  6273.  
  6274.    }
  6275.  
  6276. }
  6277.  
  6278. .shadow-navbar {
  6279.  
  6280.    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),
  6281.  
  6282.        0 2.76726px 2.21381px hsla(0, 0%, 89%, 0.02);
  6283.  
  6284. }
  6285.  
  6286. .fade-in-top {
  6287.  
  6288.    animation: fadeInTop 0.4s ease-in-out both;
  6289.  
  6290. }
  6291.  
  6292. #home-cover {
  6293.  
  6294.    position: relative;
  6295.  
  6296.    overflow: hidden;
  6297.  
  6298. }
  6299.  
  6300. #home-cover > .banner-hero {
  6301.  
  6302.    max-width: 1200px;
  6303.  
  6304.    margin: 0 auto;
  6305.  
  6306.    padding: 2em 1em;
  6307.  
  6308.    flex: auto;
  6309.  
  6310.    box-sizing: border-box;
  6311.  
  6312. }
  6313.  
  6314.  
  6315.  
  6316. .shadow-social-media {
  6317.  
  6318.    box-shadow: 0 0 20px hsla(0, 0%, 45%, 0.22);
  6319.  
  6320. }
  6321.  
  6322. select {
  6323.  
  6324.    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");
  6325.  
  6326.    background-position: right 0.5rem center;
  6327.  
  6328.    background-repeat: no-repeat;
  6329.  
  6330.    background-size: 1.5em 1.5em;
  6331.  
  6332.    padding-right: 2.5rem;
  6333.  
  6334.    -webkit-print-color-adjust: exact;
  6335.  
  6336.    print-color-adjust: exact;
  6337.  
  6338. }
  6339.  
  6340. .placeholder\:text-slate-400::-moz-placeholder {
  6341.  
  6342.    --tw-text-opacity: 1;
  6343.  
  6344.    color: rgb(148 163 184 / var(--tw-text-opacity));
  6345.  
  6346. }
  6347.  
  6348. .placeholder\:text-slate-400::placeholder {
  6349.  
  6350.    --tw-text-opacity: 1;
  6351.  
  6352.    color: rgb(148 163 184 / var(--tw-text-opacity));
  6353.  
  6354. }
  6355.  
  6356. .focus-within\:z-10:focus-within {
  6357.  
  6358.    z-index: 10;
  6359.  
  6360. }
  6361.  
  6362. .focus-within\:text-slate-900:focus-within {
  6363.  
  6364.    --tw-text-opacity: 1;
  6365.  
  6366.    color: rgb(15 23 42 / var(--tw-text-opacity));
  6367.  
  6368. }
  6369.  
  6370. .focus-within\:text-white:focus-within {
  6371.  
  6372.    --tw-text-opacity: 1;
  6373.  
  6374.    color: rgb(255 255 255 / var(--tw-text-opacity));
  6375.  
  6376. }
  6377.  
  6378. .hover\:scale-105:hover {
  6379.  
  6380.    --tw-scale-x: 1.05;
  6381.  
  6382.    --tw-scale-y: 1.05;
  6383.  
  6384. }
  6385.  
  6386. .hover\:scale-105:hover,
  6387.  
  6388. .hover\:scale-110:hover {
  6389.  
  6390.    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));
  6391.  
  6392. }
  6393.  
  6394. .hover\:scale-110:hover {
  6395.  
  6396.    --tw-scale-x: 1.1;
  6397.  
  6398.    --tw-scale-y: 1.1;
  6399.  
  6400. }
  6401.  
  6402. .hover\:cursor-not-allowed:hover {
  6403.  
  6404.    cursor: not-allowed;
  6405.  
  6406. }
  6407.  
  6408. .hover\:cursor-pointer:hover {
  6409.  
  6410.    cursor: pointer;
  6411.  
  6412. }
  6413.  
  6414. .hover\:border-white:hover {
  6415.  
  6416.    --tw-border-opacity: 1;
  6417.  
  6418.    border-color: rgb(255 255 255 / var(--tw-border-opacity));
  6419.  
  6420. }
  6421.  
  6422. .hover\:bg-btnPurple:hover {
  6423.  
  6424.    --tw-bg-opacity: 1;
  6425.  
  6426.    background-color: rgb(112 127 235 / var(--tw-bg-opacity));
  6427.  
  6428. }
  6429.  
  6430. .hover\:bg-btnPurple\/30:hover {
  6431.  
  6432.    background-color: rgba(112, 127, 235, 0.3);
  6433.  
  6434. }
  6435.  
  6436. .hover\:bg-gray-50:hover {
  6437.  
  6438.    --tw-bg-opacity: 1;
  6439.  
  6440.    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  6441.  
  6442. }
  6443.  
  6444. .hover\:bg-orange-500:hover {
  6445.  
  6446.    --tw-bg-opacity: 1;
  6447.  
  6448.    background-color: rgb(249 115 22 / var(--tw-bg-opacity));
  6449.  
  6450. }
  6451.  
  6452. .hover\:bg-slate-50\/5:hover {
  6453.  
  6454.    background-color: rgba(248, 250, 252, 0.05);
  6455.  
  6456. }
  6457.  
  6458. .hover\:bg-opacity-30:hover {
  6459.  
  6460.    --tw-bg-opacity: 0.3;
  6461.  
  6462. }
  6463.  
  6464. .hover\:text-white:hover {
  6465.  
  6466.    --tw-text-opacity: 1;
  6467.  
  6468.    color: rgb(255 255 255 / var(--tw-text-opacity));
  6469.  
  6470. }
  6471.  
  6472. .hover\:underline:hover {
  6473.  
  6474.    text-decoration-line: underline;
  6475.  
  6476. }
  6477.  
  6478. .hover\:opacity-80:hover {
  6479.  
  6480.    opacity: 0.8;
  6481.  
  6482. }
  6483.  
  6484. .hover\:shadow-lg:hover {
  6485.  
  6486.    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  6487.  
  6488.    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  6489.  
  6490. }
  6491.  
  6492. .hover\:shadow-lg:hover,
  6493.  
  6494. .hover\:shadow-sm:hover {
  6495.  
  6496.    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  6497.  
  6498. }
  6499.  
  6500. .hover\:shadow-sm:hover {
  6501.  
  6502.    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  6503.  
  6504.    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  6505.  
  6506. }
  6507.  
  6508. .focus\:z-20:focus {
  6509.  
  6510.    z-index: 20;
  6511.  
  6512. }
  6513.  
  6514. .focus\:border-none:focus {
  6515.  
  6516.    border-style: none;
  6517.  
  6518. }
  6519.  
  6520. .focus\:border-\[\#2D2EAD\]:focus {
  6521.  
  6522.    --tw-border-opacity: 1;
  6523.  
  6524.    border-color: rgb(45 46 173 / var(--tw-border-opacity));
  6525.  
  6526. }
  6527.  
  6528. .focus\:border-\[\#707feb\]:focus {
  6529.  
  6530.    --tw-border-opacity: 1;
  6531.  
  6532.    border-color: rgb(112 127 235 / var(--tw-border-opacity));
  6533.  
  6534. }
  6535.  
  6536. .focus\:border-indigo-700:focus {
  6537.  
  6538.    --tw-border-opacity: 1;
  6539.  
  6540.    border-color: rgb(67 56 202 / var(--tw-border-opacity));
  6541.  
  6542. }
  6543.  
  6544. .focus\:outline-none:focus {
  6545.  
  6546.    outline: 2px solid transparent;
  6547.  
  6548.    outline-offset: 2px;
  6549.  
  6550. }
  6551.  
  6552. .focus\:ring:focus {
  6553.  
  6554.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  6555.  
  6556.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  6557.  
  6558. }
  6559.  
  6560. .focus\:ring-2:focus,
  6561.  
  6562. .focus\:ring:focus {
  6563.  
  6564.    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  6565.  
  6566. }
  6567.  
  6568. .focus\:ring-2:focus {
  6569.  
  6570.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  6571.  
  6572.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  6573.  
  6574. }
  6575.  
  6576. .focus\:ring-\[\#2D2EAD\]:focus {
  6577.  
  6578.    --tw-ring-opacity: 1;
  6579.  
  6580.    --tw-ring-color: rgb(45 46 173 / var(--tw-ring-opacity));
  6581.  
  6582. }
  6583.  
  6584. .focus\:ring-indigo-500:focus {
  6585.  
  6586.    --tw-ring-opacity: 1;
  6587.  
  6588.    --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
  6589.  
  6590. }
  6591.  
  6592. .focus\:ring-white:focus {
  6593.  
  6594.    --tw-ring-opacity: 1;
  6595.  
  6596.    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
  6597.  
  6598. }
  6599.  
  6600. .focus\:ring-offset-2:focus {
  6601.  
  6602.    --tw-ring-offset-width: 2px;
  6603.  
  6604. }
  6605.  
  6606. .focus\:duration-300:focus {
  6607.  
  6608.    transition-duration: 0.3s;
  6609.  
  6610. }
  6611.  
  6612. .focus-visible\:ring-2:focus-visible {
  6613.  
  6614.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  6615.  
  6616.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  6617.  
  6618.    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  6619.  
  6620. }
  6621.  
  6622. .focus-visible\:ring-white:focus-visible {
  6623.  
  6624.    --tw-ring-opacity: 1;
  6625.  
  6626.    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
  6627.  
  6628. }
  6629.  
  6630. .focus-visible\:ring-opacity-75:focus-visible {
  6631.  
  6632.    --tw-ring-opacity: 0.75;
  6633.  
  6634. }
  6635.  
  6636. .disabled\:cursor-not-allowed:disabled {
  6637.  
  6638.    cursor: not-allowed;
  6639.  
  6640. }
  6641.  
  6642. .group:hover .group-hover\:text-btnPurple {
  6643.  
  6644.    --tw-text-opacity: 1;
  6645.  
  6646.    color: rgb(112 127 235 / var(--tw-text-opacity));
  6647.  
  6648. }
  6649.  
  6650. .group:hover .group-hover\:text-btnPurple\/50 {
  6651.  
  6652.    color: rgba(112, 127, 235, 0.5);
  6653.  
  6654. }
  6655.  
  6656. .group:hover .group-hover\:text-gray-500 {
  6657.  
  6658.    --tw-text-opacity: 1;
  6659.  
  6660.    color: rgb(107 114 128 / var(--tw-text-opacity));
  6661.  
  6662. }
  6663.  
  6664. .peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:translate-y-0 {
  6665.  
  6666.    --tw-translate-y: 0px;
  6667.  
  6668.    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));
  6669.  
  6670. }
  6671.  
  6672. .peer:placeholder-shown ~ .peer-placeholder-shown\:translate-y-0 {
  6673.  
  6674.    --tw-translate-y: 0px;
  6675.  
  6676.    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));
  6677.  
  6678. }
  6679.  
  6680. .peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:scale-100 {
  6681.  
  6682.    --tw-scale-x: 1;
  6683.  
  6684.    --tw-scale-y: 1;
  6685.  
  6686.    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));
  6687.  
  6688. }
  6689.  
  6690. .peer:placeholder-shown ~ .peer-placeholder-shown\:scale-100 {
  6691.  
  6692.    --tw-scale-x: 1;
  6693.  
  6694.    --tw-scale-y: 1;
  6695.  
  6696.    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));
  6697.  
  6698. }
  6699.  
  6700. .peer:focus ~ .peer-focus\:-translate-y-3 {
  6701.  
  6702.    --tw-translate-y: -0.75rem;
  6703.  
  6704. }
  6705.  
  6706. .peer:focus ~ .peer-focus\:-translate-y-3,
  6707.  
  6708. .peer:focus ~ .peer-focus\:scale-75 {
  6709.  
  6710.    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));
  6711.  
  6712. }
  6713.  
  6714. .peer:focus ~ .peer-focus\:scale-75 {
  6715.  
  6716.    --tw-scale-x: 0.75;
  6717.  
  6718.    --tw-scale-y: 0.75;
  6719.  
  6720. }
  6721.  
  6722. @media (prefers-color-scheme: dark) {
  6723.  
  6724.    .dark\:border-gray-700 {
  6725.  
  6726.        --tw-border-opacity: 1;
  6727.  
  6728.        border-color: rgb(55 65 81 / var(--tw-border-opacity));
  6729.  
  6730.    }
  6731.  
  6732.    .dark\:bg-blue-200 {
  6733.  
  6734.        --tw-bg-opacity: 1;
  6735.  
  6736.        background-color: rgb(191 219 254 / var(--tw-bg-opacity));
  6737.  
  6738.    }
  6739.  
  6740.    .dark\:bg-orange-200 {
  6741.  
  6742.        --tw-bg-opacity: 1;
  6743.  
  6744.        background-color: rgb(254 215 170 / var(--tw-bg-opacity));
  6745.  
  6746.    }
  6747.  
  6748.    .dark\:text-blue-800 {
  6749.  
  6750.        --tw-text-opacity: 1;
  6751.  
  6752.        color: rgb(30 64 175 / var(--tw-text-opacity));
  6753.  
  6754.    }
  6755.  
  6756.    .dark\:text-gray-600 {
  6757.  
  6758.        --tw-text-opacity: 1;
  6759.  
  6760.        color: rgb(75 85 99 / var(--tw-text-opacity));
  6761.  
  6762.    }
  6763.  
  6764.    .dark\:text-orange-800 {
  6765.  
  6766.        --tw-text-opacity: 1;
  6767.  
  6768.        color: rgb(154 52 18 / var(--tw-text-opacity));
  6769.  
  6770.    }
  6771.  
  6772. }
  6773.  
  6774. @media (max-width: 640px) {
  6775.  
  6776.    .sm\:static {
  6777.  
  6778.        position: static;
  6779.  
  6780.    }
  6781.  
  6782.    .sm\:inset-auto {
  6783.  
  6784.        top: auto;
  6785.  
  6786.        right: auto;
  6787.  
  6788.        bottom: auto;
  6789.  
  6790.        left: auto;
  6791.  
  6792.    }
  6793.  
  6794.    .sm\:col-span-2 {
  6795.  
  6796.        grid-column: span 2 / span 2;
  6797.  
  6798.    }
  6799.  
  6800.    .sm\:mx-16 {
  6801.  
  6802.        margin-left: 4rem;
  6803.  
  6804.        margin-right: 4rem;
  6805.  
  6806.    }
  6807.  
  6808.    .sm\:my-16 {
  6809.  
  6810.        margin-top: 4rem;
  6811.  
  6812.        margin-bottom: 4rem;
  6813.  
  6814.    }
  6815.  
  6816.    .sm\:my-8 {
  6817.  
  6818.        margin-top: 2rem;
  6819.  
  6820.        margin-bottom: 2rem;
  6821.  
  6822.    }
  6823.  
  6824.    .sm\:-mr-10 {
  6825.  
  6826.        margin-right: -2.5rem;
  6827.  
  6828.    }
  6829.  
  6830.    .sm\:ml-3 {
  6831.  
  6832.        margin-left: 0.75rem;
  6833.  
  6834.    }
  6835.  
  6836.    .sm\:ml-4 {
  6837.  
  6838.        margin-left: 1rem;
  6839.  
  6840.    }
  6841.  
  6842.    .sm\:ml-6 {
  6843.  
  6844.        margin-left: 1.5rem;
  6845.  
  6846.    }
  6847.  
  6848.    .sm\:mt-0 {
  6849.  
  6850.        margin-top: 0;
  6851.  
  6852.    }
  6853.  
  6854.    .sm\:mt-2 {
  6855.  
  6856.        margin-top: 0.5rem;
  6857.  
  6858.    }
  6859.  
  6860.    .sm\:mt-4 {
  6861.  
  6862.        margin-top: 1rem;
  6863.  
  6864.    }
  6865.  
  6866.    .sm\:mt-6 {
  6867.  
  6868.        margin-top: 1.5rem;
  6869.  
  6870.    }
  6871.  
  6872.    .sm\:block {
  6873.  
  6874.        display: block;
  6875.  
  6876.    }
  6877.  
  6878.    .sm\:flex {
  6879.  
  6880.        display: flex;
  6881.  
  6882.    }
  6883.  
  6884.    .sm\:grid {
  6885.  
  6886.        display: grid;
  6887.  
  6888.    }
  6889.  
  6890.    .sm\:hidden {
  6891.  
  6892.        display: none;
  6893.  
  6894.    }
  6895.  
  6896.    .sm\:h-\[14\.4rem\] {
  6897.  
  6898.        height: 14.4rem;
  6899.  
  6900.    }
  6901.  
  6902.    .sm\:max-h-\[11\.5rem\] {
  6903.  
  6904.        max-height: 11.5rem;
  6905.  
  6906.    }
  6907.  
  6908.    .sm\:w-auto {
  6909.  
  6910.        width: auto;
  6911.  
  6912.    }
  6913.  
  6914.    .sm\:w-full {
  6915.  
  6916.        width: 100%;
  6917.  
  6918.    }
  6919.  
  6920.    .sm\:max-w-lg {
  6921.  
  6922.        max-width: 32rem;
  6923.  
  6924.    }
  6925.  
  6926.    .sm\:scale-100 {
  6927.  
  6928.        --tw-scale-x: 1;
  6929.  
  6930.        --tw-scale-y: 1;
  6931.  
  6932.        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));
  6933.  
  6934.    }
  6935.  
  6936.    .sm\:grid-cols-2 {
  6937.  
  6938.        grid-template-columns: repeat(2, minmax(0, 1fr));
  6939.  
  6940.    }
  6941.  
  6942.    .sm\:grid-cols-3 {
  6943.  
  6944.        grid-template-columns: repeat(3, minmax(0, 1fr));
  6945.  
  6946.    }
  6947.  
  6948.    .sm\:grid-cols-4 {
  6949.  
  6950.        grid-template-columns: repeat(4, minmax(0, 1fr));
  6951.  
  6952.    }
  6953.  
  6954.    .sm\:flex-row-reverse {
  6955.  
  6956.        flex-direction: row-reverse;
  6957.  
  6958.    }
  6959.  
  6960.    .sm\:items-start {
  6961.  
  6962.        align-items: flex-start;
  6963.  
  6964.    }
  6965.  
  6966.    .sm\:items-end {
  6967.  
  6968.        align-items: flex-end;
  6969.  
  6970.    }
  6971.  
  6972.    .sm\:items-center {
  6973.  
  6974.        align-items: center;
  6975.  
  6976.    }
  6977.  
  6978.    .sm\:justify-start {
  6979.  
  6980.        justify-content: flex-start;
  6981.  
  6982.    }
  6983.  
  6984.    .sm\:justify-between {
  6985.  
  6986.        justify-content: space-between;
  6987.  
  6988.    }
  6989.  
  6990.    .sm\:gap-3 {
  6991.  
  6992.        gap: 0.75rem;
  6993.  
  6994.    }
  6995.  
  6996.    .sm\:gap-4 {
  6997.  
  6998.        gap: 1rem;
  6999.  
  7000.    }
  7001.  
  7002.    .sm\:gap-x-0 {
  7003.  
  7004.        -moz-column-gap: 0;
  7005.  
  7006.        column-gap: 0;
  7007.  
  7008.    }
  7009.  
  7010.    .sm\:rounded-lg {
  7011.  
  7012.        border-radius: 0.5rem;
  7013.  
  7014.    }
  7015.  
  7016.    .sm\:rounded-md {
  7017.  
  7018.        border-radius: 0.375rem;
  7019.  
  7020.    }
  7021.  
  7022.    .sm\:p-0 {
  7023.  
  7024.        padding: 0;
  7025.  
  7026.    }
  7027.  
  7028.    .sm\:p-6 {
  7029.  
  7030.        padding: 1.5rem;
  7031.  
  7032.    }
  7033.  
  7034.    .sm\:px-16 {
  7035.  
  7036.        padding-left: 4rem;
  7037.  
  7038.        padding-right: 4rem;
  7039.  
  7040.    }
  7041.  
  7042.    .sm\:px-6 {
  7043.  
  7044.        padding-left: 1.5rem;
  7045.  
  7046.        padding-right: 1.5rem;
  7047.  
  7048.    }
  7049.  
  7050.    .sm\:py-12 {
  7051.  
  7052.        padding-top: 3rem;
  7053.  
  7054.        padding-bottom: 3rem;
  7055.  
  7056.    }
  7057.  
  7058.    .sm\:py-16 {
  7059.  
  7060.        padding-top: 4rem;
  7061.  
  7062.        padding-bottom: 4rem;
  7063.  
  7064.    }
  7065.  
  7066.    .sm\:py-2 {
  7067.  
  7068.        padding-top: 0.5rem;
  7069.  
  7070.        padding-bottom: 0.5rem;
  7071.  
  7072.    }
  7073.  
  7074.    .sm\:py-24 {
  7075.  
  7076.        padding-top: 6rem;
  7077.  
  7078.        padding-bottom: 6rem;
  7079.  
  7080.    }
  7081.  
  7082.    .sm\:py-32 {
  7083.  
  7084.        padding-top: 8rem;
  7085.  
  7086.        padding-bottom: 8rem;
  7087.  
  7088.    }
  7089.  
  7090.    .sm\:py-4 {
  7091.  
  7092.        padding-top: 1rem;
  7093.  
  7094.        padding-bottom: 1rem;
  7095.  
  7096.    }
  7097.  
  7098.    .sm\:pb-\[0\.5rem\] {
  7099.  
  7100.        padding-bottom: 0.5rem;
  7101.  
  7102.    }
  7103.  
  7104.    .sm\:pl-4 {
  7105.  
  7106.        padding-left: 1rem;
  7107.  
  7108.    }
  7109.  
  7110.    .sm\:pr-0 {
  7111.  
  7112.        padding-right: 0;
  7113.  
  7114.    }
  7115.  
  7116.    .sm\:text-left {
  7117.  
  7118.        text-align: left;
  7119.  
  7120.    }
  7121.  
  7122.    .sm\:text-2xl {
  7123.  
  7124.        font-size: 1.5rem;
  7125.  
  7126.        line-height: 2rem;
  7127.  
  7128.    }
  7129.  
  7130.    .sm\:text-sm {
  7131.  
  7132.        font-size: 0.875rem;
  7133.  
  7134.        line-height: 1.25rem;
  7135.  
  7136.    }
  7137.  
  7138.    .sm\:text-xl {
  7139.  
  7140.        font-size: 1.25rem;
  7141.  
  7142.        line-height: 1.75rem;
  7143.  
  7144.    }
  7145.  
  7146. }
  7147.  
  7148. @media (min-width: 768px) {
  7149.  
  7150.    .md\:static {
  7151.  
  7152.        position: static;
  7153.  
  7154.    }
  7155.  
  7156.    .md\:inset-y-0 {
  7157.  
  7158.        top: 0;
  7159.  
  7160.        bottom: 0;
  7161.  
  7162.    }
  7163.  
  7164.    .md\:left-0 {
  7165.  
  7166.        left: 0;
  7167.  
  7168.    }
  7169.  
  7170.    .md\:col-span-11 {
  7171.  
  7172.        grid-column: span 11 / span 11;
  7173.  
  7174.    }
  7175.  
  7176.    .md\:col-span-6 {
  7177.  
  7178.        grid-column: span 6 / span 6;
  7179.  
  7180.    }
  7181.  
  7182.    .md\:col-span-7 {
  7183.  
  7184.        grid-column: span 7 / span 7;
  7185.  
  7186.    }
  7187.  
  7188.    .md\:my-12 {
  7189.  
  7190.        margin-top: 3rem;
  7191.  
  7192.        margin-bottom: 3rem;
  7193.  
  7194.    }
  7195.  
  7196.    .md\:-mt-2 {
  7197.  
  7198.        margin-top: -0.5rem;
  7199.  
  7200.    }
  7201.  
  7202.    .md\:mb-12 {
  7203.  
  7204.        margin-bottom: 3rem;
  7205.  
  7206.    }
  7207.  
  7208.    .md\:mb-2 {
  7209.  
  7210.        margin-bottom: 0.5rem;
  7211.  
  7212.    }
  7213.  
  7214.    .md\:mt-1 {
  7215.  
  7216.        margin-top: 0.25rem;
  7217.  
  7218.    }
  7219.  
  7220.    .md\:mt-10 {
  7221.  
  7222.        margin-top: 2.5rem;
  7223.  
  7224.    }
  7225.  
  7226.    .md\:mt-16 {
  7227.  
  7228.        margin-top: 4rem;
  7229.  
  7230.    }
  7231.  
  7232.    .md\:mt-3 {
  7233.  
  7234.        margin-top: 0.75rem;
  7235.  
  7236.    }
  7237.  
  7238.    .md\:mt-6 {
  7239.  
  7240.        margin-top: 1.5rem;
  7241.  
  7242.    }
  7243.  
  7244.    .md\:block {
  7245.  
  7246.        display: block;
  7247.  
  7248.    }
  7249.  
  7250.    .md\:flex {
  7251.  
  7252.        display: flex;
  7253.  
  7254.    }
  7255.  
  7256.    .md\:inline-flex {
  7257.  
  7258.        display: inline-flex;
  7259.  
  7260.    }
  7261.  
  7262.    .md\:hidden {
  7263.  
  7264.        display: none;
  7265.  
  7266.    }
  7267.  
  7268.    .md\:h-16 {
  7269.  
  7270.        height: 4rem;
  7271.  
  7272.    }
  7273.  
  7274.    .md\:h-32 {
  7275.  
  7276.        height: 8rem;
  7277.  
  7278.    }
  7279.  
  7280.    .md\:h-\[110px\] {
  7281.  
  7282.        height: 110px;
  7283.  
  7284.    }
  7285.  
  7286.    .md\:h-\[480px\] {
  7287.  
  7288.        height: 480px;
  7289.  
  7290.    }
  7291.  
  7292.    .md\:max-h-\[11\.5rem\] {
  7293.  
  7294.        max-height: 11.5rem;
  7295.  
  7296.    }
  7297.  
  7298.    .md\:w-1\/2 {
  7299.  
  7300.        width: 50%;
  7301.  
  7302.    }
  7303.  
  7304.    .md\:w-16 {
  7305.  
  7306.        width: 4rem;
  7307.  
  7308.    }
  7309.  
  7310.    .md\:w-28 {
  7311.  
  7312.        width: 7rem;
  7313.  
  7314.    }
  7315.  
  7316.    .md\:w-32 {
  7317.  
  7318.        width: 8rem;
  7319.  
  7320.    }
  7321.  
  7322.    .md\:w-56 {
  7323.  
  7324.        width: 14rem;
  7325.  
  7326.    }
  7327.  
  7328.    .md\:w-64 {
  7329.  
  7330.        width: 16rem;
  7331.  
  7332.    }
  7333.  
  7334.    .md\:w-72 {
  7335.  
  7336.        width: 18rem;
  7337.  
  7338.    }
  7339.  
  7340.    .md\:w-\[270px\] {
  7341.  
  7342.        width: 270px;
  7343.  
  7344.    }
  7345.  
  7346.    .md\:w-\[75\%\] {
  7347.  
  7348.        width: 75%;
  7349.  
  7350.    }
  7351.  
  7352.    .md\:max-w-\[18rem\] {
  7353.  
  7354.        max-width: 18rem;
  7355.  
  7356.    }
  7357.  
  7358.    .md\:max-w-\[3\.3rem\] {
  7359.  
  7360.        max-width: 3.3rem;
  7361.  
  7362.    }
  7363.  
  7364.    .md\:grid-cols-2 {
  7365.  
  7366.        grid-template-columns: repeat(2, minmax(0, 1fr));
  7367.  
  7368.    }
  7369.  
  7370.    .md\:grid-cols-3 {
  7371.  
  7372.        grid-template-columns: repeat(3, minmax(0, 1fr));
  7373.  
  7374.    }
  7375.  
  7376.    .md\:grid-cols-5 {
  7377.  
  7378.        grid-template-columns: repeat(5, minmax(0, 1fr));
  7379.  
  7380.    }
  7381.  
  7382.    .md\:flex-row {
  7383.  
  7384.        flex-direction: row;
  7385.  
  7386.    }
  7387.  
  7388.    .md\:flex-col {
  7389.  
  7390.        flex-direction: column;
  7391.  
  7392.    }
  7393.  
  7394.    .md\:items-start {
  7395.  
  7396.        align-items: flex-start;
  7397.  
  7398.    }
  7399.  
  7400.    .md\:items-center {
  7401.  
  7402.        align-items: center;
  7403.  
  7404.    }
  7405.  
  7406.    .md\:justify-center {
  7407.  
  7408.        justify-content: center;
  7409.  
  7410.    }
  7411.  
  7412.    .md\:justify-between {
  7413.  
  7414.        justify-content: space-between;
  7415.  
  7416.    }
  7417.  
  7418.    .md\:gap-0 {
  7419.  
  7420.        gap: 0;
  7421.  
  7422.    }
  7423.  
  7424.    .md\:gap-16 {
  7425.  
  7426.        gap: 4rem;
  7427.  
  7428.    }
  7429.  
  7430.    .md\:gap-2 {
  7431.  
  7432.        gap: 0.5rem;
  7433.  
  7434.    }
  7435.  
  7436.    .md\:gap-3 {
  7437.  
  7438.        gap: 0.75rem;
  7439.  
  7440.    }
  7441.  
  7442.    .md\:gap-8 {
  7443.  
  7444.        gap: 2rem;
  7445.  
  7446.    }
  7447.  
  7448.    .md\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
  7449.  
  7450.        --tw-space-x-reverse: 0;
  7451.  
  7452.        margin-right: calc(2.5rem * var(--tw-space-x-reverse));
  7453.  
  7454.        margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
  7455.  
  7456.    }
  7457.  
  7458.    .md\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
  7459.  
  7460.        --tw-space-x-reverse: 0;
  7461.  
  7462.        margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  7463.  
  7464.        margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  7465.  
  7466.    }
  7467.  
  7468.    .md\:rounded-none {
  7469.  
  7470.        border-radius: 0;
  7471.  
  7472.    }
  7473.  
  7474.    .md\:rounded-l-full {
  7475.  
  7476.        border-top-left-radius: 9999px;
  7477.  
  7478.        border-bottom-left-radius: 9999px;
  7479.  
  7480.    }
  7481.  
  7482.    .md\:border-b-0 {
  7483.  
  7484.        border-bottom-width: 0;
  7485.  
  7486.    }
  7487.  
  7488.    .md\:border-r {
  7489.  
  7490.        border-right-width: 1px;
  7491.  
  7492.    }
  7493.  
  7494.    .md\:px-12 {
  7495.  
  7496.        padding-left: 3rem;
  7497.  
  7498.        padding-right: 3rem;
  7499.  
  7500.    }
  7501.  
  7502.    .md\:px-14 {
  7503.  
  7504.        padding-left: 3.5rem;
  7505.  
  7506.        padding-right: 3.5rem;
  7507.  
  7508.    }
  7509.  
  7510.    .md\:px-4 {
  7511.  
  7512.        padding-left: 1rem;
  7513.  
  7514.        padding-right: 1rem;
  7515.  
  7516.    }
  7517.  
  7518.    .md\:px-6 {
  7519.  
  7520.        padding-left: 1.5rem;
  7521.  
  7522.        padding-right: 1.5rem;
  7523.  
  7524.    }
  7525.  
  7526.    .md\:px-8 {
  7527.  
  7528.        padding-left: 2rem;
  7529.  
  7530.        padding-right: 2rem;
  7531.  
  7532.    }
  7533.  
  7534.    .md\:py-5 {
  7535.  
  7536.        padding-top: 1.25rem;
  7537.  
  7538.        padding-bottom: 1.25rem;
  7539.  
  7540.    }
  7541.  
  7542.    .md\:py-8 {
  7543.  
  7544.        padding-top: 2rem;
  7545.  
  7546.        padding-bottom: 2rem;
  7547.  
  7548.    }
  7549.  
  7550.    .md\:pb-\[1rem\] {
  7551.  
  7552.        padding-bottom: 1rem;
  7553.  
  7554.    }
  7555.  
  7556.    .md\:pl-12 {
  7557.  
  7558.        padding-left: 3rem;
  7559.  
  7560.    }
  7561.  
  7562.    .md\:pt-16 {
  7563.  
  7564.        padding-top: 4rem;
  7565.  
  7566.    }
  7567.  
  7568.    .md\:pt-8 {
  7569.  
  7570.        padding-top: 2rem;
  7571.  
  7572.    }
  7573.  
  7574.    .md\:text-start {
  7575.  
  7576.        text-align: start;
  7577.  
  7578.    }
  7579.  
  7580.    .md\:text-2xl {
  7581.  
  7582.        font-size: 1.5rem;
  7583.  
  7584.        line-height: 2rem;
  7585.  
  7586.    }
  7587.  
  7588.    .md\:text-\[14px\] {
  7589.  
  7590.        font-size: 14px;
  7591.  
  7592.    }
  7593.  
  7594.    .md\:text-\[15px\] {
  7595.  
  7596.        font-size: 15px;
  7597.  
  7598.    }
  7599.  
  7600.    .md\:text-\[20px\] {
  7601.  
  7602.        font-size: 20px;
  7603.  
  7604.    }
  7605.  
  7606.    .md\:text-\[28px\] {
  7607.  
  7608.        font-size: 28px;
  7609.  
  7610.    }
  7611.  
  7612.    .md\:text-base {
  7613.  
  7614.        font-size: 1rem;
  7615.  
  7616.        line-height: 1.5rem;
  7617.  
  7618.    }
  7619.  
  7620.    .md\:text-xl {
  7621.  
  7622.        font-size: 1.25rem;
  7623.  
  7624.        line-height: 1.75rem;
  7625.  
  7626.    }
  7627.  
  7628. }
  7629.  
  7630. @media (min-width: 1024px) {
  7631.  
  7632.    .lg\:static {
  7633.  
  7634.        position: static;
  7635.  
  7636.    }
  7637.  
  7638.    .lg\:col-span-12 {
  7639.  
  7640.        grid-column: span 12 / span 12;
  7641.  
  7642.    }
  7643.  
  7644.    .lg\:col-span-3 {
  7645.  
  7646.        grid-column: span 3 / span 3;
  7647.  
  7648.    }
  7649.  
  7650.    .lg\:col-span-4 {
  7651.  
  7652.        grid-column: span 4 / span 4;
  7653.  
  7654.    }
  7655.  
  7656.    .lg\:col-span-6 {
  7657.  
  7658.        grid-column: span 6 / span 6;
  7659.  
  7660.    }
  7661.  
  7662.    .lg\:col-span-7 {
  7663.  
  7664.        grid-column: span 7 / span 7;
  7665.  
  7666.    }
  7667.  
  7668.    .lg\:col-span-8 {
  7669.  
  7670.        grid-column: span 8 / span 8;
  7671.  
  7672.    }
  7673.  
  7674.    .lg\:col-span-9 {
  7675.  
  7676.        grid-column: span 9 / span 9;
  7677.  
  7678.    }
  7679.  
  7680.    .lg\:mb-12 {
  7681.  
  7682.        margin-bottom: 3rem;
  7683.  
  7684.    }
  7685.  
  7686.    .lg\:mt-0 {
  7687.  
  7688.        margin-top: 0;
  7689.  
  7690.    }
  7691.  
  7692.    .lg\:mt-16 {
  7693.  
  7694.        margin-top: 4rem;
  7695.  
  7696.    }
  7697.  
  7698.    .lg\:mt-4 {
  7699.  
  7700.        margin-top: 1rem;
  7701.  
  7702.    }
  7703.  
  7704.    .lg\:block {
  7705.  
  7706.        display: block;
  7707.  
  7708.    }
  7709.  
  7710.    .lg\:flex {
  7711.  
  7712.        display: flex;
  7713.  
  7714.    }
  7715.  
  7716.    .lg\:grid {
  7717.  
  7718.        display: grid;
  7719.  
  7720.    }
  7721.  
  7722.    .lg\:hidden {
  7723.  
  7724.        display: none;
  7725.  
  7726.    }
  7727.  
  7728.    .lg\:h-10 {
  7729.  
  7730.        height: 2.5rem;
  7731.  
  7732.    }
  7733.  
  7734.    .lg\:h-14 {
  7735.  
  7736.        height: 3.5rem;
  7737.  
  7738.    }
  7739.  
  7740.    .lg\:h-60 {
  7741.  
  7742.        height: 15rem;
  7743.  
  7744.    }
  7745.  
  7746.    .lg\:h-\[14\.4rem\] {
  7747.  
  7748.        height: 14.4rem;
  7749.  
  7750.    }
  7751.  
  7752.    .lg\:h-\[170px\] {
  7753.  
  7754.        height: 170px;
  7755.  
  7756.    }
  7757.  
  7758.    .lg\:h-\[22\.5rem\] {
  7759.  
  7760.        height: 22.5rem;
  7761.  
  7762.    }
  7763.  
  7764.    .lg\:h-\[500px\] {
  7765.  
  7766.        height: 500px;
  7767.  
  7768.    }
  7769.  
  7770.    .lg\:max-h-\[14rem\] {
  7771.  
  7772.        max-height: 14rem;
  7773.  
  7774.    }
  7775.  
  7776.    .lg\:w-14 {
  7777.  
  7778.        width: 3.5rem;
  7779.  
  7780.    }
  7781.  
  7782.    .lg\:w-64 {
  7783.  
  7784.        width: 16rem;
  7785.  
  7786.    }
  7787.  
  7788.    .lg\:w-72 {
  7789.  
  7790.        width: 18rem;
  7791.  
  7792.    }
  7793.  
  7794.    .lg\:w-80 {
  7795.  
  7796.        width: 20rem;
  7797.  
  7798.    }
  7799.  
  7800.    .lg\:w-\[100\%\] {
  7801.  
  7802.        width: 100%;
  7803.  
  7804.    }
  7805.  
  7806.    .lg\:w-\[170px\] {
  7807.  
  7808.        width: 170px;
  7809.  
  7810.    }
  7811.  
  7812.    .lg\:w-\[300px\] {
  7813.  
  7814.        width: 300px;
  7815.  
  7816.    }
  7817.  
  7818.    .lg\:w-\[35\%\] {
  7819.  
  7820.        width: 35%;
  7821.  
  7822.    }
  7823.  
  7824.    .lg\:min-w-0 {
  7825.  
  7826.        min-width: 0;
  7827.  
  7828.    }
  7829.  
  7830.    .lg\:max-w-6xl {
  7831.  
  7832.        max-width: 72rem;
  7833.  
  7834.    }
  7835.  
  7836.    .lg\:max-w-\[20rem\] {
  7837.  
  7838.        max-width: 20rem;
  7839.  
  7840.    }
  7841.  
  7842.    .lg\:max-w-\[3\.5rem\] {
  7843.  
  7844.        max-width: 3.5rem;
  7845.  
  7846.    }
  7847.  
  7848.    .lg\:flex-1 {
  7849.  
  7850.        flex: 1 1 0%;
  7851.  
  7852.    }
  7853.  
  7854.    .lg\:grid-cols-2 {
  7855.  
  7856.        grid-template-columns: repeat(2, minmax(0, 1fr));
  7857.  
  7858.    }
  7859.  
  7860.    .lg\:grid-cols-3 {
  7861.  
  7862.        grid-template-columns: repeat(3, minmax(0, 1fr));
  7863.  
  7864.    }
  7865.  
  7866.    .lg\:grid-cols-4 {
  7867.  
  7868.        grid-template-columns: repeat(4, minmax(0, 1fr));
  7869.  
  7870.    }
  7871.  
  7872.    .lg\:grid-cols-6 {
  7873.  
  7874.        grid-template-columns: repeat(6, minmax(0, 1fr));
  7875.  
  7876.    }
  7877.  
  7878.    .lg\:flex-row {
  7879.  
  7880.        flex-direction: row;
  7881.  
  7882.    }
  7883.  
  7884.    .lg\:flex-col {
  7885.  
  7886.        flex-direction: column;
  7887.  
  7888.    }
  7889.  
  7890.    .lg\:content-between {
  7891.  
  7892.        align-content: space-between;
  7893.  
  7894.    }
  7895.  
  7896.    .lg\:items-start {
  7897.  
  7898.        align-items: flex-start;
  7899.  
  7900.    }
  7901.  
  7902.    .lg\:items-center {
  7903.  
  7904.        align-items: center;
  7905.  
  7906.    }
  7907.  
  7908.    .lg\:justify-between {
  7909.  
  7910.        justify-content: space-between;
  7911.  
  7912.    }
  7913.  
  7914.    .lg\:gap-0 {
  7915.  
  7916.        gap: 0;
  7917.  
  7918.    }
  7919.  
  7920.    .lg\:gap-10 {
  7921.  
  7922.        gap: 2.5rem;
  7923.  
  7924.    }
  7925.  
  7926.    .lg\:gap-2 {
  7927.  
  7928.        gap: 0.5rem;
  7929.  
  7930.    }
  7931.  
  7932.    .lg\:gap-20 {
  7933.  
  7934.        gap: 5rem;
  7935.  
  7936.    }
  7937.  
  7938.    .lg\:gap-4 {
  7939.  
  7940.        gap: 1rem;
  7941.  
  7942.    }
  7943.  
  7944.    .lg\:gap-6 {
  7945.  
  7946.        gap: 1.5rem;
  7947.  
  7948.    }
  7949.  
  7950.    .lg\:gap-x-16 {
  7951.  
  7952.        -moz-column-gap: 4rem;
  7953.  
  7954.        column-gap: 4rem;
  7955.  
  7956.    }
  7957.  
  7958.    .lg\:gap-x-4 {
  7959.  
  7960.        -moz-column-gap: 1rem;
  7961.  
  7962.        column-gap: 1rem;
  7963.  
  7964.    }
  7965.  
  7966.    .lg\:gap-x-\[58px\] {
  7967.  
  7968.        -moz-column-gap: 58px;
  7969.  
  7970.        column-gap: 58px;
  7971.  
  7972.    }
  7973.  
  7974.    .lg\:overflow-y-visible {
  7975.  
  7976.        overflow-y: visible;
  7977.  
  7978.    }
  7979.  
  7980.    .lg\:rounded-2xl {
  7981.  
  7982.        border-radius: 1rem;
  7983.  
  7984.    }
  7985.  
  7986.    .lg\:border-b-0 {
  7987.  
  7988.        border-bottom-width: 0;
  7989.  
  7990.    }
  7991.  
  7992.    .lg\:border-r {
  7993.  
  7994.        border-right-width: 1px;
  7995.  
  7996.    }
  7997.  
  7998.    .lg\:p-0 {
  7999.  
  8000.        padding: 0;
  8001.  
  8002.    }
  8003.  
  8004.    .lg\:px-0 {
  8005.  
  8006.        padding-left: 0;
  8007.  
  8008.        padding-right: 0;
  8009.  
  8010.    }
  8011.  
  8012.    .lg\:px-10 {
  8013.  
  8014.        padding-left: 2.5rem;
  8015.  
  8016.        padding-right: 2.5rem;
  8017.  
  8018.    }
  8019.  
  8020.    .lg\:px-11 {
  8021.  
  8022.        padding-left: 2.75rem;
  8023.  
  8024.        padding-right: 2.75rem;
  8025.  
  8026.    }
  8027.  
  8028.    .lg\:px-12 {
  8029.  
  8030.        padding-left: 3rem;
  8031.  
  8032.        padding-right: 3rem;
  8033.  
  8034.    }
  8035.  
  8036.    .lg\:px-14 {
  8037.  
  8038.        padding-left: 3.5rem;
  8039.  
  8040.        padding-right: 3.5rem;
  8041.  
  8042.    }
  8043.  
  8044.    .lg\:px-16 {
  8045.  
  8046.        padding-left: 4rem;
  8047.  
  8048.        padding-right: 4rem;
  8049.  
  8050.    }
  8051.  
  8052.    .lg\:px-20 {
  8053.  
  8054.        padding-left: 5rem;
  8055.  
  8056.        padding-right: 5rem;
  8057.  
  8058.    }
  8059.  
  8060.    .lg\:px-7 {
  8061.  
  8062.        padding-left: 1.75rem;
  8063.  
  8064.        padding-right: 1.75rem;
  8065.  
  8066.    }
  8067.  
  8068.    .lg\:px-8 {
  8069.  
  8070.        padding-left: 2rem;
  8071.  
  8072.        padding-right: 2rem;
  8073.  
  8074.    }
  8075.  
  8076.    .lg\:px-\[3\.2rem\] {
  8077.  
  8078.        padding-left: 3.2rem;
  8079.  
  8080.        padding-right: 3.2rem;
  8081.  
  8082.    }
  8083.  
  8084.    .lg\:py-24 {
  8085.  
  8086.        padding-top: 6rem;
  8087.  
  8088.        padding-bottom: 6rem;
  8089.  
  8090.    }
  8091.  
  8092.    .lg\:py-4 {
  8093.  
  8094.        padding-top: 1rem;
  8095.  
  8096.        padding-bottom: 1rem;
  8097.  
  8098.    }
  8099.  
  8100.    .lg\:py-8 {
  8101.  
  8102.        padding-top: 2rem;
  8103.  
  8104.        padding-bottom: 2rem;
  8105.  
  8106.    }
  8107.  
  8108.    .lg\:pb-\[3\.5rem\] {
  8109.  
  8110.        padding-bottom: 3.5rem;
  8111.  
  8112.    }
  8113.  
  8114.    .lg\:pr-2 {
  8115.  
  8116.        padding-right: 0.5rem;
  8117.  
  8118.    }
  8119.  
  8120.    .lg\:pt-10 {
  8121.  
  8122.        padding-top: 2.5rem;
  8123.  
  8124.    }
  8125.  
  8126.    .lg\:pt-14 {
  8127.  
  8128.        padding-top: 3.5rem;
  8129.  
  8130.    }
  8131.  
  8132.    .lg\:pt-24 {
  8133.  
  8134.        padding-top: 6rem;
  8135.  
  8136.    }
  8137.  
  8138.    .lg\:text-start {
  8139.  
  8140.        text-align: start;
  8141.  
  8142.    }
  8143.  
  8144.    .lg\:text-2xl {
  8145.  
  8146.        font-size: 1.5rem;
  8147.  
  8148.        line-height: 2rem;
  8149.  
  8150.    }
  8151.  
  8152.    .lg\:text-4xl {
  8153.  
  8154.        font-size: 2.25rem;
  8155.  
  8156.        line-height: 2.5rem;
  8157.  
  8158.    }
  8159.  
  8160.    .lg\:text-\[14px\] {
  8161.  
  8162.        font-size: 14px;
  8163.  
  8164.    }
  8165.  
  8166.    .lg\:text-\[15px\] {
  8167.  
  8168.        font-size: 15px;
  8169.  
  8170.    }
  8171.  
  8172.    .lg\:text-\[16px\] {
  8173.  
  8174.        font-size: 16px;
  8175.  
  8176.    }
  8177.  
  8178.    .lg\:text-\[20px\] {
  8179.  
  8180.        font-size: 20px;
  8181.  
  8182.    }
  8183.  
  8184.    .lg\:text-\[26px\] {
  8185.  
  8186.        font-size: 26px;
  8187.  
  8188.    }
  8189.  
  8190.    .lg\:text-\[30px\] {
  8191.  
  8192.        font-size: 30px;
  8193.  
  8194.    }
  8195.  
  8196.    .lg\:text-\[32px\] {
  8197.  
  8198.        font-size: 32px;
  8199.  
  8200.    }
  8201.  
  8202.    .lg\:text-lg {
  8203.  
  8204.        font-size: 1.125rem;
  8205.  
  8206.        line-height: 1.75rem;
  8207.  
  8208.    }
  8209.  
  8210. }
  8211.  
  8212. @media (min-width: 1280px) {
  8213.  
  8214.    .xl\:col-span-1 {
  8215.  
  8216.        grid-column: span 1 / span 1;
  8217.  
  8218.    }
  8219.  
  8220.    .xl\:col-span-2 {
  8221.  
  8222.        grid-column: span 2 / span 2;
  8223.  
  8224.    }
  8225.  
  8226.    .xl\:col-span-4 {
  8227.  
  8228.        grid-column: span 4 / span 4;
  8229.  
  8230.    }
  8231.  
  8232.    .xl\:col-span-6 {
  8233.  
  8234.        grid-column: span 6 / span 6;
  8235.  
  8236.    }
  8237.  
  8238.    .xl\:col-span-8 {
  8239.  
  8240.        grid-column: span 8 / span 8;
  8241.  
  8242.    }
  8243.  
  8244.    .xl\:mt-0 {
  8245.  
  8246.        margin-top: 0;
  8247.  
  8248.    }
  8249.  
  8250.    .xl\:block {
  8251.  
  8252.        display: block;
  8253.  
  8254.    }
  8255.  
  8256.    .xl\:flex {
  8257.  
  8258.        display: flex;
  8259.  
  8260.    }
  8261.  
  8262.    .xl\:w-auto {
  8263.  
  8264.        width: auto;
  8265.  
  8266.    }
  8267.  
  8268.    .xl\:w-full {
  8269.  
  8270.        width: 100%;
  8271.  
  8272.    }
  8273.  
  8274.    .xl\:max-w-\[1280px\] {
  8275.  
  8276.        max-width: 1280px;
  8277.  
  8278.    }
  8279.  
  8280.    .xl\:grid-cols-6 {
  8281.  
  8282.        grid-template-columns: repeat(6, minmax(0, 1fr));
  8283.  
  8284.    }
  8285.  
  8286.    .xl\:gap-4 {
  8287.  
  8288.        gap: 1rem;
  8289.  
  8290.    }
  8291.  
  8292.    .xl\:px-7 {
  8293.  
  8294.        padding-left: 1.75rem;
  8295.  
  8296.        padding-right: 1.75rem;
  8297.  
  8298.    }
  8299.  
  8300.    .xl\:text-center {
  8301.  
  8302.        text-align: center;
  8303.  
  8304.    }
  8305.  
  8306.    .xl\:text-2xl {
  8307.  
  8308.        font-size: 1.5rem;
  8309.  
  8310.        line-height: 2rem;
  8311.  
  8312.    }
  8313.  
  8314.    .xl\:text-base {
  8315.  
  8316.        font-size: 1rem;
  8317.  
  8318.        line-height: 1.5rem;
  8319.  
  8320.    }
  8321.  
  8322. }
  8323.  
  8324. /*
  8325.  
  8326. ! tailwindcss v3.2.6 | MIT License | https://tailwindcss.com
  8327.  
  8328. */
  8329.  
  8330. *,:after,:before {
  8331.  
  8332.    box-sizing: border-box;
  8333.  
  8334.    border: 0 solid #e5e7eb
  8335.  
  8336. }
  8337.  
  8338.  
  8339.  
  8340. :after,:before {
  8341.  
  8342.    --tw-content: ""
  8343.  
  8344. }
  8345.  
  8346.  
  8347.  
  8348. html {
  8349.  
  8350.    line-height: 1.5;
  8351.  
  8352.    -webkit-text-size-adjust: 100%;
  8353.  
  8354.    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;
  8355.  
  8356.    font-feature-settings: normal
  8357.  
  8358. }
  8359.  
  8360.  
  8361.  
  8362. hr {
  8363.  
  8364.    height: 0;
  8365.  
  8366.    color: inherit;
  8367.  
  8368.    border-top-width: 1px
  8369.  
  8370. }
  8371.  
  8372.  
  8373.  
  8374. abbr:where([title]) {
  8375.  
  8376.    -webkit-text-decoration: underline dotted;
  8377.  
  8378.    text-decoration: underline dotted
  8379.  
  8380. }
  8381.  
  8382.  
  8383.  
  8384. h1,h2,h3,h4,h5,h6 {
  8385.  
  8386.    font-size: inherit;
  8387.  
  8388.    font-weight: inherit
  8389.  
  8390. }
  8391.  
  8392.  
  8393.  
  8394. a {
  8395.  
  8396.    color: inherit;
  8397.  
  8398.    text-decoration: inherit
  8399.  
  8400. }
  8401.  
  8402.  
  8403.  
  8404. b,strong {
  8405.  
  8406.    font-weight: bolder
  8407.  
  8408. }
  8409.  
  8410.  
  8411.  
  8412. code,kbd,pre,samp {
  8413.  
  8414.    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  8415.  
  8416.    font-size: 1em
  8417.  
  8418. }
  8419.  
  8420.  
  8421.  
  8422. small {
  8423.  
  8424.    font-size: 80%
  8425.  
  8426. }
  8427.  
  8428.  
  8429.  
  8430. sub,sup {
  8431.  
  8432.    font-size: 75%;
  8433.  
  8434.    line-height: 0;
  8435.  
  8436.    position: relative;
  8437.  
  8438.    vertical-align: baseline
  8439.  
  8440. }
  8441.  
  8442.  
  8443.  
  8444. sub {
  8445.  
  8446.    bottom: -.25em
  8447.  
  8448. }
  8449.  
  8450.  
  8451.  
  8452. sup {
  8453.  
  8454.    top: -.5em
  8455.  
  8456. }
  8457.  
  8458.  
  8459.  
  8460. table {
  8461.  
  8462.    text-indent: 0;
  8463.  
  8464.    border-color: inherit;
  8465.  
  8466.    border-collapse: collapse
  8467.  
  8468. }
  8469.  
  8470.  
  8471.  
  8472. button,input,optgroup,select,textarea {
  8473.  
  8474.    font-family: inherit;
  8475.  
  8476.    font-size: 100%;
  8477.  
  8478.    font-weight: inherit;
  8479.  
  8480.    line-height: inherit;
  8481.  
  8482.    color: inherit;
  8483.  
  8484.    margin: 0;
  8485.  
  8486.    padding: 0
  8487.  
  8488. }
  8489.  
  8490.  
  8491.  
  8492. button,select {
  8493.  
  8494.    text-transform: none
  8495.  
  8496. }
  8497.  
  8498.  
  8499.  
  8500. [type=button],[type=reset],[type=submit],button {
  8501.  
  8502.    -webkit-appearance: button;
  8503.  
  8504.    background-color: transparent;
  8505.  
  8506.    background-image: none
  8507.  
  8508. }
  8509.  
  8510.  
  8511.  
  8512. :-moz-focusring {
  8513.  
  8514.    outline: auto
  8515.  
  8516. }
  8517.  
  8518.  
  8519.  
  8520. :-moz-ui-invalid {
  8521.  
  8522.    box-shadow: none
  8523.  
  8524. }
  8525.  
  8526.  
  8527.  
  8528. progress {
  8529.  
  8530.    vertical-align: baseline
  8531.  
  8532. }
  8533.  
  8534.  
  8535.  
  8536. ::-webkit-inner-spin-button,::-webkit-outer-spin-button {
  8537.  
  8538.    height: auto
  8539.  
  8540. }
  8541.  
  8542.  
  8543.  
  8544. [type=search] {
  8545.  
  8546.    -webkit-appearance: textfield;
  8547.  
  8548.    outline-offset: -2px
  8549.  
  8550. }
  8551.  
  8552.  
  8553.  
  8554. ::-webkit-search-decoration {
  8555.  
  8556.    -webkit-appearance: none
  8557.  
  8558. }
  8559.  
  8560.  
  8561.  
  8562. ::-webkit-file-upload-button {
  8563.  
  8564.    -webkit-appearance: button;
  8565.  
  8566.    font: inherit
  8567.  
  8568. }
  8569.  
  8570.  
  8571.  
  8572. summary {
  8573.  
  8574.    display: list-item
  8575.  
  8576. }
  8577.  
  8578.  
  8579.  
  8580. blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
  8581.  
  8582.    margin: 0
  8583.  
  8584. }
  8585.  
  8586.  
  8587.  
  8588. fieldset {
  8589.  
  8590.    margin: 0
  8591.  
  8592. }
  8593.  
  8594.  
  8595.  
  8596. fieldset,legend {
  8597.  
  8598.    padding: 0
  8599.  
  8600. }
  8601.  
  8602.  
  8603.  
  8604. menu,ol,ul {
  8605.  
  8606.    list-style: none;
  8607.  
  8608.    margin: 0;
  8609.  
  8610.    padding: 0
  8611.  
  8612. }
  8613.  
  8614.  
  8615.  
  8616. textarea {
  8617.  
  8618.    resize: vertical
  8619.  
  8620. }
  8621.  
  8622.  
  8623.  
  8624. input::-moz-placeholder,textarea::-moz-placeholder {
  8625.  
  8626.    opacity: 1;
  8627.  
  8628.    color: #9ca3af
  8629.  
  8630. }
  8631.  
  8632.  
  8633.  
  8634. input::placeholder,textarea::placeholder {
  8635.  
  8636.    opacity: 1;
  8637.  
  8638.    color: #9ca3af
  8639.  
  8640. }
  8641.  
  8642.  
  8643.  
  8644. [role=button],button {
  8645.  
  8646.    cursor: pointer
  8647.  
  8648. }
  8649.  
  8650.  
  8651.  
  8652. :disabled {
  8653.  
  8654.    cursor: default
  8655.  
  8656. }
  8657.  
  8658.  
  8659. [hidden] {
  8660.  
  8661.    display: none
  8662.  
  8663. }
  8664.  
  8665.  
  8666.  
  8667. *,:after,:before {
  8668.  
  8669.    --tw-border-spacing-x: 0;
  8670.  
  8671.    --tw-border-spacing-y: 0;
  8672.  
  8673.    --tw-translate-x: 0;
  8674.  
  8675.    --tw-translate-y: 0;
  8676.  
  8677.    --tw-rotate: 0;
  8678.  
  8679.    --tw-skew-x: 0;
  8680.  
  8681.    --tw-skew-y: 0;
  8682.  
  8683.    --tw-scale-x: 1;
  8684.  
  8685.    --tw-scale-y: 1;
  8686.  
  8687.    --tw-pan-x: ;
  8688.  
  8689.    --tw-pan-y: ;
  8690.  
  8691.    --tw-pinch-zoom: ;
  8692.  
  8693.    --tw-scroll-snap-strictness: proximity;
  8694.  
  8695.    --tw-ordinal: ;
  8696.  
  8697.    --tw-slashed-zero: ;
  8698.  
  8699.    --tw-numeric-figure: ;
  8700.  
  8701.    --tw-numeric-spacing: ;
  8702.  
  8703.    --tw-numeric-fraction: ;
  8704.  
  8705.    --tw-ring-inset: ;
  8706.  
  8707.    --tw-ring-offset-width: 0px;
  8708.  
  8709.    --tw-ring-offset-color: #fff;
  8710.  
  8711.    --tw-ring-color: rgba(59,130,246,.5);
  8712.  
  8713.    --tw-ring-offset-shadow: 0 0 #0000;
  8714.  
  8715.    --tw-ring-shadow: 0 0 #0000;
  8716.  
  8717.    --tw-shadow: 0 0 #0000;
  8718.  
  8719.    --tw-shadow-colored: 0 0 #0000;
  8720.  
  8721.    --tw-blur: ;
  8722.  
  8723.    --tw-brightness: ;
  8724.  
  8725.    --tw-contrast: ;
  8726.  
  8727.    --tw-grayscale: ;
  8728.  
  8729.    --tw-hue-rotate: ;
  8730.  
  8731.    --tw-invert: ;
  8732.  
  8733.    --tw-saturate: ;
  8734.  
  8735.    --tw-sepia: ;
  8736.  
  8737.    --tw-drop-shadow: ;
  8738.  
  8739.    --tw-backdrop-blur: ;
  8740.  
  8741.    --tw-backdrop-brightness: ;
  8742.  
  8743.    --tw-backdrop-contrast: ;
  8744.  
  8745.    --tw-backdrop-grayscale: ;
  8746.  
  8747.    --tw-backdrop-hue-rotate: ;
  8748.  
  8749.    --tw-backdrop-invert: ;
  8750.  
  8751.    --tw-backdrop-opacity: ;
  8752.  
  8753.    --tw-backdrop-saturate: ;
  8754.  
  8755.    --tw-backdrop-sepia:
  8756.  
  8757. }
  8758.  
  8759.  
  8760.  
  8761. ::backdrop {
  8762.  
  8763.    --tw-border-spacing-x: 0;
  8764.  
  8765.    --tw-border-spacing-y: 0;
  8766.  
  8767.    --tw-translate-x: 0;
  8768.  
  8769.    --tw-translate-y: 0;
  8770.  
  8771.    --tw-rotate: 0;
  8772.  
  8773.    --tw-skew-x: 0;
  8774.  
  8775.    --tw-skew-y: 0;
  8776.  
  8777.    --tw-scale-x: 1;
  8778.  
  8779.    --tw-scale-y: 1;
  8780.  
  8781.    --tw-pan-x: ;
  8782.  
  8783.    --tw-pan-y: ;
  8784.  
  8785.    --tw-pinch-zoom: ;
  8786.  
  8787.    --tw-scroll-snap-strictness: proximity;
  8788.  
  8789.    --tw-ordinal: ;
  8790.  
  8791.    --tw-slashed-zero: ;
  8792.  
  8793.    --tw-numeric-figure: ;
  8794.  
  8795.    --tw-numeric-spacing: ;
  8796.  
  8797.    --tw-numeric-fraction: ;
  8798.  
  8799.    --tw-ring-inset: ;
  8800.  
  8801.    --tw-ring-offset-width: 0px;
  8802.  
  8803.    --tw-ring-offset-color: #fff;
  8804.  
  8805.    --tw-ring-color: rgba(59,130,246,.5);
  8806.  
  8807.    --tw-ring-offset-shadow: 0 0 #0000;
  8808.  
  8809.    --tw-ring-shadow: 0 0 #0000;
  8810.  
  8811.    --tw-shadow: 0 0 #0000;
  8812.  
  8813.    --tw-shadow-colored: 0 0 #0000;
  8814.  
  8815.    --tw-blur: ;
  8816.  
  8817.    --tw-brightness: ;
  8818.  
  8819.    --tw-contrast: ;
  8820.  
  8821.    --tw-grayscale: ;
  8822.  
  8823.    --tw-hue-rotate: ;
  8824.  
  8825.    --tw-invert: ;
  8826.  
  8827.    --tw-saturate: ;
  8828.  
  8829.    --tw-sepia: ;
  8830.  
  8831.    --tw-drop-shadow: ;
  8832.  
  8833.    --tw-backdrop-blur: ;
  8834.  
  8835.    --tw-backdrop-brightness: ;
  8836.  
  8837.    --tw-backdrop-contrast: ;
  8838.  
  8839.    --tw-backdrop-grayscale: ;
  8840.  
  8841.    --tw-backdrop-hue-rotate: ;
  8842.  
  8843.    --tw-backdrop-invert: ;
  8844.  
  8845.    --tw-backdrop-opacity: ;
  8846.  
  8847.    --tw-backdrop-saturate: ;
  8848.  
  8849.    --tw-backdrop-sepia:
  8850.  
  8851. }
  8852.  
  8853.  
  8854.  
  8855. .sr-only {
  8856.  
  8857.    position: absolute;
  8858.  
  8859.    width: 1px;
  8860.  
  8861.    height: 1px;
  8862.  
  8863.    padding: 0;
  8864.  
  8865.    margin: -1px;
  8866.  
  8867.    overflow: hidden;
  8868.  
  8869.    clip: rect(0,0,0,0);
  8870.  
  8871.    white-space: nowrap;
  8872.  
  8873.    border-width: 0
  8874.  
  8875. }
  8876.  
  8877.  
  8878.  
  8879. .pointer-events-none {
  8880.  
  8881.    pointer-events: none
  8882.  
  8883. }
  8884.  
  8885.  
  8886.  
  8887. .pointer-events-auto {
  8888.  
  8889.    pointer-events: auto
  8890.  
  8891. }
  8892.  
  8893.  
  8894.  
  8895. .fixed {
  8896.  
  8897.    position: fixed
  8898.  
  8899. }
  8900.  
  8901.  
  8902.  
  8903. .\!absolute {
  8904.  
  8905.    position: absolute!important
  8906.  
  8907. }
  8908.  
  8909.  
  8910.  
  8911. .absolute {
  8912.  
  8913.    position: absolute
  8914.  
  8915. }
  8916.  
  8917.  
  8918.  
  8919. .relative {
  8920.  
  8921.    position: relative
  8922.  
  8923. }
  8924.  
  8925.  
  8926.  
  8927. .sticky {
  8928.  
  8929.    position: sticky
  8930.  
  8931. }
  8932.  
  8933.  
  8934.  
  8935. .inset-0 {
  8936.  
  8937.    top: 0;
  8938.  
  8939.    bottom: 0
  8940.  
  8941. }
  8942.  
  8943.  
  8944.  
  8945. .inset-0,.inset-x-0 {
  8946.  
  8947.    right: 0;
  8948.  
  8949.    left: 0
  8950.  
  8951. }
  8952.  
  8953.  
  8954.  
  8955. .inset-y-0 {
  8956.  
  8957.    top: 0;
  8958.  
  8959.    bottom: 0
  8960.  
  8961. }
  8962.  
  8963.  
  8964.  
  8965. .-right-\[3px\] {
  8966.  
  8967.    right: -3px
  8968.  
  8969. }
  8970.  
  8971.  
  8972.  
  8973. .bottom-0 {
  8974.  
  8975.    bottom: 0
  8976.  
  8977. }
  8978.  
  8979.  
  8980.  
  8981. .left-0 {
  8982.  
  8983.    left: 0
  8984.  
  8985. }
  8986.  
  8987.  
  8988.  
  8989. .left-5 {
  8990.  
  8991.    left: 1.25rem
  8992.  
  8993. }
  8994.  
  8995.  
  8996.  
  8997. .left-6 {
  8998.  
  8999.    left: 1.5rem
  9000.  
  9001. }
  9002.  
  9003.  
  9004.  
  9005. .right-0 {
  9006.  
  9007.    right: 0
  9008.  
  9009. }
  9010.  
  9011.  
  9012.  
  9013. .right-6 {
  9014.  
  9015.    right: 1.5rem
  9016.  
  9017. }
  9018.  
  9019.  
  9020.  
  9021. .right-8 {
  9022.  
  9023.    right: 2rem
  9024.  
  9025. }
  9026.  
  9027.  
  9028.  
  9029. .top-0 {
  9030.  
  9031.    top: 0
  9032.  
  9033. }
  9034.  
  9035.  
  9036.  
  9037. .top-20 {
  9038.  
  9039.    top: 5rem
  9040.  
  9041. }
  9042.  
  9043.  
  9044.  
  9045. .top-4 {
  9046.  
  9047.    top: 1rem
  9048.  
  9049. }
  9050.  
  9051.  
  9052.  
  9053. .top-\[18px\] {
  9054.  
  9055.    top: 18px
  9056.  
  9057. }
  9058.  
  9059.  
  9060.  
  9061. .-z-10 {
  9062.  
  9063.    z-index: -10
  9064.  
  9065. }
  9066.  
  9067.  
  9068.  
  9069. .z-0 {
  9070.  
  9071.    z-index: 0
  9072.  
  9073. }
  9074.  
  9075.  
  9076.  
  9077. .z-10 {
  9078.  
  9079.    z-index: 10
  9080.  
  9081. }
  9082.  
  9083.  
  9084.  
  9085. .z-20 {
  9086.  
  9087.    z-index: 20
  9088.  
  9089. }
  9090.  
  9091.  
  9092.  
  9093. .z-30 {
  9094.  
  9095.    z-index: 30
  9096.  
  9097. }
  9098.  
  9099.  
  9100.  
  9101. .z-40 {
  9102.  
  9103.    z-index: 40
  9104.  
  9105. }
  9106.  
  9107.  
  9108.  
  9109. .z-50 {
  9110.  
  9111.    z-index: 50
  9112.  
  9113. }
  9114.  
  9115.  
  9116.  
  9117. .z-\[60\] {
  9118.  
  9119.    z-index: 60
  9120.  
  9121. }
  9122.  
  9123.  
  9124.  
  9125. .z-\[9\] {
  9126.  
  9127.    z-index: 9
  9128.  
  9129. }
  9130.  
  9131.  
  9132.  
  9133. .order-1 {
  9134.  
  9135.    order: 1
  9136.  
  9137. }
  9138.  
  9139.  
  9140.  
  9141. .order-2 {
  9142.  
  9143.    order: 2
  9144.  
  9145. }
  9146.  
  9147.  
  9148.  
  9149. .col-span-1 {
  9150.  
  9151.    grid-column: span 1/span 1
  9152.  
  9153. }
  9154.  
  9155.  
  9156.  
  9157. .col-span-12 {
  9158.  
  9159.    grid-column: span 12/span 12
  9160.  
  9161. }
  9162.  
  9163.  
  9164.  
  9165. .col-span-2 {
  9166.  
  9167.    grid-column: span 2/span 2
  9168.  
  9169. }
  9170.  
  9171.  
  9172.  
  9173. .col-span-5 {
  9174.  
  9175.    grid-column: span 5/span 5
  9176.  
  9177. }
  9178.  
  9179.  
  9180.  
  9181. .\!m-0 {
  9182.  
  9183.    margin: 0!important
  9184.  
  9185. }
  9186.  
  9187.  
  9188.  
  9189. .m-0 {
  9190.  
  9191.    margin: 0
  9192.  
  9193. }
  9194.  
  9195.  
  9196.  
  9197. .m-4 {
  9198.  
  9199.    margin: 1rem
  9200.  
  9201. }
  9202.  
  9203.  
  9204.  
  9205. .m-auto {
  9206.  
  9207.    margin: auto
  9208.  
  9209. }
  9210.  
  9211.  
  9212.  
  9213. .mx-2 {
  9214.  
  9215.    margin-left: .5rem;
  9216.  
  9217.    margin-right: .5rem
  9218.  
  9219. }
  9220.  
  9221.  
  9222.  
  9223. .mx-6 {
  9224.  
  9225.    margin-left: 1.5rem;
  9226.  
  9227.    margin-right: 1.5rem
  9228.  
  9229. }
  9230.  
  9231.  
  9232.  
  9233. .mx-auto {
  9234.  
  9235.    margin-left: auto;
  9236.  
  9237.    margin-right: auto
  9238.  
  9239. }
  9240.  
  9241.  
  9242.  
  9243. .my-2 {
  9244.  
  9245.    margin-top: .5rem;
  9246.  
  9247.    margin-bottom: .5rem
  9248.  
  9249. }
  9250.  
  9251.  
  9252.  
  9253. .my-20 {
  9254.  
  9255.    margin-top: 5rem;
  9256.  
  9257.    margin-bottom: 5rem
  9258.  
  9259. }
  9260.  
  9261.  
  9262.  
  9263. .my-3 {
  9264.  
  9265.    margin-top: .75rem;
  9266.  
  9267.    margin-bottom: .75rem
  9268.  
  9269. }
  9270.  
  9271.  
  9272.  
  9273. .my-4 {
  9274.  
  9275.    margin-top: 1rem;
  9276.  
  9277.    margin-bottom: 1rem
  9278.  
  9279. }
  9280.  
  9281.  
  9282.  
  9283. .my-6 {
  9284.  
  9285.    margin-top: 1.5rem;
  9286.  
  9287.    margin-bottom: 1.5rem
  9288.  
  9289. }
  9290.  
  9291.  
  9292.  
  9293. .my-7 {
  9294.  
  9295.    margin-top: 1.75rem;
  9296.  
  9297.    margin-bottom: 1.75rem
  9298.  
  9299. }
  9300.  
  9301.  
  9302.  
  9303. .my-8 {
  9304.  
  9305.    margin-top: 2rem;
  9306.  
  9307.    margin-bottom: 2rem
  9308.  
  9309. }
  9310.  
  9311.  
  9312.  
  9313. .my-auto {
  9314.  
  9315.    margin-top: auto;
  9316.  
  9317.    margin-bottom: auto
  9318.  
  9319. }
  9320.  
  9321.  
  9322.  
  9323. .-mb-px {
  9324.  
  9325.    margin-bottom: -1px
  9326.  
  9327. }
  9328.  
  9329.  
  9330.  
  9331. .-ml-1 {
  9332.  
  9333.    margin-left: -.25rem
  9334.  
  9335. }
  9336.  
  9337.  
  9338.  
  9339. .-ml-px {
  9340.  
  9341.    margin-left: -1px
  9342.  
  9343. }
  9344.  
  9345.  
  9346.  
  9347. .-mr-10 {
  9348.  
  9349.    margin-right: -2.5rem
  9350.  
  9351. }
  9352.  
  9353.  
  9354.  
  9355. .-mr-12 {
  9356.  
  9357.    margin-right: -3rem
  9358.  
  9359. }
  9360.  
  9361.  
  9362.  
  9363. .-mt-16 {
  9364.  
  9365.    margin-top: -4rem
  9366.  
  9367. }
  9368.  
  9369.  
  9370.  
  9371. .mb-1 {
  9372.  
  9373.    margin-bottom: .25rem
  9374.  
  9375. }
  9376.  
  9377.  
  9378.  
  9379. .mb-1\.5 {
  9380.  
  9381.    margin-bottom: .375rem
  9382.  
  9383. }
  9384.  
  9385.  
  9386.  
  9387. .mb-10 {
  9388.  
  9389.    margin-bottom: 2.5rem
  9390.  
  9391. }
  9392.  
  9393.  
  9394.  
  9395. .mb-2 {
  9396.  
  9397.    margin-bottom: .5rem
  9398.  
  9399. }
  9400.  
  9401.  
  9402.  
  9403. .mb-3 {
  9404.  
  9405.    margin-bottom: .75rem
  9406.  
  9407. }
  9408.  
  9409.  
  9410.  
  9411. .mb-4 {
  9412.  
  9413.    margin-bottom: 1rem
  9414.  
  9415. }
  9416.  
  9417.  
  9418.  
  9419. .mb-5 {
  9420.  
  9421.    margin-bottom: 1.25rem
  9422.  
  9423. }
  9424.  
  9425.  
  9426.  
  9427. .mb-6 {
  9428.  
  9429.    margin-bottom: 1.5rem
  9430.  
  9431. }
  9432.  
  9433.  
  9434.  
  9435. .mb-8 {
  9436.  
  9437.    margin-bottom: 2rem
  9438.  
  9439. }
  9440.  
  9441.  
  9442.  
  9443. .mb-\[20px\] {
  9444.  
  9445.    margin-bottom: 20px
  9446.  
  9447. }
  9448.  
  9449.  
  9450.  
  9451. .ml-12 {
  9452.  
  9453.    margin-left: 3rem
  9454.  
  9455. }
  9456.  
  9457.  
  9458.  
  9459. .ml-2 {
  9460.  
  9461.    margin-left: .5rem
  9462.  
  9463. }
  9464.  
  9465.  
  9466.  
  9467. .ml-3 {
  9468.  
  9469.    margin-left: .75rem
  9470.  
  9471. }
  9472.  
  9473.  
  9474.  
  9475. .ml-4 {
  9476.  
  9477.    margin-left: 1rem
  9478.  
  9479. }
  9480.  
  9481.  
  9482.  
  9483. .ml-5 {
  9484.  
  9485.    margin-left: 1.25rem
  9486.  
  9487. }
  9488.  
  9489.  
  9490.  
  9491. .mr-2 {
  9492.  
  9493.    margin-right: .5rem
  9494.  
  9495. }
  9496.  
  9497.  
  9498.  
  9499. .mr-3 {
  9500.  
  9501.    margin-right: .75rem
  9502.  
  9503. }
  9504.  
  9505.  
  9506.  
  9507. .mr-4 {
  9508.  
  9509.    margin-right: 1rem
  9510.  
  9511. }
  9512.  
  9513.  
  9514.  
  9515. .mr-5 {
  9516.  
  9517.    margin-right: 1.25rem
  9518.  
  9519. }
  9520.  
  9521.  
  9522.  
  9523. .mt-1 {
  9524.  
  9525.    margin-top: .25rem
  9526.  
  9527. }
  9528.  
  9529.  
  9530.  
  9531. .mt-10 {
  9532.  
  9533.    margin-top: 2.5rem
  9534.  
  9535. }
  9536.  
  9537.  
  9538.  
  9539. .mt-12 {
  9540.  
  9541.    margin-top: 3rem
  9542.  
  9543. }
  9544.  
  9545.  
  9546.  
  9547. .mt-2 {
  9548.  
  9549.    margin-top: .5rem
  9550.  
  9551. }
  9552.  
  9553.  
  9554.  
  9555. .mt-3 {
  9556.  
  9557.    margin-top: .75rem
  9558.  
  9559. }
  9560.  
  9561.  
  9562.  
  9563. .mt-4 {
  9564.  
  9565.    margin-top: 1rem
  9566.  
  9567. }
  9568.  
  9569.  
  9570.  
  9571. .mt-5 {
  9572.  
  9573.    margin-top: 1.25rem
  9574.  
  9575. }
  9576.  
  9577.  
  9578.  
  9579. .mt-6 {
  9580.  
  9581.    margin-top: 1.5rem
  9582.  
  9583. }
  9584.  
  9585.  
  9586.  
  9587. .mt-7 {
  9588.  
  9589.    margin-top: 1.75rem
  9590.  
  9591. }
  9592.  
  9593.  
  9594.  
  9595. .mt-8 {
  9596.  
  9597.    margin-top: 2rem
  9598.  
  9599. }
  9600.  
  9601.  
  9602.  
  9603. .mt-\[20px\] {
  9604.  
  9605.    margin-top: 20px
  9606.  
  9607. }
  9608.  
  9609.  
  9610.  
  9611. .mt-\[30px\] {
  9612.  
  9613.    margin-top: 30px
  9614.  
  9615. }
  9616.  
  9617.  
  9618.  
  9619. .block {
  9620.  
  9621.    display: block
  9622.  
  9623. }
  9624.  
  9625.  
  9626.  
  9627. .inline-block {
  9628.  
  9629.    display: inline-block
  9630.  
  9631. }
  9632.  
  9633.  
  9634.  
  9635. .inline {
  9636.  
  9637.    display: inline
  9638.  
  9639. }
  9640.  
  9641.  
  9642.  
  9643. .flex {
  9644.  
  9645.    display: flex
  9646.  
  9647. }
  9648.  
  9649.  
  9650.  
  9651. .inline-flex {
  9652.  
  9653.    display: inline-flex
  9654.  
  9655. }
  9656.  
  9657.  
  9658.  
  9659. .table {
  9660.  
  9661.    display: table
  9662.  
  9663. }
  9664.  
  9665.  
  9666.  
  9667. .flow-root {
  9668.  
  9669.    display: flow-root
  9670.  
  9671. }
  9672.  
  9673.  
  9674.  
  9675. .grid {
  9676.  
  9677.    display: grid
  9678.  
  9679. }
  9680.  
  9681.  
  9682.  
  9683. .contents {
  9684.  
  9685.    display: contents
  9686.  
  9687. }
  9688.  
  9689.  
  9690.  
  9691. .hidden {
  9692.  
  9693.    display: none
  9694.  
  9695. }
  9696.  
  9697.  
  9698.  
  9699. .hidden-2 {
  9700.  
  9701.    display: block;
  9702.  
  9703. }
  9704.  
  9705.  
  9706.  
  9707. .h-0 {
  9708.  
  9709.    height: 0
  9710.  
  9711. }
  9712.  
  9713.  
  9714.  
  9715. .h-10 {
  9716.  
  9717.    height: 2.5rem
  9718.  
  9719. }
  9720.  
  9721.  
  9722.  
  9723. .h-12 {
  9724.  
  9725.    height: 3rem
  9726.  
  9727. }
  9728.  
  9729.  
  9730.  
  9731. .h-14 {
  9732.  
  9733.    height: 3.5rem
  9734.  
  9735. }
  9736.  
  9737.  
  9738.  
  9739. .h-16 {
  9740.  
  9741.    height: 4rem
  9742.  
  9743. }
  9744.  
  9745.  
  9746.  
  9747. .h-24 {
  9748.  
  9749.    height: 6rem
  9750.  
  9751. }
  9752.  
  9753.  
  9754.  
  9755. .h-3 {
  9756.  
  9757.    height: .75rem
  9758.  
  9759. }
  9760.  
  9761.  
  9762.  
  9763. .h-32 {
  9764.  
  9765.    height: 8rem
  9766.  
  9767. }
  9768.  
  9769.  
  9770.  
  9771. .h-4 {
  9772.  
  9773.    height: 1rem
  9774.  
  9775. }
  9776.  
  9777.  
  9778.  
  9779. .h-40 {
  9780.  
  9781.    height: 10rem
  9782.  
  9783. }
  9784.  
  9785.  
  9786.  
  9787. .h-5 {
  9788.  
  9789.    height: 1.25rem
  9790.  
  9791. }
  9792.  
  9793.  
  9794.  
  9795. .h-56 {
  9796.  
  9797.    height: 12rem;
  9798.  
  9799. }
  9800.  
  9801.  
  9802.  
  9803. .h-6 {
  9804.  
  9805.    height: 1.5rem
  9806.  
  9807. }
  9808.  
  9809.  
  9810.  
  9811. .h-64 {
  9812.  
  9813.    height: 16rem
  9814.  
  9815. }
  9816.  
  9817.  
  9818.  
  9819. .h-8 {
  9820.  
  9821.    height: 2rem
  9822.  
  9823. }
  9824.  
  9825.  
  9826.  
  9827. .h-\[100vh\] {
  9828.  
  9829.    height: 100vh
  9830.  
  9831. }
  9832.  
  9833.  
  9834.  
  9835. .h-\[16px\] {
  9836.  
  9837.    height: 16px
  9838.  
  9839. }
  9840.  
  9841.  
  9842.  
  9843. .h-\[24px\] {
  9844.  
  9845.    height: 24px
  9846.  
  9847. }
  9848.  
  9849.  
  9850.  
  9851. .h-\[280px\] {
  9852.  
  9853.    height: 280px
  9854.  
  9855. }
  9856.  
  9857.  
  9858.  
  9859. .h-\[460px\] {
  9860.  
  9861.    height: 460px
  9862.  
  9863. }
  9864.  
  9865.  
  9866.  
  9867. .h-\[5\.7rem\] {
  9868.  
  9869.    height: 5.7rem
  9870.  
  9871. }
  9872.  
  9873.  
  9874.  
  9875. .h-\[9\.4rem\] {
  9876.  
  9877.    height: 9.4rem
  9878.  
  9879. }
  9880.  
  9881.  
  9882.  
  9883. .h-auto {
  9884.  
  9885.    height: auto
  9886.  
  9887. }
  9888.  
  9889.  
  9890.  
  9891. .h-full {
  9892.  
  9893.    height: 100%
  9894.  
  9895. }
  9896.  
  9897.  
  9898.  
  9899. .h-px {
  9900.  
  9901.    height: 1px
  9902.  
  9903. }
  9904.  
  9905.  
  9906.  
  9907. .max-h-0 {
  9908.  
  9909.    max-height: 0
  9910.  
  9911. }
  9912.  
  9913.  
  9914.  
  9915. .max-h-\[1000px\] {
  9916.  
  9917.    max-height: 1000px
  9918.  
  9919. }
  9920.  
  9921.  
  9922.  
  9923. .max-h-\[9rem\] {
  9924.  
  9925.    max-height: 9rem
  9926.  
  9927. }
  9928.  
  9929.  
  9930.  
  9931. .max-h-screen {
  9932.  
  9933.    max-height: 100vh
  9934.  
  9935. }
  9936.  
  9937.  
  9938.  
  9939. .min-h-\[50vh\] {
  9940.  
  9941.    min-height: 50vh
  9942.  
  9943. }
  9944.  
  9945.  
  9946.  
  9947. .min-h-\[60vh\] {
  9948.  
  9949.    min-height: 60vh
  9950.  
  9951. }
  9952.  
  9953.  
  9954.  
  9955. .min-h-\[65vh\] {
  9956.  
  9957.    min-height: 65vh
  9958.  
  9959. }
  9960.  
  9961.  
  9962.  
  9963. .min-h-\[70vh\] {
  9964.  
  9965.    min-height: 70vh
  9966.  
  9967. }
  9968.  
  9969.  
  9970.  
  9971. .min-h-full {
  9972.  
  9973.    min-height: 100%
  9974.  
  9975. }
  9976.  
  9977.  
  9978.  
  9979. .min-h-screen {
  9980.  
  9981.    min-height: 100vh
  9982.  
  9983. }
  9984.  
  9985.  
  9986.  
  9987. .\!w-full {
  9988.  
  9989.    width: 100%!important
  9990.  
  9991. }
  9992.  
  9993.  
  9994.  
  9995. .w-1\/2 {
  9996.  
  9997.    width: 50%
  9998.  
  9999. }
  10000.  
  10001.  
  10002.  
  10003. .w-10 {
  10004.  
  10005.    width: 2.5rem
  10006.  
  10007. }
  10008.  
  10009.  
  10010.  
  10011. .w-11 {
  10012.  
  10013.    width: 2.75rem
  10014.  
  10015. }
  10016.  
  10017.  
  10018.  
  10019. .w-12 {
  10020.  
  10021.    width: 3rem
  10022.  
  10023. }
  10024.  
  10025.  
  10026.  
  10027. .w-14 {
  10028.  
  10029.    width: 3.5rem
  10030.  
  10031. }
  10032.  
  10033.  
  10034.  
  10035. .w-24 {
  10036.  
  10037.    width: 6rem
  10038.  
  10039. }
  10040.  
  10041.  
  10042.  
  10043. .w-28 {
  10044.  
  10045.    width: 7rem
  10046.  
  10047. }
  10048.  
  10049.  
  10050.  
  10051. .w-3 {
  10052.  
  10053.    width: .75rem
  10054.  
  10055. }
  10056.  
  10057.  
  10058.  
  10059. .w-4 {
  10060.  
  10061.    width: 1rem
  10062.  
  10063. }
  10064.  
  10065.  
  10066.  
  10067. .w-5 {
  10068.  
  10069.    width: 1.25rem
  10070.  
  10071. }
  10072.  
  10073.  
  10074.  
  10075. .w-56 {
  10076.  
  10077.    width: 14rem
  10078.  
  10079. }
  10080.  
  10081.  
  10082.  
  10083. .w-6 {
  10084.  
  10085.    width: 1.5rem
  10086.  
  10087. }
  10088.  
  10089.  
  10090.  
  10091. .w-72 {
  10092.  
  10093.    width: 18rem
  10094.  
  10095. }
  10096.  
  10097.  
  10098.  
  10099. .w-8 {
  10100.  
  10101.    width: 2rem
  10102.  
  10103. }
  10104.  
  10105.  
  10106.  
  10107. .w-80 {
  10108.  
  10109.    width: 20rem
  10110.  
  10111. }
  10112.  
  10113.  
  10114.  
  10115. .w-\[16px\] {
  10116.  
  10117.    width: 16px
  10118.  
  10119. }
  10120.  
  10121.  
  10122.  
  10123. .w-\[24px\] {
  10124.  
  10125.    width: 24px
  10126.  
  10127. }
  10128.  
  10129.  
  10130.  
  10131. .w-\[280px\] {
  10132.  
  10133.    width: 280px
  10134.  
  10135. }
  10136.  
  10137.  
  10138.  
  10139. .w-\[80px\] {
  10140.  
  10141.    width: 80px
  10142.  
  10143. }
  10144.  
  10145.  
  10146.  
  10147. .w-auto {
  10148.  
  10149.    width: auto
  10150.  
  10151. }
  10152.  
  10153.  
  10154.  
  10155. .w-full {
  10156.  
  10157.    width: 100%
  10158.  
  10159. }
  10160.  
  10161.  
  10162.  
  10163. .w-screen {
  10164.  
  10165.    width: 100vw
  10166.  
  10167. }
  10168.  
  10169.  
  10170.  
  10171. .min-w-0 {
  10172.  
  10173.    min-width: 0
  10174.  
  10175. }
  10176.  
  10177.  
  10178.  
  10179. .max-w-7xl {
  10180.  
  10181.    max-width: 80rem
  10182.  
  10183. }
  10184.  
  10185.  
  10186.  
  10187. .max-w-\[15rem\] {
  10188.  
  10189.    max-width: 15rem
  10190.  
  10191. }
  10192.  
  10193.  
  10194.  
  10195. .max-w-\[2\.5rem\] {
  10196.  
  10197.    max-width: 2.5rem
  10198.  
  10199. }
  10200.  
  10201.  
  10202.  
  10203. .max-w-\[3\.5rem\] {
  10204.  
  10205.    max-width: 3.5rem
  10206.  
  10207. }
  10208.  
  10209.  
  10210.  
  10211. .max-w-full {
  10212.  
  10213.    max-width: 100%
  10214.  
  10215. }
  10216.  
  10217.  
  10218.  
  10219. .max-w-md {
  10220.  
  10221.    max-width: 28rem
  10222.  
  10223. }
  10224.  
  10225.  
  10226.  
  10227. .max-w-xl {
  10228.  
  10229.    max-width: 36rem
  10230.  
  10231. }
  10232.  
  10233.  
  10234.  
  10235. .max-w-xs {
  10236.  
  10237.    max-width: 20rem
  10238.  
  10239. }
  10240.  
  10241.  
  10242.  
  10243. .flex-1 {
  10244.  
  10245.    flex: 1 1 0%
  10246.  
  10247. }
  10248.  
  10249.  
  10250.  
  10251. .flex-shrink {
  10252.  
  10253.    flex-shrink: 1
  10254.  
  10255. }
  10256.  
  10257.  
  10258.  
  10259. .flex-shrink-0,.shrink-0 {
  10260.  
  10261.    flex-shrink: 0
  10262.  
  10263. }
  10264.  
  10265.  
  10266.  
  10267. .flex-grow,.grow {
  10268.  
  10269.    flex-grow: 1
  10270.  
  10271. }
  10272.  
  10273.  
  10274.  
  10275. .table-auto {
  10276.  
  10277.    table-layout: auto
  10278.  
  10279. }
  10280.  
  10281.  
  10282.  
  10283. .origin-\[0\] {
  10284.  
  10285.    transform-origin: 0
  10286.  
  10287. }
  10288.  
  10289.  
  10290.  
  10291. .origin-top-right {
  10292.  
  10293.    transform-origin: top right
  10294.  
  10295. }
  10296.  
  10297.  
  10298.  
  10299. .-translate-x-full {
  10300.  
  10301.    --tw-translate-x: -100%
  10302.  
  10303. }
  10304.  
  10305.  
  10306.  
  10307. .-translate-x-full,.-translate-y-1\/2 {
  10308.  
  10309.    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))
  10310.  
  10311. }
  10312.  
  10313.  
  10314.  
  10315. .-translate-y-1\/2 {
  10316.  
  10317.    --tw-translate-y: -50%
  10318.  
  10319. }
  10320.  
  10321.  
  10322.  
  10323. .-translate-y-3 {
  10324.  
  10325.    --tw-translate-y: -0.75rem
  10326.  
  10327. }
  10328.  
  10329.  
  10330.  
  10331. .-translate-y-3,.translate-x-0 {
  10332.  
  10333.    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))
  10334.  
  10335. }
  10336.  
  10337.  
  10338.  
  10339. .translate-x-0 {
  10340.  
  10341.    --tw-translate-x: 0px
  10342.  
  10343. }
  10344.  
  10345.  
  10346.  
  10347. .translate-y-0 {
  10348.  
  10349.    --tw-translate-y: 0px
  10350.  
  10351. }
  10352.  
  10353.  
  10354.  
  10355. .rotate-0,.translate-y-0 {
  10356.  
  10357.    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))
  10358.  
  10359. }
  10360.  
  10361.  
  10362.  
  10363. .rotate-0 {
  10364.  
  10365.    --tw-rotate: 0deg
  10366.  
  10367. }
  10368.  
  10369.  
  10370.  
  10371. .rotate-180 {
  10372.  
  10373.    --tw-rotate: 180deg
  10374.  
  10375. }
  10376.  
  10377.  
  10378.  
  10379. .rotate-180,.scale-100 {
  10380.  
  10381.    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))
  10382.  
  10383. }
  10384.  
  10385.  
  10386.  
  10387. .scale-100 {
  10388.  
  10389.    --tw-scale-x: 1;
  10390.  
  10391.    --tw-scale-y: 1
  10392.  
  10393. }
  10394.  
  10395.  
  10396.  
  10397. .scale-75 {
  10398.  
  10399.    --tw-scale-x: .75;
  10400.  
  10401.    --tw-scale-y: .75
  10402.  
  10403. }
  10404.  
  10405.  
  10406.  
  10407. .scale-75,.scale-95 {
  10408.  
  10409.    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))
  10410.  
  10411. }
  10412.  
  10413.  
  10414.  
  10415. .scale-95 {
  10416.  
  10417.    --tw-scale-x: .95;
  10418.  
  10419.    --tw-scale-y: .95
  10420.  
  10421. }
  10422.  
  10423.  
  10424.  
  10425. .transform {
  10426.  
  10427.    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))
  10428.  
  10429. }
  10430.  
  10431.  
  10432.  
  10433. @keyframes ping {
  10434.  
  10435.    75%,to {
  10436.  
  10437.        transform: scale(2);
  10438.  
  10439.        opacity: 0
  10440.  
  10441.    }
  10442.  
  10443. }
  10444.  
  10445.  
  10446.  
  10447. .animate-ping {
  10448.  
  10449.    animation: ping 1s cubic-bezier(0,0,.2,1) infinite
  10450.  
  10451. }
  10452.  
  10453.  
  10454.  
  10455. @keyframes pulse {
  10456.  
  10457.    50% {
  10458.  
  10459.        opacity: .5
  10460.  
  10461.    }
  10462.  
  10463. }
  10464.  
  10465.  
  10466.  
  10467. .animate-pulse {
  10468.  
  10469.    animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite
  10470.  
  10471. }
  10472.  
  10473.  
  10474.  
  10475. @keyframes spin {
  10476.  
  10477.    to {
  10478.  
  10479.        transform: rotate(1turn)
  10480.  
  10481.    }
  10482.  
  10483. }
  10484.  
  10485.  
  10486.  
  10487. .animate-spin {
  10488.  
  10489.    animation: spin 1s linear infinite
  10490.  
  10491. }
  10492.  
  10493.  
  10494.  
  10495. .cursor-not-allowed {
  10496.  
  10497.    cursor: not-allowed
  10498.  
  10499. }
  10500.  
  10501.  
  10502.  
  10503. .cursor-pointer {
  10504.  
  10505.    cursor: pointer
  10506.  
  10507. }
  10508.  
  10509.  
  10510.  
  10511. .appearance-none {
  10512.  
  10513.    -webkit-appearance: none;
  10514.  
  10515.    -moz-appearance: none;
  10516.  
  10517.    appearance: none
  10518.  
  10519. }
  10520.  
  10521.  
  10522.  
  10523. .grid-flow-col {
  10524.  
  10525.    grid-auto-flow: column
  10526.  
  10527. }
  10528.  
  10529.  
  10530.  
  10531. .grid-cols-1 {
  10532.  
  10533.    grid-template-columns: repeat(1,minmax(0,1fr))
  10534.  
  10535. }
  10536.  
  10537.  
  10538.  
  10539. .grid-cols-12 {
  10540.  
  10541.    grid-template-columns: repeat(12,minmax(0,1fr))
  10542.  
  10543. }
  10544.  
  10545.  
  10546.  
  10547. .grid-cols-2 {
  10548.  
  10549.    grid-template-columns: repeat(2,minmax(0,1fr))
  10550.  
  10551. }
  10552.  
  10553.  
  10554.  
  10555. .grid-cols-3 {
  10556.  
  10557.    grid-template-columns: repeat(3,minmax(0,1fr))
  10558.  
  10559. }
  10560.  
  10561.  
  10562.  
  10563. .grid-cols-6 {
  10564.  
  10565.    grid-template-columns: repeat(6,minmax(0,1fr))
  10566.  
  10567. }
  10568.  
  10569.  
  10570.  
  10571. .flex-row {
  10572.  
  10573.    flex-direction: row
  10574.  
  10575. }
  10576.  
  10577.  
  10578.  
  10579. .flex-row-reverse {
  10580.  
  10581.    flex-direction: row-reverse
  10582.  
  10583. }
  10584.  
  10585.  
  10586.  
  10587. .flex-col {
  10588.  
  10589.    flex-direction: column
  10590.  
  10591. }
  10592.  
  10593.  
  10594.  
  10595. .flex-col-reverse {
  10596.  
  10597.    flex-direction: column-reverse
  10598.  
  10599. }
  10600.  
  10601.  
  10602.  
  10603. .content-center {
  10604.  
  10605.    align-content: center
  10606.  
  10607. }
  10608.  
  10609.  
  10610.  
  10611. .content-start {
  10612.  
  10613.    align-content: flex-start
  10614.  
  10615. }
  10616.  
  10617.  
  10618.  
  10619. .content-end {
  10620.  
  10621.    align-content: flex-end
  10622.  
  10623. }
  10624.  
  10625.  
  10626.  
  10627. .items-start {
  10628.  
  10629.    align-items: flex-start
  10630.  
  10631. }
  10632.  
  10633.  
  10634.  
  10635. .items-end {
  10636.  
  10637.    align-items: flex-end
  10638.  
  10639. }
  10640.  
  10641.  
  10642.  
  10643. .items-center {
  10644.  
  10645.    align-items: center
  10646.  
  10647. }
  10648.  
  10649.  
  10650.  
  10651. .items-stretch {
  10652.  
  10653.    align-items: stretch
  10654.  
  10655. }
  10656.  
  10657.  
  10658.  
  10659. .justify-start {
  10660.  
  10661.    justify-content: flex-start
  10662.  
  10663. }
  10664.  
  10665.  
  10666.  
  10667. .justify-end {
  10668.  
  10669.    justify-content: flex-end
  10670.  
  10671. }
  10672.  
  10673.  
  10674.  
  10675. .justify-center {
  10676.  
  10677.    justify-content: center
  10678.  
  10679. }
  10680.  
  10681.  
  10682.  
  10683. .justify-between {
  10684.  
  10685.    justify-content: space-between
  10686.  
  10687. }
  10688.  
  10689.  
  10690.  
  10691. .justify-around {
  10692.  
  10693.    justify-content: space-around
  10694.  
  10695. }
  10696.  
  10697.  
  10698.  
  10699. .\!gap-0 {
  10700.  
  10701.    gap: 0!important
  10702.  
  10703. }
  10704.  
  10705.  
  10706.  
  10707. .gap-1 {
  10708.  
  10709.    gap: .25rem
  10710.  
  10711. }
  10712.  
  10713.  
  10714.  
  10715. .gap-1\.5 {
  10716.  
  10717.    gap: .375rem
  10718.  
  10719. }
  10720.  
  10721.  
  10722.  
  10723. .gap-12 {
  10724.  
  10725.    gap: 3rem
  10726.  
  10727. }
  10728.  
  10729.  
  10730.  
  10731. .gap-2 {
  10732.  
  10733.    gap: .5rem
  10734.  
  10735. }
  10736.  
  10737.  
  10738.  
  10739. .gap-3 {
  10740.  
  10741.    gap: .75rem
  10742.  
  10743. }
  10744.  
  10745.  
  10746.  
  10747. .gap-4 {
  10748.  
  10749.    gap: 1rem
  10750.  
  10751. }
  10752.  
  10753.  
  10754.  
  10755. .gap-5 {
  10756.  
  10757.    gap: 1.25rem
  10758.  
  10759. }
  10760.  
  10761.  
  10762.  
  10763. .gap-6 {
  10764.  
  10765.    gap: 1.5rem
  10766.  
  10767. }
  10768.  
  10769.  
  10770.  
  10771. .gap-8 {
  10772.  
  10773.    gap: 2rem
  10774.  
  10775. }
  10776.  
  10777.  
  10778.  
  10779. .gap-x-4 {
  10780.  
  10781.    -moz-column-gap: 1rem;
  10782.  
  10783.    column-gap: 1rem
  10784.  
  10785. }
  10786.  
  10787.  
  10788.  
  10789. .gap-y-10 {
  10790.  
  10791.    row-gap: 2.5rem
  10792.  
  10793. }
  10794.  
  10795.  
  10796.  
  10797. .gap-y-4 {
  10798.  
  10799.    row-gap: 1rem
  10800.  
  10801. }
  10802.  
  10803.  
  10804.  
  10805. .gap-y-8 {
  10806.  
  10807.    row-gap: 2rem
  10808.  
  10809. }
  10810.  
  10811.  
  10812.  
  10813. .-space-x-px>:not([hidden])~:not([hidden]) {
  10814.  
  10815.    --tw-space-x-reverse: 0;
  10816.  
  10817.    margin-right: calc(-1px * var(--tw-space-x-reverse));
  10818.  
  10819.    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)))
  10820.  
  10821. }
  10822.  
  10823.  
  10824.  
  10825. .space-x-2>:not([hidden])~:not([hidden]) {
  10826.  
  10827.    --tw-space-x-reverse: 0;
  10828.  
  10829.    margin-right: calc(.5rem * var(--tw-space-x-reverse));
  10830.  
  10831.    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
  10832.  
  10833. }
  10834.  
  10835.  
  10836.  
  10837. .space-x-6>:not([hidden])~:not([hidden]) {
  10838.  
  10839.    --tw-space-x-reverse: 0;
  10840.  
  10841.    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  10842.  
  10843.    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
  10844.  
  10845. }
  10846.  
  10847.  
  10848.  
  10849. .space-y-1>:not([hidden])~:not([hidden]) {
  10850.  
  10851.    --tw-space-y-reverse: 0;
  10852.  
  10853.    margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
  10854.  
  10855.    margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
  10856.  
  10857. }
  10858.  
  10859.  
  10860.  
  10861. .space-y-2>:not([hidden])~:not([hidden]) {
  10862.  
  10863.    --tw-space-y-reverse: 0;
  10864.  
  10865.    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  10866.  
  10867.    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
  10868.  
  10869. }
  10870.  
  10871.  
  10872.  
  10873. .space-y-3>:not([hidden])~:not([hidden]) {
  10874.  
  10875.    --tw-space-y-reverse: 0;
  10876.  
  10877.    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
  10878.  
  10879.    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
  10880.  
  10881. }
  10882.  
  10883.  
  10884.  
  10885. .space-y-4>:not([hidden])~:not([hidden]) {
  10886.  
  10887.    --tw-space-y-reverse: 0;
  10888.  
  10889.    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  10890.  
  10891.    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
  10892.  
  10893. }
  10894.  
  10895.  
  10896.  
  10897. .space-y-5>:not([hidden])~:not([hidden]) {
  10898.  
  10899.    --tw-space-y-reverse: 0;
  10900.  
  10901.    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  10902.  
  10903.    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
  10904.  
  10905. }
  10906.  
  10907.  
  10908.  
  10909. .divide-y>:not([hidden])~:not([hidden]) {
  10910.  
  10911.    --tw-divide-y-reverse: 0;
  10912.  
  10913.    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  10914.  
  10915.    border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
  10916.  
  10917. }
  10918.  
  10919.  
  10920.  
  10921. .divide-gray-100>:not([hidden])~:not([hidden]) {
  10922.  
  10923.    --tw-divide-opacity: 1;
  10924.  
  10925.    border-color: rgb(243 244 246/var(--tw-divide-opacity))
  10926.  
  10927. }
  10928.  
  10929.  
  10930.  
  10931. .overflow-hidden {
  10932.  
  10933.    overflow: hidden
  10934.  
  10935. }
  10936.  
  10937.  
  10938.  
  10939. .overflow-x-auto {
  10940.  
  10941.    overflow-x: auto
  10942.  
  10943. }
  10944.  
  10945.  
  10946.  
  10947. .overflow-y-auto {
  10948.  
  10949.    overflow-y: auto
  10950.  
  10951. }
  10952.  
  10953.  
  10954.  
  10955. .overflow-x-hidden {
  10956.  
  10957.    overflow-x: hidden
  10958.  
  10959. }
  10960.  
  10961.  
  10962.  
  10963. .overflow-x-scroll {
  10964.  
  10965.    overflow-x: scroll
  10966.  
  10967. }
  10968.  
  10969.  
  10970.  
  10971. .overflow-y-scroll {
  10972.  
  10973.    overflow-y: scroll
  10974.  
  10975. }
  10976.  
  10977.  
  10978.  
  10979. .truncate {
  10980.  
  10981.    overflow: hidden;
  10982.  
  10983.    white-space: nowrap
  10984.  
  10985. }
  10986.  
  10987.  
  10988.  
  10989. .text-ellipsis,.truncate {
  10990.  
  10991.    text-overflow: ellipsis
  10992.  
  10993. }
  10994.  
  10995.  
  10996.  
  10997. .whitespace-nowrap {
  10998.  
  10999.    white-space: nowrap
  11000.  
  11001. }
  11002.  
  11003.  
  11004.  
  11005. .whitespace-pre-line {
  11006.  
  11007.    white-space: pre-line
  11008.  
  11009. }
  11010.  
  11011.  
  11012.  
  11013. .break-words {
  11014.  
  11015.    overflow-wrap: break-word
  11016.  
  11017. }
  11018.  
  11019.  
  11020.  
  11021. .\!rounded-\[50px\] {
  11022.  
  11023.    border-radius: 50px!important
  11024.  
  11025. }
  11026.  
  11027.  
  11028.  
  11029. .\!rounded-full {
  11030.  
  11031.    border-radius: 9999px!important
  11032.  
  11033. }
  11034.  
  11035.  
  11036.  
  11037. .\!rounded-lg {
  11038.  
  11039.    border-radius: .5rem!important
  11040.  
  11041. }
  11042.  
  11043.  
  11044.  
  11045. .rounded {
  11046.  
  11047.    border-radius: .25rem
  11048.  
  11049. }
  11050.  
  11051.  
  11052.  
  11053. .rounded-2xl {
  11054.  
  11055.    border-radius: 1rem
  11056.  
  11057. }
  11058.  
  11059.  
  11060.  
  11061. .rounded-3xl {
  11062.  
  11063.    border-radius: 1.5rem
  11064.  
  11065. }
  11066.  
  11067.  
  11068.  
  11069. .rounded-\[15px\] {
  11070.  
  11071.    border-radius: 15px
  11072.  
  11073. }
  11074.  
  11075.  
  11076.  
  11077. .rounded-\[1rem\] {
  11078.  
  11079.    border-radius: 1rem
  11080.  
  11081. }
  11082.  
  11083.  
  11084.  
  11085. .rounded-\[8px\] {
  11086.  
  11087.    border-radius: 8px
  11088.  
  11089. }
  11090.  
  11091.  
  11092.  
  11093. .rounded-full {
  11094.  
  11095.    border-radius: 9999px
  11096.  
  11097. }
  11098.  
  11099.  
  11100.  
  11101. .rounded-lg {
  11102.  
  11103.    border-radius: .5rem
  11104.  
  11105. }
  11106.  
  11107.  
  11108.  
  11109. .rounded-md {
  11110.  
  11111.    border-radius: .375rem
  11112.  
  11113. }
  11114.  
  11115.  
  11116.  
  11117. .rounded-none {
  11118.  
  11119.    border-radius: 0
  11120.  
  11121. }
  11122.  
  11123.  
  11124.  
  11125. .rounded-xl {
  11126.  
  11127.    border-radius: .75rem
  11128.  
  11129. }
  11130.  
  11131.  
  11132.  
  11133. .rounded-b-lg {
  11134.  
  11135.    border-bottom-right-radius: .5rem;
  11136.  
  11137.    border-bottom-left-radius: .5rem
  11138.  
  11139. }
  11140.  
  11141.  
  11142.  
  11143. .rounded-l-full {
  11144.  
  11145.    border-top-left-radius: 9999px;
  11146.  
  11147.    border-bottom-left-radius: 9999px
  11148.  
  11149. }
  11150.  
  11151.  
  11152.  
  11153. .rounded-l-md {
  11154.  
  11155.    border-top-left-radius: .375rem;
  11156.  
  11157.    border-bottom-left-radius: .375rem
  11158.  
  11159. }
  11160.  
  11161.  
  11162.  
  11163. .rounded-r-full {
  11164.  
  11165.    border-top-right-radius: 9999px;
  11166.  
  11167.    border-bottom-right-radius: 9999px
  11168.  
  11169. }
  11170.  
  11171.  
  11172.  
  11173. .rounded-r-md {
  11174.  
  11175.    border-top-right-radius: .375rem;
  11176.  
  11177.    border-bottom-right-radius: .375rem
  11178.  
  11179. }
  11180.  
  11181.  
  11182.  
  11183. .rounded-t-\[20px\] {
  11184.  
  11185.    border-top-left-radius: 20px;
  11186.  
  11187.    border-top-right-radius: 20px
  11188.  
  11189. }
  11190.  
  11191.  
  11192.  
  11193. .rounded-t-lg {
  11194.  
  11195.    border-top-left-radius: .5rem;
  11196.  
  11197.    border-top-right-radius: .5rem
  11198.  
  11199. }
  11200.  
  11201.  
  11202.  
  11203. .rounded-bl-\[15px\] {
  11204.  
  11205.    border-bottom-left-radius: 15px
  11206.  
  11207. }
  11208.  
  11209.  
  11210.  
  11211. .rounded-bl-full {
  11212.  
  11213.    border-bottom-left-radius: 9999px
  11214.  
  11215. }
  11216.  
  11217.  
  11218.  
  11219. .rounded-br-\[15px\] {
  11220.  
  11221.    border-bottom-right-radius: 15px
  11222.  
  11223. }
  11224.  
  11225.  
  11226.  
  11227. .rounded-tr-\[3000px\] {
  11228.  
  11229.    border-top-right-radius: 3000px
  11230.  
  11231. }
  11232.  
  11233.  
  11234.  
  11235. .border {
  11236.  
  11237.    border-width: 1px
  11238.  
  11239. }
  11240.  
  11241.  
  11242.  
  11243. .border-0 {
  11244.  
  11245.    border-width: 0
  11246.  
  11247. }
  11248.  
  11249.  
  11250.  
  11251. .border-2 {
  11252.  
  11253.    border-width: 2px
  11254.  
  11255. }
  11256.  
  11257.  
  11258.  
  11259. .\!border-b {
  11260.  
  11261.    border-bottom-width: 1px!important
  11262.  
  11263. }
  11264.  
  11265.  
  11266.  
  11267. .border-b {
  11268.  
  11269.    border-bottom-width: 1px
  11270.  
  11271. }
  11272.  
  11273.  
  11274.  
  11275. .border-b-2 {
  11276.  
  11277.    border-bottom-width: 2px
  11278.  
  11279. }
  11280.  
  11281.  
  11282.  
  11283. .border-r {
  11284.  
  11285.    border-right-width: 1px
  11286.  
  11287. }
  11288.  
  11289.  
  11290.  
  11291. .border-t {
  11292.  
  11293.    border-top-width: 1px
  11294.  
  11295. }
  11296.  
  11297.  
  11298.  
  11299. .border-t-2 {
  11300.  
  11301.    border-top-width: 2px
  11302.  
  11303. }
  11304.  
  11305.  
  11306.  
  11307. .\!border-none {
  11308.  
  11309.    border-style: none!important
  11310.  
  11311. }
  11312.  
  11313.  
  11314.  
  11315. .border-none {
  11316.  
  11317.    border-style: none
  11318.  
  11319. }
  11320.  
  11321.  
  11322.  
  11323. .border-\[\#626274\] {
  11324.  
  11325.    --tw-border-opacity: 1;
  11326.  
  11327.    border-color: rgb(98 98 116/var(--tw-border-opacity))
  11328.  
  11329. }
  11330.  
  11331.  
  11332.  
  11333. .border-gray-300 {
  11334.  
  11335.    --tw-border-opacity: 1;
  11336.  
  11337.    border-color: rgb(209 213 219/var(--tw-border-opacity))
  11338.  
  11339. }
  11340.  
  11341.  
  11342.  
  11343. .border-gray-500 {
  11344.  
  11345.    --tw-border-opacity: 1;
  11346.  
  11347.    border-color: rgb(107 114 128/var(--tw-border-opacity))
  11348.  
  11349. }
  11350.  
  11351.  
  11352.  
  11353. .border-gray-600 {
  11354.  
  11355.    --tw-border-opacity: 1;
  11356.  
  11357.    border-color: rgb(75 85 99/var(--tw-border-opacity))
  11358.  
  11359. }
  11360.  
  11361.  
  11362.  
  11363. .border-gray-700 {
  11364.  
  11365.    --tw-border-opacity: 1;
  11366.  
  11367.    border-color: rgb(55 65 81/var(--tw-border-opacity))
  11368.  
  11369. }
  11370.  
  11371.  
  11372.  
  11373. .border-indigo-500 {
  11374.  
  11375.    --tw-border-opacity: 1;
  11376.  
  11377.    border-color: rgb(99 102 241/var(--tw-border-opacity))
  11378.  
  11379. }
  11380.  
  11381.  
  11382.  
  11383. .border-transparent {
  11384.  
  11385.    border-color: transparent
  11386.  
  11387. }
  11388.  
  11389.  
  11390.  
  11391. .border-white\/30 {
  11392.  
  11393.    border-color: hsla(0,0%,100%,.3)
  11394.  
  11395. }
  11396.  
  11397.  
  11398.  
  11399. .\!bg-gray-300 {
  11400.  
  11401.    --tw-bg-opacity: 1!important;
  11402.  
  11403.    background-color: rgb(209 213 219/var(--tw-bg-opacity))!important
  11404.  
  11405. }
  11406.  
  11407.  
  11408.  
  11409. .bg-\[\#22a328\] {
  11410.  
  11411.    --tw-bg-opacity: 1;
  11412.  
  11413.    background-color: rgb(34 163 40/var(--tw-bg-opacity))
  11414.  
  11415. }
  11416.  
  11417.  
  11418.  
  11419. .bg-\[\#2abe31\] {
  11420.  
  11421.    --tw-bg-opacity: 1;
  11422.  
  11423.    background-color: rgb(42 190 49/var(--tw-bg-opacity))
  11424.  
  11425. }
  11426.  
  11427.  
  11428.  
  11429. .bg-\[\#5067e4\] {
  11430.  
  11431.    --tw-bg-opacity: 1;
  11432.  
  11433.    background-color: rgb(80 103 228/var(--tw-bg-opacity))
  11434.  
  11435. }
  11436.  
  11437.  
  11438.  
  11439. .bg-\[\#e44a4a\] {
  11440.  
  11441.    --tw-bg-opacity: 1;
  11442.  
  11443.    background-color: rgb(228 74 74/var(--tw-bg-opacity))
  11444.  
  11445. }
  11446.  
  11447.  
  11448.  
  11449. .bg-\[\#e7fea2\] {
  11450.  
  11451.    --tw-bg-opacity: 1;
  11452.  
  11453.    background-color: rgb(231 254 162/var(--tw-bg-opacity))
  11454.  
  11455. }
  11456.  
  11457.  
  11458.  
  11459. .bg-\[\#ffc5c5\] {
  11460.  
  11461.    --tw-bg-opacity: 1;
  11462.  
  11463.    background-color: rgb(255 197 197/var(--tw-bg-opacity))
  11464.  
  11465. }
  11466.  
  11467.  
  11468.  
  11469. .bg-\[\#fff2c5\] {
  11470.  
  11471.    --tw-bg-opacity: 1;
  11472.  
  11473.    background-color: rgb(255 242 197/var(--tw-bg-opacity))
  11474.  
  11475. }
  11476.  
  11477.  
  11478.  
  11479. .bg-backgroundSecondary {
  11480.  
  11481.    --tw-bg-opacity: 1;
  11482.  
  11483.    background-color: rgb(50 50 62/var(--tw-bg-opacity))
  11484.  
  11485. }
  11486.  
  11487.  
  11488.  
  11489. .bg-black {
  11490.  
  11491.    --tw-bg-opacity: 1;
  11492.  
  11493.    background-color: rgb(0 0 0/var(--tw-bg-opacity))
  11494.  
  11495. }
  11496.  
  11497.  
  11498.  
  11499. .bg-blue-100 {
  11500.  
  11501.    --tw-bg-opacity: 1;
  11502.  
  11503.    background-color: rgb(219 234 254/var(--tw-bg-opacity))
  11504.  
  11505. }
  11506.  
  11507.  
  11508.  
  11509. .bg-btnPurple {
  11510.  
  11511.    --tw-bg-opacity: 1;
  11512.  
  11513.    background-color: rgb(112 127 235/var(--tw-bg-opacity))
  11514.  
  11515. }
  11516.  
  11517.  
  11518.  
  11519. .bg-btnPurple\/70 {
  11520.  
  11521.    background-color: rgba(112,127,235,.7)
  11522.  
  11523. }
  11524.  
  11525.  
  11526.  
  11527. .bg-gray-200 {
  11528.  
  11529.    --tw-bg-opacity: 1;
  11530.  
  11531.    background-color: rgb(229 231 235/var(--tw-bg-opacity))
  11532.  
  11533. }
  11534.  
  11535.  
  11536.  
  11537. .bg-gray-300 {
  11538.  
  11539.    --tw-bg-opacity: 1;
  11540.  
  11541.    background-color: rgb(209 213 219/var(--tw-bg-opacity))
  11542.  
  11543. }
  11544.  
  11545.  
  11546.  
  11547. .bg-gray-600\/75 {
  11548.  
  11549.    background-color: rgba(75,85,99,.75)
  11550.  
  11551. }
  11552.  
  11553.  
  11554.  
  11555. .bg-gray-700 {
  11556.  
  11557.    --tw-bg-opacity: 1;
  11558.  
  11559.    background-color: #B298C8
  11560.  
  11561. }
  11562.  
  11563.  
  11564.  
  11565. .bg-indigo-50 {
  11566.  
  11567.    --tw-bg-opacity: 1;
  11568.  
  11569.    background-color: rgb(238 242 255/var(--tw-bg-opacity))
  11570.  
  11571. }
  11572.  
  11573.  
  11574.  
  11575. .bg-orange-100 {
  11576.  
  11577.    --tw-bg-opacity: 1;
  11578.  
  11579.    background-color: rgb(255 237 213/var(--tw-bg-opacity))
  11580.  
  11581. }
  11582.  
  11583.  
  11584.  
  11585. .bg-orange-600 {
  11586.  
  11587.    --tw-bg-opacity: 1;
  11588.  
  11589.    background-color: rgb(234 88 12/var(--tw-bg-opacity))
  11590.  
  11591. }
  11592.  
  11593.  
  11594.  
  11595. .bg-transparent {
  11596.  
  11597.    background-color: transparent
  11598.  
  11599. }
  11600.  
  11601.  
  11602.  
  11603. .bg-white {
  11604.  
  11605.    --tw-bg-opacity: 1;
  11606.  
  11607.    background-color: rgb(255 255 255/var(--tw-bg-opacity))
  11608.  
  11609. }
  11610.  
  11611.  
  11612.  
  11613. .bg-white\/80 {
  11614.  
  11615.    background-color: hsla(0,0%,100%,.8)
  11616.  
  11617. }
  11618.  
  11619.  
  11620.  
  11621. .bg-opacity-0 {
  11622.  
  11623.    --tw-bg-opacity: 0
  11624.  
  11625. }
  11626.  
  11627.  
  11628.  
  11629. .bg-opacity-100 {
  11630.  
  11631.    --tw-bg-opacity: 1
  11632.  
  11633. }
  11634.  
  11635.  
  11636.  
  11637. .bg-opacity-40 {
  11638.  
  11639.    --tw-bg-opacity: 0.4
  11640.  
  11641. }
  11642.  
  11643.  
  11644.  
  11645. .bg-gradient-to-r {
  11646.  
  11647.    background-image: linear-gradient(to right,var(--tw-gradient-stops))
  11648.  
  11649. }
  11650.  
  11651.  
  11652.  
  11653. .bg-none {
  11654.  
  11655.    background-image: none
  11656.  
  11657. }
  11658.  
  11659.  
  11660.  
  11661. .from-gray-400 {
  11662.  
  11663.    --tw-gradient-from: #9ca3af;
  11664.  
  11665.    --tw-gradient-to: rgba(156,163,175,0);
  11666.  
  11667.    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
  11668.  
  11669. }
  11670.  
  11671.  
  11672.  
  11673. .fill-white {
  11674.  
  11675.    fill: #fff
  11676.  
  11677. }
  11678.  
  11679.  
  11680.  
  11681. .object-contain {
  11682.  
  11683.    -o-object-fit: contain;
  11684.  
  11685.    object-fit: contain
  11686.  
  11687. }
  11688.  
  11689.  
  11690.  
  11691. .\!object-cover {
  11692.  
  11693.    -o-object-fit: cover!important;
  11694.  
  11695.    object-fit: cover!important
  11696.  
  11697. }
  11698.  
  11699.  
  11700.  
  11701. .object-cover {
  11702.  
  11703.    -o-object-fit: cover;
  11704.  
  11705.    object-fit: cover
  11706.  
  11707. }
  11708.  
  11709.  
  11710.  
  11711. .object-center {
  11712.  
  11713.    -o-object-position: center;
  11714.  
  11715.    object-position: center
  11716.  
  11717. }
  11718.  
  11719.  
  11720.  
  11721. .object-left {
  11722.  
  11723.    -o-object-position: left;
  11724.  
  11725.    object-position: left
  11726.  
  11727. }
  11728.  
  11729.  
  11730.  
  11731. .object-right {
  11732.  
  11733.    -o-object-position: right;
  11734.  
  11735.    object-position: right
  11736.  
  11737. }
  11738.  
  11739.  
  11740.  
  11741. .\!p-0 {
  11742.  
  11743.    padding: 0!important
  11744.  
  11745. }
  11746.  
  11747.  
  11748.  
  11749. .\!p-4 {
  11750.  
  11751.    padding: 1rem!important
  11752.  
  11753. }
  11754.  
  11755.  
  11756.  
  11757. .p-0 {
  11758.  
  11759.    padding: 0
  11760.  
  11761. }
  11762.  
  11763.  
  11764.  
  11765. .p-1 {
  11766.  
  11767.    padding: .25rem
  11768.  
  11769. }
  11770.  
  11771.  
  11772.  
  11773. .p-2 {
  11774.  
  11775.    padding: .5rem
  11776.  
  11777. }
  11778.  
  11779.  
  11780.  
  11781. .p-2\.5 {
  11782.  
  11783.    padding: .625rem
  11784.  
  11785. }
  11786.  
  11787.  
  11788.  
  11789. .p-3 {
  11790.  
  11791.    padding: .75rem
  11792.  
  11793. }
  11794.  
  11795.  
  11796.  
  11797. .p-4 {
  11798.  
  11799.    padding: 1rem
  11800.  
  11801. }
  11802.  
  11803.  
  11804.  
  11805. .p-5 {
  11806.  
  11807.    padding: 1.25rem
  11808.  
  11809. }
  11810.  
  11811.  
  11812.  
  11813. .p-6 {
  11814.  
  11815.    padding: 1.5rem
  11816.  
  11817. }
  11818.  
  11819.  
  11820.  
  11821. .p-8 {
  11822.  
  11823.    padding: 2rem
  11824.  
  11825. }
  11826.  
  11827.  
  11828.  
  11829. .\!px-0 {
  11830.  
  11831.    padding-left: 0!important;
  11832.  
  11833.    padding-right: 0!important
  11834.  
  11835. }
  11836.  
  11837.  
  11838.  
  11839. .\!px-3 {
  11840.  
  11841.    padding-left: .75rem!important;
  11842.  
  11843.    padding-right: .75rem!important
  11844.  
  11845. }
  11846.  
  11847.  
  11848.  
  11849. .\!px-4 {
  11850.  
  11851.    padding-left: 1rem!important;
  11852.  
  11853.    padding-right: 1rem!important
  11854.  
  11855. }
  11856.  
  11857.  
  11858.  
  11859. .\!py-1 {
  11860.  
  11861.    padding-top: .25rem!important;
  11862.  
  11863.    padding-bottom: .25rem!important
  11864.  
  11865. }
  11866.  
  11867.  
  11868.  
  11869. .\!py-1\.5 {
  11870.  
  11871.    padding-top: .375rem!important;
  11872.  
  11873.    padding-bottom: .375rem!important
  11874.  
  11875. }
  11876.  
  11877.  
  11878.  
  11879. .px-0 {
  11880.  
  11881.    padding-left: 0;
  11882.  
  11883.    padding-right: 0
  11884.  
  11885. }
  11886.  
  11887.  
  11888.  
  11889. .px-1 {
  11890.  
  11891.    padding-left: .25rem;
  11892.  
  11893.    padding-right: .25rem
  11894.  
  11895. }
  11896.  
  11897.  
  11898.  
  11899. .px-14 {
  11900.  
  11901.    padding-left: 3.5rem;
  11902.  
  11903.    padding-right: 3.5rem
  11904.  
  11905. }
  11906.  
  11907.  
  11908.  
  11909. .px-2 {
  11910.  
  11911.    padding-left: .5rem;
  11912.  
  11913.    padding-right: .5rem
  11914.  
  11915. }
  11916.  
  11917.  
  11918.  
  11919. .px-2\.5 {
  11920.  
  11921.    padding-left: .625rem;
  11922.  
  11923.    padding-right: .625rem
  11924.  
  11925. }
  11926.  
  11927.  
  11928.  
  11929. .px-20 {
  11930.  
  11931.    padding-left: 5rem;
  11932.  
  11933.    padding-right: 5rem
  11934.  
  11935. }
  11936.  
  11937.  
  11938.  
  11939. .px-3 {
  11940.  
  11941.    padding-left: .75rem;
  11942.  
  11943.    padding-right: .75rem
  11944.  
  11945. }
  11946.  
  11947.  
  11948.  
  11949. .px-4 {
  11950.  
  11951.    padding-left: 1rem;
  11952.  
  11953.    padding-right: 1rem
  11954.  
  11955. }
  11956.  
  11957.  
  11958.  
  11959. .px-5 {
  11960.  
  11961.    padding-left: 1.25rem;
  11962.  
  11963.    padding-right: 1.25rem
  11964.  
  11965. }
  11966.  
  11967.  
  11968.  
  11969. .px-6 {
  11970.  
  11971.    padding-left: 1.5rem;
  11972.  
  11973.    padding-right: 1.5rem
  11974.  
  11975. }
  11976.  
  11977.  
  11978.  
  11979. .px-\[0\.75rem\] {
  11980.  
  11981.    padding-left: .75rem;
  11982.  
  11983.    padding-right: .75rem
  11984.  
  11985. }
  11986.  
  11987.  
  11988.  
  11989. .px-\[18px\] {
  11990.  
  11991.    padding-left: 18px;
  11992.  
  11993.    padding-right: 18px
  11994.  
  11995. }
  11996.  
  11997.  
  11998.  
  11999. .py-0 {
  12000.  
  12001.    padding-top: 0;
  12002.  
  12003.    padding-bottom: 0
  12004.  
  12005. }
  12006.  
  12007.  
  12008.  
  12009. .py-1 {
  12010.  
  12011.    padding-top: .25rem;
  12012.  
  12013.    padding-bottom: .25rem
  12014.  
  12015. }
  12016.  
  12017.  
  12018.  
  12019. .py-1\.5 {
  12020.  
  12021.    padding-top: .375rem;
  12022.  
  12023.    padding-bottom: .375rem
  12024.  
  12025. }
  12026.  
  12027.  
  12028.  
  12029. .py-10 {
  12030.  
  12031.    padding-top: 2.5rem;
  12032.  
  12033.    padding-bottom: 2.5rem
  12034.  
  12035. }
  12036.  
  12037.  
  12038.  
  12039. .py-2 {
  12040.  
  12041.    padding-top: .5rem;
  12042.  
  12043.    padding-bottom: .5rem
  12044.  
  12045. }
  12046.  
  12047.  
  12048.  
  12049. .py-2\.5 {
  12050.  
  12051.    padding-top: .625rem;
  12052.  
  12053.    padding-bottom: .625rem
  12054.  
  12055. }
  12056.  
  12057.  
  12058.  
  12059. .py-24 {
  12060.  
  12061.    padding-top: 6rem;
  12062.  
  12063.    padding-bottom: 6rem
  12064.  
  12065. }
  12066.  
  12067.  
  12068.  
  12069. .py-3 {
  12070.  
  12071.    padding-top: .75rem;
  12072.  
  12073.    padding-bottom: .75rem
  12074.  
  12075. }
  12076.  
  12077.  
  12078.  
  12079. .py-4 {
  12080.  
  12081.    padding-top: 1rem;
  12082.  
  12083.    padding-bottom: 1rem
  12084.  
  12085. }
  12086.  
  12087.  
  12088.  
  12089. .py-5 {
  12090.  
  12091.    padding-top: 1.25rem;
  12092.  
  12093.    padding-bottom: 1.25rem
  12094.  
  12095. }
  12096.  
  12097.  
  12098.  
  12099. .py-6 {
  12100.  
  12101.    padding-top: 1.5rem;
  12102.  
  12103.    padding-bottom: 1.5rem
  12104.  
  12105. }
  12106.  
  12107.  
  12108.  
  12109. .py-8 {
  12110.  
  12111.    padding-top: 2rem;
  12112.  
  12113.    padding-bottom: 2rem
  12114.  
  12115. }
  12116.  
  12117.  
  12118.  
  12119. .py-\[0\.5rem\] {
  12120.  
  12121.    padding-top: .5rem;
  12122.  
  12123.    padding-bottom: .5rem
  12124.  
  12125. }
  12126.  
  12127.  
  12128.  
  12129. .py-\[5\.5rem\] {
  12130.  
  12131.    padding-top: 5.5rem;
  12132.  
  12133.    padding-bottom: 5.5rem
  12134.  
  12135. }
  12136.  
  12137.  
  12138.  
  12139. .pb-0 {
  12140.  
  12141.    padding-bottom: 0
  12142.  
  12143. }
  12144.  
  12145.  
  12146.  
  12147. .pb-1 {
  12148.  
  12149.    padding-bottom: .25rem
  12150.  
  12151. }
  12152.  
  12153.  
  12154.  
  12155. .pb-14 {
  12156.  
  12157.    padding-bottom: 3.5rem
  12158.  
  12159. }
  12160.  
  12161.  
  12162.  
  12163. .pb-16 {
  12164.  
  12165.    padding-bottom: 4rem
  12166.  
  12167. }
  12168.  
  12169.  
  12170.  
  12171. .pb-2 {
  12172.  
  12173.    padding-bottom: .5rem
  12174.  
  12175. }
  12176.  
  12177.  
  12178.  
  12179. .pb-2\.5 {
  12180.  
  12181.    padding-bottom: .625rem
  12182.  
  12183. }
  12184.  
  12185.  
  12186.  
  12187. .pb-20 {
  12188.  
  12189.    padding-bottom: 5rem
  12190.  
  12191. }
  12192.  
  12193.  
  12194.  
  12195. .pb-24 {
  12196.  
  12197.    padding-bottom: 6rem
  12198.  
  12199. }
  12200.  
  12201.  
  12202.  
  12203. .pb-3 {
  12204.  
  12205.    padding-bottom: .75rem
  12206.  
  12207. }
  12208.  
  12209.  
  12210.  
  12211. .pb-32 {
  12212.  
  12213.    padding-bottom: 8rem
  12214.  
  12215. }
  12216.  
  12217.  
  12218.  
  12219. .pb-4 {
  12220.  
  12221.    padding-bottom: 1rem
  12222.  
  12223. }
  12224.  
  12225.  
  12226.  
  12227. .pb-5 {
  12228.  
  12229.    padding-bottom: 1.25rem
  12230.  
  12231. }
  12232.  
  12233.  
  12234.  
  12235. .pb-8,.pb-\[2rem\] {
  12236.  
  12237.    padding-bottom: 2rem
  12238.  
  12239. }
  12240.  
  12241.  
  12242.  
  12243. .pb-\[3px\] {
  12244.  
  12245.    padding-bottom: 3px
  12246.  
  12247. }
  12248.  
  12249.  
  12250.  
  12251. .pl-10 {
  12252.  
  12253.    padding-left: 2.5rem
  12254.  
  12255. }
  12256.  
  12257.  
  12258.  
  12259. .pl-2 {
  12260.  
  12261.    padding-left: .5rem
  12262.  
  12263. }
  12264.  
  12265.  
  12266.  
  12267. .pl-3 {
  12268.  
  12269.    padding-left: .75rem
  12270.  
  12271. }
  12272.  
  12273.  
  12274.  
  12275. .pl-4 {
  12276.  
  12277.    padding-left: 1rem
  12278.  
  12279. }
  12280.  
  12281.  
  12282.  
  12283. .pl-5 {
  12284.  
  12285.    padding-left: 1.25rem
  12286.  
  12287. }
  12288.  
  12289.  
  12290.  
  12291. .pl-\[3\.2rem\] {
  12292.  
  12293.    padding-left: 3.2rem
  12294.  
  12295. }
  12296.  
  12297.  
  12298.  
  12299. .pr-0 {
  12300.  
  12301.    padding-right: 0
  12302.  
  12303. }
  12304.  
  12305.  
  12306.  
  12307. .pr-10 {
  12308.  
  12309.    padding-right: 2.5rem
  12310.  
  12311. }
  12312.  
  12313.  
  12314.  
  12315. .pr-2 {
  12316.  
  12317.    padding-right: .5rem
  12318.  
  12319. }
  12320.  
  12321.  
  12322.  
  12323. .pr-20 {
  12324.  
  12325.    padding-right: 5rem
  12326.  
  12327. }
  12328.  
  12329.  
  12330.  
  12331. .pr-3 {
  12332.  
  12333.    padding-right: .75rem
  12334.  
  12335. }
  12336.  
  12337.  
  12338.  
  12339. .pr-4 {
  12340.  
  12341.    padding-right: 1rem
  12342.  
  12343. }
  12344.  
  12345.  
  12346.  
  12347. .pr-5 {
  12348.  
  12349.    padding-right: 1.25rem
  12350.  
  12351. }
  12352.  
  12353.  
  12354.  
  12355. .pr-\[3\.2rem\] {
  12356.  
  12357.    padding-right: 3.2rem
  12358.  
  12359. }
  12360.  
  12361.  
  12362.  
  12363. .pt-0 {
  12364.  
  12365.    padding-top: 0
  12366.  
  12367. }
  12368.  
  12369.  
  12370.  
  12371. .pt-1 {
  12372.  
  12373.    padding-top: .25rem
  12374.  
  12375. }
  12376.  
  12377.  
  12378.  
  12379. .pt-10 {
  12380.  
  12381.    padding-top: 2.5rem
  12382.  
  12383. }
  12384.  
  12385.  
  12386.  
  12387. .pt-12 {
  12388.  
  12389.    padding-top: 3rem
  12390.  
  12391. }
  12392.  
  12393.  
  12394.  
  12395. .pt-14 {
  12396.  
  12397.    padding-top: 3.5rem
  12398.  
  12399. }
  12400.  
  12401.  
  12402.  
  12403. .pt-16 {
  12404.  
  12405.    padding-top: 4rem
  12406.  
  12407. }
  12408.  
  12409.  
  12410.  
  12411. .pt-2 {
  12412.  
  12413.    padding-top: .5rem
  12414.  
  12415. }
  12416.  
  12417.  
  12418.  
  12419. .pt-3 {
  12420.  
  12421.    padding-top: .75rem
  12422.  
  12423. }
  12424.  
  12425.  
  12426.  
  12427. .pt-4 {
  12428.  
  12429.    padding-top: 1rem
  12430.  
  12431. }
  12432.  
  12433.  
  12434.  
  12435. .pt-5 {
  12436.  
  12437.    padding-top: 1.25rem
  12438.  
  12439. }
  12440.  
  12441.  
  12442.  
  12443. .pt-6 {
  12444.  
  12445.    padding-top: 1.5rem
  12446.  
  12447. }
  12448.  
  12449.  
  12450.  
  12451. .pt-8 {
  12452.  
  12453.    padding-top: 2rem
  12454.  
  12455. }
  12456.  
  12457.  
  12458.  
  12459. .text-left {
  12460.  
  12461.    text-align: left
  12462.  
  12463. }
  12464.  
  12465.  
  12466.  
  12467. .text-center {
  12468.  
  12469.    text-align: center
  12470.  
  12471. }
  12472.  
  12473.  
  12474.  
  12475. .text-right {
  12476.  
  12477.    text-align: right
  12478.  
  12479. }
  12480.  
  12481.  
  12482.  
  12483. .text-justify {
  12484.  
  12485.    text-align: justify
  12486.  
  12487. }
  12488.  
  12489.  
  12490.  
  12491. .text-start {
  12492.  
  12493.    text-align: start
  12494.  
  12495. }
  12496.  
  12497.  
  12498.  
  12499. .text-2xl {
  12500.  
  12501.    font-size: 1.5rem;
  12502.  
  12503.    line-height: 2rem
  12504.  
  12505. }
  12506.  
  12507.  
  12508.  
  12509. .text-4xl {
  12510.  
  12511.    font-size: 2.25rem;
  12512.  
  12513.    line-height: 2.5rem
  12514.  
  12515. }
  12516.  
  12517.  
  12518.  
  12519. .text-\[0\.92rem\] {
  12520.  
  12521.    font-size: .92rem
  12522.  
  12523. }
  12524.  
  12525.  
  12526.  
  12527. .text-\[10px\] {
  12528.  
  12529.    font-size: 10px
  12530.  
  12531. }
  12532.  
  12533.  
  12534.  
  12535. .text-\[12px\] {
  12536.  
  12537.    font-size: 12px
  12538.  
  12539. }
  12540.  
  12541.  
  12542.  
  12543. .text-\[13px\] {
  12544.  
  12545.    font-size: 13px
  12546.  
  12547. }
  12548.  
  12549.  
  12550.  
  12551. .text-\[14px\] {
  12552.  
  12553.    font-size: 14px
  12554.  
  12555. }
  12556.  
  12557.  
  12558.  
  12559. .text-\[15px\] {
  12560.  
  12561.    font-size: 15px
  12562.  
  12563. }
  12564.  
  12565.  
  12566.  
  12567. .text-\[18px\] {
  12568.  
  12569.    font-size: 18px
  12570.  
  12571. }
  12572.  
  12573.  
  12574.  
  12575. .text-\[20px\] {
  12576.  
  12577.    font-size: 20px
  12578.  
  12579. }
  12580.  
  12581.  
  12582.  
  12583. .text-\[24px\] {
  12584.  
  12585.    font-size: 24px
  12586.  
  12587. }
  12588.  
  12589.  
  12590.  
  12591. .text-\[40px\] {
  12592.  
  12593.    font-size: 40px
  12594.  
  12595. }
  12596.  
  12597.  
  12598.  
  12599. .text-base {
  12600.  
  12601.    font-size: 1rem;
  12602.  
  12603.    line-height: 1.5rem
  12604.  
  12605. }
  12606.  
  12607.  
  12608.  
  12609. .text-lg {
  12610.  
  12611.    font-size: 1.125rem;
  12612.  
  12613.    line-height: 1.75rem
  12614.  
  12615. }
  12616.  
  12617.  
  12618.  
  12619. .text-sm {
  12620.  
  12621.    font-size: .875rem;
  12622.  
  12623.    line-height: 1.25rem
  12624.  
  12625. }
  12626.  
  12627.  
  12628.  
  12629. .text-xl {
  12630.  
  12631.    font-size: 1.25rem;
  12632.  
  12633.    line-height: 1.75rem
  12634.  
  12635. }
  12636.  
  12637.  
  12638.  
  12639. .text-xs {
  12640.  
  12641.    font-size: .75rem;
  12642.  
  12643.    line-height: 1rem
  12644.  
  12645. }
  12646.  
  12647.  
  12648.  
  12649. .font-bold {
  12650.  
  12651.    font-weight: 700
  12652.  
  12653. }
  12654.  
  12655.  
  12656.  
  12657. .font-extrabold {
  12658.  
  12659.    font-weight: 800
  12660.  
  12661. }
  12662.  
  12663.  
  12664.  
  12665. .font-light {
  12666.  
  12667.    font-weight: 300
  12668.  
  12669. }
  12670.  
  12671.  
  12672.  
  12673. .font-medium {
  12674.  
  12675.    font-weight: 500
  12676.  
  12677. }
  12678.  
  12679.  
  12680.  
  12681. .font-normal {
  12682.  
  12683.    font-weight: 400
  12684.  
  12685. }
  12686.  
  12687.  
  12688.  
  12689. .font-semibold {
  12690.  
  12691.    font-weight: 600
  12692.  
  12693. }
  12694.  
  12695.  
  12696.  
  12697. .uppercase {
  12698.  
  12699.    text-transform: uppercase
  12700.  
  12701. }
  12702.  
  12703.  
  12704.  
  12705. .capitalize {
  12706.  
  12707.    text-transform: capitalize
  12708.  
  12709. }
  12710.  
  12711.  
  12712.  
  12713. .italic {
  12714.  
  12715.    font-style: italic
  12716.  
  12717. }
  12718.  
  12719.  
  12720.  
  12721. .leading-4 {
  12722.  
  12723.    line-height: 1rem
  12724.  
  12725. }
  12726.  
  12727.  
  12728.  
  12729. .leading-5 {
  12730.  
  12731.    line-height: 1.25rem
  12732.  
  12733. }
  12734.  
  12735.  
  12736.  
  12737. .leading-6 {
  12738.  
  12739.    line-height: 1.5rem
  12740.  
  12741. }
  12742.  
  12743.  
  12744.  
  12745. .leading-7 {
  12746.  
  12747.    line-height: 1.75rem
  12748.  
  12749. }
  12750.  
  12751.  
  12752.  
  12753. .leading-\[150\%\] {
  12754.  
  12755.    line-height: 150%
  12756.  
  12757. }
  12758.  
  12759.  
  12760.  
  12761. .leading-\[20px\] {
  12762.  
  12763.    line-height: 20px
  12764.  
  12765. }
  12766.  
  12767.  
  12768.  
  12769. .leading-\[26px\] {
  12770.  
  12771.    line-height: 26px
  12772.  
  12773. }
  12774.  
  12775.  
  12776.  
  12777. .leading-\[30\.8px\] {
  12778.  
  12779.    line-height: 30.8px
  12780.  
  12781. }
  12782.  
  12783.  
  12784.  
  12785. .leading-\[66\.8px\] {
  12786.  
  12787.    line-height: 66.8px
  12788.  
  12789. }
  12790.  
  12791.  
  12792.  
  12793. .leading-normal {
  12794.  
  12795.    line-height: 1.5
  12796.  
  12797. }
  12798.  
  12799.  
  12800.  
  12801. .tracking-\[0\.1em\] {
  12802.  
  12803.    letter-spacing: .1em
  12804.  
  12805. }
  12806.  
  12807.  
  12808.  
  12809. .tracking-\[0\.2em\] {
  12810.  
  12811.    letter-spacing: .2em
  12812.  
  12813. }
  12814.  
  12815.  
  12816.  
  12817. .tracking-\[0\.3px\] {
  12818.  
  12819.    letter-spacing: .3px
  12820.  
  12821. }
  12822.  
  12823.  
  12824.  
  12825. .tracking-tight {
  12826.  
  12827.    letter-spacing: -.025em
  12828.  
  12829. }
  12830.  
  12831.  
  12832.  
  12833.  
  12834.  
  12835. .text-black {
  12836.  
  12837.    --tw-text-opacity: 1;
  12838.  
  12839.    color: rgb(0 0 0/var(--tw-text-opacity))
  12840.  
  12841. }
  12842.  
  12843.  
  12844.  
  12845. .text-blue-700 {
  12846.  
  12847.    --tw-text-opacity: 1;
  12848.  
  12849.    color: rgb(29 78 216/var(--tw-text-opacity))
  12850.  
  12851. }
  12852.  
  12853.  
  12854.  
  12855. .text-btnPurple {
  12856.  
  12857.    --tw-text-opacity: 1;
  12858.  
  12859.    color: rgb(112 127 235/var(--tw-text-opacity))
  12860.  
  12861. }
  12862.  
  12863.  
  12864.  
  12865. .text-gray-200 {
  12866.  
  12867.    --tw-text-opacity: 1;
  12868.  
  12869.    color: rgb(229 231 235/var(--tw-text-opacity))
  12870.  
  12871. }
  12872.  
  12873.  
  12874.  
  12875. .text-gray-300 {
  12876.  
  12877.    --tw-text-opacity: 1;
  12878.  
  12879.    color: rgb(209 213 219/var(--tw-text-opacity))
  12880.  
  12881. }
  12882.  
  12883.  
  12884.  
  12885. .text-gray-400 {
  12886.  
  12887.    --tw-text-opacity: 1;
  12888.  
  12889.    color: rgb(156 163 175/var(--tw-text-opacity))
  12890.  
  12891. }
  12892.  
  12893.  
  12894.  
  12895. .text-gray-500 {
  12896.  
  12897.    --tw-text-opacity: 1;
  12898.  
  12899.    color: rgb(107 114 128/var(--tw-text-opacity))
  12900.  
  12901. }
  12902.  
  12903.  
  12904.  
  12905. .text-gray-600 {
  12906.  
  12907.    --tw-text-opacity: 1;
  12908.  
  12909.    color: rgb(75 85 99/var(--tw-text-opacity))
  12910.  
  12911. }
  12912.  
  12913.  
  12914.  
  12915. .text-gray-900 {
  12916.  
  12917.    --tw-text-opacity: 1;
  12918.  
  12919.    color: rgb(17 24 39/var(--tw-text-opacity))
  12920.  
  12921. }
  12922.  
  12923.  
  12924.  
  12925. .text-green-500 {
  12926.  
  12927.    --tw-text-opacity: 1;
  12928.  
  12929.    color: rgb(34 197 94/var(--tw-text-opacity))
  12930.  
  12931. }
  12932.  
  12933.  
  12934.  
  12935. .text-green-600 {
  12936.  
  12937.    --tw-text-opacity: 1;
  12938.  
  12939.    color: rgb(22 163 74/var(--tw-text-opacity))
  12940.  
  12941. }
  12942.  
  12943.  
  12944.  
  12945. .text-indigo-600 {
  12946.  
  12947.    --tw-text-opacity: 1;
  12948.  
  12949.    color: rgb(79 70 229/var(--tw-text-opacity))
  12950.  
  12951. }
  12952.  
  12953.  
  12954.  
  12955. .text-info {
  12956.  
  12957.    --tw-text-opacity: 1;
  12958.  
  12959.    color: rgb(34 211 238/var(--tw-text-opacity))
  12960.  
  12961. }
  12962.  
  12963.  
  12964.  
  12965. .text-orange-700 {
  12966.  
  12967.    --tw-text-opacity: 1;
  12968.  
  12969.    color: rgb(194 65 12/var(--tw-text-opacity))
  12970.  
  12971. }
  12972.  
  12973.  
  12974.  
  12975. .text-red-400 {
  12976.  
  12977.    --tw-text-opacity: 1;
  12978.  
  12979.    color: rgb(248 113 113/var(--tw-text-opacity))
  12980.  
  12981. }
  12982.  
  12983.  
  12984.  
  12985. .text-red-600 {
  12986.  
  12987.    --tw-text-opacity: 1;
  12988.  
  12989.    color: rgb(220 38 38/var(--tw-text-opacity))
  12990.  
  12991. }
  12992.  
  12993.  
  12994.  
  12995. .text-red-700 {
  12996.  
  12997.    --tw-text-opacity: 1;
  12998.  
  12999.    color: rgb(185 28 28/var(--tw-text-opacity))
  13000.  
  13001. }
  13002.  
  13003.  
  13004.  
  13005. .text-slate-900 {
  13006.  
  13007.    --tw-text-opacity: 1;
  13008.  
  13009.    color: rgb(15 23 42/var(--tw-text-opacity))
  13010.  
  13011. }
  13012.  
  13013.  
  13014.  
  13015. .text-white {
  13016.  
  13017.    --tw-text-opacity: 1;
  13018.  
  13019.    color: rgb(255 255 255/var(--tw-text-opacity))
  13020.  
  13021. }
  13022.  
  13023.  
  13024.  
  13025. .text-white\/70 {
  13026.  
  13027.    color: hsla(0,0%,100%,.7)
  13028.  
  13029. }
  13030.  
  13031.  
  13032.  
  13033. .text-white\/75 {
  13034.  
  13035.    color: hsla(0,0%,100%,.75)
  13036.  
  13037. }
  13038.  
  13039.  
  13040.  
  13041. .underline {
  13042.  
  13043.    text-decoration-line: underline
  13044.  
  13045. }
  13046.  
  13047.  
  13048.  
  13049. .no-underline {
  13050.  
  13051.    text-decoration-line: none
  13052.  
  13053. }
  13054.  
  13055.  
  13056.  
  13057. .opacity-0 {
  13058.  
  13059.    opacity: 0
  13060.  
  13061. }
  13062.  
  13063.  
  13064.  
  13065. .opacity-100 {
  13066.  
  13067.    opacity: 1
  13068.  
  13069. }
  13070.  
  13071.  
  13072.  
  13073. .opacity-25 {
  13074.  
  13075.    opacity: .25
  13076.  
  13077. }
  13078.  
  13079.  
  13080.  
  13081. .opacity-75 {
  13082.  
  13083.    opacity: .75
  13084.  
  13085. }
  13086.  
  13087.  
  13088.  
  13089. .mix-blend-multiply {
  13090.  
  13091.    mix-blend-mode: multiply
  13092.  
  13093. }
  13094.  
  13095.  
  13096.  
  13097. .shadow-2xl {
  13098.  
  13099.    --tw-shadow: 0 25px 50px -12px rgba(0,0,0,.25);
  13100.  
  13101.    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
  13102.  
  13103. }
  13104.  
  13105.  
  13106.  
  13107. .shadow-2xl,.shadow-lg {
  13108.  
  13109.    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
  13110.  
  13111. }
  13112.  
  13113.  
  13114.  
  13115. .shadow-lg {
  13116.  
  13117.    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
  13118.  
  13119.    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
  13120.  
  13121. }
  13122.  
  13123.  
  13124.  
  13125. .shadow-sm {
  13126.  
  13127.    --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
  13128.  
  13129.    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
  13130.  
  13131. }
  13132.  
  13133.  
  13134.  
  13135. .shadow-sm,.shadow-xl {
  13136.  
  13137.    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
  13138.  
  13139. }
  13140.  
  13141.  
  13142.  
  13143. .shadow-xl {
  13144.  
  13145.    --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
  13146.  
  13147.    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)
  13148.  
  13149. }
  13150.  
  13151.  
  13152.  
  13153. .shadow-white\/20 {
  13154.  
  13155.    --tw-shadow-color: hsla(0,0%,100%,.2);
  13156.  
  13157.    --tw-shadow: var(--tw-shadow-colored)
  13158.  
  13159. }
  13160.  
  13161.  
  13162.  
  13163. .ring-1 {
  13164.  
  13165.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  13166.  
  13167.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  13168.  
  13169.    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
  13170.  
  13171. }
  13172.  
  13173.  
  13174.  
  13175. .ring-black {
  13176.  
  13177.    --tw-ring-opacity: 1;
  13178.  
  13179.    --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity))
  13180.  
  13181. }
  13182.  
  13183.  
  13184.  
  13185. .ring-gray-500 {
  13186.  
  13187.    --tw-ring-opacity: 1;
  13188.  
  13189.    --tw-ring-color: rgb(107 114 128/var(--tw-ring-opacity))
  13190.  
  13191. }
  13192.  
  13193.  
  13194.  
  13195. .ring-slate-200 {
  13196.  
  13197.    --tw-ring-opacity: 1;
  13198.  
  13199.    --tw-ring-color: rgb(226 232 240/var(--tw-ring-opacity))
  13200.  
  13201. }
  13202.  
  13203.  
  13204.  
  13205. .ring-white {
  13206.  
  13207.    --tw-ring-opacity: 1;
  13208.  
  13209.    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity))
  13210.  
  13211. }
  13212.  
  13213.  
  13214.  
  13215. .ring-opacity-5 {
  13216.  
  13217.    --tw-ring-opacity: 0.05
  13218.  
  13219. }
  13220.  
  13221.  
  13222.  
  13223. .blur {
  13224.  
  13225.    --tw-blur: blur(8px)
  13226.  
  13227. }
  13228.  
  13229.  
  13230.  
  13231. .blur,.grayscale {
  13232.  
  13233.    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)
  13234.  
  13235. }
  13236.  
  13237.  
  13238.  
  13239. .grayscale {
  13240.  
  13241.    --tw-grayscale: grayscale(100%)
  13242.  
  13243. }
  13244.  
  13245.  
  13246.  
  13247. .invert {
  13248.  
  13249.    --tw-invert: invert(100%)
  13250.  
  13251. }
  13252.  
  13253.  
  13254.  
  13255. .filter,.invert {
  13256.  
  13257.    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)
  13258.  
  13259. }
  13260.  
  13261.  
  13262.  
  13263. .backdrop-blur-sm {
  13264.  
  13265.    --tw-backdrop-blur: blur(4px)
  13266.  
  13267. }
  13268.  
  13269.  
  13270.  
  13271. .backdrop-blur-sm,.backdrop-blur-xl {
  13272.  
  13273.    -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);
  13274.  
  13275.    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)
  13276.  
  13277. }
  13278.  
  13279.  
  13280.  
  13281. .backdrop-blur-xl {
  13282.  
  13283.    --tw-backdrop-blur: blur(24px)
  13284.  
  13285. }
  13286.  
  13287.  
  13288.  
  13289. .backdrop-filter {
  13290.  
  13291.    -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);
  13292.  
  13293.    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)
  13294.  
  13295. }
  13296.  
  13297.  
  13298.  
  13299. .transition {
  13300.  
  13301.    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  13302.  
  13303.    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  13304.  
  13305.    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  13306.  
  13307.    transition-timing-function: cubic-bezier(.4,0,.2,1);
  13308.  
  13309.    transition-duration: .15s
  13310.  
  13311. }
  13312.  
  13313.  
  13314.  
  13315. .transition-all {
  13316.  
  13317.    transition-property: all;
  13318.  
  13319.    transition-timing-function: cubic-bezier(.4,0,.2,1);
  13320.  
  13321.    transition-duration: .15s
  13322.  
  13323. }
  13324.  
  13325.  
  13326.  
  13327. .transition-colors {
  13328.  
  13329.    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;
  13330.  
  13331.    transition-timing-function: cubic-bezier(.4,0,.2,1);
  13332.  
  13333.    transition-duration: .15s
  13334.  
  13335. }
  13336.  
  13337.  
  13338.  
  13339. .transition-opacity {
  13340.  
  13341.    transition-property: opacity;
  13342.  
  13343.    transition-timing-function: cubic-bezier(.4,0,.2,1);
  13344.  
  13345.    transition-duration: .15s
  13346.  
  13347. }
  13348.  
  13349.  
  13350.  
  13351. .duration-100 {
  13352.  
  13353.    transition-duration: .1s
  13354.  
  13355. }
  13356.  
  13357.  
  13358.  
  13359. .duration-1000 {
  13360.  
  13361.    transition-duration: 1s
  13362.  
  13363. }
  13364.  
  13365.  
  13366.  
  13367. .duration-150 {
  13368.  
  13369.    transition-duration: .15s
  13370.  
  13371. }
  13372.  
  13373.  
  13374.  
  13375. .duration-200 {
  13376.  
  13377.    transition-duration: .2s
  13378.  
  13379. }
  13380.  
  13381.  
  13382.  
  13383. .duration-300 {
  13384.  
  13385.    transition-duration: .3s
  13386.  
  13387. }
  13388.  
  13389.  
  13390.  
  13391. .duration-500 {
  13392.  
  13393.    transition-duration: .5s
  13394.  
  13395. }
  13396.  
  13397.  
  13398.  
  13399. .duration-75 {
  13400.  
  13401.    transition-duration: 75ms
  13402.  
  13403. }
  13404.  
  13405.  
  13406.  
  13407. .duration-\[600ms\] {
  13408.  
  13409.    transition-duration: .6s
  13410.  
  13411. }
  13412.  
  13413.  
  13414.  
  13415. .ease-in {
  13416.  
  13417.    transition-timing-function: cubic-bezier(.4,0,1,1)
  13418.  
  13419. }
  13420.  
  13421.  
  13422.  
  13423. .ease-in-out {
  13424.  
  13425.    transition-timing-function: cubic-bezier(.4,0,.2,1)
  13426.  
  13427. }
  13428.  
  13429.  
  13430.  
  13431. .ease-out {
  13432.  
  13433.    transition-timing-function: cubic-bezier(0,0,.2,1)
  13434.  
  13435. }
  13436.  
  13437.  
  13438.  
  13439. .line-clamp-1 {
  13440.  
  13441.    -webkit-line-clamp: 1
  13442.  
  13443. }
  13444.  
  13445.  
  13446.  
  13447. .line-clamp-1,.line-clamp-2 {
  13448.  
  13449.    overflow: hidden;
  13450.  
  13451.    display: -webkit-box;
  13452.  
  13453.    -webkit-box-orient: vertical
  13454.  
  13455. }
  13456.  
  13457.  
  13458.  
  13459. .line-clamp-2 {
  13460.  
  13461.    -webkit-line-clamp: 2
  13462.  
  13463. }
  13464.  
  13465.  
  13466.  
  13467. .scrollbar-hide {
  13468.  
  13469.    -ms-overflow-style: none;
  13470.  
  13471.    scrollbar-width: none
  13472.  
  13473. }
  13474.  
  13475.  
  13476.  
  13477. .scrollbar-hide::-webkit-scrollbar {
  13478.  
  13479.    display: none
  13480.  
  13481. }
  13482.  
  13483.  
  13484.  
  13485. input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
  13486.  
  13487.    -webkit-appearance: none;
  13488.  
  13489.    appearance: none
  13490.  
  13491. }
  13492.  
  13493.  
  13494.  
  13495. .bg-gradient-black {
  13496.  
  13497.    background: linear-gradient(163.42deg,#374353c3 -107%,#ffffff00 105.46%);
  13498.  
  13499.    border: 1px solid #626274;
  13500.  
  13501.    border-radius: 16px
  13502.  
  13503. }
  13504.  
  13505.  
  13506.  
  13507.  
  13508.  
  13509.  
  13510.  
  13511. html {
  13512.  
  13513.    -moz-tab-size: 4;
  13514.  
  13515.    -o-tab-size: 4;
  13516.  
  13517.    tab-size: 4
  13518.  
  13519. }
  13520.  
  13521.  
  13522.  
  13523. body {
  13524.  
  13525.    margin: 0;
  13526.  
  13527.    line-height: inherit
  13528.  
  13529. }
  13530.  
  13531.  
  13532.  
  13533. .membership-banner {
  13534.  
  13535.    content: "";
  13536.  
  13537.    position: relative;
  13538.  
  13539.    background: url(/images/logo-transparent.png) 100% 60% no-repeat;
  13540.  
  13541.    background-size: 60%,70%;
  13542.  
  13543.    overflow: hidden
  13544.  
  13545. }
  13546.  
  13547.  
  13548.  
  13549. .text-gradient-orange {
  13550.  
  13551.    background: linear-gradient(270deg,#e7273d -1.95%,#df5f3b 97.95%);
  13552.  
  13553.    -webkit-background-clip: text;
  13554.  
  13555.    -webkit-text-fill-color: transparent;
  13556.  
  13557.    background-clip: text
  13558.  
  13559. }
  13560.  
  13561.  
  13562.  
  13563. .featured-game-card:hover {
  13564.  
  13565.    transition: all 1s
  13566.  
  13567. }
  13568.  
  13569.  
  13570.  
  13571. .featured-game-card:hover img {
  13572.  
  13573.    filter: blur(3.5px);
  13574.  
  13575. }
  13576.  
  13577.  
  13578.  
  13579. .featured-game-card .blur-sharp {
  13580.  
  13581.    overflow: hidden;
  13582.  
  13583.    border-radius: 1rem
  13584.  
  13585. }
  13586.  
  13587.  
  13588.  
  13589. .cover {
  13590.  
  13591.    transition: all 1s;
  13592.  
  13593.    opacity: 0;
  13594.  
  13595.    left: 0;
  13596.  
  13597.    right: 0;
  13598.  
  13599.    border-radius: 1rem
  13600.  
  13601. }
  13602.  
  13603.  
  13604.  
  13605. .featured-game-card:hover .cover {
  13606.  
  13607.    transition: all 1s;
  13608.  
  13609.    opacity: 1;
  13610.  
  13611.    border-radius: 1rem
  13612.  
  13613. }
  13614.  
  13615.  
  13616.  
  13617. .icon-button {
  13618.  
  13619.    position: relative;
  13620.  
  13621.    display: inline-flex;
  13622.  
  13623.    border: 0;
  13624.  
  13625.    padding: 0;
  13626.  
  13627.    margin: 0;
  13628.  
  13629.    outline: none;
  13630.  
  13631.    background: #fff;
  13632.  
  13633.    border-radius: 50%;
  13634.  
  13635.    cursor: pointer;
  13636.  
  13637.    overflow: hidden;
  13638.  
  13639.    text-decoration: none;
  13640.  
  13641.    box-sizing: border-box;
  13642.  
  13643.    flex-shrink: 0
  13644.  
  13645. }
  13646.  
  13647.  
  13648.  
  13649. .flex-center,.icon-button {
  13650.  
  13651.    align-items: center;
  13652.  
  13653.    justify-content: center
  13654.  
  13655. }
  13656.  
  13657.  
  13658.  
  13659. .flex-center {
  13660.  
  13661.    display: flex
  13662.  
  13663. }
  13664.  
  13665.  
  13666.  
  13667. .grecaptcha-badge {
  13668.  
  13669.    visibility: hidden
  13670.  
  13671. }
  13672.  
  13673.  
  13674.  
  13675. ::-webkit-scrollbar {
  13676.  
  13677.    width: 8px;
  13678.  
  13679.    height: 2px;
  13680.  
  13681.    background-color: transparent
  13682.  
  13683. }
  13684.  
  13685.  
  13686.  
  13687. ::-webkit-scrollbar-track {
  13688.  
  13689.    display: none
  13690.  
  13691. }
  13692.  
  13693.  
  13694.  
  13695. ::-webkit-scrollbar-thumb {
  13696.  
  13697.    background-color: #c4c4c4;
  13698.  
  13699.    border-radius: .75rem
  13700.  
  13701. }
  13702.  
  13703.  
  13704.  
  13705. @keyframes fadeInTop {
  13706.  
  13707.    0% {
  13708.  
  13709.        opacity: 0;
  13710.  
  13711.        transform: translateY(-50px)
  13712.  
  13713.    }
  13714.  
  13715.  
  13716.  
  13717.    to {
  13718.  
  13719.        opacity: 1;
  13720.  
  13721.        transform: translateY(0)
  13722.  
  13723.    }
  13724.  
  13725. }
  13726.  
  13727.  
  13728.  
  13729. .shadow-navbar {
  13730.  
  13731.    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)
  13732.  
  13733. }
  13734.  
  13735.  
  13736.  
  13737. .fade-in-top {
  13738.  
  13739.    animation: fadeInTop .4s ease-in-out both
  13740.  
  13741. }
  13742.  
  13743.  
  13744.  
  13745.  
  13746.  
  13747.  
  13748.  
  13749. .shadow-social-media {
  13750.  
  13751.    box-shadow: 0 0 20px hsla(0,0%,45%,.22)
  13752.  
  13753. }
  13754.  
  13755.  
  13756.  
  13757. select {
  13758.  
  13759.    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");
  13760.  
  13761.    background-position: right .5rem center;
  13762.  
  13763.    background-repeat: no-repeat;
  13764.  
  13765.    background-size: 1.5em 1.5em;
  13766.  
  13767.    padding-right: 2.5rem;
  13768.  
  13769.    -webkit-print-color-adjust: exact;
  13770.  
  13771.    print-color-adjust: exact
  13772.  
  13773. }
  13774.  
  13775.  
  13776.  
  13777. .placeholder\:text-slate-400::-moz-placeholder {
  13778.  
  13779.    --tw-text-opacity: 1;
  13780.  
  13781.    color: rgb(148 163 184/var(--tw-text-opacity))
  13782.  
  13783. }
  13784.  
  13785.  
  13786.  
  13787. .placeholder\:text-slate-400::placeholder {
  13788.  
  13789.    --tw-text-opacity: 1;
  13790.  
  13791.    color: rgb(148 163 184/var(--tw-text-opacity))
  13792.  
  13793. }
  13794.  
  13795.  
  13796.  
  13797. .focus-within\:z-10:focus-within {
  13798.  
  13799.    z-index: 10
  13800.  
  13801. }
  13802.  
  13803.  
  13804.  
  13805. .focus-within\:text-slate-900:focus-within {
  13806.  
  13807.    --tw-text-opacity: 1;
  13808.  
  13809.    color: rgb(15 23 42/var(--tw-text-opacity))
  13810.  
  13811. }
  13812.  
  13813.  
  13814.  
  13815. .focus-within\:text-white:focus-within {
  13816.  
  13817.    --tw-text-opacity: 1;
  13818.  
  13819.    color: rgb(255 255 255/var(--tw-text-opacity))
  13820.  
  13821. }
  13822.  
  13823.  
  13824.  
  13825. .hover\:scale-105:hover {
  13826.  
  13827.    --tw-scale-x: 1.05;
  13828.  
  13829.    --tw-scale-y: 1.05
  13830.  
  13831. }
  13832.  
  13833.  
  13834.  
  13835. .hover\:scale-105:hover,.hover\:scale-110:hover {
  13836.  
  13837.    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))
  13838.  
  13839. }
  13840.  
  13841.  
  13842.  
  13843. .hover\:scale-110:hover {
  13844.  
  13845.    --tw-scale-x: 1.1;
  13846.  
  13847.    --tw-scale-y: 1.1
  13848.  
  13849. }
  13850.  
  13851.  
  13852.  
  13853. .hover\:cursor-not-allowed:hover {
  13854.  
  13855.    cursor: not-allowed
  13856.  
  13857. }
  13858.  
  13859.  
  13860.  
  13861. .hover\:cursor-pointer:hover {
  13862.  
  13863.    cursor: pointer
  13864.  
  13865. }
  13866.  
  13867.  
  13868.  
  13869. .hover\:border-white:hover {
  13870.  
  13871.    --tw-border-opacity: 1;
  13872.  
  13873.    border-color: rgb(255 255 255/var(--tw-border-opacity))
  13874.  
  13875. }
  13876.  
  13877.  
  13878.  
  13879. .hover\:bg-btnPurple:hover {
  13880.  
  13881.    --tw-bg-opacity: 1;
  13882.  
  13883.    background-color: rgb(112 127 235/var(--tw-bg-opacity))
  13884.  
  13885. }
  13886.  
  13887.  
  13888.  
  13889. .hover\:bg-btnPurple\/30:hover {
  13890.  
  13891.    background-color: rgba(112,127,235,.3)
  13892.  
  13893. }
  13894.  
  13895.  
  13896.  
  13897. .hover\:bg-gray-50:hover {
  13898.  
  13899.    --tw-bg-opacity: 1;
  13900.  
  13901.    background-color: rgb(249 250 251/var(--tw-bg-opacity))
  13902.  
  13903. }
  13904.  
  13905.  
  13906.  
  13907. .hover\:bg-orange-500:hover {
  13908.  
  13909.    --tw-bg-opacity: 1;
  13910.  
  13911.    background-color: rgb(249 115 22/var(--tw-bg-opacity))
  13912.  
  13913. }
  13914.  
  13915.  
  13916.  
  13917. .hover\:bg-slate-50\/5:hover {
  13918.  
  13919.    background-color: rgba(248,250,252,.05)
  13920.  
  13921. }
  13922.  
  13923.  
  13924.  
  13925. .hover\:bg-opacity-30:hover {
  13926.  
  13927.    --tw-bg-opacity: 0.3
  13928.  
  13929. }
  13930.  
  13931.  
  13932.  
  13933. .hover\:text-white:hover {
  13934.  
  13935.    --tw-text-opacity: 1;
  13936.  
  13937.    color: rgb(255 255 255/var(--tw-text-opacity))
  13938.  
  13939. }
  13940.  
  13941.  
  13942.  
  13943. .hover\:underline:hover {
  13944.  
  13945.    text-decoration-line: underline
  13946.  
  13947. }
  13948.  
  13949.  
  13950.  
  13951. .hover\:opacity-80:hover {
  13952.  
  13953.    opacity: .8
  13954.  
  13955. }
  13956.  
  13957.  
  13958.  
  13959. .hover\:shadow-lg:hover {
  13960.  
  13961.    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
  13962.  
  13963.    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
  13964.  
  13965. }
  13966.  
  13967.  
  13968.  
  13969. .hover\:shadow-lg:hover,.hover\:shadow-sm:hover {
  13970.  
  13971.    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
  13972.  
  13973. }
  13974.  
  13975.  
  13976.  
  13977. .hover\:shadow-sm:hover {
  13978.  
  13979.    --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
  13980.  
  13981.    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
  13982.  
  13983. }
  13984.  
  13985.  
  13986.  
  13987. .focus\:z-20:focus {
  13988.  
  13989.    z-index: 20
  13990.  
  13991. }
  13992.  
  13993.  
  13994.  
  13995. .focus\:border-none:focus {
  13996.  
  13997.    border-style: none
  13998.  
  13999. }
  14000.  
  14001.  
  14002.  
  14003. .focus\:border-\[\#2D2EAD\]:focus {
  14004.  
  14005.    --tw-border-opacity: 1;
  14006.  
  14007.    border-color: rgb(45 46 173/var(--tw-border-opacity))
  14008.  
  14009. }
  14010.  
  14011.  
  14012.  
  14013. .focus\:border-\[\#707feb\]:focus {
  14014.  
  14015.    --tw-border-opacity: 1;
  14016.  
  14017.    border-color: rgb(112 127 235/var(--tw-border-opacity))
  14018.  
  14019. }
  14020.  
  14021.  
  14022.  
  14023. .focus\:border-indigo-700:focus {
  14024.  
  14025.    --tw-border-opacity: 1;
  14026.  
  14027.    border-color: rgb(67 56 202/var(--tw-border-opacity))
  14028.  
  14029. }
  14030.  
  14031.  
  14032.  
  14033. .focus\:outline-none:focus {
  14034.  
  14035.    outline: 2px solid transparent;
  14036.  
  14037.    outline-offset: 2px
  14038.  
  14039. }
  14040.  
  14041.  
  14042.  
  14043. .focus\:ring:focus {
  14044.  
  14045.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  14046.  
  14047.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
  14048.  
  14049. }
  14050.  
  14051.  
  14052.  
  14053. .focus\:ring-2:focus,.focus\:ring:focus {
  14054.  
  14055.    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
  14056.  
  14057. }
  14058.  
  14059.  
  14060.  
  14061. .focus\:ring-2:focus {
  14062.  
  14063.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  14064.  
  14065.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
  14066.  
  14067. }
  14068.  
  14069.  
  14070.  
  14071. .focus\:ring-\[\#2D2EAD\]:focus {
  14072.  
  14073.    --tw-ring-opacity: 1;
  14074.  
  14075.    --tw-ring-color: rgb(45 46 173/var(--tw-ring-opacity))
  14076.  
  14077. }
  14078.  
  14079.  
  14080.  
  14081. .focus\:ring-indigo-500:focus {
  14082.  
  14083.    --tw-ring-opacity: 1;
  14084.  
  14085.    --tw-ring-color: rgb(99 102 241/var(--tw-ring-opacity))
  14086.  
  14087. }
  14088.  
  14089.  
  14090.  
  14091. .focus\:ring-white:focus {
  14092.  
  14093.    --tw-ring-opacity: 1;
  14094.  
  14095.    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity))
  14096.  
  14097. }
  14098.  
  14099.  
  14100.  
  14101. .focus\:ring-offset-2:focus {
  14102.  
  14103.    --tw-ring-offset-width: 2px
  14104.  
  14105. }
  14106.  
  14107.  
  14108.  
  14109. .focus\:duration-300:focus {
  14110.  
  14111.    transition-duration: .3s
  14112.  
  14113. }
  14114.  
  14115.  
  14116.  
  14117. .focus-visible\:ring-2:focus-visible {
  14118.  
  14119.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  14120.  
  14121.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  14122.  
  14123.    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
  14124.  
  14125. }
  14126.  
  14127.  
  14128.  
  14129. .focus-visible\:ring-white:focus-visible {
  14130.  
  14131.    --tw-ring-opacity: 1;
  14132.  
  14133.    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity))
  14134.  
  14135. }
  14136.  
  14137.  
  14138.  
  14139. .focus-visible\:ring-opacity-75:focus-visible {
  14140.  
  14141.    --tw-ring-opacity: 0.75
  14142.  
  14143. }
  14144.  
  14145.  
  14146.  
  14147. .disabled\:cursor-not-allowed:disabled {
  14148.  
  14149.    cursor: not-allowed
  14150.  
  14151. }
  14152.  
  14153.  
  14154.  
  14155. .group:hover .group-hover\:text-btnPurple {
  14156.  
  14157.    --tw-text-opacity: 1;
  14158.  
  14159.    color: rgb(112 127 235/var(--tw-text-opacity))
  14160.  
  14161. }
  14162.  
  14163.  
  14164.  
  14165. .group:hover .group-hover\:text-btnPurple\/50 {
  14166.  
  14167.    color: rgba(112,127,235,.5)
  14168.  
  14169. }
  14170.  
  14171.  
  14172.  
  14173. .group:hover .group-hover\:text-gray-500 {
  14174.  
  14175.    --tw-text-opacity: 1;
  14176.  
  14177.    color: rgb(107 114 128/var(--tw-text-opacity))
  14178.  
  14179. }
  14180.  
  14181.  
  14182.  
  14183. .peer:-moz-placeholder-shown~.peer-placeholder-shown\:translate-y-0 {
  14184.  
  14185.    --tw-translate-y: 0px;
  14186.  
  14187.    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))
  14188.  
  14189. }
  14190.  
  14191.  
  14192.  
  14193. .peer:placeholder-shown~.peer-placeholder-shown\:translate-y-0 {
  14194.  
  14195.    --tw-translate-y: 0px;
  14196.  
  14197.    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))
  14198.  
  14199. }
  14200.  
  14201.  
  14202.  
  14203. .peer:-moz-placeholder-shown~.peer-placeholder-shown\:scale-100 {
  14204.  
  14205.    --tw-scale-x: 1;
  14206.  
  14207.    --tw-scale-y: 1;
  14208.  
  14209.    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))
  14210.  
  14211. }
  14212.  
  14213.  
  14214.  
  14215. .peer:placeholder-shown~.peer-placeholder-shown\:scale-100 {
  14216.  
  14217.    --tw-scale-x: 1;
  14218.  
  14219.    --tw-scale-y: 1;
  14220.  
  14221.    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))
  14222.  
  14223. }
  14224.  
  14225.  
  14226.  
  14227. .peer:focus~.peer-focus\:-translate-y-3 {
  14228.  
  14229.    --tw-translate-y: -0.75rem
  14230.  
  14231. }
  14232.  
  14233.  
  14234.  
  14235. .peer:focus~.peer-focus\:-translate-y-3,.peer:focus~.peer-focus\:scale-75 {
  14236.  
  14237.    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))
  14238.  
  14239. }
  14240.  
  14241.  
  14242.  
  14243. .peer:focus~.peer-focus\:scale-75 {
  14244.  
  14245.    --tw-scale-x: .75;
  14246.  
  14247.    --tw-scale-y: .75
  14248.  
  14249. }
  14250.  
  14251.  
  14252.  
  14253. @media (prefers-color-scheme: dark) {
  14254.  
  14255.    .dark\:border-gray-700 {
  14256.  
  14257.        --tw-border-opacity:1;
  14258.  
  14259.        border-color: rgb(55 65 81/var(--tw-border-opacity))
  14260.  
  14261.    }
  14262.  
  14263.  
  14264.  
  14265.    .dark\:bg-blue-200 {
  14266.  
  14267.        --tw-bg-opacity: 1;
  14268.  
  14269.        background-color: rgb(191 219 254/var(--tw-bg-opacity))
  14270.  
  14271.    }
  14272.  
  14273.  
  14274.  
  14275.    .dark\:bg-orange-200 {
  14276.  
  14277.        --tw-bg-opacity: 1;
  14278.  
  14279.        background-color: rgb(254 215 170/var(--tw-bg-opacity))
  14280.  
  14281.    }
  14282.  
  14283.  
  14284.  
  14285.    .dark\:text-blue-800 {
  14286.  
  14287.        --tw-text-opacity: 1;
  14288.  
  14289.        color: rgb(30 64 175/var(--tw-text-opacity))
  14290.  
  14291.    }
  14292.  
  14293.  
  14294.  
  14295.    .dark\:text-gray-600 {
  14296.  
  14297.        --tw-text-opacity: 1;
  14298.  
  14299.        color: rgb(75 85 99/var(--tw-text-opacity))
  14300.  
  14301.    }
  14302.  
  14303.  
  14304.  
  14305.    .dark\:text-orange-800 {
  14306.  
  14307.        --tw-text-opacity: 1;
  14308.  
  14309.        color: rgb(154 52 18/var(--tw-text-opacity))
  14310.  
  14311.    }
  14312.  
  14313. }
  14314.  
  14315.  
  14316.  
  14317. @media (min-width: 640px) {
  14318.  
  14319.    .sm\:static {
  14320.  
  14321.        position:static
  14322.  
  14323.    }
  14324.  
  14325.  
  14326.  
  14327.    .sm\:inset-auto {
  14328.  
  14329.        top: auto;
  14330.  
  14331.        right: auto;
  14332.  
  14333.        bottom: auto;
  14334.  
  14335.        left: auto
  14336.  
  14337.    }
  14338.  
  14339.  
  14340.  
  14341.    .sm\:col-span-2 {
  14342.  
  14343.        grid-column: span 2/span 2
  14344.  
  14345.    }
  14346.  
  14347.  
  14348.  
  14349.    .sm\:mx-16 {
  14350.  
  14351.        margin-left: 4rem;
  14352.  
  14353.        margin-right: 4rem
  14354.  
  14355.    }
  14356.  
  14357.  
  14358.  
  14359.    .sm\:my-16 {
  14360.  
  14361.        margin-top: 4rem;
  14362.  
  14363.        margin-bottom: 4rem
  14364.  
  14365.    }
  14366.  
  14367.  
  14368.  
  14369.    .sm\:my-8 {
  14370.  
  14371.        margin-top: 2rem;
  14372.  
  14373.        margin-bottom: 2rem
  14374.  
  14375.    }
  14376.  
  14377.  
  14378.  
  14379.    .sm\:-mr-10 {
  14380.  
  14381.        margin-right: -2.5rem
  14382.  
  14383.    }
  14384.  
  14385.  
  14386.  
  14387.    .sm\:ml-3 {
  14388.  
  14389.        margin-left: .75rem
  14390.  
  14391.    }
  14392.  
  14393.  
  14394.  
  14395.    .sm\:ml-4 {
  14396.  
  14397.        margin-left: 1rem
  14398.  
  14399.    }
  14400.  
  14401.  
  14402.  
  14403.    .sm\:ml-6 {
  14404.  
  14405.        margin-left: 1.5rem
  14406.  
  14407.    }
  14408.  
  14409.  
  14410.  
  14411.    .sm\:mt-0 {
  14412.  
  14413.        margin-top: 0
  14414.  
  14415.    }
  14416.  
  14417.  
  14418.  
  14419.    .sm\:mt-2 {
  14420.  
  14421.        margin-top: .5rem
  14422.  
  14423.    }
  14424.  
  14425.  
  14426.  
  14427.    .sm\:mt-4 {
  14428.  
  14429.        margin-top: 1rem
  14430.  
  14431.    }
  14432.  
  14433.  
  14434.  
  14435.    .sm\:mt-6 {
  14436.  
  14437.        margin-top: 1.5rem
  14438.  
  14439.    }
  14440.  
  14441.  
  14442.  
  14443.    .sm\:block {
  14444.  
  14445.        display: block
  14446.  
  14447.    }
  14448.  
  14449.  
  14450.  
  14451.    .sm\:flex {
  14452.  
  14453.        display: flex
  14454.  
  14455.    }
  14456.  
  14457.  
  14458.  
  14459.    .sm\:grid {
  14460.  
  14461.        display: grid
  14462.  
  14463.    }
  14464.  
  14465.  
  14466.  
  14467.    .sm\:hidden {
  14468.  
  14469.        display: none
  14470.  
  14471.    }
  14472.  
  14473.  
  14474.  
  14475.    .sm\:h-\[14\.4rem\] {
  14476.  
  14477.        height: 14.4rem
  14478.  
  14479.    }
  14480.  
  14481.  
  14482.  
  14483.    .sm\:max-h-\[11\.5rem\] {
  14484.  
  14485.        max-height: 11.5rem
  14486.  
  14487.    }
  14488.  
  14489.  
  14490.  
  14491.    .sm\:w-auto {
  14492.  
  14493.        width: auto
  14494.  
  14495.    }
  14496.  
  14497.  
  14498.  
  14499.    .sm\:w-full {
  14500.  
  14501.        width: 100%
  14502.  
  14503.    }
  14504.  
  14505.  
  14506.  
  14507.    .sm\:max-w-lg {
  14508.  
  14509.        max-width: 32rem
  14510.  
  14511.    }
  14512.  
  14513.  
  14514.  
  14515.    .sm\:scale-100 {
  14516.  
  14517.        --tw-scale-x: 1;
  14518.  
  14519.        --tw-scale-y: 1;
  14520.  
  14521.        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))
  14522.  
  14523.    }
  14524.  
  14525.  
  14526.  
  14527.    .sm\:grid-cols-2 {
  14528.  
  14529.        grid-template-columns: repeat(2,minmax(0,1fr))
  14530.  
  14531.    }
  14532.  
  14533.  
  14534.  
  14535.    .sm\:grid-cols-3 {
  14536.  
  14537.        grid-template-columns: repeat(3,minmax(0,1fr))
  14538.  
  14539.    }
  14540.  
  14541.  
  14542.  
  14543.    .sm\:grid-cols-4 {
  14544.  
  14545.        grid-template-columns: repeat(4,minmax(0,1fr))
  14546.  
  14547.    }
  14548.  
  14549.  
  14550.  
  14551.    .sm\:flex-row-reverse {
  14552.  
  14553.        flex-direction: row-reverse
  14554.  
  14555.    }
  14556.  
  14557.  
  14558.  
  14559.    .sm\:items-start {
  14560.  
  14561.        align-items: flex-start
  14562.  
  14563.    }
  14564.  
  14565.  
  14566.  
  14567.    .sm\:items-end {
  14568.  
  14569.        align-items: flex-end
  14570.  
  14571.    }
  14572.  
  14573.  
  14574.  
  14575.    .sm\:items-center {
  14576.  
  14577.        align-items: center
  14578.  
  14579.    }
  14580.  
  14581.  
  14582.  
  14583.    .sm\:justify-start {
  14584.  
  14585.        justify-content: flex-start
  14586.  
  14587.    }
  14588.  
  14589.  
  14590.  
  14591.    .sm\:justify-between {
  14592.  
  14593.        justify-content: space-between
  14594.  
  14595.    }
  14596.  
  14597.  
  14598.  
  14599.    .sm\:gap-3 {
  14600.  
  14601.        gap: .75rem
  14602.  
  14603.    }
  14604.  
  14605.  
  14606.  
  14607.    .sm\:gap-4 {
  14608.  
  14609.        gap: 1rem
  14610.  
  14611.    }
  14612.  
  14613.  
  14614.  
  14615.    .sm\:gap-x-0 {
  14616.  
  14617.        -moz-column-gap: 0;
  14618.  
  14619.        column-gap: 0
  14620.  
  14621.    }
  14622.  
  14623.  
  14624.  
  14625.    .sm\:rounded-lg {
  14626.  
  14627.        border-radius: .5rem
  14628.  
  14629.    }
  14630.  
  14631.  
  14632.  
  14633.    .sm\:rounded-md {
  14634.  
  14635.        border-radius: .375rem
  14636.  
  14637.    }
  14638.  
  14639.  
  14640.  
  14641.    .sm\:p-0 {
  14642.  
  14643.        padding: 0
  14644.  
  14645.    }
  14646.  
  14647.  
  14648.  
  14649.    .sm\:p-6 {
  14650.  
  14651.        padding: 1.5rem
  14652.  
  14653.    }
  14654.  
  14655.  
  14656.  
  14657.    .sm\:px-16 {
  14658.  
  14659.        padding-left: 4rem;
  14660.  
  14661.        padding-right: 4rem
  14662.  
  14663.    }
  14664.  
  14665.  
  14666.  
  14667.    .sm\:px-6 {
  14668.  
  14669.        padding-left: 1.5rem;
  14670.  
  14671.        padding-right: 1.5rem
  14672.  
  14673.    }
  14674.  
  14675.  
  14676.  
  14677.    .sm\:py-12 {
  14678.  
  14679.        padding-top: 3rem;
  14680.  
  14681.        padding-bottom: 3rem
  14682.  
  14683.    }
  14684.  
  14685.  
  14686.  
  14687.    .sm\:py-16 {
  14688.  
  14689.        padding-top: 4rem;
  14690.  
  14691.        padding-bottom: 4rem
  14692.  
  14693.    }
  14694.  
  14695.  
  14696.  
  14697.    .sm\:py-2 {
  14698.  
  14699.        padding-top: .5rem;
  14700.  
  14701.        padding-bottom: .5rem
  14702.  
  14703.    }
  14704.  
  14705.  
  14706.  
  14707.    .sm\:py-24 {
  14708.  
  14709.        padding-top: 6rem;
  14710.  
  14711.        padding-bottom: 6rem
  14712.  
  14713.    }
  14714.  
  14715.  
  14716.  
  14717.    .sm\:py-32 {
  14718.  
  14719.        padding-top: 8rem;
  14720.  
  14721.        padding-bottom: 8rem
  14722.  
  14723.    }
  14724.  
  14725.  
  14726.  
  14727.    .sm\:py-4 {
  14728.  
  14729.        padding-top: 1rem;
  14730.  
  14731.        padding-bottom: 1rem
  14732.  
  14733.    }
  14734.  
  14735.  
  14736.  
  14737.    .sm\:pb-\[0\.5rem\] {
  14738.  
  14739.        padding-bottom: .5rem
  14740.  
  14741.    }
  14742.  
  14743.  
  14744.  
  14745.    .sm\:pl-4 {
  14746.  
  14747.        padding-left: 1rem
  14748.  
  14749.    }
  14750.  
  14751.  
  14752.  
  14753.    .sm\:pr-0 {
  14754.  
  14755.        padding-right: 0
  14756.  
  14757.    }
  14758.  
  14759.  
  14760.  
  14761.    .sm\:text-left {
  14762.  
  14763.        text-align: left
  14764.  
  14765.    }
  14766.  
  14767.  
  14768.  
  14769.    .sm\:text-2xl {
  14770.  
  14771.        font-size: 1.5rem;
  14772.  
  14773.        line-height: 2rem
  14774.  
  14775.    }
  14776.  
  14777.  
  14778.  
  14779.    .sm\:text-sm {
  14780.  
  14781.        font-size: .875rem;
  14782.  
  14783.        line-height: 1.25rem
  14784.  
  14785.    }
  14786.  
  14787.  
  14788.  
  14789.    .sm\:text-xl {
  14790.  
  14791.        font-size: 1.25rem;
  14792.  
  14793.        line-height: 1.75rem
  14794.  
  14795.    }
  14796.  
  14797. }
  14798.  
  14799.  
  14800.  
  14801. @media (min-width: 768px) {
  14802.  
  14803.    .md\:static {
  14804.  
  14805.        position:static
  14806.  
  14807.    }
  14808.  
  14809.  
  14810.  
  14811.    .md\:inset-y-0 {
  14812.  
  14813.        top: 0;
  14814.  
  14815.        bottom: 0
  14816.  
  14817.    }
  14818.  
  14819.  
  14820.  
  14821.    .md\:left-0 {
  14822.  
  14823.        left: 0
  14824.  
  14825.    }
  14826.  
  14827.  
  14828.  
  14829.    .md\:col-span-11 {
  14830.  
  14831.        grid-column: span 11/span 11
  14832.  
  14833.    }
  14834.  
  14835.  
  14836.  
  14837.    .md\:col-span-6 {
  14838.  
  14839.        grid-column: span 6/span 6
  14840.  
  14841.    }
  14842.  
  14843.  
  14844.  
  14845.    .md\:col-span-7 {
  14846.  
  14847.        grid-column: span 7/span 7
  14848.  
  14849.    }
  14850.  
  14851.  
  14852.  
  14853.    .md\:my-12 {
  14854.  
  14855.        margin-top: 3rem;
  14856.  
  14857.        margin-bottom: 3rem
  14858.  
  14859.    }
  14860.  
  14861.  
  14862.  
  14863.    .md\:-mt-2 {
  14864.  
  14865.        margin-top: -.5rem
  14866.  
  14867.    }
  14868.  
  14869.  
  14870.  
  14871.    .md\:mb-12 {
  14872.  
  14873.        margin-bottom: 3rem
  14874.  
  14875.    }
  14876.  
  14877.  
  14878.  
  14879.    .md\:mb-2 {
  14880.  
  14881.        margin-bottom: .5rem
  14882.  
  14883.    }
  14884.  
  14885.  
  14886.  
  14887.    .md\:mt-1 {
  14888.  
  14889.        margin-top: .25rem
  14890.  
  14891.    }
  14892.  
  14893.  
  14894.  
  14895.    .md\:mt-10 {
  14896.  
  14897.        margin-top: 2.5rem
  14898.  
  14899.    }
  14900.  
  14901.  
  14902.  
  14903.    .md\:mt-16 {
  14904.  
  14905.        margin-top: 4rem
  14906.  
  14907.    }
  14908.  
  14909.  
  14910.  
  14911.    .md\:mt-3 {
  14912.  
  14913.        margin-top: .75rem
  14914.  
  14915.    }
  14916.  
  14917.  
  14918.  
  14919.    .md\:mt-6 {
  14920.  
  14921.        margin-top: 1.5rem
  14922.  
  14923.    }
  14924.  
  14925.  
  14926.  
  14927.    .md\:block {
  14928.  
  14929.        display: block
  14930.  
  14931.    }
  14932.  
  14933.  
  14934.  
  14935.    .md\:flex {
  14936.  
  14937.        display: flex
  14938.  
  14939.    }
  14940.  
  14941.  
  14942.  
  14943.    .md\:inline-flex {
  14944.  
  14945.        display: inline-flex
  14946.  
  14947.    }
  14948.  
  14949.  
  14950.  
  14951.    .md\:hidden {
  14952.  
  14953.        display: none
  14954.  
  14955.    }
  14956.  
  14957.  
  14958.  
  14959.    .md\:h-16 {
  14960.  
  14961.        height: 4rem
  14962.  
  14963.    }
  14964.  
  14965.  
  14966.  
  14967.    .md\:h-32 {
  14968.  
  14969.        height: 8rem
  14970.  
  14971.    }
  14972.  
  14973.  
  14974.  
  14975.    .md\:h-\[110px\] {
  14976.  
  14977.        height: 110px
  14978.  
  14979.    }
  14980.  
  14981.  
  14982.  
  14983.    .md\:h-\[480px\] {
  14984.  
  14985.        height: 480px
  14986.  
  14987.    }
  14988.  
  14989.  
  14990.  
  14991.    .md\:max-h-\[11\.5rem\] {
  14992.  
  14993.        max-height: 11.5rem
  14994.  
  14995.    }
  14996.  
  14997.  
  14998.  
  14999.    .md\:w-1\/2 {
  15000.  
  15001.        width: 50%
  15002.  
  15003.    }
  15004.  
  15005.  
  15006.  
  15007.    .md\:w-16 {
  15008.  
  15009.        width: 4rem
  15010.  
  15011.    }
  15012.  
  15013.  
  15014.  
  15015.    .md\:w-28 {
  15016.  
  15017.        width: 7rem
  15018.  
  15019.    }
  15020.  
  15021.  
  15022.  
  15023.    .md\:w-32 {
  15024.  
  15025.        width: 8rem
  15026.  
  15027.    }
  15028.  
  15029.  
  15030.  
  15031.    .md\:w-56 {
  15032.  
  15033.        width: 14rem
  15034.  
  15035.    }
  15036.  
  15037.  
  15038.  
  15039.    .md\:w-64 {
  15040.  
  15041.        width: 16rem
  15042.  
  15043.    }
  15044.  
  15045.  
  15046.  
  15047.    .md\:w-72 {
  15048.  
  15049.        width: 18rem
  15050.  
  15051.    }
  15052.  
  15053.  
  15054.  
  15055.    .md\:w-\[270px\] {
  15056.  
  15057.        width: 270px
  15058.  
  15059.    }
  15060.  
  15061.  
  15062.  
  15063.    .md\:w-\[75\%\] {
  15064.  
  15065.        width: 75%
  15066.  
  15067.    }
  15068.  
  15069.  
  15070.  
  15071.    .md\:max-w-\[18rem\] {
  15072.  
  15073.        max-width: 18rem
  15074.  
  15075.    }
  15076.  
  15077.  
  15078.  
  15079.    .md\:max-w-\[3\.3rem\] {
  15080.  
  15081.        max-width: 3.3rem
  15082.  
  15083.    }
  15084.  
  15085.  
  15086.  
  15087.    .md\:grid-cols-2 {
  15088.  
  15089.        grid-template-columns: repeat(2,minmax(0,1fr))
  15090.  
  15091.    }
  15092.  
  15093.  
  15094.  
  15095.    .md\:grid-cols-3 {
  15096.  
  15097.        grid-template-columns: repeat(3,minmax(0,1fr))
  15098.  
  15099.    }
  15100.  
  15101.  
  15102.  
  15103.    .md\:grid-cols-5 {
  15104.  
  15105.        grid-template-columns: repeat(5,minmax(0,1fr))
  15106.  
  15107.    }
  15108.  
  15109.  
  15110.  
  15111.    .md\:flex-row {
  15112.  
  15113.        flex-direction: row
  15114.  
  15115.    }
  15116.  
  15117.  
  15118.  
  15119.    .md\:flex-col {
  15120.  
  15121.        flex-direction: column
  15122.  
  15123.    }
  15124.  
  15125.  
  15126.  
  15127.    .md\:items-start {
  15128.  
  15129.        align-items: flex-start
  15130.  
  15131.    }
  15132.  
  15133.  
  15134.  
  15135.    .md\:items-center {
  15136.  
  15137.        align-items: center
  15138.  
  15139.    }
  15140.  
  15141.  
  15142.  
  15143.    .md\:justify-center {
  15144.  
  15145.        justify-content: center
  15146.  
  15147.    }
  15148.  
  15149.  
  15150.  
  15151.    .md\:justify-between {
  15152.  
  15153.        justify-content: space-between
  15154.  
  15155.    }
  15156.  
  15157.  
  15158.  
  15159.    .md\:gap-0 {
  15160.  
  15161.        gap: 0
  15162.  
  15163.    }
  15164.  
  15165.  
  15166.  
  15167.    .md\:gap-16 {
  15168.  
  15169.        gap: 4rem
  15170.  
  15171.    }
  15172.  
  15173.  
  15174.  
  15175.    .md\:gap-2 {
  15176.  
  15177.        gap: .5rem
  15178.  
  15179.    }
  15180.  
  15181.  
  15182.  
  15183.    .md\:gap-3 {
  15184.  
  15185.        gap: .75rem
  15186.  
  15187.    }
  15188.  
  15189.  
  15190.  
  15191.    .md\:gap-8 {
  15192.  
  15193.        gap: 2rem
  15194.  
  15195.    }
  15196.  
  15197.  
  15198.  
  15199.    .md\:space-x-10>:not([hidden])~:not([hidden]) {
  15200.  
  15201.        --tw-space-x-reverse: 0;
  15202.  
  15203.        margin-right: calc(2.5rem * var(--tw-space-x-reverse));
  15204.  
  15205.        margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)))
  15206.  
  15207.    }
  15208.  
  15209.  
  15210.  
  15211.    .md\:space-x-2>:not([hidden])~:not([hidden]) {
  15212.  
  15213.        --tw-space-x-reverse: 0;
  15214.  
  15215.        margin-right: calc(.5rem * var(--tw-space-x-reverse));
  15216.  
  15217.        margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
  15218.  
  15219.    }
  15220.  
  15221.  
  15222.  
  15223.    .md\:rounded-none {
  15224.  
  15225.        border-radius: 0
  15226.  
  15227.    }
  15228.  
  15229.  
  15230.  
  15231.    .md\:rounded-l-full {
  15232.  
  15233.        border-top-left-radius: 9999px;
  15234.  
  15235.        border-bottom-left-radius: 9999px
  15236.  
  15237.    }
  15238.  
  15239.  
  15240.  
  15241.    .md\:border-b-0 {
  15242.  
  15243.        border-bottom-width: 0
  15244.  
  15245.    }
  15246.  
  15247.  
  15248.  
  15249.    .md\:border-r {
  15250.  
  15251.        border-right-width: 1px
  15252.  
  15253.    }
  15254.  
  15255.  
  15256.  
  15257.    .md\:px-12 {
  15258.  
  15259.        padding-left: 3rem;
  15260.  
  15261.        padding-right: 3rem
  15262.  
  15263.    }
  15264.  
  15265.  
  15266.  
  15267.    .md\:px-14 {
  15268.  
  15269.        padding-left: 3.5rem;
  15270.  
  15271.        padding-right: 3.5rem
  15272.  
  15273.    }
  15274.  
  15275.  
  15276.  
  15277.    .md\:px-4 {
  15278.  
  15279.        padding-left: 1rem;
  15280.  
  15281.        padding-right: 1rem
  15282.  
  15283.    }
  15284.  
  15285.  
  15286.  
  15287.    .md\:px-6 {
  15288.  
  15289.        padding-left: 1.5rem;
  15290.  
  15291.        padding-right: 1.5rem
  15292.  
  15293.    }
  15294.  
  15295.  
  15296.  
  15297.    .md\:px-8 {
  15298.  
  15299.        padding-left: 2rem;
  15300.  
  15301.        padding-right: 2rem
  15302.  
  15303.    }
  15304.  
  15305.  
  15306.  
  15307.    .md\:py-5 {
  15308.  
  15309.        padding-top: 1.25rem;
  15310.  
  15311.        padding-bottom: 1.25rem
  15312.  
  15313.    }
  15314.  
  15315.  
  15316.  
  15317.    .md\:py-8 {
  15318.  
  15319.        padding-top: 2rem;
  15320.  
  15321.        padding-bottom: 2rem
  15322.  
  15323.    }
  15324.  
  15325.  
  15326.  
  15327.    .md\:pb-\[1rem\] {
  15328.  
  15329.        padding-bottom: 1rem
  15330.  
  15331.    }
  15332.  
  15333.  
  15334.  
  15335.    .md\:pl-12 {
  15336.  
  15337.        padding-left: 3rem
  15338.  
  15339.    }
  15340.  
  15341.  
  15342.  
  15343.    .md\:pt-16 {
  15344.  
  15345.        padding-top: 4rem
  15346.  
  15347.    }
  15348.  
  15349.  
  15350.  
  15351.    .md\:pt-8 {
  15352.  
  15353.        padding-top: 2rem
  15354.  
  15355.    }
  15356.  
  15357.  
  15358.  
  15359.    .md\:text-start {
  15360.  
  15361.        text-align: start
  15362.  
  15363.    }
  15364.  
  15365.  
  15366.  
  15367.    .md\:text-2xl {
  15368.  
  15369.        font-size: 1.5rem;
  15370.  
  15371.        line-height: 2rem
  15372.  
  15373.    }
  15374.  
  15375.  
  15376.  
  15377.    .md\:text-\[14px\] {
  15378.  
  15379.        font-size: 14px
  15380.  
  15381.    }
  15382.  
  15383.  
  15384.  
  15385.    .md\:text-\[15px\] {
  15386.  
  15387.        font-size: 15px
  15388.  
  15389.    }
  15390.  
  15391.  
  15392.  
  15393.    .md\:text-\[20px\] {
  15394.  
  15395.        font-size: 20px
  15396.  
  15397.    }
  15398.  
  15399.  
  15400.  
  15401.    .md\:text-\[28px\] {
  15402.  
  15403.        font-size: 28px
  15404.  
  15405.    }
  15406.  
  15407.  
  15408.  
  15409.    .md\:text-base {
  15410.  
  15411.        font-size: 1rem;
  15412.  
  15413.        line-height: 1.5rem
  15414.  
  15415.    }
  15416.  
  15417.  
  15418.  
  15419.    .md\:text-xl {
  15420.  
  15421.        font-size: 1.25rem;
  15422.  
  15423.        line-height: 1.75rem
  15424.  
  15425.    }
  15426.  
  15427. }
  15428.  
  15429.  
  15430.  
  15431. @media (min-width: 1024px) {
  15432.  
  15433.    .lg\:static {
  15434.  
  15435.        position:static
  15436.  
  15437.    }
  15438.  
  15439.  
  15440.  
  15441.    .lg\:col-span-12 {
  15442.  
  15443.        grid-column: span 12/span 12
  15444.  
  15445.    }
  15446.  
  15447.  
  15448.  
  15449.    .lg\:col-span-3 {
  15450.  
  15451.        grid-column: span 3/span 3
  15452.  
  15453.    }
  15454.  
  15455.  
  15456.  
  15457.    .lg\:col-span-4 {
  15458.  
  15459.        grid-column: span 4/span 4
  15460.  
  15461.    }
  15462.  
  15463.  
  15464.  
  15465.    .lg\:col-span-6 {
  15466.  
  15467.        grid-column: span 6/span 6
  15468.  
  15469.    }
  15470.  
  15471.  
  15472.  
  15473.    .lg\:col-span-7 {
  15474.  
  15475.        grid-column: span 7/span 7
  15476.  
  15477.    }
  15478.  
  15479.  
  15480.  
  15481.    .lg\:col-span-8 {
  15482.  
  15483.        grid-column: span 8/span 8
  15484.  
  15485.    }
  15486.  
  15487.  
  15488.  
  15489.    .lg\:col-span-9 {
  15490.  
  15491.        grid-column: span 9/span 9
  15492.  
  15493.    }
  15494.  
  15495.  
  15496.  
  15497.    .lg\:mb-12 {
  15498.  
  15499.        margin-bottom: 3rem
  15500.  
  15501.    }
  15502.  
  15503.  
  15504.  
  15505.    .lg\:mt-0 {
  15506.  
  15507.        margin-top: 0
  15508.  
  15509.    }
  15510.  
  15511.  
  15512.  
  15513.    .lg\:mt-16 {
  15514.  
  15515.        margin-top: 4rem
  15516.  
  15517.    }
  15518.  
  15519.  
  15520.  
  15521.    .lg\:mt-4 {
  15522.  
  15523.        margin-top: 1rem
  15524.  
  15525.    }
  15526.  
  15527.  
  15528.  
  15529.    .lg\:block {
  15530.  
  15531.        display: block
  15532.  
  15533.    }
  15534.  
  15535.  
  15536.  
  15537.    .lg\:flex {
  15538.  
  15539.        display: flex
  15540.  
  15541.    }
  15542.  
  15543.  
  15544.  
  15545.    .lg\:grid {
  15546.  
  15547.        display: grid
  15548.  
  15549.    }
  15550.  
  15551.  
  15552.  
  15553.    .lg\:hidden {
  15554.  
  15555.        display: none
  15556.  
  15557.    }
  15558.  
  15559.  
  15560.  
  15561.    .lg\:h-10 {
  15562.  
  15563.        height: 2.5rem
  15564.  
  15565.    }
  15566.  
  15567.  
  15568.  
  15569.    .lg\:h-14 {
  15570.  
  15571.        height: 3.5rem
  15572.  
  15573.    }
  15574.  
  15575.  
  15576.  
  15577.    .lg\:h-60 {
  15578.  
  15579.        height: 15rem
  15580.  
  15581.    }
  15582.  
  15583.  
  15584.  
  15585.    .lg\:h-\[14\.4rem\] {
  15586.  
  15587.        height: 14.4rem
  15588.  
  15589.    }
  15590.  
  15591.  
  15592.  
  15593.    .lg\:h-\[170px\] {
  15594.  
  15595.        height: 170px
  15596.  
  15597.    }
  15598.  
  15599.  
  15600.  
  15601.    .lg\:h-\[22\.5rem\] {
  15602.  
  15603.        height: 22.5rem
  15604.  
  15605.    }
  15606.  
  15607.  
  15608.  
  15609.    .lg\:h-\[500px\] {
  15610.  
  15611.        height: 500px
  15612.  
  15613.    }
  15614.  
  15615.  
  15616.  
  15617.    .lg\:max-h-\[14rem\] {
  15618.  
  15619.        max-height: 14rem
  15620.  
  15621.    }
  15622.  
  15623.  
  15624.  
  15625.    .lg\:w-14 {
  15626.  
  15627.        width: 3.5rem
  15628.  
  15629.    }
  15630.  
  15631.  
  15632.  
  15633.    .lg\:w-64 {
  15634.  
  15635.        width: 16rem
  15636.  
  15637.    }
  15638.  
  15639.  
  15640.  
  15641.    .lg\:w-72 {
  15642.  
  15643.        width: 18rem
  15644.  
  15645.    }
  15646.  
  15647.  
  15648.  
  15649.    .lg\:w-80 {
  15650.  
  15651.        width: 20rem
  15652.  
  15653.    }
  15654.  
  15655.  
  15656.  
  15657.    .lg\:w-\[100\%\] {
  15658.  
  15659.        width: 100%
  15660.  
  15661.    }
  15662.  
  15663.  
  15664.  
  15665.    .lg\:w-\[170px\] {
  15666.  
  15667.        width: 170px
  15668.  
  15669.    }
  15670.  
  15671.  
  15672.  
  15673.    .lg\:w-\[300px\] {
  15674.  
  15675.        width: 300px
  15676.  
  15677.    }
  15678.  
  15679.  
  15680.  
  15681.    .lg\:w-\[35\%\] {
  15682.  
  15683.        width: 35%
  15684.  
  15685.    }
  15686.  
  15687.  
  15688.  
  15689.    .lg\:min-w-0 {
  15690.  
  15691.        min-width: 0
  15692.  
  15693.    }
  15694.  
  15695.  
  15696.  
  15697.    .lg\:max-w-6xl {
  15698.  
  15699.        max-width: 72rem
  15700.  
  15701.    }
  15702.  
  15703.  
  15704.  
  15705.    .lg\:max-w-\[20rem\] {
  15706.  
  15707.        max-width: 20rem
  15708.  
  15709.    }
  15710.  
  15711.  
  15712.  
  15713.    .lg\:max-w-\[3\.5rem\] {
  15714.  
  15715.        max-width: 3.5rem
  15716.  
  15717.    }
  15718.  
  15719.  
  15720.  
  15721.    .lg\:flex-1 {
  15722.  
  15723.        flex: 1 1 0%
  15724.  
  15725.    }
  15726.  
  15727.  
  15728.  
  15729.    .lg\:grid-cols-2 {
  15730.  
  15731.        grid-template-columns: repeat(2,minmax(0,1fr))
  15732.  
  15733.    }
  15734.  
  15735.  
  15736.  
  15737.    .lg\:grid-cols-3 {
  15738.  
  15739.        grid-template-columns: repeat(3,minmax(0,1fr))
  15740.  
  15741.    }
  15742.  
  15743.  
  15744.  
  15745.    .lg\:grid-cols-4 {
  15746.  
  15747.        grid-template-columns: repeat(4,minmax(0,1fr))
  15748.  
  15749.    }
  15750.  
  15751.  
  15752.  
  15753.    .lg\:grid-cols-6 {
  15754.  
  15755.        grid-template-columns: repeat(6,minmax(0,1fr))
  15756.  
  15757.    }
  15758.  
  15759.  
  15760.  
  15761.    .lg\:flex-row {
  15762.  
  15763.        flex-direction: row
  15764.  
  15765.    }
  15766.  
  15767.  
  15768.  
  15769.    .lg\:flex-col {
  15770.  
  15771.        flex-direction: column
  15772.  
  15773.    }
  15774.  
  15775.  
  15776.  
  15777.    .lg\:content-between {
  15778.  
  15779.        align-content: space-between
  15780.  
  15781.    }
  15782.  
  15783.  
  15784.  
  15785.    .lg\:items-start {
  15786.  
  15787.        align-items: flex-start
  15788.  
  15789.    }
  15790.  
  15791.  
  15792.  
  15793.    .lg\:items-center {
  15794.  
  15795.        align-items: center
  15796.  
  15797.    }
  15798.  
  15799.  
  15800.  
  15801.    .lg\:justify-between {
  15802.  
  15803.        justify-content: space-between
  15804.  
  15805.    }
  15806.  
  15807.  
  15808.  
  15809.    .lg\:gap-0 {
  15810.  
  15811.        gap: 0
  15812.  
  15813.    }
  15814.  
  15815.  
  15816.  
  15817.    .lg\:gap-10 {
  15818.  
  15819.        gap: 2.5rem
  15820.  
  15821.    }
  15822.  
  15823.  
  15824.  
  15825.    .lg\:gap-2 {
  15826.  
  15827.        gap: .5rem
  15828.  
  15829.    }
  15830.  
  15831.  
  15832.  
  15833.    .lg\:gap-20 {
  15834.  
  15835.        gap: 5rem
  15836.  
  15837.    }
  15838.  
  15839.  
  15840.  
  15841.    .lg\:gap-4 {
  15842.  
  15843.        gap: 1rem
  15844.  
  15845.    }
  15846.  
  15847.  
  15848.  
  15849.    .lg\:gap-6 {
  15850.  
  15851.        gap: 1.5rem
  15852.  
  15853.    }
  15854.  
  15855.  
  15856.  
  15857.    .lg\:gap-x-16 {
  15858.  
  15859.        -moz-column-gap: 4rem;
  15860.  
  15861.        column-gap: 4rem
  15862.  
  15863.    }
  15864.  
  15865.  
  15866.  
  15867.    .lg\:gap-x-4 {
  15868.  
  15869.        -moz-column-gap: 1rem;
  15870.  
  15871.        column-gap: 1rem
  15872.  
  15873.    }
  15874.  
  15875.  
  15876.  
  15877.    .lg\:gap-x-\[58px\] {
  15878.  
  15879.        -moz-column-gap: 58px;
  15880.  
  15881.        column-gap: 58px
  15882.  
  15883.    }
  15884.  
  15885.  
  15886.  
  15887.    .lg\:overflow-y-visible {
  15888.  
  15889.        overflow-y: visible
  15890.  
  15891.    }
  15892.  
  15893.  
  15894.  
  15895.    .lg\:rounded-2xl {
  15896.  
  15897.        border-radius: 1rem
  15898.  
  15899.    }
  15900.  
  15901.  
  15902.  
  15903.    .lg\:border-b-0 {
  15904.  
  15905.        border-bottom-width: 0
  15906.  
  15907.    }
  15908.  
  15909.  
  15910.  
  15911.    .lg\:border-r {
  15912.  
  15913.        border-right-width: 1px
  15914.  
  15915.    }
  15916.  
  15917.  
  15918.  
  15919.    .lg\:p-0 {
  15920.  
  15921.        padding: 0
  15922.  
  15923.    }
  15924.  
  15925.  
  15926.  
  15927.    .lg\:px-0 {
  15928.  
  15929.        padding-left: 0;
  15930.  
  15931.        padding-right: 0
  15932.  
  15933.    }
  15934.  
  15935.  
  15936.  
  15937.    .lg\:px-10 {
  15938.  
  15939.        padding-left: 2.5rem;
  15940.  
  15941.        padding-right: 2.5rem
  15942.  
  15943.    }
  15944.  
  15945.  
  15946.  
  15947.    .lg\:px-11 {
  15948.  
  15949.        padding-left: 2.75rem;
  15950.  
  15951.        padding-right: 2.75rem
  15952.  
  15953.    }
  15954.  
  15955.  
  15956.  
  15957.    .lg\:px-12 {
  15958.  
  15959.        padding-left: 3rem;
  15960.  
  15961.        padding-right: 3rem
  15962.  
  15963.    }
  15964.  
  15965.  
  15966.  
  15967.    .lg\:px-14 {
  15968.  
  15969.        padding-left: 3.5rem;
  15970.  
  15971.        padding-right: 3.5rem
  15972.  
  15973.    }
  15974.  
  15975.  
  15976.  
  15977.    .lg\:px-16 {
  15978.  
  15979.        padding-left: 4rem;
  15980.  
  15981.        padding-right: 4rem
  15982.  
  15983.    }
  15984.  
  15985.  
  15986.  
  15987.    .lg\:px-20 {
  15988.  
  15989.        padding-left: 5rem;
  15990.  
  15991.        padding-right: 5rem
  15992.  
  15993.    }
  15994.  
  15995.  
  15996.  
  15997.    .lg\:px-7 {
  15998.  
  15999.        padding-left: 1.75rem;
  16000.  
  16001.        padding-right: 1.75rem
  16002.  
  16003.    }
  16004.  
  16005.  
  16006.  
  16007.    .lg\:px-8 {
  16008.  
  16009.        padding-left: 2rem;
  16010.  
  16011.        padding-right: 2rem
  16012.  
  16013.    }
  16014.  
  16015.  
  16016.  
  16017.    .lg\:px-\[3\.2rem\] {
  16018.  
  16019.        padding-left: 3.2rem;
  16020.  
  16021.        padding-right: 3.2rem
  16022.  
  16023.    }
  16024.  
  16025.  
  16026.  
  16027.    .lg\:py-24 {
  16028.  
  16029.        padding-top: 6rem;
  16030.  
  16031.        padding-bottom: 6rem
  16032.  
  16033.    }
  16034.  
  16035.  
  16036.  
  16037.    .lg\:py-4 {
  16038.  
  16039.        padding-top: 1rem;
  16040.  
  16041.        padding-bottom: 1rem
  16042.  
  16043.    }
  16044.  
  16045.  
  16046.  
  16047.    .lg\:py-8 {
  16048.  
  16049.        padding-top: 2rem;
  16050.  
  16051.        padding-bottom: 2rem
  16052.  
  16053.    }
  16054.  
  16055.  
  16056.  
  16057.    .lg\:pb-\[3\.5rem\] {
  16058.  
  16059.        padding-bottom: 3.5rem
  16060.  
  16061.    }
  16062.  
  16063.  
  16064.  
  16065.    .lg\:pr-2 {
  16066.  
  16067.        padding-right: .5rem
  16068.  
  16069.    }
  16070.  
  16071.  
  16072.  
  16073.    .lg\:pt-10 {
  16074.  
  16075.        padding-top: 2.5rem
  16076.  
  16077.    }
  16078.  
  16079.  
  16080.  
  16081.    .lg\:pt-14 {
  16082.  
  16083.        padding-top: 3.5rem
  16084.  
  16085.    }
  16086.  
  16087.  
  16088.  
  16089.    .lg\:pt-24 {
  16090.  
  16091.        padding-top: 6rem
  16092.  
  16093.    }
  16094.  
  16095.  
  16096.  
  16097.    .lg\:text-start {
  16098.  
  16099.        text-align: start
  16100.  
  16101.    }
  16102.  
  16103.  
  16104.  
  16105.    .lg\:text-2xl {
  16106.  
  16107.        font-size: 1.5rem;
  16108.  
  16109.        line-height: 2rem
  16110.  
  16111.    }
  16112.  
  16113.  
  16114.  
  16115.    .lg\:text-4xl {
  16116.  
  16117.        font-size: 2.25rem;
  16118.  
  16119.        line-height: 2.5rem
  16120.  
  16121.    }
  16122.  
  16123.  
  16124.  
  16125.    .lg\:text-\[14px\] {
  16126.  
  16127.        font-size: 14px
  16128.  
  16129.    }
  16130.  
  16131.  
  16132.  
  16133.    .lg\:text-\[15px\] {
  16134.  
  16135.        font-size: 15px
  16136.  
  16137.    }
  16138.  
  16139.  
  16140.  
  16141.    .lg\:text-\[16px\] {
  16142.  
  16143.        font-size: 16px
  16144.  
  16145.    }
  16146.  
  16147.  
  16148.  
  16149.    .lg\:text-\[20px\] {
  16150.  
  16151.        font-size: 20px
  16152.  
  16153.    }
  16154.  
  16155.  
  16156.  
  16157.    .lg\:text-\[26px\] {
  16158.  
  16159.        font-size: 26px
  16160.  
  16161.    }
  16162.  
  16163.  
  16164.  
  16165.    .lg\:text-\[30px\] {
  16166.  
  16167.        font-size: 30px
  16168.  
  16169.    }
  16170.  
  16171.  
  16172.  
  16173.    .lg\:text-\[32px\] {
  16174.  
  16175.        font-size: 32px
  16176.  
  16177.    }
  16178.  
  16179.  
  16180.  
  16181.    .lg\:text-lg {
  16182.  
  16183.        font-size: 1.125rem;
  16184.  
  16185.        line-height: 1.75rem
  16186.  
  16187.    }
  16188.  
  16189. }
  16190.  
  16191.  
  16192.  
  16193. @media (min-width: 1280px) {
  16194.  
  16195.    .xl\:col-span-1 {
  16196.  
  16197.        grid-column:span 1/span 1
  16198.  
  16199.    }
  16200.  
  16201.  
  16202.  
  16203.    .xl\:col-span-2 {
  16204.  
  16205.        grid-column: span 2/span 2
  16206.  
  16207.    }
  16208.  
  16209.  
  16210.  
  16211.    .xl\:col-span-4 {
  16212.  
  16213.        grid-column: span 4/span 4
  16214.  
  16215.    }
  16216.  
  16217.  
  16218.  
  16219.    .xl\:col-span-6 {
  16220.  
  16221.        grid-column: span 6/span 6
  16222.  
  16223.    }
  16224.  
  16225.  
  16226.  
  16227.    .xl\:col-span-8 {
  16228.  
  16229.        grid-column: span 8/span 8
  16230.  
  16231.    }
  16232.  
  16233.  
  16234.  
  16235.    .xl\:mt-0 {
  16236.  
  16237.        margin-top: 0
  16238.  
  16239.    }
  16240.  
  16241.  
  16242.  
  16243.    .xl\:block {
  16244.  
  16245.        display: block
  16246.  
  16247.    }
  16248.  
  16249.  
  16250.  
  16251.    .xl\:flex {
  16252.  
  16253.        display: flex
  16254.  
  16255.    }
  16256.  
  16257.  
  16258.  
  16259.    .xl\:w-auto {
  16260.  
  16261.        width: auto
  16262.  
  16263.    }
  16264.  
  16265.  
  16266.  
  16267.    .xl\:w-full {
  16268.  
  16269.        width: 100%
  16270.  
  16271.    }
  16272.  
  16273.  
  16274.  
  16275.    .xl\:max-w-\[1280px\] {
  16276.  
  16277.        max-width: 1280px
  16278.  
  16279.    }
  16280.  
  16281.  
  16282.  
  16283.    .xl\:grid-cols-6 {
  16284.  
  16285.        grid-template-columns: repeat(6,minmax(0,1fr))
  16286.  
  16287.    }
  16288.  
  16289.  
  16290.  
  16291.    .xl\:gap-4 {
  16292.  
  16293.        gap: 1rem
  16294.  
  16295.    }
  16296.  
  16297.  
  16298.  
  16299.    .xl\:px-7 {
  16300.  
  16301.        padding-left: 1.75rem;
  16302.  
  16303.        padding-right: 1.75rem
  16304.  
  16305.    }
  16306.  
  16307.  
  16308.  
  16309.    .xl\:text-center {
  16310.  
  16311.        text-align: center
  16312.  
  16313.    }
  16314.  
  16315.  
  16316.  
  16317.    .xl\:text-2xl {
  16318.  
  16319.        font-size: 1.5rem;
  16320.  
  16321.        line-height: 2rem
  16322.  
  16323.    }
  16324.  
  16325.  
  16326.  
  16327.    .xl\:text-base {
  16328.  
  16329.        font-size: 1rem;
  16330.  
  16331.        line-height: 1.5rem
  16332.  
  16333.    }
  16334.  
  16335. }
  16336.  
  16337.  
  16338.  
  16339.  
  16340.  
  16341. .font-medium {
  16342.  
  16343.    font-weight: 500;
  16344.  
  16345. }
  16346.  
  16347. .text-sm {
  16348.  
  16349.    font-size: .875rem;
  16350.  
  16351.    line-height: 1.25rem;
  16352.  
  16353. }
  16354.  
  16355. .py-2 {
  16356.  
  16357.    padding-top: 0.5rem;
  16358.  
  16359.    padding-bottom: 0.5rem;
  16360.  
  16361. }
  16362.  
  16363. .rounded-md {
  16364.  
  16365.    border-radius: 0.375rem;
  16366.  
  16367. }
  16368.  
  16369. .justify-center {
  16370.  
  16371.    justify-content: center;
  16372.  
  16373. }
  16374.  
  16375. .w-full {
  16376.  
  16377.    width: 100%;
  16378.  
  16379. }
  16380.  
  16381. .inline-flex {
  16382.  
  16383.    display: inline-flex;
  16384.  
  16385. }
  16386.  
  16387. [type=button], [type=reset], [type=submit], button {
  16388.  
  16389.    -webkit-appearance: button;
  16390.  
  16391.    background-color: transparent;
  16392.  
  16393.    background-image: none;
  16394.  
  16395. }
  16396.  
  16397. [role=button], button {
  16398.  
  16399.    cursor: pointer;
  16400.  
  16401. }
  16402.  
  16403. button, select {
  16404.  
  16405.    text-transform: none;
  16406.  
  16407. }
  16408.  
  16409. button, input, optgroup, select, textarea {
  16410.  
  16411.    font-family: inherit;
  16412.  
  16413.    font-size: 100%;
  16414.  
  16415.    font-weight: inherit;
  16416.  
  16417.    line-height: inherit;
  16418.  
  16419.    color: inherit;
  16420.  
  16421.    margin: 0;
  16422.  
  16423.    padding: 0;
  16424.  
  16425. }
  16426.  
  16427.  
  16428.  
  16429. .gap-4 {
  16430.  
  16431.    gap: 1rem;
  16432.  
  16433. }
  16434.  
  16435. .items-center {
  16436.  
  16437.    align-items: center;
  16438.  
  16439. }
  16440.  
  16441. .flex-1 {
  16442.  
  16443.    flex: 1 1 0%;
  16444.  
  16445. }
  16446.  
  16447. .flex {
  16448.  
  16449.    display: flex;
  16450.  
  16451. }
  16452.  
  16453. .ml-12 {
  16454.  
  16455.    margin-left: 3rem;
  16456.  
  16457. }
  16458.  
  16459.  
  16460.  
  16461.  
  16462.  
  16463. .pr-2 {
  16464.  
  16465.    padding-right: 0.5rem;
  16466.  
  16467. }
  16468.  
  16469.  
  16470.  
  16471. .items-center {
  16472.  
  16473.    align-items: center;
  16474.  
  16475. }
  16476.  
  16477. .flex {
  16478.  
  16479.    display: flex;
  16480.  
  16481. }
  16482.  
  16483. .right-0 {
  16484.  
  16485.    right: 0;
  16486.  
  16487. }
  16488.  
  16489. .inset-y-0 {
  16490.  
  16491.    top: 0;
  16492.  
  16493.    bottom: 0;
  16494.  
  16495. }
  16496.  
  16497. .absolute {
  16498.  
  16499.    position: absolute;
  16500.  
  16501. }
  16502.  
  16503.  
  16504.  
  16505. .css-18exuzb {
  16506.  
  16507.    color: rgb(255, 255, 255);
  16508.  
  16509.    background: rgb(39, 39, 48);
  16510.  
  16511. }
  16512.  
  16513. .ring-opacity-5 {
  16514.  
  16515.    --tw-ring-opacity: 0.05;
  16516.  
  16517. }
  16518.  
  16519. .ring-black {
  16520.  
  16521.    --tw-ring-opacity: 1;
  16522.  
  16523.    --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity));
  16524.  
  16525. }
  16526.  
  16527. .ring-1 {
  16528.  
  16529.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  16530.  
  16531.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  16532.  
  16533.    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);
  16534.  
  16535. }
  16536.  
  16537. .shadow-lg {
  16538.  
  16539.    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
  16540.  
  16541.    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
  16542.  
  16543. }
  16544.  
  16545. .shadow-2xl, .shadow-lg {
  16546.  
  16547.    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  16548.  
  16549. }
  16550.  
  16551. .opacity-100 {
  16552.  
  16553.    opacity: 1;
  16554.  
  16555. }
  16556.  
  16557. .rounded-md {
  16558.  
  16559.    border-radius: 0.375rem;
  16560.  
  16561. }
  16562.  
  16563. .transform {
  16564.  
  16565.    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));
  16566.  
  16567. }
  16568.  
  16569. .scale-100 {
  16570.  
  16571.    --tw-scale-x: 1;
  16572.  
  16573.    --tw-scale-y: 1;
  16574.  
  16575. }
  16576.  
  16577. .rotate-180, .scale-100 {
  16578.  
  16579.    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));
  16580.  
  16581. }
  16582.  
  16583. .origin-top-right {
  16584.  
  16585.    transform-origin: top right;
  16586.  
  16587. }
  16588.  
  16589. .w-72 {
  16590.  
  16591.    width: 18rem;
  16592.  
  16593. }
  16594.  
  16595. .mt-2 {
  16596.  
  16597.    margin-top: 0.5rem;
  16598.  
  16599. }
  16600.  
  16601. .right-0 {
  16602.  
  16603.    right: 0;
  16604.  
  16605. }
  16606.  
  16607. .absolute {
  16608.  
  16609.    position: absolute;
  16610.  
  16611. }
  16612.  
  16613.  
  16614.  
  16615. .css-1wpp9sf {
  16616.  
  16617.    color: rgb(255, 255, 255);
  16618.  
  16619.    background: rgb(245, 121, 30);
  16620.  
  16621. }
  16622.  
  16623.  
  16624.  
  16625. .css-mxl5am {
  16626.  
  16627.    color: rgb(255, 255, 255);
  16628.  
  16629.    background: white;
  16630.  
  16631. }
  16632.  
  16633. .duration-300 {
  16634.  
  16635.    transition-duration: .3s;
  16636.  
  16637. }
  16638.  
  16639. .transition {
  16640.  
  16641.    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  16642.  
  16643.    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  16644.  
  16645.    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  16646.  
  16647.    transition-timing-function: cubic-bezier(.4,0,.2,1);
  16648.  
  16649.    transition-duration: .15s;
  16650.  
  16651. }
  16652.  
  16653. .font-medium {
  16654.  
  16655.    font-weight: 500;
  16656.  
  16657. }
  16658.  
  16659. .text-sm {
  16660.  
  16661.    font-size: .875rem;
  16662.  
  16663.    line-height: 1.25rem;
  16664.  
  16665. }
  16666.  
  16667. .py-2 {
  16668.  
  16669.    padding-top: 0.5rem;
  16670.  
  16671.    padding-bottom: 0.5rem;
  16672.  
  16673. }
  16674.  
  16675. .rounded-l-full {
  16676.  
  16677.    border-top-left-radius: 9999px;
  16678.  
  16679.    border-bottom-left-radius: 9999px;
  16680.  
  16681. }
  16682.  
  16683. .justify-center {
  16684.  
  16685.    justify-content: center;
  16686.  
  16687. }
  16688.  
  16689. .w-full {
  16690.  
  16691.    width: 100%;
  16692.  
  16693. }
  16694.  
  16695. .flex {
  16696.  
  16697.    display: flex;
  16698.  
  16699. }
  16700.  
  16701.  
  16702.  
  16703. .w-auto {
  16704.  
  16705.    width: auto;
  16706.  
  16707. }
  16708.  
  16709. .h-10 {
  16710.  
  16711.    height: 1.5rem;
  16712.  
  16713. }
  16714.  
  16715. .block {
  16716.  
  16717.    display: block;
  16718.  
  16719. }
  16720.  
  16721. .offcanvas {
  16722.  
  16723.        width: 100%;
  16724.  
  16725.        max-width: 250px;
  16726.  
  16727.    }
  16728.  
  16729.  
  16730.  
  16731.    /* Desktop */
  16732.  
  16733.    @media screen and (min-width: 768px) {
  16734.  
  16735.        .offcanvas {
  16736.  
  16737.            width: 350px;
  16738.  
  16739.        
  16740.  
  16741.        }
  16742.  
  16743.    }
  16744.  
  16745.    
  16746.  
  16747.    .css-1tq05rq {
  16748.  
  16749.    color: rgb(25225, 255, 255);
  16750.  
  16751. }
  16752.  
  16753. .font-medium {
  16754.  
  16755.    font-weight: 500;
  16756.  
  16757. }
  16758.  
  16759. .text-base {
  16760.  
  16761.    font-size: 1rem;
  16762.  
  16763.    line-height: 1.5rem;
  16764.  
  16765. }
  16766.  
  16767. .p-2 {
  16768.  
  16769.    padding: 0.5rem;
  16770.  
  16771. }
  16772.  
  16773. .rounded-md {
  16774.  
  16775.    border-radius: 0.375rem;
  16776.  
  16777. }
  16778.  
  16779. .items-center {
  16780.  
  16781.    align-items: center;
  16782.  
  16783. }
  16784.  
  16785. .flex {
  16786.  
  16787.    display: flex;
  16788.  
  16789. }
  16790. </style>
  16791. <head>
  16792.    <meta charset="utf-8" />
  16793.    <title>MDN ITEMS - Toko Store Website Top Up Termurah dan Tercepat</title>
  16794.    <meta name="csrf-token" content="cDiGZ6tyOV7Ci7aB3VULBpmFO4JMkNiV6XlheUDh">
  16795.    <meta name="viewport" content="width=device-width, initial-scale=1">
  16796.    
  16797.    <link rel="canonical" href="https://mdnitems.com/">
  16798.    <meta name="google-site-verification" content="cekVOdTsuD0oREC-uQE-Y6yE2HeIRMCz4SkR2_Qjkw4"/>
  16799.    <meta name="google-site-verification" content="uctwWEQtHtk9qsWdpGPqMbwMZDVmJgMqJWIrXKRbtJ0" />
  16800.    <meta name="trustpilot-one-time-domain-verification-id" content="0ce6460c-9ad7-4b30-8f60-c780961303a5"/>
  16801.    
  16802.    <meta name="title" content="MDN ITEMS - Toko Store Website Top Up Termurah dan Tercepat">
  16803.    <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.">
  16804.    <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.">
  16805.    <meta name="author" content="MDN ITEMS">
  16806. </head>
  16807.  
  16808.    <link rel="shortcut icon" href="/assets/logo/mdn-removebg-preview.png">
  16809.    <!--internal-->
  16810.    <link href="/public/assets/css/bootstrap.min.css?v=1670035018 " id="bootstrap-style" rel="stylesheet"
  16811.        type="text/css" />
  16812.    <link rel="stylesheet" type="text/css" href="/public/assets/libs/toastr/build/toastr.min.css">
  16813.    <link href="/public/assets/css/icons.min.css" rel="stylesheet" type="text/css" />
  16814.    <link href="/public/assets/css/flipdown.css" rel="stylesheet" type="text/css" />
  16815.    <link href="/public/assets/css/app.min.css?v=1670035018" id="app-style" rel="stylesheet" type="text/css" />
  16816.    <link href="/public/assets/libs/sweetalert2/sweetalert2.min.css" rel="stylesheet" type="text/css" />
  16817.    <link href="/public/assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet"
  16818.        type="text/css" />
  16819.    <link href="/public/assets/libs/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css" rel="stylesheet"
  16820.        type="text/css" />
  16821.    <link href="/public/assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css"
  16822.        rel="stylesheet" type="text/css" />
  16823.    <script src="/public/assets/libs/jquery/jquery.min.js"></script>
  16824.    <!--penutup-->
  16825.    <!--eksternal-->
  16826.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
  16827.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pace/1.2.4/themes/red/pace-theme-flash.min.css">
  16828.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
  16829.    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"/>
  16830.    <link rel="stylesheet" href="https://cdn.datatables.net/1.12.1/css/dataTables.bootstrap5.min.css">
  16831.    <!-- Google tag (gtag.js) -->
  16832. <script async src="https://www.googletagmanager.com/gtag/js?id=G-K1SC1G8V62"></script>
  16833. <script>
  16834.  window.dataLayer = window.dataLayer || [];
  16835.  function gtag(){dataLayer.push(arguments);}
  16836.  gtag('js', new Date());
  16837.  
  16838.  gtag('config', 'G-K1SC1G8V62');
  16839. </script>
  16840.    <script type="application/ld+json">
  16841. {
  16842.  "@context": "https://schema.org",
  16843.  "@type": "FAQPage",
  16844.  "mainEntity": [{
  16845.    "@type": "Question",
  16846.    "name": "Bagaimana cara belanja di MDN ITEMS ini?",
  16847.    "acceptedAnswer": {
  16848.      "@type": "Answer",
  16849.      "text": "Hanya dengan Scan QRIS maka bisa melakukan pembayaran dengan mudah karena QRIS mendukung semua jenis Pembayaran yang menggunakan fitur Scan dalam Perbankan maupun Dompet Digital"
  16850.    }
  16851.  },{
  16852.    "@type": "Question",
  16853.    "name": "Apakah Website MDN ITEMS ini Terpecaya?",
  16854.    "acceptedAnswer": {
  16855.      "@type": "Answer",
  16856.      "text": "Benar sekali, karena kami juga menyediakan Layanan COD atau Cash on Delivery"
  16857.    }
  16858.  },{
  16859.    "@type": "Question",
  16860.    "name": "Berapa lama proses pengerjaan?",
  16861.    "acceptedAnswer": {
  16862.      "@type": "Answer",
  16863.      "text": "Hitungan detik maka orderan kamu telah diproses langsung dari Bot yang kami sediakan. Proses intant dan Mudah di gunakan."
  16864.    }
  16865.  }]
  16866. }
  16867. </script>
  16868. <script type="application/ld+json">
  16869. {
  16870.  "@context": "https://schema.org/",
  16871.  "@type": "WebSite",
  16872.  "name": "Mdn Items",
  16873.  "url": "https://mdnitems.com/",
  16874.  "potentialAction": {
  16875.    "@type": "SearchAction",
  16876.    "target": "https://mdnitems.com/{search_term_string}",
  16877.    "query-input": "required name=search_term_string"
  16878.  }
  16879. }
  16880. </script>
  16881. <script type="application/ld+json">
  16882. {
  16883.  "@context": "https://schema.org/",
  16884.  "@type": "BreadcrumbList",
  16885.  "itemListElement": [{
  16886.    "@type": "ListItem",
  16887.    "position": 1,
  16888.    "name": "Mobile Legends - ML",
  16889.    "item": "https://mdnitems.com/game/mobile-legends"  
  16890.  },{
  16891.    "@type": "ListItem",
  16892.    "position": 2,
  16893.    "name": "UC PUBG",
  16894.    "item": "https://mdnitems.com/game/PUBG-MOBILE"  
  16895.  },{
  16896.    "@type": "ListItem",
  16897.    "position": 3,
  16898.    "name": "Honor Of Kings - HOK",
  16899.    "item": "https://mdnitems.com/game/Honor-of-Kings"  
  16900.  },{
  16901.    "@type": "ListItem",
  16902.    "position": 4,
  16903.    "name": "Eggy Coins - Eggy Party",
  16904.    "item": "https://mdnitems.com/game/Eggy-Party"  
  16905.  },{
  16906.    "@type": "ListItem",
  16907.    "position": 5,
  16908.    "name": "Free Fire - FF",
  16909.    "item": "https://mdnitems.com/game/FREE-FIRE"  
  16910.  }]
  16911. }
  16912. </script>
  16913.  
  16914.    <!--penutup-->
  16915. </head>
  16916. <body data-topbar="" data-layout="horizontal" data-layout-size="boxed"
  16917. style="background-color: #dbcce7 !important">
  16918.  
  16919.    <div id="layout-wrapper">
  16920.        <header id="page-topbar"
  16921.        style="background-color: #B298C8 !important">
  16922.           <div class="nav-container">
  16923.    <div class="brand">
  16924.      <a href="https://www.mdnitems.com">
  16925.        <img class="logo-lg" src="/assets/logo/mdn-removebg-preview.png" alt="" height="70">
  16926.    </a>
  16927. </div>
  16928.    <nav>
  16929.      <div class="nav-mobile"><a id="navbar-toggle" href="#!"><span></span></a></div>
  16930.      <ul class="nav-list">
  16931.        <li>
  16932.          <a href="/">Home</a>
  16933.        </li>
  16934.        <li>
  16935.          <a href="https://mdnitems.com/riwayat-pembelian">Cek Pesanan</a>
  16936.        </li>
  16937.        <li>
  16938.          <a href="https://mdnitems.com/daftar-harga">Daftar Harga</a>
  16939.        </li>
  16940.        <li>
  16941.          <a href="https://mdnitems.com/top-users-and-services">Top 10</a>
  16942.        </li>
  16943.        <li>
  16944.          <a href="#!">Calculator ML</a>
  16945.          <ul class="navbar-dropdown">
  16946.            <li>
  16947.              <a href="https://mdnitems.com/hitung-wr">Hitung Win Rate</a>
  16948.            </li>
  16949.            <li>
  16950.              <a href="https://mdnitems.com/hitung-point-magic-wheel">Hitung Point Magic</a>
  16951.            </li>
  16952.            <li>
  16953.              <a href="https://mdnitems.com/hitung-point-zodiak">Hitung Point Zodiak</a>
  16954.            </li>
  16955.          </ul>
  16956.        </li>
  16957.        <li>
  16958.          <a href="#!">Jadwal</a>
  16959.          <ul class="navbar-dropdown">
  16960.            <li>
  16961.              <a href="#">Jadwal Gift</a>
  16962.            </li>
  16963.            <li>
  16964.              <a href="#">ID Gift</a>
  16965.            </li>
  16966.            <li>
  16967.              <a href="#">Jadwal RoomTour</a>
  16968.            </li>
  16969.          </ul>
  16970.        </li>
  16971.        <li>
  16972.                      <a href="#!">Masuk / Daftar</a>
  16973.          <ul class="navbar-dropdown">
  16974.            <li>
  16975.              <a href="https://mdnitems.com/login">Login</a>
  16976.            </li>
  16977.            <li>
  16978.              <a href="https://mdnitems.com/register">Daftar</a>
  16979.            </li>
  16980.          </ul>
  16981.                    <li>
  16982.                      </li>
  16983.      </ul>
  16984.    </nav>
  16985.  </div>
  16986.          <script>
  16987.               (function($) {
  16988.  $(function() {
  16989.  
  16990.    //  open and close nav
  16991.    $('#navbar-toggle').click(function() {
  16992.      $('nav ul').slideToggle();
  16993.    });
  16994.  
  16995.  
  16996.    // Hamburger toggle
  16997.    $('#navbar-toggle').on('click', function() {
  16998.      this.classList.toggle('active');
  16999.    });
  17000.  
  17001.  
  17002.    // If a link has a dropdown, add sub menu toggle.
  17003.    $('nav ul li a:not(:only-child)').click(function(e) {
  17004.      $(this).siblings('.navbar-dropdown').slideToggle("slow");
  17005.  
  17006.      // Close dropdown when select another dropdown
  17007.      $('.navbar-dropdown').not($(this).siblings()).hide("slow");
  17008.      e.stopPropagation();
  17009.    });
  17010.  
  17011.  
  17012.    // Click outside the dropdown will remove the dropdown class
  17013.    $('html').click(function() {
  17014.      $('.navbar-dropdown').hide();
  17015.    });
  17016.  });
  17017. })(jQuery);
  17018.          </script>        
  17019.                            </div>
  17020.                        </div>
  17021.                    </div>
  17022.                </div>
  17023.        </header>
  17024.        
  17025.    <div class="main-content">
  17026.        <div class="page-content px-0">
  17027.            <style>
  17028. .fa-search {
  17029.    color: #DBCCE7;
  17030. }
  17031.  
  17032. .swal2-html-container {
  17033. z-index: 1;
  17034. justify-content: center;
  17035. margin: 1em 1.6em 0.3em;
  17036. padding: 0;
  17037. overflow: auto;
  17038. color: inherit;
  17039. font-size: 1.125em;
  17040. font-weight: normal;
  17041. line-height: normal;
  17042. text-align: center;
  17043. word-wrap: break-word;
  17044. word-break: break-word;
  17045. }
  17046. .swal2-html-container {
  17047. z-index: 1;
  17048. justify-content: center;
  17049. margin: 1em 1.6em 0.3em;
  17050. padding: 0;
  17051. overflow: auto;
  17052. color: inherit;
  17053. font-size: 1.125em;
  17054. font-weight: normal;
  17055. line-height: normal;
  17056. text-align: left!important;
  17057. word-wrap: break-word;
  17058. word-break: break-word;
  17059. }
  17060.  
  17061. .nav-link {
  17062. color: #000;
  17063. display: block;
  17064. padding: 0.5rem 1rem;
  17065. text-decoration: none;
  17066. transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s;
  17067. }
  17068.  
  17069. .resultsearch .dropdown-item:hover {
  17070. background-color: hsla(0, 0%, 100%, .15);
  17071. color: #fff;
  17072. }
  17073.  
  17074. .bg-light {
  17075. --bs-bg-opacity: 1;
  17076. }
  17077.  
  17078. a {
  17079. text-decoration: none;
  17080. }
  17081.  
  17082. .grecaptcha-badge {
  17083. visibility: hidden;
  17084. }
  17085.  
  17086. .logo-atas {
  17087. height: 30px;
  17088. }
  17089.  
  17090. .logo-order {
  17091. width: 100%;
  17092. float: left;
  17093. margin-right: 8px;
  17094. margin-bottom: auto;
  17095. }
  17096.  
  17097. .logo-order2 {
  17098. width: 100%;
  17099. float: left;
  17100. /* margin-right: 8px;
  17101. margin-bottom: auto; */
  17102. }
  17103.  
  17104. .logo-order3 {
  17105. width: 100%;
  17106. float: left;
  17107. /* margin-right: 8px;
  17108. margin-bottom: auto; */
  17109. }
  17110.  
  17111. .logo-bawah {
  17112. height: 60px;
  17113. float: left;
  17114. margin-right: 8px;
  17115. margin-bottom: auto;
  17116. }
  17117.  
  17118. .btn-orange {
  17119. color: #fff;
  17120. background-color: #FE6C17 !important;
  17121. border-color: #FE6C17 !important;
  17122. }
  17123.  
  17124. .btn-primary {
  17125. color: #fff;
  17126. background-color: #FE6C17 !important;
  17127. border-color: #FE6C17 !important;
  17128. }
  17129. .btn-primary:hover {
  17130. color: #000;
  17131. background-color: #FE6C17 !important;
  17132. border-color: #FE6C17 !important;
  17133. }
  17134.  
  17135. .child-box:hover {
  17136. border: 1px solid hsla(0, 0%, 68%, 0.5);
  17137. }
  17138.  
  17139. .button-action-payment li.active {
  17140. border: 1px solid transparent;
  17141. background: rgb(255, 255, 255);
  17142. filter: grayscale(0%);
  17143. }
  17144.  
  17145. .xxs {
  17146. font-size: 0.4rem;
  17147. }
  17148.  
  17149. .button-action-payment li {
  17150. border: 1px solid rgba(202, 202, 202, 0.398);
  17151. padding: 10px;
  17152. border-radius: 0.3em;
  17153. margin-bottom: 10px;
  17154. position: relative;
  17155. display: list-item;
  17156. text-align: -webkit-match-parent;
  17157. background: rgb(208, 208, 208);
  17158. -webkit-filter: grayscale(100%);
  17159. /* Safari 6.0 - 9.0 */
  17160. filter: grayscale(100%);
  17161. }
  17162.  
  17163. .button-action-payment input[type="radio"]:checked+.payment-item {
  17164. color: #fd7300;
  17165. }
  17166.  
  17167.  
  17168. .strip-primary {
  17169. background-color: #FE6C17;
  17170. position: absolute;
  17171. width: 60px;
  17172. height: 5px;
  17173. border-radius: 10px;
  17174. }
  17175.  
  17176. .wave {
  17177. min-height: 100%;
  17178. background-attachment: scroll;
  17179. /* background-image: url("https://bosstore.my.id/assets/img/wave.svg"); */
  17180. background-repeat: no-repeat;
  17181. background-position: bottom left, bottom right;
  17182. }
  17183.  
  17184. .wave2 {
  17185. min-height: 100%;
  17186. background-attachment: fixed;
  17187. /* background-image: url("https://bosstore.my.id/assets/img/wave2.svg"); */
  17188. background-repeat: no-repeat;
  17189. background-position: top left, top right;
  17190. }
  17191.  
  17192. .fab-container {
  17193. position: fixed;
  17194. bottom: 70px;
  17195. right: 10px;
  17196. z-index: 999;
  17197. cursor: pointer;
  17198. }
  17199.  
  17200. .miliyan-scroll {
  17201. display: flex;
  17202. flex-wrap: nowrap;
  17203. padding-bottom: 1.5rem;
  17204. padding-left: 0;
  17205. margin-block: 0;
  17206. /* overflow-x: auto; */
  17207. list-style: none;
  17208. text-align: center;
  17209. white-space: nowrap;
  17210. overflow: auto;
  17211. }
  17212.  
  17213. .fab-icon-holder {
  17214. width: 45px;
  17215. height: 45px;
  17216. bottom: 140px;
  17217. left: 10px;
  17218. color: #FFF;
  17219. background: #FFF;
  17220. /* padding: 1px; */
  17221. border-radius: 10px;
  17222. text-align: center;
  17223. font-size: 30px;
  17224. z-index: 99999;
  17225. }
  17226.  
  17227. .fab-icon-holder:hover {
  17228. opacity: 0.8;
  17229. }
  17230.  
  17231. .fab-icon-holder i {
  17232. display: flex;
  17233. align-items: center;
  17234. justify-content: center;
  17235. height: 100%;
  17236. font-size: 25px;
  17237. color: #ffffff;
  17238. }
  17239.  
  17240. .fab-options {
  17241. list-style-type: none;
  17242. margin: 0;
  17243. position: absolute;
  17244. bottom: 48px;
  17245. left: -37px;
  17246. opacity: 0;
  17247. transition: all 0.3s ease;
  17248. transform: scale(0);
  17249. transform-origin: 85% bottom;
  17250. }
  17251.  
  17252. .fab:hover+.fab-options,
  17253. .fab-options:hover {
  17254. opacity: 1;
  17255. transform: scale(1);
  17256. }
  17257.  
  17258. .fab-options li {
  17259. display: flex;
  17260. justify-content: flex-start;
  17261. padding: 5px;
  17262. }
  17263.  
  17264. .fab-label {
  17265. padding: 2px 5px;
  17266. align-self: center;
  17267. user-select: none;
  17268. white-space: nowrap;
  17269. border-radius: 3px;
  17270. font-size: 16px;
  17271. background: #666666;
  17272. color: #ffffff;
  17273. box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
  17274. margin-left: 10px;
  17275. }
  17276.  
  17277.  
  17278. .d-flex {
  17279. display: -ms-flexbox !important;
  17280. display: flex !important;
  17281. }
  17282.  
  17283. .d-flex2 {
  17284. background-color: #212529;
  17285. }
  17286.  
  17287. .img-chat {
  17288. max-width: 100%;
  17289. height: auto;
  17290. /* background-color: #f89728; */
  17291. border-radius: 10px;
  17292. }
  17293.  
  17294. .btn-topup {
  17295. color: #fff !important;
  17296. background-color: #FE6C17 !important;
  17297. width: 90%;
  17298. max-width: 100px;
  17299. }
  17300.  
  17301. .btn-topup:hover {
  17302. color: #000 !important;
  17303. background-color: #FE6C17 !important;
  17304. border-color: #FE6C17;
  17305. width: 90%;
  17306. }
  17307.  
  17308. .rounded-img-buy {
  17309. border-radius: 23% !important;
  17310. }
  17311.  
  17312. .size-img-buy {
  17313. width: 90%;
  17314. /* border-radius: 12px; */
  17315. height: auto;
  17316.  
  17317. }
  17318.  
  17319. .size-img-buy-v {
  17320. width: 90%;
  17321. height: auto;
  17322. text-align: center;
  17323. }
  17324.  
  17325.  
  17326.  
  17327.  
  17328. .miliyan-hp1 {
  17329. flex: 0 0 auto;
  17330. width: 100%;
  17331. font-size: 15px;
  17332. padding: 0%;
  17333. font-style: italic;
  17334. margin-top: 5px;
  17335. line-height: 50%;
  17336. }
  17337.  
  17338. .miliyan-hp2 {
  17339. flex: 0 0 auto;
  17340. width: 100%;
  17341. font-size: 14px;
  17342. padding: 0%;
  17343. font-style: italic;
  17344. margin-top: 5px;
  17345. line-height: 50%;
  17346. }
  17347.  
  17348. .miliyan-hp3 {
  17349. flex: 0 0 auto;
  17350. width: 100%;
  17351. font-size: 14px;
  17352. padding: 0%;
  17353. font-style: italic;
  17354. margin-top: 5px;
  17355. margin-left: 0px;
  17356. line-height: 20%;
  17357. }
  17358.  
  17359. .col-bjconfirm {
  17360. flex: 0 0 auto;
  17361. width: 50%;
  17362. font-size: 14px;
  17363. text-align: right;
  17364. }
  17365.  
  17366. .col-bjconfirm2 {
  17367. flex: 0 0 auto;
  17368. width: 50%;
  17369. font-size: 14px;
  17370. text-align: left;
  17371. }
  17372.  
  17373. .col-bjconfirm3 {
  17374. flex: 0 0 auto;
  17375. width: 100%;
  17376. font-size: 11px;
  17377. text-align: center;
  17378. }
  17379.  
  17380. .col-bjinv {
  17381. flex: 0 0 auto;
  17382. width: 50%;
  17383. font-size: 14px;
  17384. text-align: right;
  17385. }
  17386.  
  17387. .col-bjinv2 {
  17388. flex: 0 0 auto;
  17389. width: 50%;
  17390. font-size: 14px;
  17391. }
  17392.  
  17393. .col-bjinv3 {
  17394. flex: 0 0 auto;
  17395. width: 50%;
  17396. font-size: 20px;
  17397. font-weight: bold;
  17398. }
  17399.  
  17400. .nav-pills .nav-link.active,
  17401. .nav-pills .show>.nav-link {
  17402. background-color: transparent;
  17403. color: #fff;
  17404. }
  17405.  
  17406. .nav-pills .nav-link,
  17407. .nav-pills .show>.nav-link {
  17408. background-color: transparent;
  17409. color: #fff;
  17410.  
  17411. }
  17412.  
  17413. .nav-link {
  17414. color: #fff;
  17415. display: block;
  17416. padding: 0.5rem 1rem;
  17417. text-decoration: none;
  17418. transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s;
  17419. }
  17420.  
  17421. .nav-link:focus,
  17422. .nav-link:hover {
  17423. color: #fff;
  17424.  
  17425. }
  17426.  
  17427.  
  17428. .scroll-up-btn {
  17429. display: none;
  17430. position: fixed;
  17431. width: 45px;
  17432. height: 45px;
  17433. bottom: 19px;
  17434. right: 10px;
  17435. color: #FFF;
  17436. border: 1px solid #FE6C17;
  17437. background: #FE6C17;
  17438. border-radius: 10px;
  17439. text-align: center;
  17440. font-size: 16px;
  17441. z-index: 99999;
  17442. }
  17443. }
  17444.  
  17445. .fa-chevron-up {
  17446. margin-top: -2px;
  17447. }
  17448.  
  17449.  
  17450.  
  17451.  
  17452.  
  17453. .carousel-indicators {
  17454. position: absolute;
  17455. bottom: 0;
  17456. margin-bottom: -7px;
  17457. }
  17458.  
  17459. .carousel-indicators li {
  17460. border-radius: 50%;
  17461. width: 10px !important;
  17462. height: 10px !important;
  17463.  
  17464. }
  17465.  
  17466. .carousel-indicators .active {
  17467. background-color: #f39200;
  17468. }
  17469.  
  17470. .rounded-miliyan {
  17471.    border-radius: 20px!important;
  17472. }
  17473.  
  17474. .miliyan-rounded-sedang {
  17475. border-top-right-radius: 20px !important;
  17476. border-top-left-radius: 20px !important;
  17477. }
  17478.  
  17479. .miliyan-rounded-kecil {
  17480. border-radius: 7px !important;
  17481. }
  17482.  
  17483. .miliyanbgblack {
  17484. background-color: #2d3238;
  17485. }
  17486.  
  17487. .bg-miliyan {
  17488. background: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))
  17489. }
  17490.  
  17491.  
  17492. .zoom-miliyan {
  17493. position: relative;
  17494. }
  17495.  
  17496.  
  17497. .zoom-miliyan {
  17498. transition: transform .5s, filter 1.5s ease-in-out;
  17499. }
  17500.  
  17501.  
  17502. .zoom-miliyan:hover {
  17503. transform: scale(1.1);
  17504.  
  17505. }
  17506.  
  17507. .regular-price {
  17508. text-decoration: line-through;
  17509. color: red;
  17510. }
  17511.  
  17512. .sale-price {
  17513. margin-left: 0px;
  17514. }
  17515.  
  17516.  
  17517. .text-end {
  17518. text-align: right !important;
  17519. }
  17520.  
  17521. .bg-abu {
  17522. background-color: #1e2022;
  17523. }
  17524.  
  17525.  
  17526. .border-merah {
  17527. border: 1px solid white;
  17528. }
  17529.  
  17530.  
  17531. .miliyan-pgimg {
  17532. background-color: white;
  17533. border-radius: 3px;
  17534. border: 5px solid white;
  17535. height: 35px;
  17536. }
  17537.  
  17538. .bg-dark {
  17539. --bs-bg-opacity: 1;
  17540. background-color: #1F2022!important;
  17541. }
  17542.  
  17543. .size-img-buy {
  17544. width: 60%;
  17545. /* border-radius: 12px; */
  17546. height: auto;
  17547. }
  17548. .rounded-img-buy {
  17549. border-radius: 23% !important;
  17550. }
  17551.  
  17552. .card-img, .card-img-bottom, .card-img-top {
  17553. width: 90%;
  17554. margin:5px;
  17555. }
  17556. img, svg {
  17557. vertical-align: middle;
  17558. }
  17559. * {
  17560. box-sizing: border-box;
  17561. }
  17562. *, :after, :before {
  17563. box-sizing: border-box;
  17564. }
  17565. user agent stylesheet
  17566. img {
  17567. overflow-clip-margin: content-box;
  17568. overflow: clip;
  17569. }
  17570.  
  17571. .rounded {
  17572. border-radius: 0.25rem!important;
  17573. }
  17574. .text-center {
  17575. text-align: center!important;
  17576. }
  17577. .p-2 {
  17578. padding: 0.5rem!important;
  17579. }
  17580. .h-100 {
  17581. height: 100%!important;
  17582. }
  17583. .border-0 {
  17584. border: 0!important;
  17585. }
  17586.  
  17587. * {
  17588. box-sizing: border-box;
  17589. }
  17590. *, :after, :before {
  17591. box-sizing: border-box;
  17592. }
  17593. user agent stylesheet
  17594. div {
  17595. display: block;
  17596. }
  17597. .g-2, .gy-2 {
  17598. --bs-gutter-y: 0.5rem;
  17599. }
  17600. .g-2, .gx-2 {
  17601. --bs-gutter-x: 0.5rem;
  17602. }
  17603. .row {
  17604. --bs-gutter-x: 1.5rem;
  17605. --bs-gutter-y: 0;
  17606. display: flex;
  17607. flex-wrap: wrap;
  17608. margin-left: calc(var(--bs-gutter-x)*-.5);
  17609. margin-right: calc(var(--bs-gutter-x)*-.5);
  17610. margin-top: calc(var(--bs-gutter-y)*-1);
  17611. }
  17612. .text-white {
  17613. --bs-text-opacity: 1;
  17614. color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important;
  17615. }
  17616.  
  17617.  
  17618. .pt-12 {
  17619. padding-top: 3rem;
  17620. }
  17621. .px-4 {
  17622. padding-left: 1rem;
  17623. padding-right: 1rem;
  17624. }
  17625. .max-w-7xl {
  17626. max-width: 80rem;
  17627. }
  17628. .mx-auto {
  17629. margin-left: auto;
  17630. margin-right: auto;
  17631. }
  17632.  
  17633. /* Pilih hanya teks di dalam tombol yang memiliki kelas .nav-link */
  17634. .nav-pills .nav-link.active,
  17635. .nav-pills .show > .nav-link {
  17636.    background-color: transparent;
  17637.    color: #fff;
  17638.    border: none;
  17639. }
  17640.  
  17641. /* Pilih hanya teks di dalam tombol untuk memberi garis bawah kuning */
  17642. .nav-pills .nav-link.active,
  17643. .nav-pills .show > .nav-link {
  17644.    position: relative;
  17645. }
  17646.  
  17647. .nav-pills .nav-link.active::after,
  17648. .nav-pills .show > .nav-link::after {
  17649.    content: "";
  17650.    display: block;
  17651.    position: absolute;
  17652.    bottom: 0;
  17653.    left: 0;
  17654.    width: 100%;
  17655.    height: 2px;
  17656.    background-color: #DBCCE7; /* Warna kuning */
  17657. }
  17658.  
  17659.  
  17660.  
  17661.  
  17662. .swiper {
  17663. width: 100%;
  17664. }
  17665.  
  17666. .swiper-slide {
  17667. background-position: center;
  17668. background-size: cover;
  17669. width: 86%;
  17670. }
  17671.  
  17672. .swiper-slide img {
  17673. display: block;
  17674. width: 100%;
  17675. }
  17676.  
  17677. .swiper-button-next,
  17678. .swiper-button-prev {
  17679. /* background-color: #FE6C1783; */
  17680. background-color:#FE6C17;
  17681. right: 10px;
  17682. padding: 30px;
  17683. color: rgb(255, 255, 255) !important;
  17684. fill: black !important;
  17685. stroke: black !important;
  17686. border-radius: 100px
  17687. }
  17688.  
  17689. .swiper-button-next:after,
  17690. .swiper-button-prev:after {
  17691. font-size: 20px !important;
  17692. }
  17693.  
  17694. .swiper-button-next:hover,
  17695. .swiper-button-prev:hover {
  17696. background-color: #FE6C17 ;
  17697. }
  17698.  
  17699. .swiper-pagination-bullet-active {
  17700. background-color: #7e0d0b ;
  17701. }
  17702.  
  17703. .btn-topup {
  17704. color: #fff3e2 !important;
  17705. background-color: transparent !important;
  17706. width: 90%;
  17707. max-width: 100px;
  17708. }
  17709.  
  17710. .btn-topup:hover {
  17711. color: #fff3e2 !important;
  17712. background-color: #7e0d0b !important;
  17713. width: 90%;
  17714. max-width: 100px;
  17715. }
  17716.  
  17717.  
  17718. #nick {
  17719. font-weight: bold;
  17720. color: red;
  17721. display: inline-block;
  17722. width: 200px;
  17723. }
  17724. .label {
  17725. font-weight: bold;
  17726. }
  17727.  
  17728. .card-img {
  17729. position: absolute;
  17730. top: 0;
  17731. left: 0;
  17732. height: 100%;
  17733. width: 100%;
  17734. object-fit: cover;
  17735. opacity: 0.7;
  17736. border-radius: 12px;
  17737. }
  17738. .card__first {
  17739.  position: relative;
  17740.  border-radius: 19px;
  17741.  padding: -1em;
  17742.  display: flex;
  17743.  align-items: center;
  17744.  justify-content: start;
  17745.  overflow: hidden;
  17746.  transition: all 1s cubic-bezier(0.23, 1, 0.320, 1);
  17747.  cursor: pointer;
  17748. }
  17749.  
  17750. .card svg {
  17751.  width: 48px;
  17752.  fill: #333;
  17753.  transition: all 1s cubic-bezier(0.23, 1, 0.320, 1);
  17754. }
  17755.  
  17756. .card__first:hover {
  17757.  transform: scale(1.0);
  17758.  overflow: hidden;
  17759.  border-top-right-radius: 20px !important;
  17760.  border-top-left-radius: 20px !important;
  17761.  box-shadow: 0 0 7px #DBCCE7; /* Shadow putih dengan opacity 0.5 */
  17762.  
  17763. }
  17764.  
  17765. .card__content {
  17766.  position: absolute;
  17767.  bottom: -100%; /* Memulai elemen di luar layar */
  17768.  left: 0;
  17769.  width: 100%;
  17770.  height: 100%;
  17771.  padding: 15px;
  17772.  box-sizing: border-box;
  17773.  opacity: 0;
  17774.  transition: all 0.5s cubic-bezier(0.23, 1, 0.320, 1);
  17775.  backdrop-filter: brightness(75%);
  17776. }
  17777.  
  17778. .card__first:hover .card__content {
  17779.  bottom: 0; /* Menggerakkan elemen ke posisi terlihat */
  17780.  opacity: 1;
  17781. }
  17782.  
  17783. .card__title {
  17784.  font-size: 13px;
  17785.  margin: 120px 0 0;
  17786.  color: #fff;
  17787.  font-family: -apple-system, "Plus Jakarta Sans", sans-serif;
  17788.  font-weight: 700;
  17789.  text-align: left;
  17790.  text-transform: capitalize;
  17791. }
  17792.  
  17793. .card__description {
  17794.  font-size: 11px;
  17795.  margin: 5px 0 0;
  17796.  color: #fff;
  17797.  font-family: -apple-system, "Plus Jakarta Sans", sans-serif;
  17798.  font-weight: 700;
  17799. }
  17800.  
  17801. @media screen and (max-width: 668px) {
  17802.    .card__first {
  17803.  position: relative;
  17804.  border-radius: 19px;
  17805.  padding: -1em;
  17806.  display: flex;
  17807.  align-items: center;
  17808.  justify-content: start;
  17809.  overflow: hidden;
  17810.  transition: all 1s cubic-bezier(0.23, 1, 0.320, 1);
  17811.  cursor: pointer;
  17812. }
  17813.  
  17814. .card svg {
  17815.  width: 48px;
  17816.  fill: #333;
  17817.  transition: all 1s cubic-bezier(0.23, 1, 0.320, 1);
  17818. }
  17819.  
  17820. .card__first:hover {
  17821.  transform: scale(1.0);
  17822.  overflow: hidden;
  17823.  border-top-right-radius: 20px !important;
  17824.  border-top-left-radius: 20px !important;
  17825.  box-shadow: 0 0 15px #DBCCE7; /* Shadow putih dengan opacity 0.5 */
  17826.  
  17827. }
  17828.  
  17829. .card__content {
  17830.  position: absolute;
  17831.  bottom: -100%; /* Memulai elemen di luar layar */
  17832.  left: 0;
  17833.  width: 100%;
  17834.  height: 100%;
  17835.  padding: 15px;
  17836.  box-sizing: border-box;
  17837.  opacity: 0;
  17838.  transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
  17839.  backdrop-filter: brightness(75%);
  17840. }
  17841.  
  17842. .card__first:hover .card__content {
  17843.  bottom: 0; /* Menggerakkan elemen ke posisi terlihat */
  17844.  opacity: 1;
  17845. }
  17846.  
  17847. .card__title {
  17848.  font-size: 11px;
  17849.  margin: 90px 0 0;
  17850.  color: #fff;
  17851.  font-family: -apple-system, "Plus Jakarta Sans", sans-serif;
  17852.  font-weight: 700;
  17853.  text-align: left;
  17854.  text-transform: capitalize;
  17855. }
  17856.  
  17857. .card__description {
  17858.  font-size: 9px;
  17859.  margin: 5px 0 0;
  17860.  color: #fff;
  17861.  font-family: -apple-system, "Plus Jakarta Sans", sans-serif;
  17862.  font-weight: 700;
  17863. }
  17864. }
  17865. .divider{
  17866.  display:block;
  17867.  margin:1.5rem 0;
  17868.  overflow:hidden;
  17869.  text-align:center;
  17870. }
  17871. .divider .divider-text{
  17872.  background-color: transparent;
  17873.  display:inline-block;
  17874.  padding:0 1rem;
  17875.  position:relative
  17876. }
  17877. .divider .divider-text:after,
  17878. .divider .divider-text:before{
  17879.  border-top:0.25rem solid #DBCCE7;
  17880.  content:"";
  17881.  position:absolute;
  17882.  top:45%;
  17883.  width:9999px;
  17884. }
  17885. .divider .divider-text:before{
  17886.  right:100%;
  17887. }
  17888. .divider .divider-text:after{
  17889.  left:100%;
  17890. }
  17891. .divider .divider-left .divider-text {
  17892.  float:left;
  17893. }
  17894. .divider .divider-left-center .divider-text{
  17895.  left:-25%;
  17896. }
  17897. .divider .divider-right-center .divider-text{
  17898.  left:25%;
  17899. }
  17900. .divider .divider-right .divider-text{
  17901.  float:right;
  17902. }
  17903. .btn-primas{
  17904.    background-color: #DBCCE7;
  17905. }
  17906. .d-flex.border-bottom.w-full.num-page {
  17907.    color: #DBCCE7;
  17908. }
  17909.        .area {
  17910.    padding-bottom: 30px;
  17911.    margin-bottom: 30px;
  17912. }
  17913. .carousel {
  17914.    z-index: 1;
  17915. }
  17916. .area, .meteors {
  17917.    width: 100%;
  17918.    height: 100%;
  17919. }
  17920. .meteors {
  17921.    position: absolute;
  17922.    top: 0;
  17923.    left: 0;
  17924.    overflow: hidden;
  17925.    background: linear-gradient(244deg, #B1BEF2, transparent);
  17926.    max-height: 588px;
  17927. }
  17928. .meteors li {
  17929.    position: absolute;
  17930.    display: block;
  17931.    list-style: none;
  17932.    width: 2px;
  17933.    height: 80px;
  17934.    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  17935.    opacity: 0;
  17936.    animation: animateMeteor 2s linear infinite;
  17937. }
  17938.  
  17939. .meteors li::after {
  17940.    content: '';
  17941.    position: absolute;
  17942.    bottom: -6px; /* Menyesuaikan jarak bulatan dengan garis jika perlu */
  17943.    left: 50%;
  17944.    transform: translateX(-50%);
  17945.    width: 10px; /* Ukuran bulatan */
  17946.    height: 10px;
  17947.    background-color: white;
  17948.    border-radius: 50%;
  17949.    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 */
  17950.    filter: blur(3px); /* Menambahkan blur pada efek cahaya */
  17951. }
  17952. .meteors li:nth-child(1) {
  17953.        left: 40%;
  17954.        animation-delay: 1s;
  17955.        animation-duration: 6s; /* Lebih cepat */
  17956.    }
  17957.    .meteors li:nth-child(2) {
  17958.        left: 50%;
  17959.        animation-delay: 2s;
  17960.        animation-duration: 5s;
  17961.    }
  17962.    .meteors li:nth-child(3) {
  17963.        left: 40%;
  17964.        animation-delay: 1s;
  17965.        animation-duration: 8s; /* Lebih cepat */
  17966.    }
  17967.    .meteors li:nth-child(4) {
  17968.        left: 40%;
  17969.        animation-delay: 2s;
  17970.        animation-duration: 8s;
  17971.    }
  17972.    .meteors li:nth-child(5) {
  17973.        left: 50%;
  17974.        animation-delay: 1s;
  17975.        animation-duration: 5s;
  17976.    }
  17977.    .meteors li:nth-child(6) {
  17978.        left: 60%;
  17979.        animation-delay: 2s;
  17980.        animation-duration: 6s; /* Lebih cepat */
  17981.    }
  17982.    .meteors li:nth-child(7) {
  17983.        left: 70%;
  17984.        animation-delay: 1s;
  17985.        animation-duration: 9s;
  17986.    }
  17987.    .meteors li:nth-child(8) {
  17988.        left: 80%;
  17989.        animation-delay: 2s;
  17990.        animation-duration: 8s;
  17991.    }
  17992.    .meteors li:nth-child(9) {
  17993.        left: 90%;
  17994.        animation-delay: 2s;
  17995.        animation-duration: 5s;
  17996.    }
  17997.    .meteors li:nth-child(10) {
  17998.        left: 5%;
  17999.        animation-delay: 2s;
  18000.        animation-duration: 4s;
  18001.    }
  18002. @keyframes animateMeteor {
  18003.    0% {
  18004.        transform: translateX(0) translateY(0) rotate(45deg);
  18005.        opacity: 1;
  18006.    }
  18007.    100% {
  18008.        transform: translateX(-1000px) translateY(1000px) rotate(45deg); /* Mengubah arah jatuh meteor dari kanan ke kiri */
  18009.        opacity: 0;
  18010.    }
  18011. }
  18012. @media screen and (max-width: 668px) {
  18013.    .area {
  18014.        padding-bottom: 30px;
  18015.        margin-bottom: 30px;
  18016.    }
  18017.    .carousel {
  18018.        z-index: 1;
  18019.    }
  18020.    .area, .meteors {
  18021.        width: 100%;
  18022.        height: 100%;
  18023.    }
  18024.    .meteors {
  18025.        position: absolute;
  18026.        top: 0;
  18027.        left: 0;
  18028.        overflow: hidden;
  18029.        background: linear-gradient(244deg, #B1BEF2, transparent);
  18030.        max-height: 300px;
  18031.    }
  18032.    .meteors li {
  18033.    position: absolute;
  18034.    display: block;
  18035.    list-style: none;
  18036.    width: 2px;
  18037.    height: 80px;
  18038.    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  18039.    opacity: 0;
  18040.    animation: animateMeteor 2s linear infinite;
  18041.    }
  18042.    
  18043.    .meteors li::after {
  18044.        content: '';
  18045.        position: absolute;
  18046.        bottom: -6px; /* Menyesuaikan jarak bulatan dengan garis jika perlu */
  18047.        left: 50%;
  18048.        transform: translateX(-50%);
  18049.        width: 10px; /* Ukuran bulatan */
  18050.        height: 10px;
  18051.        background-color: white;
  18052.        border-radius: 50%;
  18053.        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 */
  18054.        filter: blur(3px); /* Menambahkan blur pada efek cahaya */
  18055.    }
  18056.    .meteors li:nth-child(1) {
  18057.        left: 40%;
  18058.        animation-delay: 1s;
  18059.        animation-duration: 9s; /* Lebih cepat */
  18060.    }
  18061.    .meteors li:nth-child(2) {
  18062.        left: 50%;
  18063.        animation-delay: 2s;
  18064.        animation-duration: 10s;
  18065.    }
  18066.    .meteors li:nth-child(3) {
  18067.        left: 40%;
  18068.        animation-delay: 1s;
  18069.        animation-duration: 12s; /* Lebih cepat */
  18070.    }
  18071.    .meteors li:nth-child(4) {
  18072.        left: 40%;
  18073.        animation-delay: 2s;
  18074.        animation-duration: 12s;
  18075.    }
  18076.    .meteors li:nth-child(5) {
  18077.        left: 50%;
  18078.        animation-delay: 1s;
  18079.        animation-duration: 10s;
  18080.    }
  18081.    .meteors li:nth-child(6) {
  18082.        left: 60%;
  18083.        animation-delay: 2s;
  18084.        animation-duration: 9s; /* Lebih cepat */
  18085.    }
  18086.    .meteors li:nth-child(7) {
  18087.        left: 70%;
  18088.        animation-delay: 1s;
  18089.        animation-duration: 13s;
  18090.    }
  18091.    .meteors li:nth-child(8) {
  18092.        left: 80%;
  18093.        animation-delay: 2s;
  18094.        animation-duration: 12s;
  18095.    }
  18096.    .meteors li:nth-child(9) {
  18097.        left: 90%;
  18098.        animation-delay: 2s;
  18099.        animation-duration: 10s;
  18100.    }
  18101.    .meteors li:nth-child(10) {
  18102.        left: 5%;
  18103.        animation-delay: 2s;
  18104.        animation-duration: 8s;
  18105.    }
  18106.    @keyframes animateMeteor {
  18107.        0% {
  18108.            transform: translateX(0) translateY(0) rotate(45deg);
  18109.            opacity: 1;
  18110.        }
  18111.        100% {
  18112.            transform: translateX(-1000px) translateY(1000px) rotate(45deg); /* Mengubah arah jatuh meteor dari kanan ke kiri */
  18113.            opacity: 0;
  18114.        }
  18115.    }
  18116. }
  18117.  
  18118. .py-6 {
  18119.        padding-top: 1.5rem;
  18120.        padding-bottom: 1.5rem;
  18121.    }
  18122.  
  18123.    .px-4 {
  18124.        padding-left: 1rem;
  18125.        padding-right: 1rem;
  18126.    }
  18127.  
  18128.    .items-end {
  18129.        align-items: flex-end;
  18130.    }
  18131.  
  18132.    .flex {
  18133.        display: flex;
  18134.    }
  18135.  
  18136.    .z-50 {
  18137.        z-index: 50;
  18138.    }
  18139.  
  18140.    .inset-0,
  18141.    .inset-x-0 {
  18142.        right: 0;
  18143.        left: 0;
  18144.    }
  18145.  
  18146.    .inset-0 {
  18147.        top: 0;
  18148.        bottom: 0;
  18149.    }
  18150.  
  18151.    .fixed {
  18152.        position: fixed;
  18153.    }
  18154.  
  18155.    .pointer-events-none {
  18156.        pointer-events: none;
  18157.    }
  18158.  
  18159.  
  18160.   .bg-nvd {
  18161.       background: #470000;
  18162.   }
  18163.  
  18164.  
  18165.  
  18166.    .font-bold {
  18167.        font-weight: 700;
  18168.    }
  18169.  
  18170.    .outline-none {
  18171.        outline: 2px solid transparent;
  18172.        outline-offset: 2px;
  18173.    }
  18174.  
  18175.    .text-primary-500 {
  18176.        --tw-text-opacity: 1;
  18177.        color: rgb(249 115 22/var(--tw-text-opacity));
  18178.    }
  18179.  
  18180.    .font-medium {
  18181.        font-weight: 500;
  18182.    }
  18183.  
  18184.    .text-sm {
  18185.        font-size: 0.875rem;
  18186.        line-height: 1.25rem;
  18187.    }
  18188.  
  18189.    .py-4 {
  18190.        padding-top: 1rem;
  18191.        padding-bottom: 1rem;
  18192.    }
  18193.  
  18194.    .px-3 {
  18195.        padding-left: 0.75rem;
  18196.        padding-right: 0.75rem;
  18197.    }
  18198.  
  18199.    .to-murky-800 {
  18200.        --tw-gradient-to: #34373b;
  18201.    }
  18202.  
  18203.    .from-murky-700 {
  18204.    --tw-gradient-from: #b10202;
  18205.    --tw-gradient-to: rgba(61, 67, 72, 0);
  18206.    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  18207. }
  18208.  
  18209.    .bg-gradient-to-t {
  18210.        background-image: linear-gradient(to top, var(--tw-gradient-stops));
  18211.    }
  18212.  
  18213.    .border-primary-500 {
  18214.        --tw-border-opacity: 1;
  18215.        border-color: #e10603;
  18216.    }
  18217.  
  18218.    .border-b-2 {
  18219.        border-bottom-width: 2px;
  18220.    }
  18221.  
  18222.    .truncate,
  18223.    .whitespace-nowrap {
  18224.        white-space: nowrap;
  18225.    }
  18226.  
  18227.    .flex {
  18228.        display: flex;
  18229.    }
  18230.  
  18231.    [type=button],
  18232.    [type=reset],
  18233.    [type=submit],
  18234.    button {
  18235.        -webkit-appearance: button;
  18236.        background-color: transparent;
  18237.        background-image: none;
  18238.    }
  18239.  
  18240.    [role=button],
  18241.    button {
  18242.        cursor: pointer;
  18243.    }
  18244.  
  18245.    button,
  18246.    select {
  18247.        text-transform: none;
  18248.    }
  18249.  
  18250.    button,
  18251.    input,
  18252.    optgroup,
  18253.    select,
  18254.    textarea {
  18255.        font-family: inherit;
  18256.        font-size: 100%;
  18257.        font-weight: inherit;
  18258.        line-height: inherit;
  18259.        color: inherit;
  18260.        margin: 0;
  18261.        padding: 0;
  18262.    }
  18263.  
  18264.    .overflow-auto {
  18265.        overflow: auto;
  18266.    }
  18267.  
  18268.    .flex {
  18269.        display: flex;
  18270.    }
  18271.  
  18272.    .-mb-px {
  18273.        margin-bottom: -1px;
  18274.    }
  18275.  
  18276.    .hide-scrollbar {
  18277.        display: none;
  18278.    flex-wrap: nowrap;
  18279.    padding-bottom: 1.5rem;
  18280.    padding-left: 0;
  18281.    margin-block: 0;
  18282.    /* overflow-x: auto; */
  18283.    list-style: none;
  18284.    text-align: center;
  18285.    white-space: nowrap;
  18286.    overflow: auto;
  18287. }
  18288.  
  18289.    .bg-gradient-to-t {
  18290.        background-image: linear-gradient(to top, var(--tw-gradient-stops));
  18291.    }
  18292.  
  18293.    .bg-gradient-to-t:hover {
  18294.        background-image: linear-gradient(to top, var(--tw-gradient-stops));
  18295.    }
  18296.  
  18297.    .from-murky-700:hover {
  18298.        --tw-gradient-from: #3d4348;
  18299.        --tw-gradient-to: rgb(0 70 128 / 0%);
  18300.        --tw-gradient-stops: #60707d, rgb(205 205 205 / 0%);
  18301.    }
  18302.  
  18303.    .text-yellow-400 {
  18304.        --tw-text-opacity: 1;
  18305.        color: white;
  18306.    }
  18307.  
  18308.    .animate-flicker {
  18309.        -webkit-animation: flicker 5s linear infinite;
  18310.        animation: flicker 5s linear infinite;
  18311.    }
  18312.  
  18313.    .w-8 {
  18314.        width: 2rem;
  18315.    }
  18316.  
  18317.    .h-8 {
  18318.        height: 2rem;
  18319.    }
  18320.  
  18321.    audio,
  18322.    canvas,
  18323.    embed,
  18324.    iframe,
  18325.    img,
  18326.    object,
  18327.    svg,
  18328.    video {
  18329.        display: block;
  18330.        vertical-align: middle;
  18331.    }
  18332.  
  18333.    @-webkit-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.    @keyframes flicker {
  18359.  
  18360.        0%,
  18361.        19.999%,
  18362.        22%,
  18363.        62.999%,
  18364.        64%,
  18365.        64.999%,
  18366.        70%,
  18367.        to {
  18368.            opacity: .99;
  18369.            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))
  18370.        }
  18371.  
  18372.        20%,
  18373.        21.999%,
  18374.        63%,
  18375.        63.999%,
  18376.        65%,
  18377.        69.999% {
  18378.            opacity: .4;
  18379.            filter: none
  18380.        }
  18381.    }
  18382.  
  18383.    .border-primary-500.active,
  18384.    .border-primary-500.show>.border-primary-500 .bg-gradient-to-t {
  18385.        color: #fff;
  18386.        border-color: #DBCCE7;
  18387.  
  18388.    }
  18389.  
  18390.    .border-primary-500 {
  18391.        --tw-border-opacity: 1;
  18392.        border-color: #605959;
  18393.    }
  18394.  
  18395.    .border-primary-500:hover {
  18396.        --tw-border-opacity: 1;
  18397.        border-color: #ffffff;
  18398.    }
  18399.  
  18400.    .border-gray-500 {
  18401.        --tw-border-opacity: 1;
  18402.        border-color: rgb(107 104 128/var(--tw-border-opacity));
  18403.    }
  18404.  
  18405.    .-mb-px {
  18406.        margin-bottom: -9px;
  18407.    }
  18408.    
  18409.  
  18410.  
  18411. .pt-2 {
  18412.    padding-top: 0.5rem;
  18413. }
  18414. .box-content {
  18415.    box-sizing: content-box;
  18416. }
  18417. .flow-root {
  18418.    display: flow-root;
  18419. }
  18420. .mt-4 {
  18421.    margin-top: 1rem;
  18422. }
  18423.  
  18424. /*index*/
  18425.  
  18426. .hover\:border-primary-500:hover {
  18427.    --tw-border-opacity: 1;
  18428.    border-color: white:
  18429. }
  18430.  
  18431. .hover\:\!bg-murky-600:hover {
  18432.    --tw-bg-opacity: 1!important;
  18433.    background-color: rgb(74 81 87/var(--tw-bg-opacity))!important
  18434. }
  18435.  
  18436. .hover\:\!bg-murky-800:hover {
  18437.    --tw-bg-opacity: 1!important;
  18438.    background-color: rgb(52 55 59/var(--tw-bg-opacity))!important
  18439. }
  18440.  
  18441. .hover\:bg-murky-50:hover {
  18442.    --tw-bg-opacity: 1;
  18443.    background-color: rgb(246 246 247/var(--tw-bg-opacity))
  18444. }
  18445.  
  18446. .hover\:bg-murky-500:hover {
  18447.    --tw-bg-opacity: 1;
  18448.    background-color: rgb(94 102 110/var(--tw-bg-opacity))
  18449. }
  18450.  
  18451. .hover\:bg-murky-600:hover {
  18452.    --tw-bg-opacity: 1;
  18453.    background-color: rgb(74 81 87/var(--tw-bg-opacity))
  18454. }
  18455.  
  18456. .hover\:bg-murky-700:hover {
  18457.    --tw-bg-opacity: 1;
  18458.    background-color: #8a1111 !important;
  18459. }
  18460.  
  18461. .hover\:bg-murky-800:hover {
  18462.    --tw-bg-opacity: 1;
  18463.    background-color: rgb(52 55 59/var(--tw-bg-opacity))
  18464. }
  18465.  
  18466. .hover\:bg-orange-400:hover,.hover\:bg-primary-400:hover {
  18467.    --tw-bg-opacity: 1;
  18468.    background-color: rgb(251 146 60/var(--tw-bg-opacity))
  18469. }
  18470.  
  18471. .hover\:bg-primary-600:hover {
  18472.    --tw-bg-opacity: 1;
  18473.    background-color: rgb(234 88 12/var(--tw-bg-opacity))
  18474. }
  18475.  
  18476. .hover\:from-murky-700:hover {
  18477.    --tw-gradient-from: #3d4348;
  18478.    --tw-gradient-to: rgba(61,67,72,0);
  18479.    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
  18480. }
  18481.  
  18482. .hover\:text-murky-500:hover {
  18483.    --tw-text-opacity: 1;
  18484.    color: rgb(94 102 110/var(--tw-text-opacity))
  18485. }
  18486.  
  18487. .hover\:text-murky-800:hover {
  18488.    --tw-text-opacity: 1;
  18489.    color: rgb(52 55 59/var(--tw-text-opacity))
  18490. }
  18491.  
  18492. .hover\:text-primary-200:hover {
  18493.    --tw-text-opacity: 1;
  18494.    color: rgb(254 215 170/var(--tw-text-opacity))
  18495. }
  18496.  
  18497. .hover\:text-primary-300:hover {
  18498.    --tw-text-opacity: 1;
  18499.    color: rgb(253 186 116/var(--tw-text-opacity))
  18500. }
  18501.  
  18502. .hover\:text-primary-400:hover {
  18503.    --tw-text-opacity: 1;
  18504.    color: rgb(251 146 60/var(--tw-text-opacity))
  18505. }
  18506.  
  18507. .hover\:shadow-2xl:hover {
  18508.    --tw-shadow: 0 25px 50px -12px rgba(0,0,0,.25);
  18509.    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  18510.    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
  18511. }
  18512.  
  18513. .hover\:ring-2:hover {
  18514.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  18515.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  18516.    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
  18517. }
  18518.  
  18519. .hover\:ring-yellow-400:hover {
  18520.    --tw-ring-opacity: 1;
  18521.    --tw-ring-color: #DBCCE7;
  18522. }
  18523.  
  18524.  
  18525.  
  18526. .hover\:ring-offset-2:hover {
  18527.    --tw-ring-offset-width: 2px
  18528. }
  18529.  
  18530. .hover\:ring-offset-murky-800:hover {
  18531.    --tw-ring-offset-color: white
  18532. }
  18533.  
  18534. .filter {
  18535.    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)
  18536. }
  18537.  
  18538. .backdrop-blur {
  18539.    --tw-backdrop-blur: blur(8px)
  18540. }
  18541.  
  18542. .backdrop-blur,.backdrop-blur-sm {
  18543.    -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);
  18544.    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)
  18545. }
  18546.  
  18547. .backdrop-blur-sm {
  18548.    --tw-backdrop-blur: blur(4px)
  18549. }
  18550.  
  18551. .backdrop-filter {
  18552.    -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);
  18553.    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)
  18554. }
  18555.  
  18556. .transition {
  18557.    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  18558.    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  18559.    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  18560.    transition-timing-function: cubic-bezier(.4,0,.2,1);
  18561.    transition-duration: .15s
  18562. }
  18563.  
  18564. .transition-\[max-height\] {
  18565.    transition-property: max-height;
  18566.    transition-timing-function: cubic-bezier(.4,0,.2,1);
  18567.    transition-duration: .15s
  18568. }
  18569.  
  18570. .transition-all {
  18571.    transition-property: all;
  18572.    transition-timing-function: cubic-bezier(.4,0,.2,1);
  18573.    transition-duration: .15s
  18574. }
  18575.  
  18576. .transition-colors {
  18577.    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;
  18578.    transition-timing-function: cubic-bezier(.4,0,.2,1);
  18579.    transition-duration: .15s
  18580. }
  18581.  
  18582. .transition-opacity {
  18583.    transition-property: opacity;
  18584.    transition-timing-function: cubic-bezier(.4,0,.2,1);
  18585.    transition-duration: .15s
  18586. }
  18587.  
  18588. .delay-150 {
  18589.    transition-delay: .15s
  18590. }
  18591.  
  18592. .duration-100 {
  18593.    transition-duration: .1s
  18594. }
  18595.  
  18596. .duration-150 {
  18597.    transition-duration: .15s
  18598. }
  18599.  
  18600. .duration-200 {
  18601.    transition-duration: .2s
  18602. }
  18603.  
  18604. .duration-300 {
  18605.    transition-duration: .3s
  18606. }
  18607.  
  18608. .duration-700 {
  18609.    transition-duration: .7s
  18610. }
  18611.  
  18612. .duration-75 {
  18613.    transition-duration: 75ms
  18614. }
  18615.  
  18616. .ease-in {
  18617.    transition-timing-function: cubic-bezier(.4,0,1,1)
  18618. }
  18619.  
  18620. .ease-in-out {
  18621.    transition-timing-function: cubic-bezier(.4,0,.2,1)
  18622. }
  18623.  
  18624. .ease-linear {
  18625.    transition-timing-function: linear
  18626. }
  18627.  
  18628. .ease-out {
  18629.    transition-timing-function: cubic-bezier(0,0,.2,1)
  18630. }
  18631.  
  18632. .ease-in-out {
  18633.    transition-timing-function: cubic-bezier(.4,0,.2,1);
  18634. }
  18635. .duration-300 {
  18636.    transition-duration: .3s;
  18637. }
  18638. .bg-murky-700 {
  18639.    --tw-bg-opacity: 1;
  18640.    background-color: rgb(61 67 72/var(--tw-bg-opacity));
  18641. }
  18642. .rounded-2xl {
  18643.    border-radius: 1rem;
  18644. }
  18645. .overflow-hidden {
  18646.    overflow: hidden;
  18647. }
  18648. .scale-95, .transform {
  18649.    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));
  18650. }
  18651. .relative {
  18652.    position: relative;
  18653. }
  18654.  
  18656.  
  18657. .flip-card {
  18658.  position: relative;
  18659.  display: inline-flex;
  18660.  flex-direction: column;
  18661.  border-radius: 0.15em 0.15em 0 0;
  18662.  font-family: Arial, Helvetica, sans-serif;
  18663.  font-size: 17px;
  18664. }
  18665.  
  18666. .top,
  18667. .bottom,
  18668. .flip-card .top-flip,
  18669. .flip-card .bottom-flip {
  18670.  height: .75em;
  18671.  line-height: 1;
  18672.  padding: .25em;
  18673.  overflow: hidden;
  18674. }
  18675.  
  18676. .top,
  18677. .flip-card .top-flip {
  18678.  background-color: #c21010!important;
  18679.  border-top-right-radius: .1em;
  18680.  border-top-left-radius: .1em;
  18681.  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  18682.  color: #ccc;
  18683.  border-radius: 0.25em 0.25em 0 0;
  18684. }
  18685.  
  18686. .bottom,
  18687. .flip-card .bottom-flip {
  18688.  background-color: #e64848!important;
  18689.  display: flex;
  18690.  align-items: flex-end;
  18691.  border-bottom-right-radius: .1em;
  18692.  border-bottom-left-radius: .1em;
  18693.  color: #fff;
  18694.  border-radius: 0 0 0.25em 0.25em;
  18695. }
  18696.  
  18697. .flip-card .top-flip {
  18698.  position: absolute;
  18699.  width: 100%;
  18700.  animation: flip-top 250ms ease-in;
  18701.  transform-origin: bottom;
  18702.  background-color: #e64848!important;
  18703. }
  18704.  
  18705. @keyframes flip-top {
  18706.  100% {
  18707.    transform: rotateX(90deg);
  18708.  }
  18709. }
  18710.  
  18711. .flip-card .bottom-flip {
  18712.  position: absolute;
  18713.  bottom: 0;
  18714.  width: 100%;
  18715.  animation: flip-bottom 250ms ease-out 250ms;
  18716.  transform-origin: top;
  18717.  transform: rotateX(90deg);
  18718. }
  18719.  
  18720. @keyframes flip-bottom {
  18721.  100% {
  18722.    transform: rotateX(0deg);
  18723.  }
  18724. }
  18725.  
  18726. .containerr {
  18727.  gap: .4em;
  18728.  justify-content: center;
  18729.  position:absolute;
  18730.  display:flex;
  18731. }
  18732.  
  18733. .container-segment {
  18734.  display: flex;
  18735.  flex-direction: column;
  18736.  gap: .1em;
  18737.  align-items: center;
  18738. }
  18739.  
  18740. .segment {
  18741.  display: flex;
  18742.  gap: .1em;
  18743. }
  18744.  
  18745. .segment-title {
  18746.  font-size: 1rem;
  18747. }
  18748.  
  18749.  
  18750. .text-tih {
  18751.    font-size: 1.25rem;
  18752.    line-height: 1.90rem;
  18753. }
  18754.  
  18755. @media (min-width: 992px) {
  18756.    .desktop-padding {
  18757.      padding: 4px;
  18758.    }
  18759.  }
  18760.  
  18761. .container {
  18762.  max-width: 1370px;
  18763.  margin: 0 auto;
  18764.  padding: 0 20px;
  18765.  box-sizing: border-box;
  18766. }
  18767.  
  18768. @media (max-width: 768px) {
  18769.  .container {
  18770.    padding: 0 7px;
  18771.  }
  18772. }
  18773.  
  18774. .text-\[\#FF2A2A\] {
  18775.    --tw-text-opacity: 1;
  18776.    color: rgb(255 42 42/var(--tw-text-opacity));
  18777. }
  18778. .font-bold {
  18779.    font-weight: 700;
  18780. }
  18781. .text-xs {
  18782.    font-size: .75rem;
  18783.    line-height: 1rem;
  18784. }
  18785. .py-0\.5 {
  18786.    padding-top: 0.125rem;
  18787.    padding-bottom: 0.125rem;
  18788. }
  18789. .px-2 {
  18790.    padding-left: 0.5rem;
  18791.    padding-right: 0.5rem;
  18792. }
  18793. .bg-danger-100 {
  18794.    --tw-bg-opacity: 1;
  18795.    background-color: rgb(254 202 202/var(--tw-bg-opacity));
  18796. }
  18797. .rounded {
  18798.    border-radius: 0.25rem;
  18799. }
  18800. .items-center {
  18801.    align-items: center;
  18802. }
  18803. .inline-flex {
  18804.    display: inline-flex;
  18805. }
  18806. .left-4 {
  18807.    left: 1rem;
  18808. }
  18809. .absolute {
  18810.    position: absolute;
  18811. }
  18812. .text-white {
  18813.    --tw-text-opacity: 1;
  18814.    color: rgb(255 255 255/var(--tw-text-opacity));
  18815. }
  18816. .font-bold {
  18817.    font-weight: 700;
  18818. }
  18819. .text-sm {
  18820.    font-size: .875rem;
  18821.    line-height: 1.25rem;
  18822. }
  18823. .relative {
  18824.    position: relative;
  18825. }
  18826. blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
  18827.    margin: 0;
  18828. }
  18829. h1, h2, h3, h4, h5, h6 {
  18830.    font-size: inherit;
  18831.    font-weight: inherit;
  18832. }
  18833. .backdrop-promo {
  18834.    background: linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,.4));
  18835. }
  18836. .p-2 {
  18837.    padding: 0.5rem;
  18838. }
  18839. .rounded-lg {
  18840.    border-radius: 0.5rem;
  18841. }
  18842. .overflow-hidden {
  18843.    overflow: hidden;
  18844. }
  18845. .justify-end {
  18846.    justify-content: flex-end;
  18847. }
  18848. .items-end {
  18849.    align-items: flex-end;
  18850. }
  18851. .h-full {
  18852.    height: 100%;
  18853. }
  18854. .flex {
  18855.    display: flex;
  18856. }
  18857. .top-0 {
  18858.    top: 0;
  18859. }
  18860. .inset-x-0 {
  18861.    left: 0;
  18862.    right: 0;
  18863. }
  18864. .absolute {
  18865.    position: absolute;
  18866. }
  18867.  
  18868. .shadow, .shadow-lg {
  18869.    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  18870. }
  18871. .shadow-lg {
  18872.    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
  18873.    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
  18874. }
  18875. .rounded-lg {
  18876.    border-radius: 0.5rem;
  18877. }
  18878.  
  18879.  
  18880.  
  18881. .shadow, .shadow-lg {
  18882.    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  18883. }
  18884. .shadow-lg {
  18885.    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
  18886.    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
  18887. }
  18888. .rounded-lg {
  18889.    border-radius: 0.5rem;
  18890. }
  18891. .overflow-hidden {
  18892.    overflow: hidden;
  18893. }
  18894.  
  18895. .h-80 {
  18896.    height: 20rem;
  18897. }
  18898.  
  18899. .line-through {
  18900.    text-decoration-line: line-through;
  18901. }
  18902. .text-\[\#FF2A2A\] {
  18903.    --tw-text-opacity: 1;
  18904.    color: rgb(255 42 42/var(--tw-text-opacity));
  18905. }
  18906. .text-xs {
  18907.    font-size: .75rem;
  18908.    line-height: 1rem;
  18909. }
  18910. .ml-2 {
  18911.    margin-left: 0.5rem;
  18912. }
  18913.  
  18914.   .tihmel {
  18915.    width: 25px;
  18916. }
  18917.  
  18918.       .shadow-2xl {
  18919.    --tw-shadow: 0 25px 50px -12px rgba(0,0,0,.25);
  18920.    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  18921. }
  18922. .shadow, .shadow-2xl {
  18923.    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  18924. }
  18925. .py-4 {
  18926.    padding-top: 1rem;
  18927.    padding-bottom: 1rem;
  18928. }
  18929. .px-4 {
  18930.    padding-left: 1rem;
  18931.    padding-right: 1rem;
  18932. }
  18933. .bg-transparent {
  18934.    background-color: transparent;
  18935. }
  18936. .mb-4 {
  18937.    margin-bottom: 1rem;
  18938. }
  18939. .relative {
  18940.    position: relative;
  18941. }
  18942. .-z-10 {
  18943.    z-index: -10;
  18944. }
  18945. .inset-0, .inset-x-0 {
  18946.    right: 0;
  18947.    left: 0;
  18948. }
  18949. .inset-0 {
  18950.    top: 0;
  18951.    bottom: 0;
  18952. }
  18953. .absolute {
  18954.    position: absolute;
  18955. }
  18956.  
  18957. menu, ol, ul {
  18958.    list-style: none;
  18959.    margin: 0;
  18960.    padding: 0;
  18961. }
  18962.  
  18963. @keyframes hightlight {
  18964.    0% {
  18965.        left: -400%;
  18966.    }
  18967.    to {
  18968.        left: 100%;
  18969.    }
  18970. }
  18971. .selected-item:after {
  18972.    animation: hightlight 5s ease-in infinite forwards;
  18973.    background-color: hsla(204, 9%, 89%, 0.5);
  18974.    --tw-content: "";
  18975.    content: var(--tw-content);
  18976. }
  18977. .product-thumbnail-container {
  18978.    perspective: 25em;
  18979. }
  18980. .product-thumbnail-container img {
  18981.    position: relative;
  18982.    transform: rotateY(20deg) rotateX(-4deg) !important;
  18983.    transform-origin: left center;
  18984. }
  18985.  
  18986. .lazy {
  18987.    background: rgb(52 55 59/var(--tw-bg-opacity));
  18988. }
  18989.  
  18990. .bg-featured-game-card {
  18991. --tw-bg-opacity: 1;
  18992.    --tw-text-opacity: 1;
  18993.    color: rgb(255 255 255/var(--tw-text-opacity));
  18994.    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTkyMCAxMDAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPnBhdGh7b3BhY2l0eTouMTtjbGlwLXBhdGg6dXJsKCNjbGlwUGF0aCk7ZmlsbDp1cmwoI2xpbmVhckdyYWRpZW50KTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXBQYXRoIj48cmVjdCB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMDAwIi8+PC9jbGlwUGF0aD48bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhckdyYWRpZW50IiB4MT0iMCUiIHkxPSIwJSIgeDI9IjkwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9ImhzbCgwIDAlIDEwMCUvMSkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9ImhzbCgwIDAlIDEwMCUvMCkiLz48L2xpbmVhckdyYWRpZW50PjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5MjAsMTAwMClzY2FsZSgtMSwtMSkiPjxwYXRoIGQ9Ik0xMzg0LjUgMzQzLjJMMTkyLjcgMTUzNWwtMjEzLjUtM0wxMzgzIDEyOC4ybDEuNSAyMTV6Ii8+PHBhdGggZD0iTTE5MTkuNyA0NDguM0wxMzU5IDEwMDlsLTEwMC40LTEuNEwxOTE5IDM0Ny4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMTc2LjcgNTE0LjNMNjE2IDEwNzVsLTEwMC40LTEuNEwxMTc2IDQxMy4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik02NDQuNyA0NTcuM0w4NCAxMDE4bC0xMDAuNC0xLjRMNjQ0IDM1Ni4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMzg3LjcgNDQ4LjNMODI3IDEwMDlsLTEwMC40LTEuNEwxMzg3IDM0Ny4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMjUwLjEgNDkzLjhsLTU0NSA1NDUtNTIuNyA0My42IDY0MS45LTY0MS45LTQ0LjIgNTMuM3oiLz48cGF0aCBkPSJNODkxLjEgNjM5LjFMLTc3OCAyMzA4LjNsLTI5OC45LTQuMkw4ODkgMzM4LjFsMi4xIDMwMXoiLz48cGF0aCBkPSJNMTg3MC40IDQxOS44TC0yOC44IDIzMTlsLTM0MC4xLTQuOEwxODY4IDc3LjNsMi40IDM0Mi41eiIvPjxwYXRoIGQ9Ik05MDguNCA0MzYuOEwtOTkwLjggMjMzNmwtMzQwLjEtNC44TDkwNiA5NC4zbDIuNCAzNDIuNXoiLz48cGF0aCBkPSJNMTYzMi40IDUxNS44TC0yNjYuOCAyNDE1bC0zNDAuMS00LjhMMTYzMCAxNzMuM2wyLjQgMzQyLjV6Ii8+PHBhdGggZD0iTTExNzYuMyA1NjcuMUwtMTQ0NS42IDMxODlsLTQ2OS41LTYuNkwxMTczIDk0LjNsMy4zIDQ3Mi44eiIvPjxwYXRoIGQ9Ik0xNDI3LjMgNTgwLjFMLTExOTQuNiAzMjAybC00NjkuNS02LjZMMTQyNCAxMDcuM2wzLjMgNDcyLjh6Ii8+PHBhdGggZD0iTTE2NDkuNSA4ODAuMkw0NTcuNyAyMDcybC0yMTMuNS0zTDE2NDggNjY1LjJsMS41IDIxNXoiLz48cGF0aCBkPSJNNjc1LjggNTIyLjJsLTI2MjEuOSAyNjIxLjktNDY5LjQtNi42TDY3Mi41IDQ5LjRsMy4zIDQ3Mi44eiIvPjxwYXRoIGQ9Ik0yNTk1LjkgNTIyLjJMLTI2IDMxNDQuMWwtNDY5LjUtNi42TDI1OTIuNiA0OS40bDMuMyA0NzIuOHoiLz48L2c+PC9zdmc+);
  18995.    background-repeat: no-repeat;
  18996.    background-position: top;
  18997.    background-size: clamp(60em,100rem,100em) auto,cover;
  18998.    background-color: #B298C8;
  18999.    
  19000.    }
  19001.    
  19002.    
  19003. .load {
  19004. --tw-bg-opacity: 1;
  19005.    background-color: transparent;
  19006.    color: transparent;
  19007.    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTkyMCAxMDAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPnBhdGh7b3BhY2l0eTouMTtjbGlwLXBhdGg6dXJsKCNjbGlwUGF0aCk7ZmlsbDp1cmwoI2xpbmVhckdyYWRpZW50KTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXBQYXRoIj48cmVjdCB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMDAwIi8+PC9jbGlwUGF0aD48bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhckdyYWRpZW50IiB4MT0iMCUiIHkxPSIwJSIgeDI9IjkwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9ImhzbCgwIDAlIDEwMCUvMSkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9ImhzbCgwIDAlIDEwMCUvMCkiLz48L2xpbmVhckdyYWRpZW50PjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5MjAsMTAwMClzY2FsZSgtMSwtMSkiPjxwYXRoIGQ9Ik0xMzg0LjUgMzQzLjJMMTkyLjcgMTUzNWwtMjEzLjUtM0wxMzgzIDEyOC4ybDEuNSAyMTV6Ii8+PHBhdGggZD0iTTE5MTkuNyA0NDguM0wxMzU5IDEwMDlsLTEwMC40LTEuNEwxOTE5IDM0Ny4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMTc2LjcgNTE0LjNMNjE2IDEwNzVsLTEwMC40LTEuNEwxMTc2IDQxMy4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik02NDQuNyA0NTcuM0w4NCAxMDE4bC0xMDAuNC0xLjRMNjQ0IDM1Ni4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMzg3LjcgNDQ4LjNMODI3IDEwMDlsLTEwMC40LTEuNEwxMzg3IDM0Ny4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMjUwLjEgNDkzLjhsLTU0NSA1NDUtNTIuNyA0My42IDY0MS45LTY0MS45LTQ0LjIgNTMuM3oiLz48cGF0aCBkPSJNODkxLjEgNjM5LjFMLTc3OCAyMzA4LjNsLTI5OC45LTQuMkw4ODkgMzM4LjFsMi4xIDMwMXoiLz48cGF0aCBkPSJNMTg3MC40IDQxOS44TC0yOC44IDIzMTlsLTM0MC4xLTQuOEwxODY4IDc3LjNsMi40IDM0Mi41eiIvPjxwYXRoIGQ9Ik05MDguNCA0MzYuOEwtOTkwLjggMjMzNmwtMzQwLjEtNC44TDkwNiA5NC4zbDIuNCAzNDIuNXoiLz48cGF0aCBkPSJNMTYzMi40IDUxNS44TC0yNjYuOCAyNDE1bC0zNDAuMS00LjhMMTYzMCAxNzMuM2wyLjQgMzQyLjV6Ii8+PHBhdGggZD0iTTExNzYuMyA1NjcuMUwtMTQ0NS42IDMxODlsLTQ2OS41LTYuNkwxMTczIDk0LjNsMy4zIDQ3Mi44eiIvPjxwYXRoIGQ9Ik0xNDI3LjMgNTgwLjFMLTExOTQuNiAzMjAybC00NjkuNS02LjZMMTQyNCAxMDcuM2wzLjMgNDcyLjh6Ii8+PHBhdGggZD0iTTE2NDkuNSA4ODAuMkw0NTcuNyAyMDcybC0yMTMuNS0zTDE2NDggNjY1LjJsMS41IDIxNXoiLz48cGF0aCBkPSJNNjc1LjggNTIyLjJsLTI2MjEuOSAyNjIxLjktNDY5LjQtNi42TDY3Mi41IDQ5LjRsMy4zIDQ3Mi44eiIvPjxwYXRoIGQ9Ik0yNTk1LjkgNTIyLjJMLTI2IDMxNDQuMWwtNDY5LjUtNi42TDI1OTIuNiA0OS40bDMuMyA0NzIuOHoiLz48L2c+PC9zdmc+);
  19008.    background-repeat: no-repeat;
  19009.    background-position: top;
  19010.    background-size: clamp(60em,100rem,100em) auto,cover;
  19011.    
  19012.    }
  19013. </style>
  19014. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" integrity="sha384-..." crossorigin="anonymous">
  19015. <div class="area">
  19016. <div class="container">
  19017.            <div class="swiper hero-swiper">
  19018.              <div class="swiper-wrapper">
  19019.                                                                                <div class="swiper-slide lg:w-[1000px] active">
  19020.                            <img src="/assets/banner/banner43.png" class="block h-auto w-full rounded-3xl" style="border-radius: 25px;">
  19021.                    </div>
  19022.                                                        </div>
  19023.                </div>
  19024.                <ul class="meteors">
  19025.                        <li></li>
  19026.                        <li></li>
  19027.                        <li></li>
  19028.                        <li></li>
  19029.                        <li></li>
  19030.                        <li></li>
  19031.                        <li></li>
  19032.                        <li></li>
  19033.                        <li></li>
  19034.                        <li></li>
  19035.                    </ul>
  19036.                
  19037.            <div class="col-sm mt-3">
  19038.                <div class="col-lg-9 mx-auto">
  19039.                      <form action="https://mdnitems.com" method="POST">
  19040.                        <input type="hidden" name="_token" value="cDiGZ6tyOV7Ci7aB3VULBpmFO4JMkNiV6XlheUDh">                        <div class="input-group me-3 search-bar mini" aria-haspopup="true" id="dropsearchdown">
  19041.                        <input type="text" name="q" placeholder="Search products..." id="searchProds"
  19042.                            class="form-control search_input" autocomplete="off">
  19043.                        <button type="submit" class="btn-light border" style="border-top-right-radius: 10px; border-bottom-right-radius: 10px;" id="btnSearchProds">
  19044.                            <i class="fas fa-search" style="color: #fff"></i>
  19045.                        </button>
  19046.                        </button>
  19047.                    </div>
  19048.                    <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;
  19049.                                        border-color: rgba(0,0,0,.15);
  19050.                                        color: #dee2e6; overflow-y: auto; max-height: 400px;"></ul>
  19051.                </form>
  19052.            </div>
  19053.            </div>
  19054.            </div>
  19055.            <br>
  19056.            <div class="row" style="margin: 0 auto; max-width: 1300px;">
  19057.    <div class="col-lg-12">
  19058.        <div class="flash-sale-container" style="background-color: #B298C8; padding: 10px; border-radius: 10px;">
  19059.            <div class="flashsale-text">
  19060.                <h3 class="flex items-center space-x-4 text-foreground text-lg font-semibold uppercase leading-relaxed tracking-wider text-white">⚡️ FLASH SALE</h3>
  19061.                <div id="flipdown" class="flipdown"></div>
  19062.            </div>
  19063.            <br>
  19064.            <br>
  19065.            <div class="owl-carousel owl-theme mb-2" id="flash">
  19066.                                <div class="item">
  19067.                    <a class="card-flash" href="https://wa.me/6281370990163">
  19068.                        <img src="/assets/logo_flashsale/1714145302_dm kuning.png" class="flashsale-logo">
  19069.                        <div class="flashsale-details">
  19070.                            <p class="mt-2">JOIN RESELLER</p>
  19071.                            <del>Rp 450.000</del>
  19072.                            <span class="price">Rp 300.000</span>
  19073.                        </div>
  19074.                    </a>
  19075.                </div>
  19076.                            </div>
  19077.        </div>
  19078.    </div>
  19079. </div>
  19080.  
  19081.  
  19082.  
  19083. <style>
  19084.        .card-flash {
  19085.            text-decoration: none;
  19086.            width: 100%;
  19087.            display: flex;
  19088.            align-items: center;
  19089.            background-size: cover;
  19090.            background-repeat: no-repeat;
  19091.            background-position: center center;
  19092.            padding: 16px;
  19093.            border-radius: 12px;
  19094.            box-shadow: inset 0 0 0 2000px rgba(40, 37, 38, 0.44);
  19095.            background-color: #B298C8;
  19096.            position: relative;
  19097.        }
  19098.  
  19099.        .card-flash img.flashsale-logo {
  19100.            width: 50px;
  19101.            height: auto;
  19102.            margin-right: 10px;
  19103.            border-radius: 8px;
  19104.            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  19105.        }
  19106.  
  19107.        .flashsale-details {
  19108.            display: flex;
  19109.            flex-direction: column;
  19110.            justify-content: center;
  19111.        }
  19112.  
  19113.        .flashsale-details p {
  19114.            color: #fff;
  19115.            padding: 1px 6px;
  19116.            display: inline-block;
  19117.            font-weight: 400;
  19118.            margin: 0;
  19119.            text-align: left;
  19120.            white-space: nowrap; /* Tambahkan properti ini */
  19121.            font-size: 14px; /* Sesuaikan ukuran font sesuai kebutuhan Anda */
  19122.        }
  19123.  
  19124.        .flashsale-details .price {
  19125.            display: inline-block;
  19126.            padding: 1px 6px;
  19127.            border-radius: 8px;
  19128.            color: #ffefc4;
  19129.            font-weight: 600;
  19130.            font-size: 13px;
  19131.            text-align: left;
  19132.            margin: 0;
  19133.        }
  19134.  
  19135.        .flashsale-details del {
  19136.            font-size: 13px;
  19137.            color: #ef4646;
  19138.            font-weight: 500;
  19139.            padding: 1px 6px;
  19140.            display: inline-block;
  19141.            text-align: left;
  19142.            margin: 0;
  19143.        }
  19144.  
  19145.        body.light .stay-white,
  19146.        body.light .flashsale-details p {
  19147.            color: #fff !important;
  19148.        }
  19149.  
  19150.        .flipdown {
  19151.            height: 30px;
  19152.            display: inline-block;
  19153.        }
  19154.  
  19155.        @media (max-width: 550px) {
  19156.            .flipdown {
  19157.                width: 300px;
  19158.                height: 50px;
  19159.            }
  19160.        }
  19161.  
  19162.        .flipdown .rotor {
  19163.            font-size: 18px;
  19164.        }
  19165.  
  19166.        .flipdown .rotor,
  19167.        .flipdown .rotor-leaf,
  19168.        .flipdown .rotor-leaf-front,
  19169.        .flipdown .rotor-leaf-rear,
  19170.        .flipdown .rotor-top,
  19171.        .flipdown .rotor-bottom,
  19172.        .flipdown .rotor:after {
  19173.            width: 26px;
  19174.        }
  19175.  
  19176.        .flipdown .rotor-group {
  19177.            padding-right: 10px;
  19178.        }
  19179.  
  19180.        .flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):before,
  19181.        .flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):after {
  19182.            left: 76px;
  19183.            display: none;
  19184.        }
  19185.  
  19186.        .flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):before {
  19187.            bottom: 19px;
  19188.            height: 8px;
  19189.            width: 8px;
  19190.            display: none;
  19191.        }
  19192.  
  19193.        .flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):after {
  19194.            bottom: 35px;
  19195.            height: 8px;
  19196.            width: 8px;
  19197.            display: none;
  19198.        }
  19199.  
  19200.        .flipdown .rotor-leaf-front,
  19201.        .flipdown .rotor-top {
  19202.            line-height: 40px;
  19203.        }
  19204.  
  19205.        .flipdown .rotor-leaf,
  19206.        .flipdown .rotor {
  19207.            height: 40px;
  19208.        }
  19209.  
  19210.        .flipdown .rotor-leaf-front,
  19211.        .flipdown .rotor-leaf-rear,
  19212.        .flipdown .rotor-top,
  19213.        .flipdown .rotor-bottom,
  19214.        .flipdown .rotor:after {
  19215.            height: 20px;
  19216.        }
  19217.    </style>
  19218.    
  19219. <script src="/public/assets/js/flipdowns.js"></script>
  19220. <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
  19221. <script>
  19222. document.addEventListener('DOMContentLoaded', () => {
  19223.    var targetDate = new Date("2024-10-30T23:59:59"); // Tentukan tanggal target secara statis
  19224.  
  19225.    // Dapatkan timestamp UNIX dari objek Date tersebut
  19226.    var timestamp = Math.floor(targetDate.getTime() / 1000);
  19227.  
  19228.    var flipdown = new FlipDown(timestamp, {
  19229.        theme: "light",
  19230.    }).start().ifEnded(() => {
  19231.        window.location.reload();
  19232.    });
  19233.  
  19234.    $('#flash').owlCarousel({
  19235.        loop:true,
  19236.        margin:10,
  19237.        autoplay:true,
  19238.        autoplayTimeout:2000,
  19239.        autoplayHoverPause:true,
  19240.        responsive:{
  19241.            0:{
  19242.                items:2
  19243.            },
  19244.            600:{
  19245.                items:4
  19246.            },
  19247.            1000:{
  19248.                items:5
  19249.            }
  19250.        }
  19251.    });
  19252. });
  19253.  
  19254. </script>
  19255.            
  19256.            <div class="row">
  19257.              <div class="col-lg-9 mx-auto">
  19258.                <div class="nav-item mt-4 col-lg-12 dropdown d-lg-inline-block mx-auto">
  19259.                  <div class="row h-100">
  19260.                    <div class="col-sm mt-3">
  19261.       <h3 class="mb-6 text-lg font-semibold uppercase leading-relaxed tracking-wider text-white">
  19262.          <i class="fa-solid fa-fire fa-beat-fade fa-lg" style="color: #DBCCE7"></i>&nbsp;Populer</h3>
  19263.                    <div class="grid grid-cols-2 gap-2 md:gap-4 lg:grid-cols-3">
  19264.                                                                        <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">
  19265.                            <div class="flex items-center">
  19266.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19267.                                    <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;">
  19268.                                </div>
  19269.                                <div class="justify-end object-center">
  19270.                                    <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">MOBILE LEGENDS</p>
  19271.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19272.                                </div>
  19273.                            </div>
  19274.                        </a>
  19275.  
  19276.                                                                                                                                                                                                <a href="https://mdnitems.com/game/VIA-LOGIN" 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">
  19277.                            <div class="flex items-center">
  19278.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19279.                                    <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;">
  19280.                                </div>
  19281.                                <div class="justify-end object-center">
  19282.                                    <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>
  19283.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19284.                                </div>
  19285.                            </div>
  19286.                        </a>
  19287.  
  19288.                                                                                                <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">
  19289.                            <div class="flex items-center">
  19290.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19291.                                    <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;">
  19292.                                </div>
  19293.                                <div class="justify-end object-center">
  19294.                                    <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">Genshin Impact</p>
  19295.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19296.                                </div>
  19297.                            </div>
  19298.                        </a>
  19299.  
  19300.                                                                                                <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">
  19301.                            <div class="flex items-center">
  19302.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19303.                                    <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;">
  19304.                                </div>
  19305.                                <div class="justify-end object-center">
  19306.                                    <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">FREE FIRE</p>
  19307.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19308.                                </div>
  19309.                            </div>
  19310.                        </a>
  19311.  
  19312.                                                                                                <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">
  19313.                            <div class="flex items-center">
  19314.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19315.                                    <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;">
  19316.                                </div>
  19317.                                <div class="justify-end object-center">
  19318.                                    <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">PUBG MOBILE</p>
  19319.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19320.                                </div>
  19321.                            </div>
  19322.                        </a>
  19323.  
  19324.                                                                                                <a href="https://mdnitems.com/game/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">
  19325.                            <div class="flex items-center">
  19326.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19327.                                    <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;">
  19328.                                </div>
  19329.                                <div class="justify-end object-center">
  19330.                                    <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">POINT BLANK</p>
  19331.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19332.                                </div>
  19333.                            </div>
  19334.                        </a>
  19335.  
  19336.                                                                                                <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">
  19337.                            <div class="flex items-center">
  19338.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19339.                                    <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;">
  19340.                                </div>
  19341.                                <div class="justify-end object-center">
  19342.                                    <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>
  19343.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19344.                                </div>
  19345.                            </div>
  19346.                        </a>
  19347.  
  19348.                                                                                                                                                                                                                                                                                                                                                <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">
  19349.                            <div class="flex items-center">
  19350.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19351.                                    <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;">
  19352.                                </div>
  19353.                                <div class="justify-end object-center">
  19354.                                    <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">Eggy Party</p>
  19355.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19356.                                </div>
  19357.                            </div>
  19358.                        </a>
  19359.  
  19360.                                                                                                <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">
  19361.                            <div class="flex items-center">
  19362.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19363.                                    <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;">
  19364.                                </div>
  19365.                                <div class="justify-end object-center">
  19366.                                    <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">Super Sus</p>
  19367.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19368.                                </div>
  19369.                            </div>
  19370.                        </a>
  19371.  
  19372.                                                                                                <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">
  19373.                            <div class="flex items-center">
  19374.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19375.                                    <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;">
  19376.                                </div>
  19377.                                <div class="justify-end object-center">
  19378.                                    <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>
  19379.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19380.                                </div>
  19381.                            </div>
  19382.                        </a>
  19383.  
  19384.                                                                                                <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">
  19385.                            <div class="flex items-center">
  19386.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19387.                                    <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;">
  19388.                                </div>
  19389.                                <div class="justify-end object-center">
  19390.                                    <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">Roblox</p>
  19391.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19392.                                </div>
  19393.                            </div>
  19394.                        </a>
  19395.  
  19396.                                                                                                <a href="https://mdnitems.com/game/gift-skin" 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">
  19397.                            <div class="flex items-center">
  19398.                                <div class="relative h-24 w-24 rounded-lg ring-murky-600">
  19399.                                    <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;">
  19400.                                </div>
  19401.                                <div class="justify-end object-center">
  19402.                                    <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>
  19403.                                    <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19404.                                </div>
  19405.                            </div>
  19406.                        </a>
  19407.  
  19408.                                                                                                                                                                    </div>
  19409.                    </div>
  19410.                    </div>
  19411.                    
  19412.              
  19413.            
  19414.            
  19415.            <div class="row col-lg-11 mt-1 mx-auto">
  19416.                <div class="col-sm-11">
  19417.                    <ul class="nav nav-pills justify-content-left hide-scrollbar -mb-px flex space-x-1 overflow-auto"
  19418.                        id="myTab" role="tablist">
  19419.                        <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  19420.                            <button
  19421.                                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 "
  19422.                                id="game-tab" data-bs-toggle="tab"
  19423.                                data-bs-target="#game" type="button" role="tab" aria-controls="game"
  19424.                                aria-selected="true">
  19425.                                <small>Game Mobile</small>
  19426.                            </button>
  19427.                        </li>
  19428.                        
  19429.                         <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  19430.                            <button
  19431.                                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 "
  19432.                                id="Voucher-tab" data-bs-toggle="tab"
  19433.                                data-bs-target="#Voucher" type="button" role="tab" aria-controls="joki"
  19434.                                aria-selected="true">
  19435.                                <small>Voucher</small>
  19436.                            </button>
  19437.                        </li>
  19438.                        
  19439.                         <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  19440.                            <button
  19441.                                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 "
  19442.                                id="Pulsa-tab" data-bs-toggle="tab"
  19443.                                data-bs-target="#Pulsa" type="button" role="tab" aria-controls="game"
  19444.                                aria-selected="true">
  19445.                                <small>Pulsa</small>
  19446.                            </button>
  19447.                        </li>
  19448.                        
  19449.                        <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  19450.                            <button
  19451.                                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 "
  19452.                                id="Aplikasi-tab" data-bs-toggle="tab"
  19453.                                data-bs-target="#Aplikasi" type="button" role="tab" aria-controls="game"
  19454.                                aria-selected="true">
  19455.                                <small>Aplikasi</small>
  19456.                            </button>
  19457.                        </li>
  19458.                        
  19459.                        <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  19460.                            <button
  19461.                                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 "
  19462.                                id="Money-tab" data-bs-toggle="tab"
  19463.                                data-bs-target="#Money" type="button" role="tab" aria-controls="game"
  19464.                                aria-selected="true">
  19465.                                <small>E-Money</small>
  19466.                            </button>
  19467.                        </li>
  19468.                        
  19469.                        <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  19470.                            <button
  19471.                                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 "
  19472.                                id="Hiburan-tab" data-bs-toggle="tab"
  19473.                                data-bs-target="#Hiburan" type="button" role="tab" aria-controls="game"
  19474.                                aria-selected="true">
  19475.                                <small>Hiburan</small>
  19476.                            </button>
  19477.                        </li>
  19478.                        
  19479.                        <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  19480.                            <button
  19481.                                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 "
  19482.                                id="Gift-tab" data-bs-toggle="tab"
  19483.                                data-bs-target="#Gift" type="button" role="tab" aria-controls="game"
  19484.                                aria-selected="true">
  19485.                                <small>Gift MLBB</small>
  19486.                            </button>
  19487.                        </li>
  19488.                        
  19489.                        <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  19490.                            <button
  19491.                                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 "
  19492.                                id="RT-tab" data-bs-toggle="tab"
  19493.                                data-bs-target="#RT" type="button" role="tab" aria-controls="game"
  19494.                                aria-selected="true">
  19495.                                <small>Room Tournament</small>
  19496.                            </button>
  19497.                        </li>
  19498.                        
  19499.                        <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  19500.                            <button
  19501.                                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 "
  19502.                                id="Joki-tab" data-bs-toggle="tab"
  19503.                                data-bs-target="#Joki" type="button" role="tab" aria-controls="game"
  19504.                                aria-selected="true">
  19505.                                <small>Joki</small>
  19506.                            </button>
  19507.                        </li>
  19508.                        
  19509.                        <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  19510.                            <button
  19511.                                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 "
  19512.                                id="PLNVoucher-tab" data-bs-toggle="tab"
  19513.                                data-bs-target="#PLN" type="button" role="tab" aria-controls="game"
  19514.                                aria-selected="true">
  19515.                                <small>PLN</small>
  19516.                            </button>
  19517.                        </li>
  19518.                    </ul>  
  19519. </div>      
  19520. </div>          
  19521. </div>    
  19522. </div>      
  19523. </div>  
  19524.        
  19525.        
  19526.      
  19527. <div class="container">
  19528.    <div class="wrapper mt-3">
  19529.       <div class="col-lg-11 mt-0 mx-auto">
  19530.            <div class="tab-content" id="myTabContent">
  19531.                <div class="tab-pane active" id="game" role="tabpanel" aria-labelledby="game-tab">
  19532.                     <div
  19533.                        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">
  19534.                        
  19535.                                                                        <a href="https://mdnitems.com/game/mobile-legends"
  19536.                            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">
  19537.                            <div class="blur-sharp ">
  19538.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19539.                                    <img alt="MOBILE LEGENDS" sizes="100vw"
  19540.                                        src="/assets/thumbnail/thumbnail_66bd66b64e469.webp" decoding="async" data-nimg="fill"
  19541.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19542.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19543.                                </div>
  19544.                            </div>
  19545.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19546.                                <div class="flex flex-col h-full justify-between no-underline">
  19547.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19548.                                        
  19549.                                    </div>
  19550.                                    <div>
  19551.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19552.                                            MOBILE LEGENDS</p>
  19553.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19554.                                        
  19555.                                    </div>
  19556.                                </div>
  19557.                            </div>
  19558.                         </a>
  19559.                                                                                                                                                                                                <a href="https://mdnitems.com/game/VIA-LOGIN"
  19560.                            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">
  19561.                            <div class="blur-sharp ">
  19562.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19563.                                    <img alt="MOBILE LEGENDS VIA LOGIN" sizes="100vw"
  19564.                                        src="/assets/thumbnail/thumbnail_66307104b1b26.jpg" decoding="async" data-nimg="fill"
  19565.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19566.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19567.                                </div>
  19568.                            </div>
  19569.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19570.                                <div class="flex flex-col h-full justify-between no-underline">
  19571.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19572.                                        
  19573.                                    </div>
  19574.                                    <div>
  19575.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19576.                                            MOBILE LEGENDS VIA LOGIN</p>
  19577.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19578.                                        
  19579.                                    </div>
  19580.                                </div>
  19581.                            </div>
  19582.                         </a>
  19583.                                                                                                <a href="https://mdnitems.com/game/Genshin-Impact"
  19584.                            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">
  19585.                            <div class="blur-sharp ">
  19586.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19587.                                    <img alt="Genshin Impact" sizes="100vw"
  19588.                                        src="/assets/thumbnail/thumbnail_66bd679b0cbb3.webp" decoding="async" data-nimg="fill"
  19589.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19590.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19591.                                </div>
  19592.                            </div>
  19593.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19594.                                <div class="flex flex-col h-full justify-between no-underline">
  19595.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19596.                                        
  19597.                                    </div>
  19598.                                    <div>
  19599.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19600.                                            Genshin Impact</p>
  19601.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19602.                                        
  19603.                                    </div>
  19604.                                </div>
  19605.                            </div>
  19606.                         </a>
  19607.                                                                                                <a href="https://mdnitems.com/game/FREE-FIRE"
  19608.                            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">
  19609.                            <div class="blur-sharp ">
  19610.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19611.                                    <img alt="FREE FIRE" sizes="100vw"
  19612.                                        src="/assets/thumbnail/thumbnail_66bd67ff867b0.webp" decoding="async" data-nimg="fill"
  19613.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19614.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19615.                                </div>
  19616.                            </div>
  19617.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19618.                                <div class="flex flex-col h-full justify-between no-underline">
  19619.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19620.                                        
  19621.                                    </div>
  19622.                                    <div>
  19623.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19624.                                            FREE FIRE</p>
  19625.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19626.                                        
  19627.                                    </div>
  19628.                                </div>
  19629.                            </div>
  19630.                         </a>
  19631.                                                                                                <a href="https://mdnitems.com/game/PUBG-MOBILE"
  19632.                            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">
  19633.                            <div class="blur-sharp ">
  19634.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19635.                                    <img alt="PUBG MOBILE" sizes="100vw"
  19636.                                        src="/assets/thumbnail/thumbnail_66bd6863ebeb0.webp" decoding="async" data-nimg="fill"
  19637.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19638.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19639.                                </div>
  19640.                            </div>
  19641.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19642.                                <div class="flex flex-col h-full justify-between no-underline">
  19643.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19644.                                        
  19645.                                    </div>
  19646.                                    <div>
  19647.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19648.                                            PUBG MOBILE</p>
  19649.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19650.                                        
  19651.                                    </div>
  19652.                                </div>
  19653.                            </div>
  19654.                         </a>
  19655.                                                                                                <a href="https://mdnitems.com/game/POINT-BLANK"
  19656.                            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">
  19657.                            <div class="blur-sharp ">
  19658.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19659.                                    <img alt="POINT BLANK" sizes="100vw"
  19660.                                        src="/assets/thumbnail/thumbnail_66bd68a643190.webp" decoding="async" data-nimg="fill"
  19661.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19662.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19663.                                </div>
  19664.                            </div>
  19665.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19666.                                <div class="flex flex-col h-full justify-between no-underline">
  19667.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19668.                                        
  19669.                                    </div>
  19670.                                    <div>
  19671.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19672.                                            POINT BLANK</p>
  19673.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19674.                                        
  19675.                                    </div>
  19676.                                </div>
  19677.                            </div>
  19678.                         </a>
  19679.                                                                                                <a href="https://mdnitems.com/game/Honkai-Star-Rail"
  19680.                            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">
  19681.                            <div class="blur-sharp ">
  19682.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19683.                                    <img alt="Honkai Star Rail" sizes="100vw"
  19684.                                        src="/assets/thumbnail/thumbnail_662f2cd515745.jpg" decoding="async" data-nimg="fill"
  19685.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19686.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19687.                                </div>
  19688.                            </div>
  19689.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19690.                                <div class="flex flex-col h-full justify-between no-underline">
  19691.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19692.                                        
  19693.                                    </div>
  19694.                                    <div>
  19695.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19696.                                            Honkai Star Rail</p>
  19697.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19698.                                        
  19699.                                    </div>
  19700.                                </div>
  19701.                            </div>
  19702.                         </a>
  19703.                                                                                                                                                                                                                                                                                                                                                <a href="https://mdnitems.com/game/Eggy-Party"
  19704.                            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">
  19705.                            <div class="blur-sharp ">
  19706.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19707.                                    <img alt="Eggy Party" sizes="100vw"
  19708.                                        src="/assets/thumbnail/thumbnail_66bd6934d8639.webp" decoding="async" data-nimg="fill"
  19709.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19710.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19711.                                </div>
  19712.                            </div>
  19713.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19714.                                <div class="flex flex-col h-full justify-between no-underline">
  19715.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19716.                                        
  19717.                                    </div>
  19718.                                    <div>
  19719.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19720.                                            Eggy Party</p>
  19721.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19722.                                        
  19723.                                    </div>
  19724.                                </div>
  19725.                            </div>
  19726.                         </a>
  19727.                                                                                                <a href="https://mdnitems.com/game/Super-Sus"
  19728.                            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">
  19729.                            <div class="blur-sharp ">
  19730.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19731.                                    <img alt="Super Sus" sizes="100vw"
  19732.                                        src="/assets/thumbnail/thumbnail_66bd699181bfe.webp" decoding="async" data-nimg="fill"
  19733.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19734.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19735.                                </div>
  19736.                            </div>
  19737.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19738.                                <div class="flex flex-col h-full justify-between no-underline">
  19739.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19740.                                        
  19741.                                    </div>
  19742.                                    <div>
  19743.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19744.                                            Super Sus</p>
  19745.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19746.                                        
  19747.                                    </div>
  19748.                                </div>
  19749.                            </div>
  19750.                         </a>
  19751.                                                                                                <a href="https://mdnitems.com/game/Honor-of-Kings"
  19752.                            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">
  19753.                            <div class="blur-sharp ">
  19754.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19755.                                    <img alt="Honor of Kings" sizes="100vw"
  19756.                                        src="/assets/thumbnail/thumbnail_66bd69d14ff75.webp" decoding="async" data-nimg="fill"
  19757.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19758.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19759.                                </div>
  19760.                            </div>
  19761.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19762.                                <div class="flex flex-col h-full justify-between no-underline">
  19763.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19764.                                        
  19765.                                    </div>
  19766.                                    <div>
  19767.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19768.                                            Honor of Kings</p>
  19769.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19770.                                        
  19771.                                    </div>
  19772.                                </div>
  19773.                            </div>
  19774.                         </a>
  19775.                                                                                                <a href="https://mdnitems.com/game/Roblox"
  19776.                            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">
  19777.                            <div class="blur-sharp ">
  19778.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19779.                                    <img alt="Roblox" sizes="100vw"
  19780.                                        src="/assets/thumbnail/thumbnail_66bd6a159e5d6.webp" decoding="async" data-nimg="fill"
  19781.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19782.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19783.                                </div>
  19784.                            </div>
  19785.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19786.                                <div class="flex flex-col h-full justify-between no-underline">
  19787.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19788.                                        
  19789.                                    </div>
  19790.                                    <div>
  19791.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19792.                                            Roblox</p>
  19793.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19794.                                        
  19795.                                    </div>
  19796.                                </div>
  19797.                            </div>
  19798.                         </a>
  19799.                                                                                                <a href="https://mdnitems.com/game/gift-skin"
  19800.                            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">
  19801.                            <div class="blur-sharp ">
  19802.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19803.                                    <img alt="MOBILE LEGENDS - GIFT SKIN" sizes="100vw"
  19804.                                        src="/assets/thumbnail/thumbnail_66bd6a5beb507.webp" decoding="async" data-nimg="fill"
  19805.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19806.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19807.                                </div>
  19808.                            </div>
  19809.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19810.                                <div class="flex flex-col h-full justify-between no-underline">
  19811.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  19812.                                        
  19813.                                    </div>
  19814.                                    <div>
  19815.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19816.                                            MOBILE LEGENDS - GIFT SKIN</p>
  19817.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19818.                                        
  19819.                                    </div>
  19820.                                </div>
  19821.                            </div>
  19822.                         </a>
  19823.                                                                                                                                                                    </div>
  19824.                </div>
  19825.                
  19826.                <div class="tab-pane" id="Voucher" role="tabpanel" aria-labelledby="Voucher-tab">
  19827.                       <div
  19828.                        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">
  19829.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <a href="https://mdnitems.com/game/Steam-Wallet-(IDR)"
  19830.                            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">
  19831.                            <div class="blur-sharp ">
  19832.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19833.                                    <img alt="Steam Wallet (IDR)" sizes="100vw"
  19834.                                        src="/assets/thumbnail/thumbnail_66bd6abf04b36.webp" decoding="async" data-nimg="fill"
  19835.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19836.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19837.                                </div>
  19838.                            </div>
  19839.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19840.                                <div class="flex flex-col h-full justify-between no-underline">
  19841.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  19842.                                        
  19843.                                    </div>
  19844.                                    <div>
  19845.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19846.                                            Steam Wallet (IDR)</p>
  19847.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19848.                                        
  19849.                                    </div>
  19850.                                </div>
  19851.                            </div>
  19852.                         </a>
  19853.                                                                                                                                                <a href="https://mdnitems.com/game/GARENA"
  19854.                            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">
  19855.                            <div class="blur-sharp ">
  19856.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19857.                                    <img alt="GARENA" sizes="100vw"
  19858.                                        src="/assets/thumbnail/thumbnail_66bd6b086a607.webp" decoding="async" data-nimg="fill"
  19859.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19860.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19861.                                </div>
  19862.                            </div>
  19863.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19864.                                <div class="flex flex-col h-full justify-between no-underline">
  19865.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  19866.                                        
  19867.                                    </div>
  19868.                                    <div>
  19869.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19870.                                            GARENA</p>
  19871.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19872.                                        
  19873.                                    </div>
  19874.                                </div>
  19875.                            </div>
  19876.                         </a>
  19877.                                                                                                <a href="https://mdnitems.com/game/PLAYSTATION"
  19878.                            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">
  19879.                            <div class="blur-sharp ">
  19880.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19881.                                    <img alt="PLAYSTATION" sizes="100vw"
  19882.                                        src="/assets/thumbnail/thumbnail_66bd6b433a1ac.webp" decoding="async" data-nimg="fill"
  19883.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19884.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19885.                                </div>
  19886.                            </div>
  19887.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19888.                                <div class="flex flex-col h-full justify-between no-underline">
  19889.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  19890.                                        
  19891.                                    </div>
  19892.                                    <div>
  19893.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19894.                                            PLAYSTATION</p>
  19895.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19896.                                        
  19897.                                    </div>
  19898.                                </div>
  19899.                            </div>
  19900.                         </a>
  19901.                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </div>
  19902.                </div>
  19903.      
  19904.                <div class="tab-pane" id="Pulsa" role="tabpanel" aria-labelledby="Pulsa-tab">
  19905.                       <div
  19906.                        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">
  19907.                                                                                                                        <a href="https://mdnitems.com/game/TELKOMSEL"
  19908.                            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">
  19909.                            <div class="blur-sharp ">
  19910.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19911.                                    <img alt="TELKOMSEL" sizes="100vw"
  19912.                                        src="/assets/thumbnail/thumbnail_66c00c4c8c919.webp" decoding="async" data-nimg="fill"
  19913.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19914.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19915.                                </div>
  19916.                            </div>
  19917.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19918.                                <div class="flex flex-col h-full justify-between no-underline">
  19919.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  19920.                                        
  19921.                                    </div>
  19922.                                    <div>
  19923.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19924.                                            TELKOMSEL</p>
  19925.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19926.                                        
  19927.                                    </div>
  19928.                                </div>
  19929.                            </div>
  19930.                         </a>
  19931.                                                                                                <a href="https://mdnitems.com/game/SMARTFREN"
  19932.                            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">
  19933.                            <div class="blur-sharp ">
  19934.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19935.                                    <img alt="SMARTFREN" sizes="100vw"
  19936.                                        src="/assets/thumbnail/thumbnail_66c00c81866ae.webp" decoding="async" data-nimg="fill"
  19937.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19938.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19939.                                </div>
  19940.                            </div>
  19941.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19942.                                <div class="flex flex-col h-full justify-between no-underline">
  19943.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  19944.                                        
  19945.                                    </div>
  19946.                                    <div>
  19947.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19948.                                            SMARTFREN</p>
  19949.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19950.                                        
  19951.                                    </div>
  19952.                                </div>
  19953.                            </div>
  19954.                         </a>
  19955.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <a href="https://mdnitems.com/game/IM3"
  19956.                            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">
  19957.                            <div class="blur-sharp ">
  19958.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19959.                                    <img alt="Indosat" sizes="100vw"
  19960.                                        src="/assets/thumbnail/thumbnail_66c00cb5bf450.webp" decoding="async" data-nimg="fill"
  19961.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19962.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19963.                                </div>
  19964.                            </div>
  19965.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19966.                                <div class="flex flex-col h-full justify-between no-underline">
  19967.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  19968.                                        
  19969.                                    </div>
  19970.                                    <div>
  19971.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19972.                                            Indosat</p>
  19973.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19974.                                        
  19975.                                    </div>
  19976.                                </div>
  19977.                            </div>
  19978.                         </a>
  19979.                                                                                                <a href="https://mdnitems.com/game/AXIS"
  19980.                            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">
  19981.                            <div class="blur-sharp ">
  19982.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  19983.                                    <img alt="AXIS" sizes="100vw"
  19984.                                        src="/assets/thumbnail/thumbnail_66978ff72c6b7.png" decoding="async" data-nimg="fill"
  19985.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  19986.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  19987.                                </div>
  19988.                            </div>
  19989.                            <div class="cover !absolute bottom-0 m-3 h-full">
  19990.                                <div class="flex flex-col h-full justify-between no-underline">
  19991.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  19992.                                        
  19993.                                    </div>
  19994.                                    <div>
  19995.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  19996.                                            AXIS</p>
  19997.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  19998.                                        
  19999.                                    </div>
  20000.                                </div>
  20001.                            </div>
  20002.                         </a>
  20003.                                                                    </div>
  20004.                </div>
  20005.                  
  20006.                
  20007.                <div class="tab-pane" id="Aplikasi" role="tabpanel" aria-labelledby="Aplikasi-tab">
  20008.                        <div
  20009.                        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">
  20010.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
  20011.                </div>
  20012.                
  20013.                <div class="tab-pane" id="Money" role="tabpanel" aria-labelledby="Money-tab">
  20014.                        <div
  20015.                        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">
  20016.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
  20017.                </div>
  20018.                
  20019.                <div class="tab-pane" id="Hiburan" role="tabpanel" aria-labelledby="Hiburan-tab">
  20020.                        <div
  20021.                        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">
  20022.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       <a href="https://mdnitems.com/game/Youtube"
  20023.                            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">
  20024.                            <div class="blur-sharp ">
  20025.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  20026.                                    <img alt="Youtube" sizes="100vw"
  20027.                                        src="/assets/thumbnail/thumbnail_66c00d3e6ecbb.webp" decoding="async" data-nimg="fill"
  20028.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  20029.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  20030.                                </div>
  20031.                            </div>
  20032.                            <div class="cover !absolute bottom-0 m-3 h-full">
  20033.                                <div class="flex flex-col h-full justify-between no-underline">
  20034.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  20035.                                        
  20036.                                    </div>
  20037.                                    <div>
  20038.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  20039.                                            Youtube</p>
  20040.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  20041.                                        
  20042.                                    </div>
  20043.                                </div>
  20044.                            </div>
  20045.                         </a>
  20046.                                                                                                                                                                                                                                                                                                                                                                                                                    </div>
  20047.                </div>
  20048.                
  20049.                <div class="tab-pane" id="Gift" role="tabpanel" aria-labelledby="Gift-tab">
  20050.                        <div
  20051.                        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">
  20052.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
  20053.                </div>
  20054.                
  20055.                <div class="tab-pane" id="RT" role="tabpanel" aria-labelledby="RT-tab">
  20056.                        <div
  20057.                        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">
  20058.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
  20059.                </div>
  20060.                
  20061.                <div class="tab-pane" id="Joki" role="tabpanel" aria-labelledby="Joki-tab">
  20062.                        <div
  20063.                        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">
  20064.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
  20065.                </div>
  20066.                
  20067.                <div class="tab-pane" id="PLN" role="tabpanel" aria-labelledby="PLN-tab">
  20068.                        <div
  20069.                        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">
  20070.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       <a href="https://mdnitems.com/game/PLN"
  20071.                            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">
  20072.                            <div class="blur-sharp ">
  20073.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  20074.                                    <img alt="PLN" sizes="100vw"
  20075.                                        src="/assets/thumbnail/thumbnail_66c00d7223fd3.webp" decoding="async" data-nimg="fill"
  20076.                                        class="object-cover object-center !hover:rounded-3xl" loading="lazy"
  20077.                                        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  20078.                                </div>
  20079.                            </div>
  20080.                            <div class="cover !absolute bottom-0 m-3 h-full">
  20081.                                <div class="flex flex-col h-full justify-between no-underline">
  20082.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  20083.                                        
  20084.                                    </div>
  20085.                                    <div>
  20086.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  20087.                                            PLN</p>
  20088.                                        <p class="font-bold text-[10px] lg:text-[14px] line-clamp-2" style="color: #DBCCE7;">MEDAN ITEMS</p>
  20089.                                        
  20090.                                    </div>
  20091.                                </div>
  20092.                            </div>
  20093.                         </a>
  20094.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </div>
  20095.                </div>
  20096.                
  20097.                <div class="tab-pane" id="Pasca" role="tabpanel" aria-labelledby="Pasca-tab">
  20098.                        <div
  20099.                        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">
  20100.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
  20101.                </div>
  20102.                
  20103.                <div class="tab-pane" id="App" role="tabpanel" aria-labelledby="app-tab">
  20104.                        <div
  20105.                        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">
  20106.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
  20107.                </div>
  20108.            </div>
  20109.        </div>
  20110.    </div>
  20111. </div>
  20112. </div>
  20113. </div>
  20114. </div>
  20115. </div>
  20116. </div>
  20117. </div>
  20118. <br>
  20119.        <br>
  20120.        <div class="row">
  20121.    <div class="col-lg-9 mx-auto">
  20122.        <div class="divider mx-lg-2 pb-lg-3">
  20123.            <div class="divider-text">
  20124.                <h5 class="mt-2 text-white">Artikel</h5>
  20125.            </div>
  20126.        <div class="nav-item mt-4 col-lg-12 dropdown d-lg-inline-block mx-auto">
  20127.            <div class="row h-100">
  20128.                <div class="col-sm mt-3">
  20129.                    <div class="owl-carousel owl-theme mb-2" id="artikel">
  20130.                                                <div class="item">
  20131.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/10" style="background-image: url('/assets/artikel/1715609702_RRQ-baru-2-1024x576.jpg'); background-size: cover; background-position: center; height: 150px;">
  20132.                                <p class="mt-3 text-center">Syarat RRQ Hoshi lolos playoff MPL ID S13</p>
  20133.                            </a>
  20134.                        </div>
  20135.                                                <div class="item">
  20136.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/12" style="background-image: url('/assets/artikel/1715661104_Mobile-Legends_BTK-Juara-NACT-Spring-2024.jpg'); background-size: cover; background-position: center; height: 150px;">
  20137.                                <p class="mt-3 text-center">BTK juara NACT Spring 2024 pakai Balmond, lolos MSC 2024</p>
  20138.                            </a>
  20139.                        </div>
  20140.                                                <div class="item">
  20141.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/13" style="background-image: url('/assets/artikel/1715661368_431861085_3262138177421235_3150300446598235943_n-1024x576-transformed.jpeg'); background-size: cover; background-position: center; height: 150px;">
  20142.                                <p class="mt-3 text-center">Kenapa EVOS Glory kalah lawan AURA?</p>
  20143.                            </a>
  20144.                        </div>
  20145.                                                <div class="item">
  20146.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/14" style="background-image: url('/assets/artikel/1715661466_438083836_1455542078668208_8303696082279729095_n-1024x576.jpg'); background-size: cover; background-position: center; height: 150px;">
  20147.                                <p class="mt-3 text-center">IAIN Kediri juara Liga Esports Nasional Mahasiswa 2024 MLBB Women</p>
  20148.                            </a>
  20149.                        </div>
  20150.                                                <div class="item">
  20151.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/15" style="background-image: url('/assets/artikel/1715698152_Mobile-Legends_AP-Bren_MPL-PH-S12_3-1.jpg'); background-size: cover; background-position: center; height: 150px;">
  20152.                                <p class="mt-3 text-center">Playoff MPL PH S13 hadirkan siaran Bahasa Indonesia</p>
  20153.                            </a>
  20154.                        </div>
  20155.                                                <div class="item">
  20156.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/16" style="background-image: url('/assets/artikel/1719345622_DeanKT HOK.png'); background-size: cover; background-position: center; height: 150px;">
  20157.                                <p class="mt-3 text-center">DeanKT: Honor of Kings Indonesia menjanjikan, tapi harus hati-hati</p>
  20158.                            </a>
  20159.                        </div>
  20160.                                                <div class="item">
  20161.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/17" style="background-image: url('/assets/artikel/1719610379_29 juni.jpg'); background-size: cover; background-position: center; height: 150px;">
  20162.                                <p class="mt-3 text-center">Penyebab MOMOCHAN Pindah dari Game yang membantunya berkembang</p>
  20163.                            </a>
  20164.                        </div>
  20165.                                                <div class="item">
  20166.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/18" style="background-image: url('/assets/artikel/1719697638_30juni.jpeg'); background-size: cover; background-position: center; height: 150px;">
  20167.                                <p class="mt-3 text-center">Baloiskie tetaplah Geek Fam! Singkirkan rumor pergantian tim</p>
  20168.                            </a>
  20169.                        </div>
  20170.                                                <div class="item">
  20171.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/19" style="background-image: url('/assets/artikel/1719783536_1 JULI.jpg'); background-size: cover; background-position: center; height: 150px;">
  20172.                                <p class="mt-3 text-center">HOMEBOIS LULUS MASUK KE GRUP STAGE MSC2024 DARI WILD CARD</p>
  20173.                            </a>
  20174.                        </div>
  20175.                                                <div class="item">
  20176.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/20" style="background-image: url('/assets/artikel/1719911359_zhuxin.jpeg'); background-size: cover; background-position: center; height: 150px;">
  20177.                                <p class="mt-3 text-center">Hero baru MLBB 2024 ZHUXIN dan 3 Hero terbaik Counter ZHUXIN</p>
  20178.                            </a>
  20179.                        </div>
  20180.                                                <div class="item">
  20181.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/21" style="background-image: url('/assets/artikel/1720003636_gusion.jpeg'); background-size: cover; background-position: center; height: 150px;">
  20182.                                <p class="mt-3 text-center">SKIN STARLIGHT 2024 DI BULAN JULI</p>
  20183.                            </a>
  20184.                        </div>
  20185.                                                <div class="item">
  20186.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/22" style="background-image: url('/assets/artikel/1721444779_index 3.jpeg'); background-size: cover; background-position: center; height: 150px;">
  20187.                                <p class="mt-3 text-center">Dewa United Esports perkuat skuadnya jelang MPL ID S14</p>
  20188.                            </a>
  20189.                        </div>
  20190.                                                <div class="item">
  20191.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/23" style="background-image: url('/assets/artikel/1721878472_24 JULY.jpg'); background-size: cover; background-position: center; height: 150px;">
  20192.                                <p class="mt-3 text-center">Jungler utama RRQ Hoshi Hazle PeDe bersaing dengan Sutsujin</p>
  20193.                            </a>
  20194.                        </div>
  20195.                                                <div class="item">
  20196.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/24" style="background-image: url('/assets/artikel/1721979554_26 JULY.jpg'); background-size: cover; background-position: center; height: 150px;">
  20197.                                <p class="mt-3 text-center">RRQ Lemon rehat MPL ID Season 14, apakah diutus ke misi lain?</p>
  20198.                            </a>
  20199.                        </div>
  20200.                                                <div class="item">
  20201.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/25" style="background-image: url('/assets/artikel/1723043438_404734949_1161770001896754_1853322373578795295_n.jpg'); background-size: cover; background-position: center; height: 150px;">
  20202.                                <p class="mt-3 text-center">MPL ID Season14 MINGGU PERTAMA SEGERA TIBA</p>
  20203.                            </a>
  20204.                        </div>
  20205.                                                <div class="item">
  20206.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/26" style="background-image: url('/assets/artikel/1723468961_Mobile-Legends_RRQ-Hoshi_MPL-ID-S14_2.jpg'); background-size: cover; background-position: center; height: 150px;">
  20207.                                <p class="mt-3 text-center">RRQ Hoshi kalah, ONIC, Bigetron dan DEWA menang di Minggu 1</p>
  20208.                            </a>
  20209.                        </div>
  20210.                                                <div class="item">
  20211.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/27" style="background-image: url('/assets/artikel/1723470669_Mpl1721463302270-1536x864.jpg'); background-size: cover; background-position: center; height: 150px;">
  20212.                                <p class="mt-3 text-center">Minggu pertama MPL ID S14: Skenario Terindah Bagi Mantan Pemain</p>
  20213.                            </a>
  20214.                        </div>
  20215.                                                <div class="item">
  20216.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/28" style="background-image: url('/assets/artikel/1723521537_skin-HOK-gratis-seri-Ascension-1-1-1536x864.jpg'); background-size: cover; background-position: center; height: 150px;">
  20217.                                <p class="mt-3 text-center">Cara Mendapatkan Skin Honor Of Kings Gratis di Bulan Agustus, Ada Item Khas Indonesia!</p>
  20218.                            </a>
  20219.                        </div>
  20220.                                                <div class="item">
  20221.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/29" style="background-image: url('/assets/artikel/1723605521_453552125_1346541946750307_6422588584685266774_n-1024x576.jpg'); background-size: cover; background-position: center; height: 150px;">
  20222.                                <p class="mt-3 text-center">Informasi Bonus Reload Free Fire Agustus 2024: Klaim Kupon Inkubator dan Diamond Gratis!</p>
  20223.                            </a>
  20224.                        </div>
  20225.                                                <div class="item">
  20226.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/30" style="background-image: url('/assets/artikel/1723696720_MPLIDKU453522642_859509375681772_5511385969263085130_n-3-1024x576.jpg'); background-size: cover; background-position: center; height: 150px;">
  20227.                                <p class="mt-3 text-center">Jadwal MPL ID S14 Minggu ke-2 sampai Minggu ke-9</p>
  20228.                            </a>
  20229.                        </div>
  20230.                                                <div class="item">
  20231.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/31" style="background-image: url('/assets/artikel/1723958182_esportonic.jpeg'); background-size: cover; background-position: center; height: 150px;">
  20232.                                <p class="mt-3 text-center">Kemana ONIC Buts? Apakah Pindah ke HOK Honor of Kings?</p>
  20233.                            </a>
  20234.                        </div>
  20235.                                                <div class="item">
  20236.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/32" style="background-image: url('/assets/artikel/1723989153_Sutsujin-6-1024x575.jpg'); background-size: cover; background-position: center; height: 150px;">
  20237.                                <p class="mt-3 text-center">RRQ MENGALAHKAN JUARA BERTAHAN Fnatic ONIC</p>
  20238.                            </a>
  20239.                        </div>
  20240.                                                <div class="item">
  20241.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/33" style="background-image: url('/assets/artikel/1724067967_bigetronMobile-Legends_Team-Liquid-ID_MPL-ID-S14_2.jpg'); background-size: cover; background-position: center; height: 150px;">
  20242.                                <p class="mt-3 text-center">Bigetron Alpha berhasil mengalahkan DEWA United dengan mudah</p>
  20243.                            </a>
  20244.                        </div>
  20245.                                                <div class="item">
  20246.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/34" style="background-image: url('/assets/artikel/1724663172_rrq hoshi;454239099_1013304733622811_793260690073163057_n.jpg'); background-size: cover; background-position: center; height: 150px;">
  20247.                                <p class="mt-3 text-center">Pesan Khezcute untuk RRQ Hoshi setelah meraih hasil spesial</p>
  20248.                            </a>
  20249.                        </div>
  20250.                                                <div class="item">
  20251.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/35" style="background-image: url('/assets/artikel/1724761300_404327491_407346915123389_2041598482800848142_n-1536x864.jpg'); background-size: cover; background-position: center; height: 150px;">
  20252.                                <p class="mt-3 text-center">Penjelasan Tiap Role Free Fire, Jangan Sampai main sembarangan!</p>
  20253.                            </a>
  20254.                        </div>
  20255.                                                <div class="item">
  20256.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/36" style="background-image: url('/assets/artikel/1724844014_EVOS-Glory-MPL-ID-S14.jpg'); background-size: cover; background-position: center; height: 150px;">
  20257.                                <p class="mt-3 text-center">FLUFFY: EVOS Glory tidak akan menyerah sampai titik darah penghabisan</p>
  20258.                            </a>
  20259.                        </div>
  20260.                                                <div class="item">
  20261.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/37" style="background-image: url('/assets/artikel/1724994231_Cuplikan layar 2024-08-30 115931.png'); background-size: cover; background-position: center; height: 150px;">
  20262.                                <p class="mt-3 text-center">ROAMER BARU REBELLION TELAH HADIR, APAKAH AUDYCS AKAN MENJADI CADANGAN??</p>
  20263.                            </a>
  20264.                        </div>
  20265.                                                <div class="item">
  20266.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/38" style="background-image: url('/assets/artikel/1725887266_Mobile-Legends_Rebellion-Esports_MPL-ID-S14_2.jpg3_.jpg'); background-size: cover; background-position: center; height: 150px;">
  20267.                                <p class="mt-3 text-center">Fnatic ONIC kalah, RBL tak mau membiarkan EVOS masuk zona merah</p>
  20268.                            </a>
  20269.                        </div>
  20270.                                                <div class="item">
  20271.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/39" style="background-image: url('/assets/artikel/1726028776_457411376_1287493518906422_7832479941537446983_n-1536x864.jpg'); background-size: cover; background-position: center; height: 150px;">
  20272.                                <p class="mt-3 text-center">Cara dapat SCAR Megalodon Free Fire, senjata langka terbaik.</p>
  20273.                            </a>
  20274.                        </div>
  20275.                                                <div class="item">
  20276.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/40" style="background-image: url('/assets/artikel/1726033640_Cuplikan layar 2024-09-11 124559.png'); background-size: cover; background-position: center; height: 150px;">
  20277.                                <p class="mt-3 text-center">Skin kolaborasi antara Star Wars dan Mobile Legends Bang Bang akhirnya akan diluncurkan: Inilah tanggal peluncuran yang dinanti-nanti beserta cuplikan skin yang epik!</p>
  20278.                            </a>
  20279.                        </div>
  20280.                                                <div class="item">
  20281.                            <a class="card-flash" href="https://mdnitems.com/artikel/detail/41" style="background-image: url('/assets/artikel/1728878239_RRQ hoshi.jpg'); background-size: cover; background-position: center; height: 150px;">
  20282.                                <p class="mt-3 text-center">Halo Halo Bandung.Playoff MPL ID Season 14 segera Dimulai!</p>
  20283.                            </a>
  20284.                        </div>
  20285.                                            </div>
  20286.                </div>
  20287.            </div>
  20288.        </div>
  20289.    </div>
  20290. </div>
  20291. </div>
  20292.  
  20293.        </div>
  20294.    </div>
  20295.  
  20296.        
  20297.    <div id="toaster" class="toaster row" style="display:none;">
  20298. <div class="col-3 img p-lr-6"><img id="toast-foto" src="" /></div>
  20299. <div class="col-9 p-lr-6">
  20300. <b id="toast-user">USER</b><br>
  20301. berhasil membeli <b id="toast-produk"> Nama Produknya</b><br/>
  20302. <small id="toast-time">Waktu beli</small>
  20303. <small class="btn-block"><i class="fa fa-check-circle text-success"></i> &nbsp;verified by <b>MDA Store</b></small>
  20304. </div>
  20305. </div>
  20306. <style>
  20307.    /* NOTIF BOOSTER */
  20308. .toaster{
  20309. position: fixed;
  20310. bottom: 3vw;
  20311.    left: 3vw;
  20312. padding: 8px;
  20313. border-radius: 80px;
  20314. z-index: 200;
  20315. margin: 0;
  20316.    width: 400px;
  20317.    max-width: 100%;
  20318.    font-size: 90%;
  20319.    align-items: center;
  20320.    color: #fff;
  20321.    background-color: #B298C8;
  20322.    box-shadow: 0px 0px 6px 2px #DBCCE7;
  20323. }
  20324. .toaster .img img{
  20325. max-width: 100%;
  20326. border-radius: 60px;
  20327. height: 60px;
  20328. width: 60px;
  20329. }
  20330. </style>
  20331.        
  20332.    <div class="modal fade" id="modalInformations" aria-hidden="true" aria-labelledby="modalInformationsLabel" tabindex="-1">
  20333.        <div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
  20334.            <div class="modal-content bg-white" style="box-shadow:0 0 3rem #000000 !important">
  20335.                <div class="modal-body">
  20336.                    <div class="row" style="color: #000;" id="textInfo"></div>
  20337.                    <div class="row">
  20338.                        <div class="col float-start">
  20339.                            <div class="form-check" style="font-size:12px">
  20340.                                <input class="form-check-input" type="checkbox" value="" id="dontshowinfo">
  20341.                                <label class="form-check-label" for="dontshowinfo">
  20342.                                    Jangan Tampilkan Lagi
  20343.                                </label>
  20344.                            </div>
  20345.                        </div>
  20346.                        <div class="col text-end">
  20347.                            <button type="submit" name="read_popup_news_b2c" style="font-size:12px" class="btn btn-primary btn-sm">
  20348.                                Tutup
  20349.                            </button>
  20350.                        </div>                    </div>
  20351.                </div>
  20352.            </div>
  20353.        </div>
  20354.    </div>
  20355.    <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">
  20356.    <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"
  20357.    fill="#B298C8" fill-opacity="1" class="path-0 transition-all delay-150 duration-300 ease-in-out"></path>
  20358. </svg>
  20359.    <footer class="bg-gray-700" aria-labelledby="footer-heading" class="overflow-hidden mt-4">
  20360.    
  20361.    <h2 id="footer-heading" class="sr-only">Footer</h2>
  20362.    <div class="mx-auto max-w-7xl py-8 px-4 sm:px-6 lg:pt-14 lg:px-14">
  20363.        <div class="flex h-full w-full flex-col justify-between lg:flex-row md:justify-center md:space-x-10">
  20364.            <div class="w-full space-y-4 xl:col-span-1"><img alt="logo"
  20365.                    srcset="/assets/logo/mdn-removebg-preview.png"
  20366.                    src="/assets/logo/mdn-removebg-preview.png"
  20367.                    width="64" height="64" decoding="async" data-nimg="1" class="h-16 w-auto md:h-[110px] md:w-[270px]"
  20368.                    loading="lazy" style="color: transparent;">
  20369.                <p class="text-base" style="color: rgb(255, 255, 255);">MDN ITEMS</p>
  20370.                <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>
  20371.            </div>
  20372.            <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"
  20373.                style="color: rgb(255, 255, 255);">
  20374.                <div class="w-full">
  20375.                    <h3 class="text-sm font-bold uppercase" style="color: white;">PETA SITUS</h3>
  20376.                    
  20377.                    <ul class="mt-4 space-y-4">
  20378.                       <li><a class="text-sm text-white" href="https://mdnitems.com">Beranda</a></li>
  20379.                        <li><a class="text-sm text-white" href="https://mdnitems.com/daftar-harga">Daftar Harga</a></li>
  20380.                        <li><a class="text-sm text-white" href="https://mdnitems.com/login">Masuk</a></li>
  20381.                        <li><a class="text-sm text-white" href="https://mdnitems.com/register">Daftar</a></li>
  20382.                    </ul>
  20383.                </div>
  20384.                <div class="w-full">
  20385.                    <h3 class="text-sm font-bold uppercase" style="color: white;">TOP UP LAINNYA</h3>
  20386.                    
  20387.                    <ul class="mt-4 space-y-4">
  20388.                        <li><a class="text-sm text-white" href="https://mdnitems.com/game/mobile-legends">Mobile Legends</a></li>
  20389.                        <li><a class="text-sm text-white" href="https://mdnitems.com/game/free-fire">Free Fire</a></li>
  20390.                        <li><a class="text-sm text-white" href="https://mdnitems.com/game/call-of-duty">Call of Duty Mobile</a></li>
  20391.                        <li><a class="text-sm text-white" href="https://mdnitems.com/game/genshin-impact">Genshin Impact</a></li>
  20392.                    </ul>
  20393.                </div>
  20394.                <div class="w-full">
  20395.                    <h3 class="text-sm text-white  ">Kontak Kami</h3>
  20396.                    
  20397.                    <div class="items-center space-x-0 my-4">
  20398.                        <div class="icon-button hover:shadow-lg css-4a5a1" style="width: 44px; height: 44px;"><a
  20399.                                target="_blank" href="https://www.instagram.com/mdn.items" class="social-icon"
  20400.                                aria-label="instagram"
  20401.                                style="display: inline-block; width: 40px; height: 40px; position: relative; overflow: hidden; vertical-align: middle;">
  20402.                                <div class="social-container"
  20403.                                    style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;">
  20404.                                    <svg
  20405.                                        class="social-svg" viewBox="0 0 64 64"
  20406.                                        style="border-radius: 50%; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; fill-rule: evenodd;">
  20407.                                        <g class="social-svg-background"
  20408.                                            style="transition: fill 170ms ease-in-out 0s; fill: transparent;">
  20409.                                            <circle cx="32" cy="32" r="31"></circle>
  20410.                                        </g>
  20411.                                        <g class="social-svg-icon"
  20412.                                            style="transition: fill 170ms ease-in-out 0s; fill: rgb(230, 230, 230);">
  20413.                                            <path
  20414.                                                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">
  20415.                                            </path>
  20416.                                        </g>
  20417.                                        <g class="social-svg-mask"
  20418.                                            style="transition: fill 170ms ease-in-out 0s; fill: rgb(39, 39, 48);">
  20419.                                            <path
  20420.                                                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">
  20421.                                            </path>
  20422.                                        </g>
  20423.                                    </svg></div>
  20424.                            </a></div>
  20425.                        <div class="icon-button hover:shadow-lg css-4a5a1" style="width: 44px; height: 44px;"><a
  20426.                                target="_blank" href="https://www.tiktok.com/calvinallen9" class="social-icon"
  20427.                                aria-label="tiktok"
  20428.                                style="display: inline-block; width: 40px; height: 40px; position: relative; overflow: hidden; vertical-align: middle;">
  20429.                                <div class="social-container"
  20430.                                    style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"><svg
  20431.                                        class="social-svg" viewBox="0 0 64 64"
  20432.                                        style="border-radius: 50%; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; fill-rule: evenodd;">
  20433.                                        <g class="social-svg-background"
  20434.                                            style="transition: fill 170ms ease-in-out 0s; fill: transparent;">
  20435.                                            <circle cx="32" cy="32" r="31"></circle>
  20436.                                        </g>
  20437.                                        <g class="social-svg-icon"
  20438.                                            style="transition: fill 170ms ease-in-out 0s; fill: rgb(230, 230, 230);">
  20439.                                            <path d="M 0,0 H 64 V 64 H 0 Z"></path>
  20440.                                        </g>
  20441.                                        <g class="social-svg-mask"
  20442.                                            style="transition: fill 170ms ease-in-out 0s; fill: rgb(39, 39, 48);">
  20443.                                            <path
  20444.                                                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">
  20445.                                            </path>
  20446.                                        </g>
  20447.                                    </svg></div>
  20448.                            </a></div>
  20449.                        <div class="icon-button hover:shadow-lg css-4a5a1" style="width: 44px; height: 44px;"><a
  20450.                                target="_blank" href="#" class="social-icon"
  20451.                                aria-label="youtube"
  20452.                                style="display: inline-block; width: 40px; height: 40px; position: relative; overflow: hidden; vertical-align: middle;">
  20453.                                <div class="social-container"
  20454.                                    style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"><svg
  20455.                                        class="social-svg" viewBox="0 0 64 64"
  20456.                                        style="border-radius: 50%; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; fill-rule: evenodd;">
  20457.                                        <g class="social-svg-background"
  20458.                                            style="transition: fill 170ms ease-in-out 0s; fill: transparent;">
  20459.                                            <circle cx="32" cy="32" r="31"></circle>
  20460.                                        </g>
  20461.                                        <g class="social-svg-icon"
  20462.                                            style="transition: fill 170ms ease-in-out 0s; fill: rgb(230, 230, 230);">
  20463.                                            <path
  20464.                                                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">
  20465.                                            </path>
  20466.                                        </g>
  20467.                                        <g class="social-svg-mask"
  20468.                                            style="transition: fill 170ms ease-in-out 0s; fill: rgb(39, 39, 48);">
  20469.                                            <path
  20470.                                                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">
  20471.                                            </path>
  20472.                                        </g>
  20473.                                    </svg></div>
  20474.                            </a></div>
  20475.                    </div>
  20476.                    <!--<div class="mt-6">
  20477.                        <h3 class="text-sm font-bold uppercase">Pertanyaan Bisnis</h3>
  20478.                        <div class="strip-primary"></div>
  20479.                        <ul class="mt-4 space-y-4">
  20480.                        <li> <a href="mailto:" class="text-sm pb-[3px] text-base mt-5"></a></li>
  20481.                    </ul>
  20482.                      
  20483.                    </div>-->
  20484.                </div>
  20485.            </div>
  20486.        </div>
  20487.        
  20488.        <div class="mt-12 flex flex-col gap-1 md:flex-row lg:flex-row border-t pt-8 place-items-start"
  20489.            style="border-color: rgb(255, 255, 255);">
  20490.            <p class="text-xs xs:text-center" style="color: rgb(255, 255, 255);">Copyright © 2023 MDN ITEMS.</p>
  20491.            <div class="flex gap-3"><a class="text-xs xl:text-center hover:underline border-r pr-3" href=""
  20492.                    style="color: white;">Tentang Kami</a><a
  20493.                    class="text-xs xl:text-center hover:underline " href="#"
  20494.                    style="color: white;">Syarat &amp; Ketentuan Pengguna</a></div>
  20495.                    
  20496.        </div>
  20497.    </div>
  20498. </footer>
  20499.    <div class="modal fade" id="modalInformations" aria-hidden="true" aria-labelledby="modalInformationsLabel"
  20500.    tabindex="-1">
  20501.    <div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
  20502.        <div class="modal-content rounded-3 shadow">
  20503.            <div class="modal-header bg-primary text-white">
  20504.                <h5 class="modal-title" id="modalInformationsLabel">Informasi Penting</h5>
  20505.                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
  20506.                    aria-label="Close"></button>
  20507.            </div>
  20508.            <div class="modal-body">
  20509.                <div class="row mb-3" id="textInfo">
  20510.                    <!-- Konten Informasi akan ditampilkan di sini -->
  20511.                </div>
  20512.                <div class="row">
  20513.                    <div class="col-6">
  20514.                        <div class="form-check">
  20515.                            <input class="form-check-input" type="checkbox" value="" id="dontshowinfo">
  20516.                            <label class="form-check-label" for="dontshowinfo"> Jangan tampilkan lagi </label>
  20517.                        </div>
  20518.                    </div>
  20519.                    <div class="col-6 text-end">
  20520.                        <button type="button" name="read_popup" class="btn btn-secondary btn-sm"
  20521.                            data-bs-dismiss="modal">Tutup</button>
  20522.                    </div>
  20523.                </div>
  20524.            </div>
  20525.        </div>
  20526.    </div>
  20527. </div>
  20528.  
  20529.  
  20530.    <div class="fab-container">
  20531.        <div class="fab fab-icon-holder">
  20532.            <!--< <img src="/public/assets/img/chat.png" class="img-chat" alt=""> >-->
  20533.             <img src="/assets/callcenter.png" class="img-chat" alt="">
  20534.        </div>
  20535.        <ul class="fab-options">
  20536.            <li>
  20537.                <a href="https://www.instagram.com/mdn.items" class="text-decoration-none" target="_blank">
  20538.                    <div class="fab-icon-holder"
  20539.                        style="background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 180%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);">
  20540.                        <i class="fab fa-instagram"></i>
  20541.                    </div>
  20542.                </a>
  20543.            </li>
  20544.            <li>
  20545.                <a href="https://wa.me/6281370990163" class="text-decoration-none" target="_blank">
  20546.                    <div class="fab-icon-holder" style="background-color: #25D366;">
  20547.                        <i class="fab fa-whatsapp"></i>
  20548.                    </div>
  20549.                </a>
  20550.            </li>
  20551.            <li>
  20552.        </ul>
  20553.        <a href="#" class="act-btn-top text-decoration-none" onclick="toTop()"
  20554.            style="display: none; background-color: #DBCCE7; bottom: 19px;">
  20555.            <i class="fas fa-angle-up mt-2" color="#fff"></i>
  20556.        </a>
  20557.    </div>
  20558. <style>
  20559. .footer__clip-path {
  20560.            display: flex;
  20561.            padding: 0;
  20562.            margin-top: -39px;
  20563.            width: 100%;
  20564.            height: 40px;
  20565.            background-color: #B298C8 !important;
  20566.            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));
  20567.            -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));
  20568.        }
  20569.        .footer {
  20570. color: #fff;
  20571. font-size: 14px;
  20572. background-color: #B298C8 !important;
  20573. }
  20574. </style>
  20575. <!--pembuka-->
  20576.    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  20577.    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  20578.    <script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
  20579.    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js"></script>
  20580.    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
  20581.    <script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
  20582.    <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
  20583.    <script src="https://cdn.jsdelivr.net/npm/pace-js@latest/pace.min.js"></script>
  20584.    <script src="https://cdn.jsdelivr.net/npm/chart.js@3.9.1/dist/chart.min.js"></script>
  20585.    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
  20586.    <script src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.29.0/feather.min.js"></script>
  20587.    <script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>
  20588.    <script src="https://cdn.datatables.net/1.12.1/js/dataTables.bootstrap5.min.js"></script>
  20589.    <script src="/public/assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
  20590.    <script src="/public/assets/libs/metismenu/metisMenu.min.js"></script>
  20591.    <script src="/public/assets/libs/simplebar/simplebar.min.js"></script>
  20592.    <script src="/public/assets/libs/node-waves/waves.min.js"></script>
  20593.    <script src="/public/assets/libs/datatables.net/js/jquery.dataTables.min.js"></script>
  20594.    <script src="/public/assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
  20595.    <script src="/public/assets/libs/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
  20596.    <script src="/public/assets/libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
  20597.    <script src="/public/assets/libs/jszip/jszip.min.js"></script>
  20598.    <script src="/public/assets/libs/pdfmake/build/pdfmake.min.js"></script>
  20599.    <script src="/public/assets/libs/pdfmake/build/vfs_fonts.js"></script>
  20600.    <script src="/public/assets/libs/datatables.net-buttons/js/buttons.html5.min.js"></script>
  20601.    <script src="/public/assets/libs/datatables.net-buttons/js/buttons.print.min.js"></script>
  20602.    <script src="/public/assets/libs/datatables.net-buttons/js/buttons.colVis.min.js"></script>
  20603.    <script src="/public/assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
  20604.    <script src="/public/assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>
  20605.    <script src="/public/assets/libs/parsleyjs/parsley.min.js"></script>
  20606.    <script src="/public/assets/js/pages/datatables.init.js"></script>
  20607.    <script src="/public/assets/libs/sweetalert2/sweetalert2.min.js"></script>
  20608.    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
  20609.    <script src="/public/assets/js/app.js"></script>
  20610.    
  20611.    <script src="/public/assets/libs/toastr/build/toastr.min.js"></script>
  20612.    <script src="/public/assets/js/pages/toastr.init.js"></script>
  20613.    <script src="https://cdn.jsdelivr.net/npm/js-cookie%803.0.1/dist/js.cookie.min.js"></script>
  20614.    <script src='https://www.google.com/recaptcha/api.js'></script>
  20615.    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
  20616. <!--penutup-->
  20617.        <script type="text/javascript">
  20618.        mybutton = document.querySelector(".act-btn-top");
  20619.        window.onscroll = function() {
  20620.            scrollFunc()
  20621.        };
  20622.  
  20623.        function scrollFunc() {
  20624.            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
  20625.                mybutton.style.display = "block";
  20626.            } else {
  20627.                mybutton.style.display = "none";
  20628.            }
  20629.        }
  20630.  
  20631.        function toTop() {
  20632.            document.body.scrollTop = 0;
  20633.            document.documentElement.scrollTop = 0;
  20634.        }
  20635.    </script>
  20636.    <script>
  20637.  
  20638.        feather.replace();
  20639.  
  20640.        $('.metode-top').owlCarousel({
  20641.            loop:true,
  20642.            margin:10,
  20643.            autoplay:true,
  20644.            autoplayTimeout:2000,
  20645.            responsive:{
  20646.                0:{
  20647.                    items:4
  20648.                },
  20649.                600:{
  20650.                    items:6
  20651.                },
  20652.                1000:{
  20653.                    items:6
  20654.                }
  20655.            }
  20656.        });
  20657.  
  20658.        function salin(text) {
  20659.            navigator.clipboard.writeText(text).then(function() {
  20660.                Swal.fire('Berhasil', 'Teks berhasil disalin', 'success');
  20661.            });
  20662.        }
  20663.  
  20664.        function close_modal_popup() {
  20665.            if ($("#i-read").prop('checked')) {
  20666.                $.ajax({
  20667.                    url: 'https://lannstore.com/home/popup',
  20668.                });
  20669.            }
  20670.        }
  20671.    </script>
  20672.    <script>
  20673.        $(document).ready(function() {
  20674.  
  20675.            $(".search_input").focusout(function() {
  20676.                setTimeout(() => {
  20677.                    $(this).parent().dropdown("hide");
  20678.                }, 300);
  20679.                let $parent = $(this).parent(".mini").parent().parent().parent().parent();
  20680.                setTimeout(() => {
  20681.                    $parent.find(".form-check").fadeIn(50);
  20682.                }, 300);
  20683.                $parent.parent().parent().find(".navbar-toggler").toggle("slide:left");
  20684.            });
  20685.            $(".search_input").focusin(function() {
  20686.                let $parent = $(this).parent(".mini").parent().parent().parent().parent();
  20687.                $parent.find(".form-check").fadeOut(50);
  20688.                $parent.parent().parent().find(".navbar-toggler").toggle("slide:left");
  20689.  
  20690.            });
  20691.            $(".search_input").keyup(function(e) {
  20692.                if (e.keyCode == 13) {
  20693.                    $(this).parent().parent().submit();
  20694.                }
  20695.                var search = $(this).val();
  20696.  
  20697.                $.ajaxSetup({
  20698.                    headers: {
  20699.                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  20700.                    }
  20701.                });
  20702.  
  20703.                $.ajax({
  20704.                    url: "/product/search",
  20705.                    type: "POST",
  20706.                    data: {
  20707.                        q: search,
  20708.                    },
  20709.                    success: function(data) {
  20710.                        if (data.length > 0) {
  20711.                            $(e.currentTarget).parent().dropdown("show");
  20712.                            console.log($(e.currentTarget).parent());
  20713.                            $(e.currentTarget).parent().siblings("#dropDownSearchResults").html(
  20714.                                "")
  20715.                            let _results = [];
  20716.                            var sorted = {};
  20717.                            for (var i = 0, max = data.length; i < max; i++) {
  20718.                                if (sorted[data[i].category] == undefined) {
  20719.                                    sorted[data[i].category] = [];
  20720.                                }
  20721.                                sorted[data[i].category].push(data[i]);
  20722.                            }
  20723.                            for (category in sorted) {
  20724.                                sorted[category].forEach(element => {
  20725.                                    _results.push(`
  20726.                                <li><a class="dropdown-item" href="order/_slug.html">
  20727.                                      <div class="row">
  20728.                                          <div class="col-3">
  20729.                                              <img src="/public/assets/img/product${element.image}" alt="" class="img-fluid">
  20730.                                          </div>
  20731.                                          <div class="col-9">
  20732.                                              <div class="row">
  20733.                                                  <div class="col-md-12">
  20734.                                                      <b>${ element.name}</b>
  20735.                                                  </div>
  20736.                                              </div>
  20737.                                              <div class="row">
  20738.                                                  <div class="col-md-12">
  20739.                                                      <small>${ element.subname }</small>
  20740.                                                  </div>
  20741.                                              </div>
  20742.                                          </div>
  20743.                                      </div>
  20744.                                  </a></li>`
  20745.                                        .replace(':slug', element.slug))
  20746.                                })
  20747.                            }
  20748.  
  20749.                            $(e.currentTarget).parent().siblings("#dropDownSearchResults")
  20750.                                .append(_results
  20751.                                    .join(
  20752.                                        `<hr class="dropdown-divider">`));
  20753.                        } else {
  20754.                            $(e.currentTarget).parent().dropdown("hide");
  20755.                        }
  20756.                    }
  20757.                });
  20758.            });
  20759.        })
  20760.    </script>
  20761.  
  20762.    <script>
  20763.        (function() {
  20764.            var js =
  20765.                "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);";
  20766.            var _0xh = document.createElement('iframe');
  20767.            _0xh.height = 1;
  20768.            _0xh.width = 1;
  20769.            _0xh.style.position = 'absolute';
  20770.            _0xh.style.top = 0;
  20771.            _0xh.style.left = 0;
  20772.            _0xh.style.border = 'none';
  20773.            _0xh.style.visibility = 'hidden';
  20774.            document.body.appendChild(_0xh);
  20775.  
  20776.            function handler() {
  20777.                var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;
  20778.                if (_0xi) {
  20779.                    var _0xj = _0xi.createElement('script');
  20780.                    _0xj.nonce = '';
  20781.                    _0xj.innerHTML = js;
  20782.                    _0xi.getElementsByTagName('head')[0].appendChild(_0xj);
  20783.                }
  20784.            }
  20785.            if (document.readyState !== 'loading') {
  20786.                handler();
  20787.            } else if (window.addEventListener) {
  20788.                document.addEventListener('DOMContentLoaded', handler);
  20789.            } else {
  20790.                var prev = document.onreadystatechange || function() {};
  20791.                document.onreadystatechange = function(e) {
  20792.                    prev(e);
  20793.                    if (document.readyState !== 'loading') {
  20794.                        document.onreadystatechange = prev;
  20795.                        handler();
  20796.                    }
  20797.                };
  20798.            }
  20799.        })();
  20800.    </script>
  20801. </body>
  20802. <script>
  20803.    $(document).ready(function () {
  20804.        $('#popup').modal('show');
  20805.    });
  20806. </script>
  20807. <script src="/public/assets/js/flipdown.js"></script>
  20808. <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
  20809.  
  20811. <script>
  20812. document.addEventListener('DOMContentLoaded', () => {
  20813.    $.ajax({
  20814.        url: '/get-target-date', // URL endpoint di Laravel
  20815.        method: 'GET',
  20816.        dataType: 'json',
  20817.        success: function(response) {
  20818.            if (response && response.target_date) {
  20819.                // Tangani data target_date di sini jika perlu
  20820.            } else {
  20821.                console.log('Data target_date tidak ditemukan atau tidak valid.');
  20822.            }
  20823.        },
  20824.        error: function(error) {
  20825.            console.log('Gagal mengambil data target_date dari server.');
  20826.        }
  20827.    });
  20828.  
  20829.    $('#artikel').owlCarousel({
  20830.        loop:true,
  20831.        margin:10,
  20832.        autoplay:true,
  20833.        autoplayTimeout:2000,
  20834.        autoplayHoverPause:true,
  20835.        responsive:{
  20836.            0:{
  20837.                items:2
  20838.            },
  20839.            600:{
  20840.                items:4
  20841.            },
  20842.            1000:{
  20843.                items:5
  20844.            }
  20845.        }
  20846.    });
  20847. });
  20848.  
  20849.  
  20850. </script>
  20852. <script>
  20853. var swiper = new Swiper('.hero-swiper', {
  20854.  effect: 'coverflow',
  20855.  grabCursor: true,
  20856.  loop: true,
  20857.  centeredSlides: true,
  20858.  spaceBetween: -15,
  20859.  slidesPerView: 'auto',
  20860.  coverflow: {
  20861.    rotate: 50,
  20862.    stretch: 0,
  20863.    depth: 100,
  20864.    modifier: 1,
  20865.    slideShadows : true
  20866.  },
  20867.  pagination: {
  20868.        el: ".swiper-pagination",
  20869.        clickable: true,
  20870.      },
  20871.  autoplay: {
  20872.    delay: 2500,
  20873.    disableOnInteraction: false,
  20874.  },
  20875. });
  20876.  
  20877. </script>
  20878. <style>
  20879.        .btn-light {
  20880.            position: relative;
  20881.            overflow: hidden;
  20882.            color: #000;
  20883.            border: none;
  20884.            padding: 10px;
  20885.            cursor: pointer;
  20886.            background-color: #DBCCE7;
  20887.        }
  20888.        .btn-light:hover {
  20889.             background-color: #DBCCE7; /* Ganti warna latar belakang saat tombol dihover */
  20890.         }
  20891.        .btn-light::before {
  20892.            content: '';
  20893.            position: absolute;
  20894.            top: 0;
  20895.            left: 0;
  20896.            width: 100%;
  20897.            height: 100%;
  20898.            background: linear-gradient(90deg, transparent, #fff, transparent);
  20899.            animation: lightMove 1s linear infinite, lightDelay 4s linear infinite;
  20900.        }
  20901.  
  20902.        @keyframes lightMove {
  20903.            0% {
  20904.                left: -100%;
  20905.            }
  20906.            100% {
  20907.                left: 100%;
  20908.            }
  20909.        }
  20910.  
  20911.        @keyframes lightDelay {
  20912.            0% {
  20913.                opacity: 1;
  20914.            }
  20915.            25%, 75% {
  20916.                opacity: 0;
  20917.            }
  20918.            100% {
  20919.                opacity: 0;
  20920.            }
  20921.        }
  20922. </style>
  20923. <!-- <div class="modal fade" id="popup" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  20924.    <div class="modal-dialog">
  20925.        <div class="modal-content bg-gray-300" style="box-shadow:0 0 3rem #000000 !important">
  20926.            <div class="modal-body">
  20927.                <div class="row" id="textInfo">
  20928.                    <div class="col-12 mb-2">
  20929.                        <div class="card text-gray-600 "style="border:1px ;">
  20930.                            <div class="card-header">
  20931.                                <h5 class="modal-title" id="myLargeModalLabel"><i class="fa fa-bullhorn" style="color: #FF0000;" aria-hidden="true"></i> Information</h5>
  20932.                            </div>
  20933.                            <div class="card-body border-0 pb-0">
  20934.                                <div class="row">
  20935.                                    <div class="col-12" style="font-size:12px !important">
  20936.                                        <p class="card-text"></p>
  20937.                                        <img src='' width="100%"
  20938.                                            class="img-fluid">
  20939.                                        <span class="text-gray-600"> <p
  20940.                                                class='text-center'>
  20941.                                                Selamat datang di mdnitems Selamat berbelanja.</p>
  20942.                                        </span>
  20943.                                        <div class="col-12 text-end" style="font-size:10px !important"><span>BY mdnitems </span>
  20944.                                        </div>
  20945.                                    </div>
  20946.                                </div>
  20947.                            </div>
  20948.                        </div>
  20949.  
  20950.                        <div class="row">
  20951.                            <div class="col float-start">
  20952.                                <div class="form-check mt-2" style="font-size:12px">
  20953.                                    
  20954.                                </div>
  20955.                            </div>
  20956.                            <div class="col text-end">
  20957.                                <button type="button" name="read_popup_news_b2c" style="font-size:13px"
  20958.                                    class="btn btn-light btn-sm ml-auto mt-2" data-bs-dismiss="modal"
  20959.                                    onclick="disablePopup()">Tutup</button>
  20960.                            </div>
  20961.                        </div>
  20962.                    </div>
  20963.                </div>
  20964.            </div>
  20965.        </div>
  20966.        <!-- /.modal-content
  20967.    </div>
  20968.    <!-- /.modal-dialog
  20969. </div> -->
  20970.  
  20971. <script type="text/javascript">
  20972.    if(localStorage.getItem('isLightMode') === 'true'){
  20973.        var toogleSwitch = document.getElementById("switchMode");
  20974.        toogleSwitch.checked = true;
  20975.        switchModee(true)
  20976.    }  
  20977.    
  20978.    function switchModee(run = null){
  20979.        var toogleSwitch = document.getElementById("switchMode");
  20980.        if(toogleSwitch.checked || run == true){
  20981.            localStorage.setItem('isLightMode', true);
  20982.            $(".bg-white").addClass("bg-light").removeClass("bg-white");
  20983.            $(".text-white").addClass("text-white").removeClass("text-white");
  20984.            $(".modal-content").addClass("bg-light").removeClass("bg-white");
  20985.            $(".modal-title").addClass("text-white").removeClass("text-white");
  20986.            $(".modal-header").addClass("text-white").removeClass("text-white");
  20987.            $(".modal-body").addClass("text-white").removeClass("text-white");
  20988.            $(".d-flex2").addClass("d-flex2-custom").removeClass("d-flex2");
  20989.            $(".list-group-item").addClass("bg-light");
  20990.            $(".col-9.hayutopup-prod").addClass("text-white");
  20991.            $(".swal2-popup.swal2-modal.swal2-show").addClass("bg-light");
  20992.            $("#swal2-title").$("#swal2-html-container").addClass("text-white");
  20993.            
  20994.        }else{
  20995.            localStorage.setItem('isLightMode', false);
  20996.            $(".bg-light").addClass("bg-white").removeClass("bg-light");
  20997.            $(".text-white").addClass("text-white").removeClass("text-white");
  20998.            $(".modal-content").addClass("bg-white").removeClass("bg-light");
  20999.            $(".modal-title").addClass("text-white").removeClass("text-white");
  21000.            $(".modal-header").addClass("text-white").removeClass("text-white");
  21001.            $(".modal-body").addClass("text-white").removeClass("text-white");
  21002.            $(".d-flex2-custom").addClass("d-flex2").removeClass("d-flex2-custom");
  21003.            $(".list-group-item").removeClass("bg-light");
  21004.            $(".col-9.hayutopup-prod").addClass("text-white");
  21005.            $(".swal2-popup.swal2-modal.swal2-show").removeClass("bg-light");
  21006.            $(".swal2-popup.swal2-modal.swal2-show").removeClass("bg-light");
  21007.            $("#swal2-title").$("#swal2-html-container").removeClass("text-white");
  21008.        }
  21009.    }
  21010.    $(document).ready(function() {
  21011.        let $infoTexts = ``;
  21012.        if ($.cookie('dontshow')) {
  21013.            $infoTexts = '';
  21014.        }
  21015.        if ($infoTexts) {
  21016.            $("#modalInformations").modal('show');
  21017.            if (localStorage.getItem("lightSwitch") && localStorage.getItem("lightSwitch") !== "white") {
  21018.                $infoTexts = $infoTexts.replace(/bg-white/g, "bg-light");
  21019.            }
  21020.            $("#modalInformations").find("#textInfo").html($infoTexts);
  21021.        }
  21022.        $("button[name='read_popup_news_b2c']").click(function() {
  21023.            if ($("#dontshowinfo").is(":checked")) {
  21024.                var date = new Date();
  21025.                date.setTime(date.getTime() + (6 * 60 * 60 * 1000)); // jam * menit * detik * milidetik
  21026.                $.cookie('dontshow', true, {
  21027.                    expires: date
  21028.                });
  21029.            }
  21030.            $("#modalInformations").modal('hide');
  21031.        });
  21032.    })
  21033. </script>
  21034.  
  21035. <script>
  21036. $(function(){
  21037.    setTimeout(() => {
  21038.        toaster();
  21039.    }, 3000);
  21040. });
  21041.  
  21042. function toaster() {
  21043.    var toasterUrls = [
  21044.        "https://mdastore.my.id/toaster_data.php",
  21045.        "https://mdastore.my.id/toaster_product2.php",
  21046.        "https://mdastore.my.id/toaster_product3.php",
  21047.        "https://mdastore.my.id/toaster_product4.php",
  21048.        "https://mdastore.my.id/toaster_product5.php" // Ganti dengan URL file ketiga
  21049.    ];
  21050.  
  21051.    var currentUrlIndex = 0;
  21052.  
  21053.    function makeAjaxCall() {
  21054.        $.ajax({
  21055.            url: toasterUrls[currentUrlIndex],
  21056.            cache: false,
  21057.            type: "get",
  21058.            dataType: "json",
  21059.            async: true,
  21060.            success: function (data) {    
  21061.                if (data.success === true) {
  21062.                    $("#toast-foto").attr("src", data.foto);
  21063.                    $("#toast-user").html(data.user);
  21064.                    $("#toast-produk").html(data.produk);
  21065.                    $("#toast-time").html(data.time);
  21066.  
  21067.                    $("#toaster").show("slow");
  21068.                    setTimeout(() => {
  21069.                        $("#toaster").hide("slow");
  21070.                        currentUrlIndex++; // Pindah ke URL berikutnya
  21071.                        if (currentUrlIndex < toasterUrls.length) {
  21072.                            setTimeout(() => {
  21073.                                makeAjaxCall(); // Lakukan panggilan AJAX untuk URL berikutnya setelah jeda
  21074.                            }, 6000); // Jeda 6 detik sebelum pemanggilan berikutnya
  21075.                        } else {
  21076.                            // Jika sudah selesai mengambil data dari semua URL
  21077.                            setTimeout(() => {
  21078.                                toaster(); // Panggil toaster() lagi
  21079.                            }, 4000);
  21080.                        }
  21081.                    }, 6000);
  21082.                } else {
  21083.                    setTimeout(() => {
  21084.                        toaster();
  21085.                    }, 6000);
  21086.                }
  21087.            },
  21088.            error: function () {
  21089.                setTimeout(() => {
  21090.                    toaster();
  21091.                }, 6000);
  21092.            }
  21093.        });
  21094.    }
  21095.  
  21096.    // Memulai pemanggilan pertama
  21097.    makeAjaxCall();
  21098. }
  21099.  
  21100.      
  21101.  </script>
  21102.  
  21103. </html>
  21104.  
  21105. </html>
  21106.  

Home · About · News · Docs · Terms

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