:root {
  --white: #ffffff;
  --black: #000000;
  --transparent: transparent;
  --primary-600: #1c64f2;
  --neutral-700: #374151;
  --neutral-900: #111827;
  --gray-25: #fcfcfd;
  --gray-50: #f9fafb;
  --gray-100: #f2f4f7;
  --gray-200: #eaecf0;
  --gray-300: #d0d5dd;
  --gray-400: #98a2b3;
  --gray-500: #667085;
  --gray-600: #475467;
  --gray-700: #344054;
  --gray-800: #182230;
  --gray-900: #101828;
  --gray-950: #0c111d;
  --gray-dark-25: #fafafa;
  --gray-dark-50: #f5f5f6;
  --gray-dark-100: #f0f1f1;
  --gray-dark-200: #ececed;
  --gray-dark-300: #cecfd2;
  --gray-dark-400: #94969c;
  --gray-dark-500: #85888e;
  --gray-dark-600: #61646c;
  --gray-dark-700: #333741;
  --gray-dark-800: #1f242f;
  --gray-dark-900: #161b26;
  --gray-dark-950: #0c111d;
  --brand-25: #f5faff;
  --brand-50: #eff8ff;
  --brand-100: #d1e9ff;
  --brand-200: #b2ddff;
  --brand-300: #84caff;
  --brand-400: #53b1fd;
  --brand-500: #2e90fa;
  --brand-600: #1570ef;
  --brand-700: #175cd3;
  --brand-800: #1849a9;
  --brand-900: #194185;
  --brand-950: #102a56;
  --red-25: #fffbfa;
  --red-50: #fef3f2;
  --red-100: #fee4e2;
  --red-200: #fecdca;
  --red-300: #fda29b;
  --red-400: #f97066;
  --red-500: #f04438;
  --red-600: #d92d20;
  --red-700: #b42318;
  --red-800: #912018;
  --red-900: #7a271a;
  --red-950: #55160c;
  --yellow-25: #fffcf5;
  --yellow-50: #fffaeb;
  --yellow-100: #fef0c7;
  --yellow-200: #fedf89;
  --yellow-300: #fec84b;
  --yellow-400: #fdb022;
  --yellow-500: #f79009;
  --yellow-600: #dc6803;
  --yellow-700: #b54708;
  --yellow-800: #93370d;
  --yellow-900: #7a2e0e;
  --yellow-950: #4e1d09;
  --green-25: #f6fef9;
  --green-50: #ecfdf3;
  --green-100: #dcfae6;
  --green-200: #abefc6;
  --green-300: #75e0a7;
  --green-400: #47cd89;
  --green-500: #17b26a;
  --green-600: #079455;
  --green-700: #067647;
  --green-800: #085d3a;
  --green-900: #074d31;
  --green-950: #053321;
  --violet-25: #fbfaff;
  --violet-50: #f5f3ff;
  --violet-100: #ece9fe;
  --violet-200: #ddd6fe;
  --violet-300: #c3b5fd;
  --violet-400: #a48afb;
  --violet-500: #875bf7;
  --violet-600: #7839ee;
  --violet-700: #6927da;
  --violet-800: #5720b7;
  --violet-900: #491c96;
  --violet-950: #2e125e;
  --pink-25: #fef6fb;
  --pink-50: #fdf2fa;
  --pink-100: #fce7f6;
  --pink-200: #fcceee;
  --pink-300: #faa7e0;
  --pink-400: #f670c7;
  --pink-500: #ee46bc;
  --pink-600: #dd2590;
  --pink-700: #c11574;
  --pink-800: #9e165f;
  --pink-900: #851651;
  --pink-950: #4e0d30;
  --backdrop: rgba(0, 0, 0, .1);
  --facebook: #1877f2;
  --twitter: #242e36;
  --linkedin: #0a66c2;
  --youtube: #ff0302;
  --line: #00b900;
  --naver: #03cf5d;
  --whatsapp: #25d366;
  --telegram: #26a5e3;
  --viber: #847ac3;
  --snapchat: #fffc00;
  --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, .05);
  --shadow-sm: 0px 1px 4px 0px rgba(16, 24, 40, .08);
  --shadow-md: 0px 4px 10px -2px rgba(16, 24, 40, .1);
  --shadow-lg: 0px 12px 26px -4px rgba(16, 24, 40, .08);
  --shadow-xl: 0px 24px 48px -12px rgba(16, 24, 40, .12);
  --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, .12);
  --ring-brand-xs: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(46, 144, 250, .24);
  --ring-brand-sm: 0px 1px 3px 0px rgba(16, 24, 40, .1), 0px 1px 2px 0px rgba(16, 24, 40, .06), 0px 0px 0px 4px rgba(46, 144, 250, .24);
  --ring-gray-xs: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(152, 162, 179, .14);
  --ring-gray-sm: 0px 1px 3px 0px rgba(16, 24, 40, .1), 0px 1px 2px 0px rgba(16, 24, 40, .06), 0px 0px 0px 4px rgba(152, 162, 179, .14);
  --ring-error-xs: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(240, 68, 56, .24)
}

html[lang=ur] .line-height-headings-override,
html[lang=hi] .line-height-headings-override,
html[lang=th] .line-height-headings-override,
html[lang=bn] .line-height-headings-override,
html[lang=ar] .line-height-headings-override,
html[lang=vi] .line-height-headings-override,
html[lang=ko] .line-height-headings-override,
html[lang=ru] .line-height-headings-override,
html[lang=ph] .line-height-headings-override,
html[lang=tl] .line-height-headings-override,
html[lang=cn] .line-height-headings-override,
html[lang=zh-hans] .line-height-headings-override,
html[lang=tw] .line-height-headings-override,
html[lang=zh-hant] .line-height-headings-override,
html[lang=el] .line-height-headings-override,
html[lang=hu] .line-height-headings-override,
html[lang=id] .line-height-headings-override,
html[lang=de] .line-height-headings-override,
html[lang=pl] .line-height-headings-override,
html[lang=cs] .line-height-headings-override,
html[lang=tr] .line-height-headings-override,
html[lang=ms] .line-height-headings-override,
html[lang=uz] .line-height-headings-override,
html[lang=si] .line-height-headings-override {
  line-height: 1.4
}

h2.line-height-headings-override {
  line-height: 1.4;
}

.prefix-bg-clip-text {
  -webkit-background-clip: text;
  background-clip: text
}

@keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    opacity: 0
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translate(-50px);
    opacity: 0
  }

  to {
    -webkit-transform: translateX(0);
    transform: translate(0);
    opacity: 1
  }
}

@keyframes fadeInRight {
  0% {
    -webkit-transform: translateX(50px);
    transform: translate(50px);
    opacity: 0
  }

  to {
    -webkit-transform: translateX(0);
    transform: translate(0);
    opacity: 1
  }
}

@keyframes slideInBottomForwards {
  0% {
    transform: translateY(100%);
    opacity: 0
  }

  to {
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes reveal {
  0% {
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)
  }

  50% {
    clip-path: polygon(100% 0, 0% 0, 0% 100%, 100% 100%)
  }

  to {
    clip-path: polygon(100% 0, 0% 0, 0% 100%, 100% 100%)
  }
}

.fadeInUp {
  -webkit-animation: fadeInUp 1s ease-in-out forwards;
  animation: fadeInUp 1s ease-in-out forwards
}

.fadeInLeft {
  -webkit-animation: fadeInLeft 1s cubic-bezier(.39, .575, .565, 1) both;
  animation: fadeInLeft 1s cubic-bezier(.39, .575, .565, 1) both
}

.fadeInRight {
  -webkit-animation: fadeInRight 1s cubic-bezier(.39, .575, .565, 1) both;
  animation: fadeInRight 1s cubic-bezier(.39, .575, .565, 1) both
}

.slideInBottomForwards {
  -webkit-animation: slideInBottomForwards 1s cubic-bezier(.25, .46, .45, .94) both;
  animation: slideInBottomForwards 1s cubic-bezier(.25, .46, .45, .94) both
}

*,
: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 / .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: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style:
}

::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 / .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: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style:
}

*,
:before,
:after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: var(--gray-200)
}

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

html,
:host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family: Inter, Roboto, Tahoma, Arial, sans-serif;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent
}

body {
  margin: 0;
  line-height: inherit
}

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

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

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

a {
  color: inherit;
  text-decoration: inherit
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0
}

button,
select {
  text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none
}

:-moz-focusring {
  outline: auto
}

:-moz-ui-invalid {
  box-shadow: none
}

progress {
  vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

summary {
  display: list-item
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0
}

fieldset {
  margin: 0;
  padding: 0
}

legend {
  padding: 0
}

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

dialog {
  padding: 0
}

textarea {
  resize: vertical
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: var(--gray-400)
}

button,
[role=button] {
  cursor: pointer
}

:disabled {
  cursor: default
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle
}

img,
video {
  max-width: 100%;
  height: auto
}

[hidden]:where(:not([hidden=until-found])) {
  display: none
}

.container {
  width: 100%
}

@media (min-width: 375px) {
  .container {
    max-width: 375px
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px
  }
}

@media (min-width: 1025px) {
  .container {
    max-width: 1025px
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px
  }
}

@media (min-width: 1350px) {
  .container {
    max-width: 1350px
  }
}

.pointer-events-none {
  pointer-events: none
}

.pointer-events-auto {
  pointer-events: auto
}

.visible {
  visibility: visible
}

.invisible {
  visibility: hidden
}

.static {
  position: static
}

.fixed {
  position: fixed
}

.absolute {
  position: absolute
}

.\!relative {
  position: relative !important
}

.relative {
  position: relative
}

.sticky {
  position: sticky
}

.inset-0 {
  inset: 0
}

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

.-bottom-12 {
  bottom: -3rem
}

.-bottom-16 {
  bottom: -4rem
}

.-bottom-20 {
  bottom: -5rem
}

.-bottom-24 {
  bottom: -6rem
}

.-bottom-28 {
  bottom: -7rem
}

.-left-10 {
  left: -2.5rem
}

.-left-36 {
  left: -9rem
}

.-right-10 {
  right: -2.5rem
}

.-right-14 {
  right: -3.5rem
}

.-right-28 {
  right: -7rem
}

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

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

.-right-80 {
  right: -20rem
}

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

.-top-28 {
  top: -7rem
}

.bottom-0 {
  bottom: 0
}

.bottom-1 {
  bottom: .25rem
}

.bottom-11 {
  bottom: 2.75rem
}

.bottom-4 {
  bottom: 1rem
}

.bottom-5 {
  bottom: 1.25rem
}

.bottom-6 {
  bottom: 1.5rem
}

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

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

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

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

.end-3\.5 {
  inset-inline-end: .875rem
}

.left-0 {
  left: 0
}

.left-1\/2 {
  left: 50%
}

.left-\[-155px\] {
  left: -155px
}

.left-\[50\%\] {
  left: 50%
}

.right-0 {
  right: 0
}

.right-3\.5 {
  right: .875rem
}

.right-4 {
  right: 1rem
}

.right-5 {
  right: 1.25rem
}

.right-9 {
  right: 2.25rem
}

.right-\[-112px\] {
  right: -112px
}

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

.right-\[-330px\] {
  right: -330px
}

.right-\[-507px\] {
  right: -507px
}

.right-\[-58px\] {
  right: -58px
}

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

.right-\[-78px\] {
  right: -78px
}

.start-0 {
  inset-inline-start: 0px
}

.top-0 {
  top: 0
}

.top-0\.5 {
  top: .125rem
}

.top-1\.5 {
  top: .375rem
}

.top-1\/2 {
  top: 50%
}

.top-3 {
  top: .75rem
}

.top-3\.5 {
  top: .875rem
}

.top-36 {
  top: 9rem
}

.top-40 {
  top: 10rem
}

.top-6 {
  top: 1.5rem
}

.top-\[-2\.5rem\] {
  top: -2.5rem
}

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

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

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

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

.top-\[50\%\] {
  top: 50%
}

.\!z-40 {
  z-index: 40 !important
}

.-z-0 {
  z-index: 0
}

.-z-10 {
  z-index: -10
}

.-z-20 {
  z-index: -20
}

.z-0 {
  z-index: 0
}

.z-10 {
  z-index: 10
}

.z-20 {
  z-index: 20
}

.z-30 {
  z-index: 30
}

.z-50 {
  z-index: 50
}

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

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

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

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

.order-1 {
  order: 1
}

.order-2 {
  order: 2
}

.order-3 {
  order: 3
}

.order-first {
  order: -9999
}

.col-span-1 {
  grid-column: span 1 / span 1
}

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

.col-span-2 {
  grid-column: span 2 / span 2
}

.col-span-full {
  grid-column: 1 / -1
}

.m-0 {
  margin: 0
}

.m-14 {
  margin: 3.5rem
}

.m-auto {
  margin: auto
}

.mx-2\.5 {
  margin-left: .625rem;
  margin-right: .625rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.-mt-28 {
  margin-top: -7rem
}

.-mt-40 {
  margin-top: -10rem
}

.-mt-52 {
  margin-top: -13rem
}

.mb-0 {
  margin-bottom: 0
}

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

.mb-1\.5 {
  margin-bottom: .375rem
}

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

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

.mb-14 {
  margin-bottom: 3.5rem
}

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

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

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

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

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

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

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

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

.ml-0 {
  margin-left: 0
}

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

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

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

.ml-7 {
  margin-left: 1.75rem
}

.ml-\[-1\.75rem\] {
  margin-left: -1.75rem
}

.ml-auto {
  margin-left: auto
}

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

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

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

.mr-auto {
  margin-right: auto
}

.ms-3\.5 {
  margin-inline-start: .875rem
}

.mt-0 {
  margin-top: 0
}

.mt-1\.5 {
  margin-top: .375rem
}

.mt-10 {
  margin-top: 2.5rem
}

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

.mt-14 {
  margin-top: 3.5rem
}

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

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

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

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

.mt-36 {
  margin-top: 9rem
}

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

.mt-40 {
  margin-top: 10rem
}

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

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

.mt-7 {
  margin-top: 1.75rem
}

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

.mt-\[-9\.4rem\] {
  margin-top: -9.4rem
}

.mt-\[0\.625rem\] {
  margin-top: .625rem
}

.mt-auto {
  margin-top: auto
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.line-clamp-5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5
}

.block {
  display: block
}

.inline-block {
  display: inline-block
}

.inline {
  display: inline
}

.flex {
  display: flex
}

.inline-flex {
  display: inline-flex
}

.table {
  display: table
}

.grid {
  display: grid
}

.inline-grid {
  display: inline-grid
}

.hidden {
  display: none
}

.aspect-auto {
  aspect-ratio: auto
}

.aspect-square {
  aspect-ratio: 1 / 1
}

.aspect-video {
  aspect-ratio: 16 / 9
}

.\!h-0 {
  height: 0px !important
}

.\!h-auto {
  height: auto !important
}

.h-0 {
  height: 0px
}

.h-0\.5 {
  height: .125rem
}

.h-10 {
  height: 2.5rem
}

.h-11 {
  height: 2.75rem
}

.h-12 {
  height: 3rem
}

.h-14 {
  height: 3.5rem
}

.h-16 {
  height: 4rem
}

.h-2 {
  height: .5rem
}

.h-24 {
  height: 6rem
}

.h-28 {
  height: 7rem
}

.h-3 {
  height: .75rem
}

.h-4 {
  height: 1rem
}

.h-4\/6 {
  height: 66.666667%
}

.h-40 {
  height: 10rem
}

.h-5 {
  height: 1.25rem
}

.h-56 {
  height: 14rem
}

.h-6 {
  height: 1.5rem
}

.h-60 {
  height: 15rem
}

.h-64 {
  height: 16rem
}

.h-7 {
  height: 1.75rem
}

.h-72 {
  height: 18rem
}

.h-8 {
  height: 2rem
}

.h-80 {
  height: 20rem
}

.h-9 {
  height: 2.25rem
}

.h-96 {
  height: 24rem
}

.h-\[100dvh\] {
  height: 100dvh
}

.h-\[15\.6rem\] {
  height: 15.6rem
}

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

.h-\[21\.2rem\] {
  height: 21.2rem
}

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

.h-\[23\.875rem\] {
  height: 23.875rem
}

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

.h-\[27rem\] {
  height: 27rem
}

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

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

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

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

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

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

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

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

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

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

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

.h-\[6\.6rem\] {
  height: 6.6rem
}

.h-\[8\.5625rem\] {
  height: 8.5625rem
}

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

.h-\[9\.4rem\] {
  height: 9.4rem
}

.h-\[9\.6rem\] {
  height: 9.6rem
}

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

.h-auto {
  height: auto
}

.h-fit {
  height: fit-content
}

.h-full {
  height: 100%
}

.h-max {
  height: max-content
}

.h-screen {
  height: 100vh
}

.max-h-60 {
  max-height: 15rem
}

.max-h-72 {
  max-height: 18rem
}

.max-h-80 {
  max-height: 20rem
}

.max-h-96 {
  max-height: 24rem
}

.max-h-\[15\.625rem\] {
  max-height: 15.625rem
}

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

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

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

.max-h-\[31rem\] {
  max-height: 31rem
}

.max-h-\[33rem\] {
  max-height: 33rem
}

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

.max-h-\[90\%\] {
  max-height: 90%
}

.min-h-0 {
  min-height: 0px
}

.min-h-10 {
  min-height: 2.5rem
}

.min-h-12 {
  min-height: 3rem
}

.min-h-20 {
  min-height: 5rem
}

.min-h-24 {
  min-height: 6rem
}

.min-h-40 {
  min-height: 10rem
}

.min-h-48 {
  min-height: 12rem
}

.min-h-60 {
  min-height: 15rem
}

.min-h-96 {
  min-height: 24rem
}

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

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

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

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

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

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

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

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

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

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

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

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

.min-h-full {
  min-height: 100%
}

.min-h-screen {
  min-height: 100vh
}

.\!w-0 {
  width: 0px !important
}

.w-0 {
  width: 0px
}

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

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

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

.w-11 {
  width: 2.75rem
}

.w-12 {
  width: 3rem
}

.w-14 {
  width: 3.5rem
}

.w-16 {
  width: 4rem
}

.w-2 {
  width: .5rem
}

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

.w-2\/6 {
  width: 33.333333%
}

.w-24 {
  width: 6rem
}

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

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

.w-3\/5 {
  width: 60%
}

.w-4 {
  width: 1rem
}

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

.w-40 {
  width: 10rem
}

.w-48 {
  width: 12rem
}

.w-5 {
  width: 1.25rem
}

.w-56 {
  width: 14rem
}

.w-60 {
  width: 15rem
}

.w-64 {
  width: 16rem
}

.w-72 {
  width: 18rem
}

.w-9 {
  width: 2.25rem
}

.w-\[15\.6rem\] {
  width: 15.6rem
}

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

.w-\[19rem\] {
  width: 19rem
}

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

.w-\[20\.9375rem\] {
  width: 20.9375rem
}

.w-\[20\.9rem\] {
  width: 20.9rem
}

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

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

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

.w-\[29\.938rem\] {
  width: 29.938rem
}

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

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

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

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

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

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

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

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

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

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

.w-\[9\.6rem\] {
  width: 9.6rem
}

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

.w-\[calc\(100\%-20px\)\] {
  width: calc(100% - 20px)
}

.w-auto {
  width: auto
}

.w-fit {
  width: fit-content
}

.w-full {
  width: 100%
}

.w-max {
  width: max-content
}

.w-min {
  width: min-content
}

.w-screen {
  width: 100vw
}

.min-w-3\.5 {
  min-width: .875rem
}

.min-w-52 {
  min-width: 13rem
}

.min-w-8 {
  min-width: 2rem
}

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

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

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

.max-w-12 {
  max-width: 3rem
}

.max-w-28 {
  max-width: 7rem
}

.max-w-32 {
  max-width: 8rem
}

.max-w-36 {
  max-width: 9rem
}

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

.max-w-4 {
  max-width: 1rem
}

.max-w-40 {
  max-width: 10rem
}

.max-w-44 {
  max-width: 11rem
}

.max-w-52 {
  max-width: 13rem
}

.max-w-56 {
  max-width: 14rem
}

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

.max-w-64 {
  max-width: 16rem
}

.max-w-96 {
  max-width: 24rem
}

.max-w-\[16\.875rem\] {
  max-width: 16.875rem
}

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

.max-w-\[20\.813rem\] {
  max-width: 20.813rem
}

.max-w-\[20\.938rem\] {
  max-width: 20.938rem
}

.max-w-\[21\.438rem\] {
  max-width: 21.438rem
}

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

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

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

.max-w-\[26\.25rem\] {
  max-width: 26.25rem
}

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

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

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

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

.max-w-\[34rem\] {
  max-width: 34rem
}

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

.max-w-\[38\.9rem\] {
  max-width: 38.9rem
}

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

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

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

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

.max-w-\[84\.375rem\] {
  max-width: 84.375rem
}

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

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

.max-w-\[calc\(100\%-3rem\)\] {
  max-width: calc(100% - 3rem)
}

.max-w-fit {
  max-width: fit-content
}

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

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

.max-w-md {
  max-width: 28rem
}

.max-w-xs {
  max-width: 20rem
}

.flex-1 {
  flex: 1 1 0%
}

.flex-\[0_0_90\%\] {
  flex: 0 0 90%
}

.shrink {
  flex-shrink: 1
}

.shrink-0 {
  flex-shrink: 0
}

.flex-grow,
.grow {
  flex-grow: 1
}

.basis-1\/2 {
  flex-basis: 50%
}

.origin-center {
  transform-origin: center
}

.-translate-x-0\.5 {
  --tw-translate-x: -.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-3\/4 {
  --tw-translate-x: -75%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\.5 {
  --tw-translate-y: -.375rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[-5\%\] {
  --tw-translate-x: -5%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[-55\%\] {
  --tw-translate-x: -55%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-1\.5 {
  --tw-translate-y: .375rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-140\%\] {
  --tw-translate-y: -140%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-40\%\] {
  --tw-translate-y: -40%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-full {
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-180 {
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-45 {
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[10deg\] {
  --tw-rotate: 10deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-125 {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-150,
.scale-\[1\.5\] {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[2\] {
  --tw-scale-x: 2;
  --tw-scale-y: 2;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes infinite-scroll {
  0% {
    transform: translate(0);
    offset: 0
  }

  to {
    transform: translate(-100%);
    offset: 1px
  }
}

.animate-infinite-scroll {
  animation: infinite-scroll 1000s linear infinite
}

@keyframes spin {
  to {
    transform: rotate(360deg)
  }
}

.animate-spin {
  animation: spin 1s linear infinite
}

@keyframes shimmer {
  0% {
    transform: translate(-100%) skew(-30deg)
  }

  to {
    transform: translate(100%)
  }
}

.animate-vertical-overlay {
  animation: shimmer 1.1s infinite linear
}

.cursor-default {
  cursor: default
}

.cursor-not-allowed {
  cursor: not-allowed
}

.cursor-pointer {
  cursor: pointer
}

.select-none {
  -webkit-user-select: none;
  user-select: none
}

.resize {
  resize: both
}

.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness)
}

.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory
}

.snap-start {
  scroll-snap-align: start
}

.list-inside {
  list-style-position: inside
}

.list-disc {
  list-style-type: disc
}

.auto-cols-\[minmax\(13\.1rem\,1fr\)\] {
  grid-auto-columns: minmax(13.1rem, 1fr)
}

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

.grid-flow-col {
  grid-auto-flow: column
}

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

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

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

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

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

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

.grid-cols-\[1fr_2fr\] {
  grid-template-columns: 1fr 2fr
}

.grid-cols-\[repeat\(auto-fit\,minmax\(200px\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
}

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

.flex-row {
  flex-direction: row
}

.flex-row-reverse {
  flex-direction: row-reverse
}

.flex-col {
  flex-direction: column
}

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

.flex-wrap {
  flex-wrap: wrap
}

.flex-nowrap {
  flex-wrap: nowrap
}

.place-items-center {
  place-items: center
}

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

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

.items-center {
  align-items: center
}

.items-baseline {
  align-items: baseline
}

.justify-start {
  justify-content: flex-start
}

.justify-end {
  justify-content: flex-end
}

.justify-center {
  justify-content: center
}

.justify-between {
  justify-content: space-between
}

.justify-evenly {
  justify-content: space-evenly
}

.justify-items-center {
  justify-items: center
}

.gap-1 {
  gap: .25rem
}

.gap-1\.5 {
  gap: .375rem
}

.gap-10 {
  gap: 2.5rem
}

.gap-12 {
  gap: 3rem
}

.gap-14 {
  gap: 3.5rem
}

.gap-16 {
  gap: 4rem
}

.gap-2 {
  gap: .5rem
}

.gap-2\.5 {
  gap: .625rem
}

.gap-20 {
  gap: 5rem
}

.gap-3 {
  gap: .75rem
}

.gap-3\.5 {
  gap: .875rem
}

.gap-4 {
  gap: 1rem
}

.gap-5 {
  gap: 1.25rem
}

.gap-6 {
  gap: 1.5rem
}

.gap-7 {
  gap: 1.75rem
}

.gap-8 {
  gap: 2rem
}

.gap-9 {
  gap: 2.25rem
}

.gap-\[5rem\] {
  gap: 5rem
}

.gap-x-10 {
  column-gap: 2.5rem
}

.gap-x-2 {
  column-gap: .5rem
}

.gap-x-3 {
  column-gap: .75rem
}

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

.gap-y-4 {
  row-gap: 1rem
}

.gap-y-5 {
  row-gap: 1.25rem
}

.gap-y-6 {
  row-gap: 1.5rem
}

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

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

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

.self-start {
  align-self: flex-start
}

.self-end {
  align-self: flex-end
}

.self-center {
  align-self: center
}

.self-stretch {
  align-self: stretch
}

.overflow-auto {
  overflow: auto
}

.overflow-hidden {
  overflow: hidden
}

.overflow-visible {
  overflow: visible
}

.overflow-x-auto {
  overflow-x: auto
}

.overflow-y-auto {
  overflow-y: auto
}

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

.overflow-x-scroll {
  overflow-x: scroll
}

.overscroll-y-none {
  overscroll-behavior-y: none
}

.overscroll-x-contain {
  overscroll-behavior-x: contain
}

.scroll-smooth {
  scroll-behavior: smooth
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.text-ellipsis {
  text-overflow: ellipsis
}

.whitespace-nowrap {
  white-space: nowrap
}

.whitespace-break-spaces {
  white-space: break-spaces
}

.text-nowrap {
  text-wrap: nowrap
}

.break-normal {
  overflow-wrap: normal;
  word-break: normal
}

.break-words {
  overflow-wrap: break-word
}

.rounded {
  border-radius: .25rem
}

.rounded-2xl {
  border-radius: 1rem
}

.rounded-3xl {
  border-radius: 1.5rem
}

.rounded-\[1\.25rem\] {
  border-radius: 1.25rem
}

.rounded-\[2rem\] {
  border-radius: 2rem
}

.rounded-\[6rem\] {
  border-radius: 6rem
}

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

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

.rounded-xl {
  border-radius: .75rem
}

.rounded-b-\[2\.5rem\] {
  border-bottom-right-radius: 2.5rem;
  border-bottom-left-radius: 2.5rem
}

.rounded-l-lg {
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem
}

.rounded-r-lg {
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem
}

.rounded-t-\[1\.25rem\] {
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem
}

.rounded-t-\[2\.5rem\] {
  border-top-left-radius: 2.5rem;
  border-top-right-radius: 2.5rem
}

.rounded-t-\[4\.5rem\] {
  border-top-left-radius: 4.5rem;
  border-top-right-radius: 4.5rem
}

.rounded-tl-\[40px\] {
  border-top-left-radius: 40px
}

.rounded-tr-\[40px\] {
  border-top-right-radius: 40px
}

.border {
  border-width: 1px
}

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

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

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

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

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

.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px
}

.border-y-4 {
  border-top-width: 4px;
  border-bottom-width: 4px
}

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

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

.border-l {
  border-left-width: 1px
}

.border-l-0 {
  border-left-width: 0px
}

.border-r {
  border-right-width: 1px
}

.border-r-0 {
  border-right-width: 0px
}

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

.border-solid {
  border-style: solid
}

.\!border-none {
  border-style: none !important
}

.\!border-brand-600 {
  border-color: var(--brand-600) !important
}

.\!border-gray-300 {
  border-color: var(--gray-300) !important
}

.\!border-red-300 {
  border-color: var(--red-300) !important
}

.border-\[rgba\(0\,0\,0\,0\.00\)\] {
  border-color: #0000
}

.border-\[rgba\(255\,255\,255\,0\.20\)\] {
  border-color: #fff3
}

.border-brand-100 {
  border-color: var(--brand-100)
}

.border-brand-200 {
  border-color: var(--brand-200)
}

.border-brand-300 {
  border-color: var(--brand-300)
}

.border-brand-50 {
  border-color: var(--brand-50)
}

.border-brand-600 {
  border-color: var(--brand-600)
}

.border-gray-100 {
  border-color: var(--gray-100)
}

.border-gray-200 {
  border-color: var(--gray-200)
}

.border-gray-300 {
  border-color: var(--gray-300)
}

.border-gray-400 {
  border-color: var(--gray-400)
}

.border-gray-500 {
  border-color: var(--gray-500)
}

.border-gray-700 {
  border-color: var(--gray-700)
}

.border-gray-800 {
  border-color: var(--gray-800)
}

.border-green-200 {
  border-color: var(--green-200)
}

.border-red-200 {
  border-color: var(--red-200)
}

.border-red-300 {
  border-color: var(--red-300)
}

.border-white {
  border-color: var(--white)
}

.border-yellow-200 {
  border-color: var(--yellow-200)
}

.border-y-transparent {
  border-top-color: var(--transparent);
  border-bottom-color: var(--transparent)
}

.border-b-brand-600 {
  border-bottom-color: var(--brand-600)
}

.border-b-gray-300 {
  border-bottom-color: var(--gray-300)
}

.border-b-white {
  border-bottom-color: var(--white)
}

.border-t-brand-600 {
  border-top-color: var(--brand-600)
}

.border-t-gray-300 {
  border-top-color: var(--gray-300)
}

.border-t-white {
  border-top-color: var(--white)
}

.\!bg-brand-600 {
  background-color: var(--brand-600) !important
}

.\!bg-gray-50 {
  background-color: var(--gray-50) !important
}

.\!bg-transparent {
  background-color: var(--transparent) !important
}

.\!bg-white {
  background-color: var(--white) !important
}

.bg-\[\#102C3A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 44 58 / var(--tw-bg-opacity))
}

.bg-\[rgba\(0\,0\,0\,0\.65\)\] {
  background-color: #000000a6
}

.bg-\[rgba\(0\,0\,0\,0\.78\)\] {
  background-color: #000000c7
}

.bg-\[rgba\(255\,255\,255\,0\.95\)\] {
  background-color: #fffffff2
}

.bg-backdrop {
  background-color: var(--backdrop)
}

.bg-black {
  background-color: var(--black)
}

.bg-brand-25 {
  background-color: var(--brand-25)
}

.bg-brand-50 {
  background-color: var(--brand-50)
}

.bg-brand-600 {
  background-color: var(--brand-600)
}

.bg-brand-700 {
  background-color: var(--brand-700)
}

.bg-brand-800 {
  background-color: var(--brand-800)
}

.bg-brand-900 {
  background-color: var(--brand-900)
}

.bg-brand-950 {
  background-color: var(--brand-950)
}

.bg-gray-100 {
  background-color: var(--gray-100)
}

.bg-gray-200 {
  background-color: var(--gray-200)
}

.bg-gray-25 {
  background-color: var(--gray-25)
}

.bg-gray-400 {
  background-color: var(--gray-400)
}

.bg-gray-50 {
  background-color: var(--gray-50)
}

.bg-gray-500 {
  background-color: var(--gray-500)
}

.bg-gray-600 {
  background-color: var(--gray-600)
}

.bg-gray-800 {
  background-color: var(--gray-800)
}

.bg-gray-900 {
  background-color: var(--gray-900)
}

.bg-gray-950 {
  background-color: var(--gray-950)
}

.bg-grayDark-200 {
  background-color: var(--gray-dark-200)
}

.bg-green-400 {
  background-color: var(--green-400)
}

.bg-green-50 {
  background-color: var(--green-50)
}

.bg-green-500 {
  background-color: var(--green-500)
}

.bg-red-400 {
  background-color: var(--red-400)
}

.bg-red-50 {
  background-color: var(--red-50)
}

.bg-red-500 {
  background-color: var(--red-500)
}

.bg-transparent {
  background-color: var(--transparent)
}

.bg-white {
  background-color: var(--white)
}

.bg-yellow-200 {
  background-color: var(--yellow-200)
}

.bg-yellow-400 {
  background-color: var(--yellow-400)
}

.bg-yellow-50 {
  background-color: var(--yellow-50)
}

.bg-yellow-500 {
  background-color: var(--yellow-500)
}

.bg-\[linear-gradient\(114deg\,\#0c111d\,\#14264c\)\] {
  background-image: linear-gradient(114deg, #0c111d, #14264c)
}

.bg-\[linear-gradient\(115deg\,\#12204e\,\#0c5754\)\] {
  background-image: linear-gradient(115deg, #12204e, #0c5754)
}

.bg-\[linear-gradient\(121deg\,\#04112B_28\.47\%\,\#062C5A_72\.5\%\)\] {
  background-image: linear-gradient(121deg, #04112b 28.47%, #062c5a 72.5%)
}

.bg-\[linear-gradient\(180deg\,\#000000_0\%\,\#000000_50\%\,\#f2f4f7_50\%\,\#f2f4f7_100\%\)\] {
  background-image: linear-gradient(180deg, #000 0% 50%, #f2f4f7 50% 100%)
}

.bg-\[linear-gradient\(180deg\,\#000000_0\%\,\#000000_50\%\,\#ffffff_50\%\,\#ffffff_100\%\)\] {
  background-image: linear-gradient(180deg, #000 0% 50%, #fff 50% 100%)
}

.bg-\[linear-gradient\(262deg\,rgba\(28\,38\,59\,0\.80\)_5\.02\%\,rgba\(18\,26\,46\,0\.80\)_86\.48\%\)\] {
  background-image: linear-gradient(262deg, #1c263bcc 5.02%, #121a2ecc 86.48%)
}

.bg-\[linear-gradient\(275deg\,rgba\(255\,255\,255\,0\.05\)_40\.89\%\,rgba\(153\,153\,153\,0\.05\)_99\.46\%\)\] {
  background-image: linear-gradient(275deg, #ffffff0d 40.89%, #9999990d 99.46%)
}

.bg-\[radial-gradient\(111\.14\%_27\.39\%_at_50\%_27\.02\%\,\#172543_0\%\,\#000_100\%\)\] {
  background-image: radial-gradient(111.14% 27.39% at 50% 27.02%, #172543, #000)
}

.bg-\[radial-gradient\(circle\,rgba\(158\,22\,95\,0\.07326680672268904\)_10\%\,rgba\(14\,23\,58\,0\.1741071428571429\)_34\%\,rgba\(12\,17\,29\,1\)_52\%\)\] {
  background-image: radial-gradient(circle, #9e165f13 10%, #0e173a2c 34%, #0c111d 52%)
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.from-\[\#1F1F23\] {
  --tw-gradient-from: #1F1F23 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(31 31 35 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-700 {
  --tw-gradient-from: var(--gray-700) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-transparent {
  --tw-gradient-from: var(--transparent) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white {
  --tw-gradient-from: var(--white) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[0\.27\%\] {
  --tw-gradient-from-position: .27%
}

.from-\[175px\] {
  --tw-gradient-from-position: 175px
}

.from-\[5\%\] {
  --tw-gradient-from-position: 5%
}

.via-gray-100 {
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--gray-100) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-gray-500 {
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--gray-500) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.to-\[\#050505\] {
  --tw-gradient-to: #050505 var(--tw-gradient-to-position)
}

.to-\[\#748FBA\] {
  --tw-gradient-to: #748FBA var(--tw-gradient-to-position)
}

.to-gray-400 {
  --tw-gradient-to: var(--gray-400) var(--tw-gradient-to-position)
}

.to-gray-800 {
  --tw-gradient-to: var(--gray-800) var(--tw-gradient-to-position)
}

.to-transparent {
  --tw-gradient-to: var(--transparent) var(--tw-gradient-to-position)
}

.to-90\% {
  --tw-gradient-to-position: 90%
}

.to-\[175px\] {
  --tw-gradient-to-position: 175px
}

.to-\[208\.86\%\] {
  --tw-gradient-to-position: 208.86%
}

.bg-top {
  background-position: top
}

.stroke-brand-700 {
  stroke: var(--brand-700)
}

.stroke-gray-600 {
  stroke: var(--gray-600)
}

.object-contain {
  object-fit: contain
}

.object-cover {
  object-fit: cover
}

.object-\[-0\.75rem\] {
  object-position: -.75rem
}

.object-center {
  object-position: center
}

.object-left {
  object-position: left
}

.p-0 {
  padding: 0
}

.p-0\.5 {
  padding: .125rem
}

.p-1\.5 {
  padding: .375rem
}

.p-10 {
  padding: 2.5rem
}

.p-2 {
  padding: .5rem
}

.p-3 {
  padding: .75rem
}

.p-3\.5 {
  padding: .875rem
}

.p-4 {
  padding: 1rem
}

.p-5 {
  padding: 1.25rem
}

.p-6 {
  padding: 1.5rem
}

.p-8 {
  padding: 2rem
}

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

.p-px {
  padding: 1px
}

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

.\!px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important
}

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

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

.\!py-3\.5 {
  padding-top: .875rem !important;
  padding-bottom: .875rem !important
}

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

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

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

.px-0\.5 {
  padding-left: .125rem;
  padding-right: .125rem
}

.px-14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem
}

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

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

.px-2\.5 {
  padding-left: .625rem;
  padding-right: .625rem
}

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

.px-3\.5 {
  padding-left: .875rem;
  padding-right: .875rem
}

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

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

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

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

.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem
}

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

.py-0\.5 {
  padding-top: .125rem;
  padding-bottom: .125rem
}

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

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}

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

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

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

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

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

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

.py-3\.5 {
  padding-top: .875rem;
  padding-bottom: .875rem
}

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

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

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

.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem
}

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

.py-\[1\.125rem\] {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem
}

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

.\!pb-0 {
  padding-bottom: 0 !important
}

.\!pb-12 {
  padding-bottom: 3rem !important
}

.pb-0 {
  padding-bottom: 0
}

.pb-1\.5 {
  padding-bottom: .375rem
}

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

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

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

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

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

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

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

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

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

.pb-48 {
  padding-bottom: 12rem
}

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

.pb-52 {
  padding-bottom: 13rem
}

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

.pb-64 {
  padding-bottom: 16rem
}

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

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

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

.pl-10 {
  padding-left: 2.5rem
}

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

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

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

.pl-7 {
  padding-left: 1.75rem
}

.pl-9 {
  padding-left: 2.25rem
}

.pr-0\.5 {
  padding-right: .125rem
}

.pr-10 {
  padding-right: 2.5rem
}

.pr-6 {
  padding-right: 1.5rem
}

.pt-0 {
  padding-top: 0
}

.pt-0\.5 {
  padding-top: .125rem
}

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

.pt-1\.5 {
  padding-top: .375rem
}

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

.pt-14 {
  padding-top: 3.5rem
}

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

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

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

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

.pt-36 {
  padding-top: 9rem
}

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

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

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

.pt-7 {
  padding-top: 1.75rem
}

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

.pt-9 {
  padding-top: 2.25rem
}

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

.text-left {
  text-align: left
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.text-start {
  text-align: start
}

.align-bottom {
  vertical-align: bottom
}

.font-sans {
  font-family: Inter, Roboto, Tahoma, Arial, sans-serif
}

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

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem
}

.text-5xl {
  font-size: 3rem;
  line-height: 1
}

.text-7xl {
  font-size: 4.5rem;
  line-height: 1
}

.text-\[4\.5rem\] {
  font-size: 4.5rem
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem
}

.text-sm {
  font-size: .875rem;
  line-height: 1.25rem
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem
}

.text-xs {
  font-size: .75rem;
  line-height: 1rem
}

.font-black {
  font-weight: 900
}

.font-bold {
  font-weight: 700
}

.font-extrabold {
  font-weight: 800
}

.font-medium {
  font-weight: 500
}

.font-normal {
  font-weight: 400
}

.font-semibold {
  font-weight: 600
}

.uppercase {
  text-transform: uppercase
}

.capitalize {
  text-transform: capitalize
}

.leading-10 {
  line-height: 2.5rem
}

.leading-5 {
  line-height: 1.25rem
}

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

.leading-7 {
  line-height: 1.75rem
}

.leading-none {
  line-height: 1
}

.leading-tight {
  line-height: 1.25
}

.\!text-gray-200 {
  color: var(--gray-200) !important
}

.\!text-gray-300 {
  color: var(--gray-300) !important
}

.\!text-gray-500 {
  color: var(--gray-500) !important
}

.\!text-neutral-700 {
  color: var(--neutral-700) !important
}

.\!text-telegram {
  color: var(--telegram) !important
}

.\!text-viber {
  color: var(--viber) !important
}

.\!text-whatsapp {
  color: var(--whatsapp) !important
}

.\!text-white {
  color: var(--white) !important
}

.text-\[\#111827\] {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity))
}

.text-black {
  color: var(--black)
}

.text-brand-200 {
  color: var(--brand-200)
}

.text-brand-300 {
  color: var(--brand-300)
}

.text-brand-400 {
  color: var(--brand-400)
}

.text-brand-500 {
  color: var(--brand-500)
}

.text-brand-600 {
  color: var(--brand-600)
}

.text-brand-700 {
  color: var(--brand-700)
}

.text-facebook {
  color: var(--facebook)
}

.text-gray-100 {
  color: var(--gray-100)
}

.text-gray-200 {
  color: var(--gray-200)
}

.text-gray-25 {
  color: var(--gray-25)
}

.text-gray-300 {
  color: var(--gray-300)
}

.text-gray-400 {
  color: var(--gray-400)
}

.text-gray-50 {
  color: var(--gray-50)
}

.text-gray-500 {
  color: var(--gray-500)
}

.text-gray-600 {
  color: var(--gray-600)
}

.text-gray-700 {
  color: var(--gray-700)
}

.text-gray-800 {
  color: var(--gray-800)
}

.text-gray-900 {
  color: var(--gray-900)
}

.text-gray-950 {
  color: var(--gray-950)
}

.text-grayDark-400 {
  color: var(--gray-dark-400)
}

.text-grayDark-900 {
  color: var(--gray-dark-900)
}

.text-green-400 {
  color: var(--green-400)
}

.text-green-700 {
  color: var(--green-700)
}

.text-line {
  color: var(--line)
}

.text-linkedin {
  color: var(--linkedin)
}

.text-naver {
  color: var(--naver)
}

.text-neutral-700 {
  color: var(--neutral-700)
}

.text-neutral-900 {
  color: var(--neutral-900)
}

.text-red-500 {
  color: var(--red-500)
}

.text-red-600 {
  color: var(--red-600)
}

.text-red-700 {
  color: var(--red-700)
}

.text-telegram {
  color: var(--telegram)
}

.text-transparent {
  color: var(--transparent)
}

.text-twitter {
  color: var(--twitter)
}

.text-white {
  color: var(--white)
}

.text-yellow-700 {
  color: var(--yellow-700)
}

.text-youtube {
  color: var(--youtube)
}

.underline {
  text-decoration-line: underline
}

.no-underline {
  text-decoration-line: none
}

.opacity-0 {
  opacity: 0
}

.opacity-10 {
  opacity: .1
}

.opacity-100 {
  opacity: 1
}

.opacity-20 {
  opacity: .2
}

.opacity-30 {
  opacity: .3
}

.opacity-40 {
  opacity: .4
}

.opacity-50 {
  opacity: .5
}

.opacity-60 {
  opacity: .6
}

.opacity-70 {
  opacity: .7
}

.opacity-80 {
  opacity: .8
}

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

.mix-blend-color-dodge {
  mix-blend-mode: color-dodge
}

.mix-blend-luminosity {
  mix-blend-mode: luminosity
}

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

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

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

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

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

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

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

.shadow-black {
  --tw-shadow-color: var(--black);
  --tw-shadow: var(--tw-shadow-colored)
}

.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px
}

.outline-0 {
  outline-width: 0px
}

.blur {
  --tw-blur: blur(8px);
  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-sm {
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));
  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-xl {
  --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / .03)) drop-shadow(0 8px 5px rgb(0 0 0 / .08));
  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)
}

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

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.duration-300 {
  transition-duration: .3s
}

.duration-500 {
  transition-duration: .5s
}

.duration-\[0\.3s\] {
  transition-duration: .3s
}

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

.ease-in-out {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.\[-ms-overflow-style\:none\] {
  -ms-overflow-style: none
}

.\[mask-image\:_linear-gradient\(to_right\,transparent_0\,_black_128px\,_black_calc\(100\%-200px\)\,transparent_100\%\)\] {
  mask-image: linear-gradient(to right, transparent 0, black 128px, black calc(100% - 200px), transparent 100%)
}

.\[overflow-wrap\:anywhere\] {
  overflow-wrap: anywhere
}

.\[scrollbar-width\:none\] {
  scrollbar-width: none
}

.progress-bar .ng-progress-bar .ng-bar-placeholder {
  height: .375rem
}

.progress-bar .ng-progress-bar .ng-bar-placeholder .ng-bar {
  background-color: var(--brand-600) !important
}

#xm-livechat {
  z-index: 1001
}

.cdk-overlay-container:has(xm-modal, .tooltip) {
  z-index: 1050
}

.onboarding-form-field {
  min-width: 250px
}

@media only screen and (min-width: 1350px) {
  .onboarding-form-field {
    min-width: 300px
  }
}

.onboarding-form-field .error-with-link {
  color: var(--primary-600);
  cursor: pointer
}

.onboarding-form-field .bold-links a {
  font-weight: 600
}

@media only screen and (min-width: 768px) {
  .onboarding-form-field-grid-6 {
    max-width: calc(50% - 8px)
  }
}

.onboarding-html-content .icon-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px
}

.onboarding-html-content .icon-list--check li {
  display: flex;
  padding-left: 19px;
  background-image: url("./media/green-circle-check.svg");
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: left center;
  font-weight: 500
}

.onboarding-html-content hr {
  background-color: var(--gray-300);
  padding-bottom: 1px
}

.checkbox-content a {
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px
}

.disable-scroll {
  --scroll-padding: var(--scrollbar-width);
  overflow: unset;
  position: unset;
  padding-right: var(--scroll-padding);
  width: 100%
}

.disable-scroll body {
  overflow: hidden !important
}

.disable-scroll #xm-livechat {
  padding-right: var(--scroll-padding)
}

.disable-scroll :has(.cdk-global-overlay-wrapper) xm-www-livechat-widget-wrapper {
  position: absolute
}

#sidebar {
  right: var(--scroll-padding, 0px)
}

#header {
  width: calc(100% - var(--scroll-padding, 0px))
}

:host-context(#header) #risk-warning {
  width: calc(100% - var(--scroll-padding, 0px))
}

@media (min-width: 768px) {
  .md\:container {
    width: 100%
  }

  @media (min-width: 375px) {
    .md\:container {
      max-width: 375px
    }
  }

  .md\:container {
    max-width: 768px
  }

  @media (min-width: 1025px) {
    .md\:container {
      max-width: 1025px
    }
  }

  @media (min-width: 1200px) {
    .md\:container {
      max-width: 1200px
    }
  }

  @media (min-width: 1350px) {
    .md\:container {
      max-width: 1350px
    }
  }
}

@media (min-width: 1025px) {
  .lg\:container {
    width: 100%
  }

  @media (min-width: 375px) {
    .lg\:container {
      max-width: 375px
    }
  }

  @media (min-width: 768px) {
    .lg\:container {
      max-width: 768px
    }
  }

  .lg\:container {
    max-width: 1025px
  }

  @media (min-width: 1200px) {
    .lg\:container {
      max-width: 1200px
    }
  }

  @media (min-width: 1350px) {
    .lg\:container {
      max-width: 1350px
    }
  }
}

@media (min-width: 1350px) {
  .xl\:container {
    width: 100%
  }

  @media (min-width: 375px) {
    .xl\:container {
      max-width: 375px
    }
  }

  @media (min-width: 768px) {
    .xl\:container {
      max-width: 768px
    }
  }

  @media (min-width: 1025px) {
    .xl\:container {
      max-width: 1025px
    }
  }

  @media (min-width: 1200px) {
    .xl\:container {
      max-width: 1200px
    }
  }

  .xl\:container {
    max-width: 1350px
  }
}

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

.before\:bottom-0:before {
  content: var(--tw-content);
  bottom: 0
}

.before\:left-0:before {
  content: var(--tw-content);
  left: 0
}

.before\:top-\[-5rem\]:before {
  content: var(--tw-content);
  top: -5rem
}

.before\:-z-10:before {
  content: var(--tw-content);
  z-index: -10
}

.before\:h-\[44px\]:before {
  content: var(--tw-content);
  height: 44px
}

.before\:h-\[5\.1rem\]:before {
  content: var(--tw-content);
  height: 5.1rem
}

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

.before\:rounded-t-\[2\.5rem\]:before {
  content: var(--tw-content);
  border-top-left-radius: 2.5rem;
  border-top-right-radius: 2.5rem
}

.before\:bg-gray-800:before {
  content: var(--tw-content);
  background-color: var(--gray-800)
}

.before\:bg-white:before {
  content: var(--tw-content);
  background-color: var(--white)
}

.before\:bg-\[radial-gradient\(62\.64\%_100\.96\%_at_50\.29\%_117\.14\%\,rgba\(0\,0\,0\,0\.30\)_0\%\,rgba\(242\,244\,247\,0\.00\)_100\%\)\]:before {
  content: var(--tw-content);
  background-image: radial-gradient(62.64% 100.96% at 50.29% 117.14%, #0000004d, #f2f4f700)
}

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

.after\:pointer-events-none:after {
  content: var(--tw-content);
  pointer-events: none
}

.after\:pointer-events-auto:after {
  content: var(--tw-content);
  pointer-events: auto
}

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

.after\:inset-0:after {
  content: var(--tw-content);
  inset: 0
}

.after\:bottom-0:after {
  content: var(--tw-content);
  bottom: 0
}

.after\:left-0:after {
  content: var(--tw-content);
  left: 0
}

.after\:z-\[1\]:after {
  content: var(--tw-content);
  z-index: 1
}

.after\:h-\[20px\]:after {
  content: var(--tw-content);
  height: 20px
}

.after\:h-\[3px\]:after {
  content: var(--tw-content);
  height: 3px
}

.after\:w-full:after {
  content: var(--tw-content);
  width: 100%
}

.after\:bg-\[rgba\(0\,0\,0\,0\)\]:after {
  content: var(--tw-content);
  background-color: #0000
}

.after\:bg-brand-700:after {
  content: var(--tw-content);
  background-color: var(--brand-700)
}

.after\:bg-transparent:after {
  content: var(--tw-content);
  background-color: var(--transparent)
}

.after\:bg-white:after {
  content: var(--tw-content);
  background-color: var(--white)
}

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

.last\:col-span-1:last-child {
  grid-column: span 1 / span 1
}

.focus-within\:shadow-ring-brand-xs:focus-within {
  --tw-shadow: var(--ring-brand-xs);
  --tw-shadow-colored: var(--ring-brand-xs);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.focus-within\:shadow-ring-error-xs:focus-within {
  --tw-shadow: var(--ring-error-xs);
  --tw-shadow-colored: var(--ring-error-xs);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:cursor-pointer:hover {
  cursor: pointer
}

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

.hover\:border-brand-300:hover {
  border-color: var(--brand-300)
}

.hover\:border-brand-600:hover {
  border-color: var(--brand-600)
}

.hover\:border-gray-300:hover {
  border-color: var(--gray-300)
}

.hover\:border-b-gray-300:hover {
  border-bottom-color: var(--gray-300)
}

.hover\:border-b-white:hover {
  border-bottom-color: var(--white)
}

.hover\:border-t-gray-300:hover {
  border-top-color: var(--gray-300)
}

.hover\:border-t-white:hover {
  border-top-color: var(--white)
}

.hover\:\!bg-gray-50:hover {
  background-color: var(--gray-50) !important
}

.hover\:bg-brand-25:hover {
  background-color: var(--brand-25)
}

.hover\:bg-brand-50:hover {
  background-color: var(--brand-50)
}

.hover\:bg-brand-600:hover {
  background-color: var(--brand-600)
}

.hover\:bg-brand-700:hover {
  background-color: var(--brand-700)
}

.hover\:bg-gray-100:hover {
  background-color: var(--gray-100)
}

.hover\:bg-gray-200:hover {
  background-color: var(--gray-200)
}

.hover\:bg-gray-50:hover {
  background-color: var(--gray-50)
}

.hover\:bg-gray-950:hover {
  background-color: var(--gray-950)
}

.hover\:\!text-telegram:hover {
  color: var(--telegram) !important
}

.hover\:\!text-viber:hover {
  color: var(--viber) !important
}

.hover\:\!text-whatsapp:hover {
  color: var(--whatsapp) !important
}

.hover\:\!text-white:hover {
  color: var(--white) !important
}

.hover\:text-black:hover {
  color: var(--black)
}

.hover\:text-brand-400:hover {
  color: var(--brand-400)
}

.hover\:text-brand-600:hover {
  color: var(--brand-600)
}

.hover\:text-brand-700:hover {
  color: var(--brand-700)
}

.hover\:text-brand-800:hover {
  color: var(--brand-800)
}

.hover\:text-facebook:hover {
  color: var(--facebook)
}

.hover\:text-gray-200:hover {
  color: var(--gray-200)
}

.hover\:text-gray-700:hover {
  color: var(--gray-700)
}

.hover\:text-gray-900:hover {
  color: var(--gray-900)
}

.hover\:text-green-500:hover {
  color: var(--green-500)
}

.hover\:text-line:hover {
  color: var(--line)
}

.hover\:text-linkedin:hover {
  color: var(--linkedin)
}

.hover\:text-naver:hover {
  color: var(--naver)
}

.hover\:text-telegram:hover {
  color: var(--telegram)
}

.hover\:text-twitter:hover {
  color: var(--twitter)
}

.hover\:text-white:hover {
  color: var(--white)
}

.hover\:text-youtube:hover {
  color: var(--youtube)
}

.\*\:hover\:\!bg-transparent:hover>* {
  background-color: var(--transparent) !important
}

.focus\:border-brand-300:focus {
  border-color: var(--brand-300)
}

.focus\:border-brand-500:focus {
  border-color: var(--brand-500)
}

.focus\:bg-white:focus {
  background-color: var(--white)
}

.focus\:\!text-white:focus {
  color: var(--white) !important
}

.focus\:text-brand-500:focus {
  color: var(--brand-500)
}

.focus\:text-brand-700:focus {
  color: var(--brand-700)
}

.focus\:text-brand-800:focus {
  color: var(--brand-800)
}

.focus\:text-green-400:focus {
  color: var(--green-400)
}

.focus\:text-white:focus {
  color: var(--white)
}

.focus\:shadow-ring-brand-xs:focus {
  --tw-shadow: var(--ring-brand-xs);
  --tw-shadow-colored: var(--ring-brand-xs);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.focus\:shadow-ring-error-xs:focus {
  --tw-shadow: var(--ring-error-xs);
  --tw-shadow-colored: var(--ring-error-xs);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px
}

.focus\:outline-0:focus {
  outline-width: 0px
}

.focus\:ring:focus {
  --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 #0000)
}

.focus\:ring-0:focus {
  --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(0px + 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 #0000)
}

.focus\:ring-4:focus {
  --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(4px + 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 #0000)
}

.focus\:ring-\[\#1570EF33\]:focus {
  --tw-ring-color: #1570EF33
}

.focus\:ring-brand-100:focus {
  --tw-ring-color: var(--brand-100)
}

.focus\:ring-gray-200:focus {
  --tw-ring-color: var(--gray-200)
}

.focus\:ring-gray-300:focus {
  --tw-ring-color: var(--gray-300)
}

.focus\:drop-shadow:focus {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));
  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)
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed
}

.disabled\:border-gray-200:disabled {
  border-color: var(--gray-200)
}

.disabled\:bg-gray-100:disabled {
  background-color: var(--gray-100)
}

.disabled\:bg-white:disabled {
  background-color: var(--white)
}

.disabled\:text-gray-400:disabled {
  color: var(--gray-400)
}

.group:hover .group-hover\:flex {
  display: flex
}

.group:hover .group-hover\:hidden {
  display: none
}

.group:hover .group-hover\:h-\[150\%\] {
  height: 150%
}

.group:hover .group-hover\:w-\[120\%\] {
  width: 120%
}

.group:hover .group-hover\:-translate-y-0\.5 {
  --tw-translate-y: -.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:translate-x-0\.5 {
  --tw-translate-x: .125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:text-white {
  color: var(--white)
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1
}

.group:focus .group-focus\:\!ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.group:focus .group-focus\:\!ring-4 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.group:focus .group-focus\:ring-4 {
  --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(4px + 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 #0000)
}

.group:focus .group-focus\:ring-\[\#1570EF3D\] {
  --tw-ring-color: #1570EF3D
}

.group:focus .group-focus\:ring-gray-200 {
  --tw-ring-color: var(--gray-200)
}

.group.primary .group-\[\.primary\]\:h-6 {
  height: 1.5rem
}

.group.primary .group-\[\.primary\]\:w-6 {
  width: 1.5rem
}

.group.expanded .group-\[\.expanded\]\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group.primary .group-\[\.primary\]\:\!items-start {
  align-items: flex-start !important
}

.group.primary .group-\[\.primary\]\:gap-6 {
  gap: 1.5rem
}

.group.expanded .group-\[\.expanded\]\:overflow-auto {
  overflow: auto
}

.group.primary .group-\[\.primary\]\:\!border-b-0 {
  border-bottom-width: 0px !important
}

.group.expanded.primary .group-\[\.expanded\.primary\]\:stroke-brand-600 {
  stroke: var(--brand-600)
}

.group.primary .group-\[\.primary\]\:\!px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.group.primary .group-\[\.primary\]\:\!py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.group.primary .group-\[\.primary\]\:text-start {
  text-align: start
}

.group.expanded.primary .group-\[\.expanded\.primary\]\:font-medium {
  font-weight: 500
}

.group.expanded.primary .group-\[\.expanded\.primary\]\:text-gray-900 {
  color: var(--gray-900)
}

.group.expanded .group-\[\.expanded\]\:text-brand-700 {
  color: var(--brand-700)
}

.group.primary .group-\[\.primary\]\:hover\:text-brand-600:hover {
  color: var(--brand-600)
}

.group[aria-selected=true] .group-aria-\[selected\=true\]\:text-white {
  color: var(--white)
}

@media (min-width: 375px) {
  .sm\:min-w-64 {
    min-width: 16rem
  }
}

@media (min-width: 768px) {
  .md\:\!top-\[-2rem\] {
    top: -2rem !important
  }

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

  .md\:-bottom-12 {
    bottom: -3rem
  }

  .md\:-bottom-20 {
    bottom: -5rem
  }

  .md\:-bottom-28 {
    bottom: -7rem
  }

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

  .md\:-left-32 {
    left: -8rem
  }

  .md\:-right-16 {
    right: -4rem
  }

  .md\:-right-20 {
    right: -5rem
  }

  .md\:-right-80 {
    right: -20rem
  }

  .md\:-top-16 {
    top: -4rem
  }

  .md\:-top-32 {
    top: -8rem
  }

  .md\:-top-60 {
    top: -15rem
  }

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

  .md\:bottom-3 {
    bottom: .75rem
  }

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

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

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

  .md\:left-\[-5\.3rem\] {
    left: -5.3rem
  }

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

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

  .md\:right-\[-104px\] {
    right: -104px
  }

  .md\:right-\[-420px\] {
    right: -420px
  }

  .md\:right-\[-5\.3rem\] {
    right: -5.3rem
  }

  .md\:right-\[-92px\] {
    right: -92px
  }

  .md\:top-12 {
    top: 3rem
  }

  .md\:top-\[-160px\] {
    top: -160px
  }

  .md\:top-\[-2\.5rem\] {
    top: -2.5rem
  }

  .md\:top-\[100px\] {
    top: 100px
  }

  .md\:order-1 {
    order: 1
  }

  .md\:order-2 {
    order: 2
  }

  .md\:order-\[inherit\] {
    order: inherit
  }

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

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

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

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

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

  .md\:row-span-2 {
    grid-row: span 2 / span 2
  }

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

  .md\:mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
  }

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

  .md\:mx-\[-2\.5rem\] {
    margin-left: -2.5rem;
    margin-right: -2.5rem
  }

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

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

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

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

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

  .md\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
  }

  .md\:-mt-32 {
    margin-top: -8rem
  }

  .md\:-mt-48 {
    margin-top: -12rem
  }

  .md\:-mt-56 {
    margin-top: -14rem
  }

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

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

  .md\:mb-11 {
    margin-bottom: 2.75rem
  }

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

  .md\:mb-16 {
    margin-bottom: 4rem
  }

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

  .md\:mb-32 {
    margin-bottom: 8rem
  }

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

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

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

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

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

  .md\:ms-0 {
    margin-inline-start: 0px
  }

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

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

  .md\:mt-10 {
    margin-top: 2.5rem
  }

  .md\:mt-12 {
    margin-top: 3rem
  }

  .md\:mt-14 {
    margin-top: 3.5rem
  }

  .md\:mt-16 {
    margin-top: 4rem
  }

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

  .md\:mt-24 {
    margin-top: 6rem
  }

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

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

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

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

  .md\:mt-8 {
    margin-top: 2rem
  }

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

  .md\:block {
    display: block
  }

  .md\:flex {
    display: flex
  }

  .md\:grid {
    display: grid
  }

  .md\:hidden {
    display: none
  }

  .md\:\!h-\[10\.875rem\] {
    height: 10.875rem !important
  }

  .md\:h-11 {
    height: 2.75rem
  }

  .md\:h-16 {
    height: 4rem
  }

  .md\:h-96 {
    height: 24rem
  }

  .md\:h-\[10\.2rem\] {
    height: 10.2rem
  }

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

  .md\:h-\[24rem\] {
    height: 24rem
  }

  .md\:h-\[27rem\] {
    height: 27rem
  }

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

  .md\:h-\[29\.5rem\] {
    height: 29.5rem
  }

  .md\:h-\[30\.188rem\] {
    height: 30.188rem
  }

  .md\:h-\[35\.938rem\] {
    height: 35.938rem
  }

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

  .md\:h-full {
    height: 100%
  }

  .md\:max-h-96 {
    max-height: 24rem
  }

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

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

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

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

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

  .md\:min-h-96 {
    min-height: 24rem
  }

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

  .md\:min-h-\[24\.5rem\] {
    min-height: 24.5rem
  }

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

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

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

  .md\:min-h-full {
    min-height: 100%
  }

  .md\:\!w-\[17\.75rem\] {
    width: 17.75rem !important
  }

  .md\:w-16 {
    width: 4rem
  }

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

  .md\:w-80 {
    width: 20rem
  }

  .md\:w-9\/12 {
    width: 75%
  }

  .md\:w-\[12\.5rem\] {
    width: 12.5rem
  }

  .md\:w-\[14\.25rem\] {
    width: 14.25rem
  }

  .md\:w-\[16\.5rem\] {
    width: 16.5rem
  }

  .md\:w-\[20rem\] {
    width: 20rem
  }

  .md\:w-\[23\.875rem\] {
    width: 23.875rem
  }

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

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

  .md\:w-\[29rem\] {
    width: 29rem
  }

  .md\:w-\[32\.1rem\] {
    width: 32.1rem
  }

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

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

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

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

  .md\:w-\[39\.625rem\] {
    width: 39.625rem
  }

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

  .md\:w-auto {
    width: auto
  }

  .md\:w-max {
    width: max-content
  }

  .md\:min-w-10 {
    min-width: 2.5rem
  }

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

  .md\:max-w-4xl {
    max-width: 56rem
  }

  .md\:max-w-52 {
    max-width: 13rem
  }

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

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

  .md\:max-w-\[24\.7rem\] {
    max-width: 24.7rem
  }

  .md\:max-w-\[30\.625rem\] {
    max-width: 30.625rem
  }

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

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

  .md\:max-w-\[48rem\] {
    max-width: 48rem
  }

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

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

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

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

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

  .md\:max-w-\[8\.25rem\] {
    max-width: 8.25rem
  }

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

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

  .md\:max-w-lg {
    max-width: 32rem
  }

  .md\:max-w-max {
    max-width: max-content
  }

  .md\:max-w-md {
    max-width: 28rem
  }

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

  .md\:max-w-screen-sm {
    max-width: 375px
  }

  .md\:max-w-sm {
    max-width: 24rem
  }

  .md\:max-w-xl {
    max-width: 36rem
  }

  .md\:max-w-xs {
    max-width: 20rem
  }

  .md\:flex-1 {
    flex: 1 1 0%
  }

  .md\:flex-\[0_0_60\%\] {
    flex: 0 0 60%
  }

  .md\:flex-grow {
    flex-grow: 1
  }

  .md\:flex-grow-0 {
    flex-grow: 0
  }

  .md\:basis-1\/2 {
    flex-basis: 50%
  }

  .md\:basis-1\/3 {
    flex-basis: 33.333333%
  }

  .md\:basis-2\/3 {
    flex-basis: 66.666667%
  }

  .md\:-translate-x-\[88\%\] {
    --tw-translate-x: -88%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .md\:rotate-0 {
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .md\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .md\:scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .md\:scale-\[1\] {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .md\:scale-\[2\] {
    --tw-scale-x: 2;
    --tw-scale-y: 2;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  @keyframes fade-in {
    0% {
      opacity: 0
    }

    to {
      opacity: 1
    }
  }

  .md\:animate-fade-in {
    animation: fade-in ease 1s
  }

  @keyframes reveal {
    0% {
      clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)
    }

    50% {
      clip-path: polygon(100% 0, 0% 0, 0% 100%, 100% 100%)
    }

    to {
      clip-path: polygon(100% 0, 0% 0, 0% 100%, 100% 100%)
    }
  }

  .md\:animate-reveal {
    animation: reveal 7s ease-out forwards
  }

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

  .md\:grid-flow-col {
    grid-auto-flow: column
  }

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

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

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

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

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

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

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

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

  .md\:items-center {
    align-items: center
  }

  .md\:items-stretch {
    align-items: stretch
  }

  .md\:justify-start {
    justify-content: flex-start
  }

  .md\:justify-center {
    justify-content: center
  }

  .md\:justify-between {
    justify-content: space-between
  }

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

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

  .md\:gap-12 {
    gap: 3rem
  }

  .md\:gap-14 {
    gap: 3.5rem
  }

  .md\:gap-16 {
    gap: 4rem
  }

  .md\:gap-24 {
    gap: 6rem
  }

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

  .md\:gap-4 {
    gap: 1rem
  }

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

  .md\:gap-6 {
    gap: 1.5rem
  }

  .md\:gap-7 {
    gap: 1.75rem
  }

  .md\:gap-8 {
    gap: 2rem
  }

  .md\:gap-x-7 {
    column-gap: 1.75rem
  }

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

  .md\:gap-y-7 {
    row-gap: 1.75rem
  }

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

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

  .md\:self-end {
    align-self: flex-end
  }

  .md\:overflow-hidden {
    overflow: hidden
  }

  .md\:rounded-3xl {
    border-radius: 1.5rem
  }

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

  .md\:rounded-none {
    border-radius: 0
  }

  .md\:rounded-b-\[3\.75rem\] {
    border-bottom-right-radius: 3.75rem;
    border-bottom-left-radius: 3.75rem
  }

  .md\:rounded-b-\[5rem\] {
    border-bottom-right-radius: 5rem;
    border-bottom-left-radius: 5rem
  }

  .md\:rounded-t-\[3\.75rem\] {
    border-top-left-radius: 3.75rem;
    border-top-right-radius: 3.75rem
  }

  .md\:rounded-t-\[3\.7rem\] {
    border-top-left-radius: 3.7rem;
    border-top-right-radius: 3.7rem
  }

  .md\:rounded-tl-\[60px\] {
    border-top-left-radius: 60px
  }

  .md\:rounded-tr-\[60px\] {
    border-top-right-radius: 60px
  }

  .md\:border {
    border-width: 1px
  }

  .md\:border-x-0 {
    border-left-width: 0px;
    border-right-width: 0px
  }

  .md\:border-y-0 {
    border-top-width: 0px;
    border-bottom-width: 0px
  }

  .md\:border-gray-100 {
    border-color: var(--gray-100)
  }

  .md\:border-r-gray-200 {
    border-right-color: var(--gray-200)
  }

  .md\:bg-\[radial-gradient\(50\%_50\%_at_50\%_50\%\,\#172543_0\%\,\#000000_100\%\)\] {
    background-image: radial-gradient(50% 50% at 50% 50%, #172543, #000)
  }

  .md\:object-cover {
    object-fit: cover
  }

  .md\:p-0 {
    padding: 0
  }

  .md\:p-10 {
    padding: 2.5rem
  }

  .md\:p-12 {
    padding: 3rem
  }

  .md\:p-2\.5 {
    padding: .625rem
  }

  .md\:p-5 {
    padding: 1.25rem
  }

  .md\:p-6 {
    padding: 1.5rem
  }

  .md\:\!px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .md\:\!px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
  }

  .md\:\!py-20 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important
  }

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

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

  .md\:px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem
  }

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

  .md\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem
  }

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

  .md\:px-3\.5 {
    padding-left: .875rem;
    padding-right: .875rem
  }

  .md\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem
  }

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

  .md\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }

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

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

  .md\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
  }

  .md\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
  }

  .md\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
  }

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

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

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

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

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

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

  .md\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem
  }

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

  .md\:\!pb-20 {
    padding-bottom: 5rem !important
  }

  .md\:\!pb-36 {
    padding-bottom: 9rem !important
  }

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

  .md\:pb-12 {
    padding-bottom: 3rem
  }

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

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

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

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

  .md\:pb-48 {
    padding-bottom: 12rem
  }

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

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

  .md\:pb-60 {
    padding-bottom: 15rem
  }

  .md\:pb-7 {
    padding-bottom: 1.75rem
  }

  .md\:pb-72 {
    padding-bottom: 18rem
  }

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

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

  .md\:pl-6 {
    padding-left: 1.5rem
  }

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

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

  .md\:pt-12 {
    padding-top: 3rem
  }

  .md\:pt-14 {
    padding-top: 3.5rem
  }

  .md\:pt-16 {
    padding-top: 4rem
  }

  .md\:pt-20 {
    padding-top: 5rem
  }

  .md\:pt-24 {
    padding-top: 6rem
  }

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

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

  .md\:pt-5 {
    padding-top: 1.25rem
  }

  .md\:pt-52 {
    padding-top: 13rem
  }

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

  .md\:pt-8 {
    padding-top: 2rem
  }

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

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

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

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

  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
  }

  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
  }

  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1
  }

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem
  }

  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
  }

  .md\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem
  }

  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
  }

  .md\:font-medium {
    font-weight: 500
  }

  .md\:opacity-\[0\.4\] {
    opacity: .4
  }

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

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

  .md\:\[box-shadow\:none\] {
    box-shadow: none
  }

  .before\:md\:top-\[-6rem\]:before {
    content: var(--tw-content);
    top: -6rem
  }

  .before\:md\:h-24:before {
    content: var(--tw-content);
    height: 6rem
  }

  .before\:md\:rounded-t-\[5rem\]:before {
    content: var(--tw-content);
    border-top-left-radius: 5rem;
    border-top-right-radius: 5rem
  }

  .md\:first\:col-span-3:first-child {
    grid-column: span 3 / span 3
  }

  .md\:last\:col-span-2:last-child {
    grid-column: span 2 / span 2
  }

  .md\:hover\:bg-brand-50:hover {
    background-color: var(--brand-50)
  }

  .enabled\:md\:hover\:bg-brand-50:hover:enabled {
    background-color: var(--brand-50)
  }
}

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

  .lg\:-bottom-14 {
    bottom: -3.5rem
  }

  .lg\:-bottom-48 {
    bottom: -12rem
  }

  .lg\:-bottom-5 {
    bottom: -1.25rem
  }

  .lg\:-bottom-\[8\.5rem\] {
    bottom: -8.5rem
  }

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

  .lg\:-left-52 {
    left: -13rem
  }

  .lg\:-right-0 {
    right: -0px
  }

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

  .lg\:-right-14 {
    right: -3.5rem
  }

  .lg\:-right-40 {
    right: -10rem
  }

  .lg\:-right-\[29\.375rem\] {
    right: -29.375rem
  }

  .lg\:-top-48 {
    top: -12rem
  }

  .lg\:-top-72 {
    top: -18rem
  }

  .lg\:-top-\[7\.5rem\] {
    top: -7.5rem
  }

  .lg\:bottom-2 {
    bottom: .5rem
  }

  .lg\:bottom-9 {
    bottom: 2.25rem
  }

  .lg\:bottom-\[-104px\] {
    bottom: -104px
  }

  .lg\:bottom-\[-109px\] {
    bottom: -109px
  }

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

  .lg\:left-\[-65px\] {
    left: -65px
  }

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

  .lg\:right-\[-121px\] {
    right: -121px
  }

  .lg\:right-\[-123px\] {
    right: -123px
  }

  .lg\:right-\[-245px\] {
    right: -245px
  }

  .lg\:right-\[-500px\] {
    right: -500px
  }

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

  .lg\:top-20 {
    top: 5rem
  }

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

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

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

  .lg\:order-1 {
    order: 1
  }

  .lg\:order-2 {
    order: 2
  }

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

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

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

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

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

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

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

  .lg\:row-span-2 {
    grid-row: span 2 / span 2
  }

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

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

  .lg\:mx-\[-4\.125rem\] {
    margin-left: -4.125rem;
    margin-right: -4.125rem
  }

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

  .lg\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem
  }

  .lg\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem
  }

  .lg\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
  }

  .lg\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
  }

  .lg\:-mt-14 {
    margin-top: -3.5rem
  }

  .lg\:-mt-24 {
    margin-top: -6rem
  }

  .lg\:-mt-32 {
    margin-top: -8rem
  }

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

  .lg\:mb-16 {
    margin-bottom: 4rem
  }

  .lg\:mb-20 {
    margin-bottom: 5rem
  }

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

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

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

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

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

  .lg\:me-auto {
    margin-inline-end: auto
  }

  .lg\:ml-4 {
    margin-left: 1rem
  }

  .lg\:mr-9 {
    margin-right: 2.25rem
  }

  .lg\:mt-10 {
    margin-top: 2.5rem
  }

  .lg\:mt-12 {
    margin-top: 3rem
  }

  .lg\:mt-14 {
    margin-top: 3.5rem
  }

  .lg\:mt-16 {
    margin-top: 4rem
  }

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

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

  .lg\:mt-3\.5 {
    margin-top: .875rem
  }

  .lg\:mt-32 {
    margin-top: 8rem
  }

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

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

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

  .lg\:mt-60 {
    margin-top: 15rem
  }

  .lg\:mt-8 {
    margin-top: 2rem
  }

  .lg\:mt-\[13\.25rem\] {
    margin-top: 13.25rem
  }

  .lg\:block {
    display: block
  }

  .lg\:flex {
    display: flex
  }

  .lg\:hidden {
    display: none
  }

  .lg\:\!h-\[14\.875rem\] {
    height: 14.875rem !important
  }

  .lg\:h-96 {
    height: 24rem
  }

  .lg\:h-\[13\.1rem\] {
    height: 13.1rem
  }

  .lg\:h-\[23rem\] {
    height: 23rem
  }

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

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

  .lg\:h-\[31rem\] {
    height: 31rem
  }

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

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

  .lg\:h-\[40\.063rem\] {
    height: 40.063rem
  }

  .lg\:h-\[40\.9rem\] {
    height: 40.9rem
  }

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

  .lg\:h-\[47\.688rem\] {
    height: 47.688rem
  }

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

  .lg\:h-\[574\.27px\] {
    height: 574.27px
  }

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

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

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

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

  .lg\:min-h-32 {
    min-height: 8rem
  }

  .lg\:min-h-40 {
    min-height: 10rem
  }

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

  .lg\:min-h-\[32\.375rem\] {
    min-height: 32.375rem
  }

  .lg\:min-h-\[32\.3rem\] {
    min-height: 32.3rem
  }

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

  .lg\:\!w-\[24\.375rem\] {
    width: 24.375rem !important
  }

  .lg\:w-10\/12 {
    width: 83.333333%
  }

  .lg\:w-72 {
    width: 18rem
  }

  .lg\:w-80 {
    width: 20rem
  }

  .lg\:w-\[12rem\] {
    width: 12rem
  }

  .lg\:w-\[13\.1rem\] {
    width: 13.1rem
  }

  .lg\:w-\[16rem\] {
    width: 16rem
  }

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

  .lg\:w-\[22\.75rem\] {
    width: 22.75rem
  }

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

  .lg\:w-\[28\.1rem\] {
    width: 28.1rem
  }

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

  .lg\:w-\[31\.875rem\] {
    width: 31.875rem
  }

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

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

  .lg\:w-\[40\.2rem\] {
    width: 40.2rem
  }

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

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

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

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

  .lg\:w-\[52\.813rem\] {
    width: 52.813rem
  }

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

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

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

  .lg\:min-w-80 {
    min-width: 20rem
  }

  .lg\:max-w-28 {
    max-width: 7rem
  }

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

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

  .lg\:max-w-\[13\.25rem\] {
    max-width: 13.25rem
  }

  .lg\:max-w-\[23\.438rem\] {
    max-width: 23.438rem
  }

  .lg\:max-w-\[28\.1rem\] {
    max-width: 28.1rem
  }

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

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

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

  .lg\:max-w-\[53\.5rem\] {
    max-width: 53.5rem
  }

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

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

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

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

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

  .lg\:max-w-lg {
    max-width: 32rem
  }

  .lg\:max-w-max {
    max-width: max-content
  }

  .lg\:max-w-xl {
    max-width: 36rem
  }

  .lg\:flex-1 {
    flex: 1 1 0%
  }

  .lg\:flex-\[0_0_49\%\] {
    flex: 0 0 49%
  }

  .lg\:flex-grow {
    flex-grow: 1
  }

  .lg\:basis-3\/5 {
    flex-basis: 60%
  }

  .lg\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .lg\:-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .lg\:translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .lg\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .lg\:scale-125 {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .lg\:scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

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

  .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-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

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

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

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

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

  .lg\:flex-col {
    flex-direction: column
  }

  .lg\:items-start {
    align-items: flex-start
  }

  .lg\:items-center {
    align-items: center
  }

  .lg\:justify-center {
    justify-content: center
  }

  .lg\:justify-between {
    justify-content: space-between
  }

  .lg\:gap-0 {
    gap: 0px
  }

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

  .lg\:gap-11 {
    gap: 2.75rem
  }

  .lg\:gap-12 {
    gap: 3rem
  }

  .lg\:gap-14 {
    gap: 3.5rem
  }

  .lg\:gap-20 {
    gap: 5rem
  }

  .lg\:gap-32 {
    gap: 8rem
  }

  .lg\:gap-4 {
    gap: 1rem
  }

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

  .lg\:gap-6 {
    gap: 1.5rem
  }

  .lg\:gap-7 {
    gap: 1.75rem
  }

  .lg\:gap-8 {
    gap: 2rem
  }

  .lg\:gap-9 {
    gap: 2.25rem
  }

  .lg\:gap-x-8 {
    column-gap: 2rem
  }

  .lg\:gap-y-0 {
    row-gap: 0px
  }

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

  .lg\:overscroll-x-none {
    overscroll-behavior-x: none
  }

  .lg\:rounded-2xl {
    border-radius: 1rem
  }

  .lg\:rounded-3xl {
    border-radius: 1.5rem
  }

  .lg\:rounded-b-\[5rem\] {
    border-bottom-right-radius: 5rem;
    border-bottom-left-radius: 5rem
  }

  .lg\:rounded-t-\[5rem\] {
    border-top-left-radius: 5rem;
    border-top-right-radius: 5rem
  }

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

  .lg\:border-l {
    border-left-width: 1px
  }

  .lg\:border-gray-200 {
    border-color: var(--gray-200)
  }

  .lg\:bg-brand-25 {
    background-color: var(--brand-25)
  }

  .lg\:p-12 {
    padding: 3rem
  }

  .lg\:p-8 {
    padding: 2rem
  }

  .lg\:\!py-24 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important
  }

  .lg\:\!py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
  }

  .lg\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem
  }

  .lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem
  }

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

  .lg\:px-28 {
    padding-left: 7rem;
    padding-right: 7rem
  }

  .lg\:px-3\.5 {
    padding-left: .875rem;
    padding-right: .875rem
  }

  .lg\:px-36 {
    padding-left: 9rem;
    padding-right: 9rem
  }

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

  .lg\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem
  }

  .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }

  .lg\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem
  }

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

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

  .lg\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem
  }

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

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

  .lg\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
  }

  .lg\:py-11 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem
  }

  .lg\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
  }

  .lg\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
  }

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

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

  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
  }

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

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

  .lg\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem
  }

  .lg\:py-44 {
    padding-top: 11rem;
    padding-bottom: 11rem
  }

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

  .lg\:\!pb-52 {
    padding-bottom: 13rem !important
  }

  .lg\:pb-0 {
    padding-bottom: 0
  }

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

  .lg\:pb-12 {
    padding-bottom: 3rem
  }

  .lg\:pb-14 {
    padding-bottom: 3.5rem
  }

  .lg\:pb-16 {
    padding-bottom: 4rem
  }

  .lg\:pb-20 {
    padding-bottom: 5rem
  }

  .lg\:pb-24 {
    padding-bottom: 6rem
  }

  .lg\:pb-28 {
    padding-bottom: 7rem
  }

  .lg\:pb-32 {
    padding-bottom: 8rem
  }

  .lg\:pb-44 {
    padding-bottom: 11rem
  }

  .lg\:pb-56 {
    padding-bottom: 14rem
  }

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

  .lg\:pb-64 {
    padding-bottom: 16rem
  }

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

  .lg\:pb-9 {
    padding-bottom: 2.25rem
  }

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

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

  .lg\:pe-16 {
    padding-inline-end: 4rem
  }

  .lg\:pl-10 {
    padding-left: 2.5rem
  }

  .lg\:pl-5 {
    padding-left: 1.25rem
  }

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

  .lg\:pl-9 {
    padding-left: 2.25rem
  }

  .lg\:pr-14 {
    padding-right: 3.5rem
  }

  .lg\:pr-5 {
    padding-right: 1.25rem
  }

  .lg\:pt-0 {
    padding-top: 0
  }

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

  .lg\:pt-12 {
    padding-top: 3rem
  }

  .lg\:pt-14 {
    padding-top: 3.5rem
  }

  .lg\:pt-16 {
    padding-top: 4rem
  }

  .lg\:pt-20 {
    padding-top: 5rem
  }

  .lg\:pt-24 {
    padding-top: 6rem
  }

  .lg\:pt-28 {
    padding-top: 7rem
  }

  .lg\:pt-32 {
    padding-top: 8rem
  }

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

  .lg\:pt-40 {
    padding-top: 10rem
  }

  .lg\:pt-56 {
    padding-top: 14rem
  }

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

  .lg\:pt-7 {
    padding-top: 1.75rem
  }

  .lg\:pt-8 {
    padding-top: 2rem
  }

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

  .lg\:text-start {
    text-align: start
  }

  .lg\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
  }

  .lg\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
  }

  .lg\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
  }

  .lg\:text-5xl {
    font-size: 3rem;
    line-height: 1
  }

  .lg\:text-6xl {
    font-size: 3.75rem;
    line-height: 1
  }

  .lg\:text-\[6rem\] {
    font-size: 6rem
  }

  .lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem
  }

  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
  }

  .lg\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem
  }

  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
  }

  .lg\:font-medium {
    font-weight: 500
  }

  .lg\:font-semibold {
    font-weight: 600
  }

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

  .lg\:text-gray-600 {
    color: var(--gray-600)
  }

  .lg\:text-gray-900 {
    color: var(--gray-900)
  }

  .lg\:transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
  }

  .lg\:duration-500 {
    transition-duration: .5s
  }

  .before\:lg\:top-\[-7rem\]:before {
    content: var(--tw-content);
    top: -7rem
  }

  .lg\:before\:bottom-\[8px\]:before {
    content: var(--tw-content);
    bottom: 8px
  }

  .before\:lg\:h-28:before {
    content: var(--tw-content);
    height: 7rem
  }

  .lg\:after\:h-\[26px\]:after {
    content: var(--tw-content);
    height: 26px
  }

  .lg\:first\:col-span-4:first-child {
    grid-column: span 4 / span 4
  }

  .lg\:last\:col-span-1:last-child {
    grid-column: span 1 / span 1
  }

  .group:hover .lg\:group-hover\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .group:hover .lg\:group-hover\:scale-\[1\.4\] {
    --tw-scale-x: 1.4;
    --tw-scale-y: 1.4;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .group:hover .lg\:group-hover\:scale-\[1\.65\] {
    --tw-scale-x: 1.65;
    --tw-scale-y: 1.65;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .group:hover .lg\:group-hover\:scale-\[1\.6\] {
    --tw-scale-x: 1.6;
    --tw-scale-y: 1.6;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .group:hover .lg\:group-hover\:scale-\[2\.1\] {
    --tw-scale-x: 2.1;
    --tw-scale-y: 2.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
}

@media (min-width: 1200px) {
  .desktopNavigation\:flex {
    display: flex
  }

  .desktopNavigation\:hidden {
    display: none
  }

  .desktopNavigation\:min-h-0 {
    min-height: 0px
  }

  .desktopNavigation\:items-center {
    align-items: center
  }

  .desktopNavigation\:justify-start {
    justify-content: flex-start
  }

  .desktopNavigation\:gap-7 {
    gap: 1.75rem
  }

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

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

@media (min-width: 1350px) {
  .xl\:\!top-\[-5rem\] {
    top: -5rem !important
  }

  .xl\:-bottom-14 {
    bottom: -3.5rem
  }

  .xl\:-bottom-28,
  .xl\:-bottom-\[7rem\] {
    bottom: -7rem
  }

  .xl\:-right-20 {
    right: -5rem
  }

  .xl\:-right-80 {
    right: -20rem
  }

  .xl\:-top-48 {
    top: -12rem
  }

  .xl\:-top-80 {
    top: -20rem
  }

  .xl\:bottom-0 {
    bottom: 0
  }

  .xl\:bottom-\[-83px\] {
    bottom: -83px
  }

  .xl\:left-0 {
    left: 0
  }

  .xl\:left-16 {
    left: 4rem
  }

  .xl\:left-\[-45px\] {
    left: -45px
  }

  .xl\:right-16 {
    right: 4rem
  }

  .xl\:right-\[-351px\] {
    right: -351px
  }

  .xl\:right-\[-57px\] {
    right: -57px
  }

  .xl\:right-\[-632px\] {
    right: -632px
  }

  .xl\:right-\[-94px\] {
    right: -94px
  }

  .xl\:top-16 {
    top: 4rem
  }

  .xl\:top-\[-125px\] {
    top: -125px
  }

  .xl\:top-\[-32px\] {
    top: -32px
  }

  .xl\:top-\[-3rem\] {
    top: -3rem
  }

  .xl\:top-\[-4rem\] {
    top: -4rem
  }

  .xl\:top-\[180px\] {
    top: 180px
  }

  .xl\:col-span-3 {
    grid-column: span 3 / span 3
  }

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

  .xl\:col-span-5 {
    grid-column: span 5 / span 5
  }

  .xl\:col-span-7 {
    grid-column: span 7 / span 7
  }

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

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

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

  .xl\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem
  }

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

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

  .xl\:-mt-20 {
    margin-top: -5rem
  }

  .xl\:-mt-28 {
    margin-top: -7rem
  }

  .xl\:-mt-36 {
    margin-top: -9rem
  }

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

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

  .xl\:mb-11 {
    margin-bottom: 2.75rem
  }

  .xl\:mb-14 {
    margin-bottom: 3.5rem
  }

  .xl\:mb-20 {
    margin-bottom: 5rem
  }

  .xl\:mb-24 {
    margin-bottom: 6rem
  }

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

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

  .xl\:ml-5 {
    margin-left: 1.25rem
  }

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

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

  .xl\:mt-14 {
    margin-top: 3.5rem
  }

  .xl\:mt-20 {
    margin-top: 5rem
  }

  .xl\:mt-24 {
    margin-top: 6rem
  }

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

  .xl\:mt-40 {
    margin-top: 10rem
  }

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

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

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

  .xl\:mt-auto {
    margin-top: auto
  }

  .xl\:flex {
    display: flex
  }

  .xl\:grid {
    display: grid
  }

  .xl\:\!h-\[16\.75rem\] {
    height: 16.75rem !important
  }

  .xl\:h-\[25rem\] {
    height: 25rem
  }

  .xl\:h-\[30\.625rem\] {
    height: 30.625rem
  }

  .xl\:h-\[307px\] {
    height: 307px
  }

  .xl\:h-\[428px\] {
    height: 428px
  }

  .xl\:h-\[525px\] {
    height: 525px
  }

  .xl\:h-\[609px\] {
    height: 609px
  }

  .xl\:h-full {
    height: 100%
  }

  .xl\:max-h-full {
    max-height: 100%
  }

  .xl\:min-h-24 {
    min-height: 6rem
  }

  .xl\:min-h-32 {
    min-height: 8rem
  }

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

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

  .xl\:w-\[1128px\] {
    width: 1128px
  }

  .xl\:w-\[13\.063rem\] {
    width: 13.063rem
  }

  .xl\:w-\[133px\] {
    width: 133px
  }

  .xl\:w-\[16\.125rem\] {
    width: 16.125rem
  }

  .xl\:w-\[24\.7rem\] {
    width: 24.7rem
  }

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

  .xl\:w-\[42\.5625rem\] {
    width: 42.5625rem
  }

  .xl\:w-\[444px\] {
    width: 444px
  }

  .xl\:w-\[534px\] {
    width: 534px
  }

  .xl\:w-\[623px\] {
    width: 623px
  }

  .xl\:w-\[643px\] {
    width: 643px
  }

  .xl\:w-\[715px\] {
    width: 715px
  }

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

  .xl\:min-w-72 {
    min-width: 18rem
  }

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

  .xl\:max-w-40 {
    max-width: 10rem
  }

  .xl\:max-w-4xl {
    max-width: 56rem
  }

  .xl\:max-w-6xl {
    max-width: 72rem
  }

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

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

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

  .xl\:max-w-\[24\.7rem\] {
    max-width: 24.7rem
  }

  .xl\:max-w-\[25\.625rem\] {
    max-width: 25.625rem
  }

  .xl\:max-w-\[26rem\] {
    max-width: 26rem
  }

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

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

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

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

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

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

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

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

  .xl\:max-w-\[calc\(100\%-1\.1rem\)\] {
    max-width: calc(100% - 1.1rem)
  }

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

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

  .xl\:basis-7\/12 {
    flex-basis: 58.333333%
  }

  .xl\:scale-\[1\.15\] {
    --tw-scale-x: 1.15;
    --tw-scale-y: 1.15;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

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

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

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

  .xl\:flex-row {
    flex-direction: row
  }

  .xl\:flex-row-reverse {
    flex-direction: row-reverse
  }

  .xl\:flex-col {
    flex-direction: column
  }

  .xl\:items-start {
    align-items: flex-start
  }

  .xl\:items-center {
    align-items: center
  }

  .xl\:justify-start {
    justify-content: flex-start
  }

  .xl\:justify-center {
    justify-content: center
  }

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

  .xl\:gap-12 {
    gap: 3rem
  }

  .xl\:gap-14 {
    gap: 3.5rem
  }

  .xl\:gap-16 {
    gap: 4rem
  }

  .xl\:gap-20 {
    gap: 5rem
  }

  .xl\:gap-24 {
    gap: 6rem
  }

  .xl\:gap-40 {
    gap: 10rem
  }

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

  .xl\:gap-52 {
    gap: 13rem
  }

  .xl\:gap-6 {
    gap: 1.5rem
  }

  .xl\:gap-8 {
    gap: 2rem
  }

  .xl\:gap-x-10 {
    column-gap: 2.5rem
  }

  .xl\:gap-x-6 {
    column-gap: 1.5rem
  }

  .xl\:gap-y-10 {
    row-gap: 2.5rem
  }

  .xl\:overflow-hidden {
    overflow: hidden
  }

  .xl\:overscroll-none {
    overscroll-behavior: none
  }

  .xl\:rounded-3xl {
    border-radius: 1.5rem
  }

  .xl\:rounded-b-\[6\.25rem\] {
    border-bottom-right-radius: 6.25rem;
    border-bottom-left-radius: 6.25rem
  }

  .xl\:rounded-t-\[6\.25rem\] {
    border-top-left-radius: 6.25rem;
    border-top-right-radius: 6.25rem
  }

  .xl\:rounded-t-\[6\.2rem\] {
    border-top-left-radius: 6.2rem;
    border-top-right-radius: 6.2rem
  }

  .xl\:rounded-tl-\[100px\] {
    border-top-left-radius: 100px
  }

  .xl\:rounded-tr-\[100px\] {
    border-top-right-radius: 100px
  }

  .xl\:border-\[100px\] {
    border-width: 100px
  }

  .xl\:object-center {
    object-position: center
  }

  .xl\:\!px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important
  }

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

  .xl\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }

  .xl\:px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem
  }

  .xl\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem
  }

  .xl\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem
  }

  .xl\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem
  }

  .xl\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem
  }

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

  .xl\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem
  }

  .xl\:px-36 {
    padding-left: 9rem;
    padding-right: 9rem
  }

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

  .xl\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem
  }

  .xl\:px-44 {
    padding-left: 11rem;
    padding-right: 11rem
  }

  .xl\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }

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

  .xl\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem
  }

  .xl\:px-80 {
    padding-left: 20rem;
    padding-right: 20rem
  }

  .xl\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem
  }

  .xl\:px-\[14rem\] {
    padding-left: 14rem;
    padding-right: 14rem
  }

  .xl\:px-\[19\.688rem\] {
    padding-left: 19.688rem;
    padding-right: 19.688rem
  }

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

  .xl\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
  }

  .xl\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
  }

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

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

  .xl\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
  }

  .xl\:py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem
  }

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

  .xl\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem
  }

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

  .xl\:py-\[4\.5rem\] {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem
  }

  .xl\:\!pb-64 {
    padding-bottom: 16rem !important
  }

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

  .xl\:pb-14 {
    padding-bottom: 3.5rem
  }

  .xl\:pb-20 {
    padding-bottom: 5rem
  }

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

  .xl\:pb-40 {
    padding-bottom: 10rem
  }

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

  .xl\:pb-80 {
    padding-bottom: 20rem
  }

  .xl\:pb-\[17rem\] {
    padding-bottom: 17rem
  }

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

  .xl\:pe-16 {
    padding-inline-end: 4rem
  }

  .xl\:pl-10 {
    padding-left: 2.5rem
  }

  .xl\:pl-24 {
    padding-left: 6rem
  }

  .xl\:pr-2 {
    padding-right: .5rem
  }

  .xl\:pt-0 {
    padding-top: 0
  }

  .xl\:pt-14 {
    padding-top: 3.5rem
  }

  .xl\:pt-16 {
    padding-top: 4rem
  }

  .xl\:pt-20 {
    padding-top: 5rem
  }

  .xl\:pt-24 {
    padding-top: 6rem
  }

  .xl\:pt-32 {
    padding-top: 8rem
  }

  .xl\:pt-36 {
    padding-top: 9rem
  }

  .xl\:pt-40 {
    padding-top: 10rem
  }

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

  .xl\:pt-72 {
    padding-top: 18rem
  }

  .xl\:pt-8 {
    padding-top: 2rem
  }

  .xl\:pt-9 {
    padding-top: 2.25rem
  }

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

  .xl\:text-start {
    text-align: start
  }

  .xl\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
  }

  .xl\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
  }

  .xl\:text-5xl {
    font-size: 3rem;
    line-height: 1
  }

  .xl\:text-6xl {
    font-size: 3.75rem;
    line-height: 1
  }

  .xl\:text-7xl {
    font-size: 4.5rem;
    line-height: 1
  }

  .xl\:text-\[8rem\] {
    font-size: 8rem
  }

  .xl\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
  }

  .xl\:font-extrabold {
    font-weight: 800
  }

  .before\:xl\:top-\[-10rem\]:before {
    content: var(--tw-content);
    top: -10rem
  }

  .xl\:before\:bottom-\[20px\]:before {
    content: var(--tw-content);
    bottom: 20px
  }

  .before\:xl\:h-40:before {
    content: var(--tw-content);
    height: 10rem
  }

  .xl\:after\:h-\[34px\]:after {
    content: var(--tw-content);
    height: 34px
  }

  .xl\:last\:col-span-1:last-child {
    grid-column: span 1 / span 1
  }
}

@media (orientation: portrait) {
  .portrait\:hidden {
    display: none
  }
}

@media (orientation: landscape) {
  .landscape\:mb-2 {
    margin-bottom: .5rem
  }

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

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

  .landscape\:block {
    display: block
  }

  .landscape\:flex {
    display: flex
  }

  .landscape\:hidden {
    display: none
  }

  .landscape\:max-h-\[11\.5rem\] {
    max-height: 11.5rem
  }

  .landscape\:max-h-\[21rem\] {
    max-height: 21rem
  }

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

  .landscape\:w-auto {
    width: auto
  }

  .landscape\:max-w-\[95vw\] {
    max-width: 95vw
  }

  .landscape\:flex-row {
    flex-direction: row
  }

  .landscape\:gap-1 {
    gap: .25rem
  }

  .landscape\:px-3\.5 {
    padding-left: .875rem;
    padding-right: .875rem
  }

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

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

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

@media (min-width: 768px) {
  @media (orientation: landscape) {
    .md\:landscape\:mt-0 {
      margin-top: 0
    }

    .md\:landscape\:max-w-\[48rem\] {
      max-width: 48rem
    }

    .md\:landscape\:gap-1 {
      gap: .25rem
    }

    .md\:landscape\:px-1 {
      padding-left: .25rem;
      padding-right: .25rem
    }

    .md\:landscape\:px-2 {
      padding-left: .5rem;
      padding-right: .5rem
    }

    .md\:landscape\:px-5 {
      padding-left: 1.25rem;
      padding-right: 1.25rem
    }

    .md\:landscape\:pt-5 {
      padding-top: 1.25rem
    }

    .md\:landscape\:text-xl {
      font-size: 1.25rem;
      line-height: 1.75rem
    }
  }
}

@media (min-width: 1025px) {
  @media (orientation: landscape) {
    .lg\:landscape\:mb-8 {
      margin-bottom: 2rem
    }

    .lg\:landscape\:mt-2 {
      margin-top: .5rem
    }

    .lg\:landscape\:block {
      display: block
    }

    .lg\:landscape\:hidden {
      display: none
    }

    .lg\:landscape\:max-h-\[22rem\] {
      max-height: 22rem
    }

    .lg\:landscape\:max-h-\[33rem\] {
      max-height: 33rem
    }

    .lg\:landscape\:gap-4 {
      gap: 1rem
    }

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

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

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

    .lg\:landscape\:pt-8 {
      padding-top: 2rem
    }

    .lg\:landscape\:text-3xl {
      font-size: 1.875rem;
      line-height: 2.25rem
    }
  }
}

.ltr\:-right-1\/4:where([dir=ltr], [dir=ltr] *) {
  right: -25%
}

.ltr\:right-\[-20px\]:where([dir=ltr], [dir=ltr] *) {
  right: -20px
}

.ltr\:translate-x-0\.5:where([dir=ltr], [dir=ltr] *) {
  --tw-translate-x: .125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.ltr\:translate-x-\[1\.15rem\]:where([dir=ltr], [dir=ltr] *) {
  --tw-translate-x: 1.15rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.ltr\:translate-x-\[1\.37rem\]:where([dir=ltr], [dir=ltr] *) {
  --tw-translate-x: 1.37rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.ltr\:border-l-4:where([dir=ltr], [dir=ltr] *) {
  border-left-width: 4px
}

.ltr\:pl-6:where([dir=ltr], [dir=ltr] *) {
  padding-left: 1.5rem
}

.ltr\:pr-6:where([dir=ltr], [dir=ltr] *) {
  padding-right: 1.5rem
}

.ltr\:text-left:where([dir=ltr], [dir=ltr] *) {
  text-align: left
}

.ltr\:first\:text-left:first-child:where([dir=ltr], [dir=ltr] *) {
  text-align: left
}

@media (min-width: 1025px) {
  .lg\:ltr\:ml-12:where([dir=ltr], [dir=ltr] *) {
    margin-left: 3rem
  }
}

.rtl\:\!right-auto:where([dir=rtl], [dir=rtl] *) {
  right: auto !important
}

.rtl\:-bottom-16:where([dir=rtl], [dir=rtl] *) {
  bottom: -4rem
}

.rtl\:-left-1\/4:where([dir=rtl], [dir=rtl] *) {
  left: -25%
}

.rtl\:-left-10:where([dir=rtl], [dir=rtl] *) {
  left: -2.5rem
}

.rtl\:-left-16:where([dir=rtl], [dir=rtl] *) {
  left: -4rem
}

.rtl\:-left-20:where([dir=rtl], [dir=rtl] *) {
  left: -5rem
}

.rtl\:-left-32:where([dir=rtl], [dir=rtl] *) {
  left: -8rem
}

.rtl\:-left-36:where([dir=rtl], [dir=rtl] *) {
  left: -9rem
}

.rtl\:end-0:where([dir=rtl], [dir=rtl] *) {
  inset-inline-end: 0px
}

.rtl\:left-0:where([dir=rtl], [dir=rtl] *) {
  left: 0
}

.rtl\:left-3\.5:where([dir=rtl], [dir=rtl] *) {
  left: .875rem
}

.rtl\:left-4:where([dir=rtl], [dir=rtl] *) {
  left: 1rem
}

.rtl\:left-\[-20px\]:where([dir=rtl], [dir=rtl] *) {
  left: -20px
}

.rtl\:left-\[-50px\]:where([dir=rtl], [dir=rtl] *) {
  left: -50px
}

.rtl\:left-\[-5px\]:where([dir=rtl], [dir=rtl] *) {
  left: -5px
}

.rtl\:right-0:where([dir=rtl], [dir=rtl] *) {
  right: 0
}

.rtl\:right-\[100px\]:where([dir=rtl], [dir=rtl] *) {
  right: 100px
}

.rtl\:right-auto:where([dir=rtl], [dir=rtl] *) {
  right: auto
}

.rtl\:-ml-\[60px\]:where([dir=rtl], [dir=rtl] *) {
  margin-left: -60px
}

.rtl\:-mr-\[60px\]:where([dir=rtl], [dir=rtl] *) {
  margin-right: -60px
}

.rtl\:ml-0:where([dir=rtl], [dir=rtl] *) {
  margin-left: 0
}

.rtl\:ml-2:where([dir=rtl], [dir=rtl] *) {
  margin-left: .5rem
}

.rtl\:ml-auto:where([dir=rtl], [dir=rtl] *) {
  margin-left: auto
}

.rtl\:mr-0:where([dir=rtl], [dir=rtl] *) {
  margin-right: 0
}

.rtl\:mr-1:where([dir=rtl], [dir=rtl] *) {
  margin-right: .25rem
}

.rtl\:mr-2:where([dir=rtl], [dir=rtl] *) {
  margin-right: .5rem
}

.rtl\:mr-auto:where([dir=rtl], [dir=rtl] *) {
  margin-right: auto
}

.rtl\:-translate-x-0\.5:where([dir=rtl], [dir=rtl] *) {
  --tw-translate-x: -.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:-translate-x-\[1\.15rem\]:where([dir=rtl], [dir=rtl] *) {
  --tw-translate-x: -1.15rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:-translate-x-\[1\.37rem\]:where([dir=rtl], [dir=rtl] *) {
  --tw-translate-x: -1.37rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:-rotate-90:where([dir=rtl], [dir=rtl] *) {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:-rotate-\[90deg\]:where([dir=rtl], [dir=rtl] *) {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:rotate-0:where([dir=rtl], [dir=rtl] *) {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:rotate-180:where([dir=rtl], [dir=rtl] *) {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:rotate-\[20deg\]:where([dir=rtl], [dir=rtl] *) {
  --tw-rotate: 20deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:-scale-x-100:where([dir=rtl], [dir=rtl] *) {
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:scale-x-\[-1\]:where([dir=rtl], [dir=rtl] *) {
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes infinite-scroll-reverse {
  0% {
    transform: translate(0);
    offset: 0
  }

  to {
    transform: translate(100%);
    offset: 1px
  }
}

.rtl\:animate-infinite-scroll-reverse:where([dir=rtl], [dir=rtl] *) {
  animation: infinite-scroll-reverse 1000s linear infinite
}

.rtl\:flex-row-reverse:where([dir=rtl], [dir=rtl] *) {
  flex-direction: row-reverse
}

.rtl\:flex-col-reverse:where([dir=rtl], [dir=rtl] *) {
  flex-direction: column-reverse
}

.rtl\:justify-start:where([dir=rtl], [dir=rtl] *) {
  justify-content: flex-start
}

.rtl\:rounded-l-lg:where([dir=rtl], [dir=rtl] *) {
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem
}

.rtl\:rounded-l-none:where([dir=rtl], [dir=rtl] *) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.rtl\:rounded-r-lg:where([dir=rtl], [dir=rtl] *) {
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem
}

.rtl\:rounded-r-none:where([dir=rtl], [dir=rtl] *) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.rtl\:border-l:where([dir=rtl], [dir=rtl] *) {
  border-left-width: 1px
}

.rtl\:border-r-0:where([dir=rtl], [dir=rtl] *) {
  border-right-width: 0px
}

.rtl\:border-r-4:where([dir=rtl], [dir=rtl] *) {
  border-right-width: 4px
}

.rtl\:border-l-gray-300:where([dir=rtl], [dir=rtl] *) {
  border-left-color: var(--gray-300)
}

.rtl\:border-r-transparent:where([dir=rtl], [dir=rtl] *) {
  border-right-color: var(--transparent)
}

.rtl\:pb-0\.5:where([dir=rtl], [dir=rtl] *) {
  padding-bottom: .125rem
}

.rtl\:pl-0:where([dir=rtl], [dir=rtl] *) {
  padding-left: 0
}

.rtl\:pl-0\.5:where([dir=rtl], [dir=rtl] *) {
  padding-left: .125rem
}

.rtl\:pl-5:where([dir=rtl], [dir=rtl] *) {
  padding-left: 1.25rem
}

.rtl\:pl-6:where([dir=rtl], [dir=rtl] *) {
  padding-left: 1.5rem
}

.rtl\:pr-0:where([dir=rtl], [dir=rtl] *) {
  padding-right: 0
}

.rtl\:pr-10:where([dir=rtl], [dir=rtl] *) {
  padding-right: 2.5rem
}

.rtl\:pr-2\.5:where([dir=rtl], [dir=rtl] *) {
  padding-right: .625rem
}

.rtl\:pr-6:where([dir=rtl], [dir=rtl] *) {
  padding-right: 1.5rem
}

.rtl\:pr-7:where([dir=rtl], [dir=rtl] *) {
  padding-right: 1.75rem
}

.rtl\:pt-0:where([dir=rtl], [dir=rtl] *) {
  padding-top: 0
}

.rtl\:text-left:where([dir=rtl], [dir=rtl] *) {
  text-align: left
}

.rtl\:text-right:where([dir=rtl], [dir=rtl] *) {
  text-align: right
}

.rtl\:opacity-70:where([dir=rtl], [dir=rtl] *) {
  opacity: .7
}

.rtl\:first\:text-right:first-child:where([dir=rtl], [dir=rtl] *) {
  text-align: right
}

.group:hover .rtl\:group-hover\:-translate-x-0\.5:where([dir=rtl], [dir=rtl] *) {
  --tw-translate-x: -.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .rtl\:group-hover\:-translate-y-0\.5:where([dir=rtl], [dir=rtl] *) {
  --tw-translate-y: -.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .rtl\:group-hover\:-rotate-\[135deg\]:where([dir=rtl], [dir=rtl] *) {
  --tw-rotate: -135deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width: 768px) {
  .rtl\:md\:-bottom-8:where([dir=rtl], [dir=rtl] *) {
    bottom: -2rem
  }

  .rtl\:md\:-left-20:where([dir=rtl], [dir=rtl] *) {
    left: -5rem
  }

  .rtl\:md\:left-20:where([dir=rtl], [dir=rtl] *) {
    left: 5rem
  }

  .rtl\:md\:top-0:where([dir=rtl], [dir=rtl] *) {
    top: 0
  }

  .md\:rtl\:ml-0:where([dir=rtl], [dir=rtl] *) {
    margin-left: 0
  }

  .md\:rtl\:mr-auto:where([dir=rtl], [dir=rtl] *) {
    margin-right: auto
  }

  .rtl\:md\:rotate-\[20deg\]:where([dir=rtl], [dir=rtl] *) {
    --tw-rotate: 20deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .md\:rtl\:flex-row-reverse:where([dir=rtl], [dir=rtl] *) {
    flex-direction: row-reverse
  }

  .md\:rtl\:text-right:where([dir=rtl], [dir=rtl] *) {
    text-align: right
  }

  .rtl\:md\:text-right:where([dir=rtl], [dir=rtl] *) {
    text-align: right
  }
}

@media (min-width: 1025px) {
  .rtl\:lg\:-bottom-16:where([dir=rtl], [dir=rtl] *) {
    bottom: -4rem
  }

  .rtl\:lg\:-left-20:where([dir=rtl], [dir=rtl] *) {
    left: -5rem
  }

  .rtl\:lg\:-left-24:where([dir=rtl], [dir=rtl] *) {
    left: -6rem
  }

  .rtl\:lg\:-left-28:where([dir=rtl], [dir=rtl] *) {
    left: -7rem
  }

  .rtl\:lg\:-left-32:where([dir=rtl], [dir=rtl] *) {
    left: -8rem
  }

  .rtl\:lg\:left-5:where([dir=rtl], [dir=rtl] *) {
    left: 1.25rem
  }

  .lg\:rtl\:ml-0:where([dir=rtl], [dir=rtl] *) {
    margin-left: 0
  }

  .lg\:rtl\:mr-12:where([dir=rtl], [dir=rtl] *) {
    margin-right: 3rem
  }

  .lg\:rtl\:mr-4:where([dir=rtl], [dir=rtl] *) {
    margin-right: 1rem
  }

  .lg\:rtl\:border-l-0:where([dir=rtl], [dir=rtl] *) {
    border-left-width: 0px
  }

  .lg\:rtl\:border-r:where([dir=rtl], [dir=rtl] *) {
    border-right-width: 1px
  }

  .lg\:rtl\:pl-0:where([dir=rtl], [dir=rtl] *) {
    padding-left: 0
  }

  .lg\:rtl\:pr-9:where([dir=rtl], [dir=rtl] *) {
    padding-right: 2.25rem
  }

  .rtl\:lg\:pr-10:where([dir=rtl], [dir=rtl] *) {
    padding-right: 2.5rem
  }

  .lg\:rtl\:text-right:where([dir=rtl], [dir=rtl] *) {
    text-align: right
  }
}

@media (min-width: 1350px) {
  .rtl\:xl\:-bottom-24:where([dir=rtl], [dir=rtl] *) {
    bottom: -6rem
  }

  .rtl\:xl\:-left-16:where([dir=rtl], [dir=rtl] *) {
    left: -4rem
  }

  .rtl\:xl\:-left-20:where([dir=rtl], [dir=rtl] *) {
    left: -5rem
  }

  .rtl\:xl\:-ml-\[70px\]:where([dir=rtl], [dir=rtl] *) {
    margin-left: -70px
  }

  .rtl\:xl\:-mr-\[70px\]:where([dir=rtl], [dir=rtl] *) {
    margin-right: -70px
  }

  .rtl\:xl\:pr-24:where([dir=rtl], [dir=rtl] *) {
    padding-right: 6rem
  }

  .xl\:rtl\:text-right:where([dir=rtl], [dir=rtl] *) {
    text-align: right
  }
}

@media (orientation: landscape) {
  .landscape\:rtl\:flex-row-reverse:where([dir=rtl], [dir=rtl] *) {
    flex-direction: row-reverse
  }
}

.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none
}

.\[\&\:not\(\:last-child\)\]\:mb-5:not(:last-child) {
  margin-bottom: 1.25rem
}

@media (min-width: 768px) {
  .md\:\[\&\:not\(\:last-child\)\]\:border-r:not(:last-child) {
    border-right-width: 1px
  }

  .rtl\:md\:\[\&\:not\(\:last-child\)\]\:border-l:not(:last-child):where([dir=rtl], [dir=rtl] *) {
    border-left-width: 1px
  }

  .rtl\:md\:\[\&\:not\(\:last-child\)\]\:border-r-0:not(:last-child):where([dir=rtl], [dir=rtl] *) {
    border-right-width: 0px
  }
}

.\[\&\>\*\:nth-child\(2\)\]\:border-none>*:nth-child(2) {
  border-style: none
}

.\[\&\>\*\:nth-child\(4\)\]\:border-none>*:nth-child(4) {
  border-style: none
}

.\[\&\>\*\]\:w-full>* {
  width: 100%
}

.group.primary .\[\&\>\*\]\:group-\[\.primary\]\:hover\:\!stroke-brand-600:hover>* {
  stroke: var(--brand-600) !important
}

.\[\&\>\:first-child\]\:text-gray-700>:first-child {
  color: var(--gray-700)
}

.\[\&\>a\]\:text-brand-500>a {
  color: var(--brand-500)
}

.\[\&\>li\>h3\]\:w-32>li>h3 {
  width: 8rem
}

.\[\&\>li\>h3\]\:text-sm>li>h3 {
  font-size: .875rem;
  line-height: 1.25rem
}

.\[\&\>li\>h3\]\:text-gray-500>li>h3 {
  color: var(--gray-500)
}

@media (min-width: 1025px) {
  .\[\&\>li\>h3\]\:lg\:w-full>li>h3 {
    width: 100%
  }
}

.\[\&\>li\>span\]\:text-gray-900>li>span {
  color: var(--gray-900)
}

.\[\&\>li\]\:col-span-1>li {
  grid-column: span 1 / span 1
}

.\[\&\>li\]\:flex>li {
  display: flex
}

.\[\&\>li\]\:flex-col>li {
  flex-direction: column
}

.\[\&\>li\]\:justify-between>li {
  justify-content: space-between
}

.\[\&\>li\]\:gap-2>li {
  gap: .5rem
}

.\[\&_a\]\:underline a {
  text-decoration-line: underline
}

.\[\&_button\]\:text-left button {
  text-align: left
}

.\[\&_img\]\:max-w-none img {
  max-width: none
}

.\[\&_li\]\:mx-8 li {
  margin-left: 2rem;
  margin-right: 2rem
}

.\[\&_ul\]\:list-inside ul {
  list-style-position: inside
}

.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000
}

.cdk-overlay-container:empty {
  display: none
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  /* display: flex; */
  max-width: 100%;
  /* max-height: 100% */
}

.cdk-overlay-backdrop {
  position: absolute;
  inset: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
  opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: .6
}

.cdk-overlay-dark-backdrop {
  background: #00000052
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible
}

.cdk-overlay-backdrop-noop-animation {
  transition: none
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll
}

.cards-container[_ngcontent-ng-c3620821595] {
  max-width: 100vw;
  scroll-snap-type: inline mandatory
}

.cards-container[_ngcontent-ng-c3620821595]>*[_ngcontent-ng-c3620821595] {
  scroll-snap-align: start
}

.cards-container[_ngcontent-ng-c3620821595]>*[_ngcontent-ng-c3620821595]:last-child {
  scroll-snap-align: end
}

.cards-container[_ngcontent-ng-c3620821595]::-webkit-scrollbar {
  overflow: hidden
}

@media screen and (min-width: 1350px) {
  .explore-our-traders[_ngcontent-ng-c3729139898] {
    max-width: 1800px
  }
}


[_nghost-ng-c1139909750] {
  z-index: 999999;
  pointer-events: none
}

[fixed=true][_nghost-ng-c1139909750] .ng-progress-bar[_ngcontent-ng-c1139909750],
[fixed=true][_nghost-ng-c1139909750] .ng-spinner[_ngcontent-ng-c1139909750] {
  position: fixed
}

[fixed=true][_nghost-ng-c1139909750] .ng-spinner[_ngcontent-ng-c1139909750] {
  top: 15px
}

[fixed=true][spinnerPosition=left][_nghost-ng-c1139909750] .ng-spinner[_ngcontent-ng-c1139909750] {
  left: 15px
}

[fixed=true][spinnerPosition=right][_nghost-ng-c1139909750] .ng-spinner[_ngcontent-ng-c1139909750] {
  right: 15px
}

[thick=true][_nghost-ng-c1139909750] .ng-spinner-icon[_ngcontent-ng-c1139909750] {
  width: 24px;
  height: 24px;
  border-width: 3px
}

[thick=true][_nghost-ng-c1139909750] .ng-bar-placeholder[_ngcontent-ng-c1139909750] {
  height: 3px !important
}

[direction="ltr+"][_nghost-ng-c1139909750] .ng-meteor[_ngcontent-ng-c1139909750],
[direction=ltr-][_nghost-ng-c1139909750] .ng-meteor[_ngcontent-ng-c1139909750] {
  transform: rotate(3deg)
}

[direction="ltr+"][thick=true][_nghost-ng-c1139909750] .ng-meteor[_ngcontent-ng-c1139909750],
[direction=ltr-][thick=true][_nghost-ng-c1139909750] .ng-meteor[_ngcontent-ng-c1139909750] {
  transform: rotate(4deg)
}

[direction="ltr+"][_nghost-ng-c1139909750] .ng-bar[_ngcontent-ng-c1139909750],
[direction="rtl+"][_nghost-ng-c1139909750] .ng-bar[_ngcontent-ng-c1139909750] {
  margin-left: -100%
}

[direction="ltr+"][_nghost-ng-c1139909750] .ng-meteor[_ngcontent-ng-c1139909750],
[direction="rtl+"][_nghost-ng-c1139909750] .ng-meteor[_ngcontent-ng-c1139909750] {
  right: 0
}

[direction="ltr+"][_nghost-ng-c1139909750] .ng-meteor[_ngcontent-ng-c1139909750],
[direction=rtl-][_nghost-ng-c1139909750] .ng-meteor[_ngcontent-ng-c1139909750] {
  top: -3px
}

[direction="ltr+"][thick=true][_nghost-ng-c1139909750] .ng-meteor[_ngcontent-ng-c1139909750],
[direction=rtl-][thick=true][_nghost-ng-c1139909750] .ng-meteor[_ngcontent-ng-c1139909750] {
  top: -4px
}

[direction=ltr-][_nghost-ng-c1139909750] .ng-meteor[_ngcontent-ng-c1139909750],
[direction="rtl+"][_nghost-ng-c1139909750] .ng-meteor[_ngcontent-ng-c1139909750] {
  bottom: -3px
}

[direction=ltr-][thick=true][_nghost-ng-c1139909750] .ng-meteor[_ngcontent-ng-c1139909750],
[direction="rtl+"][thick=true][_nghost-ng-c1139909750] .ng-meteor[_ngcontent-ng-c1139909750] {
  bottom: -4px
}

[direction=ltr-][_nghost-ng-c1139909750] .ng-bar-placeholder[_ngcontent-ng-c1139909750],
[direction="rtl+"][_nghost-ng-c1139909750] .ng-bar-placeholder[_ngcontent-ng-c1139909750] {
  transform: rotate(180deg)
}

[direction=ltr-][_nghost-ng-c1139909750] .ng-spinner-icon[_ngcontent-ng-c1139909750],
[direction="rtl+"][_nghost-ng-c1139909750] .ng-spinner-icon[_ngcontent-ng-c1139909750] {
  animation-directionection: reverse
}

[direction="rtl+"][_nghost-ng-c1139909750] .ng-meteor[_ngcontent-ng-c1139909750],
[direction=rtl-][_nghost-ng-c1139909750] .ng-meteor[_ngcontent-ng-c1139909750] {
  transform: rotate(-3deg)
}

[direction="rtl+"][thick=true][_nghost-ng-c1139909750] .ng-meteor[_ngcontent-ng-c1139909750],
[direction=rtl-][thick=true][_nghost-ng-c1139909750] .ng-meteor[_ngcontent-ng-c1139909750] {
  transform: rotate(-4deg)
}

[spinnerPosition=left][_nghost-ng-c1139909750] .ng-spinner[_ngcontent-ng-c1139909750] {
  left: 10px
}

[spinnerPosition=right][_nghost-ng-c1139909750] .ng-spinner[_ngcontent-ng-c1139909750] {
  right: 10px
}

.ng-progress-bar[_ngcontent-ng-c1139909750] {
  position: relative;
  z-index: 999999;
  top: 0;
  left: 0;
  width: 100%;
  transform: scale(1);
  filter: alpha(opacity=0);
  opacity: 0
}

.ng-progress-bar[active=true][_ngcontent-ng-c1139909750] {
  filter: alpha(opacity=100);
  opacity: 1;
  transition: none
}

.ng-bar-placeholder[_ngcontent-ng-c1139909750] {
  position: absolute;
  height: 2px;
  width: 100%
}

.ng-bar[_ngcontent-ng-c1139909750] {
  width: 100%;
  height: 100%;
  transform: translate(-100%, 0, 0)
}

.ng-meteor[_ngcontent-ng-c1139909750] {
  display: block;
  position: absolute;
  width: 100px;
  height: 100%;
  opacity: 1
}

.ng-spinner[_ngcontent-ng-c1139909750] {
  position: absolute;
  display: block;
  z-index: 1031;
  top: 10px
}

.ng-spinner-icon[_ngcontent-ng-c1139909750] {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  animation: _ngcontent-ng-c1139909750_spinner-animation .25s linear infinite;
  border: 2px solid transparent;
  border-radius: 50%
}

@keyframes _ngcontent-ng-c1139909750_spinner-animation {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

#xm-animation {
  background-image: -webkit-linear-gradient(-30deg, #23bea6, #f55668 30%, #ed3ace 70%, #0a2ddf);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-background-size: 200% 100%;
  -webkit-animation: text-background-animation 2s infinite linear;
  font-size: 1.1rem;
}

@-webkit-keyframes text-background-animation {
  0% {
      background-position: 20% 0
  }

  100% {
      background-position: -120% 0
  }
}

@keyframes text-background-animation {
  0% {
      background-position: 20% 0
  }

  100% {
      background-position: -120% 0
  }
}

.csr-latest__items[_ngcontent-ng-c1619218572] {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column
}

@media (min-width: 768px) {
  .csr-latest__items[_ngcontent-ng-c1619218572] {
    display: grid;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    column-gap: 1.75rem;
    overflow-x: auto;
    overscroll-behavior-x: contain
  }
}

@media (min-width: 1025px) {
  .csr-latest__items[_ngcontent-ng-c1619218572] {
    column-gap: 2rem
  }
}

@media (min-width: 1350px) {
  .csr-latest__items[_ngcontent-ng-c1619218572] {
    justify-content: center;
    column-gap: 2.5rem
  }
}

.csr-latest__items[_ngcontent-ng-c1619218572] {
  scroll-snap-type: inline mandatory
}

.csr-latest__items[_ngcontent-ng-c1619218572]>*[_ngcontent-ng-c1619218572] {
  scroll-snap-align: start
}

.csr-latest__items[_ngcontent-ng-c1619218572]>*[_ngcontent-ng-c1619218572]:last-child {
  scroll-snap-align: end
}

.csr-latest__items[_ngcontent-ng-c1619218572]::-webkit-scrollbar {
  overflow: hidden
}


.post {
  padding-bottom: ;
  word-break: break-word
}

 .post__img {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 1.5rem
}

 /* .post__img::before {
  display: block;
  content: "";
  padding-top: 10%
} */

 .post__title {
  font-size: 1.125em;
  margin-bottom: 0
}

@media (min-width: 992px) {
   .post__title {
      font-size:1.266em
  }
}

 .post__title a:focus {
  color: inherit
}

 .post__info {
  color: #8a8a8a;
  font-size: 0.889em;
  margin-bottom: 0.75rem;
  font-weight: 500;
  line-height: 21px
}

 .post__description {
  margin-top: 0.75rem
}

 .post__description ul {
  list-style: unset;
  padding: revert
}

 .post__description a {
  color: #d51820;
  text-decoration: underline !important
}

 .post__hr {
  margin: 0.75rem 0
}

 .post__more {
  margin-top: 0.75rem
}

 .post--featured .post__title {
  font-size: 1.424em
}

@media (min-width: 992px) {
   .post--featured .post__title {
      font-size:1.602em
  }
}

 .post--single .post__title {
  font-size: 2.027em;
  margin-bottom: 1rem
}

@media (min-width: 768px) {
   .post--single .post__title {
      font-size:2.281em
  }
}

 .post--single .post__info {
  font-size: 1.125em;
  font-weight: 400
}

 .post--single .post__info--big {
  font-size: 1.266em;
  color: #4c4c4c;
  font-weight: 500
}

 .post--single .post__hr {
  margin: 1.25rem 0
}

 /* .post--single .post__img::before {
  padding-top: 56.25%
} */

 .post--single .post__description {
  margin-top: 2.25em
}

 .post--single .post__description img {
  width: 100%;
  height: auto;
  margin: 1.25rem 0
}

 .post--single .post__description ul li {
  margin-bottom: 0.75rem
}

 .post--single .post__description--small {
  line-height: 1.3em;
  height: 14.3em;
  overflow: hidden
}

 .post--single .post__description--small p, .post--single .post__description--small ul, .post--single .post__description--small ol {
  margin-bottom: 1.3em !important
}

 .post--horizontal .post__hr {
  margin: 1.75rem 0
}

 .post--horizontal .post__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

 .post--horizontal .post__content {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
  max-width: 100%
}

 .post--horizontal .post__img {
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 20%;
  max-width: 20%;
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
  display: none;
  margin-bottom: 0;
  margin-left: 2rem
}

html[lang="ar"]  .post--horizontal .post__img,html[lang="ur"]  .post--horizontal .post__img {
  margin-left: 0;
  margin-right: 2rem
}



 /* .post--horizontal .post__img::before {
  padding-top: 100%
} */

@media (min-width: 768px) {
   .post--horizontal .post__img {
      display:block
  }
}

 .post--horizontal:last-child .post__hr, .post--simple:last-child .post__hr {
  display: none
}

.xm-avow{
  font-size: 14px;
  color: #7F7F80;
}

.xm-page{
  width: 100%;
  height: auto;
  overflow: hidden;
  text-align: center;
  margin-top: 2rem;
}

.xm-page a{
  display: inline-block;
  border: 1px solid #ebebeb;
  color: var(--brand-700);
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  margin: 0 .5rem;
  overflow: hidden;
}

a.page-active,.xm-page a:hover{
  background: var(--brand-50);
  /* color: #fff; */
  border: 1px solid #EB6446;
}

.text--secondary {
  color: #EB6446 !important;
}

.content-footer a{
  color: #0068b7;
}

.content-footer a:hover{
  color: #ea042b;
}

/* .contents h1{
  font-size:2.25rem;
  line-height:2.75rem;
  font-weight:bold;
  color: #874a73;
  background: linear-gradient(344deg, rgba(102,182,108,1) 0%, rgba(168,155,195,1) 19%, rgba(198,197,188,1) 44%, rgba(109,138,209,1) 74%, rgba(218,154,242,1) 100%);
  border-bottom: 1px solid;
  padding: 5px 15px;
  border-left: 11px solid;
  margin:18px 0px 18px 0px;
  overflow: hidden;
} */
.contents h2{
  font-size:2rem;
  line-height:2.5rem;
  font-weight:bold;
  color: #850de8;
  background: linear-gradient(344deg, rgba(102,182,108,1) 0%, rgba(168,155,195,1) 19%, rgba(198,197,188,1) 44%, rgba(109,138,209,1) 74%, rgba(218,154,242,1) 100%);
  border-bottom: 1px solid;
  padding: 5px 15px;
  border-left: 9px solid;
  margin:18px 0px 18px 0px;
  overflow: hidden;
}
.contents h3{
  font-size:1.75rem;
  line-height:2.25rem;
  font-weight:bold;
  color: #836f26;
  background: linear-gradient(344deg, rgba(231,237,196,1) 0%, rgba(186,244,161,1) 19%, rgba(156,218,236,1) 44%, rgba(86,240,137,1) 74%, rgba(218,154,242,1) 100%);
  border-bottom: 1px solid;
  padding: 5px 15px;
  border-left: 7px solid;
  margin:18px 0px 18px 0px;
  overflow: hidden;
}
.contents h4{
  font-size:1.5rem;
  line-height:2rem;
  font-weight:bold;
  color: #126606;
  background: linear-gradient(305deg, rgba(232,221,210,1) 0%, rgba(199,203,175,1) 19%, rgba(214,188,238,1) 44%, rgba(143,163,240,1) 74%, rgba(215,169,233,1) 100%);
  border-bottom: 1px solid;
  padding: 5px 15px;
  border-left: 5px solid;
  margin:18px 0px 18px 5px;
  overflow: hidden;
}
.contents h5{
  font-size:1.25rem;
  line-height:1.75rem;
  font-weight:bold;
  color: #1b8908;
  background: linear-gradient(344deg, rgba(182,148,156,1) 0%, rgba(171,230,174,1) 19%, rgba(119,199,247,1) 44%, rgba(240,209,194,1) 74%, rgba(185,207,240,1) 100%);
  border-bottom: 1px solid;
  padding: 5px 15px;
  border-left: 5px solid;
  margin:18px 0px 18px 10px;
  overflow: hidden;
}