strong {
      font-weight: 600;
}
    p {
      font-size: 16px;
      line-height: 145%;
      font-weight: 400;
}
    @media (min-width: 768px) {
      p {
            font-size: 20px;
            line-height: 140%;
      }
}
    p {
      margin-bottom: 2rem;
}
    ul {
      margin-bottom: 2rem;
}
    li {
      font-size: 16px;
      line-height: 145%;
      font-weight: 400;
}
    @media (min-width: 768px) {
      li {
            font-size: 20px;
            line-height: 140%;
      }
}
    #product h1 {
      font-size: 54.273px;
      line-height: 81.5%;
      font-weight: 600;
      letter-spacing: -0.025em;
}
    @media (min-width: 768px) {
      #product h1 {
            font-size: 97px;
            line-height: 84%;
      }
}
    #product h2 {
      font-size: 40px;
      line-height: 90%;
      font-weight: 600;
      letter-spacing: -0.025em;
}
    @media (min-width: 768px) {
      #product h2 {
            font-size: 76px;
            line-height: 90%;
      }
}
    #cms h2 {
      font-size: 18px;
      line-height: 120%;
      font-weight: 600;
}
    @media (min-width: 768px) {
      #cms h2 {
            font-size: 33px;
            line-height: 90%;
      }
}
    #product h3 {
      font-size: 48px;
      line-height: 91%;
      font-weight: 600;
      letter-spacing: -0.025em;
}
    @media (min-width: 768px) {
      #product h3 {
            font-size: 70px;
            line-height: 90%;
      }
}
    #cms h3 {
      font-size: 18px;
      line-height: 120%;
      font-weight: 600;
}
    @media (min-width: 768px) {
      #cms h3 {
            font-size: 28px;
            line-height: 160%;
      }
}
    #product h4 {
      font-size: 20px;
      line-height: 140%;
      font-weight: 600;
      letter-spacing: -0.025em;
}
    @media (min-width: 768px) {
      #product h4 {
            font-size: 33px;
            line-height: 90%;
      }
}
    .ex-background-texture {
      background-image: url('https://expressivee.imgix.net/products/noisy/noisy-texture.png');
}
*, ::before, ::after {
      --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: rgb(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: rgb(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:  ;
}
.ex-container {
      width: 100%;
}
@media (min-width: 640px) {
      .ex-container {
            max-width: 640px;
      }
}
@media (min-width: 768px) {
      .ex-container {
            max-width: 768px;
      }
}
@media (min-width: 1024px) {
      .ex-container {
            max-width: 1024px;
      }
}
@media (min-width: 1280px) {
      .ex-container {
            max-width: 1280px;
      }
}
@media (min-width: 1536px) {
      .ex-container {
            max-width: 1536px;
      }
}
.ex-absolute {
      position: absolute !important;
}
.ex-relative {
      position: relative !important;
}
.-ex-bottom-12 {
      bottom: -3rem !important;
}
.-ex-bottom-\[13px\] {
      bottom: -13px !important;
}
.-ex-left-20 {
      left: -5rem !important;
}
.-ex-right-20 {
      right: -5rem !important;
}
.-ex-right-\[20px\] {
      right: -20px !important;
}
.-ex-top-\[25px\] {
      top: -25px !important;
}
.-ex-top-\[307px\] {
      top: -307px !important;
}
.ex-bottom-0 {
      bottom: 0px !important;
}
.ex-bottom-12 {
      bottom: 3rem !important;
}
.ex-bottom-14 {
      bottom: 3.5rem !important;
}
.ex-bottom-\[23\%\] {
      bottom: 23% !important;
}
.ex-bottom-\[28\%\] {
      bottom: 28% !important;
}
.ex-bottom-\[50px\] {
      bottom: 50px !important;
}
.ex-bottom-\[7\%\] {
      bottom: 7% !important;
}
.ex-bottom-auto {
      bottom: auto !important;
}
.ex-left-0 {
      left: 0px !important;
}
.ex-left-1\/2 {
      left: 50% !important;
}
.ex-left-2\/4 {
      left: 50% !important;
}
.ex-left-3 {
      left: 0.75rem !important;
}
.ex-left-3\.5 {
      left: 0.875rem !important;
}
.ex-left-\[12\%\] {
      left: 12% !important;
}
.ex-left-\[49\.2\%\] {
      left: 49.2% !important;
}
.ex-left-\[5\%\] {
      left: 5% !important;
}
.ex-left-\[6\.2\%\] {
      left: 6.2% !important;
}
.ex-left-\[7\%\] {
      left: 7% !important;
}
.ex-right-0 {
      right: 0px !important;
}
.ex-right-1\/2 {
      right: 50% !important;
}
.ex-right-5 {
      right: 1.25rem !important;
}
.ex-right-\[10\%\] {
      right: 10% !important;
}
.ex-right-\[17\%\] {
      right: 17% !important;
}
.ex-right-\[20\%\] {
      right: 20% !important;
}
.ex-right-\[3\%\] {
      right: 3% !important;
}
.ex-right-\[30\%\] {
      right: 30% !important;
}
.ex-top-0 {
      top: 0px !important;
}
.ex-top-1\/2 {
      top: 50% !important;
}
.ex-top-24 {
      top: 6rem !important;
}
.ex-top-5 {
      top: 1.25rem !important;
}
.ex-top-\[18\%\] {
      top: 18% !important;
}
.ex-top-\[20\%\] {
      top: 20% !important;
}
.ex-top-\[25\%\] {
      top: 25% !important;
}
.ex-top-\[30\%\] {
      top: 30% !important;
}
.ex-top-\[5\%\] {
      top: 5% !important;
}
.ex-top-\[5\.5\%\] {
      top: 5.5% !important;
}
.ex-top-\[53px\] {
      top: 53px !important;
}
.ex-top-\[9px\] {
      top: 9px !important;
}
.ex-top-auto {
      top: auto !important;
}
.-ex-z-10 {
      z-index: -10 !important;
}
.ex-z-10 {
      z-index: 10 !important;
}
.ex-z-20 {
      z-index: 20 !important;
}
.-ex-mx-4 {
      margin-left: -1rem !important;
      margin-right: -1rem !important;
}
.ex-mx-0 {
      margin-left: 0px !important;
      margin-right: 0px !important;
}
.ex-mx-5 {
      margin-left: 1.25rem !important;
      margin-right: 1.25rem !important;
}
.ex-mx-\[16px\] {
      margin-left: 16px !important;
      margin-right: 16px !important;
}
.ex-mx-auto {
      margin-left: auto !important;
      margin-right: auto !important;
}
.ex-my-5 {
      margin-top: 1.25rem !important;
      margin-bottom: 1.25rem !important;
}
.ex-my-6 {
      margin-top: 1.5rem !important;
      margin-bottom: 1.5rem !important;
}
.-ex-mb-\[25\%\] {
      margin-bottom: -25% !important;
}
.-ex-mb-\[28px\] {
      margin-bottom: -28px !important;
}
.-ex-ml-5 {
      margin-left: -1.25rem !important;
}
.-ex-ml-\[13\.5px\] {
      margin-left: -13.5px !important;
}
.-ex-mr-5 {
      margin-right: -1.25rem !important;
}
.-ex-mt-\[10\%\] {
      margin-top: -10% !important;
}
.ex-mb-0 {
      margin-bottom: 0px !important;
}
.ex-mb-1 {
      margin-bottom: 0.25rem !important;
}
.ex-mb-10 {
      margin-bottom: 2.5rem !important;
}
.ex-mb-11 {
      margin-bottom: 2.75rem !important;
}
.ex-mb-12 {
      margin-bottom: 3rem !important;
}
.ex-mb-14 {
      margin-bottom: 3.5rem !important;
}
.ex-mb-16 {
      margin-bottom: 4rem !important;
}
.ex-mb-20 {
      margin-bottom: 5rem !important;
}
.ex-mb-24 {
      margin-bottom: 6rem !important;
}
.ex-mb-28 {
      margin-bottom: 7rem !important;
}
.ex-mb-3 {
      margin-bottom: 0.75rem !important;
}
.ex-mb-32 {
      margin-bottom: 8rem !important;
}
.ex-mb-4 {
      margin-bottom: 1rem !important;
}
.ex-mb-5 {
      margin-bottom: 1.25rem !important;
}
.ex-mb-6 {
      margin-bottom: 1.5rem !important;
}
.ex-mb-8 {
      margin-bottom: 2rem !important;
}
.ex-mb-9 {
      margin-bottom: 2.25rem !important;
}
.ex-mb-\[113px\] {
      margin-bottom: 113px !important;
}
.ex-mb-\[140px\] {
      margin-bottom: 140px !important;
}
.ex-mb-\[18px\] {
      margin-bottom: 18px !important;
}
.ex-mb-\[35px\] {
      margin-bottom: 35px !important;
}
.ex-mb-\[67px\] {
      margin-bottom: 67px !important;
}
.ex-mb-\[69px\] {
      margin-bottom: 69px !important;
}
.ex-mb-\[70px\] {
      margin-bottom: 70px !important;
}
.ex-mb-\[98px\] {
      margin-bottom: 98px !important;
}
.ex-mr-0 {
      margin-right: 0px !important;
}
.ex-mr-2 {
      margin-right: 0.5rem !important;
}
.ex-mr-3 {
      margin-right: 0.75rem !important;
}
.ex-mr-6 {
      margin-right: 1.5rem !important;
}
.ex-mt-12 {
      margin-top: 3rem !important;
}
.ex-mt-16 {
      margin-top: 4rem !important;
}
.ex-mt-20 {
      margin-top: 5rem !important;
}
.ex-mt-24 {
      margin-top: 6rem !important;
}
.ex-mt-6 {
      margin-top: 1.5rem !important;
}
.ex-mt-8 {
      margin-top: 2rem !important;
}
.ex-mt-\[120px\] {
      margin-top: 120px !important;
}
.ex-mt-\[26px\] {
      margin-top: 26px !important;
}
.ex-mt-\[40\%\] {
      margin-top: 40% !important;
}
.ex-box-content {
      box-sizing: content-box !important;
}
.ex-block {
      display: block !important;
}
.ex-inline-block {
      display: inline-block !important;
}
.ex-flex {
      display: flex !important;
}
.ex-grid {
      display: grid !important;
}
.ex-hidden {
      display: none !important;
}
.ex-aspect-\[1031\/937\] {
      aspect-ratio: 1031/937 !important;
}
.ex-aspect-\[109\/118\] {
      aspect-ratio: 109/118 !important;
}
.ex-aspect-\[115\/120\] {
      aspect-ratio: 115/120 !important;
}
.ex-aspect-\[1320\/574\] {
      aspect-ratio: 1320/574 !important;
}
.ex-aspect-\[16\/9\] {
      aspect-ratio: 16/9 !important;
}
.ex-aspect-\[1700\/667\] {
      aspect-ratio: 1700/667 !important;
}
.ex-aspect-\[209\/111\] {
      aspect-ratio: 209/111 !important;
}
.ex-aspect-\[239\/99\] {
      aspect-ratio: 239/99 !important;
}
.ex-aspect-\[346\/247\] {
      aspect-ratio: 346/247 !important;
}
.ex-aspect-\[346\/267\] {
      aspect-ratio: 346/267 !important;
}
.ex-aspect-\[346\/279\] {
      aspect-ratio: 346/279 !important;
}
.ex-aspect-\[346\/336\] {
      aspect-ratio: 346/336 !important;
}
.ex-aspect-\[372\/346\] {
      aspect-ratio: 372/346 !important;
}
.ex-aspect-\[374\/354\] {
      aspect-ratio: 374/354 !important;
}
.ex-aspect-\[375\/340\] {
      aspect-ratio: 375/340 !important;
}
.ex-aspect-\[375\/365\] {
      aspect-ratio: 375/365 !important;
}
.ex-aspect-\[400\/393\] {
      aspect-ratio: 400/393 !important;
}
.ex-aspect-\[500\/313\] {
      aspect-ratio: 500/313 !important;
}
.ex-aspect-\[500\/334\] {
      aspect-ratio: 500/334 !important;
}
.ex-aspect-\[501\/313\] {
      aspect-ratio: 501/313 !important;
}
.ex-aspect-\[603\/313\] {
      aspect-ratio: 603/313 !important;
}
.ex-aspect-\[62\/199\] {
      aspect-ratio: 62/199 !important;
}
.ex-aspect-\[628\/434\] {
      aspect-ratio: 628/434 !important;
}
.ex-aspect-\[758\/514\] {
      aspect-ratio: 758/514 !important;
}
.ex-aspect-\[833\/379\] {
      aspect-ratio: 833/379 !important;
}
.ex-aspect-\[899\/405\] {
      aspect-ratio: 899/405 !important;
}
.ex-aspect-square {
      aspect-ratio: 1 / 1 !important;
}
.ex-h-60 {
      height: 15rem !important;
}
.ex-h-8 {
      height: 2rem !important;
}
.ex-h-\[12px\] {
      height: 12px !important;
}
.ex-h-\[16px\] {
      height: 16px !important;
}
.ex-h-\[20px\] {
      height: 20px !important;
}
.ex-h-\[221px\] {
      height: 221px !important;
}
.ex-h-\[22px\] {
      height: 22px !important;
}
.ex-h-\[313px\] {
      height: 313px !important;
}
.ex-h-\[32px\] {
      height: 32px !important;
}
.ex-h-\[336px\] {
      height: 336px !important;
}
.ex-h-\[33px\] {
      height: 33px !important;
}
.ex-h-\[5px\] {
      height: 5px !important;
}
.ex-h-\[9px\] {
      height: 9px !important;
}
.ex-h-auto {
      height: auto !important;
}
.ex-h-full {
      height: 100% !important;
}
.ex-h-px {
      height: 1px !important;
}
.ex-h-screen {
      height: 100vh !important;
}
.ex-max-h-\[175px\] {
      max-height: 175px !important;
}
.ex-max-h-\[220px\] {
      max-height: 220px !important;
}
.ex-max-h-\[450px\] {
      max-height: 450px !important;
}
.ex-max-h-\[743px\] {
      max-height: 743px !important;
}
.ex-max-h-\[770px\] {
      max-height: 770px !important;
}
.ex-max-h-full {
      max-height: 100% !important;
}
.ex-max-h-none {
      max-height: none !important;
}
.ex-w-0 {
      width: 0px !important;
}
.ex-w-1\/2 {
      width: 50% !important;
}
.ex-w-10\/12 {
      width: 83.333333% !important;
}
.ex-w-16 {
      width: 4rem !important;
}
.ex-w-2\/12 {
      width: 16.666667% !important;
}
.ex-w-40 {
      width: 10rem !important;
}
.ex-w-6\/12 {
      width: 50% !important;
}
.ex-w-7\/12 {
      width: 58.333333% !important;
}
.ex-w-\[100\%\] {
      width: 100% !important;
}
.ex-w-\[13\%\] {
      width: 13% !important;
}
.ex-w-\[18\%\] {
      width: 18% !important;
}
.ex-w-\[20px\] {
      width: 20px !important;
}
.ex-w-\[225px\] {
      width: 225px !important;
}
.ex-w-\[22px\] {
      width: 22px !important;
}
.ex-w-\[230\%\] {
      width: 230% !important;
}
.ex-w-\[27px\] {
      width: 27px !important;
}
.ex-w-\[31\%\] {
      width: 31% !important;
}
.ex-w-\[32px\] {
      width: 32px !important;
}
.ex-w-\[33\%\] {
      width: 33% !important;
}
.ex-w-\[39\%\] {
      width: 39% !important;
}
.ex-w-\[400\.038px\] {
      width: 400.038px !important;
}
.ex-w-\[43\%\] {
      width: 43% !important;
}
.ex-w-\[44px\] {
      width: 44px !important;
}
.ex-w-\[46px\] {
      width: 46px !important;
}
.ex-w-\[50vw\] {
      width: 50vw !important;
}
.ex-w-\[5px\] {
      width: 5px !important;
}
.ex-w-\[60\%\] {
      width: 60% !important;
}
.ex-w-\[628px\] {
      width: 628px !important;
}
.ex-w-\[63\%\] {
      width: 63% !important;
}
.ex-w-\[69\%\] {
      width: 69% !important;
}
.ex-w-\[758px\] {
      width: 758px !important;
}
.ex-w-\[81\.35\%\] {
      width: 81.35% !important;
}
.ex-w-\[87\.34\%\] {
      width: 87.34% !important;
}
.ex-w-\[90vw\] {
      width: 90vw !important;
}
.ex-w-\[9px\] {
      width: 9px !important;
}
.ex-w-fit {
      width: -moz-fit-content !important;
      width: fit-content !important;
}
.ex-w-full {
      width: 100% !important;
}
.ex-w-screen {
      width: 100vw !important;
}
.ex-max-w-\[565px\] {
      max-width: 565px !important;
}
.ex-max-w-\[80\%\] {
      max-width: 80% !important;
}
.ex-max-w-\[897px\] {
      max-width: 897px !important;
}
.ex-max-w-\[90\%\] {
      max-width: 90% !important;
}
.ex-max-w-\[900px\] {
      max-width: 900px !important;
}
.ex-max-w-full {
      max-width: 100% !important;
}
.ex-shrink-0 {
      flex-shrink: 0 !important;
}
.ex-grow {
      flex-grow: 1 !important;
}
.ex-grow-0 {
      flex-grow: 0 !important;
}
.ex-basis-0 {
      flex-basis: 0px !important;
}
.ex-basis-1\/2 {
      flex-basis: 50% !important;
}
.ex-basis-full {
      flex-basis: 100% !important;
}
.-ex-translate-x-1\/2 {
      --tw-translate-x: -50% !important;
      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)) !important;
}
.-ex-translate-y-1\/2 {
      --tw-translate-y: -50% !important;
      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)) !important;
}
.-ex-translate-y-\[39\%\] {
      --tw-translate-y: -39% !important;
      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)) !important;
}
.-ex-translate-y-full {
      --tw-translate-y: -100% !important;
      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)) !important;
}
.ex-translate-x-1\/2 {
      --tw-translate-x: 50% !important;
      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)) !important;
}
@keyframes ex-waves {
      0%, 100% {
            filter: hue-rotate(1deg);
      }
      50% {
            filter: hue-rotate(360deg);
      }
}
.ex-animate-\[waves_8s_infinite\] {
      animation: ex-waves 8s infinite !important;
}
@keyframes ex-bounce {
      0%, 100% {
            transform: translateY(-25%);
            animation-timing-function: cubic-bezier(0.8,0,1,1);
      }
      50% {
            transform: none;
            animation-timing-function: cubic-bezier(0,0,0.2,1);
      }
}
.ex-animate-bounce {
      animation: ex-bounce 1s infinite !important;
}
.ex-cursor-pointer {
      cursor: pointer !important;
}
.ex-grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.ex-flex-row-reverse {
      flex-direction: row-reverse !important;
}
.ex-flex-col {
      flex-direction: column !important;
}
.ex-flex-col-reverse {
      flex-direction: column-reverse !important;
}
.ex-flex-wrap {
      flex-wrap: wrap !important;
}
.ex-flex-nowrap {
      flex-wrap: nowrap !important;
}
.ex-content-center {
      align-content: center !important;
}
.ex-items-start {
      align-items: flex-start !important;
}
.ex-items-center {
      align-items: center !important;
}
.ex-justify-start {
      justify-content: flex-start !important;
}
.ex-justify-end {
      justify-content: flex-end !important;
}
.ex-justify-center {
      justify-content: center !important;
}
.ex-justify-between {
      justify-content: space-between !important;
}
.ex-justify-around {
      justify-content: space-around !important;
}
.ex-gap-10 {
      gap: 2.5rem !important;
}
.ex-gap-11 {
      gap: 2.75rem !important;
}
.ex-gap-12 {
      gap: 3rem !important;
}
.ex-gap-2 {
      gap: 0.5rem !important;
}
.ex-gap-4 {
      gap: 1rem !important;
}
.ex-gap-6 {
      gap: 1.5rem !important;
}
.ex-gap-8 {
      gap: 2rem !important;
}
.ex-gap-9 {
      gap: 2.25rem !important;
}
.ex-gap-\[10px\] {
      gap: 10px !important;
}
.ex-gap-\[34px\] {
      gap: 34px !important;
}
.ex-gap-\[7px\] {
      gap: 7px !important;
}
.ex-gap-x-4 {
      -moz-column-gap: 1rem !important;
           column-gap: 1rem !important;
}
.ex-overflow-hidden {
      overflow: hidden !important;
}
.ex-overflow-visible {
      overflow: visible !important;
}
.ex-rounded {
      border-radius: 0.25rem !important;
}
.ex-rounded-\[10px\] {
      border-radius: 10px !important;
}
.ex-rounded-\[12px\] {
      border-radius: 12px !important;
}
.ex-rounded-\[15px\] {
      border-radius: 15px !important;
}
.ex-rounded-\[20px\] {
      border-radius: 20px !important;
}
.ex-rounded-\[25\.5px\] {
      border-radius: 25.5px !important;
}
.ex-rounded-\[3px\] {
      border-radius: 3px !important;
}
.ex-rounded-\[4px\] {
      border-radius: 4px !important;
}
.ex-rounded-\[6px\] {
      border-radius: 6px !important;
}
.ex-rounded-\[9px\] {
      border-radius: 9px !important;
}
.ex-rounded-full {
      border-radius: 9999px !important;
}
.ex-rounded-lg {
      border-radius: 0.5rem !important;
}
.ex-rounded-t-\[6px\] {
      border-top-left-radius: 6px !important;
      border-top-right-radius: 6px !important;
}
.ex-border-0 {
      border-width: 0px !important;
}
.ex-border-2 {
      border-width: 2px !important;
}
.ex-border-x-0 {
      border-left-width: 0px !important;
      border-right-width: 0px !important;
}
.ex-border-b {
      border-bottom-width: 1px !important;
}
.ex-border-t-0 {
      border-top-width: 0px !important;
}
.ex-border-solid {
      border-style: solid !important;
}
.ex-border-none {
      border-style: none !important;
}
.ex-border-\[\#141414\] {
      --tw-border-opacity: 1 !important;
      border-color: rgb(20 20 20 / var(--tw-border-opacity)) !important;
}
.ex-border-black {
      --tw-border-opacity: 1 !important;
      border-color: rgb(42 42 42 / var(--tw-border-opacity)) !important;
}
.ex-border-white {
      --tw-border-opacity: 1 !important;
      border-color: rgb(252 253 251 / var(--tw-border-opacity)) !important;
}
.ex-bg-\[\#2F2E2D\]\/\[0\.08\] {
      background-color: rgb(47 46 45 / 0.08) !important;
}
.ex-bg-\[\#5AC6A3\] {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(90 198 163 / var(--tw-bg-opacity)) !important;
}
.ex-bg-\[\#8ED898\] {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(142 216 152 / var(--tw-bg-opacity)) !important;
}
.ex-bg-\[\#959595\] {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(149 149 149 / var(--tw-bg-opacity)) !important;
}
.ex-bg-\[\#BCB2EF\] {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(188 178 239 / var(--tw-bg-opacity)) !important;
}
.ex-bg-\[\#DFD275\] {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(223 210 117 / var(--tw-bg-opacity)) !important;
}
.ex-bg-\[\#E2D165\] {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(226 209 101 / var(--tw-bg-opacity)) !important;
}
.ex-bg-\[\#F6F7F6\]\/\[0\.08\] {
      background-color: rgb(246 247 246 / 0.08) !important;
}
.ex-bg-black {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(42 42 42 / var(--tw-bg-opacity)) !important;
}
.ex-bg-black-300 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(217 217 217 / var(--tw-bg-opacity)) !important;
}
.ex-bg-dark\/10 {
      background-color: rgb(42 42 42 / 0.1) !important;
}
.ex-bg-gray-400 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(216 216 216 / var(--tw-bg-opacity)) !important;
}
.ex-bg-gray-700 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(73 73 73 / var(--tw-bg-opacity)) !important;
}
.ex-bg-gray-800 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(56 56 56 / var(--tw-bg-opacity)) !important;
}
.ex-bg-green-block {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(106 222 186 / var(--tw-bg-opacity)) !important;
}
.ex-bg-pink-600 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(226 171 213 / var(--tw-bg-opacity)) !important;
}
.ex-bg-pink-block {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(212 160 203 / var(--tw-bg-opacity)) !important;
}
.ex-bg-pink-block-light {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(222 173 213 / var(--tw-bg-opacity)) !important;
}
.ex-bg-purple-300 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(193 170 233 / var(--tw-bg-opacity)) !important;
}
.ex-bg-purple-block {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(159 138 240 / var(--tw-bg-opacity)) !important;
}
.ex-bg-white {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(252 253 251 / var(--tw-bg-opacity)) !important;
}
.ex-bg-yellow-300 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(238 225 134 / var(--tw-bg-opacity)) !important;
}
.ex-bg-\[url\(\'\/img\/products\/noisy2\/block-purple-2\.png\'\)\] {
      background-image: url('/img/products/noisy2/block-purple-2.png') !important;
}
.ex-bg-\[url\(\'\/img\/products\/noisy2\/osmose-shadow\.png\'\)\] {
      background-image: url('/img/products/noisy2/osmose-shadow.png') !important;
}
.ex-bg-\[url\(\'\/img\/products\/noisy2\/push-shadow\.png\'\)\] {
      background-image: url('/img/products/noisy2/push-shadow.png') !important;
}
.ex-bg-\[url\(\'\/img\/products\/noisy2\/touche\.png\'\)\] {
      background-image: url('/img/products/noisy2/touche.png') !important;
}
.ex-bg-\[url\(\'\/img\/svgs\/arrow_down_white\.svg\'\)\] {
      background-image: url('/img/svgs/arrow_down_white.svg') !important;
}
.ex-bg-\[url\(\'https\:\/\/expressivee\.imgix\.net\/products\/phaseplant\/presets-small-mobile\.png\?auto\=format\&w\=450\'\)\] {
      background-image: url('https://expressivee.imgix.net/products/phaseplant/presets-small-mobile.png?auto=format&w=450') !important;
}
.ex-bg-\[url\(\'https\:\/\/expressivee\.imgix\.net\/svgs\/arrow_down_white\.svg\'\)\] {
      background-image: url('https://expressivee.imgix.net/svgs/arrow_down_white.svg') !important;
}
.ex-bg-\[url\(\'https\:\/\/expressivee\.imgix\.net\/svgs\/play\.svg\'\)\] {
      background-image: url('https://expressivee.imgix.net/svgs/play.svg') !important;
}
.ex-bg-none {
      background-image: none !important;
}
.ex-bg-\[length\:140vh\] {
      background-size: 140vh !important;
}
.ex-bg-\[length\:20\.6px_27\.5px\] {
      background-size: 20.6px 27.5px !important;
}
.ex-bg-contain {
      background-size: contain !important;
}
.ex-bg-cover {
      background-size: cover !important;
}
.ex-bg-\[center_bottom_50vh\] {
      background-position: center bottom 50vh !important;
}
.ex-bg-center {
      background-position: center !important;
}
.ex-bg-left {
      background-position: left !important;
}
.ex-bg-right {
      background-position: right !important;
}
.ex-bg-no-repeat {
      background-repeat: no-repeat !important;
}
.ex-object-contain {
      -o-object-fit: contain !important;
         object-fit: contain !important;
}
.ex-object-cover {
      -o-object-fit: cover !important;
         object-fit: cover !important;
}
.ex-object-center {
      -o-object-position: center !important;
         object-position: center !important;
}
.ex-p-2 {
      padding: 0.5rem !important;
}
.ex-p-5 {
      padding: 1.25rem !important;
}
.ex-p-9 {
      padding: 2.25rem !important;
}
.ex-px-0 {
      padding-left: 0px !important;
      padding-right: 0px !important;
}
.ex-px-10 {
      padding-left: 2.5rem !important;
      padding-right: 2.5rem !important;
}
.ex-px-12 {
      padding-left: 3rem !important;
      padding-right: 3rem !important;
}
.ex-px-2 {
      padding-left: 0.5rem !important;
      padding-right: 0.5rem !important;
}
.ex-px-20 {
      padding-left: 5rem !important;
      padding-right: 5rem !important;
}
.ex-px-4 {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
}
.ex-px-6 {
      padding-left: 1.5rem !important;
      padding-right: 1.5rem !important;
}
.ex-px-8 {
      padding-left: 2rem !important;
      padding-right: 2rem !important;
}
.ex-px-\[16px\] {
      padding-left: 16px !important;
      padding-right: 16px !important;
}
.ex-px-\[35px\] {
      padding-left: 35px !important;
      padding-right: 35px !important;
}
.ex-px-\[37px\] {
      padding-left: 37px !important;
      padding-right: 37px !important;
}
.ex-px-\[40px\] {
      padding-left: 40px !important;
      padding-right: 40px !important;
}
.ex-px-\[48px\] {
      padding-left: 48px !important;
      padding-right: 48px !important;
}
.ex-py-12 {
      padding-top: 3rem !important;
      padding-bottom: 3rem !important;
}
.ex-py-16 {
      padding-top: 4rem !important;
      padding-bottom: 4rem !important;
}
.ex-py-20 {
      padding-top: 5rem !important;
      padding-bottom: 5rem !important;
}
.ex-py-4 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important;
}
.ex-py-7 {
      padding-top: 1.75rem !important;
      padding-bottom: 1.75rem !important;
}
.ex-py-\[19px\] {
      padding-top: 19px !important;
      padding-bottom: 19px !important;
}
.ex-py-\[45px\] {
      padding-top: 45px !important;
      padding-bottom: 45px !important;
}
.ex-py-\[70px\] {
      padding-top: 70px !important;
      padding-bottom: 70px !important;
}
.ex-py-\[96px\] {
      padding-top: 96px !important;
      padding-bottom: 96px !important;
}
.ex-pb-1 {
      padding-bottom: 0.25rem !important;
}
.ex-pb-2 {
      padding-bottom: 0.5rem !important;
}
.ex-pb-32 {
      padding-bottom: 8rem !important;
}
.ex-pb-6 {
      padding-bottom: 1.5rem !important;
}
.ex-pb-7 {
      padding-bottom: 1.75rem !important;
}
.ex-pb-9 {
      padding-bottom: 2.25rem !important;
}
.ex-pb-\[140px\] {
      padding-bottom: 140px !important;
}
.ex-pb-\[150px\] {
      padding-bottom: 150px !important;
}
.ex-pb-\[21px\] {
      padding-bottom: 21px !important;
}
.ex-pb-\[24px\] {
      padding-bottom: 24px !important;
}
.ex-pb-\[36px\] {
      padding-bottom: 36px !important;
}
.ex-pb-\[37px\] {
      padding-bottom: 37px !important;
}
.ex-pb-\[43px\] {
      padding-bottom: 43px !important;
}
.ex-pb-\[60px\] {
      padding-bottom: 60px !important;
}
.ex-pb-\[69px\] {
      padding-bottom: 69px !important;
}
.ex-pb-\[70px\] {
      padding-bottom: 70px !important;
}
.ex-pb-\[75px\] {
      padding-bottom: 75px !important;
}
.ex-pl-0 {
      padding-left: 0px !important;
}
.ex-pl-10 {
      padding-left: 2.5rem !important;
}
.ex-pl-11 {
      padding-left: 2.75rem !important;
}
.ex-pl-12 {
      padding-left: 3rem !important;
}
.ex-pl-\[33px\] {
      padding-left: 33px !important;
}
.ex-pl-\[40\%\] {
      padding-left: 40% !important;
}
.ex-pr-0 {
      padding-right: 0px !important;
}
.ex-pr-\[40\%\] {
      padding-right: 40% !important;
}
.ex-pt-1 {
      padding-top: 0.25rem !important;
}
.ex-pt-10 {
      padding-top: 2.5rem !important;
}
.ex-pt-14 {
      padding-top: 3.5rem !important;
}
.ex-pt-16 {
      padding-top: 4rem !important;
}
.ex-pt-20 {
      padding-top: 5rem !important;
}
.ex-pt-28 {
      padding-top: 7rem !important;
}
.ex-pt-32 {
      padding-top: 8rem !important;
}
.ex-pt-\[102px\] {
      padding-top: 102px !important;
}
.ex-pt-\[158px\] {
      padding-top: 158px !important;
}
.ex-pt-\[202px\] {
      padding-top: 202px !important;
}
.ex-pt-\[21px\] {
      padding-top: 21px !important;
}
.ex-pt-\[226px\] {
      padding-top: 226px !important;
}
.ex-pt-\[56px\] {
      padding-top: 56px !important;
}
.ex-pt-\[70px\] {
      padding-top: 70px !important;
}
.ex-pt-\[73px\] {
      padding-top: 73px !important;
}
.ex-pt-\[83px\] {
      padding-top: 83px !important;
}
.ex-text-left {
      text-align: left !important;
}
.ex-text-center {
      text-align: center !important;
}
.ex-text-right {
      text-align: right !important;
}
.ex-text-2sm {
      font-size: 16px !important;
      line-height: 145% !important;
}
.ex-text-3sm {
      font-size: 15px !important;
      line-height: 130% !important;
}
.ex-text-3xl {
      font-size: 40px !important;
      line-height: 90% !important;
}
.ex-text-4sm {
      font-size: 12px !important;
      line-height: 130% !important;
}
.ex-text-4xl {
      font-size: 48px !important;
      line-height: 91% !important;
}
.ex-text-\[16px\] {
      font-size: 16px !important;
}
.ex-text-\[20px\] {
      font-size: 20px !important;
}
.ex-text-\[24px\] {
      font-size: 24px !important;
}
.ex-text-\[31px\] {
      font-size: 31px !important;
}
.ex-text-\[50px\] {
      font-size: 50px !important;
}
.ex-text-\[51px\] {
      font-size: 51px !important;
}
.ex-text-base {
      font-size: 20px !important;
      line-height: 140% !important;
}
.ex-text-l {
      font-size: 26px !important;
      line-height: 105% !important;
}
.ex-text-lg {
      font-size: 28px !important;
      line-height: 160% !important;
}
.ex-text-sm {
      font-size: 18px !important;
      line-height: 120% !important;
}
.ex-text-xl {
      font-size: 33px !important;
      line-height: 90% !important;
}
.ex-font-bold {
      font-weight: 700 !important;
}
.ex-font-normal {
      font-weight: 400 !important;
}
.ex-font-semibold {
      font-weight: 600 !important;
}
.ex-normal-case {
      text-transform: none !important;
}
.ex-italic {
      font-style: italic !important;
}
.ex-leading-\[100\%\] {
      line-height: 100% !important;
}
.ex-leading-\[31px\] {
      line-height: 31px !important;
}
.ex-leading-\[75\%\] {
      line-height: 75% !important;
}
.ex-leading-\[84\%\] {
      line-height: 84% !important;
}
.ex-leading-tight {
      line-height: 1.25 !important;
}
.ex-tracking-\[-0\.72px\] {
      letter-spacing: -0.72px !important;
}
.ex-tracking-tight {
      letter-spacing: -0.025em !important;
}
.ex-text-\[\#4C7DDB\] {
      --tw-text-opacity: 1 !important;
      color: rgb(76 125 219 / var(--tw-text-opacity)) !important;
}
.ex-text-\[\#9F9F9F\] {
      --tw-text-opacity: 1 !important;
      color: rgb(159 159 159 / var(--tw-text-opacity)) !important;
}
.ex-text-\[\#B179A6\] {
      --tw-text-opacity: 1 !important;
      color: rgb(177 121 166 / var(--tw-text-opacity)) !important;
}
.ex-text-\[\#F68D57\] {
      --tw-text-opacity: 1 !important;
      color: rgb(246 141 87 / var(--tw-text-opacity)) !important;
}
.ex-text-black {
      --tw-text-opacity: 1 !important;
      color: rgb(42 42 42 / var(--tw-text-opacity)) !important;
}
.ex-text-gray-500 {
      --tw-text-opacity: 1 !important;
      color: rgb(192 192 192 / var(--tw-text-opacity)) !important;
}
.ex-text-green-block-dark {
      --tw-text-opacity: 1 !important;
      color: rgb(64 153 125 / var(--tw-text-opacity)) !important;
}
.ex-text-phaseplant {
      --tw-text-opacity: 1 !important;
      color: rgb(247 141 87 / var(--tw-text-opacity)) !important;
}
.ex-text-pink-600 {
      --tw-text-opacity: 1 !important;
      color: rgb(226 171 213 / var(--tw-text-opacity)) !important;
}
.ex-text-purple-block-dark {
      --tw-text-opacity: 1 !important;
      color: rgb(151 114 221 / var(--tw-text-opacity)) !important;
}
.ex-text-white {
      --tw-text-opacity: 1 !important;
      color: rgb(252 253 251 / var(--tw-text-opacity)) !important;
}
.ex-text-white-light {
      --tw-text-opacity: 1 !important;
      color: rgb(246 247 246 / var(--tw-text-opacity)) !important;
}
.ex-text-yellow-500 {
      --tw-text-opacity: 1 !important;
      color: rgb(231 214 97 / var(--tw-text-opacity)) !important;
}
.ex-line-through {
      text-decoration-line: line-through !important;
}
.ex-opacity-100 {
      opacity: 1 !important;
}
.ex-opacity-60 {
      opacity: 0.6 !important;
}
.ex-opacity-\[0\.52\] {
      opacity: 0.52 !important;
}
.ex-opacity-\[0\.58\] {
      opacity: 0.58 !important;
}
.ex-opacity-\[0\.81\] {
      opacity: 0.81 !important;
}
.ex-bg-blend-multiply {
      background-blend-mode: multiply !important;
}
.ex-mix-blend-soft-light {
      mix-blend-mode: soft-light !important;
}
.ex-shadow-\[0_27px_45px_0_rgba\(0\,0\,0\,0\.34\)\] {
      --tw-shadow: 0 27px 45px 0 rgba(0,0,0,0.34) !important;
      --tw-shadow-colored: 0 27px 45px 0 var(--tw-shadow-color) !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.ex-shadow-\[0_52px_53px_0_rgba\(0\,0\,0\,0\.25\)\] {
      --tw-shadow: 0 52px 53px 0 rgba(0,0,0,0.25) !important;
      --tw-shadow-colored: 0 52px 53px 0 var(--tw-shadow-color) !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.ex-shadow-\[0px_13px_21\.6px_0px_rgba\(0\,0\,0\,0\.30\)\] {
      --tw-shadow: 0px 13px 21.6px 0px rgba(0,0,0,0.30) !important;
      --tw-shadow-colored: 0px 13px 21.6px 0px var(--tw-shadow-color) !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.ex-shadow-\[0px_15px_40px_0px_rgba\(0\,0\,0\,0\.55\)\] {
      --tw-shadow: 0px 15px 40px 0px rgba(0,0,0,0.55) !important;
      --tw-shadow-colored: 0px 15px 40px 0px var(--tw-shadow-color) !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.ex-shadow-\[0px_17px_33px_0px_rgba\(0\,0\,0\,0\.40\)\] {
      --tw-shadow: 0px 17px 33px 0px rgba(0,0,0,0.40) !important;
      --tw-shadow-colored: 0px 17px 33px 0px var(--tw-shadow-color) !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.ex-shadow-\[0px_17px_39\.1px_0px_rgba\(0\,0\,0\,0\.59\)\] {
      --tw-shadow: 0px 17px 39.1px 0px rgba(0,0,0,0.59) !important;
      --tw-shadow-colored: 0px 17px 39.1px 0px var(--tw-shadow-color) !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.ex-shadow-\[0px_2px_17\.2px_0px_rgba\(0\,0\,0\,0\.48\)_inset\] {
      --tw-shadow: 0px 2px 17.2px 0px rgba(0,0,0,0.48) inset !important;
      --tw-shadow-colored: inset 0px 2px 17.2px 0px var(--tw-shadow-color) !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.ex-shadow-\[0px_30px_50px_0px_rgba\(0\,0\,0\,0\.34\)\] {
      --tw-shadow: 0px 30px 50px 0px rgba(0,0,0,0.34) !important;
      --tw-shadow-colored: 0px 30px 50px 0px var(--tw-shadow-color) !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.ex-shadow-\[0px_31px_79\.1px_0px_rgba\(0\,0\,0\,0\.63\)\] {
      --tw-shadow: 0px 31px 79.1px 0px rgba(0,0,0,0.63) !important;
      --tw-shadow-colored: 0px 31px 79.1px 0px var(--tw-shadow-color) !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.ex-shadow-\[0px_4px_4px_0px_rgba\(0\,0\,0\,0\.67\)_inset\] {
      --tw-shadow: 0px 4px 4px 0px rgba(0,0,0,0.67) inset !important;
      --tw-shadow-colored: inset 0px 4px 4px 0px var(--tw-shadow-color) !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.ex-shadow-\[2px_0px_4px_0px_rgba\(0\,0\,0\,0\.40\)\] {
      --tw-shadow: 2px 0px 4px 0px rgba(0,0,0,0.40) !important;
      --tw-shadow-colored: 2px 0px 4px 0px var(--tw-shadow-color) !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.ex-outline {
      outline-style: solid !important;
}
.ex-outline-2 {
      outline-width: 2px !important;
}
.-ex-outline-offset-1 {
      outline-offset: -1px !important;
}
.ex-outline-\[\#4463B4\] {
      outline-color: #4463B4 !important;
}
.ex-outline-\[\#B46A44\] {
      outline-color: #B46A44 !important;
}
.ex-drop-shadow-xl {
      --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08)) !important;
      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) !important;
}
.ex-transition-all {
      transition-property: all !important;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
      transition-duration: 150ms !important;
}
.ex-duration-500 {
      transition-duration: 500ms !important;
}
.\[background\:\#57A0F6\] {
      background: #57A0F6;
}
.\[background\:\#585661\] {
      background: #585661;
}
.\[background\:\#666\] {
      background: #666;
}
.\[background\:\#F68D57\] {
      background: #F68D57;
}
.\[filter\:drop-shadow\(0px_8\.079px_21\.544px_rgba\(0\2c 0\2c 0\2c 0\.55\)\)\] {
      filter: drop-shadow(0px 8.079px 21.544px rgba(0,0,0,0.55));
}
.ex-btn {
      position: relative;
      z-index: 10;
      display: inline-flex;
      cursor: pointer;
      align-items: center;
      border-width: 0px !important;
      border-style: none;
      padding-top: 10px !important;
      padding-bottom: 10px !important;
      padding-left: 3rem;
      padding-right: 3rem;
      font-size: 16px;
      line-height: 145%;
      font-weight: 600;
      --tw-text-opacity: 1;
      color: rgb(252 253 251 / var(--tw-text-opacity));
}
.ex-btn:hover {
      border-style: none;
}
.ex-btn::before {
      position: absolute;
      bottom: 0px;
      right: 0px;
      z-index: -10;
      display: block;
      height: 100%;
      width: 100%;
      border-radius: 4px;
      --tw-bg-opacity: 1;
      background-color: rgb(42 42 42 / var(--tw-bg-opacity));
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
      --tw-content: '';
      content: var(--tw-content);
}
.ex-btn:hover::before {
      height: 9%;
      content: var(--tw-content);
      width: 100%;
}
.product-id-90 {
      --tw-bg-opacity: 1;
      background-color: rgb(42 42 42 / var(--tw-bg-opacity));
      --tw-text-opacity: 1;
      color: rgb(252 253 251 / var(--tw-text-opacity));
}
.before\:ex-background-texture::before {
      content: var(--tw-content);
      background-image: url('https://expressivee.imgix.net/products/noisy/noisy-texture.png');
    }
.before\:ex-absolute::before {
      content: var(--tw-content) !important;
      position: absolute !important;
}
.before\:ex-bottom-0::before {
      content: var(--tw-content) !important;
      bottom: 0px !important;
}
.before\:ex-left-0::before {
      content: var(--tw-content) !important;
      left: 0px !important;
}
.before\:ex-left-\[5px\]::before {
      content: var(--tw-content) !important;
      left: 5px !important;
}
.before\:ex-right-0::before {
      content: var(--tw-content) !important;
      right: 0px !important;
}
.before\:ex-top-0::before {
      content: var(--tw-content) !important;
      top: 0px !important;
}
.before\:ex-top-\[5px\]::before {
      content: var(--tw-content) !important;
      top: 5px !important;
}
.before\:ex-z-0::before {
      content: var(--tw-content) !important;
      z-index: 0 !important;
}
.before\:ex-z-10::before {
      content: var(--tw-content) !important;
      z-index: 10 !important;
}
.before\:ex-block::before {
      content: var(--tw-content) !important;
      display: block !important;
}
.before\:ex-h-0::before {
      content: var(--tw-content) !important;
      height: 0px !important;
}
.before\:ex-h-\[12px\]::before {
      content: var(--tw-content) !important;
      height: 12px !important;
}
.before\:ex-w-\[12px\]::before {
      content: var(--tw-content) !important;
      width: 12px !important;
}
.before\:ex-w-full::before {
      content: var(--tw-content) !important;
      width: 100% !important;
}
.before\:ex-rounded-\[4px\]::before {
      content: var(--tw-content) !important;
      border-radius: 4px !important;
}
.before\:ex-rounded-full::before {
      content: var(--tw-content) !important;
      border-radius: 9999px !important;
}
.before\:ex-bg-\[\#4C7DDB\]::before {
      content: var(--tw-content) !important;
      --tw-bg-opacity: 1 !important;
      background-color: rgb(76 125 219 / var(--tw-bg-opacity)) !important;
}
.before\:ex-bg-\[\#9772DD\]::before {
      content: var(--tw-content) !important;
      --tw-bg-opacity: 1 !important;
      background-color: rgb(151 114 221 / var(--tw-bg-opacity)) !important;
}
.before\:ex-bg-\[\#F68D57\]::before {
      content: var(--tw-content) !important;
      --tw-bg-opacity: 1 !important;
      background-color: rgb(246 141 87 / var(--tw-bg-opacity)) !important;
}
.before\:ex-bg-black::before {
      content: var(--tw-content) !important;
      --tw-bg-opacity: 1 !important;
      background-color: rgb(42 42 42 / var(--tw-bg-opacity)) !important;
}
.before\:ex-bg-green-500::before {
      content: var(--tw-content) !important;
      --tw-bg-opacity: 1 !important;
      background-color: rgb(142 216 152 / var(--tw-bg-opacity)) !important;
}
.before\:ex-bg-green-block-dark::before {
      content: var(--tw-content) !important;
      --tw-bg-opacity: 1 !important;
      background-color: rgb(64 153 125 / var(--tw-bg-opacity)) !important;
}
.before\:ex-bg-purple-500::before {
      content: var(--tw-content) !important;
      --tw-bg-opacity: 1 !important;
      background-color: rgb(188 178 239 / var(--tw-bg-opacity)) !important;
}
.before\:ex-bg-purple-800::before {
      content: var(--tw-content) !important;
      --tw-bg-opacity: 1 !important;
      background-color: rgb(153 102 144 / var(--tw-bg-opacity)) !important;
}
.before\:ex-bg-purple-block-dark::before {
      content: var(--tw-content) !important;
      --tw-bg-opacity: 1 !important;
      background-color: rgb(151 114 221 / var(--tw-bg-opacity)) !important;
}
.before\:ex-bg-purple-block\/80::before {
      content: var(--tw-content) !important;
      background-color: rgb(159 138 240 / 0.8) !important;
}
.before\:ex-bg-refurbished-osmose::before {
      content: var(--tw-content) !important;
      --tw-bg-opacity: 1 !important;
      background-color: rgb(127 34 241 / var(--tw-bg-opacity)) !important;
}
.before\:ex-bg-white::before {
      content: var(--tw-content) !important;
      --tw-bg-opacity: 1 !important;
      background-color: rgb(252 253 251 / var(--tw-bg-opacity)) !important;
}
.before\:ex-bg-yellow-300::before {
      content: var(--tw-content) !important;
      --tw-bg-opacity: 1 !important;
      background-color: rgb(238 225 134 / var(--tw-bg-opacity)) !important;
}
.before\:ex-bg-\[url\(\'\/img\/products\/noisy2\/block-purple\.png\'\)\]::before {
      content: var(--tw-content) !important;
      background-image: url('/img/products/noisy2/block-purple.png') !important;
}
.before\:ex-bg-\[url\(\'https\:\/\/expressivee\.imgix\.net\/products\/phaseplant\/bg-quote\.png\?auto\=format\&w\=1000\'\)\]::before {
      content: var(--tw-content) !important;
      background-image: url('https://expressivee.imgix.net/products/phaseplant/bg-quote.png?auto=format&w=1000') !important;
}
.before\:ex-bg-\[url\(\'https\:\/\/expressivee\.imgix\.net\/products\/phaseplant\/gesture\.png\?auto\=format\&w\=1000\'\)\]::before {
      content: var(--tw-content) !important;
      background-image: url('https://expressivee.imgix.net/products/phaseplant/gesture.png?auto=format&w=1000') !important;
}
.before\:ex-bg-cover::before {
      content: var(--tw-content) !important;
      background-size: cover !important;
}
.before\:ex-bg-center::before {
      content: var(--tw-content) !important;
      background-position: center !important;
}
.before\:ex-bg-right::before {
      content: var(--tw-content) !important;
      background-position: right !important;
}
.before\:ex-opacity-50::before {
      content: var(--tw-content) !important;
      opacity: 0.5 !important;
}
.before\:ex-mix-blend-screen::before {
      content: var(--tw-content) !important;
      mix-blend-mode: screen !important;
}
.before\:ex-shadow-\[0px_0px_1\.1px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)_inset\]::before {
      content: var(--tw-content) !important;
      --tw-shadow: 0px 0px 1.1px 0px rgba(0,0,0,0.25) inset !important;
      --tw-shadow-colored: inset 0px 0px 1.1px 0px var(--tw-shadow-color) !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.before\:ex-content-\[\'\'\]::before {
      --tw-content: '' !important;
      content: var(--tw-content) !important;
}
.before\:\[background\:\#4C7DDB\]::before {
      content: var(--tw-content);
      background: #4C7DDB;
}
.before\:\[background\:\#DB7C4C\]::before {
      content: var(--tw-content);
      background: #DB7C4C;
}
.last\:ex-border-none:last-child {
      border-style: none !important;
}
.hover\:ex-border-none:hover {
      border-style: none !important;
}
.hover\:ex-text-white:hover {
      --tw-text-opacity: 1 !important;
      color: rgb(252 253 251 / var(--tw-text-opacity)) !important;
}
.hover\:ex-opacity-100:hover {
      opacity: 1 !important;
}
@media (min-width: 640px) {
      .sm\:ex-w-8\/12 {
            width: 66.666667% !important;
      }
      .sm\:ex-px-0 {
            padding-left: 0px !important;
            padding-right: 0px !important;
      }
}
@media (min-width: 768px) {
      .md\:ex-absolute {
            position: absolute !important;
      }
      .md\:-ex-left-8 {
            left: -2rem !important;
      }
      .md\:-ex-right-8 {
            right: -2rem !important;
      }
      .md\:-ex-right-\[50px\] {
            right: -50px !important;
      }
      .md\:-ex-top-\[105px\] {
            top: -105px !important;
      }
      .md\:-ex-top-\[150px\] {
            top: -150px !important;
      }
      .md\:-ex-top-\[217px\] {
            top: -217px !important;
      }
      .md\:-ex-top-\[467px\] {
            top: -467px !important;
      }
      .md\:ex-left-0 {
            left: 0px !important;
      }
      .md\:ex-left-1\/2 {
            left: 50% !important;
      }
      .md\:ex-top-1\/2 {
            top: 50% !important;
      }
      .md\:ex-top-12 {
            top: 3rem !important;
      }
      .md\:ex-top-\[150px\] {
            top: 150px !important;
      }
      .md\:ex-top-\[34\%\] {
            top: 34% !important;
      }
      .md\:ex-mx-auto {
            margin-left: auto !important;
            margin-right: auto !important;
      }
      .md\:-ex-mb-0 {
            margin-bottom: -0px !important;
      }
      .md\:-ex-mt-8 {
            margin-top: -2rem !important;
      }
      .md\:-ex-mt-\[25px\] {
            margin-top: -25px !important;
      }
      .md\:-ex-mt-\[34px\] {
            margin-top: -34px !important;
      }
      .md\:ex-mb-0 {
            margin-bottom: 0px !important;
      }
      .md\:ex-mb-16 {
            margin-bottom: 4rem !important;
      }
      .md\:ex-mb-24 {
            margin-bottom: 6rem !important;
      }
      .md\:ex-mb-\[370px\] {
            margin-bottom: 370px !important;
      }
      .md\:ex-mt-0 {
            margin-top: 0px !important;
      }
      .md\:ex-mt-3 {
            margin-top: 0.75rem !important;
      }
      .md\:ex-mt-40 {
            margin-top: 10rem !important;
      }
      .md\:ex-mt-\[11\%\] {
            margin-top: 11% !important;
      }
      .md\:ex-mt-\[160px\] {
            margin-top: 160px !important;
      }
      .md\:ex-mt-\[305px\] {
            margin-top: 305px !important;
      }
      .md\:ex-mt-\[355px\] {
            margin-top: 355px !important;
      }
      .md\:ex-block {
            display: block !important;
      }
      .md\:ex-inline-block {
            display: inline-block !important;
      }
      .md\:ex-flex {
            display: flex !important;
      }
      .md\:ex-grid {
            display: grid !important;
      }
      .md\:ex-hidden {
            display: none !important;
      }
      .md\:ex-aspect-\[1474\/478\] {
            aspect-ratio: 1474/478 !important;
      }
      .md\:ex-aspect-\[1700\/667\] {
            aspect-ratio: 1700/667 !important;
      }
      .md\:ex-aspect-\[899\/495\] {
            aspect-ratio: 899/495 !important;
      }
      .md\:ex-h-\[251px\] {
            height: 251px !important;
      }
      .md\:ex-h-\[381px\] {
            height: 381px !important;
      }
      .md\:ex-h-\[858px\] {
            height: 858px !important;
      }
      .md\:ex-max-h-\[116px\] {
            max-height: 116px !important;
      }
      .md\:ex-max-h-\[320px\] {
            max-height: 320px !important;
      }
      .md\:ex-min-h-\[830px\] {
            min-height: 830px !important;
      }
      .md\:ex-w-1\/2 {
            width: 50% !important;
      }
      .md\:ex-w-10\/12 {
            width: 83.333333% !important;
      }
      .md\:ex-w-5\/12 {
            width: 41.666667% !important;
      }
      .md\:ex-w-6\/12 {
            width: 50% !important;
      }
      .md\:ex-w-7\/12 {
            width: 58.333333% !important;
      }
      .md\:ex-w-8\/12 {
            width: 66.666667% !important;
      }
      .md\:ex-w-9\/12 {
            width: 75% !important;
      }
      .md\:ex-w-\[110\%\] {
            width: 110% !important;
      }
      .md\:ex-w-\[195px\] {
            width: 195px !important;
      }
      .md\:ex-w-\[55vw\] {
            width: 55vw !important;
      }
      .md\:ex-w-\[640px\] {
            width: 640px !important;
      }
      .md\:ex-w-\[70\%\] {
            width: 70% !important;
      }
      .md\:ex-w-\[88px\] {
            width: 88px !important;
      }
      .md\:ex-max-w-\[50\%\] {
            max-width: 50% !important;
      }
      .md\:ex-max-w-\[70\%\] {
            max-width: 70% !important;
      }
      .md\:-ex-translate-x-1\/2 {
            --tw-translate-x: -50% !important;
            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)) !important;
      }
      .md\:ex-translate-x-0 {
            --tw-translate-x: 0px !important;
            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)) !important;
      }
      .md\:ex-grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
      .md\:ex-grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      }
      .md\:ex-grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
      }
      .md\:ex-flex-row {
            flex-direction: row !important;
      }
      .md\:ex-flex-col {
            flex-direction: column !important;
      }
      .md\:ex-flex-nowrap {
            flex-wrap: nowrap !important;
      }
      .md\:ex-justify-end {
            justify-content: flex-end !important;
      }
      .md\:ex-justify-center {
            justify-content: center !important;
      }
      .md\:ex-gap-16 {
            gap: 4rem !important;
      }
      .md\:ex-rounded-\[15px\] {
            border-radius: 15px !important;
      }
      .md\:ex-bg-black\/0 {
            background-color: rgb(42 42 42 / 0) !important;
      }
      .md\:ex-bg-light-dark\/90 {
            background-color: rgb(230 230 230 / 0.9) !important;
      }
      .md\:ex-bg-\[url\(\'https\:\/\/expressivee\.imgix\.net\/products\/phaseplant\/bg-quote\.png\?auto\=format\&w\=2000\'\)\] {
            background-image: url('https://expressivee.imgix.net/products/phaseplant/bg-quote.png?auto=format&w=2000') !important;
      }
      .md\:ex-bg-\[url\(\'https\:\/\/expressivee\.imgix\.net\/products\/phaseplant\/presets\.png\'\)\] {
            background-image: url('https://expressivee.imgix.net/products/phaseplant/presets.png') !important;
      }
      .md\:ex-bg-none {
            background-image: none !important;
      }
      .md\:ex-bg-contain {
            background-size: contain !important;
      }
      .md\:ex-bg-center {
            background-position: center !important;
      }
      .md\:ex-px-0 {
            padding-left: 0px !important;
            padding-right: 0px !important;
      }
      .md\:ex-px-14 {
            padding-left: 3.5rem !important;
            padding-right: 3.5rem !important;
      }
      .md\:ex-px-20 {
            padding-left: 5rem !important;
            padding-right: 5rem !important;
      }
      .md\:ex-px-\[100px\] {
            padding-left: 100px !important;
            padding-right: 100px !important;
      }
      .md\:ex-px-\[131px\] {
            padding-left: 131px !important;
            padding-right: 131px !important;
      }
      .md\:ex-px-\[16px\] {
            padding-left: 16px !important;
            padding-right: 16px !important;
      }
      .md\:ex-px-\[40px\] {
            padding-left: 40px !important;
            padding-right: 40px !important;
      }
      .md\:ex-px-\[90px\] {
            padding-left: 90px !important;
            padding-right: 90px !important;
      }
      .md\:ex-py-0 {
            padding-top: 0px !important;
            padding-bottom: 0px !important;
      }
      .md\:ex-py-\[130px\] {
            padding-top: 130px !important;
            padding-bottom: 130px !important;
      }
      .md\:ex-py-\[140px\] {
            padding-top: 140px !important;
            padding-bottom: 140px !important;
      }
      .md\:ex-py-\[198px\] {
            padding-top: 198px !important;
            padding-bottom: 198px !important;
      }
      .md\:ex-py-\[220px\] {
            padding-top: 220px !important;
            padding-bottom: 220px !important;
      }
      .md\:ex-pb-12 {
            padding-bottom: 3rem !important;
      }
      .md\:ex-pb-\[106px\] {
            padding-bottom: 106px !important;
      }
      .md\:ex-pb-\[150px\] {
            padding-bottom: 150px !important;
      }
      .md\:ex-pb-\[40px\] {
            padding-bottom: 40px !important;
      }
      .md\:ex-pb-\[80px\] {
            padding-bottom: 80px !important;
      }
      .md\:ex-pl-\[130px\] {
            padding-left: 130px !important;
      }
      .md\:ex-pl-\[55\%\] {
            padding-left: 55% !important;
      }
      .md\:ex-pl-\[58\%\] {
            padding-left: 58% !important;
      }
      .md\:ex-pr-\[390px\] {
            padding-right: 390px !important;
      }
      .md\:ex-pr-\[50px\] {
            padding-right: 50px !important;
      }
      .md\:ex-pr-\[55\%\] {
            padding-right: 55% !important;
      }
      .md\:ex-pt-20 {
            padding-top: 5rem !important;
      }
      .md\:ex-pt-\[200px\] {
            padding-top: 200px !important;
      }
      .md\:ex-pt-\[318px\] {
            padding-top: 318px !important;
      }
      .md\:ex-pt-\[334px\] {
            padding-top: 334px !important;
      }
      .md\:ex-pt-\[79px\] {
            padding-top: 79px !important;
      }
      .md\:ex-text-left {
            text-align: left !important;
      }
      .md\:ex-text-center {
            text-align: center !important;
      }
      .md\:ex-text-right {
            text-align: right !important;
      }
      .md\:ex-text-4xl {
            font-size: 48px !important;
            line-height: 91% !important;
      }
      .md\:ex-text-7xl {
            font-size: 61px !important;
            line-height: 90% !important;
      }
      .md\:ex-text-9xl {
            font-size: 76px !important;
            line-height: 90% !important;
      }
      .md\:ex-text-\[106px\] {
            font-size: 106px !important;
      }
      .md\:ex-text-\[168px\] {
            font-size: 168px !important;
      }
      .md\:ex-text-\[18px\] {
            font-size: 18px !important;
      }
      .md\:ex-text-\[24px\] {
            font-size: 24px !important;
      }
      .md\:ex-text-\[32px\] {
            font-size: 32px !important;
      }
      .md\:ex-text-\[68px\] {
            font-size: 68px !important;
      }
      .md\:ex-text-\[76px\] {
            font-size: 76px !important;
      }
      .md\:ex-text-base {
            font-size: 20px !important;
            line-height: 140% !important;
      }
      .md\:ex-leading-\[70\%\] {
            line-height: 70% !important;
      }
      .md\:-ex-tracking-\[11px\] {
            letter-spacing: -11px !important;
      }
      .md\:-ex-tracking-\[1px\] {
            letter-spacing: -1px !important;
      }
      .md\:-ex-tracking-\[3px\] {
            letter-spacing: -3px !important;
      }
      .md\:ex-text-\[\#9772DD\] {
            --tw-text-opacity: 1 !important;
            color: rgb(151 114 221 / var(--tw-text-opacity)) !important;
      }
      .md\:ex-text-black {
            --tw-text-opacity: 1 !important;
            color: rgb(42 42 42 / var(--tw-text-opacity)) !important;
      }
      .md\:ex-text-purple-OSM49REFURB {
            --tw-text-opacity: 1 !important;
            color: rgb(127 34 241 / var(--tw-text-opacity)) !important;
      }
      .md\:ex-shadow-\[0_52px_53px_0_rgba\(0\2c 0\2c 0\2c 0\.24\)\] {
            --tw-shadow: 0 52px 53px 0 rgba(0,0,0,0.24) !important;
            --tw-shadow-colored: 0 52px 53px 0 var(--tw-shadow-color) !important;
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
      }
      .before\:md\:ex-hidden::before {
            content: var(--tw-content) !important;
            display: none !important;
      }
      .md\:before\:ex-bg-gray-300::before {
            content: var(--tw-content) !important;
            --tw-bg-opacity: 1 !important;
            background-color: rgb(236 236 236 / var(--tw-bg-opacity)) !important;
      }
}
@media (min-width: 1024px) {
      .lg\:ex-absolute {
            position: absolute !important;
      }
      .lg\:-ex-right-\[40px\] {
            right: -40px !important;
      }
      .lg\:ex-bottom-\[53px\] {
            bottom: 53px !important;
      }
      .lg\:ex-top-\[50\%\] {
            top: 50% !important;
      }
      .lg\:ex-mb-0 {
            margin-bottom: 0px !important;
      }
      .lg\:ex-mb-12 {
            margin-bottom: 3rem !important;
      }
      .lg\:ex-mb-32 {
            margin-bottom: 8rem !important;
      }
      .lg\:ex-mb-60 {
            margin-bottom: 15rem !important;
      }
      .lg\:ex-mb-9 {
            margin-bottom: 2.25rem !important;
      }
      .lg\:ex-mt-\[175px\] {
            margin-top: 175px !important;
      }
      .lg\:ex-w-1\/2 {
            width: 50% !important;
      }
      .lg\:ex-w-10\/12 {
            width: 83.333333% !important;
      }
      .lg\:ex-w-3\/12 {
            width: 25% !important;
      }
      .lg\:ex-w-5\/12 {
            width: 41.666667% !important;
      }
      .lg\:ex-w-6\/12 {
            width: 50% !important;
      }
      .lg\:ex-w-7\/12 {
            width: 58.333333% !important;
      }
      .lg\:ex-w-8\/12 {
            width: 66.666667% !important;
      }
      .lg\:-ex-translate-y-1\/2 {
            --tw-translate-y: -50% !important;
            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)) !important;
      }
      .lg\:ex-grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
      .lg\:ex-grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      }
      .lg\:ex-flex-row {
            flex-direction: row !important;
      }
      .lg\:ex-bg-\[url\(\'https\:\/\/expressivee\.imgix\.net\/products\/phaseplant\/ppes\.png\?auto\=format\&w\=1000\'\)\] {
            background-image: url('https://expressivee.imgix.net/products/phaseplant/ppes.png?auto=format&w=1000') !important;
      }
      .lg\:ex-px-\[70px\] {
            padding-left: 70px !important;
            padding-right: 70px !important;
      }
      .lg\:ex-py-\[198px\] {
            padding-top: 198px !important;
            padding-bottom: 198px !important;
      }
      .lg\:ex-pb-3 {
            padding-bottom: 0.75rem !important;
      }
      .lg\:ex-pb-32 {
            padding-bottom: 8rem !important;
      }
      .lg\:ex-pl-\[130px\] {
            padding-left: 130px !important;
      }
      .lg\:ex-pl-\[25\%\] {
            padding-left: 25% !important;
      }
      .lg\:ex-pr-\[25\%\] {
            padding-right: 25% !important;
      }
      .lg\:ex-pt-32 {
            padding-top: 8rem !important;
      }
      .lg\:ex-text-4xl {
            font-size: 48px !important;
            line-height: 91% !important;
      }
      .lg\:ex-text-\[94px\] {
            font-size: 94px !important;
      }
      .lg\:ex-shadow-\[0px_20px_80\.1px_0px_rgba\(0\2c 0\2c 0\2c 0\.64\)\] {
            --tw-shadow: 0px 20px 80.1px 0px rgba(0,0,0,0.64) !important;
            --tw-shadow-colored: 0px 20px 80.1px 0px var(--tw-shadow-color) !important;
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
      }
}
@media (min-width: 1280px) {
      .xl\:ex-mt-\[220px\] {
            margin-top: 220px !important;
      }
      .xl\:ex-inline-block {
            display: inline-block !important;
      }
      .xl\:ex-w-10\/12 {
            width: 83.333333% !important;
      }
      .xl\:ex-w-5\/12 {
            width: 41.666667% !important;
      }
      .xl\:ex-w-6\/12 {
            width: 50% !important;
      }
      .xl\:ex-w-7\/12 {
            width: 58.333333% !important;
      }
      .xl\:ex-w-8\/12 {
            width: 66.666667% !important;
      }
      .xl\:ex-max-w-\[50\%\] {
            max-width: 50% !important;
      }
      .xl\:ex-px-\[100px\] {
            padding-left: 100px !important;
            padding-right: 100px !important;
      }
}
@media (min-width: 1536px) {
      .\32xl\:ex-w-full {
            width: 100% !important;
      }
      .\32xl\:ex-grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
      }
}
.\[\&\.active\>div\>span\]\:ex-block.active>div>span {
      display: block !important;
}
.\[\&\.active\>img\]\:ex-opacity-100.active>img {
      opacity: 1 !important;
}
.\[\&\.active\]\:ex-w-full.active {
      width: 100% !important;
}
.\[\&\.active\]\:ex-shrink.active {
      flex-shrink: 1 !important;
}
.\[\&\.active\]\:ex-text-white.active {
      --tw-text-opacity: 1 !important;
      color: rgb(252 253 251 / var(--tw-text-opacity)) !important;
}
.\[\&\.active\]\:ex-opacity-100.active {
      opacity: 1 !important;
}
@media (min-width: 768px) {
      .\[\&\.active\]\:md\:before\:ex-h-\[4px\].active::before {
            content: var(--tw-content) !important;
            height: 4px !important;
      }
}
.\[\&\>div\>span\]\:ex-hidden>div>span {
      display: none !important;
}
.\[\&\>div\]\:-ex-tracking-\[0\.72px\]>div {
      letter-spacing: -0.72px !important;
}
.\[\&\>div\]\:ex-text-black>div {
      --tw-text-opacity: 1 !important;
      color: rgb(42 42 42 / var(--tw-text-opacity)) !important;
}
.\[\&\>div\]\:ex-text-white>div {
      --tw-text-opacity: 1 !important;
      color: rgb(252 253 251 / var(--tw-text-opacity)) !important;
}
@media (min-width: 768px) {
      .\[\&\>div\]\:md\:ex-text-black>div {
            --tw-text-opacity: 1 !important;
            color: rgb(42 42 42 / var(--tw-text-opacity)) !important;
      }
}
.\[\&\>img\]\:ex-opacity-40>img {
      opacity: 0.4 !important;
}
.\[\&\>li\]\:ex-pl-0>li {
      padding-left: 0px !important;
}
.\[\&\>li\]\:ex-text-2sm>li {
      font-size: 16px !important;
      line-height: 145% !important;
}
.\[\&\>p\>\.ex-btn\]\:ex-mt-8>p>.ex-btn {
      margin-top: 2rem !important;
}
.\[\&\>p\>\.ex-btn\]\:ex-hidden>p>.ex-btn {
      display: none !important;
}
.\[\&\>p\>\.ex-btn\]\:ex-text-\[\#9772DD\]>p>.ex-btn {
      --tw-text-opacity: 1 !important;
      color: rgb(151 114 221 / var(--tw-text-opacity)) !important;
}
.\[\&\>p\>\.ex-btn\]\:before\:ex-bg-white>p>.ex-btn::before {
      content: var(--tw-content) !important;
      --tw-bg-opacity: 1 !important;
      background-color: rgb(252 253 251 / var(--tw-bg-opacity)) !important;
}
@media (min-width: 768px) {
      .\[\&\>p\>\.ex-btn\]\:md\:ex-inline-block>p>.ex-btn {
            display: inline-block !important;
      }
}
.\[\&\>p\]\:ex-mb-0>p {
      margin-bottom: 0px !important;
}
.\[\&\>p\]\:ex-mb-8>p {
      margin-bottom: 2rem !important;
}
.\[\&\>p\]\:ex-text-2sm>p {
      font-size: 16px !important;
      line-height: 145% !important;
}
@media (min-width: 768px) {
      .\[\&\>p\]\:md\:ex-text-sm>p {
            font-size: 18px !important;
            line-height: 120% !important;
      }
}
.\[\&\>svg\]\:ex-max-w-full>svg {
      max-width: 100% !important;
}