*,
      :after,
      :before {
        border: 0 solid #edf2f7;
        box-sizing: border-box
      }

      :after,
      :before {
        --tw-content: ""
      }

      html {
        -webkit-text-size-adjust: 100%;
        font-feature-settings: normal;
        font-family: Roboto, Lato, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        line-height: 1.5;
        tab-size: 4
      }

      body {
        line-height: inherit;
        margin: 0;
        -webkit-font-smoothing: antialiased
      }

      hr {
        border-top-width: 1px;
        color: inherit;
        height: 0
      }

      abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
      }

      h1,
      h3,
      h4,
      h5,
      h6 {
        font-size: inherit;
        font-weight: inherit
      }

      code,
      kbd,
      pre,
      samp {
        font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
        font-size: 1em
      }

      small {
        font-size: 80%
      }

      sub,
      sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: 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-size: 100%;
        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: rgba(0, 0, 0, 0);
        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,
      h3,
      h4,
      h5,
      h6,
      hr,
      p,
      pre {
        margin: 0
      }

      fieldset {
        margin: 0
      }

      fieldset,
      legend {
        padding: 0
      }

      menu,
      ol,
      ul {
        list-style: none;
        margin: 0;
        padding: 0
      }

      textarea {
        resize: vertical
      }

      input:-ms-input-placeholder,
      textarea:-ms-input-placeholder {
        color: #cbd5e0;
        opacity: 1
      }

      input::placeholder,
      textarea::placeholder {
        color: #cbd5e0;
        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-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(66, 153, 225, 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-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(66, 153, 225, 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 {
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%
      }

      @media(min-width: 370px) {
        .container {
          max-width: 370px;
          padding-left: 15px;
          padding-right: 15px
        }
      }

      @media(min-width: 640px) {
        .container {
          max-width: 640px;
          padding-left: 15px;
          padding-right: 15px
        }
      }

      @media(min-width: 768px) {
        .container {
          max-width: 768px;
          padding-left: 20px;
          padding-right: 20px
        }
      }

      @media(min-width: 920px) {
        .container {
          max-width: 920px;
          padding-left: 20px;
          padding-right: 20px
        }
      }

      @media(min-width: 1040px) {
        .container {
          max-width: 1040px;
          padding-left: 20px;
          padding-right: 20px
        }
      }

      @media(min-width: 1140px) {
        .container {
          max-width: 1140px;
          padding-left: 20px;
          padding-right: 20px
        }
      }

      .visible {
        visibility: visible
      }

      .invisible {
        visibility: hidden
      }

      .collapse {
        visibility: collapse
      }

      .static {
        position: static
      }

      .fixed {
        position: fixed
      }

      .absolute {
        position: absolute
      }

      .relative {
        position: relative
      }

      .sticky {
        position: sticky
      }

      .inset-0 {
        bottom: 0;
        top: 0
      }

      .inset-0,
      .inset-x-0 {
        left: 0;
        right: 0
      }

      .inset-y-0 {
        bottom: 0;
        top: 0
      }

      .top-0 {
        top: 0
      }

      .top-\[-1px\] {
        top: -1px
      }

      .top-\[\.5px\] {
        top: .5px
      }

      .top-\[1px\] {
        top: 1px
      }

      .-right-\[40\%\] {
        right: -40%
      }

      .-right-\[20\%\] {
        right: -20%
      }

      .top-\[5px\] {
        top: 5px
      }

      .bottom-\[5px\] {
        bottom: 5px
      }

      .top-\[0px\] {
        top: 0
      }

      .bottom-0 {
        bottom: 0
      }

      .bottom-\[50px\] {
        bottom: 50px
      }

      .right-0 {
        right: 0
      }

      .z-10 {
        z-index: 10
      }

      .z-\[-1\] {
        z-index: -1
      }

      .z-30 {
        z-index: 30
      }

      .z-0 {
        z-index: 0
      }

      .z-\[6\] {
        z-index: 6
      }

      .z-\[10\] {
        z-index: 10
      }

      .z-\[1\] {
        z-index: 1
      }

      .z-\[2\] {
        z-index: 2
      }

      .order-2 {
        -ms-flex-order: 2;
        order: 2
      }

      .order-3 {
        -ms-flex-order: 3;
        order: 3
      }

      .order-4 {
        -ms-flex-order: 4;
        order: 4
      }

      .order-1 {
        -ms-flex-order: 1;
        order: 1
      }

      .float-right {
        float: right
      }

      .m-0 {
        margin: 0
      }

      .my-4 {
        margin-bottom: 1rem;
        margin-top: 1rem
      }

      .mx-auto {
        margin-left: auto;
        margin-right: auto
      }

      .my-auto {
        margin-bottom: auto;
        margin-top: auto
      }

      .-my-24 {
        margin-bottom: -6rem;
        margin-top: -6rem
      }

      .my-12 {
        margin-bottom: 3rem;
        margin-top: 3rem
      }

      .-mx-3 {
        margin-left: -0.75rem;
        margin-right: -0.75rem
      }

      .my-10 {
        margin-bottom: 2.5rem;
        margin-top: 2.5rem
      }

      .my-2 {
        margin-bottom: .5rem;
        margin-top: .5rem
      }

      .my-15px {
        margin-bottom: 15px;
        margin-top: 15px
      }

      .mx-5px {
        margin-left: 5px;
        margin-right: 5px
      }

      .mx-0 {
        margin-left: 0;
        margin-right: 0
      }

      .my-25px {
        margin-bottom: 25px;
        margin-top: 25px
      }

      .mx-10px {
        margin-left: 10px;
        margin-right: 10px
      }

      .my-5px {
        margin-bottom: 5px;
        margin-top: 5px
      }

      .my-3px {
        margin-bottom: 3px;
        margin-top: 3px
      }

      .mx-\[3px\] {
        margin-left: 3px;
        margin-right: 3px
      }

      .mx-15px {
        margin-left: 15px;
        margin-right: 15px
      }

      .mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
      }

      .my-0 {
        margin-bottom: 0;
        margin-top: 0
      }

      .my-3 {
        margin-bottom: .75rem;
        margin-top: .75rem
      }

      .mx-4px {
        margin-left: 4px;
        margin-right: 4px
      }

      .-mx-5 {
        margin-left: -1.25rem;
        margin-right: -1.25rem
      }

      .mx-\[13px\] {
        margin-left: 13px;
        margin-right: 13px
      }

      .mt-5 {
        margin-top: 1.25rem
      }

      .mr-3 {
        margin-right: .75rem
      }

      .mb-3 {
        margin-bottom: .75rem
      }

      .mt-3 {
        margin-top: .75rem
      }

      .mr-2 {
        margin-right: .5rem
      }

      .mb-4 {
        margin-bottom: 1rem
      }

      .mt-4 {
        margin-top: 1rem
      }

      .mb-\[5px\] {
        margin-bottom: 5px
      }

      .mb-\[10px\] {
        margin-bottom: 10px
      }

      .-mt-4 {
        margin-top: -1rem
      }

      .ml-3 {
        margin-left: .75rem
      }

      .mt-\[0\.75px\] {
        margin-top: .75px
      }

      .mt-\[20px\] {
        margin-top: 20px
      }

      .mt-\[10px\] {
        margin-top: 10px
      }

      .mb-2 {
        margin-bottom: .5rem
      }

      .mb-8 {
        margin-bottom: 2rem
      }

      .mb-\[16px\] {
        margin-bottom: 16px
      }

      .mt-15px,
      .mt-\[15px\] {
        margin-top: 15px
      }

      .mr-\[-50vw\] {
        margin-right: -50vw
      }

      .-mt-1 {
        margin-top: -0.25rem
      }

      .-ml-px {
        margin-left: -1px
      }

      .mr-1 {
        margin-right: .25rem
      }

      .ml-1 {
        margin-left: .25rem
      }

      .ml-auto {
        margin-left: auto
      }

      .mb-5 {
        margin-bottom: 1.25rem
      }

      .mr-5 {
        margin-right: 1.25rem
      }

      .mr-\[10px\] {
        margin-right: 10px
      }

      .mb-0 {
        margin-bottom: 0
      }

      .mt-6 {
        margin-top: 1.5rem
      }

      .mr-0 {
        margin-right: 0
      }

      .mb-1 {
        margin-bottom: .25rem
      }

      .mb-6 {
        margin-bottom: 1.5rem
      }

      .mb-10 {
        margin-bottom: 2.5rem
      }

      .ml-4px {
        margin-left: 4px
      }

      .mb-15px {
        margin-bottom: 15px
      }

      .-mt-4px {
        margin-top: -4px
      }

      .mr-5px {
        margin-right: 5px
      }

      .-mt-2px {
        margin-top: -2px
      }

      .-mt-6px {
        margin-top: -6px
      }

      .mt-2px {
        margin-top: 2px
      }

      .mt-10px {
        margin-top: 10px
      }

      .-mb-12px {
        margin-bottom: -12px
      }

      .mb-5px {
        margin-bottom: 5px
      }

      .mt-5px {
        margin-top: 5px
      }

      .-mt-3px {
        margin-top: -3px
      }

      .-mt-10px {
        margin-top: -10px
      }

      .mt-25px {
        margin-top: 25px
      }

      .ml-10px {
        margin-left: 10px
      }

      .mb-10px {
        margin-bottom: 10px
      }

      .-mt-8px {
        margin-top: -8px
      }

      .mr-10px {
        margin-right: 10px
      }

      .mt-3px {
        margin-top: 3px
      }

      .ml-15px {
        margin-left: 15px
      }

      .mb-\[15px\] {
        margin-bottom: 15px
      }

      .ml-\[5px\] {
        margin-left: 5px
      }

      .ml-\[10px\] {
        margin-left: 10px
      }

      .mt-2 {
        margin-top: .5rem
      }

      .ml-2 {
        margin-left: .5rem
      }

      .ml-\[15\%\] {
        margin-left: 15%
      }

      .mr-\[15\%\] {
        margin-right: 15%
      }

      .mt-1 {
        margin-top: .25rem
      }

      .mb-\[30px\] {
        margin-bottom: 30px
      }

      .mb-25px {
        margin-bottom: 25px
      }

      .mt-16px {
        margin-top: 16px
      }

      .mr-32 {
        margin-right: 8rem
      }

      .mb-20px {
        margin-bottom: 20px
      }

      .-ml-25px {
        margin-left: -25px
      }

      .mr-15px {
        margin-right: 15px
      }

      .mb-45px {
        margin-bottom: 45px
      }

      .mt-35px {
        margin-top: 35px
      }

      .mt-auto {
        margin-top: auto
      }

      .ml-0 {
        margin-left: 0
      }

      .mr-auto {
        margin-right: auto
      }

      .mt-45px {
        margin-top: 45px
      }

      .mb-60px {
        margin-bottom: 60px
      }

      .mr-20px {
        margin-right: 20px
      }

      .-mr-30px {
        margin-right: -30px
      }

      .mr-4 {
        margin-right: 1rem
      }

      .mr-12px {
        margin-right: 12px
      }

      .mb-px {
        margin-bottom: 1px
      }

      .mr-3px {
        margin-right: 3px
      }

      .mb-3px {
        margin-bottom: 3px
      }

      .-mt-5px {
        margin-top: -5px
      }

      .ml-20px {
        margin-left: 20px
      }

      .mb-\[3px\] {
        margin-bottom: 3px
      }

      .mb-\[20px\] {
        margin-bottom: 20px
      }

      .mr-\[20px\] {
        margin-right: 20px
      }

      .mt-\[-3px\] {
        margin-top: -3px
      }

      .block {
        display: block
      }

      .inline-block {
        display: inline-block
      }

      .inline {
        display: inline
      }

      .flex {
        display: -ms-flexbox;
        display: flex
      }

      .table {
        display: table
      }

      .flow-root {
        display: flow-root
      }

      .grid {
        display: grid
      }

      .contents {
        display: contents
      }

      .hidden {
        display: none
      }

      .h-\[89px\] {
        height: 89px
      }

      .h-8 {
        height: 2rem
      }

      .h-full {
        height: 100%
      }

      .h-\[16px\] {
        height: 16px
      }

      .h-\[50px\] {
        height: 50px
      }

      .h-12 {
        height: 3rem
      }

      .h-\[58px\] {
        height: 58px
      }

      .h-\[52px\] {
        height: 52px
      }

      .h-20 {
        height: 5rem
      }

      .h-35px {
        height: 35px
      }

      .h-\[12px\] {
        height: 12px
      }

      .h-\[18px\] {
        height: 18px
      }

      .h-15px {
        height: 15px
      }

      .h-\[55px\] {
        height: 55px
      }

      .h-\[40px\] {
        height: 40px
      }

      .h-\[30\%\] {
        height: 30%
      }

      .h-\[13px\] {
        height: 13px
      }

      .h-\[30px\] {
        height: 30px
      }

      .h-\[24px\] {
        height: 24px
      }

      .h-\[34px\] {
        height: 34px
      }

      .h-auto {
        height: auto
      }

      .max-h-\[22px\] {
        max-height: 22px
      }

      .max-h-\[16px\] {
        max-height: 16px
      }

      .min-h-\[56px\] {
        min-height: 56px
      }

      .w-full {
        width: 100%
      }

      .w-\[86\%\] {
        width: 86%
      }

      .w-\[119px\] {
        width: 119px
      }

      .w-\[58px\] {
        width: 58px
      }

      .w-\[50px\] {
        width: 50px
      }

      .w-\[140px\] {
        width: 140px
      }

      .w-1\/2 {
        width: 50%
      }

      .w-35px {
        width: 35px
      }

      .w-40px {
        width: 40px
      }

      .w-30px {
        width: 30px
      }

      .w-auto {
        width: auto
      }

      .w-5 {
        width: 1.25rem
      }

      .w-\[138px\] {
        width: 138px
      }

      .w-\[43\.5\%\] {
        width: 43.5%
      }

      .w-\[28\%\] {
        width: 28%
      }

      .w-\[28\.5\%\] {
        width: 28.5%
      }

      .w-\[40px\] {
        width: 40px
      }

      .w-\[100\%\] {
        width: 100%
      }

      .w-\[55px\] {
        width: 55px
      }

      .w-\[192px\] {
        width: 192px
      }

      .w-\[100vw\] {
        width: 100vw
      }

      .w-\[80\%\] {
        width: 80%
      }

      .min-w-full {
        min-width: 100%
      }

      .min-w-\[30px\] {
        min-width: 30px
      }

      .max-w-full {
        max-width: 100%
      }

      .max-w-\[350px\] {
        max-width: 350px
      }

      .max-w-3xl {
        max-width: 48rem
      }

      .max-w-5xl {
        max-width: 64rem
      }

      .max-w-2xl {
        max-width: 42rem
      }

      .max-w-\[174px\] {
        max-width: 174px
      }

      .max-w-\[560px\] {
        max-width: 560px
      }

      .max-w-none {
        max-width: none
      }

      .flex-shrink-0 {
        -ms-flex-negative: 0;
        flex-shrink: 0
      }

      .flex-grow-0 {
        -ms-flex-positive: 0;
        flex-grow: 0
      }

      .flex-grow-\[1\] {
        -ms-flex-positive: 1;
        flex-grow: 1
      }

      .basis-0 {
        -ms-flex-preferred-size: 0;
        flex-basis: 0
      }

      .border-collapse {
        border-collapse: collapse
      }

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

      .resize {
        resize: both
      }

      .appearance-none {
        -webkit-appearance: none;
        appearance: none
      }

      .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
      }

      .grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr))
      }

      .grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
      }

      .flex-row {
        -ms-flex-direction: row;
        flex-direction: row
      }

      .flex-col {
        -ms-flex-direction: column;
        flex-direction: column
      }

      .flex-col-reverse {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
      }

      .flex-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
      }

      .items-start {
        -ms-flex-align: start;
        align-items: flex-start
      }

      .items-end {
        -ms-flex-align: end;
        align-items: flex-end
      }

      .items-center {
        -ms-flex-align: center;
        align-items: center
      }

      .items-baseline {
        -ms-flex-align: baseline;
        align-items: baseline
      }

      .justify-start {
        -ms-flex-pack: start;
        justify-content: flex-start
      }

      .justify-end {
        -ms-flex-pack: end;
        justify-content: flex-end
      }

      .justify-center {
        -ms-flex-pack: center;
        justify-content: center
      }

      .justify-between {
        -ms-flex-pack: justify;
        justify-content: space-between
      }

      .gap-0 {
        gap: 0
      }

      .gap-15px {
        gap: 15px
      }

      .gap-\[3px\] {
        gap: 3px
      }

      .gap-\[20px\] {
        gap: 20px
      }

      .space-x-\[3px\]>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(3px*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(3px*var(--tw-space-x-reverse))
      }

      .space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1rem*var(--tw-space-x-reverse))
      }

      .space-y-\[12px\]>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(12px*var(--tw-space-y-reverse));
        margin-top: calc(12px*(1 - var(--tw-space-y-reverse)))
      }

      .overflow-hidden {
        overflow: hidden
      }

      .overflow-x-hidden {
        overflow-x: hidden
      }

      .overflow-y-hidden {
        overflow-y: hidden
      }

      .whitespace-nowrap {
        white-space: nowrap
      }

      .rounded-\[20px\] {
        border-radius: 20px
      }

      .rounded-lg {
        border-radius: .5rem
      }

      .rounded-md {
        border-radius: .375rem
      }

      .rounded-full {
        border-radius: 9999px
      }

      .rounded {
        border-radius: .25rem
      }

      .rounded-t-\[20px\] {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px
      }

      .rounded-t-\[15px\] {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px
      }

      .rounded-b-\[15px\] {
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px
      }

      .rounded-l-\[10px\] {
        border-bottom-left-radius: 10px;
        border-top-left-radius: 10px
      }

      .border-\[5px\] {
        border-width: 5px
      }

      .border {
        border-width: 1px
      }

      .border-2 {
        border-width: 2px
      }

      .border-b {
        border-bottom-width: 1px
      }

      .border-t {
        border-top-width: 1px
      }

      .border-b-\[0\.25px\] {
        border-bottom-width: .25px
      }

      .border-solid {
        border-style: solid
      }

      .border-dashed {
        border-style: dashed
      }

      .border-\[\#219653\] {
        --tw-border-opacity: 1;
        border-color: rgb(33 150 83/var(--tw-border-opacity))
      }

      .border-\[white\] {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255/var(--tw-border-opacity))
      }

      .border-gray-200 {
        --tw-border-opacity: 1;
        border-color: rgb(237 242 247/var(--tw-border-opacity))
      }

      .border-gray-400 {
        --tw-border-opacity: 1;
        border-color: rgb(203 213 224/var(--tw-border-opacity))
      }

      .border-gray-300 {
        --tw-border-opacity: 1;
        border-color: rgb(226 232 240/var(--tw-border-opacity))
      }

      .border-\[\#324358\] {
        --tw-border-opacity: 1;
        border-color: rgb(50 67 88/var(--tw-border-opacity))
      }

      .border-white {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255/var(--tw-border-opacity))
      }

      .bg-\[\#161925CC\] {
        background-color: rgba(22, 25, 37, .8)
      }

      .bg-\[\#FAF1DC\] {
        --tw-bg-opacity: 1;
        background-color: rgb(250 241 220/var(--tw-bg-opacity))
      }

      .bg-\[\#219653\] {
        --tw-bg-opacity: 1;
        background-color: rgb(33 150 83/var(--tw-bg-opacity))
      }

      .bg-\[\#FAFAFA\] {
        --tw-bg-opacity: 1;
        background-color: rgb(250 250 250/var(--tw-bg-opacity))
      }

      .bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity))
      }

      .bg-green-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(198 246 213/var(--tw-bg-opacity))
      }

      .bg-red-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(254 215 215/var(--tw-bg-opacity))
      }

      .bg-\[\#F0F2F5\] {
        --tw-bg-opacity: 1;
        background-color: rgb(240 242 245/var(--tw-bg-opacity))
      }

      .bg-pink-700 {
        --tw-bg-opacity: 1;
        background-color: rgb(184 50 128/var(--tw-bg-opacity))
      }

      .bg-black {
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0/var(--tw-bg-opacity))
      }

      .bg-\[\#F9F9F9\] {
        --tw-bg-opacity: 1;
        background-color: rgb(249 249 249/var(--tw-bg-opacity))
      }

      .bg-cover {
        background-size: cover
      }

      .bg-center {
        background-position: 50%
      }

      .bg-no-repeat {
        background-repeat: no-repeat
      }

      .fill-current {
        fill: currentColor
      }

      .object-contain {
        object-fit: contain
      }

      .object-cover {
        object-fit: cover
      }

      .object-right {
        object-position: right
      }

      .p-8px {
        padding: 8px
      }

      .p-5 {
        padding: 1.25rem
      }

      .p-2 {
        padding: .5rem
      }

      .p-3 {
        padding: .75rem
      }

      .p-4 {
        padding: 1rem
      }

      .p-10px {
        padding: 10px
      }

      .p-15px {
        padding: 15px
      }

      .p-20px {
        padding: 20px
      }

      .p-\[10px\] {
        padding: 10px
      }

      .p-\[20px\] {
        padding: 20px
      }

      .p-\[15px\] {
        padding: 15px
      }

      .p-0 {
        padding: 0
      }

      .p-12px {
        padding: 12px
      }

      .px-\[30px\] {
        padding-left: 30px;
        padding-right: 30px
      }

      .py-\[10px\] {
        padding-bottom: 10px;
        padding-top: 10px
      }

      .px-16px {
        padding-left: 16px;
        padding-right: 16px
      }

      .py-20px {
        padding-bottom: 20px;
        padding-top: 20px
      }

      .py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem
      }

      .px-\[5px\] {
        padding-left: 5px;
        padding-right: 5px
      }

      .px-0 {
        padding-left: 0;
        padding-right: 0
      }

      .px-4 {
        padding-left: 1rem;
        padding-right: 1rem
      }

      .py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
      }

      .px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
      }

      .py-1 {
        padding-bottom: .25rem;
        padding-top: .25rem
      }

      .px-8 {
        padding-left: 2rem;
        padding-right: 2rem
      }

      .py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
      }

      .px-3 {
        padding-left: .75rem;
        padding-right: .75rem
      }

      .py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
      }

      .py-5px {
        padding-bottom: 5px;
        padding-top: 5px
      }

      .py-45px {
        padding-bottom: 45px;
        padding-top: 45px
      }

      .py-15px {
        padding-bottom: 15px;
        padding-top: 15px
      }

      .px-\[12px\] {
        padding-left: 12px;
        padding-right: 12px
      }

      .px-\[20px\] {
        padding-left: 20px;
        padding-right: 20px
      }

      .\!px-\[10px\] {
        padding-left: 10px !important;
        padding-right: 10px !important
      }

      .py-\[50px\] {
        padding-bottom: 50px;
        padding-top: 50px
      }

      .py-25px {
        padding-bottom: 25px;
        padding-top: 25px
      }

      .py-10px {
        padding-bottom: 10px;
        padding-top: 10px
      }

      .py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
      }

      .px-12 {
        padding-left: 3rem;
        padding-right: 3rem
      }

      .px-25px {
        padding-left: 25px;
        padding-right: 25px
      }

      .py-0 {
        padding-bottom: 0;
        padding-top: 0
      }

      .py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
      }

      .px-15px {
        padding-left: 15px;
        padding-right: 15px
      }

      .px-8px {
        padding-left: 8px;
        padding-right: 8px
      }

      .py-3px {
        padding-bottom: 3px;
        padding-top: 3px
      }

      .py-\[15px\] {
        padding-bottom: 15px;
        padding-top: 15px
      }

      .px-\[3px\] {
        padding-left: 3px;
        padding-right: 3px
      }

      .px-\[15px\] {
        padding-left: 15px;
        padding-right: 15px
      }

      .py-\[30px\] {
        padding-bottom: 30px;
        padding-top: 30px
      }

      .px-\[40px\] {
        padding-left: 40px;
        padding-right: 40px
      }

      .py-\[20px\] {
        padding-bottom: 20px;
        padding-top: 20px
      }

      .pb-4 {
        padding-bottom: 1rem
      }

      .pb-1 {
        padding-bottom: .25rem
      }

      .pb-10 {
        padding-bottom: 2.5rem
      }

      .pt-\[30px\] {
        padding-top: 30px
      }

      .pb-2 {
        padding-bottom: .5rem
      }

      .pb-\[0\.75rem\] {
        padding-bottom: .75rem
      }

      .pt-2 {
        padding-top: .5rem
      }

      .pr-16 {
        padding-right: 4rem
      }

      .pr-12 {
        padding-right: 3rem
      }

      .pb-3 {
        padding-bottom: .75rem
      }

      .pb-5 {
        padding-bottom: 1.25rem
      }

      .pl-4 {
        padding-left: 1rem
      }

      .pr-1 {
        padding-right: .25rem
      }

      .pl-1 {
        padding-left: .25rem
      }

      .pt-3 {
        padding-top: .75rem
      }

      .pt-1 {
        padding-top: .25rem
      }

      .pt-4 {
        padding-top: 1rem
      }

      .pl-8 {
        padding-left: 2rem
      }

      .pt-10 {
        padding-top: 2.5rem
      }

      .pl-12 {
        padding-left: 3rem
      }

      .pl-16 {
        padding-left: 4rem
      }

      .pl-2 {
        padding-left: .5rem
      }

      .pt-20px {
        padding-top: 20px
      }

      .pb-5px {
        padding-bottom: 5px
      }

      .pb-10px {
        padding-bottom: 10px
      }

      .pb-15px {
        padding-bottom: 15px
      }

      .pt-\[20px\] {
        padding-top: 20px
      }

      .pb-\[5px\] {
        padding-bottom: 5px
      }

      .pb-\[100\%\] {
        padding-bottom: 100%
      }

      .pt-15px {
        padding-top: 15px
      }

      .pt-px {
        padding-top: 1px
      }

      .pb-px {
        padding-bottom: 1px
      }

      .pl-0 {
        padding-left: 0
      }

      .pr-0 {
        padding-right: 0
      }

      .pr-4 {
        padding-right: 1rem
      }

      .pt-5px {
        padding-top: 5px
      }

      .pt-10px {
        padding-top: 10px
      }

      .pb-0 {
        padding-bottom: 0
      }

      .pr-\[20px\] {
        padding-right: 20px
      }

      .pl-\[10px\] {
        padding-left: 10px
      }

      .pb-\[35px\] {
        padding-bottom: 35px
      }

      .pt-\[10px\] {
        padding-top: 10px
      }

      .pb-\[30px\] {
        padding-bottom: 30px
      }

      .pt-6 {
        padding-top: 1.5rem
      }

      .pb-6 {
        padding-bottom: 1.5rem
      }

      .pb-\[10px\] {
        padding-bottom: 10px
      }

      .pl-\[20px\] {
        padding-left: 20px
      }

      .pr-\[28\%\] {
        padding-right: 28%
      }

      .pr-\[27\%\] {
        padding-right: 27%
      }

      .text-left {
        text-align: left
      }

      .text-center {
        text-align: center
      }

      .text-right {
        text-align: right
      }

      .text-\[14px\] {
        font-size: 14px
      }

      .text-\[10px\] {
        font-size: 10px
      }

      .text-\[18px\] {
        font-size: 18px
      }

      .text-\[24px\] {
        font-size: 24px
      }

      .text-xs {
        font-size: .75rem
      }

      .text-sm {
        font-size: .875rem
      }

      .text-lg {
        font-size: 1.125rem
      }

      .text-\[16px\] {
        font-size: 16px
      }

      .text-xl {
        font-size: 1.25rem
      }

      .text-base {
        font-size: 1rem
      }

      .text-18px {
        font-size: 18px
      }

      .text-3xl {
        font-size: 1.875rem
      }

      .text-20px {
        font-size: 20px
      }

      .text-14px {
        font-size: 14px
      }

      .text-10px {
        font-size: 10px
      }

      .text-25px {
        font-size: 25px
      }

      .text-17px {
        font-size: 17px
      }

      .text-\[12px\] {
        font-size: 12px
      }

      .text-2xl {
        font-size: 1.5rem
      }

      .text-16px {
        font-size: 16px
      }

      .text-30px {
        font-size: 30px
      }

      .text-\[20px\] {
        font-size: 20px
      }

      .font-\[700\] {
        font-weight: 700
      }

      .font-600,
      .font-semibold {
        font-weight: 600
      }

      .font-normal {
        font-weight: 300
      }

      .font-\[600\] {
        font-weight: 600
      }

      .font-medium {
        font-weight: 500
      }

      .font-\[400\] {
        font-weight: 400
      }

      .font-700,
      .font-bold {
        font-weight: 700
      }

      .font-\[500\] {
        font-weight: 500
      }

      .font-400 {
        font-weight: 400
      }

      .font-500 {
        font-weight: 500
      }

      .font-light {
        font-weight: 300
      }

      .font-800 {
        font-weight: 800
      }

      .uppercase {
        text-transform: uppercase
      }

      .capitalize {
        text-transform: capitalize
      }

      .italic {
        font-style: italic
      }

      .leading-\[16px\] {
        line-height: 16px
      }

      .leading-\[22px\] {
        line-height: 22px
      }

      .leading-\[32px\] {
        line-height: 32px
      }

      .leading-\[24px\] {
        line-height: 24px
      }

      .leading-8 {
        line-height: 2rem
      }

      .leading-6 {
        line-height: 1.5rem
      }

      .leading-tight {
        line-height: 1.25
      }

      .leading-25px {
        line-height: 25px
      }

      .leading-17px {
        line-height: 17px
      }

      .leading-normal {
        line-height: 1.5
      }

      .leading-\[28px\] {
        line-height: 28px
      }

      .leading-none {
        line-height: 1
      }

      .leading-16px {
        line-height: 16px
      }

      .leading-\[36px\] {
        line-height: 36px
      }

      .tracking-\[0\.5px\] {
        letter-spacing: .5px
      }

      .tracking-wide {
        letter-spacing: .025em
      }

      .text-\[\#262525\] {
        --tw-text-opacity: 1;
        color: rgb(38 37 37/var(--tw-text-opacity))
      }

      .text-white {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
      }

      .text-\[\#F75858\] {
        --tw-text-opacity: 1;
        color: rgb(247 88 88/var(--tw-text-opacity))
      }

      .text-\[\#01B157\] {
        --tw-text-opacity: 1;
        color: rgb(1 177 87/var(--tw-text-opacity))
      }

      .text-\[\#0D090A\] {
        --tw-text-opacity: 1;
        color: rgb(13 9 10/var(--tw-text-opacity))
      }

      .text-\[\#FFCB13\] {
        --tw-text-opacity: 1;
        color: rgb(255 203 19/var(--tw-text-opacity))
      }

      .text-\[\#161925\] {
        --tw-text-opacity: 1;
        color: rgb(22 25 37/var(--tw-text-opacity))
      }

      .text-gray-600 {
        --tw-text-opacity: 1;
        color: rgb(113 128 150/var(--tw-text-opacity))
      }

      .text-\[\#17072B\] {
        --tw-text-opacity: 1;
        color: rgb(23 7 43/var(--tw-text-opacity))
      }

      .text-\[\#d40f32\] {
        --tw-text-opacity: 1;
        color: rgb(212 15 50/var(--tw-text-opacity))
      }

      .text-gray-500 {
        --tw-text-opacity: 1;
        color: rgb(160 174 192/var(--tw-text-opacity))
      }

      .text-\[\#324358\] {
        --tw-text-opacity: 1;
        color: rgb(50 67 88/var(--tw-text-opacity))
      }

      .text-\[\#545C67\] {
        --tw-text-opacity: 1;
        color: rgb(84 92 103/var(--tw-text-opacity))
      }

      .text-\[\#EBEBEB\] {
        --tw-text-opacity: 1;
        color: rgb(235 235 235/var(--tw-text-opacity))
      }

      .text-\[\#3F5893\] {
        --tw-text-opacity: 1;
        color: rgb(63 88 147/var(--tw-text-opacity))
      }

      .text-gray-300 {
        --tw-text-opacity: 1;
        color: rgb(226 232 240/var(--tw-text-opacity))
      }

      .text-gray-700 {
        --tw-text-opacity: 1;
        color: rgb(74 85 104/var(--tw-text-opacity))
      }

      .text-\[\#1B283E\] {
        --tw-text-opacity: 1;
        color: rgb(27 40 62/var(--tw-text-opacity))
      }

      .text-\[\#111619\] {
        --tw-text-opacity: 1;
        color: rgb(17 22 25/var(--tw-text-opacity))
      }

      .text-\[\#828282\] {
        --tw-text-opacity: 1;
        color: rgb(130 130 130/var(--tw-text-opacity))
      }

      .text-\[\#E0E0E0\] {
        --tw-text-opacity: 1;
        color: rgb(224 224 224/var(--tw-text-opacity))
      }

      .underline {
        text-decoration-line: underline
      }

      .line-through {
        text-decoration-line: line-through
      }

      .antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
      }

      .opacity-\[0\.7\] {
        opacity: .7
      }

      .opacity-0 {
        opacity: 0
      }

      .shadow-none {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
      }

      .outline-none {
        outline: 2px solid rgba(0, 0, 0, 0);
        outline-offset: 2px
      }

      .outline {
        outline-style: solid
      }

      .ring {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))
      }

      .blur {
        --tw-blur: blur(8px)
      }

      .blur,
      .drop-shadow-\[0_1px_1px_rgba\(0\,0\,0\,0\.25\)\] {
        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)
      }

      .drop-shadow-\[0_1px_1px_rgba\(0\,0\,0\,0\.25\)\] {
        --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.25))
      }

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

      .content-\[\'\'\] {
        --tw-content: "";
        content: var(--tw-content)
      }

      .border {
        border-color: #f1f1f1
      }

      html {
        color: #222;
        font-family: Open Sans, sans-serif !important;
        font-size: 16px;
        font-weight: 400
      }

      @media screen and (max-width: 1140px) {
        html {
          font-size: calc(14.66667px + .41667vw)
        }
      }

      .container {
        max-width: 1040px !important
      }

      @media screen and (max-width: 1040px) {
        .container.logo-container {
          max-width: 100% !important
        }
      }

      .h1 {
        color: #2f2f2f;
        font-family: Open Sans, sans-serif;
        font-size: 42px;
        font-weight: 700;
        letter-spacing: -1px;
        line-height: 55px
      }

      .subtitle {
        font-size: 20px
      }

      .subtitle a {
        font-weight: 300
      }

      @media screen and (max-width: 1140px) {
        .subtitle {
          font-size: 16px
        }
      }

      .h3 {
        font-size: 25px;
        font-weight: 700
      }

      .text-sm {
        color: rgba(143, 143, 143, .953)
      }

      a {
        color: #405cb3;
        font-weight: 600;
        transition: color .2s linear
      }

      a:hover {
        color: #1139b5
      }

      .button {
        background-color: #0bac4b;
        background-repeat: no-repeat;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 5px;
        box-shadow: 0 2px 0 #04461e;
        color: #fff;
        display: block;
        font-size: 25px !important;
        font-weight: 800;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        letter-spacing: -0.5px;
        padding: 16px;
        text-align: center;
        text-decoration: none !important;
        transition: box-shadow .2s linear;
        transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out
      }

      .button img {
        margin-bottom: 1.5px !important
      }

      @media screen and (max-width: 1140px) {
        .button {
          font-size: 20px !important;
          padding: 16px 36px
        }
      }

      .button:hover {
        background-color: #067131;
        color: #fff;
        text-decoration: none
      }

      .button.button-sidebar {
        font-size: 17px !important;
        padding: 16px
      }

      .button.button-sidebar img {
        margin-bottom: 2px !important
      }

      .countryflag {
        width: 30px
      }

      .logo-container--wrapper {
        border-bottom: 1px solid rgba(0, 0, 0, .059);
        box-shadow: 0 1px 20px rgba(0, 0, 0, .071)
      }

      @media screen and (max-width: 1140px) {
        .logo .trends {
          font-size: 22px
        }
      }

      .logo .product-title {
        font-size: 20px;
        font-weight: 600;
        letter-spacing: normal;
        line-height: 20px;
        position: relative;
        top: -1px
      }

      @media screen and (max-width: 1140px) {
        .logo .product-title {
          font-size: 18px;
          line-height: 18px
        }
      }

      .logo .divider {
        background-color: #d6d6d6;
        content: "";
        height: 20px;
        margin: 0 10px -2px 11px;
        width: 1px
      }

      .flag {
        position: relative;
        top: 5px
      }

      .flag img {
        margin-top: -4px;
        width: 30px;
        margin-left: 4px
      }

      @media screen and (max-width: 1140px) {
        .flag {
          font-size: 12px;
          letter-spacing: -0.15px;
          position: static
        }

        .flag img {
          margin-top: 0;
          width: 30px
        }

        .flag span {
          position: relative;
          top: 1px
        }
      }

      .header-upper {
        background-color: #344a5f;
        color: rgba(255, 255, 255, .671)
      }

      .attention-bar {
        background-color: rgba(255, 227, 149, .53)
      }

      article {
        max-width: calc(100% - 280px)
      }

      @media screen and (max-width: 920px) {
        article {
          max-width: 100%;
          width: 100%
        }
      }

      aside {
        width: 250px
      }

      @media screen and (max-width: 920px) {
        aside {
          display: none
        }
      }

      .content .post-meta {
        color: gray;
        font-size: 14px
      }

      @media screen and (max-width: 919px) {
        .content .post-meta .post-meta--wrapper {
          left: 50px
        }
      }

      .content .post-meta .trending-counter {
        position: relative;
        top: -2px
      }

      @media screen and (max-width: 1140px) {
        .content .post-meta {
          font-size: 12px
        }

        .content .post-meta .trending-counter .like-img {
          -ms-flex-item-align: start;
          align-self: start
        }
      }

      .content .post-meta .author-img {
        top: 0
      }

      @media screen and (max-width: 919px) {
        .content .post-meta .author-img {
          left: -50px;
          top: 3px
        }
      }

      .content .post-meta .stars-img {
        width: 100px
      }

      @media screen and (max-width: 1140px) {
        .content .post-meta .stars-img {
          width: 80px
        }
      }

      .content .post-content {
        font-family: Open Sans, sans-serif
      }

      .content .post-content .h1 {
        color: #2d2d2d;
        font-weight: 500
      }

      .content .post-content .caption {
        background-color: #f3f3f3;
        color: #2d2d2d;
        margin-bottom: 18.8px
      }

      @media screen and (max-width: 1140px) {
        .content .post-content .caption {
          margin-bottom: 18px
        }
      }

      .content .post-content .emphasize {
        color: #3e4960;
        font-size: 20px;
        letter-spacing: 1px;
        line-height: 1.5em
      }

      .content .post-content img:not(.dots) {
        margin-bottom: 18.8px
      }

      @media screen and (max-width: 1140px) {
        .content .post-content img:not(.dots) {
          margin-bottom: 18px
        }
      }

      .content .post-content img+.caption {
        margin-top: -22px
      }

      @media screen and (max-width: 1140px) {
        .content .post-content img+.caption {
          margin-top: -18px
        }
      }

      .content .post-content .checkmark {
        display: inline;
        margin-bottom: 4px;
        margin-right: 10px;
        width: 22px
      }

      @media screen and (max-width: 1140px) {
        .content .post-content .checkmark {
          margin-top: 1px;
          width: 18px
        }
      }

      .content .post-content blockquote {
        background: url(../images/quote-top-left.svg) no-repeat top 25px left 25px, url(../images/quote-bottom-right.svg) no-repeat bottom 25px right 25px, #fafafa;
        color: #3d3d4e;
        margin-bottom: 18.8px;
        padding: 30px 41px 5px 70px
      }

      .content .post-content blockquote img {
        width: 120px
      }

      @media screen and (max-width: 1140px) {
        .content .post-content blockquote {
          background: url(../images/quote-top-left.svg) no-repeat top 10px left 10px, url(../images/quote-bottom-right.svg) no-repeat bottom 10px right 10px, #fafafa;
          background-size: 20px;
          margin-bottom: 18px;
          padding: 10px 10px 0 37px
        }

        .content .post-content blockquote img {
          width: 90px
        }
      }

      .content .post-content blockquote p {
        margin-bottom: 0 !important
      }

      .content .post-content blockquote p.author {
        font-weight: 700;
        margin-top: 22px
      }

      @media screen and (max-width: 1140px) {
        .content .post-content blockquote p.author {
          margin-top: 10px
        }
      }

      .content .post-content .features-list {
        background-color: #fbfbfb;
        margin-bottom: 18.8px;
        padding: 25px
      }

      .content .post-content .features-list p:last-of-type {
        margin-bottom: 0 !important
      }

      @media screen and (max-width: 640px) {
        .content .post-content .features-list {
          padding: 10px
        }
      }

      .content .post-content .attention-box {
        background-color: #fff7e5;
        border: 2px dashed rgba(0, 0, 0, .7);
        margin-bottom: 20px;
        padding: 20px
      }

      .content .post-content .attention-box p {
        margin-bottom: 0 !important
      }

      .content .post-content .divider {
        background-color: #f1f1f1;
        content: "";
        display: block;
        height: 1px;
        width: 100%
      }

      .customer-ratings {
        border-radius: 3px;
        position: relative;
        z-index: 0
      }

      .customer-ratings:before {
        background-color: #fafafa;
        border-radius: 3px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -100
      }

      .customer-ratings .logo .trends {
        font-size: 25px;
        line-height: 25px
      }

      .customer-ratings .stats--wrapper {
        position: relative;
        z-index: 0
      }

      .customer-ratings .stats--wrapper:before {
        background-color: #efefef;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -99
      }

      .customer-ratings .stats--wrapper .stat {
        z-index: 1
      }

      .customer-ratings .stats--wrapper .stat:last-child {
        margin-bottom: 0
      }

      .customer-ratings .stats--wrapper .stat img {
        margin-bottom: 0 !important;
        max-height: 20px;
        width: 120px
      }

      @media screen and (max-width: 1140px) {
        .customer-ratings .stats--wrapper .stat img {
          width: 85px
        }
      }

      .customer-ratings .stats--wrapper .stat .bar {
        background-color: #c5c5c5;
        border-radius: 15px;
        color: #fff;
        content: "";
        height: 20px;
        margin: 0 20px 0 0;
        position: relative;
        width: 100%;
        z-index: -1
      }

      .customer-ratings .stats--wrapper .stat .bar:after {
        background-color: #195ca3;
        border-radius: 15px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        text-align: center;
        top: 0;
        z-index: -1
      }

      .customer-ratings .stats--wrapper .stat .bar:before {
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        left: -16px;
        position: absolute;
        text-align: right;
        top: calc(50% - 1px);
        transform: translateY(-50%);
        z-index: 1
      }

      @media screen and (max-width: 1140px) {
        .customer-ratings .stats--wrapper .stat .bar:before {
          font-size: 12px;
          top: 50%
        }
      }

      .customer-ratings .stats--wrapper .stat .number {
        width: 145px
      }

      @media screen and (max-width: 1140px) {
        .customer-ratings .stats--wrapper .stat .number {
          width: 145px
        }
      }

      .product-ratings {
        background-color: #f5f5f5;
        border-radius: 3px;
        font-family: Helvetica, sans-serif;
        z-index: -100
      }

      .product-ratings .caption {
        background-color: rgba(0, 0, 0, 0) !important;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .25px;
        margin-bottom: 0 !important;
        text-transform: uppercase
      }

      .product-ratings .bars {
        z-index: 0
      }

      .product-ratings .bars .bar {
        background-color: #e2e2e2;
        border-radius: 15px;
        content: "";
        height: 20px;
        max-width: 65%;
        position: relative;
        width: 100%;
        z-index: 1
      }

      @media screen and (max-width: 1140px) {
        .product-ratings .bars .bar {
          height: 12px
        }
      }

      .product-ratings .bars .bar:after {
        background-color: #195ca3;
        border-radius: 15px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        z-index: -1
      }

      .product-ratings .bars .bar:before {
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        left: -16px;
        letter-spacing: -1px;
        position: absolute;
        text-align: right;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1
      }

      @media screen and (max-width: 1140px) {
        .product-ratings .bars .bar:before {
          font-size: 12px;
          top: -80%
        }
      }

      .product-ratings .rating-title {
        color: #414151;
        font-size: 15px;
        max-width: 35%
      }

      .product-ratings .right {
        color: #000032
      }

      .product-ratings .right .right--inner {
        background-color: #fff;
        border-radius: 3px;
        padding: 15px 20px
      }

      .product-ratings .right .squared-stars {
        margin: 5px auto
      }

      .product-ratings .right .logo .trends {
        font-size: 18.8px;
        line-height: 22px
      }

      .product-ratings .right .overall-rating {
        font-size: 18.8px
      }

      .sidebar .sidebar-header--wrapper {
        background-color: rgba(240, 240, 240, .8)
      }

      .sidebar .sidebar-header--wrapper .h3 {
        color: #060606;
        font-size: 20px
      }

      .sidebar .sidebar-header--wrapper .stars--wrapper span {
        color: #405cb3 !important;
        font-size: 14px
      }

      .comments {
        font-family: Open Sans, sans-serif
      }

      .comments h4 {
        font-weight: 700;
        margin-bottom: 22px
      }

      @media screen and (max-width: 1140px) {
        .comments h4 {
          margin-bottom: 18px
        }
      }

      .comments .usersComments img {
        margin-top: 10px
      }

      .commentFuncLine,
      .commentFuncLine>* {
        display: inline
      }

      #floating-cta {
        background-color: #fff;
        bottom: 0;
        box-shadow: 1px 5px 20px 3px rgba(0, 0, 0, .22);
        left: 0;
        position: fixed;
        opacity: 0;
        transform: translateY(100%);
        transition: opacity .5s, transform .5s;
        pointer-events: none
      }

      #floating-cta.show {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto
      }

      #floating-cta .button {
        color: #fff;
        font-weight: 700;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        letter-spacing: -0.5px;
        padding: 15px 20px;
        text-decoration: none !important;
        width: 350px;
        margin: auto
      }

      #floating-cta .button img {
        width: 18px
      }

      #footer {
        background-color: #121212;
        color: rgba(255, 255, 255, .23);
        font-size: 12px;
        font-weight: 300;
        line-height: 17px;
        margin-top: 200px;
        text-transform: capitalize
      }

      #footer a {
        color: gray;
        font-weight: 400;
        text-transform: uppercase;
        transition: color .2s ease-in-out;
        text-decoration: none
      }

      #footer a:hover {
        color: #fff
      }

      #footer .divider {
        background-color: wheat;
        content: "";
        display: inline;
        height: 100%;
        margin: 0 15px;
        width: 1px
      }

      @media screen and (max-width: 1140px) {
        #footer .divider {
          margin: 0 7px
        }
      }

      .modal .legal-page-content img {
        display: inline !important
      }

      .profilePic img {
        position: relative;
        top: 7px
      }

      .commentBreak2 {
        display: none
      }

      .commentFuncLine img,
      .comments img,
      .replyFuncLine img {
        margin-bottom: 0 !important
      }

      .fb-testimonials img {
        max-width: 345px
      }

      .before\:absolute:before {
        content: var(--tw-content);
        position: absolute
      }

      .before\:left-\[-30px\]:before {
        content: var(--tw-content);
        left: -30px
      }

      .before\:h-full:before {
        content: var(--tw-content);
        height: 100%
      }

      .before\:border-\[0\.25px\]:before {
        border-width: .25px;
        content: var(--tw-content)
      }

      .before\:border-\[\#BDBDBD\]\/\[\.25\]:before {
        border-color: rgba(189, 189, 189, .25);
        content: var(--tw-content)
      }

      .before\:content-\[\'\'\]:before {
        --tw-content: "";
        content: var(--tw-content)
      }

      .after\:bg-\[\#53A4E3\]:after {
        --tw-bg-opacity: 1;
        background-color: rgb(83 164 227/var(--tw-bg-opacity));
        content: var(--tw-content)
      }

      .first\:pt-0:first-child {
        padding-top: 0
      }

      .last\:mb-0:last-child {
        margin-bottom: 0
      }

      .last\:pb-0:last-child {
        padding-bottom: 0
      }

      .hover\:border-\[\#219653\]:hover {
        --tw-border-opacity: 1;
        border-color: rgb(33 150 83/var(--tw-border-opacity))
      }

      .hover\:bg-gray-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(247 250 252/var(--tw-bg-opacity))
      }

      .hover\:shadow-none:hover {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
      }

      .hover\:duration-75:hover {
        transition-duration: 75ms
      }

      .hover\:ease-in:hover {
        transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
      }

      .focus\:outline-none:focus {
        outline: 2px solid rgba(0, 0, 0, 0);
        outline-offset: 2px
      }

      @media(min-width: 640px) {
        .sm\:mx-auto {
          margin-left: auto;
          margin-right: auto
        }

        .sm\:mx-10px {
          margin-left: 10px;
          margin-right: 10px
        }

        .sm\:-mt-15px {
          margin-top: -15px
        }

        .sm\:block {
          display: block
        }

        .sm\:w-4\/5 {
          width: 80%
        }

        .sm\:flex-row {
          -ms-flex-direction: row;
          flex-direction: row
        }

        .sm\:items-center {
          -ms-flex-align: center;
          align-items: center
        }

        .sm\:text-center {
          text-align: center
        }

        .sm\:text-2xl {
          font-size: 1.5rem
        }
      }

      @media(min-width: 768px) {
        .a_md\:relative {
          position: relative
        }

        .a_md\:my-20px {
          margin-bottom: 20px;
          margin-top: 20px
        }

        .a_md\:my-25px {
          margin-bottom: 25px;
          margin-top: 25px
        }

        .a_md\:-mx-8px {
          margin-left: -8px;
          margin-right: -8px
        }

        .a_md\:mx-8px {
          margin-left: 8px;
          margin-right: 8px
        }

        .a_md\:mt-0 {
          margin-top: 0
        }

        .a_md\:mb-15px {
          margin-bottom: 15px
        }

        .a_md\:mt-25px {
          margin-top: 25px
        }

        .a_md\:mb-5px {
          margin-bottom: 5px
        }

        .a_md\:mb-0 {
          margin-bottom: 0
        }

        .a_md\:inline-block {
          display: inline-block
        }

        .a_md\:inline {
          display: inline
        }

        .a_md\:flex {
          display: -ms-flexbox;
          display: flex
        }

        .a_md\:hidden {
          display: none
        }

        .a_md\:h-25px {
          height: 25px
        }

        .a_md\:w-25px {
          width: 25px
        }

        .a_md\:w-\[70\%\] {
          width: 70%
        }

        .a_md\:w-\[30\%\] {
          width: 30%
        }

        .a_md\:w-1\/2 {
          width: 50%
        }

        .a_md\:flex-row {
          -ms-flex-direction: row;
          flex-direction: row
        }

        .a_md\:justify-end {
          -ms-flex-pack: end;
          justify-content: flex-end
        }

        .a_md\:py-15px {
          padding-bottom: 15px;
          padding-top: 15px
        }

        .a_md\:pb-25px {
          padding-bottom: 25px
        }

        .a_md\:pb-15px {
          padding-bottom: 15px
        }
      }

      @media(min-width: 920px) {
        .md\:absolute {
          position: absolute
        }

        .md\:relative {
          position: relative
        }

        .md\:-right-\[12\%\] {
          right: -12%
        }

        .md\:bottom-\[10px\] {
          bottom: 10px
        }

        .md\:order-1 {
          -ms-flex-order: 1;
          order: 1
        }

        .md\:order-2 {
          -ms-flex-order: 2;
          order: 2
        }

        .md\:order-3 {
          -ms-flex-order: 3;
          order: 3
        }

        .md\:order-4 {
          -ms-flex-order: 4;
          order: 4
        }

        .md\:col-span-6 {
          grid-column: span 6/span 6
        }

        .md\:col-span-12 {
          grid-column: span 12/span 12
        }

        .md\:col-span-4 {
          grid-column: span 4/span 4
        }

        .md\:col-span-8 {
          grid-column: span 8/span 8
        }

        .md\:col-start-3 {
          grid-column-start: 3
        }

        .md\:my-15px {
          margin-bottom: 15px;
          margin-top: 15px
        }

        .md\:my-20px {
          margin-bottom: 20px;
          margin-top: 20px
        }

        .md\:-mx-10px {
          margin-left: -10px;
          margin-right: -10px
        }

        .md\:mx-10px {
          margin-left: 10px;
          margin-right: 10px
        }

        .md\:my-25px {
          margin-bottom: 25px;
          margin-top: 25px
        }

        .md\:mx-auto {
          margin-left: auto;
          margin-right: auto
        }

        .md\:mx-0 {
          margin-left: 0;
          margin-right: 0
        }

        .md\:my-0 {
          margin-bottom: 0;
          margin-top: 0
        }

        .md\:my-5px {
          margin-bottom: 5px;
          margin-top: 5px
        }

        .md\:my-55px {
          margin-bottom: 55px;
          margin-top: 55px
        }

        .md\:mx-\[30px\] {
          margin-left: 30px;
          margin-right: 30px
        }

        .md\:mt-\[35px\] {
          margin-top: 35px
        }

        .md\:mt-\[-21px\] {
          margin-top: -21px
        }

        .md\:mr-4 {
          margin-right: 1rem
        }

        .md\:mb-5 {
          margin-bottom: 1.25rem
        }

        .md\:mb-6 {
          margin-bottom: 1.5rem
        }

        .md\:mr-6 {
          margin-right: 1.5rem
        }

        .md\:ml-0 {
          margin-left: 0
        }

        .md\:mt-0 {
          margin-top: 0
        }

        .md\:mb-15px {
          margin-bottom: 15px
        }

        .md\:mt-25px {
          margin-top: 25px
        }

        .md\:mb-5px {
          margin-bottom: 5px
        }

        .md\:mt-5px {
          margin-top: 5px
        }

        .md\:mb-\[50px\] {
          margin-bottom: 50px
        }

        .md\:mt-\[25px\] {
          margin-top: 25px
        }

        .md\:mt-15px {
          margin-top: 15px
        }

        .md\:mb-0 {
          margin-bottom: 0
        }

        .md\:mt-20px {
          margin-top: 20px
        }

        .md\:mr-0 {
          margin-right: 0
        }

        .md\:ml-auto {
          margin-left: auto
        }

        .md\:mb-55px {
          margin-bottom: 55px
        }

        .md\:mb-45px {
          margin-bottom: 45px
        }

        .md\:mr-auto {
          margin-right: auto
        }

        .md\:mb-35px {
          margin-bottom: 35px
        }

        .md\:mr-25px {
          margin-right: 25px
        }

        .md\:mb-25px {
          margin-bottom: 25px
        }

        .md\:mr-5px {
          margin-right: 5px
        }

        .md\:mb-\[59px\] {
          margin-bottom: 59px
        }

        .md\:ml-\[20px\] {
          margin-left: 20px
        }

        .md\:mr-\[20px\] {
          margin-right: 20px
        }

        .md\:mr-\[14px\] {
          margin-right: 14px
        }

        .md\:mb-\[20px\] {
          margin-bottom: 20px
        }

        .md\:mr-\[30px\] {
          margin-right: 30px
        }

        .md\:block {
          display: block
        }

        .md\:inline-block {
          display: inline-block
        }

        .md\:inline {
          display: inline
        }

        .md\:flex {
          display: -ms-flexbox;
          display: flex
        }

        .md\:grid {
          display: grid
        }

        .md\:hidden {
          display: none
        }

        .md\:h-\[42px\] {
          height: 42px
        }

        .md\:h-25px {
          height: 25px
        }

        .md\:h-\[89px\] {
          height: 89px
        }

        .md\:h-\[80px\] {
          height: 80px
        }

        .md\:h-\[282px\] {
          height: 282px
        }

        .md\:h-\[305px\] {
          height: 305px
        }

        .md\:h-\[26px\] {
          height: 26px
        }

        .md\:h-20 {
          height: 5rem
        }

        .md\:h-\[40px\] {
          height: 40px
        }

        .md\:max-h-\[40px\] {
          max-height: 40px
        }

        .md\:max-h-\[30px\] {
          max-height: 30px
        }

        .md\:max-h-\[14px\] {
          max-height: 14px
        }

        .md\:max-h-\[255px\] {
          max-height: 255px
        }

        .md\:w-\[182px\] {
          width: 182px
        }

        .md\:w-\[60px\] {
          width: 60px
        }

        .md\:w-\[188px\] {
          width: 188px
        }

        .md\:w-1\/2 {
          width: 50%
        }

        .md\:w-2\/3 {
          width: 66.666667%
        }

        .md\:w-1\/3 {
          width: 33.333333%
        }

        .md\:w-25px {
          width: 25px
        }

        .md\:w-3\/4 {
          width: 75%
        }

        .md\:w-1\/4 {
          width: 25%
        }

        .md\:w-full {
          width: 100%
        }

        .md\:w-\[173px\] {
          width: 173px
        }

        .md\:w-\[34\%\] {
          width: 34%
        }

        .md\:w-\[22\%\] {
          width: 22%
        }

        .md\:w-\[350px\] {
          width: 350px
        }

        .md\:w-\[337px\] {
          width: 337px
        }

        .md\:w-\[33\.333333\%\] {
          width: 33.333333%
        }

        .md\:w-\[100px\] {
          width: 100px
        }

        .md\:min-w-\[291px\] {
          min-width: 291px
        }

        .md\:max-w-full {
          max-width: 100%
        }

        .md\:grid-cols-12 {
          grid-template-columns: repeat(12, minmax(0, 1fr))
        }

        .md\:grid-cols-2 {
          grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .md\:grid-rows-1 {
          grid-template-rows: repeat(1, minmax(0, 1fr))
        }

        .md\:flex-row {
          -ms-flex-direction: row;
          flex-direction: row
        }

        .md\:flex-row-reverse {
          -ms-flex-direction: row-reverse;
          flex-direction: row-reverse
        }

        .md\:flex-col {
          -ms-flex-direction: column;
          flex-direction: column
        }

        .md\:flex-wrap {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap
        }

        .md\:items-start {
          -ms-flex-align: start;
          align-items: flex-start
        }

        .md\:items-center {
          -ms-flex-align: center;
          align-items: center
        }

        .md\:justify-start {
          -ms-flex-pack: start;
          justify-content: flex-start
        }

        .md\:justify-end {
          -ms-flex-pack: end;
          justify-content: flex-end
        }

        .md\:justify-between {
          -ms-flex-pack: justify;
          justify-content: space-between
        }

        .md\:gap-5 {
          gap: 1.25rem
        }

        .md\:gap-25px {
          gap: 25px
        }

        .md\:gap-15px {
          gap: 15px
        }

        .md\:gap-y-3 {
          row-gap: .75rem
        }

        .md\:gap-x-5 {
          column-gap: 1.25rem
        }

        .md\:gap-y-45px {
          row-gap: 45px
        }

        .md\:gap-x-25px {
          column-gap: 25px
        }

        .md\:whitespace-nowrap {
          white-space: nowrap
        }

        .md\:rounded-r-\[20px\] {
          border-bottom-right-radius: 20px;
          border-top-right-radius: 20px
        }

        .md\:bg-\[\#FAFAFA\] {
          --tw-bg-opacity: 1;
          background-color: rgb(250 250 250/var(--tw-bg-opacity))
        }

        .md\:p-15px {
          padding: 15px
        }

        .md\:p-20px {
          padding: 20px
        }

        .md\:p-25px {
          padding: 25px
        }

        .md\:py-0 {
          padding-bottom: 0;
          padding-top: 0
        }

        .md\:py-16 {
          padding-bottom: 4rem;
          padding-top: 4rem
        }

        .md\:py-15px {
          padding-bottom: 15px;
          padding-top: 15px
        }

        .md\:py-30px {
          padding-bottom: 30px;
          padding-top: 30px
        }

        .md\:py-55px {
          padding-bottom: 55px;
          padding-top: 55px
        }

        .md\:py-45px {
          padding-bottom: 45px;
          padding-top: 45px
        }

        .md\:py-24 {
          padding-bottom: 6rem;
          padding-top: 6rem
        }

        .md\:px-10px {
          padding-left: 10px;
          padding-right: 10px
        }

        .md\:px-\[0\] {
          padding-left: 0;
          padding-right: 0
        }

        .md\:px-\[15px\] {
          padding-left: 15px;
          padding-right: 15px
        }

        .md\:py-\[20px\] {
          padding-bottom: 20px;
          padding-top: 20px
        }

        .md\:px-\[10px\] {
          padding-left: 10px;
          padding-right: 10px
        }

        .md\:py-\[30px\] {
          padding-bottom: 30px;
          padding-top: 30px
        }

        .md\:py-\[50px\] {
          padding-bottom: 50px;
          padding-top: 50px
        }

        .md\:px-\[60px\] {
          padding-left: 60px;
          padding-right: 60px
        }

        .md\:px-\[45px\] {
          padding-left: 45px;
          padding-right: 45px
        }

        .md\:py-5 {
          padding-bottom: 1.25rem;
          padding-top: 1.25rem
        }

        .md\:pb-2 {
          padding-bottom: .5rem
        }

        .md\:pb-6 {
          padding-bottom: 1.5rem
        }

        .md\:pb-25px {
          padding-bottom: 25px
        }

        .md\:pb-15px {
          padding-bottom: 15px
        }

        .md\:pt-\[120px\] {
          padding-top: 120px
        }

        .md\:pb-35px {
          padding-bottom: 35px
        }

        .md\:pt-35px {
          padding-top: 35px
        }

        .md\:pl-20px {
          padding-left: 20px
        }

        .md\:pr-20px {
          padding-right: 20px
        }

        .md\:pl-\[20px\] {
          padding-left: 20px
        }

        .md\:pb-\[10px\] {
          padding-bottom: 10px
        }

        .md\:pt-\[30px\] {
          padding-top: 30px
        }

        .md\:pb-\[66px\] {
          padding-bottom: 66px
        }

        .md\:pb-8 {
          padding-bottom: 2rem
        }

        .md\:pb-10 {
          padding-bottom: 2.5rem
        }

        .md\:text-left {
          text-align: left
        }

        .md\:text-xs {
          font-size: .75rem
        }

        .md\:text-25px {
          font-size: 25px
        }

        .md\:text-2xl {
          font-size: 1.5rem
        }

        .md\:text-4xl {
          font-size: 2.25rem
        }

        .md\:text-\[20px\] {
          font-size: 20px
        }

        .md\:text-\[16px\] {
          font-size: 16px
        }

        .md\:text-\[12px\] {
          font-size: 12px
        }

        .md\:text-\[24px\] {
          font-size: 24px
        }

        .md\:font-\[700\] {
          font-weight: 700
        }

        .md\:leading-\[24px\] {
          line-height: 24px
        }

        .md\:leading-\[32px\] {
          line-height: 32px
        }
      }

      @media(min-width: 1040px) {
        .a_lg\:block {
          display: block
        }
      }

      @media(min-width: 1140px) {
        .lg\:absolute {
          position: absolute
        }

        .lg\:relative {
          position: relative
        }

        .lg\:top-\[2px\] {
          top: 2px
        }

        .lg\:-right-\[18\%\] {
          right: -18%
        }

        .lg\:top-\[1px\] {
          top: 1px
        }

        .lg\:top-\[-2px\] {
          top: -2px
        }

        .lg\:order-7 {
          -ms-flex-order: 7;
          order: 7
        }

        .lg\:col-span-6 {
          grid-column: span 6/span 6
        }

        .lg\:col-span-10 {
          grid-column: span 10/span 10
        }

        .lg\:col-start-2 {
          grid-column-start: 2
        }

        .lg\:mx-0 {
          margin-left: 0;
          margin-right: 0
        }

        .lg\:mt-\[50px\] {
          margin-top: 50px
        }

        .lg\:mb-0 {
          margin-bottom: 0
        }

        .lg\:mr-5 {
          margin-right: 1.25rem
        }

        .lg\:mb-12 {
          margin-bottom: 3rem
        }

        .lg\:mr-4 {
          margin-right: 1rem
        }

        .lg\:mr-8 {
          margin-right: 2rem
        }

        .lg\:mb-\[70px\] {
          margin-bottom: 70px
        }

        .lg\:mb-\[50px\] {
          margin-bottom: 50px
        }

        .lg\:mb-\[40px\] {
          margin-bottom: 40px
        }

        .lg\:mb-\[20px\] {
          margin-bottom: 20px
        }

        .lg\:ml-auto {
          margin-left: auto
        }

        .lg\:mr-\[20px\] {
          margin-right: 20px
        }

        .lg\:mr-\[18px\] {
          margin-right: 18px
        }

        .lg\:mb-\[30px\] {
          margin-bottom: 30px
        }

        .lg\:mb-\[10px\] {
          margin-bottom: 10px
        }

        .lg\:block {
          display: block
        }

        .lg\:inline-block {
          display: inline-block
        }

        .lg\:flex {
          display: -ms-flexbox;
          display: flex
        }

        .lg\:grid {
          display: grid
        }

        .lg\:hidden {
          display: none
        }

        .lg\:h-\[121px\] {
          height: 121px
        }

        .lg\:h-\[103px\] {
          height: 103px
        }

        .lg\:h-\[438px\] {
          height: 438px
        }

        .lg\:h-\[auto\] {
          height: auto
        }

        .lg\:h-\[50px\] {
          height: 50px
        }

        .lg\:h-\[64px\] {
          height: 64px
        }

        .lg\:max-h-\[18px\] {
          max-height: 18px
        }

        .lg\:max-h-\[400px\] {
          max-height: 400px
        }

        .lg\:w-\[103px\] {
          width: 103px
        }

        .lg\:w-\[270px\] {
          width: 270px
        }

        .lg\:w-1\/2 {
          width: 50%
        }

        .lg\:w-\[64px\] {
          width: 64px
        }

        .lg\:w-\[463px\] {
          width: 463px
        }

        .lg\:w-\[403px\] {
          width: 403px
        }

        .lg\:w-3\/12 {
          width: 25%
        }

        .lg\:w-full {
          width: 100%
        }

        .lg\:w-\[160px\] {
          width: 160px
        }

        .lg\:min-w-\[463px\] {
          min-width: 463px
        }

        .lg\:min-w-\[367px\] {
          min-width: 367px
        }

        .lg\:max-w-\[201px\] {
          max-width: 201px
        }

        .lg\:max-w-\[561px\] {
          max-width: 561px
        }

        .lg\:grid-cols-12 {
          grid-template-columns: repeat(12, minmax(0, 1fr))
        }

        .lg\:grid-cols-2 {
          grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .lg\:grid-rows-1 {
          grid-template-rows: repeat(1, minmax(0, 1fr))
        }

        .lg\:flex-row {
          -ms-flex-direction: row;
          flex-direction: row
        }

        .lg\:items-center {
          -ms-flex-align: center;
          align-items: center
        }

        .lg\:justify-between {
          -ms-flex-pack: justify;
          justify-content: space-between
        }

        .lg\:gap-10 {
          gap: 2.5rem
        }

        .lg\:space-y-\[21px\]>:not([hidden])~:not([hidden]) {
          --tw-space-y-reverse: 0;
          margin-bottom: calc(21px*var(--tw-space-y-reverse));
          margin-top: calc(21px*(1 - var(--tw-space-y-reverse)))
        }

        .lg\:rounded-\[20px\] {
          border-radius: 20px
        }

        .lg\:border-\[0\.5px\] {
          border-width: .5px
        }

        .lg\:border-\[\#BDBDBD\]\/\[\.25\] {
          border-color: rgba(189, 189, 189, .25)
        }

        .lg\:bg-white {
          --tw-bg-opacity: 1;
          background-color: rgb(255 255 255/var(--tw-bg-opacity))
        }

        .lg\:py-\[70px\] {
          padding-bottom: 70px;
          padding-top: 70px
        }

        .lg\:px-30px {
          padding-left: 30px;
          padding-right: 30px
        }

        .lg\:py-25px {
          padding-bottom: 25px;
          padding-top: 25px
        }

        .lg\:px-20px {
          padding-left: 20px;
          padding-right: 20px
        }

        .lg\:py-\[20px\] {
          padding-bottom: 20px;
          padding-top: 20px
        }

        .lg\:px-0 {
          padding-left: 0;
          padding-right: 0
        }

        .lg\:px-\[100px\] {
          padding-left: 100px;
          padding-right: 100px
        }

        .lg\:py-6 {
          padding-bottom: 1.5rem;
          padding-top: 1.5rem
        }

        .lg\:px-\[60px\] {
          padding-left: 60px;
          padding-right: 60px
        }

        .lg\:px-\[37px\] {
          padding-left: 37px;
          padding-right: 37px
        }

        .lg\:py-\[24px\] {
          padding-bottom: 24px;
          padding-top: 24px
        }

        .lg\:px-\[57px\] {
          padding-left: 57px;
          padding-right: 57px
        }

        .lg\:py-\[50px\] {
          padding-bottom: 50px;
          padding-top: 50px
        }

        .lg\:pt-\[30px\] {
          padding-top: 30px
        }

        .lg\:pb-8 {
          padding-bottom: 2rem
        }

        .lg\:pb-3 {
          padding-bottom: .75rem
        }

        .lg\:pt-5 {
          padding-top: 1.25rem
        }

        .lg\:pt-\[10px\] {
          padding-top: 10px
        }

        .lg\:pl-\[30px\] {
          padding-left: 30px
        }

        .lg\:pt-\[70px\] {
          padding-top: 70px
        }

        .lg\:pr-8 {
          padding-right: 2rem
        }

        .lg\:text-left {
          text-align: left
        }

        .lg\:text-\[48px\] {
          font-size: 48px
        }

        .lg\:text-\[16px\] {
          font-size: 16px
        }

        .lg\:text-sm {
          font-size: .875rem
        }

        .lg\:text-\[24px\] {
          font-size: 24px
        }

        .lg\:text-xl {
          font-size: 1.25rem
        }

        .lg\:text-\[40px\] {
          font-size: 40px
        }

        .lg\:text-\[20px\] {
          font-size: 20px
        }

        .lg\:text-\[14px\] {
          font-size: 14px
        }

        .lg\:text-lg {
          font-size: 1.125rem
        }

        .lg\:text-\[32px\] {
          font-size: 32px
        }

        .lg\:leading-\[24px\] {
          line-height: 24px
        }

        .lg\:leading-\[48px\] {
          line-height: 48px
        }

        .lg\:leading-\[32px\] {
          line-height: 32px
        }

        .lg\:leading-\[40px\] {
          line-height: 40px
        }
      }

      .seasonal-footer {
        z-index: 999;
        position: fixed;
        display: none;
        bottom: 0;
        width: 100%;
        background: var(--sticky-footer-background)
      }

      .seasonal-footer.visible {
        display: block
      }

      .seasonal-footer__container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
        max-width: 1132px;
        padding: 16px 24px
      }

      @media(max-width: 460px) {
        .seasonal-footer__container {
          padding: 24px 17px
        }
      }

      @media(max-width: 340px) {
        .seasonal-footer__container {
          padding: 24px 8px
        }
      }

      .seasonal-footer__heading {
        color: #fff;
        font-family: Roboto;
        font-size: 40px;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        text-transform: capitalize
      }

      @media(max-width: 980px) {
        .seasonal-footer__heading {
          font-size: 20px
        }
      }

      @media(max-width: 460px) {
        .seasonal-footer__heading {
          font-size: 17px
        }
      }

      .seasonal-footer__span {
        color: #fff;
        font-family: Roboto;
        font-size: 40px;
        font-style: italic;
        line-height: normal;
        font-weight: 400;
        text-transform: capitalize
      }

      @media(max-width: 980px) {
        .seasonal-footer__span {
          font-size: 20px
        }
      }

      @media(max-width: 460px) {
        .seasonal-footer__span {
          font-size: 17px
        }
      }

      .seasonal-footer__counter {
        display: flex;
        align-items: center;
        gap: 8px
      }

      .seasonal-footer__counter--text {
        color: #fff;
        font-family: Roboto;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        text-transform: uppercase;
        font-size: 18px
      }

      @media(max-width: 980px) {
        .seasonal-footer__counter--text {
          font-size: 12px
        }
      }

      .seasonal-footer__counter--timer {
        background-color: #fff;
        border-radius: 10px;
        padding: 4px 8px;
        color: #000;
        font-weight: 700
      }

      @media(max-width: 980px) {
        .seasonal-footer__counter--timer {
          font-size: 10px
        }
      }

      .seasonal-footer__button {
        display: flex;
        align-items: center
      }

      .seasonal-footer__cta {
        padding: 12px 44px
      }

      @media(max-width: 980px) {
        .seasonal-footer__cta {
          font-size: 16px
        }
      }

      @media(max-width: 480px) {
        .seasonal-footer__cta {
          font-size: 14px;
          padding: 12px 24px
        }
      }

      @media(max-width: 390px) {
        .seasonal-footer__cta {
          padding: 12px
        }
      }

      @media(max-width: 350px) {
        .seasonal-footer__cta {
          padding: 12px 8px
        }
      }

      .seasonal-cta {
        font-family: "Poppins", sans-serif;
        border-radius: 10px;
        transition: background-color 300ms ease-in;
        text-align: center;
        cursor: pointer
      }

      .seasonal-cta[theme=light_orange] {
        background: #fba602;
        color: #000;
        font-family: Roboto;
        border-bottom: 2px solid #b85a12
      }

      @media(pointer: fine) {
        .seasonal-cta[theme=light_orange]:hover {
          background: #fdbb3a
        }
      }

      .seasonal-cta[theme=pink] {
        background: #fe23a1;
        color: #fff;
        font-family: Roboto;
        border-bottom: 2px solid #b51973
      }

      @media(pointer: fine) {
        .seasonal-cta[theme=pink]:hover {
          background: #fe3ead
        }
      }

      .seasonal-cta[theme=dark] {
        background-color: #000;
        color: #fff
      }

      @media(pointer: fine) {
        .seasonal-cta[theme=dark]:hover {
          background-color: #333
        }
      }

      .seasonal-cta[theme=blue] {
        background-color: #0d40ff;
        color: #fff
      }

      @media(pointer: fine) {
        .seasonal-cta[theme=blue]:hover {
          background-color: #002fdd
        }
      }

      .seasonal-cta[theme=red] {
        background-color: #e80000;
        color: #fff
      }

      @media(pointer: fine) {
        .seasonal-cta[theme=red]:hover {
          background-color: #c80000
        }
      }

      .seasonal-cta[theme=orange] {
        background-color: #f60;
        color: #fff
      }

      @media(pointer: fine) {
        .seasonal-cta[theme=orange]:hover {
          background-color: #e15a00
        }
      }

      .seasonal-cta[theme=green] {
        background-color: #0ed13d;
        color: #fff
      }

      @media(pointer: fine) {
        .seasonal-cta[theme=green]:hover {
          background-color: #08ae30
        }
      }

      /*# sourceMappingURL=app.min.css.map */