/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com*/
      *,
      :after,
      :before {
        border: 0 solid #e5e7eb;
        box-sizing: border-box;
      }
      :after,
      :before {
        --tw-content: "";
      }
      :host,
      html {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji,
          Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-feature-settings: normal;
        font-variation-settings: normal;
        tab-size: 4;
        -webkit-tap-highlight-color: transparent;
      }
      body {
        line-height: inherit;
        margin: 0;
      }
      hr {
        border-top-width: 1px;
        color: inherit;
        height: 0;
      }
      abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;
      }
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        font-size: inherit;
        font-weight: inherit;
      }
      a {
        color: inherit;
        text-decoration: inherit;
      }
      b,
      strong {
        font-weight: bolder;
      }
      code,
      kbd,
      pre,
      samp {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
          Liberation Mono, Courier New, monospace;
        font-feature-settings: normal;
        font-size: 1em;
        font-variation-settings: normal;
      }
      small {
        font-size: 80%;
      }
      sub,
      sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
      }
      sub {
        bottom: -0.25em;
      }
      sup {
        top: -0.5em;
      }
      table {
        border-collapse: collapse;
        border-color: inherit;
        text-indent: 0;
      }
      button,
      input,
      optgroup,
      select,
      textarea {
        color: inherit;
        font-family: inherit;
        font-feature-settings: inherit;
        font-size: 100%;
        font-variation-settings: inherit;
        font-weight: inherit;
        line-height: inherit;
        margin: 0;
        padding: 0;
      }
      button,
      select {
        text-transform: none;
      }
      [type="button"],
      [type="reset"],
      [type="submit"],
      button {
        -webkit-appearance: button;
        background-color: transparent;
        background-image: none;
      }
      :-moz-focusring {
        outline: auto;
      }
      :-moz-ui-invalid {
        box-shadow: none;
      }
      progress {
        vertical-align: baseline;
      }
      ::-webkit-inner-spin-button,
      ::-webkit-outer-spin-button {
        height: auto;
      }
      [type="search"] {
        -webkit-appearance: textfield;
        outline-offset: -2px;
      }
      ::-webkit-search-decoration {
        -webkit-appearance: none;
      }
      ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit;
      }
      summary {
        display: list-item;
      }
      blockquote,
      dd,
      dl,
      figure,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      hr,
      p,
      pre {
        margin: 0;
      }
      fieldset {
        margin: 0;
      }
      fieldset,
      legend {
        padding: 0;
      }
      menu,
      ol,
      ul {
        list-style: none;
        margin: 0;
        padding: 0;
      }
      dialog {
        padding: 0;
      }
      textarea {
        resize: vertical;
      }
      input::placeholder,
      textarea::placeholder {
        color: #9ca3af;
        opacity: 1;
      }
      [role="button"],
      button {
        cursor: pointer;
      }
      :disabled {
        cursor: default;
      }
      audio,
      canvas,
      embed,
      iframe,
      img,
      object,
      svg,
      video {
        display: block;
        vertical-align: middle;
      }
      img,
      video {
        height: auto;
        max-width: 100%;
      }
      [hidden] {
        display: none;
      }
      *,
      :after,
      :before {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x: ;
        --tw-pan-y: ;
        --tw-pinch-zoom: ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position: ;
        --tw-gradient-via-position: ;
        --tw-gradient-to-position: ;
        --tw-ordinal: ;
        --tw-slashed-zero: ;
        --tw-numeric-figure: ;
        --tw-numeric-spacing: ;
        --tw-numeric-fraction: ;
        --tw-ring-inset: ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgba(59, 130, 246, 0.5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur: ;
        --tw-brightness: ;
        --tw-contrast: ;
        --tw-grayscale: ;
        --tw-hue-rotate: ;
        --tw-invert: ;
        --tw-saturate: ;
        --tw-sepia: ;
        --tw-drop-shadow: ;
        --tw-backdrop-blur: ;
        --tw-backdrop-brightness: ;
        --tw-backdrop-contrast: ;
        --tw-backdrop-grayscale: ;
        --tw-backdrop-hue-rotate: ;
        --tw-backdrop-invert: ;
        --tw-backdrop-opacity: ;
        --tw-backdrop-saturate: ;
        --tw-backdrop-sepia: ;
      }
      ::backdrop {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x: ;
        --tw-pan-y: ;
        --tw-pinch-zoom: ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position: ;
        --tw-gradient-via-position: ;
        --tw-gradient-to-position: ;
        --tw-ordinal: ;
        --tw-slashed-zero: ;
        --tw-numeric-figure: ;
        --tw-numeric-spacing: ;
        --tw-numeric-fraction: ;
        --tw-ring-inset: ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgba(59, 130, 246, 0.5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur: ;
        --tw-brightness: ;
        --tw-contrast: ;
        --tw-grayscale: ;
        --tw-hue-rotate: ;
        --tw-invert: ;
        --tw-saturate: ;
        --tw-sepia: ;
        --tw-drop-shadow: ;
        --tw-backdrop-blur: ;
        --tw-backdrop-brightness: ;
        --tw-backdrop-contrast: ;
        --tw-backdrop-grayscale: ;
        --tw-backdrop-hue-rotate: ;
        --tw-backdrop-invert: ;
        --tw-backdrop-opacity: ;
        --tw-backdrop-saturate: ;
        --tw-backdrop-sepia: ;
      }
      .container {
        width: 100%;
      }
      @media (min-width: 640px) {
        .container {
          max-width: 640px;
        }
      }
      @media (min-width: 768px) {
        .container {
          max-width: 768px;
        }
      }
      @media (min-width: 1024px) {
        .container {
          max-width: 1024px;
        }
      }
      @media (min-width: 1280px) {
        .container {
          max-width: 1280px;
        }
      }
      @media (min-width: 1536px) {
        .container {
          max-width: 1536px;
        }
      }
      .fixed {
        position: fixed;
      }
      .absolute {
        position: absolute;
      }
      .relative {
        position: relative;
      }
      .inset-0 {
        inset: 0;
      }
      .inset-x-0 {
        left: 0;
        right: 0;
      }
      .bottom-9 {
        bottom: 2.25rem;
      }
      .end-0 {
        inset-inline-end: 0;
      }
      .left-0 {
        left: 0;
      }
      .left-1\/2 {
        left: 50%;
      }
      .right-0 {
        right: 0;
      }
      .right-3 {
        right: 0.75rem;
      }
      .start-0 {
        inset-inline-start: 0;
      }
      .top-0 {
        top: 0;
      }
      .top-1\/2 {
        top: 50%;
      }
      .top-\[calc\(100\%-4px\)\] {
        top: calc(100% - 4px);
      }
      .top-full {
        top: 100%;
      }
      .z-10 {
        z-index: 10;
      }
      .z-50 {
        z-index: 50;
      }
      .mx-auto {
        margin-left: auto;
        margin-right: auto;
      }
      .my-3 {
        margin-bottom: 0.75rem;
        margin-top: 0.75rem;
      }
      .mb-1 {
        margin-bottom: 0.25rem;
      }
      .mb-12 {
        margin-bottom: 3rem;
      }
      .mb-16 {
        margin-bottom: 4rem;
      }
      .mb-2 {
        margin-bottom: 0.5rem;
      }
      .mb-20 {
        margin-bottom: 5rem;
      }
      .mb-24 {
        margin-bottom: 6rem;
      }
      .mb-28 {
        margin-bottom: 7rem;
      }
      .mb-3 {
        margin-bottom: 0.75rem;
      }
      .mb-32 {
        margin-bottom: 8rem;
      }
      .mb-4 {
        margin-bottom: 1rem;
      }
      .mb-5 {
        margin-bottom: 1.25rem;
      }
      .mb-6 {
        margin-bottom: 1.5rem;
      }
      .me-2 {
        margin-inline-end: 0.5rem;
      }
      .ml-1 {
        margin-left: 0.25rem;
      }
      .mr-2 {
        margin-right: 0.5rem;
      }
      .mr-3 {
        margin-right: 0.75rem;
      }
      .mr-4 {
        margin-right: 1rem;
      }
      .ms-1 {
        margin-inline-start: 0.25rem;
      }
      .mt-0 {
        margin-top: 0;
      }
      .mt-0\.5 {
        margin-top: 0.125rem;
      }
      .mt-1 {
        margin-top: 0.25rem;
      }
      .mt-10 {
        margin-top: 2.5rem;
      }
      .mt-12 {
        margin-top: 3rem;
      }
      .mt-16 {
        margin-top: 4rem;
      }
      .mt-2 {
        margin-top: 0.5rem;
      }
      .mt-20 {
        margin-top: 5rem;
      }
      .mt-28 {
        margin-top: 7rem;
      }
      .mt-3 {
        margin-top: 0.75rem;
      }
      .mt-32 {
        margin-top: 8rem;
      }
      .mt-4 {
        margin-top: 1rem;
      }
      .mt-5 {
        margin-top: 1.25rem;
      }
      .mt-6 {
        margin-top: 1.5rem;
      }
      .mt-8 {
        margin-top: 2rem;
      }
      .block {
        display: block;
      }
      .inline {
        display: inline;
      }
      .flex {
        display: flex;
      }
      .hidden {
        display: none;
      }
      .h-24 {
        height: 6rem;
      }
      .h-36 {
        height: 9rem;
      }
      .h-4 {
        height: 1rem;
      }
      .h-\[196px\] {
        height: 196px;
      }
      .h-\[40px\] {
        height: 40px;
      }
      .h-\[61px\] {
        height: 61px;
      }
      .h-full {
        height: 100%;
      }
      .h-px {
        height: 1px;
      }
      .h-screen {
        height: 100vh;
      }
      .min-h-\[16px\] {
        min-height: 16px;
      }
      .min-h-\[196px\] {
        min-height: 196px;
      }
      .min-h-screen {
        min-height: 100vh;
      }
      .w-1\/2 {
        width: 50%;
      }
      .w-2\/3 {
        width: 66.666667%;
      }
      .w-3\/4 {
        width: 75%;
      }
      .w-4 {
        width: 1rem;
      }
      .w-5\/6 {
        width: 83.333333%;
      }
      .w-\[210px\] {
        width: 210px;
      }
      .w-\[300px\] {
        width: 300px;
      }
      .w-\[48px\] {
        width: 48px;
      }
      .w-full {
        width: 100%;
      }
      .w-screen {
        width: 100vw;
      }
      .min-w-\[16px\] {
        min-width: 16px;
      }
      .max-w-\[222px\] {
        max-width: 222px;
      }
      .max-w-\[282px\] {
        max-width: 282px;
      }
      .max-w-lg {
        max-width: 32rem;
      }
      .flex-shrink-0,
      .shrink-0 {
        flex-shrink: 0;
      }
      .basis-11\/12 {
        flex-basis: 91.666667%;
      }
      .basis-3\/4 {
        flex-basis: 75%;
      }
      .-translate-x-1\/2 {
        --tw-translate-x: -50%;
        transform: translate(-50%, 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));
        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));
      }
      .-translate-y-1\/2 {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), -50%)
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
        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));
      }
      .rotate-180 {
        --tw-rotate: 180deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
          scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        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));
      }
      .rotate-90 {
        --tw-rotate: 90deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
          scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      .rotate-90,
      .transform {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .cursor-pointer {
        cursor: pointer;
      }
      .list-disc {
        list-style-type: disc;
      }
      .appearance-none {
        -webkit-appearance: none;
        appearance: none;
      }
      .flex-row {
        flex-direction: row;
      }
      .flex-row-reverse {
        flex-direction: row-reverse;
      }
      .flex-col {
        flex-direction: column;
      }
      .items-center {
        align-items: center;
      }
      .justify-center {
        justify-content: center;
      }
      .justify-between {
        justify-content: space-between;
      }
      .gap-2 {
        gap: 0.5rem;
      }
      .gap-5 {
        gap: 1.25rem;
      }
      .overflow-auto {
        overflow: auto;
      }
      .overflow-x-auto {
        overflow-x: auto;
      }
      .rounded {
        border-radius: 0.25rem;
      }
      .rounded-lg {
        border-radius: 0.5rem;
      }
      .rounded-md {
        border-radius: 0.375rem;
      }
      .border {
        border-width: 1px;
      }
      .border-2 {
        border-width: 2px;
      }
      .border-gray-300 {
        --tw-border-opacity: 1;
        border-color: #d1d5db;
        border-color: rgb(209 213 219 / var(--tw-border-opacity));
      }
      .bg-\[\#D4312D\] {
        --tw-bg-opacity: 1;
        background-color: #d4312d;
        background-color: rgb(212 49 45 / var(--tw-bg-opacity));
      }
      .bg-\[\#EC1B30\] {
        --tw-bg-opacity: 1;
        background-color: #ec1b30;
        background-color: rgb(236 27 48 / var(--tw-bg-opacity));
      }
      .bg-\[\#F6F7F9\] {
        --tw-bg-opacity: 1;
        background-color: #f6f7f9;
        background-color: rgb(246 247 249 / var(--tw-bg-opacity));
      }
      .bg-\[\#FFFFFF\] {
        --tw-bg-opacity: 1;
        background-color: #fff;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      }
      .bg-black\/\[0\.5\] {
        background-color: rgba(0, 0, 0, 0.5);
      }
      .bg-white {
        --tw-bg-opacity: 1;
        background-color: #fff;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      }
      .p-1 {
        padding: 0.25rem;
      }
      .p-1\.5 {
        padding: 0.375rem;
      }
      .p-2 {
        padding: 0.5rem;
      }
      .p-3 {
        padding: 0.75rem;
      }
      .p-4 {
        padding: 1rem;
      }
      .p-5 {
        padding: 1.25rem;
      }
      .p-9 {
        padding: 2.25rem;
      }
      .px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
      }
      .px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
      }
      .px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
      }
      .px-9 {
        padding-left: 2.25rem;
        padding-right: 2.25rem;
      }
      .py-1 {
        padding-bottom: 0.25rem;
        padding-top: 0.25rem;
      }
      .py-1\.5 {
        padding-bottom: 0.375rem;
        padding-top: 0.375rem;
      }
      .py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem;
      }
      .py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem;
      }
      .py-2 {
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
      }
      .py-3 {
        padding-bottom: 0.75rem;
        padding-top: 0.75rem;
      }
      .py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
      }
      .pl-3 {
        padding-left: 0.75rem;
      }
      .pt-20 {
        padding-top: 5rem;
      }
      .pt-3 {
        padding-top: 0.75rem;
      }
      .pt-5 {
        padding-top: 1.25rem;
      }
      .text-center {
        text-align: center;
      }
      .text-end {
        text-align: end;
      }
      .text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
      }
      .text-\[10px\] {
        font-size: 10px;
      }
      .text-\[11px\] {
        font-size: 11px;
      }
      .text-\[12px\] {
        font-size: 12px;
      }
      .text-\[14px\] {
        font-size: 14px;
      }
      .text-\[16px\] {
        font-size: 16px;
      }
      .text-\[18px\] {
        font-size: 18px;
      }
      .text-\[28px\] {
        font-size: 28px;
      }
      .text-\[60px\] {
        font-size: 60px;
      }
      .text-\[78px\] {
        font-size: 78px;
      }
      .text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
      }
      .text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      .text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
      .text-xs {
        font-size: 0.75rem;
        line-height: 1rem;
      }
      .font-bold {
        font-weight: 700;
      }
      .font-light {
        font-weight: 300;
      }
      .font-medium {
        font-weight: 500;
      }
      .font-semibold {
        font-weight: 600;
      }
      .leading-\[24px\] {
        line-height: 24px;
      }
      .text-\[\#0052B4\] {
        --tw-text-opacity: 1;
        color: #0052b4;
        color: rgb(0 82 180 / var(--tw-text-opacity));
      }
      .text-\[\#05E205\] {
        --tw-text-opacity: 1;
        color: #05e205;
        color: rgb(5 226 5 / var(--tw-text-opacity));
      }
      .text-\[\#13B113\] {
        --tw-text-opacity: 1;
        color: #13b113;
        color: rgb(19 177 19 / var(--tw-text-opacity));
      }
      .text-\[\#1675E9\] {
        --tw-text-opacity: 1;
        color: #1675e9;
        color: rgb(22 117 233 / var(--tw-text-opacity));
      }
      .text-\[\#2E2E2E\] {
        --tw-text-opacity: 1;
        color: #2e2e2e;
        color: rgb(46 46 46 / var(--tw-text-opacity));
      }
      .text-\[\#333333\] {
        --tw-text-opacity: 1;
        color: #333;
        color: rgb(51 51 51 / var(--tw-text-opacity));
      }
      .text-\[\#383B6E\] {
        --tw-text-opacity: 1;
        color: #383b6e;
        color: rgb(56 59 110 / var(--tw-text-opacity));
      }
      .text-\[\#464646\] {
        --tw-text-opacity: 1;
        color: #464646;
        color: rgb(70 70 70 / var(--tw-text-opacity));
      }
      .text-\[\#484848\] {
        --tw-text-opacity: 1;
        color: #484848;
        color: rgb(72 72 72 / var(--tw-text-opacity));
      }
      .text-\[\#818181\] {
        --tw-text-opacity: 1;
        color: #818181;
        color: rgb(129 129 129 / var(--tw-text-opacity));
      }
      .text-\[\#979797\] {
        --tw-text-opacity: 1;
        color: #979797;
        color: rgb(151 151 151 / var(--tw-text-opacity));
      }
      .text-\[\#E8A527\] {
        --tw-text-opacity: 1;
        color: #e8a527;
        color: rgb(232 165 39 / var(--tw-text-opacity));
      }
      .text-\[\#EC1B30\] {
        --tw-text-opacity: 1;
        color: #ec1b30;
        color: rgb(236 27 48 / var(--tw-text-opacity));
      }
      .text-\[\#FFFFFF\] {
        --tw-text-opacity: 1;
        color: #fff;
        color: rgb(255 255 255 / var(--tw-text-opacity));
      }
      .text-gray-400 {
        --tw-text-opacity: 1;
        color: #9ca3af;
        color: rgb(156 163 175 / var(--tw-text-opacity));
      }
      .text-white {
        --tw-text-opacity: 1;
        color: #fff;
        color: rgb(255 255 255 / var(--tw-text-opacity));
      }
      .underline {
        text-decoration-line: underline;
      }
      .opacity-0 {
        opacity: 0;
      }
      .blur-xl {
        --tw-blur: blur(24px);
        filter: blur(24px) 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);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
          var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
          var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
      }
      .transition {
        transition-duration: 0.15s;
        transition-property: color, background-color, border-color,
          text-decoration-color, fill, stroke, opacity, box-shadow, transform,
          filter, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color,
          text-decoration-color, fill, stroke, opacity, box-shadow, transform,
          filter, backdrop-filter;
        transition-property: color, background-color, border-color,
          text-decoration-color, fill, stroke, opacity, box-shadow, transform,
          filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
      .duration-500 {
        transition-duration: 0.5s;
      }
      .first\:mt-0:first-child {
        margin-top: 0;
      }
      .checked\:bg-\[\#383B6E\]:checked {
        --tw-bg-opacity: 1;
        background-color: #383b6e;
        background-color: rgb(56 59 110 / var(--tw-bg-opacity));
      }
      .hover\:cursor-pointer:hover {
        cursor: pointer;
      }
      .focus\:outline-none:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
      @media (min-width: 640px) {
        .sm\:w-3\/4 {
          width: 75%;
        }
        .sm\:basis-3\/5 {
          flex-basis: 60%;
        }
      }
      @media (min-width: 768px) {
        .md\:w-1\/2 {
          width: 50%;
        }
        .md\:w-full {
          width: 100%;
        }
        .md\:basis-1\/2 {
          flex-basis: 50%;
        }
      }
      @media (min-width: 1024px) {
        .lg\:w-1\/3 {
          width: 33.333333%;
        }
        .lg\:basis-1\/3 {
          flex-basis: 33.333333%;
        }
      }
      @media (min-width: 1280px) {
        .xl\:w-1\/4 {
          width: 25%;
        }
      }