@charset "UTF-8";

/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com*/

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
html {
  -webkit-text-size-adjust: 100%;
  line-height: 1.15;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}
body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
    sans-serif, Apple Color Emoji, Segoe UI Emoji;
  margin: 0;
}
hr {
  color: inherit;
  height: 0;
}
abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo,
    monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  border-color: inherit;
  text-indent: 0;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
button {
  -webkit-appearance: button;
}
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
legend {
  padding: 0;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0;
}
button {
  background-color: transparent;
  background-image: none;
}
fieldset,
ol,
ul {
  margin: 0;
  padding: 0;
}
ol,
ul {
  list-style: none;
}
html {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  line-height: 1.5;
}
body {
  font-family: inherit;
  line-height: inherit;
}
*,
:after,
:before {
  border: 0 solid;
  box-sizing: border-box;
}
hr {
  border-top-width: 1px;
}
img {
  border-style: solid;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #a1a1aa;
  opacity: 1;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #a1a1aa;
  opacity: 1;
}
input::placeholder,
textarea::placeholder {
  color: #a1a1aa;
  opacity: 1;
}
[role="button"],
button {
  cursor: pointer;
}
table {
  border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  line-height: inherit;
  padding: 0;
}
code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    Liberation Mono, Courier New, monospace;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}
img,
video {
  height: auto;
  max-width: 100%;
}
[hidden] {
  display: none;
}
*,
:after,
:before {
  border-color: currentColor;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: 1440px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: 1600px;
  }
}
.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;
}
.inset-0 {
  bottom: 0;
  top: 0;
}
.inset-0,
.inset-x-0 {
  left: 0;
  right: 0;
}
.inset-y-20 {
  bottom: 5rem;
  top: 5rem;
}
.top-0 {
  top: 0;
}
.top-2 {
  top: 0.5rem;
}
.top-4 {
  top: 1rem;
}
.top-5 {
  top: 1.25rem;
}
.top-16 {
  top: 4rem;
}
.top-20 {
  top: 5rem;
}
.top-32 {
  top: 8rem;
}
.top-36 {
  top: 9rem;
}
.top-40 {
  top: 10rem;
}
.top-0\.5 {
  top: 0.125rem;
}
.top-full {
  top: 100%;
}
.top-1\/2 {
  top: 50%;
}
.-top-10 {
  top: -2.5rem;
}
.-top-40 {
  top: -10rem;
}
.-top-44 {
  top: -11rem;
}
.-top-full {
  top: -100%;
}
.right-0 {
  right: 0;
}
.right-10 {
  right: 2.5rem;
}
.right-16 {
  right: 4rem;
}
.right-35 {
  right: 35px;
}
.right-full {
  right: 100%;
}
.bottom-0 {
  bottom: 0;
}
.bottom-10 {
  bottom: 2.5rem;
}
.bottom-20 {
  bottom: 5rem;
}
.bottom-28 {
  bottom: 7rem;
}
.bottom-35 {
  bottom: 35px;
}
.bottom-full {
  bottom: 100%;
}
.-bottom-5 {
  bottom: -1.25rem;
}
.-bottom-10 {
  bottom: -2.5rem;
}
.left-0 {
  left: 0;
}
.left-10 {
  left: 2.5rem;
}
.left-1\/2 {
  left: 50%;
}
.-left-full {
  left: -100%;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.col-span-10 {
  grid-column: span 10 / span 10;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.col-start-1 {
  grid-column-start: 1;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.mx-11 {
  margin-left: 2.75rem;
  margin-right: 2.75rem;
}
.mx-20 {
  margin-left: 5rem;
  margin-right: 5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-2 {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.my-6 {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}
.my-10 {
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
}
.my-20 {
  margin-bottom: 5rem;
  margin-top: 5rem;
}
.my-40 {
  margin-bottom: 10rem;
  margin-top: 10rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-11 {
  margin-top: 2.75rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-16 {
  margin-top: 4rem;
}
.mt-20 {
  margin-top: 5rem;
}
.mt-32 {
  margin-top: 8rem;
}
.mt-40 {
  margin-top: 10rem;
}
.mt-44 {
  margin-top: 11rem;
}
.mt-60 {
  margin-top: 15rem;
}
.mt-64 {
  margin-top: 16rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.-mt-6 {
  margin-top: -1.5rem;
}
.-mt-7 {
  margin-top: -1.75rem;
}
.-mt-10 {
  margin-top: -2.5rem;
}
.-mt-16 {
  margin-top: -4rem;
}
.-mt-20 {
  margin-top: -5rem;
}
.-mt-40 {
  margin-top: -10rem;
}
.-mt-56 {
  margin-top: -14rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mr-10 {
  margin-right: 2.5rem;
}
.mr-20 {
  margin-right: 5rem;
}
.-mr-6 {
  margin-right: -1.5rem;
}
.-mr-16 {
  margin-right: -4rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-11 {
  margin-bottom: 2.75rem;
}
.mb-20 {
  margin-bottom: 5rem;
}
.mb-28 {
  margin-bottom: 7rem;
}
.mb-32 {
  margin-bottom: 8rem;
}
.mb-40 {
  margin-bottom: 10rem;
}
.-mb-1 {
  margin-bottom: -0.25rem;
}
.-mb-10 {
  margin-bottom: -2.5rem;
}
.-mb-35 {
  margin-bottom: -35px;
}
.-mb-40 {
  margin-bottom: -10rem;
}
.-mb-44 {
  margin-bottom: -11rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.ml-72 {
  margin-left: 18rem;
}
.ml-3\.5 {
  margin-left: 0.875rem;
}
.-ml-2 {
  margin-left: -0.5rem;
}
.-ml-3 {
  margin-left: -0.75rem;
}
.-ml-6 {
  margin-left: -1.5rem;
}
.-ml-3\.5 {
  margin-left: -0.875rem;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-0 {
  height: 0;
}
.h-1 {
  height: 0.25rem;
}
.h-2 {
  height: 0.5rem;
}
.h-6 {
  height: 1.5rem;
}
.h-9 {
  height: 2.25rem;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-20 {
  height: 5rem;
}
.h-32 {
  height: 8rem;
}
.h-40 {
  height: 10rem;
}
.h-60 {
  height: 15rem;
}
.h-72 {
  height: 18rem;
}
.h-80 {
  height: 20rem;
}
.h-0\.5 {
  height: 0.125rem;
}
.h-2px {
  height: 2px;
}
.h-full {
  height: 100%;
}
.h-1\/2 {
  height: 50%;
}
.h-4\/5 {
  height: 80%;
}
.h-screen {
  height: 100vh;
}
.max-h-full {
  max-height: 100%;
}
.max-h-4\/5 {
  max-height: 80%;
}
.min-h-screen {
  min-height: 100vh;
}
.w-0 {
  width: 0;
}
.w-1 {
  width: 0.25rem;
}
.w-2 {
  width: 0.5rem;
}
.w-6 {
  width: 1.5rem;
}
.w-9 {
  width: 2.25rem;
}
.w-10 {
  width: 2.5rem;
}
.w-16 {
  width: 4rem;
}
.w-20 {
  width: 5rem;
}
.w-40 {
  width: 10rem;
}
.w-44 {
  width: 11rem;
}
.w-60 {
  width: 15rem;
}
.w-70 {
  width: 17rem;
}
.w-80 {
  width: 20rem;
}
.w-2px {
  width: 2px;
}
.w-full3 {
  width: 300%;
}
.w-full {
  width: 100%;
}
.w-1\/2 {
  width: 50%;
}
.w-2\/3,
.w-8\/12 {
  width: 66.666667%;
}
.w-9\/12 {
  width: 75%;
}
.w-11\/12 {
  width: 91.666667%;
}
.max-w-xs {
  max-width: 20rem;
}
.max-w-full {
  max-width: 100%;
}
.max-w-screen-sm {
  max-width: 640px;
}
.max-w-262px {
  max-width: 262px;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-none {
  flex: none;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-grow-0 {
  flex-grow: 0;
}
.flex-grow {
  flex-grow: 1;
}
.origin-center {
  transform-origin: center;
}
.origin-bottom {
  transform-origin: bottom;
}
.origin-left {
  transform-origin: left;
}
.origin-top-left {
  transform-origin: top left;
}
.transform {
  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform,
.transform-gpu {
  --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;
}
.transform-gpu {
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full {
  --tw-translate-x: -100%;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
}
.group:hover .group-hover\:-translate-x-2 {
  --tw-translate-x: -0.5rem;
}
.group:hover .group-hover\:translate-y-10 {
  --tw-translate-y: 2.5rem;
}
.rotate-45 {
  --tw-rotate: 45deg;
}
.rotate-90 {
  --tw-rotate: 90deg;
}
.-rotate-12 {
  --tw-rotate: -12deg;
}
.scale-75 {
  --tw-scale-x: 0.75;
  --tw-scale-y: 0.75;
}
.group:hover .group-hover\:scale-125 {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
}
.scale-y-0 {
  --tw-scale-y: 0;
}
@-webkit-keyframes spin {
  to {
    transform: rotate(1turn);
  }
}
@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes ping {
  75%,
  to {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes ping {
  75%,
  to {
    opacity: 0;
    transform: scale(2);
  }
}
@-webkit-keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@-webkit-keyframes bounce {
  0%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    transform: translateY(-25%);
  }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transform: none;
  }
}
@keyframes bounce {
  0%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    transform: translateY(-25%);
  }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transform: none;
  }
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.resize {
  resize: both;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, 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-nowrap {
  flex-wrap: nowrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-4 {
  gap: 1rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-x-8 {
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}
.gap-y-10 {
  row-gap: 2.5rem;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden,
.truncate {
  overflow: hidden;
}
.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.rounded-full {
  border-radius: 9999px;
}
.border-2 {
  border-width: 2px;
}
.border-3 {
  border-width: 3px;
}
.border {
  border-width: 1px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-transparent {
  border-color: transparent;
}
.border-orange2 {
  --tw-border-opacity: 1;
  border-color: rgba(255, 102, 0, var(--tw-border-opacity));
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}
.border-dark {
  --tw-border-opacity: 1;
  border-color: rgba(19, 3, 34, var(--tw-border-opacity));
}
.group:hover .group-hover\:border-white {
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}
.border-opacity-20 {
  --tw-border-opacity: 0.2;
}
.border-opacity-30 {
  --tw-border-opacity: 0.3;
}
.border-opacity-40 {
  --tw-border-opacity: 0.4;
}
.border-opacity-50 {
  --tw-border-opacity: 0.5;
}
.bg-lightgray {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
}
.bg-gray {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 224, 232, var(--tw-bg-opacity));
}
.bg-orange {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 96, 29, var(--tw-bg-opacity));
}
.bg-orange2 {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 102, 0, var(--tw-bg-opacity));
}
.bg-lightorange {
  --tw-bg-opacity: 1;
  background-color: rgba(241, 240, 238, var(--tw-bg-opacity));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}
.bg-purple {
  --tw-bg-opacity: 1;
  background-color: rgba(231, 185, 34, var(--tw-bg-opacity));
}
.bg-darkpurple {
  --tw-bg-opacity: 1;
  background-color: rgba(39, 12, 65, var(--tw-bg-opacity));
}
.bg-dark {
  --tw-bg-opacity: 1;
  background-color: rgba(19, 3, 34, var(--tw-bg-opacity));
}
.bg-darkblue {
  --tw-bg-opacity: 1;
  background-color: rgba(17, 25, 48, var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-orange2 {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 102, 0, var(--tw-bg-opacity));
}
.bg-opacity-15 {
  --tw-bg-opacity: 0.15;
}
.bg-opacity-25 {
  --tw-bg-opacity: 0.25;
}
.bg-opacity-30 {
  --tw-bg-opacity: 0.3;
}
.bg-opacity-80 {
  --tw-bg-opacity: 0.8;
}
.bg-opacity-100 {
  --tw-bg-opacity: 1;
}
.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.from-lightgray2 {
  --tw-gradient-from: #acb5ba;
  --tw-gradient-stops: var(--tw-gradient-from),
    var(--tw-gradient-to, hsla(201, 9%, 70%, 0));
}
.from-orange2 {
  --tw-gradient-from: #f60;
  --tw-gradient-stops: var(--tw-gradient-from),
    var(--tw-gradient-to, rgba(255, 102, 0, 0));
}
.from-white {
  --tw-gradient-from: #fff;
  --tw-gradient-stops: var(--tw-gradient-from),
    var(--tw-gradient-to, hsla(0, 0%, 100%, 0));
}
.from-darkpurple {
  --tw-gradient-from: #efba0f;
  --tw-gradient-stops: var(--tw-gradient-from),
    var(--tw-gradient-to, rgba(39, 12, 65, 0));
}
.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}
.p-4 {
  padding: 1rem;
}
.p-8 {
  padding: 2rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-5 {
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
}
.py-10 {
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
}
.py-20 {
  padding-bottom: 5rem;
  padding-top: 5rem;
}
.py-32 {
  padding-bottom: 8rem;
  padding-top: 8rem;
}
.py-36 {
  padding-bottom: 9rem;
  padding-top: 9rem;
}
.py-52 {
  padding-bottom: 13rem;
  padding-top: 13rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-14 {
  padding-top: 3.5rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pt-24 {
  padding-top: 6rem;
}
.pt-32 {
  padding-top: 8rem;
}
.pt-35 {
  padding-top: 35px;
}
.pt-36 {
  padding-top: 9rem;
}
.pt-40 {
  padding-top: 10rem;
}
.pt-80 {
  padding-top: 20rem;
}
.pt-88 {
  padding-top: 22rem;
}
.pt-2px {
  padding-top: 2px;
}
.pt-full {
  padding-top: 100%;
}
.pt-1\/2 {
  padding-top: 50%;
}
.pt-7\/6 {
  padding-top: 112%;
}
.pt-9\/16 {
  padding-top: 56%;
}
.pr-8 {
  padding-right: 2rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-24 {
  padding-bottom: 6rem;
}
.pb-32 {
  padding-bottom: 8rem;
}
.pb-35 {
  padding-bottom: 35px;
}
.pb-36 {
  padding-bottom: 9rem;
}
.pb-40 {
  padding-bottom: 10rem;
}
.pb-px {
  padding-bottom: 1px;
}
.pl-1 {
  padding-left: 0.25rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.text-0 {
  font-size: 0;
}
.text-9 {
  font-size: 9px;
}
.text-10 {
  font-size: 10px;
}
.text-11 {
  font-size: 11px;
}
.text-12 {
  font-size: 12px;
}
.text-13 {
  font-size: 13px;
}
.text-14 {
  font-size: 14px;
}
.text-15 {
  font-size: 15px;
}
.text-16 {
  font-size: 16px;
}
.text-17 {
  font-size: 17px;
}
.text-18 {
  font-size: 18px;
}
.text-19 {
  font-size: 19px;
}
.text-20 {
  font-size: 20px;
}
.text-22 {
  font-size: 22px;
}
.text-24 {
  font-size: 24px;
}
.text-29 {
  font-size: 29px;
}
.text-30 {
  font-size: 30px;
}
.text-33 {
  font-size: 33px;
}
.text-35 {
  font-size: 35px;
}
.text-36 {
  font-size: 36px;
}
.text-37 {
  font-size: 37px;
}
.text-40 {
  font-size: 40px;
}
.text-41 {
  font-size: 41px;
}
.text-50 {
  font-size: 50px;
}
.text-55 {
  font-size: 55px;
}
.text-60 {
  font-size: 60px;
}
.text-66 {
  font-size: 66px;
}
.text-70 {
  font-size: 70px;
}
.text-75 {
  font-size: 75px;
}
.text-77 {
  font-size: 77px;
}
.text-80 {
  font-size: 80px;
}
.font-light {
  font-weight: 300;
}
.font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.leading-10 {
  line-height: 10px;
}
.leading-11 {
  line-height: 11px;
}
.leading-12 {
  line-height: 12px;
}
.leading-13 {
  line-height: 13px;
}
.leading-15 {
  line-height: 15px;
}
.leading-18 {
  line-height: 18px;
}
.leading-20 {
  line-height: 20px;
}
.leading-21 {
  line-height: 21px;
}
.leading-24 {
  line-height: 24px;
}
.leading-26 {
  line-height: 26px;
}
.leading-27 {
  line-height: 27px;
}
.leading-30 {
  line-height: 30px;
}
.leading-32 {
  line-height: 32px;
}
.leading-36 {
  line-height: 36px;
}
.leading-38 {
  line-height: 38px;
}
.leading-39 {
  line-height: 39px;
}
.leading-41 {
  line-height: 41px;
}
.leading-44 {
  line-height: 44px;
}
.leading-49 {
  line-height: 49px;
}
.leading-50 {
  line-height: 50px;
}
.leading-52 {
  line-height: 52px;
}
.leading-55 {
  line-height: 55px;
}
.leading-56 {
  line-height: 56px;
}
.leading-57 {
  line-height: 57px;
}
.leading-60 {
  line-height: 60px;
}
.leading-66 {
  line-height: 66px;
}
.leading-70 {
  line-height: 70px;
}
.leading-72 {
  line-height: 72px;
}
.leading-75 {
  line-height: 75px;
}
.leading-77 {
  line-height: 77px;
}
.leading-80 {
  line-height: 80px;
}
.leading-113 {
  line-height: 113px;
}
.tracking-tightest {
  letter-spacing: -0.03em;
}
.tracking-tighter {
  letter-spacing: -0.02em;
}
.tracking-tight {
  letter-spacing: -0.01em;
}
.tracking-wide {
  letter-spacing: 0.11em;
}
.tracking-wider {
  letter-spacing: 0.23em;
}
.text-lightgray {
  --tw-text-opacity: 1;
  color: rgba(248, 248, 248, var(--tw-text-opacity));
}
.text-grayer {
  --tw-text-opacity: 1;
  color: rgba(47, 47, 47, var(--tw-text-opacity));
}
.text-orange {
  --tw-text-opacity: 1;
  color: rgba(239, 96, 29, var(--tw-text-opacity));
}
.text-orange2 {
  --tw-text-opacity: 1;
  color: rgba(255, 102, 0, var(--tw-text-opacity));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.text-purple {
  --tw-text-opacity: 1;
  color: rgba(7, 12, 50, var(--tw-text-opacity));
}
.text-darkpurple {
  --tw-text-opacity: 1;
  color: rgba(39, 12, 65, var(--tw-text-opacity));
}
.text-lightpurple {
  --tw-text-opacity: 1;
  color: rgba(43, 10, 81, var(--tw-text-opacity));
}
.text-dark {
  --tw-text-opacity: 1;
  color: rgba(19, 3, 34, var(--tw-text-opacity));
}
.group:hover .group-hover\:text-orange {
  --tw-text-opacity: 1;
  color: rgba(239, 96, 29, var(--tw-text-opacity));
}
.group:hover .group-hover\:text-orange2 {
  --tw-text-opacity: 1;
  color: rgba(255, 102, 0, var(--tw-text-opacity));
}
.group:hover .group-hover\:text-white {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.hover\:text-orange:hover {
  --tw-text-opacity: 1;
  color: rgba(239, 96, 29, var(--tw-text-opacity));
}
.hover\:text-orange2:hover {
  --tw-text-opacity: 1;
  color: rgba(255, 102, 0, var(--tw-text-opacity));
}
.hover\:underline:hover {
  text-decoration: underline;
}
.opacity-0 {
  opacity: 0;
}
.opacity-10 {
  opacity: 0.1;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-90 {
  opacity: 0.9;
}
.group:hover .group-hover\:opacity-100,
.opacity-100 {
  opacity: 1;
}
*,
:after,
:before {
  --tw-shadow: 0 0 #0000;
  --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
}
.filter {
  --tw-blur: var(--tw-empty, /*!*/ /*!*/);
  --tw-brightness: var(--tw-empty, /*!*/ /*!*/);
  --tw-contrast: var(--tw-empty, /*!*/ /*!*/);
  --tw-grayscale: var(--tw-empty, /*!*/ /*!*/);
  --tw-hue-rotate: var(--tw-empty, /*!*/ /*!*/);
  --tw-invert: var(--tw-empty, /*!*/ /*!*/);
  --tw-saturate: var(--tw-empty, /*!*/ /*!*/);
  --tw-sepia: var(--tw-empty, /*!*/ /*!*/);
  --tw-drop-shadow: var(--tw-empty, /*!*/ /*!*/);
  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);
}
.invert {
  --tw-invert: invert(100%);
}
.transition-all {
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition {
  transition-duration: 0.15s;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter,
    -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-colors {
  transition-duration: 0.15s;
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-opacity {
  transition-duration: 0.15s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-transform {
  transition-duration: 0.15s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.duration-200 {
  transition-duration: 0.2s;
}
.duration-300 {
  transition-duration: 0.3s;
}
.duration-500 {
  transition-duration: 0.5s;
}
.duration-1000 {
  transition-duration: 1s;
}
.duration-1500 {
  transition-duration: 1.5s;
}
.ease-linear {
  transition-timing-function: linear;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out-expo {
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
#root {
  position: relative;
}
img {
  max-width: none;
}
.will-change-transform {
  will-change: transform;
}
@font-face {
  font-display: swap;
  font-family: Sofia;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/SofiaPro-Regularf648.woff2?1ee27a228899fff4f6ddcb8b9e51f1ac)
      format("woff2"),
    url(../fonts/SofiaPro-Regular6b6f.woff?f38021d4794cca06117d28efa6440e0e)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: Sofia;
  font-style: italic;
  font-weight: 400;
  src: url(../fonts/SofiaPro-Regularitalic185e.woff2?802fcf16ad9e6d04e2a2c61335ebe6b8)
      format("woff2"),
    url(../fonts/SofiaPro-Regularitalic1da8.woff?cc59840686488821b7fff5ce2c14fe92)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: Sofia;
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/SofiaPro-Boldd9be.woff2?819d2bf82b7c7677d545c4d54d7aeaea)
      format("woff2"),
    url(../fonts/SofiaPro-Bold9a6a.woff?cdaf5495af73b171b01eeceed22074ed)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: Sofia;
  font-style: italic;
  font-weight: 700;
  src: url(../fonts/SofiaPro-Bolditalicd1f7.woff2?50abcd568649fadc69edced8e7af0b70)
      format("woff2"),
    url(../fonts/SofiaPro-Bolditalic3ef8.woff?d81beffca26aeea9304dbbfd3c484ec0)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: Sofia;
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/SofiaPro-SemiBold2528.woff2?4b80ebba231c57db0538042c697d2fcc)
      format("woff2"),
    url(../fonts/SofiaPro-SemiBold888f.woff?0c235f44003d1ce76336f594a4f9414b)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: Sofia;
  font-style: italic;
  font-weight: 600;
  src: url(../fonts/SofiaPro-SemiBolditalic24d7.woff2?00d47421f334d586435a4686e7745b1d)
      format("woff2"),
    url(../fonts/SofiaPro-SemiBolditalic4c85.woff?3f6ee054ce265ca05b582e9fde429dc0)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: Sofia;
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/SofiaPro-Lighta83b.woff2?5a729697219f5969b568935548488eab)
      format("woff2"),
    url(../fonts/SofiaPro-Light93a8.woff?0d7a0b02cd0e856cf6c2a0cb96b5eded)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: Sofia;
  font-style: italic;
  font-weight: 300;
  src: url(../fonts/SofiaPro-Lightitalic35ae.woff2?f222251cb33fc03d4ef5fc30a15ce681)
      format("woff2"),
    url(../fonts/SofiaPro-Lightitalicdfc7.woff?2d3962fbcfb19d8186189453714ab791)
      format("woff");
}
.hyphens-auto {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.hyphens-manual {
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}
.hyphens-none {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
@font-face {
  font-display: block;
  font-family: icomoon;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/icomoon6348.eot?b85453417146fea39b19d9bed01034a8);
  src: url(../fonts/icomoon6348.eot?b85453417146fea39b19d9bed01034a8)
      format("embedded-opentype"),
    url(../fonts/icomoonc8c0.ttf?48213ba1a2322f5179964bf02e382c1c)
      format("truetype"),
    url(../fonts/icomoon8f14.woff?9ffa1b5432c6e73a7db3083f247572bf)
      format("woff"),
    url(../fonts/icomoon476f.svg?9474e72e63491504903f6b26ca1f03a0) format("svg");
}
[class*=" icon-"],
[class^="icon-"] {
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: icomoon !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}
.icon-email:before {
  content: "\e90b";
}
.icon-zoom .path1:before {
  color: #000;
  content: "\e908";
}
.icon-zoom .path2:before {
  color: #000;
  content: "\e909";
  margin-left: -1em;
  opacity: 0.3;
}
.icon-zoom .path3:before {
  color: #000;
  content: "\e90a";
  margin-left: -1em;
  opacity: 0.3;
}
.icon-twitter:before {
  content: "\e907";
}
.icon-cross:before {
  content: "\e906";
}
.icon-sound-off:before {
  content: "\e903";
}
.icon-sound-on:before {
  content: "\e904";
}
.icon-pause:before {
  content: "\e905";
}
.icon-play:before {
  content: "\e902";
}
.icon-linkedin:before {
  content: "\e900";
}
.icon-medium:before {
  content: "\e901";
}
[data-follow-link] {
  cursor: pointer;
}
@media (min-width: 768px) {
  [data-component="CustomPageTwoColumnsImagesTitles"] .left {
    margin-top: -11.6666666667vw;
    width: 40vw;
  }
  [data-component="CustomPageTwoColumnsImagesTitles"] .left div + div {
    margin-left: -11.9791666667vw;
    width: 33.3333333333vw;
  }
  [data-component="CustomPageTwoColumnsImagesTitles"] .right {
    margin-top: 19.1666666667vw;
    width: 30vw;
  }
  [data-component="CustomPageTwoColumnsImagesTitles"] .right div + div {
    direction: rtl;
    margin-right: -5.2083333333vw;
    width: 12.5vw;
  }
  [data-component="CustomPageTwoColumnsImagesTitles"] span {
    font-size: 6.25vw;
    line-height: 6.6666666667vw;
  }
}
@media (min-width: 1440px) {
  [data-component="CustomPageTwoColumnsImagesTitles"] .left {
    margin-top: -200px;
  }
}
[data-component="CustomPageManifesto"] .left {
  height: 660px;
}
@media (min-width: 768px) {
  [data-component="CustomPageManifesto"] .left {
    height: 72.2916666667vw;
    width: 34.0625vw;
  }
  [data-component="CustomPageManifesto"] .right > div {
    width: 21.40625vw;
  }
}
[data-component="CustomPageAccordion"] .item-border {
  transform-origin: right;
}
[data-component="CustomPageAccordion"] .item.appear .cross > div,
[data-component="CustomPageAccordion"] .item.appear .cross > div + div,
[data-component="CustomPageAccordion"] .item.opened .cross > div,
[data-component="CustomPageAccordion"] .item.opened .cross > div + div {
  --tw-rotate: 360deg;
}
[data-component="CustomPageCircleStats"] .names > div {
  opacity: 0.14;
}
[data-component="CustomPageCircleStats"] .names > div.selected {
  opacity: 1;
}
[data-component="CustomPageCircleStats"] .texts > div {
  display: none;
}
[data-component="CustomPageCircleStats"] .texts > div.selected {
  display: block;
}
[data-component="CustomPageCircleStats"] .circles > div {
  display: none;
}
[data-component="CustomPageCircleStats"] .circles > div.selected {
  display: block;
}
[data-component="CustomPageFacts"] .names > div {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.3;
  color: rgba(248, 248, 248, var(--tw-text-opacity));
  transition: all 0.2s linear;
}
[data-component="CustomPageFacts"] .names > div.selected {
  --tw-text-opacity: 1;
  color: rgba(255, 102, 0, var(--tw-text-opacity));
}
[data-component="CustomPageFacts"] .texts > div {
  display: none;
}
[data-component="CustomPageFacts"] .texts > div.selected {
  display: block;
}
[data-component="CustomPageTwoColumnsImageTitleText"] .split-line {
  overflow: hidden;
  position: relative;
}
[data-component="CustomPageTwoColumnsImageTitleText"] .split-line span {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 102, 0, var(--tw-bg-opacity));
  display: block;
  height: 13px;
  margin-left: 20vw;
  position: relative;
  width: 13px;
}
@media (min-width: 1024px) {
  [data-component="CustomPageTwoColumnsImageTitleText"] .split-line span {
    margin-left: 10vw;
  }
}
[data-component="CustomPageTwoColumnsImageTitleText"] .split-line span:after,
[data-component="CustomPageTwoColumnsImageTitleText"] .split-line span:before {
  background: rgba(36, 8, 70, 0.1);
  content: "";
  display: block;
  height: 4px;
  margin-top: -2px;
  opacity: 0.35;
  position: absolute;
  top: 50%;
  width: 100vw;
}
[data-component="CustomPageTwoColumnsImageTitleText"] .split-line span:before {
  right: 30px;
}
@media (min-width: 1024px) {
  [data-component="CustomPageTwoColumnsImageTitleText"]
    .split-line
    span:before {
    right: 60px;
  }
}
[data-component="CustomPageTwoColumnsImageTitleText"] .split-line span:after {
  left: 30px;
}
@media (min-width: 1024px) {
  [data-component="CustomPageTwoColumnsImageTitleText"] .split-line span:after {
    left: 60px;
  }
}
[data-component="CompanyBiography"] + [data-component="CompanyOtherProject"],
[data-component="CompanySlideshow"] + [data-component="CompanyOtherProject"],
[data-component="CompanyVideo"] + [data-component="CompanyOtherProject"],
[data-component="CompanyWideImageText"]
  + [data-component="CompanyOtherProject"] {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgba(7, 12, 50, var(--tw-bg-opacity));
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
@media (min-width: 1024px) {
  [data-component="Circles"] .left,
  [data-component="Circles"] .main,
  [data-component="Circles"] .main > div,
  [data-component="Circles"] .right {
    height: 29.7916666667vw;
    width: 29.7916666667vw;
  }
  [data-component="Circles"] .left > div,
  [data-component="Circles"] .right > div {
    height: 22.7604166667vw;
    width: 22.7604166667vw;
  }
  [data-component="Circles"] .left,
  [data-component="Circles"] .right {
    margin-top: 9.375vw;
  }
  [data-component="Circles"] .main {
    top: -7.8125vw;
  }
}
[data-component="PersonSlideshow"] .embla__slide {
  opacity: 1;
  transition: opacity 0.4s linear;
}
@media (min-width: 1024px) {
  [data-component="PersonSlideshow"] .embla__slide.is-selected ~ * {
    opacity: 0.1;
  }
}
[data-component="PersonSlideshow"] .embla__slide .slide-thumb:after {
  background: linear-gradient(
    70.7deg,
    #1c1c1c 0.06%,
    rgba(28, 28, 28, 0) 64.81%
  );
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
[data-component="PersonSlideshow"] .embla__slide .play-button .icons-wrapper {
  align-items: center;
  display: flex;
  height: 9px;
  justify-content: center;
  width: 9px;
}
@media (min-width: 1024px) {
  [data-component="PersonSlideshow"] .embla__slide .play-button .icons-wrapper {
    height: 24px;
    width: 24px;
  }
}
[data-component="PersonSlideshow"] .embla__slide .play-button .icon-pause {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}
[data-component="PersonSlideshow"] .embla__slide .play-button .icon-pause,
[data-component="PersonSlideshow"] .embla__slide .play-button .icon-play {
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s linear;
}
[data-component="PersonSlideshow"]
  .embla__slide.is-playing
  .play-button
  .icon-pause {
  opacity: 1;
  transform: translateZ(0);
}
[data-component="PersonSlideshow"]
  .embla__slide.is-playing
  .play-button
  .icon-play {
  opacity: 0;
  transform: translate3d(0, -100%, 0);
}
[data-component="Homepage"] .background {
  z-index: 1;
}
[data-component="Homepage"] .middleground {
  z-index: 2;
}
[data-component="Homepage"] .foreground {
  z-index: 3;
}
[data-component="Homepage"] .topground {
  z-index: 4;
}
[data-component="Homepage"] nav {
  z-index: 5;
}
[data-component="Homepage"] .mobile-link {
  position: relative;
}
[data-component="Homepage"] .mobile-link:before {
  background: currentColor;
  content: " ";
  height: 1px;
  left: 0;
  position: absolute;
  top: 100%;
  width: 100%;
}
[data-component="Homepage"] .navbar {
  position: relative;
  transition: color 0.2s linear;
}
[data-component="Homepage"] .navbar li {
  cursor: pointer;
  padding: 5px;
  position: relative;
}
[data-component="Homepage"] .navbar li .circle {
  background: currentColor;
  border: 2px solid;
  border-radius: 50%;
  height: 30px;
  opacity: 0.4;
  transform: scale3d(0.1, 0.1, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s linear,
    background 0.2s linear;
  width: 30px;
}
[data-component="Homepage"] .navbar li span {
  font-size: 10px;
  font-weight: 700;
  left: 50%;
  letter-spacing: 0.15em;
  line-height: 10px;
  margin-top: -5px;
  opacity: 0;
  position: absolute;
  text-transform: uppercase;
  top: 50%;
  transform: translate3d(10px, 0, 0);
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s,
    opacity 0.1s linear 0s;
}
[data-component="Homepage"] .navbar li .hover {
  clip: rect(0, 30px, 30px, 15px);
  height: 30px;
  left: 5px;
  position: absolute;
  top: 5px;
  transform: scale3d(0.1, 0.1, 1) rotate(0deg);
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  width: 30px;
}
[data-component="Homepage"] .navbar li .hover:after,
[data-component="Homepage"] .navbar li .hover:before {
  clip: rect(0, 15px, 30px, 0);
  border: 2px solid;
  border-radius: 50%;
  content: " ";
  display: block;
  height: 28px;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 1px;
  transform: rotate(0deg);
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s linear;
  width: 28px;
}
[data-component="Homepage"] .navbar li.active .circle {
  background: transparent;
  opacity: 0.2;
  transform: scale3d(0.66, 0.66, 1);
}
[data-component="Homepage"] .navbar li.active .hover {
  transform: scale3d(0.66, 0.66, 1);
}
[data-component="Homepage"] .navbar li.active .hover:after,
[data-component="Homepage"] .navbar li.active .hover:before {
  opacity: 1;
  transform: rotate(180deg);
}
.notouch [data-component="Homepage"] .navbar li:hover .circle {
  background: transparent;
  opacity: 0;
  transform: scaleX(1);
}
.notouch [data-component="Homepage"] .navbar li:hover .hover {
  clip: rect(auto, auto, auto, auto);
  transform: scaleX(1) rotate(135deg);
}
.notouch [data-component="Homepage"] .navbar li:hover .hover:before {
  opacity: 1;
  transform: rotate(180deg);
}
.notouch [data-component="Homepage"] .navbar li:hover .hover:after {
  opacity: 1;
  transform: rotate(225deg);
}
.notouch [data-component="Homepage"] .navbar li:hover span {
  opacity: 1;
  transform: translateZ(0);
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.2s,
    opacity 0.2s linear 0.2s;
}
[data-component="Company"] .top .gradient {
  background: linear-gradient(
    180deg,
    hsla(0, 0%, 99%, 0.76),
    hsla(0, 0%, 96%, 0) 82.92%
  );
}
@media (min-width: 1024px) {
  [data-component="Company"] .top h1 {
    font-size: 6.25vw;
    line-height: 7.4479166667vw;
  }
  [data-component="Company"] .top .wrapper {
    padding-bottom: 10.9375vw;
  }
  [data-component="Company"] .top .gradient {
    background: linear-gradient(
      90deg,
      hsla(0, 0%, 99%, 0.76),
      hsla(0, 0%, 96%, 0) 82.92%
    );
  }
}
[data-component="Article"] .top .gradient {
  background: linear-gradient(
    0deg,
    hsla(0, 0%, 77%, 0.76),
    hsla(0, 0%, 77%, 0) 82.92%
  );
}
@media (min-width: 1024px) {
  [data-component="Article"] .top h1 {
    font-size: 6.25vw;
    line-height: 7.4479166667vw;
  }
  [data-component="Article"] .top .wrapper {
    padding-bottom: 10.9375vw;
  }
  [data-component="Article"] .top .gradient {
    background: linear-gradient(
      90deg,
      hsla(0, 0%, 99%, 0.76),
      hsla(0, 0%, 96%, 0) 82.92%
    );
  }
}
[data-component="Team"] .scalebarcontainer {
  height: 200px;
  position: relative;
  width: 31px;
}
[data-component="Team"] .scalebar {
  background: hsla(0, 0%, 100%, 0.3);
  height: 100%;
  left: 14px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 3px;
}
[data-component="Team"] .scalebar .scaleprogress {
  background: #fff;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}
[data-component="Team"] .icon-zoom {
  margin-right: -2px;
}
[data-component="Team"] .icon-zoom .path2,
[data-component="Team"] .icon-zoom .path3 {
  transition: opacity 0.2s linear;
}
.notouch [data-component="Team"].zoombtn:hover .icon-zoom .path2,
.notouch [data-component="Team"].zoombtn:hover .icon-zoom .path3 {
  opacity: 1;
}
[data-component="Portfolio"] .scalebarcontainer {
  height: 200px;
  position: relative;
  width: 31px;
}
[data-component="Portfolio"] .scalebar {
  background: hsla(0, 0%, 100%, 0.3);
  height: 100%;
  left: 14px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 3px;
}
[data-component="Portfolio"] .scalebar .scaleprogress {
  background: #fff;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}
[data-component="Portfolio"] .icon-zoom {
  margin-right: -2px;
}
[data-component="Portfolio"] .icon-zoom .path2,
[data-component="Portfolio"] .icon-zoom .path3 {
  transition: opacity 0.2s linear;
}
.notouch [data-component="Portfolio"].zoombtn:hover .icon-zoom .path2,
.notouch [data-component="Portfolio"].zoombtn:hover .icon-zoom .path3 {
  opacity: 1;
}
[data-component="Contact"] .background {
  z-index: 1;
}
[data-component="Contact"] .middleground {
  z-index: 2;
}
[data-component="Contact"] .foreground {
  z-index: 3;
}
[data-component="MKTimothy"] .anim-inside > * {
  opacity: 0;
}
#header {
  --tw-text-opacity: 1;
  color: rgba(255, 102, 0, var(--tw-text-opacity));
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#header .ctaArrow {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  transition: opacity 0.2s linear;
}
#header.arrow-dark .ctaArrow {
  --tw-text-opacity: 1;
  color: rgba(19, 3, 34, var(--tw-text-opacity));
}
#header.dark {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
#header.white {
  --tw-text-opacity: 1;
  color: rgba(19, 3, 34, var(--tw-text-opacity));
}
.menu-opened #header .ctaArrow {
  opacity: 0;
}
.ctaCircle {
  --cta-size: 150px;
  --cta-size-half: 75px;
  --cta-size-twothird: 100px;
  --cta-size-sixth: 25px;
  --ui-color: currentColor;
  --text-color: currentColor;
  height: var(--cta-size-twothird);
  pointer-events: none;
  transition: color 0.3s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: var(--cta-size-twothird);
}
.ctaCircle.move-to-center {
  margin-left: calc(var(--cta-size-twothird) / -2);
  margin-top: calc(var(--cta-size-twothird) / -2);
}
.ctaCircle.dark-label {
  --text-color: #130322;
}
.ctaCircle .circle1,
.ctaCircle .circle2 {
  height: var(--cta-size);
  left: calc(var(--cta-size-sixth) * -1);
  position: absolute;
  top: calc(var(--cta-size-sixth) * -1);
  transform: scale3d(0.66666, 0.66666, 1);
  transform-origin: 50% 50%;
  transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  width: var(--cta-size);
}
.ctaCircle .half {
  height: var(--cta-size);
  width: var(--cta-size-half);
}
.ctaCircle .half,
.ctaCircle .half .inner {
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform-origin: 100% 50%;
  transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.ctaCircle .half .inner {
  height: 100%;
  width: 100%;
}
.ctaCircle .half .inner:before {
  border: 2px solid var(--ui-color);
  border-radius: 50%;
  content: " ";
  height: var(--cta-size);
  left: 0;
  position: absolute;
  top: 0;
  transform-origin: 50% 50%;
  width: var(--cta-size);
}
.ctaCircle .half + .half {
  left: var(--cta-size-half);
  transform-origin: 0 50%;
}
.ctaCircle .half + .half .inner {
  transform-origin: 0 50%;
}
.ctaCircle .half + .half .inner:before {
  left: calc(var(--cta-size-half) * -1);
}
.ctaCircle .circle1 {
  opacity: 0.1;
}
.ctaCircle .circle1 .half {
  transform: rotate(-90deg);
}
.ctaCircle .circle1 .half .inner {
  transform: rotate(-180deg);
}
.ctaCircle .circle2 .half {
  transform: rotate(-90deg);
}
.ctaCircle .circle2 .half .inner {
  transform: rotate(-180deg);
}
.ctaCircle .anchor {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  left: 50%;
  letter-spacing: 0.11em;
  line-height: 12px;
  overflow: hidden;
  position: absolute;
  text-transform: uppercase;
  top: 50%;
  transform: translateZ(0) translateY(-50%);
  transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  z-index: 1;
}
.ctaCircle .anchor span {
  color: var(--text-color);
  display: inline-block;
  transform: translateZ(0) translateY(100%);
  transition: color 0.3s linear 0s, transform 0.5s ease-in 0.1s;
}
.ctaCircle.centeredLabel .anchor {
  left: 0;
  text-align: center;
  width: 100%;
}
.ctaCircle.centeredLabel.ctaVisible.force-active:not(.force-hidden) .anchor,
.notouch .ctaCircle.centeredLabel.ctaVisible:not(.force-hidden):hover .anchor {
  transform: translateZ(0) translateX(0) translateY(-50%);
}
.ctaCircle.ctaVisible:not(.force-hidden) {
  cursor: pointer;
  pointer-events: auto;
}
.ctaCircle.ctaVisible:not(.force-hidden) .anchor span {
  transform: translateZ(0) translateY(0);
  transition: color 0.3s linear 0s, transform 0.5s ease-out 0s;
}
.ctaCircle.ctaVisible:not(.force-hidden) .circle1 .half,
.ctaCircle.ctaVisible:not(.force-hidden) .circle1 .half .inner {
  transform: rotate(0deg);
}
.ctaCircle.ctaVisible:not(.force-hidden) .circle2 .half {
  transform: rotate(75deg);
  transition-delay: 0.2s;
  transition-duration: 0.8s;
}
.ctaCircle.ctaVisible:not(.force-hidden) .circle2 .half .inner {
  transform: rotate(-150deg);
  transition-delay: 0.2s;
  transition-duration: 0.8s;
}
.ctaCircle.no-pointer.ctaVisible {
  pointer-events: none;
}
.ctaCircle.ctaVisible.force-active:not(.force-hidden) .anchor,
.notouch .ctaCircle.ctaVisible:not(.force-hidden):hover .anchor {
  transform: translateZ(0) translateX(-50%) translateY(-50%);
  transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.ctaCircle.ctaVisible.force-active:not(.force-hidden) .circle1,
.ctaCircle.ctaVisible.force-active:not(.force-hidden) .circle2,
.notouch .ctaCircle.ctaVisible:not(.force-hidden):hover .circle1,
.notouch .ctaCircle.ctaVisible:not(.force-hidden):hover .circle2 {
  transform: scaleX(1);
  transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.ctaCircle.ctaVisible.force-active:not(.force-hidden) .circle2 .half,
.notouch .ctaCircle.ctaVisible:not(.force-hidden):hover .circle2 .half {
  transform: rotate(180deg);
  transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.ctaCircle.ctaVisible.force-active:not(.force-hidden) .circle2 .half .inner,
.notouch .ctaCircle.ctaVisible:not(.force-hidden):hover .circle2 .half .inner {
  transform: rotate(0deg);
  transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.ctaCircle.ctaClicked .anchor span {
  transform: translateZ(0) translateY(100%) !important;
  transition: color 0.3s linear 0s, transform 0.5s ease-in 0.1s !important;
}
.ctaCircle.ctaClicked .circle1 {
  transform: scaleX(1) !important;
}
.ctaCircle.ctaClicked .circle1 .half {
  transform: rotate(-90deg) !important;
  transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s !important;
}
.ctaCircle.ctaClicked .circle1 .half .inner {
  transform: rotate(-180deg) !important;
  transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s !important;
}
.ctaCircle.ctaClicked .circle2 {
  transform: scaleX(1) !important;
}
.ctaCircle.ctaClicked .circle2 .half {
  transform: rotate(90deg) !important;
  transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s !important;
}
.ctaCircle.ctaClicked .circle2 .half .inner {
  transform: rotate(-180deg) !important;
  transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s !important;
}
.ctaCircleRight {
  --cta-size: 150px;
  --cta-size-half: 75px;
  --cta-size-twothird: 100px;
  --cta-size-sixth: 25px;
  --ui-color: currentColor;
  --text-color: currentColor;
  display: inline-block;
  height: var(--cta-size-twothird);
  padding-right: calc(var(--cta-size-half) - var(--cta-size-sixth));
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ctaCircleRight.dark-label {
  --text-color: #130322;
}
.ctaCircleRight .circle1,
.ctaCircleRight .circle2 {
  height: var(--cta-size);
  position: absolute;
  right: calc(var(--cta-size-half) * -1);
  top: calc(var(--cta-size-sixth) * -1);
  transform: scale3d(0.66666, 0.66666, 1);
  transform-origin: 50% 50%;
  transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  width: var(--cta-size);
}
.ctaCircleRight .half {
  height: var(--cta-size);
  width: var(--cta-size-half);
}
.ctaCircleRight .half,
.ctaCircleRight .half .inner {
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform-origin: 100% 50%;
  transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.ctaCircleRight .half .inner {
  height: 100%;
  width: 100%;
}
.ctaCircleRight .half .inner:before {
  border: 2px solid var(--ui-color);
  border-radius: 50%;
  content: " ";
  height: var(--cta-size);
  left: 0;
  position: absolute;
  top: 0;
  transform-origin: 50% 50%;
  width: var(--cta-size);
}
.ctaCircleRight .half + .half {
  left: var(--cta-size-half);
  transform-origin: 0 50%;
}
.ctaCircleRight .half + .half .inner {
  transform-origin: 0 50%;
}
.ctaCircleRight .half + .half .inner:before {
  left: calc(var(--cta-size-half) * -1);
}
.ctaCircleRight .circle1 {
  opacity: 0.1;
}
.ctaCircleRight .circle1 .half {
  transform: rotate(-91deg);
}
.ctaCircleRight .circle1 .half .inner {
  transform: rotate(-180deg);
}
.ctaCircleRight .circle2 .half {
  transform: rotate(91deg);
}
.ctaCircleRight .circle2 .half .inner {
  transform: rotate(-180deg);
}
.ctaCircleRight .anchor {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.11em;
  line-height: 12px;
  overflow: hidden;
  text-transform: uppercase;
  transform: translateZ(0);
  transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  z-index: 1;
}
.ctaCircleRight .anchor span {
  color: var(--text-color);
  display: inline-block;
  text-align: right;
  transform: translateZ(0) translateY(100%);
  transition: all 0.5s ease-in 0.1s;
}
.ctaCircleRight.centeredLabel .anchor {
  text-align: center;
}
.ctaCircleRight.centeredLabel .anchor,
.ctaCircleRight.centeredLabel.ctaVisible:hover .anchor {
  transform: translateZ(0) translateX(50%);
}
.ctaCircleRight.ctaVisible {
  cursor: pointer;
  pointer-events: auto;
}
.ctaCircleRight.ctaVisible .anchor span {
  transform: translateZ(0) translateY(0);
  transition: all 0.5s ease-out 0s;
}
.ctaCircleRight.ctaVisible .circle1 .half,
.ctaCircleRight.ctaVisible .circle1 .half .inner {
  transform: rotate(0deg);
}
.ctaCircleRight.ctaVisible .circle2 .half {
  transform: rotate(255deg);
  transition-delay: 0.2s;
  transition-duration: 0.8s;
}
.ctaCircleRight.ctaVisible .circle2 .half .inner {
  transform: rotate(-150deg);
  transition-delay: 0.2s;
  transition-duration: 0.8s;
}
.ctaCircleRight.ctaVisible:hover .anchor,
.group:hover .ctaCircleRight.ctaVisible .anchor {
  transform: translateZ(0) translateX(50%);
  transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.ctaCircleRight.ctaVisible:hover .circle1,
.ctaCircleRight.ctaVisible:hover .circle2,
.group:hover .ctaCircleRight.ctaVisible .circle1,
.group:hover .ctaCircleRight.ctaVisible .circle2 {
  transform: scaleX(1);
  transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.notouch .ctaCircleRight.ctaVisible:hover .circle2 .half,
.notouch .group:hover .ctaCircleRight.ctaVisible .circle2 .half {
  transform: rotate(180deg);
  transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.notouch .ctaCircleRight.ctaVisible:hover .circle2 .half .inner,
.notouch .group:hover .ctaCircleRight.ctaVisible .circle2 .half .inner {
  transform: rotate(0deg);
  transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.ctaCircleRightHover {
  --cta-size-half: 50px;
  --ui-color: currentColor;
  --text-color: currentColor;
  cursor: pointer;
  display: inline-block;
  height: 100px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100px;
}
.ctaCircleRightHover.dark-label {
  --text-color: #130322;
}
.ctaCircleRightHover .circle1,
.ctaCircleRightHover .circle2 {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ctaCircleRightHover .half {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform-origin: 100% 50%;
  transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s,
    visibility 0.1s linear 1s;
  visibility: hidden;
  width: 50%;
}
.ctaCircleRightHover .half + .half {
  left: var(--cta-size-half);
  transform-origin: 0 50%;
}
.ctaCircleRightHover .half + .half .inner {
  transform-origin: 0 50%;
}
.ctaCircleRightHover .half + .half .inner:before {
  left: calc(var(--cta-size-half) * -1);
}
.ctaCircleRightHover .inner {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform: rotate(-180deg);
  transform-origin: 100% 50%;
  transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  width: 100%;
}
.ctaCircleRightHover .inner:before {
  border: 1px solid var(--ui-color);
  border-radius: 50%;
  content: " ";
  height: 100px;
  left: 0;
  position: absolute;
  top: 0;
  transform-origin: 50% 50%;
  width: 100px;
}
.ctaCircleRightHover .circle1 {
  opacity: 0.1;
}
.ctaCircleRightHover .circle1 .half {
  transform: rotate(-91deg);
}
.ctaCircleRightHover .circle2 .half {
  transform: rotate(91deg);
}
.ctaCircleRightHover a {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0.11em;
  line-height: 12px;
  overflow: hidden;
  position: absolute;
  right: 50%;
  text-transform: uppercase;
  top: 50%;
  transform: translateZ(0) translateX(50%) translateY(-50%);
  transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  will-change: transform;
  z-index: 1;
}
.ctaCircleRightHover a span {
  color: var(--text-color);
  display: inline-block;
}
@media (min-width: 1024px) {
  .group:hover .ctaCircleRightHover a,
  .notouch .ctaCircleRightHover:hover a {
    transform: translateZ(0) translateX(0) translateY(-50%);
    transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  }
  .group:hover .ctaCircleRightHover .half,
  .notouch .ctaCircleRightHover:hover .half {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s,
      visibility 0.1s linear 0s;
    visibility: visible;
  }
  .group:hover .ctaCircleRightHover .circle1 .half,
  .group:hover .ctaCircleRightHover .circle1 .inner,
  .notouch .ctaCircleRightHover:hover .circle1 .half,
  .notouch .ctaCircleRightHover:hover .circle1 .inner {
    transform: rotate(0deg);
  }
  .group:hover .ctaCircleRightHover .circle2 .half,
  .notouch .ctaCircleRightHover:hover .circle2 .half {
    transform: rotate(255deg);
    transition-delay: 0.2s;
    transition-duration: 0.8s;
  }
  .group:hover .ctaCircleRightHover .circle2 .inner,
  .notouch .ctaCircleRightHover:hover .circle2 .inner {
    transform: rotate(-150deg);
    transition-delay: 0.2s;
    transition-duration: 0.8s;
  }
}
.ctaCircleArrow {
  --arrow-margin-top: -15px;
  --arrow-margin-left: -7px;
  --arrow-rotation: 0deg;
  --arrow-color: currentColor;
  display: inline-block;
  height: 100px;
  pointer-events: none;
  transition: color 0.3s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100px;
}
@media (max-width: 639px) {
  .ctaCircleArrow.noBorderMb .half .inner:before {
    border: none;
  }
  .ctaCircleArrow.dark-arrow.orange2-arrow-mb {
    --arrow-color: #f60;
  }
}
.ctaCircleArrow.dark-arrow {
  --arrow-color: #130322;
}
.ctaCircleArrow .circle1,
.ctaCircleArrow .circle2 {
  height: 120px;
  left: -10px;
  position: absolute;
  top: -10px;
  transform: scale3d(0.833333, 0.833333, 1);
  transform-origin: 50% 50%;
  transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  width: 120px;
}
.ctaCircleArrow .half {
  height: 120px;
  width: 60px;
}
.ctaCircleArrow .half,
.ctaCircleArrow .half .inner {
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform-origin: 100% 50%;
  transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.ctaCircleArrow .half .inner {
  height: 100%;
  width: 100%;
}
.ctaCircleArrow .half .inner:before {
  border: 2px solid;
  border-radius: 50%;
  content: " ";
  height: 120px;
  left: 0;
  position: absolute;
  top: 0;
  transform-origin: 50% 50%;
  width: 120px;
}
.ctaCircleArrow .half + .half {
  left: 60px;
  transform-origin: 0 50%;
}
.ctaCircleArrow .half + .half .inner {
  transform-origin: 0 50%;
}
.ctaCircleArrow .half + .half .inner:before {
  left: -60px;
}
.ctaCircleArrow .circle1 {
  opacity: 0.1;
}
.ctaCircleArrow .circle1 .half {
  transform: rotate(-91deg);
}
.ctaCircleArrow .circle1 .half .inner {
  transform: rotate(-180deg);
}
.ctaCircleArrow .circle2 .half {
  transform: rotate(91deg);
}
.ctaCircleArrow .circle2 .half .inner {
  transform: rotate(-180deg);
}
.ctaCircleArrow .arrow {
  height: 50px;
  left: 50%;
  margin-left: var(--arrow-margin-left);
  margin-top: var(--arrow-margin-top);
  overflow: hidden;
  position: absolute;
  top: 30px;
  transform: rotate(var(--arrow-rotation));
  width: 15px;
}
.ctaCircleArrow .arrow .body,
.ctaCircleArrow .arrow:after,
.ctaCircleArrow .arrow:before {
  background: var(--arrow-color);
  height: 30px;
  left: 7px;
  position: absolute;
  top: 20px;
  transform: translateY(-50px);
  transform-origin: 50% 100%;
  transition: background 0.3s linear 0s,
    transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  width: 1px;
}
.ctaCircleArrow .arrow:after,
.ctaCircleArrow .arrow:before {
  content: " ";
  height: 7px;
  top: 0;
  transform: translateY(-10px) scaleX(1);
  transform-origin: 50% 100%;
}
.ctaCircleArrow .arrow:before {
  transform: translateY(-7px) scaleX(1);
}
.ctaCircleArrow .arrow .branch {
  background: var(--arrow-color);
  bottom: 1px;
  height: 10px;
  left: 7px;
  position: absolute;
  transform: rotate(-45deg) scaleY(0);
  transform-origin: 50% 100%;
  transition: background 0.3s linear 0s,
    transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  width: 1px;
}
.ctaCircleArrow .arrow .branch + .branch {
  transform: rotate(45deg) scaleY(0);
}
.ctaCircleArrow.arrowLeft {
  --arrow-margin-left: 2px;
  --arrow-margin-top: -6px;
  --arrow-rotation: 90deg;
}
.ctaCircleArrow.arrowTop {
  --arrow-margin-left: -7px;
  --arrow-margin-top: 5px;
  --arrow-rotation: 180deg;
}
.ctaCircleArrow.ctaVisible {
  cursor: pointer;
  pointer-events: auto;
}
.ctaCircleArrow.ctaVisible .circle1 .half,
.ctaCircleArrow.ctaVisible .circle1 .half .inner {
  transform: rotate(0deg);
}
.ctaCircleArrow.ctaVisible .circle2 .half {
  transform: rotate(255deg);
  transition-delay: 0.2s;
  transition-duration: 0.8s;
}
.ctaCircleArrow.ctaVisible .circle2 .half .inner {
  transform: rotate(-150deg);
  transition-delay: 0.2s;
  transition-duration: 0.8s;
}
.ctaCircleArrow.ctaVisible .arrow .body {
  transform: translateY(0);
  transition: background 0.3s linear 0s,
    transform 1.1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
}
.ctaCircleArrow.ctaVisible .arrow:after {
  transform: translateY(46px) scaleY(0);
  transition: background 0.3s linear 0s,
    transform 1.3s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
}
.ctaCircleArrow.ctaVisible .arrow .branch {
  transform: rotate(-45deg) scaleX(1);
  transition: background 0.3s linear 0s,
    transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.9s;
}
.ctaCircleArrow.ctaVisible .arrow .branch + .branch {
  transform: rotate(45deg) scaleX(1);
}
.notouch .ctaCircleArrow.ctaVisible:hover .circle1,
.notouch .ctaCircleArrow.ctaVisible:hover .circle2 {
  transform: scaleX(1);
  transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.notouch .ctaCircleArrow.ctaVisible:hover .circle1 .half,
.notouch .ctaCircleArrow.ctaVisible:hover .circle1 .half .inner,
.notouch .ctaCircleArrow.ctaVisible:hover .circle2 .half,
.notouch .ctaCircleArrow.ctaVisible:hover .circle2 .half .inner {
  transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.notouch .ctaCircleArrow.ctaVisible:hover .circle2 .half {
  transform: rotate(225deg);
}
.notouch .ctaCircleArrow.ctaVisible:hover .circle2 .half .inner {
  transform: rotate(-90deg);
}
.notouch .ctaCircleArrow.ctaVisible:hover .arrow .body {
  transform: translateY(0) scaleY(0.7);
  transform-origin: 50% 100%;
  transition: background 0.3s linear 0s,
    transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.notouch .ctaCircleArrow.ctaVisible:hover .arrow:before {
  transform: translateY(17px);
  transition: background 0.3s linear 0s,
    transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.ctaArrow {
  --arrow-margin-top: -15px;
  --arrow-margin-left: -7px;
  --arrow-rotation: 0deg;
  --arrow-color: currentColor;
  display: inline-block;
  height: 30px;
  pointer-events: none;
  transition: color 0.3s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 30px;
}
.ctaArrow .arrow {
  height: 50px;
  left: 50%;
  margin-left: var(--arrow-margin-left);
  margin-top: var(--arrow-margin-top);
  overflow: hidden;
  position: absolute;
  top: 0;
  transform: rotate(var(--arrow-rotation));
  width: 15px;
}
.ctaArrow .arrow .body,
.ctaArrow .arrow:after,
.ctaArrow .arrow:before {
  background: var(--arrow-color);
  height: 30px;
  left: 7px;
  position: absolute;
  top: 20px;
  transform: translateY(-51px);
  transform-origin: 50% 100%;
  transition: background 0.3s linear 0s,
    transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  width: 1px;
}
.ctaArrow .arrow:after,
.ctaArrow .arrow:before {
  content: " ";
  height: 7px;
  top: 0;
  transform: translateY(-10px) scaleX(1);
  transform-origin: 50% 100%;
}
.ctaArrow .arrow:before {
  transform: translateY(-8px) scaleX(1);
}
.ctaArrow .arrow .branch {
  background: var(--arrow-color);
  bottom: 1px;
  height: 10px;
  left: 7px;
  position: absolute;
  transform: rotate(-45deg) scaleY(0);
  transform-origin: 50% 100%;
  transition: background 0.3s linear 0s,
    transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  width: 1px;
}
.ctaArrow .arrow .branch + .branch {
  transform: rotate(45deg) scaleY(0);
}
.ctaArrow.arrowLeft {
  --arrow-margin-left: 2px;
  --arrow-margin-top: -6px;
  --arrow-rotation: 90deg;
}
.ctaArrow.arrowTop {
  --arrow-margin-left: -7px;
  --arrow-margin-top: 5px;
  --arrow-rotation: 180deg;
}
.ctaArrow.ctaVisible {
  cursor: pointer;
  pointer-events: auto;
}
.ctaArrow.ctaVisible .arrow .body {
  transform: translateY(0);
  transition: background 0.3s linear 0s,
    transform 1.1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
}
.ctaArrow.ctaVisible .arrow:after {
  transform: translateY(46px) scaleY(0);
  transition: background 0.3s linear 0s,
    transform 1.3s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
}
.ctaArrow.ctaVisible .arrow .branch {
  transform: rotate(-45deg) scaleX(1);
  transition: background 0.3s linear 0s,
    transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.9s;
}
.ctaArrow.ctaVisible .arrow .branch + .branch {
  transform: rotate(45deg) scaleX(1);
}
.notouch .ctaArrow.ctaVisible:hover .arrow .body {
  transform: translateY(0) scaleY(0.7);
  transform-origin: 50% 100%;
  transition: background 0.3s linear 0s,
    transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.notouch .ctaArrow.ctaVisible:hover .arrow:before {
  transform: translateY(17px);
  transition: background 0.3s linear 0s,
    transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.ctaPreviousNext {
  --cta-size: 90px;
  --cta-size-half: 45px;
  --cta-size-5-6: 75px;
  --cta-size-1-12: 7.5px;
  --arrow-margin-top: -16px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (min-width: 1024px) {
  .ctaPreviousNext {
    --cta-size: 130px;
    --cta-size-half: 65px;
    --cta-size-5-6: 108.3333333333px;
    --cta-size-1-12: 10.8333333333px;
    --arrow-margin-top: 0px;
  }
}
.ctaPreviousNext .cta {
  display: inline-block;
  height: var(--cta-size-5-6);
  position: relative;
  transition: opacity 0.5s linear;
  width: var(--cta-size-5-6);
}
.ctaPreviousNext .cta.disabled {
  opacity: 0.15;
}
.ctaPreviousNext .circle {
  left: calc(var(--cta-size-1-12) * -1);
  opacity: 0.1;
  top: calc(var(--cta-size-1-12) * -1);
  transform: scale3d(0.833333, 0.833333, 1);
  transform-origin: 50% 50%;
  width: var(--cta-size);
}
.ctaPreviousNext .circle,
.ctaPreviousNext .half {
  height: var(--cta-size);
  position: absolute;
  transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.ctaPreviousNext .half {
  left: 0;
  overflow: hidden;
  top: 0;
  transform: rotate(-91deg);
  transform-origin: 100% 50%;
  width: var(--cta-size-half);
}
.ctaPreviousNext .half + .half {
  left: var(--cta-size-half);
  transform-origin: 0 50%;
}
.ctaPreviousNext .half + .half .inner {
  transform-origin: 0 50%;
}
.ctaPreviousNext .half + .half .inner:before {
  left: calc(var(--cta-size-half) * -1);
}
.ctaPreviousNext .inner {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform: rotate(-180deg);
  transform-origin: 100% 50%;
  transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  width: 100%;
}
.ctaPreviousNext .inner:before {
  border: 2px solid;
  border-radius: 50%;
  content: " ";
  height: var(--cta-size);
  left: 0;
  position: absolute;
  top: 0;
  transform-origin: 50% 50%;
  width: var(--cta-size);
}
.ctaPreviousNext .arrow {
  height: 50px;
  left: 50%;
  margin-top: var(--arrow-margin-top);
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 30px;
  transition: opacity 0.5s linear;
  width: 15px;
}
.ctaPreviousNext .arrow .body,
.ctaPreviousNext .arrow:after,
.ctaPreviousNext .arrow:before {
  background: currentColor;
  height: 30px;
  left: 7px;
  position: absolute;
  top: 20px;
  transform: translateZ(0) translateY(-50px);
  transform-origin: 50% 100%;
  transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  width: 1px;
}
.ctaPreviousNext .arrow:after,
.ctaPreviousNext .arrow:before {
  content: " ";
  height: 7px;
  top: 0;
  transform: translateZ(0) translateY(-10px) scaleX(1);
  transform-origin: 50% 100%;
}
.ctaPreviousNext .arrow:before {
  transform: translateZ(0) translateY(-7px) scaleX(1);
}
.ctaPreviousNext .arrow .branch {
  background: currentColor;
  bottom: 1px;
  height: 10px;
  left: 7px;
  position: absolute;
  transform: rotate(-45deg) scaleY(0);
  transform-origin: 50% 100%;
  transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  width: 1px;
}
.ctaPreviousNext .arrow .branch + .branch {
  transform: rotate(45deg) scaleY(0);
}
.ctaPreviousNext .previous .arrow {
  margin-left: 2px;
  transform: rotate(90deg);
}
.ctaPreviousNext .next .arrow {
  margin-left: -15px;
  transform: rotate(-90deg);
}
.ctaPreviousNext.ctaVisible {
  pointer-events: auto;
}
.ctaPreviousNext.ctaVisible .cta {
  cursor: pointer;
}
.ctaPreviousNext.ctaVisible .half,
.ctaPreviousNext.ctaVisible .inner {
  transform: rotate(0deg);
}
.ctaPreviousNext.ctaVisible .arrow .body {
  transform: translateZ(0) translateY(0);
  transition: transform 1.1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
}
.ctaPreviousNext.ctaVisible .arrow:after {
  transform: translateZ(0) translateY(46px) scaleY(0);
  transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
}
.ctaPreviousNext.ctaVisible .arrow .branch {
  transform: rotate(-45deg) scaleX(1);
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.9s;
}
.ctaPreviousNext.ctaVisible .arrow .branch + .branch {
  transform: rotate(45deg) scaleX(1);
}
.ctaPreviousNext.ctaVisible .cta.hover .circle {
  transform: scaleX(1);
}
.ctaPreviousNext.ctaVisible .cta.hover .circle,
.ctaPreviousNext.ctaVisible .cta.hover .half,
.ctaPreviousNext.ctaVisible .cta.hover .inner {
  transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.ctaPreviousNext.ctaVisible .cta.hover .arrow .body {
  transform: translateZ(0) translateY(0) scaleY(0.7);
  transform-origin: 50% 100%;
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.ctaPreviousNext.ctaVisible .cta.hover .arrow:before {
  transform: translateZ(0) translateY(17px);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.ctaPreviousNext.ctaVisible .cta.otherhover .half {
  transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.ctaPreviousNext.ctaVisible .cta.otherhover.previous .half {
  transform: scale3d(0.8, 0.8, 1) rotate(0deg);
}
.ctaPreviousNext.ctaVisible .cta.otherhover.previous .half + .half {
  transform: rotate(0deg);
}
.ctaPreviousNext.ctaVisible .cta.otherhover.next .half + .half {
  transform: scale3d(0.8, 0.8, 1) rotate(0deg);
}
.ctaPreviousNext.ctaVisible.ctaSpeedup .circle,
.ctaPreviousNext.ctaVisible.ctaSpeedup .half,
.ctaPreviousNext.ctaVisible.ctaSpeedup .inner {
  transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.ctaPreviousNext.ctaVisible.ctaSpeedup .arrow .body,
.ctaPreviousNext.ctaVisible.ctaSpeedup .arrow:before {
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
[data-component="WrapLines"].wrapping .w {
  white-space: normal;
}
[data-component="WrapLines"].wrapping .w  span {
  white-space: nowrap;
}
[data-component="WrapLines"] .l {
  display: block;
  will-change: transform;
}
#logo {
  --fill_opacity: 0.8;
  cursor: pointer;
}
#logo * {
  transition: all 0.1s linear 0s;
}
#logo .logo-ventures {
  transition: all 0.1s linear 0s, transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.notouch #logo:hover .logo-e,
.notouch #logo:hover .logo-t,
.notouch #logo:hover .logo-ventures {
  opacity: 0.5;
}
.notouch #logo:hover .logo-ventures {
  transform: translate3d(5px, 0, 0);
}
#burger {
  --burger-position: -38px;
  --cross-position: -24px;
  --burger-color: currentColor;
  cursor: pointer;
  display: inline-block;
  height: 60px;
  position: relative;
  transition: color 0.2s linear 0s;
  width: 60px;
}
#burger .circle {
  height: 150px;
  left: -45px;
  position: absolute;
  top: -45px;
  transform: scale3d(0.66666, 0.66666, 1);
  transform-origin: 50% 50%;
  transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  width: 150px;
}
#burger .half {
  height: 150px;
  width: 75px;
}
#burger .half,
#burger .half .inner {
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform-origin: 100% 50%;
  transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
#burger .half .inner {
  height: 100%;
  width: 100%;
}
#burger .half .inner:before {
  border: 2px solid var(--burger-color);
  border-radius: 50%;
  content: " ";
  height: 150px;
  left: 0;
  position: absolute;
  top: 0;
  transform-origin: 50% 50%;
  transition: border 0.2s linear 0s;
  width: 150px;
}
#burger .half + .half {
  left: 75px;
}
#burger .half + .half,
#burger .half + .half .inner {
  transform-origin: 0 50%;
}
#burger .half + .half .inner:before {
  left: -75px;
}
#burger .circle {
  opacity: 0.5;
}
#burger .circle .half {
  transform: rotate(-90deg);
}
#burger .circle .half .inner {
  transform: rotate(-180deg);
}
#burger .burger,
#burger .cross {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform-origin: 50% 50%;
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  width: 100%;
}
#burger .burger .line,
#burger .cross .line {
  height: 3px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 35px;
  width: 100%;
}
#burger .burger .line:before,
#burger .cross .line:before {
  background: linear-gradient(
    90deg,
    var(--burger-color) 0,
    var(--burger-color) 100%
  );
  content: " ";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  transition: background 0.2s linear 0s,
    transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
  width: 100%;
}
#burger .burger .line + .line,
#burger .cross .line + .line {
  top: 22px;
}
#burger .burger .line + .line:before,
#burger .cross .line + .line:before {
  background: linear-gradient(
    90deg,
    var(--burger-color) 47%,
    transparent 47%,
    transparent 52%,
    var(--burger-color) 52%
  );
  background-position: var(--burger-position) 0;
  transition: background-position 1s cubic-bezier(0.19, 1, 0.22, 1),
    background 0.2s linear 0s, transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
  width: 150%;
}
#burger .cross .line {
  left: 50%;
  margin-left: -30px;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: 50% 50%;
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}
#burger .cross .line:before {
  transform: translate3d(61px, 0, 0);
  transition: background 0.2s linear 0s,
    transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
#burger .cross .line + .line {
  top: 50%;
  transform: rotate(45deg);
}
#burger .cross .line + .line:before {
  transform: translate3d(61px, 0, 0);
  transition: background-position 1s cubic-bezier(0.19, 1, 0.22, 1),
    background 0.2s linear 0s, transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
#burger.burger-mode .burger .line:before {
  transform: translate3d(-61px, 0, 0);
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
#burger.burger-mode .burger .line + .line:before {
  transform: translate3d(61px, 0, 0);
  transition: background-position 1s cubic-bezier(0.19, 1, 0.22, 1),
    background 0.2s linear 0s, transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
#burger.burger-mode .cross .line:before {
  transform: translateZ(0);
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
}
#burger.burger-mode .cross .line + .line:before {
  transition: background-position 1s cubic-bezier(0.19, 1, 0.22, 1),
    background 0.2s linear 0s, transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
}
.notouch #burger:hover .circle .half,
.notouch #burger:hover .circle .half .inner {
  transform: rotate(0deg);
}
.notouch #burger:hover .burger {
  transform: scaleX(0.66666);
}
.notouch #burger:hover .burger,
.notouch #burger:hover .cross {
  --burger-position: -47px !important;
}
.notouch #burger:hover .cross .line {
  transform: rotate(-45deg) scaleX(0.66666);
}
.notouch #burger:hover .cross .line + .line {
  transform: rotate(45deg) scaleX(0.66666);
}
#menu a {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
#menu a:hover {
  --tw-text-opacity: 1;
  color: rgba(239, 96, 29, var(--tw-text-opacity));
}
#menu a {
  transition: color 0.2s linear;
}
#menu .main-menu li.active a {
  --tw-text-opacity: 1;
  color: rgba(239, 96, 29, var(--tw-text-opacity));
}
#menu .background {
  transition: background 0.2s linear;
}
#menu .bg-gradient {
  opacity: 0;
  transition: opacity 0.2s linear;
}
#menu.colors-dark a {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
#menu.colors-dark .main-menu li.active a,
#menu.colors-dark a:hover {
  --tw-text-opacity: 1;
  color: rgba(239, 96, 29, var(--tw-text-opacity));
}
#menu.colors-white a {
  --tw-text-opacity: 1;
  color: rgba(19, 3, 34, var(--tw-text-opacity));
}
#menu.colors-white .main-menu li.active a,
#menu.colors-white a:hover {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
#menu.colors-light a {
  color: #cfcdd6;
}
#menu.colors-light .main-menu li.active a,
#menu.colors-light a:hover {
  --tw-text-opacity: 1;
  color: rgba(239, 96, 29, var(--tw-text-opacity));
}
#menu.background-lines .background {
  --tw-bg-opacity: 1;
  background-color: rgba(39, 12, 65, var(--tw-bg-opacity));
}
#menu.background-lines .bg-gradient-lines {
  opacity: 1;
}
#menu.background-Q .background {
  --tw-bg-opacity: 1;
  background-color: rgba(7, 12, 50, var(--tw-bg-opacity));
}
#menu.background-Q .bg-gradient-Q {
  opacity: 1;
}
#menu.background-orange-blob .background {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 102, 0, var(--tw-bg-opacity));
}
#menu.background-orange-blob .bg-gradient-orange-blob {
  opacity: 1;
}
#menu.background-blue-blob .background {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
#menu.background-blue-blob .bg-gradient-blue-blob {
  opacity: 1;
}
#menu.background-bubble .background {
  --tw-bg-opacity: 1;
  background-color: rgba(172, 181, 186, var(--tw-bg-opacity));
}
#menu.background-bubble .bg-gradient-bubble {
  opacity: 1;
}
#menu.background-particles .background {
  --tw-bg-opacity: 1;
  background-color: rgba(39, 12, 65, var(--tw-bg-opacity));
}
#menu.background-particles .bg-gradient-particles {
  opacity: 1;
}
[data-component="Filters"] .filter.active .bordered {
  --tw-translate-x: 0px;
}
[data-component="Filters"] .filter li.active {
  --tw-text-opacity: 1;
  color: rgba(255, 102, 0, var(--tw-text-opacity));
}
[data-component="Filters"] .filter li.active i {
  opacity: 1;
}
[data-component="Filters"] .cta-filters-exited {
  align-content: center;
  align-items: end;
}
[data-component="Filters"] .cta-filters-exited .checkbox {
  border: 2px solid #8bb22e;
  display: inline-block;
  height: 14px;
  margin-right: 7px;
  position: relative;
  top: 0;
  width: 14px;
}
[data-component="Filters"] .cta-filters-exited .checkbox svg {
  display: none;
}
[data-component="Filters"] .cta-filters-exited.active .checkbox {
  background: #8bb22e;
}
[data-component="Filters"] .cta-filters-exited.active .checkbox svg {
  display: block;
}
[data-component="Filters"] .cta-filters-exited:hover .text {
  text-decoration: underline;
}
[data-component="ListView"] .gradient {
  background: linear-gradient(
    180deg,
    #8bb22e 60.04%,
    rgba(9, 11, 48, 0) 110.26%
  );
}
@media (min-width: 1024px) {
  [data-component="ListView"] .gradient {
    background: linear-gradient(90deg, #8bb22e 67.06%, rgba(9, 11, 48, 0));
  }
}
[data-component="ListView"] .scrollpane {
  min-height: 80vh;
  padding-bottom: 20vh;
  padding-top: 22vh;
}
[data-component="ListView"] .item {
  -webkit-user-drag: none;
}
[data-component="ListView"].hover .item > span {
  opacity: 0.3;
}
[data-component="ListView"].hover .item.active > span {
  opacity: 1;
}
[data-component="ListView"] .vignette {
  background: linear-gradient(
    180deg,
    #130322 20%,
    rgba(19, 3, 34, 0.05) 30%,
    rgba(19, 3, 34, 0.05) 70%,
    #130322 86%
  );
}
@media (min-width: 1024px) {
  [data-component="ListView"] .vignette {
    background: linear-gradient(
      180deg,
      #130322,
      rgba(19, 3, 34, 0.05) 40%,
      rgba(19, 3, 34, 0.05) 60%,
      #130322
    );
  }
}
[data-component="ListView"] + .vignette {
  background: linear-gradient(
    180deg,
    rgba(19, 3, 34, 0.25),
    rgba(19, 3, 34, 0.01) 30%,
    rgba(19, 3, 34, 0.01) 70%,
    rgba(19, 3, 34, 0.5)
  );
}
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  font-family: Sofia;
}
body {
  overscroll-behavior-y: none;
}
.move-cursor {
  cursor: all-scroll;
}
@media (min-width: 640px) {
  .sm\:relative {
    position: relative;
  }
  .sm\:bottom-auto {
    bottom: auto;
  }
  .sm\:left-auto {
    left: auto;
  }
  .sm\:mt-0 {
    margin-top: 0;
  }
  .sm\:mt-36 {
    margin-top: 9rem;
  }
  .sm\:ml-2 {
    margin-left: 0.5rem;
  }
  .sm\:ml-20 {
    margin-left: 5rem;
  }
  .sm\:block {
    display: block;
  }
  .sm\:inline-block {
    display: inline-block;
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:w-1\/2 {
    width: 50%;
  }
  .sm\:w-2\/3 {
    width: 66.666667%;
  }
  .sm\:transform-none {
    transform: none;
  }
  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .sm\:px-60 {
    padding-left: 15rem;
    padding-right: 15rem;
  }
  .sm\:pr-10 {
    padding-right: 2.5rem;
  }
  .sm\:pl-60 {
    padding-left: 15rem;
  }
  .sm\:align-middle {
    vertical-align: middle;
  }
  .sm\:text-66 {
    font-size: 66px;
  }
  .sm\:text-70 {
    font-size: 70px;
  }
  .sm\:leading-70 {
    line-height: 70px;
  }
  .sm\:hyphens-auto {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .sm\:hyphens-manual {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
  }
  .sm\:hyphens-none {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }
}
@media (min-width: 768px) {
  .md\:container {
    width: 100%;
  }
  @media (min-width: 640px) {
    .md\:container {
      max-width: 640px;
    }
  }
  @media (min-width: 768px) {
    .md\:container {
      max-width: 768px;
    }
  }
  @media (min-width: 1024px) {
    .md\:container {
      max-width: 1024px;
    }
  }
  @media (min-width: 1280px) {
    .md\:container {
      max-width: 1280px;
    }
  }
  @media (min-width: 1440px) {
    .md\:container {
      max-width: 1440px;
    }
  }
  @media (min-width: 1536px) {
    .md\:container {
      max-width: 1536px;
    }
  }
  @media (min-width: 1600px) {
    .md\:container {
      max-width: 1600px;
    }
  }
  .md\:absolute {
    position: absolute;
  }
  .md\:relative {
    position: relative;
  }
  .md\:inset-y-0 {
    bottom: 0;
    top: 0;
  }
  .md\:top-0 {
    top: 0;
  }
  .md\:right-0 {
    right: 0;
  }
  .md\:right-full {
    right: 100%;
  }
  .md\:left-full {
    left: 100%;
  }
  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md\:mt-0 {
    margin-top: 0;
  }
  .md\:mt-10 {
    margin-top: 2.5rem;
  }
  .md\:mt-20 {
    margin-top: 5rem;
  }
  .md\:mr-4 {
    margin-right: 1rem;
  }
  .md\:block {
    display: block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:grid {
    display: grid;
  }
  .md\:hidden {
    display: none;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:w-1\/3 {
    width: 33.333333%;
  }
  .md\:w-4\/5 {
    width: 80%;
  }
  .md\:w-9\/12 {
    width: 75%;
  }
  .md\:w-65vh {
    width: 65vh;
  }
  .md\:max-w-md {
    max-width: 28rem;
  }
  .md\:max-w-screen-md {
    max-width: 768px;
  }
  .md\:transform-none {
    transform: none;
  }
  .md\:translate-y-0 {
    --tw-translate-y: 0px;
  }
  .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\:flex-col {
    flex-direction: column;
  }
  .md\:items-start {
    align-items: flex-start;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:justify-start {
    justify-content: flex-start;
  }
  .md\:justify-center {
    justify-content: center;
  }
  .md\:justify-between {
    justify-content: space-between;
  }
  .md\:gap-12 {
    gap: 3rem;
  }
  .md\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
  }
  .md\:pt-0 {
    padding-top: 0;
  }
  .md\:pt-3\/5 {
    padding-top: 60%;
  }
  .md\:pr-20 {
    padding-right: 5rem;
  }
  .md\:pb-0 {
    padding-bottom: 0;
  }
  .md\:text-center {
    text-align: center;
  }
  .md\:text-right {
    text-align: right;
  }
  .md\:text-17 {
    font-size: 17px;
  }
  .md\:tracking-wide {
    letter-spacing: 0.11em;
  }
  .md\:opacity-15 {
    opacity: 0.15;
  }
  .md\:hyphens-auto {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .md\:hyphens-manual {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
  }
  .md\:hyphens-none {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }
}
@media (min-width: 1024px) {
  .lg\:absolute {
    position: absolute;
  }
  .lg\:relative {
    position: relative;
  }
  .lg\:inset-0 {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
  .lg\:top-0 {
    top: 0;
  }
  .lg\:top-96 {
    top: 24rem;
  }
  .lg\:top-auto {
    top: auto;
  }
  .lg\:top-full {
    top: 100%;
  }
  .lg\:-top-20 {
    top: -5rem;
  }
  .lg\:-top-96 {
    top: -24rem;
  }
  .lg\:top-1\/3 {
    top: 33.333333%;
  }
  .lg\:right-0 {
    right: 0;
  }
  .lg\:right-20 {
    right: 5rem;
  }
  .lg\:right-32 {
    right: 8rem;
  }
  .lg\:right-auto {
    right: auto;
  }
  .lg\:bottom-0 {
    bottom: 0;
  }
  .lg\:bottom-10 {
    bottom: 2.5rem;
  }
  .lg\:bottom-20 {
    bottom: 5rem;
  }
  .lg\:bottom-1\/2 {
    bottom: 50%;
  }
  .lg\:left-0 {
    left: 0;
  }
  .lg\:left-1\/2 {
    left: 50%;
  }
  .lg\:left-2\/3 {
    left: 66.666667%;
  }
  .lg\:left-3\/4 {
    left: 75%;
  }
  .lg\:left-1\/3 {
    left: 33.333333%;
  }
  .lg\:order-1 {
    order: 1;
  }
  .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }
  .lg\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .lg\:col-start-1 {
    grid-column-start: 1;
  }
  .lg\:col-start-7 {
    grid-column-start: 7;
  }
  .lg\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .lg\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .lg\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .lg\:my-16 {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
  .lg\:my-40 {
    margin-bottom: 10rem;
    margin-top: 10rem;
  }
  .lg\:mt-0 {
    margin-top: 0;
  }
  .lg\:mt-10 {
    margin-top: 2.5rem;
  }
  .lg\:mt-16 {
    margin-top: 4rem;
  }
  .lg\:mt-20 {
    margin-top: 5rem;
  }
  .lg\:mt-24 {
    margin-top: 6rem;
  }
  .lg\:mt-32 {
    margin-top: 8rem;
  }
  .lg\:mt-36 {
    margin-top: 9rem;
  }
  .lg\:mt-48 {
    margin-top: 12rem;
  }
  .lg\:mt-56 {
    margin-top: 14rem;
  }
  .lg\:-mt-10 {
    margin-top: -2.5rem;
  }
  .lg\:-mt-32 {
    margin-top: -8rem;
  }
  .lg\:-mt-72 {
    margin-top: -18rem;
  }
  .lg\:-mt-96 {
    margin-top: -24rem;
  }
  .lg\:mr-0 {
    margin-right: 0;
  }
  .lg\:mr-8 {
    margin-right: 2rem;
  }
  .lg\:mr-20 {
    margin-right: 5rem;
  }
  .lg\:mb-0 {
    margin-bottom: 0;
  }
  .lg\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .lg\:mb-28 {
    margin-bottom: 7rem;
  }
  .lg\:-mb-14 {
    margin-bottom: -3.5rem;
  }
  .lg\:-mb-20 {
    margin-bottom: -5rem;
  }
  .lg\:-mb-28 {
    margin-bottom: -7rem;
  }
  .lg\:ml-10 {
    margin-left: 2.5rem;
  }
  .lg\:ml-20 {
    margin-left: 5rem;
  }
  .lg\:ml-auto {
    margin-left: auto;
  }
  .lg\:-ml-2 {
    margin-left: -0.5rem;
  }
  .lg\:-ml-9 {
    margin-left: -2.25rem;
  }
  .lg\:-ml-20 {
    margin-left: -5rem;
  }
  .lg\:block {
    display: block;
  }
  .lg\:inline {
    display: inline;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:grid {
    display: grid;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:h-24 {
    height: 6rem;
  }
  .lg\:h-100 {
    height: 31rem;
  }
  .lg\:h-auto {
    height: auto;
  }
  .lg\:h-full {
    height: 100%;
  }
  .lg\:h-2\/5 {
    height: 40%;
  }
  .lg\:h-screen {
    height: 100vh;
  }
  .lg\:w-24 {
    width: 6rem;
  }
  .lg\:w-96 {
    width: 24rem;
  }
  .lg\:w-100 {
    width: 31rem;
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:w-full {
    width: 100%;
  }
  .lg\:w-1\/2 {
    width: 50%;
  }
  .lg\:w-2\/3 {
    width: 66.666667%;
  }
  .lg\:w-3\/4 {
    width: 75%;
  }
  .lg\:w-1\/3 {
    width: 33.333333%;
  }
  .lg\:w-1\/4 {
    width: 25%;
  }
  .lg\:w-2\/5 {
    width: 40%;
  }
  .lg\:w-4\/5 {
    width: 80%;
  }
  .lg\:w-9\/12 {
    width: 75%;
  }
  .lg\:max-w-none {
    max-width: none;
  }
  .lg\:max-w-md {
    max-width: 28rem;
  }
  .lg\:max-w-lg {
    max-width: 32rem;
  }
  .lg\:max-w-screen-sm {
    max-width: 640px;
  }
  .lg\:max-w-screen-md {
    max-width: 768px;
  }
  .lg\:max-w-screen-lg {
    max-width: 1024px;
  }
  .lg\:flex-shrink-0 {
    flex-shrink: 0;
  }
  .lg\:flex-grow-0 {
    flex-grow: 0;
  }
  .lg\:transform-none {
    transform: none;
  }
  .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-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:grid-cols-none {
    grid-template-columns: none;
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:flex-col {
    flex-direction: column;
  }
  .lg\:items-start {
    align-items: flex-start;
  }
  .lg\:items-end {
    align-items: flex-end;
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:items-baseline {
    align-items: baseline;
  }
  .lg\:justify-start {
    justify-content: flex-start;
  }
  .lg\:justify-end {
    justify-content: flex-end;
  }
  .lg\:justify-center {
    justify-content: center;
  }
  .lg\:justify-between {
    justify-content: space-between;
  }
  .lg\:gap-x-8 {
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }
  .lg\:whitespace-normal {
    white-space: normal;
  }
  .lg\:whitespace-nowrap {
    white-space: nowrap;
  }
  .lg\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .lg\:px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
  .lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .lg\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .lg\:py-28 {
    padding-bottom: 7rem;
    padding-top: 7rem;
  }
  .lg\:py-32 {
    padding-bottom: 8rem;
    padding-top: 8rem;
  }
  .lg\:py-40 {
    padding-bottom: 10rem;
    padding-top: 10rem;
  }
  .lg\:pt-0 {
    padding-top: 0;
  }
  .lg\:pt-10 {
    padding-top: 2.5rem;
  }
  .lg\:pt-20 {
    padding-top: 5rem;
  }
  .lg\:pt-32 {
    padding-top: 8rem;
  }
  .lg\:pt-40 {
    padding-top: 10rem;
  }
  .lg\:pt-48 {
    padding-top: 12rem;
  }
  .lg\:pt-96 {
    padding-top: 24rem;
  }
  .lg\:pt-3\/4 {
    padding-top: 75%;
  }
  .lg\:pr-8 {
    padding-right: 2rem;
  }
  .lg\:pr-16 {
    padding-right: 4rem;
  }
  .lg\:pr-20 {
    padding-right: 5rem;
  }
  .lg\:pb-0 {
    padding-bottom: 0;
  }
  .lg\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .lg\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .lg\:pb-24 {
    padding-bottom: 6rem;
  }
  .lg\:pb-32 {
    padding-bottom: 8rem;
  }
  .lg\:pb-40 {
    padding-bottom: 10rem;
  }
  .lg\:pb-60 {
    padding-bottom: 15rem;
  }
  .lg\:pl-4 {
    padding-left: 1rem;
  }
  .lg\:pl-16 {
    padding-left: 4rem;
  }
  .lg\:pl-20 {
    padding-left: 5rem;
  }
  .lg\:pl-3\/20 {
    padding-left: 15%;
  }
  .lg\:text-center {
    text-align: center;
  }
  .lg\:text-18 {
    font-size: 18px;
  }
  .lg\:text-19 {
    font-size: 19px;
  }
  .lg\:text-20 {
    font-size: 20px;
  }
  .lg\:text-22 {
    font-size: 22px;
  }
  .lg\:text-24 {
    font-size: 24px;
  }
  .lg\:text-41 {
    font-size: 41px;
  }
  .lg\:text-46 {
    font-size: 46px;
  }
  .lg\:text-50 {
    font-size: 50px;
  }
  .lg\:text-57 {
    font-size: 57px;
  }
  .lg\:text-60 {
    font-size: 60px;
  }
  .lg\:text-90 {
    font-size: 90px;
  }
  .lg\:text-110 {
    font-size: 110px;
  }
  .lg\:text-120 {
    font-size: 120px;
  }
  .lg\:text-133 {
    font-size: 133px;
  }
  .lg\:leading-20 {
    line-height: 20px;
  }
  .lg\:leading-30 {
    line-height: 30px;
  }
  .lg\:leading-49 {
    line-height: 49px;
  }
  .lg\:leading-57 {
    line-height: 57px;
  }
  .lg\:leading-60 {
    line-height: 60px;
  }
  .lg\:leading-70 {
    line-height: 70px;
  }
  .lg\:leading-71 {
    line-height: 71px;
  }
  .lg\:leading-90 {
    line-height: 90px;
  }
  .lg\:leading-96 {
    line-height: 96px;
  }
  .lg\:leading-101 {
    line-height: 101px;
  }
  .lg\:leading-104 {
    line-height: 104px;
  }
  .lg\:leading-113 {
    line-height: 113px;
  }
  .lg\:leading-120 {
    line-height: 120px;
  }
  .lg\:leading-144 {
    line-height: 144px;
  }
  .lg\:col-count-2 {
    -moz-column-count: 2;
    column-count: 2;
  }
  .lg\:col-gap-32 {
    -moz-column-gap: 8rem;
    column-gap: 8rem;
  }
  .lg\:hyphens-auto {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .lg\:hyphens-manual {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
  }
  .lg\:hyphens-none {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }
}
@media (min-width: 1280px) {
  .xl\:-top-100 {
    top: -31rem;
  }
  .xl\:my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
  .xl\:my-24 {
    margin-bottom: 6rem;
    margin-top: 6rem;
  }
  .xl\:mt-0 {
    margin-top: 0;
  }
  .xl\:mt-10 {
    margin-top: 2.5rem;
  }
  .xl\:mt-14 {
    margin-top: 3.5rem;
  }
  .xl\:mt-16 {
    margin-top: 4rem;
  }
  .xl\:mt-52 {
    margin-top: 13rem;
  }
  .xl\:mt-72 {
    margin-top: 18rem;
  }
  .xl\:-mt-20 {
    margin-top: -5rem;
  }
  .xl\:-mt-28 {
    margin-top: -7rem;
  }
  .xl\:mb-40 {
    margin-bottom: 10rem;
  }
  .xl\:-mb-100 {
    margin-bottom: -31rem;
  }
  .xl\:ml-20 {
    margin-left: 5rem;
  }
  .xl\:ml-40 {
    margin-left: 10rem;
  }
  .xl\:ml-140 {
    margin-left: 44rem;
  }
  .xl\:-ml-36 {
    margin-left: -9rem;
  }
  .xl\:block {
    display: block;
  }
  .xl\:flex {
    display: flex;
  }
  .xl\:w-130 {
    width: 41rem;
  }
  .xl\:w-3\/5 {
    width: 60%;
  }
  .xl\:w-4\/5 {
    width: 80%;
  }
  .xl\:max-w-screen-sm {
    max-width: 640px;
  }
  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xl\:flex-row {
    flex-direction: row;
  }
  .xl\:items-center {
    align-items: center;
  }
  .xl\:justify-end {
    justify-content: flex-end;
  }
  .xl\:justify-center {
    justify-content: center;
  }
  .xl\:justify-between {
    justify-content: space-between;
  }
  .xl\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .xl\:pt-52 {
    padding-top: 13rem;
  }
  .xl\:pt-140 {
    padding-top: 44rem;
  }
  .xl\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .xl\:pb-20 {
    padding-bottom: 5rem;
  }
  .xl\:pl-20 {
    padding-left: 5rem;
  }
  .xl\:pl-32 {
    padding-left: 8rem;
  }
  .xl\:text-22 {
    font-size: 22px;
  }
  .xl\:text-32 {
    font-size: 32px;
  }
  .xl\:text-50 {
    font-size: 50px;
  }
  .xl\:text-75 {
    font-size: 75px;
  }
  .xl\:text-80 {
    font-size: 80px;
  }
  .xl\:text-90 {
    font-size: 90px;
  }
  .xl\:text-98 {
    font-size: 98px;
  }
  .xl\:text-110 {
    font-size: 110px;
  }
  .xl\:text-120 {
    font-size: 120px;
  }
  .xl\:text-133 {
    font-size: 133px;
  }
  .xl\:text-177 {
    font-size: 177px;
  }
  .xl\:text-200 {
    font-size: 200px;
  }
  .xl\:font-normal {
    font-weight: 400;
  }
  .xl\:leading-37 {
    line-height: 37px;
  }
  .xl\:leading-50 {
    line-height: 50px;
  }
  .xl\:leading-60 {
    line-height: 60px;
  }
  .xl\:leading-70 {
    line-height: 70px;
  }
  .xl\:leading-90 {
    line-height: 90px;
  }
  .xl\:leading-96 {
    line-height: 96px;
  }
  .xl\:leading-99 {
    line-height: 99px;
  }
  .xl\:leading-101 {
    line-height: 101px;
  }
  .xl\:leading-104 {
    line-height: 104px;
  }
  .xl\:leading-113 {
    line-height: 113px;
  }
  .xl\:leading-120 {
    line-height: 120px;
  }
  .xl\:leading-122 {
    line-height: 122px;
  }
  .xl\:leading-136 {
    line-height: 136px;
  }
  .xl\:leading-160 {
    line-height: 160px;
  }
  .xl\:leading-180 {
    line-height: 180px;
  }
  .xl\:hyphens-auto {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .xl\:hyphens-manual {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
  }
  .xl\:hyphens-none {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }
}
@media (min-width: 1536px) {
  .\32xl\:hyphens-auto {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .\32xl\:hyphens-manual {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
  }
  .\32xl\:hyphens-none {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }
}
@media (min-width: 1440px) {
  .xxl\:left-1\/2 {
    left: 50%;
  }
  .xxl\:mt-60 {
    margin-top: 15rem;
  }
  .xxl\:mt-96 {
    margin-top: 24rem;
  }
  .xxl\:-mt-20 {
    margin-top: -5rem;
  }
  .xxl\:mr-40 {
    margin-right: 10rem;
  }
  .xxl\:mb-60 {
    margin-bottom: 15rem;
  }
  .xxl\:ml-60 {
    margin-left: 15rem;
  }
  .xxl\:w-auto {
    width: auto;
  }
  .xxl\:w-1\/2 {
    width: 50%;
  }
  .xxl\:w-2\/3 {
    width: 66.666667%;
  }
  .xxl\:max-w-screen-lg {
    max-width: 1024px;
  }
  .xxl\:pt-60 {
    padding-top: 15rem;
  }
  .xxl\:pr-36 {
    padding-right: 9rem;
  }
  .xxl\:pb-60 {
    padding-bottom: 15rem;
  }
  .xxl\:pl-0 {
    padding-left: 0;
  }
  .xxl\:pl-32 {
    padding-left: 8rem;
  }
  .xxl\:text-18 {
    font-size: 18px;
  }
  .xxl\:text-50 {
    font-size: 50px;
  }
  .xxl\:text-60 {
    font-size: 60px;
  }
  .xxl\:text-75 {
    font-size: 75px;
  }
  .xxl\:text-90 {
    font-size: 90px;
  }
  .xxl\:text-120 {
    font-size: 120px;
  }
  .xxl\:text-140 {
    font-size: 140px;
  }
  .xxl\:leading-30 {
    line-height: 30px;
  }
  .xxl\:leading-52 {
    line-height: 52px;
  }
  .xxl\:leading-72 {
    line-height: 72px;
  }
  .xxl\:leading-90 {
    line-height: 90px;
  }
  .xxl\:leading-104 {
    line-height: 104px;
  }
  .xxl\:leading-144 {
    line-height: 144px;
  }
  .xxl\:leading-244 {
    line-height: 244px;
  }
  .xxl\:hyphens-auto {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .xxl\:hyphens-manual {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
  }
  .xxl\:hyphens-none {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }
}
@media (min-width: 1600px) {
  .xxxl\:w-1\/2 {
    width: 50%;
  }
  .xxxl\:w-1\/3 {
    width: 33.333333%;
  }
  .xxxl\:pr-0 {
    padding-right: 0;
  }
  .xxxl\:hyphens-auto {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .xxxl\:hyphens-manual {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
  }
  .xxxl\:hyphens-none {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }
}
@media (max-width: 639px) {
  .sm-only\:hidden {
    display: none;
  }
  .sm-only\:w-80 {
    width: 20rem;
  }
  .sm-only\:max-w-xs {
    max-width: 20rem;
  }
  .sm-only\:hyphens-auto {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .sm-only\:hyphens-manual {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
  }
  .sm-only\:hyphens-none {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }
}
@media (min-width: 768px) and (max-height: 900px) {
  .lgh\:mt-10 {
    margin-top: 2.5rem;
  }
  .lgh\:w-80 {
    width: 20rem;
  }
  .lgh\:w-2\/3 {
    width: 66.666667%;
  }
  .lgh\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .lgh\:text-18 {
    font-size: 18px;
  }
  .lgh\:text-66 {
    font-size: 66px;
  }
  .lgh\:leading-27 {
    line-height: 27px;
  }
  .lgh\:leading-70 {
    line-height: 70px;
  }
  .lgh\:hyphens-auto {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .lgh\:hyphens-manual {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
  }
  .lgh\:hyphens-none {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }
}
@media (min-width: 768px) and (max-height: 750px) {
  .mdh\:mt-6 {
    margin-top: 1.5rem;
  }
  .mdh\:w-72 {
    width: 18rem;
  }
  .mdh\:max-w-sm {
    max-width: 24rem;
  }
  .mdh\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .mdh\:text-14 {
    font-size: 14px;
  }
  .mdh\:text-16 {
    font-size: 16px;
  }
  .mdh\:text-31 {
    font-size: 31px;
  }
  .mdh\:text-41 {
    font-size: 41px;
  }
  .mdh\:leading-21 {
    line-height: 21px;
  }
  .mdh\:leading-24 {
    line-height: 24px;
  }
  .mdh\:leading-41 {
    line-height: 41px;
  }
  .mdh\:leading-45 {
    line-height: 45px;
  }
  .mdh\:hyphens-auto {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .mdh\:hyphens-manual {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
  }
  .mdh\:hyphens-none {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }
}
@media (min-width: 768px) and (max-height: 650px) {
  .smh\:mt-1 {
    margin-top: 0.25rem;
  }
  .smh\:text-12 {
    font-size: 12px;
  }
  .smh\:leading-21 {
    line-height: 21px;
  }
  .smh\:hyphens-auto {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .smh\:hyphens-manual {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
  }
  .smh\:hyphens-none {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }
}
@media (hover: hover) {
  .hover-hover\:hover\:opacity-100:hover {
    opacity: 1;
  }
  .hover-hover\:hyphens-auto {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .hover-hover\:hyphens-manual {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
  }
  .hover-hover\:hyphens-none {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }
}

@media only screen and (max-width: 780px) {
  .tasveer {
    display: none;
  }
}