@font-face {
  font-family: Suit;
  src: url('../fonts/SUIT-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suit;
  src: url('../fonts/SUIT-ExtraBold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Rinter;
  src: url('../fonts/Rinter.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suit;
  src: url('../fonts/SUIT-SemiBold.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --corsair-black: #1a1a1a;
  --white: white;
  --tomato: #fc4c3e;
  --subtitle: #dedede;
  --purple: #815cf0;
  --blue_gradient: #305ce0;
  --purple_gradient: #c95bfe;
  --line: #cacaca;
  --background: #f5f1f2;
  --corsair-red: #a30e2d;
  --subtxt-gray: #757575;
  --firebrick: #a52b21;
  --sub: 1.5em;
  --eng: 1em;
  --blurbg-color: #424245b3;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  color: var(--corsair-black);
  letter-spacing: -.05em;
  word-break: keep-all;
  text-wrap: balance;
  font-family: Suit, Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.company-subtitle {
  color: #fff;
  max-width: 22em;
  font-family: Noto Sans KR;
  font-size: 1.3em;
  line-height: 1.5em;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  font-size: 2vh;
  line-height: 1em;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.preloader {
  z-index: 30;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
}

.div-block-12 {
  z-index: 2;
  background-image: url('../images/lottie2.png');
  background-position: 50% 100%;
  background-size: 100px 100px;
  justify-content: center;
  align-items: flex-end;
  width: 100px;
  height: 0;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.div-block-13 {
  justify-content: center;
  align-items: flex-end;
  width: 100px;
  height: 100px;
  display: flex;
  position: relative;
}

.div-block-14 {
  z-index: 1;
  background-image: url('../images/lottie1.png');
  background-position: 50% 100%;
  background-size: 100px 100px;
  justify-content: center;
  align-items: flex-end;
  width: 100px;
  height: 100px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.text-field-5 {
  color: #fff;
  cursor: none;
  background-color: #141414;
  border: 0 #000;
  border-radius: .5em;
  height: 3em;
  margin-bottom: 0;
  padding: 0 1.5em;
  font-family: Noto Sans KR;
  font-size: 1.3em;
  line-height: 1.3em;
}

.div-block-16 {
  background-color: #fff;
  border-radius: 20px;
  width: 100%;
  min-height: 300px;
  margin-bottom: 50px;
  display: flex;
  overflow: hidden;
  box-shadow: 7px 7px 20px #0000000d;
}

.modal {
  z-index: 70;
  background-color: #00000080;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
}

.modal-box {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  -webkit-backdrop-filter: blur(.5em);
  backdrop-filter: blur(.5em);
  background-color: #fff3;
  border: 1px solid #fff3;
  border-radius: 2em;
  flex-direction: column;
  align-items: center;
  width: 96%;
  max-width: 30em;
  padding: 1em;
  display: flex;
  box-shadow: inset 2px 2px .5em #fff3;
}

.txt-modaltitle {
  color: #fff;
  text-align: center;
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1.3em;
}

.scrollarea {
  background-color: var(--white);
  border-radius: 1em;
  overflow: hidden;
}

.txt-privacypolicy {
  font-size: 1em;
  line-height: 1.5em;
}

.slide-4 {
  background-image: url('../images/hero1-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  margin-right: 16px;
}

.submit-button-3 {
  background-color: var(--tomato);
  border-radius: 50px;
}

.heading-3 {
  color: var(--tomato);
}

.image-1 {
  width: 30px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.text-field-8 {
  border-radius: 60px;
  height: 40px;
}

._1600 {
  width: 95%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

._1600.zindex-2 {
  z-index: 2;
  position: relative;
}

._1600.horizontal-data {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  justify-content: space-between;
  display: flex;
}

._2023body {
  letter-spacing: -.04em;
  word-break: keep-all;
}

._2023body._1 {
  background-color: #fff;
}

.hamburger-2 {
  z-index: 1;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 3em;
  height: 2em;
  display: flex;
}

.image-2 {
  width: 3.5em;
  min-width: 3.5em;
  height: auto;
}

.logo {
  align-items: center;
  display: flex;
}

.menu {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
}

.nav {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  background-color: #ffffff0d;
  border-radius: 20em;
  justify-content: space-between;
  align-items: center;
  width: 22.5em;
  height: 3em;
  padding-left: 1.5em;
  padding-right: .5em;
  display: flex;
}

.menu-text {
  color: #fff;
  margin-right: 0;
  text-decoration: none;
}

.navigation {
  z-index: 50;
  mix-blend-mode: difference;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 1.5em;
  left: 50%;
  transform: translate(-50%);
}

.text-block-5 {
  color: var(--corsair-black);
  font-family: presicav, sans-serif;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1em;
}

.logoimage {
  width: auto;
  height: 2em;
}

.team_box {
  color: #fff;
  background-color: #202020;
  width: 100%;
  padding: 2em;
  text-decoration: none;
  transition: background-color .4s, color .4s;
  position: relative;
}

.team_box:hover {
  color: #141414;
  background-color: #fff;
}

.text-block-8 {
  color: #fff;
  text-transform: uppercase;
  font-family: presicav, sans-serif;
  font-size: 4em;
  line-height: 1em;
}

.text-block-8._1 {
  position: sticky;
}

.div-block-23 {
  width: 100%;
  position: relative;
}

.div-block-28 {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 1em;
  display: flex;
}

.div-block-29 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 1em;
  display: flex;
}

.link-block-2 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  color: #d8541b;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.next-2 {
  background-color: #fff0;
  border-radius: 20em;
  justify-content: center;
  align-items: center;
  height: 3em;
  margin-left: 0;
  margin-right: 0;
  padding: 0 1em;
  text-decoration: none;
  display: flex;
}

.text-block-10 {
  color: #fff;
  font-size: 1em;
  font-weight: 500;
  line-height: 1em;
}

.text-block-10._1 {
  color: #141414;
}

.trigger {
  width: 0;
  height: 0;
  padding: 0;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.div-block-30 {
  width: 100%;
  padding-top: 10em;
  padding-bottom: 30em;
  position: relative;
}

._800 {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-direction: column;
  width: 95%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-31 {
  border-bottom: 1px solid var(--subtitle);
  justify-content: space-between;
  align-items: center;
  padding-bottom: 4em;
  display: flex;
}

.text-block-11 {
  color: #6d6d6d;
  font-size: 1.3em;
  line-height: 1.3em;
}

.text-block-12 {
  font-size: 3.5em;
  font-weight: 700;
  line-height: 1.3em;
}

.div-block-32 {
  flex-direction: column;
  display: flex;
}

.div-block-111 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  display: flex;
}

.collection-list-5 {
  border-bottom: 1px solid #eee;
  margin-bottom: 4em;
}

.div-block-33 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 4em;
  display: flex;
}

.div-block-34 {
  border-top: 1px solid #eee;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  text-decoration: none;
  display: flex;
}

.text-block-13 {
  color: #141414;
  font-size: 1.3em;
  font-weight: 500;
}

.text-block-14 {
  color: #999;
}

.text-block-15 {
  color: #999;
  text-transform: uppercase;
  font-family: presicav, sans-serif;
  font-size: 1.5em;
}

.div-block-35 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.pagescroll {
  z-index: 5;
  width: 100%;
  position: fixed;
  top: auto;
  bottom: 0%;
}

.div-block-36 {
  background-color: #141414;
  border-radius: 20em;
  width: 100%;
  height: 1em;
}

.div-block-37 {
  border-radius: 20em;
  width: 98%;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.pagination-3 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}

.div-block-42 {
  z-index: 1;
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  background-image: linear-gradient(#00000080, #00000080), url('../images/storybg1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border: 6em solid #141414;
  border-radius: 8em;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-bottom: 1em;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-43 {
  width: 1px;
  padding-top: 100vh;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.scroll-helper {
  height: 100%;
}

.div-block-44 {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-direction: column;
  display: flex;
  position: relative;
}

.link-block-4 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  color: #333;
  background-color: #1b1b1b;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1.5em;
  text-decoration: none;
  display: flex;
}

.div-block-45 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.div-block-45._1 {
  overflow: hidden;
}

.text-block-17 {
  color: #fff;
  text-align: center;
  font-family: presicav, sans-serif;
  font-size: 9em;
  line-height: 1em;
  position: relative;
}

.text-block-18 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: presicav, sans-serif;
  font-size: 2em;
  line-height: 1em;
  position: relative;
}

.text-block-19 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: Noto Sans KR;
  font-size: 1.5em;
  line-height: 1em;
  position: relative;
}

.button-7 {
  z-index: 2;
  text-transform: uppercase;
  background-color: #141414;
  border: 1px solid #fff;
  border-radius: 20em;
  margin-top: 1em;
  padding: 1em 2.1em;
  font-family: Poppins;
  font-size: 1em;
  line-height: 1em;
  position: relative;
}

.home-faq-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  cursor: pointer;
  background-color: #ddd0;
  border-top: 1px solid #e7eeee;
  border-bottom: 1px #e7eeee;
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  place-items: stretch stretch;
  width: 100%;
  padding: 0;
  transition: all .8s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.home-faq-item.w--current {
  background-color: #ddd0;
  overflow: hidden;
}

.navbar_link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #000;
  text-transform: none;
  border-right: 1px solid #e7eeee;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  min-width: 10rem;
  max-height: 65vh;
  padding: 12rem 2rem 0;
  text-decoration: none;
  display: grid;
  overflow: auto;
}

.home-faq-top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px #e7eeee;
  border-left: 1px #e7eeee;
  border-right: 1px #e7eeee;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 5rem 1fr auto;
  grid-auto-columns: 1fr;
  justify-content: start;
  place-items: center start;
  width: 100%;
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
  display: grid;
}

.curve-arrow {
  border: 1px solid #e7eeee;
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  position: absolute;
  top: .5rem;
}

.button-8 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #2e313a;
  border-radius: 100rem;
  padding: .75rem 1.05rem .75rem 1.15rem;
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
}

.card_trigger {
  position: sticky;
  bottom: 0;
}

.matrix-animation_component {
  z-index: 0;
  position: absolute;
  inset: 0%;
}

.div-block-49 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-50 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.gift {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  border-radius: 2em;
  flex-direction: column;
  align-items: center;
  width: 50%;
  padding: 20px;
  display: flex;
}

.impact-1 {
  background-image: linear-gradient(#fff0, #fff0 70%, #7aff55 71%, #7aff55);
  font-weight: 700;
}

.div-block-51 {
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: stretch;
  width: 33%;
  display: flex;
  overflow: hidden;
  box-shadow: 6px 6px 10px 6px #0000000f;
}

.nav-guide {
  flex-direction: column;
  align-items: flex-start;
  width: 1px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.timecard {
  background-color: #fff;
  background-image: linear-gradient(0deg, #fff 20%, #e2e2e2 48%, var(--purple) 50%, white 52%, white);
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 60px;
  display: flex;
}

.html-embed-2 {
  display: none;
}

.tabs-2 {
  width: 100%;
}

.div-block-52 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: absolute;
}

.slide-next.desktop-arrow {
  z-index: 5;
  cursor: pointer;
  background-color: #fff6;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
}

.slide-next.desktop-arrow:hover {
  background-color: #805bf066;
}

.timelimit {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  display: flex;
}

.content-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  bottom: 0;
  left: 0;
}

.div-block-53 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  padding: 50px 20px 20px;
  display: flex;
  box-shadow: 6px 6px 10px 6px #0000000f;
}

.nav-2 {
  z-index: 50;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid #eee;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  position: fixed;
  inset: 0% 0% auto;
}

.field-label-2 {
  width: 100%;
  margin-bottom: 0;
  font-family: Noto Sans KR;
  font-size: 1.6em;
  font-weight: 500;
  line-height: 1.3em;
}

._1120 {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-direction: column;
  align-items: center;
  width: 90%;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

._1120.horizontal {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}

.hero {
  background-color: #e9e2ff;
  background-image: url('../images/herobg.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 130px;
  position: relative;
  overflow: hidden;
}

._114 {
  color: #f3f3f3;
  background-color: #ef4142;
  border-radius: 50px;
  margin-left: 5px;
  padding-bottom: 2px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: .8em;
}

.inner-swipe {
  display: none;
}

.maintxt {
  color: #000;
  letter-spacing: -.08em;
  max-width: 15em;
  margin-bottom: 0;
  font-family: Noto Sans KR;
  font-size: 3.5em;
  font-weight: 700;
  line-height: 1.3em;
}

.maintxt.center {
  text-align: center;
}

.maintxt.centerwhite {
  color: #fff;
  text-align: center;
  max-width: 720px;
}

.maintxt._3 {
  background-image: linear-gradient(135deg, var(--blue_gradient), var(--purple_gradient));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .1em;
}

.tab-pane-tab-2 {
  width: 100%;
}

.slide-item {
  opacity: .4;
  border-radius: 16px;
  align-items: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  transition: all .2s;
  display: flex;
  transform: scale(.9);
}

.div-block-54 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  width: 50%;
  padding: 50px 20px 20px;
  display: flex;
}

.slide-container {
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

._113 {
  color: #333;
  background-color: #ffeb55;
  border-radius: 50px;
  margin-left: 5px;
  padding-bottom: 2px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: .8em;
}

.mobile-38 {
  display: none;
}

.pc-38 {
  justify-content: center;
  width: 90%;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.subtxt {
  color: #888;
  max-width: 25em;
  font-family: Noto Sans KR;
  font-size: 1.6em;
  font-weight: 500;
  line-height: 1.6em;
}

.subtxt.centerwhite {
  color: #fff;
  text-align: center;
  max-width: 600px;
}

.subtxt.center {
  text-align: center;
}

.subtxt._1 {
  max-width: 600px;
}

.subtxt.left {
  text-align: left;
  max-width: 20em;
}

._111 {
  color: #f3f3f3;
  background-color: #de4d9d;
  border-radius: 50px;
  margin-left: 5px;
  padding-bottom: 2px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: .8em;
}

.text-block-21 {
  text-align: center;
  font-family: Noto Sans KR;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.3em;
}

.slide-prev.desktop-arrow {
  z-index: 5;
  cursor: pointer;
  background-color: #fff6;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
}

.slide-prev.desktop-arrow:hover {
  background-color: #805bf066;
}

.slide-item-wrapper {
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  min-width: 500px;
  max-width: 700px;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  line-height: 40px;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

._25 {
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  display: flex;
}

._25._1 {
  justify-content: flex-end;
}

.wrapper1 {
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-bottom: 36px;
  display: flex;
  overflow: visible;
}

.text-block-22 {
  background-color: #f3f3f3;
  border-radius: 0 30px 30px;
  padding: 18px 35px;
  font-family: Noto Sans KR;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.3em;
  display: flex;
}

.devide {
  background-image: linear-gradient(315deg, var(--purple_gradient), var(--blue_gradient));
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}

._112 {
  color: #f3f3f3;
  background-color: #c95bfe;
  border-radius: 50px;
  margin-left: 5px;
  padding-bottom: 2px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: .8em;
}

.div-block-55 {
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  padding: 35px 20px 20px;
  display: flex;
  position: relative;
}

.submit-button-5 {
  background-color: #de4d9d;
  background-image: linear-gradient(135deg, var(--blue_gradient), var(--purple_gradient));
  text-align: center;
  border-radius: 50px;
  padding: 15px 35px;
  font-family: Noto Sans KR;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.3em;
  transition: background-color .2s, color .2s;
}

.submit-button-5:hover {
  color: #333;
  background-color: #ebebeb;
  background-image: none;
}

.checkbox-field-5 {
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.div-block-56 {
  border-radius: 20px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: flex;
  overflow: hidden;
  box-shadow: 6px 6px 10px 6px #0000000f;
}

.text-block-23 {
  text-align: center;
  font-family: Noto Sans KR;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.3em;
}

.text-block-24 {
  color: #fff;
  text-align: left;
  font-family: Noto Sans KR;
  font-size: 1.6em;
  font-weight: 500;
  line-height: 1.3em;
}

.div-block-57 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
}

.text-block-25 {
  color: var(--purple);
  font-family: Noto Sans KR;
  font-size: 1.3em;
  font-weight: 500;
  line-height: 1.3em;
}

.div-block-58 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-6 {
  border-radius: 1em;
  width: 100%;
  height: auto;
  position: absolute;
}

.div-block-59 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 2em;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.div-block-60 {
  background-color: #f3f3f3;
  border-radius: 300px;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
}

.image-7 {
  z-index: 2;
  width: 100%;
  height: auto;
  position: relative;
}

.div-block-61 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div-block-62 {
  width: 100%;
  height: 100vh;
}

.div-block-63 {
  background-image: linear-gradient(135deg, var(--blue_gradient), var(--purple_gradient));
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-top: -15px;
  margin-bottom: -15px;
  display: flex;
  position: relative;
}

.text-block-26 {
  max-width: 380px;
  font-family: Noto Sans KR;
  font-size: 1.3em;
  line-height: 1.3em;
}

.div-block-110 {
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: stretch;
  width: 33%;
  display: flex;
  overflow: hidden;
  box-shadow: 6px 6px 10px 6px #0000000f;
}

.div-block-109 {
  width: 100%;
  position: relative;
}

.div-block-108 {
  width: 100%;
  height: 100vh;
}

.text-block-27 {
  color: #fff;
  text-align: center;
  font-family: Noto Sans KR;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.3em;
}

.text-block-28 {
  background-image: linear-gradient(135deg, var(--blue_gradient), var(--purple_gradient));
  color: #fff;
  text-align: center;
  border-radius: .5em;
  padding: .2em 1em;
  font-family: Noto Sans KR;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.3em;
}

.div-block-107 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  max-width: 1120px;
  padding-bottom: 8em;
  display: flex;
}

.div-block-106 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 100%;
  left: 0%;
  right: 0%;
}

.div-block-105 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-104 {
  background-color: #fff;
  width: 4px;
  height: 4px;
}

.div-block-69 {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-family: Noto Sans KR;
  font-size: 1em;
  line-height: 1.3em;
  display: flex;
}

.div-block-69._4 {
  background-color: #b29696;
}

.div-block-69._5 {
  background-color: #dbdbdb;
}

.div-block-69._1 {
  background-image: linear-gradient(315deg, var(--purple_gradient), var(--blue_gradient));
}

.div-block-69._3 {
  border-right: 2px solid var(--purple_gradient);
  border-bottom: 2px solid var(--purple);
  border-left: 2px solid var(--blue_gradient);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.div-block-69._6 {
  background-color: #ececec;
}

.div-block-69._2 {
  border-right: 2px solid var(--purple_gradient);
  border-left: 2px solid var(--blue_gradient);
}

.div-block-69._7 {
  border-bottom: 2px solid #fff;
}

.div-block-69._8 {
  background-color: #ececec;
  border-bottom: 2px solid #ececec;
}

.tabs-menu-6 {
  border-bottom: 1px solid #e2e2e2;
  width: 100%;
}

.div-block-103 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  padding: 50px 20px 20px;
  display: flex;
  box-shadow: 6px 6px 10px 6px #0000000f;
}

.image-8 {
  z-index: 1;
  width: 100%;
  height: auto;
  position: relative;
}

.div-block-102 {
  width: 100%;
  position: relative;
}

.text-block-29 {
  z-index: 2;
  background-image: linear-gradient(153deg, var(--blue_gradient), var(--purple_gradient));
  color: #fff;
  text-align: center;
  border-radius: 20em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4em;
  height: 4em;
  font-family: Noto Sans KR;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.3em;
  display: flex;
  position: absolute;
  inset: -.75em auto auto -.75em;
}

.image-9 {
  z-index: 3;
  width: 70%;
  height: auto;
  margin-top: -15%;
  position: relative;
}

.div-block-101 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.image-10 {
  width: auto;
  height: 4em;
}

.div-block-100 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 45%;
  display: flex;
}

.div-block-99 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #f3f3f3;
  border-radius: 20px;
  flex-direction: column;
  margin-top: 20px;
  padding: 20px;
  display: flex;
}

.div-block-98 {
  z-index: 1;
  position: relative;
  inset: 0%;
}

.div-block-97 {
  background-color: #f3f3f3;
  border-radius: 50%;
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}

.div-block-96 {
  background-color: #fff;
  width: 60%;
  height: 15%;
}

.div-block-96._1 {
  width: 15%;
  height: 60%;
  position: absolute;
}

.form-6 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.text-block-30 {
  margin-bottom: 12px;
  font-family: Noto Sans KR;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.3em;
}

.text-block-30._1 {
  font-size: 1.6em;
}

.div-block-95 {
  background-color: var(--purple);
  border-top: 20px solid #815cf0;
  border-left: 15px solid #ffeb55;
  border-right: 15px solid #ffeb55;
  width: 30px;
  height: 30px;
}

.div-block-95.gray {
  border-left-color: #f3f3f3;
  border-right-color: #f3f3f3;
}

.div-block-95.white {
  border-left-color: #fff;
  border-right-color: #fff;
}

.div-block-94 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 2em;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 20px;
  display: flex;
}

.div-block-93 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  inset: 0% auto auto 0%;
}

.div-block-91 {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-direction: column;
  align-items: center;
  width: 50%;
  height: 30em;
  max-height: 30em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-11 {
  border: 1px solid var(--purple);
  color: var(--purple);
  text-align: center;
  background-color: #ef414200;
  border-radius: 50px;
  padding: 7px 20px;
  font-family: Noto Sans KR;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.3em;
  transition: color .2s, background-color .2s;
}

.button-11:hover {
  background-color: var(--purple);
  color: #fff;
}

.lottie-animation-4 {
  width: 90%;
  height: auto;
}

.div-block-112 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  max-width: 720px;
  height: 400vh;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.div-block-112._1 {
  padding-left: 10px;
  padding-right: 0;
}

.checkbox-label-5 {
  margin-bottom: .2em;
  font-family: Noto Sans KR;
  font-size: 1.3em;
  line-height: 1.3em;
}

.div-block-90 {
  z-index: 2;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 45em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.button-12 {
  background-image: linear-gradient(135deg, var(--blue_gradient), var(--purple_gradient));
  color: #fff;
  text-align: center;
  border-radius: 50px;
  padding: .5em 1.5em;
  font-family: Noto Sans KR;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.3em;
  transition: color .2s;
}

.button-12:hover {
  color: var(--purple);
  background-image: linear-gradient(135deg, #fff, #fff);
}

.image-11 {
  width: 7em;
  height: auto;
}

.text-block-31 {
  color: #fff;
  text-align: center;
  font-family: Noto Sans KR;
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1.3em;
}

.div-block-89 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.button-13 {
  color: var(--purple);
  background-color: #ffeb55;
  border-radius: 50px;
  padding: 10px 35px 12px;
  font-family: Noto Sans KR;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.3em;
  transition: background-color .2s;
}

.button-13:hover {
  background-color: #fff;
}

.tab-link-tab-1-3 {
  color: #aaa;
  background-color: #fff0;
  border-bottom: 3px solid #fff;
  padding: 12px 10px;
  font-family: Noto Sans KR;
  font-size: 1.3em;
  font-weight: 500;
  line-height: 1.3em;
}

.tab-link-tab-1-3.w--current {
  border-bottom-color: var(--purple);
  color: var(--purple);
  background-color: #fff0;
}

.div-block-88 {
  background-color: #fff;
  border-radius: 20px;
  width: 100%;
  padding: 20px;
}

.div-block-68 {
  z-index: 50;
  background-image: linear-gradient(135deg, var(--blue_gradient), var(--purple_gradient));
  width: 100%;
}

.div-block-87 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.lottie-animation-5 {
  width: 100%;
  height: auto;
}

.div-block-86 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 720px;
  display: grid;
}

.div-block-85 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.form-block-6 {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.text-block-43 {
  color: var(--purple);
  font-size: 3em;
  font-weight: 700;
  line-height: 1.3em;
}

.div-block-84 {
  z-index: 2;
  position: absolute;
  inset: 0%;
}

.div-block-64 {
  background-color: #ef4142;
  background-image: linear-gradient(315deg, var(--purple_gradient), var(--blue_gradient));
  padding-top: 30px;
  padding-bottom: 30px;
}

.div-block-64.hidden {
  display: none;
}

.div-block-83 {
  width: 100%;
  padding-top: 10em;
  padding-bottom: 10em;
}

.div-block-83.purple {
  background-color: #e9e2ff;
}

.div-block-83.gray {
  background-color: #f3f3f3;
}

.div-block-83.dark1 {
  background-color: #1e192c;
  position: relative;
  overflow: hidden;
}

.div-block-83._2 {
  padding-top: 5em;
  padding-bottom: 5em;
}

.div-block-83._3 {
  background-color: #e9e2ff;
  background-image: url('../images/btmbg.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.div-block-82 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.div-block-81 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  width: 50%;
  padding: 50px 20px 20px;
  display: flex;
}

.checkbox-6 {
  background-color: #f1f1f1;
  border: 0 #dadada;
  border-radius: 50px;
  width: 2em;
  height: 2em;
  margin-top: 0;
  margin-right: .5em;
  transition: background-color .2s;
}

.checkbox-6.w--redirected-checked {
  background-color: var(--purple);
  color: #fff;
  background-image: url('../images/custom-checkbox-checkmark.svg');
  background-position: 50%;
  background-size: contain;
  border-width: 0;
}

.impact-6 {
  background-image: linear-gradient(315deg, var(--purple_gradient), var(--blue_gradient));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .1em;
}

.div-block-80 {
  border-radius: 20px;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  overflow: hidden;
  box-shadow: 6px 6px 10px 6px #0000000f;
}

.div-block-79 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 720px;
  display: flex;
}

.div-block-78 {
  width: 100%;
}

.text-block-32 {
  background-image: linear-gradient(135deg, var(--blue_gradient), var(--purple_gradient));
  color: #fff;
  border-radius: 50px;
  margin-top: 20px;
  padding: 6px 25px;
  font-family: Noto Sans KR;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.3em;
}

.text-field-11 {
  border: 1px #000;
  border-bottom: 1px solid #dadada;
  width: 100%;
  height: 2.5em;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Noto Sans KR;
  font-size: 1.6em;
  line-height: 1.3em;
}

.text-field-11::placeholder {
  color: #d6d6d6;
}

.btmbar {
  z-index: 50;
  background-color: #1e192c;
  width: 100%;
  position: fixed;
  inset: auto 0% 0%;
}

.div-block-77 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-76 {
  width: 55%;
  position: relative;
}

.div-block-75 {
  width: 100%;
  height: 200vh;
  position: relative;
}

.div-block-74 {
  z-index: 1;
  cursor: ns-resize;
  justify-content: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-73 {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-72 {
  background-color: #fff;
  border-radius: 20px;
  width: 100%;
  max-width: 720px;
  padding: 60px;
}

.div-block-71 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 720px;
  display: grid;
}

.text-block-33 {
  text-align: center;
  font-family: Noto Sans KR;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.3em;
}

.text-block-33.purple {
  color: var(--purple);
}

.text-block-33._1 {
  color: #ffe674;
}

.text-block-34 {
  text-align: center;
  width: 100%;
  max-width: 300px;
  font-family: Noto Sans KR;
  font-size: 1.3em;
  line-height: 1.6em;
}

.div-block-70 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.image-12 {
  z-index: 3;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.image-13 {
  z-index: 1;
  width: 100%;
  height: auto;
  position: relative;
}

.text-block-35 {
  text-align: center;
  font-family: Noto Sans KR;
  font-size: 1.3em;
  line-height: 1.3em;
}

.text-block-35.purple {
  color: var(--purple);
  font-weight: 700;
}

.text-block-35.white {
  color: #fff;
  font-size: 1.6em;
  font-weight: 700;
}

.text-block-35.big {
  font-size: 1.6em;
}

.div-block-66 {
  z-index: 3;
  background-image: linear-gradient(135deg, var(--blue_gradient), var(--purple_gradient));
  border-radius: 20px;
  width: 100%;
  height: 3%;
  position: absolute;
  top: 0%;
}

.image-14 {
  width: 100%;
  height: auto;
}

.image-15 {
  width: 30px;
  height: 30px;
}

.div-block-67 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-48 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.image-21 {
  z-index: 2;
  width: 100%;
  height: auto;
  position: absolute;
  inset: 0%;
}

.div-block-39 {
  z-index: 2;
  position: absolute;
  inset: 0%;
}

.div-block-38 {
  background-color: #f3f3f3;
  border-radius: 2em;
  width: 100%;
  padding-bottom: 80%;
  position: relative;
  overflow: hidden;
}

.text-block-36 {
  background-color: #f3f3f3;
  border-radius: 20em;
  justify-content: center;
  align-items: center;
  height: 3em;
  min-height: 3em;
  padding-left: 2em;
  padding-right: 2em;
  font-family: Noto Sans KR;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.3em;
  display: flex;
}

.link-7 {
  color: var(--purple);
  margin-bottom: .2em;
  margin-left: 5px;
  font-family: Noto Sans KR;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1.3em;
  text-decoration: none;
}

.div-block-27 {
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-26 {
  z-index: 2;
  position: absolute;
  inset: 0%;
}

.div-block-25 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.button-14 {
  color: var(--purple);
  text-align: center;
  background-color: #ffe574;
  border-radius: 50px;
  padding: 10px 35px 12px;
  font-family: Noto Sans KR;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.3em;
  transition: background-color .2s, color .2s;
}

.button-14:hover {
  color: var(--purple);
  background-color: #fff;
  background-image: none;
}

.div-block-113 {
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  padding: 35px 20px 20px;
  display: flex;
  position: relative;
}

.eventbody {
  background-color: var(--white);
  letter-spacing: -.05em;
  text-wrap: balance;
}

.div-block-24 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.impact-2 {
  color: #333;
  font-weight: 700;
}

.div-block-18 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-18._1 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}

.div-block-17 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  display: flex;
}

.impact-7 {
  color: #ffeb56;
}

.div-block-15 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-22 {
  width: 3em;
  height: 3em;
}

.div-block-11 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-10 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

._115 {
  color: #f3f3f3;
  background-color: #4172ef;
  border-radius: 50px;
  margin-left: 5px;
  padding-bottom: 2px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: .8em;
}

.div-block-9 {
  z-index: 2;
  background-image: linear-gradient(#fff 5%, #ffffff4d 35%, #fff0 40% 60%, #ffffff4d 65%, #fff 95%);
  position: absolute;
  inset: 0%;
}

.div-block-8 {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.macy-container {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  transition: all;
  display: grid;
}

.div-block-7 {
  background-color: #ffffff0d;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2em;
  display: flex;
}

.div-block-7._1 {
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-7._2 {
  padding-top: 1em;
  padding-bottom: 1em;
}

.image-20 {
  width: 100%;
}

.div-block-6 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: center;
  align-items: center;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
}

.image-19 {
  width: auto;
  height: 3em;
}

.div-block-5 {
  background-color: #ddd;
  width: 1px;
  height: 2em;
}

.text-block-38 {
  background-color: var(--purple);
  color: #fff;
  border-radius: 20em;
  padding: .5em 1em;
  font-family: Noto Sans KR;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1em;
}

.div-block-4 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-18 {
  width: 90%;
  max-width: 25em;
  height: auto;
}

.div-block-3 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #000c;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.text-block-39 {
  color: #fff;
  font-family: Noto Sans KR;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.3em;
}

.success-message-3 {
  background-color: #43e06d;
  background-image: linear-gradient(135deg, var(--blue_gradient), var(--purple_gradient));
  border-radius: 1em;
  padding: 1.5em 1em;
}

.text-block-40 {
  color: #fff;
  margin-top: .5em;
  font-family: Noto Sans KR;
  font-size: 1.3em;
  line-height: 1.3em;
}

.error-message-3 {
  margin-top: 2em;
  padding: 1em;
}

.text-block-41 {
  color: #7a1010;
  font-family: Noto Sans KR;
  font-size: 1.3em;
  line-height: 1.3em;
}

.bubble {
  z-index: 40;
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  margin-bottom: 2em;
  display: flex;
  position: absolute;
  inset: auto 2em 100% auto;
}

.image-17 {
  width: auto;
  height: 3.5em;
}

.card1 {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  color: #fff;
  background-color: #ffffff1a;
  border-radius: 2em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33.34%;
  padding-top: 2em;
  padding-bottom: 2em;
  text-decoration: none;
  display: flex;
}

.languagesector {
  z-index: 60;
  background-color: #11111180;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.horizontal-right {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.width100 {
  width: 100%;
}

.text-big {
  color: #37413c;
  font-size: 1.5em;
  line-height: 1.3em;
}

.gutter-2em {
  width: 100%;
  height: 2em;
}

.text {
  color: #37413c;
  font-size: 1.25em;
  line-height: 1.3em;
}

.vertical {
  flex-flow: column;
  align-items: stretch;
  text-decoration: none;
  display: flex;
}

.grid-3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.box {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #fff;
  border-radius: 1.5em;
  flex-flow: column;
  padding: 1.5em;
  transition: color .2s, background-color .2s;
  display: flex;
  position: relative;
}

.box.vertical-center.gap-1em {
  color: var(--white);
}

.section-big {
  padding-top: 11em;
  padding-bottom: 11em;
}

.gap-1em {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}

.gap-3em {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
}

.vertical-left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.gap-05em {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
}

.gap-025em {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
}

.height100 {
  height: 100%;
}

.horizontal-between-stretch {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.horizontal-bottom {
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.vertical-left-center {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.gap-5em {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.button {
  border: 1px solid var(--line);
  color: #37413c;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border-radius: 1em;
  justify-content: center;
  align-items: center;
  height: 2em;
  padding: 0 1em;
  font-size: 1em;
  font-weight: 400;
  line-height: 1em;
  transition: color .2s, background-color .2s;
  display: flex;
}

.button:hover {
  background-color: #fff;
}

.button.big2 {
  background-color: var(--background);
  color: var(--corsair-red);
  border-style: none;
  border-radius: 1em;
  width: 100%;
  height: 3.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-weight: 800;
}

.button.big2:hover {
  background-color: var(--corsair-red);
  color: #fff;
}

.button.small2 {
  background-color: var(--background);
  color: var(--corsair-red);
  border-style: none;
}

.button.small2:hover {
  background-color: var(--corsair-red);
  color: var(--white);
}

.button.middle {
  background-color: var(--corsair-red);
  color: var(--white);
  border-style: none;
  border-radius: 1em;
  height: 3.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-weight: 800;
}

.button.middle:hover {
  background-color: var(--background);
  color: var(--corsair-red);
}

.button.middle2 {
  background-color: var(--background);
  color: var(--corsair-red);
  border-style: none;
  border-radius: 1em;
  height: 3.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-weight: 800;
}

.button.middle2:hover {
  background-color: var(--corsair-red);
  color: var(--white);
}

.button.label2 {
  color: var(--corsair-black);
  background-color: #fff0;
  border-style: none;
  height: 1.5em;
  padding-left: 0;
  padding-right: 0;
}

.button.label2:hover {
  color: var(--subtxt-gray);
}

.button.label3 {
  color: #fff;
  background-color: #fff0;
  border-style: none;
  border-radius: 0;
  height: 1.5em;
  padding-left: 0;
  padding-right: 0;
  font-weight: 400;
}

.button.label3:hover {
  color: #9ba8a3;
}

.button.big1 {
  background-color: var(--background);
  color: var(--subtxt-gray);
  border-style: none;
  border-radius: 1em;
  width: 100%;
  height: 3.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-weight: 800;
}

.button.big1:hover {
  background-color: var(--subtxt-gray);
  color: var(--white);
}

.button.middle3 {
  color: var(--subtxt-gray);
  background-color: #fff;
  border-style: none;
  border-radius: 1em;
  height: 3.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-weight: 800;
}

.button.middle3:hover {
  background-color: var(--background);
  color: var(--corsair-black);
}

.button.label {
  color: var(--subtxt-gray);
  background-color: #fff0;
  border-style: none;
  border-radius: 0;
  height: 1.5em;
  padding-left: 0;
  padding-right: 0;
}

.button.label:hover {
  color: var(--corsair-black);
}

.button.small {
  background-color: var(--corsair-red);
  color: #fff;
  border-style: none;
  border-radius: 1em;
}

.button.small:hover {
  background-color: var(--background);
  color: var(--corsair-red);
}

.button.label1 {
  color: var(--corsair-red);
  background-color: #fff0;
  border-style: none;
  height: auto;
  padding-left: 0;
  padding-right: 0;
}

.button.label1:hover {
  color: var(--corsair-black);
}

.button.big {
  background-color: var(--corsair-red);
  color: #fff;
  border-style: none;
  border-radius: 1em;
  width: 100%;
  height: 3.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-weight: 800;
}

.button.big:hover {
  background-color: var(--background);
  color: var(--corsair-red);
}

.button.big3 {
  color: var(--subtxt-gray);
  background-color: #fff;
  border-style: none;
  border-radius: 1em;
  width: 100%;
  height: 3.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-weight: 800;
}

.button.big3:hover {
  background-color: var(--background);
  color: var(--corsair-black);
}

.button.middle1 {
  background-color: var(--background);
  color: var(--subtxt-gray);
  border-style: none;
  border-radius: 1em;
  height: 3.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-weight: 800;
}

.button.middle1:hover {
  background-color: var(--subtxt-gray);
  color: var(--white);
}

.button.small3 {
  color: var(--subtxt-gray);
  background-color: #fff;
  border-style: none;
}

.button.small3:hover {
  background-color: var(--corsair-red);
  color: #fff;
}

.button.small1 {
  background-color: var(--background);
  color: var(--subtxt-gray);
  border-style: none;
}

.button.small1:hover {
  background-color: var(--subtxt-gray);
  color: var(--white);
}

.bold {
  font-weight: 800;
}

.gap-4em {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.horizontal-left {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.horizontal {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.section {
  width: 100%;
  padding-top: 10em;
  padding-bottom: 10em;
}

.gap-1-5em {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
}

.section-nobtm {
  padding-top: 5em;
}

.horizontal-between-bottom {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.grid-4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.container {
  width: 95%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.gutter-4em {
  width: 100%;
  height: 4em;
}

.whitetxt {
  color: #fff;
}

.vertical-right {
  flex-flow: column;
  display: flex;
}

.grid-2 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: start;
  display: grid;
}

.grid-2.gap-2em {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
}

.gutter-5em {
  width: 100%;
  height: 5em;
}

.vertical-center {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.horizontal-middle {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.horizontal-middle.gap-footer {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
}

.alignright {
  text-align: right;
}

.vertical-left-between {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.width33 {
  width: 33.3333%;
}

.text-small {
  color: #37413c;
  font-size: 1em;
  line-height: 1.3em;
  text-decoration: none;
}

.horizontal-between-middle {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.vertical-center-between {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.graytxt {
  color: var(--subtxt-gray);
}

.gutter-1em {
  width: 100%;
  height: 1em;
}

.width50 {
  width: 50%;
}

.horizontal-between {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.horizontal-between.width100.btm-1em {
  margin-bottom: 1em;
}

.gutter-3em {
  width: 100%;
  height: 3em;
}

.gap-2em {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
}

.en {
  font-family: Rinter, Arial, sans-serif;
}

.horizontal-left-middle {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.horizontal-left-bottom {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.section-big-nobtm {
  padding-top: 7em;
}

.aligncenter {
  text-align: center;
}

.hero-main {
  z-index: 45;
  background-color: var(--white);
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-json {
  z-index: 2;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: auto;
  height: 100%;
  max-height: 70em;
  position: relative;
  top: auto;
  bottom: 0;
}

.text-hero {
  color: var(--white);
  font-size: 1em;
  line-height: 1.3em;
}

.overflowhidden {
  overflow: hidden;
}

.image-hero {
  width: 100%;
  height: auto;
}

.herotxtbox {
  z-index: 4;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  mix-blend-mode: difference;
  flex-flow: column;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 2em;
}

.text-hero1 {
  color: var(--white);
  font-size: 1.5em;
  line-height: 1.3em;
}

.image-herocover {
  z-index: 2;
  object-fit: cover;
  width: auto;
  height: 100%;
  max-height: 70em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hero-videobox {
  z-index: 1;
  aspect-ratio: 16 / 9;
  width: auto;
  height: 27%;
  position: absolute;
  top: 26.5%;
  left: 50%;
  transform: translate(-50%);
}

.hero-video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.txt-nav {
  color: var(--white);
  text-align: center;
  border-radius: 20em;
  justify-content: center;
  align-items: center;
  height: 2em;
  padding-left: .5em;
  padding-right: .5em;
  font-size: 1em;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.txt-nav:hover, .txt-nav.w--current {
  background-color: #000;
  box-shadow: 2px 2px .5em .2em #ffffff0d;
}

.hamburger {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  border: 1px solid #ffffff26;
  border-radius: 20em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  display: flex;
}

.ham-bar {
  background-color: var(--white);
  width: 40%;
  height: 1px;
}

.nav-bg {
  z-index: 49;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 20em;
  width: 22.5em;
  height: 3em;
  position: fixed;
  top: 1.5em;
  left: 50%;
  transform: translate(-50%);
  box-shadow: inset .1em .15em .5em #fff3;
}

.section-small {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: column;
  padding-top: 3em;
  padding-bottom: 3em;
  display: flex;
}

.section-small.gradient {
  background-image: linear-gradient(0deg, var(--white), var(--background));
}

.hero-titlebox {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}

.cardview-grid {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.cardview-box {
  background-color: #f0eaec;
  border-radius: 1.5em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 10em;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cardview-box.horizontal-between-middle {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.cardview-box._1, .cardview-box._2 {
  justify-content: space-between;
}

.cardview-image {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.cardview-image._1 {
  object-fit: cover;
  object-position: 50% 0%;
  max-height: 5em;
  position: relative;
}

.cardview-image._2 {
  object-position: 100% 50%;
}

.cardview-image._3 {
  width: 5em;
  height: 5em;
  position: relative;
}

.cardview-image._4 {
  width: 7em;
  height: 7em;
  margin-right: 1.5em;
  position: relative;
}

.cardview-image._5 {
  width: 9em;
  height: 6em;
  margin-right: 1.5em;
  position: relative;
}

.cardview-txtbox {
  z-index: 2;
  width: 100%;
  padding: 1em;
  position: relative;
}

.cardview-txtbox._3 {
  background-image: linear-gradient(0deg, #00000040, #0000 35%);
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
}

.cardview-txtbox._4 {
  background-image: linear-gradient(0deg, #ffffff59, #fff0 35%);
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
}

.cardview-txtbox._5 {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  margin-right: auto;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1.5em;
  display: flex;
}

.cardview-txtbox._6 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.cardview-txtbox._7, .cardview-txtbox._8 {
  padding-top: 0;
}

.cardview-txtbox._9 {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  margin-right: auto;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1.5em;
  display: flex;
}

.cardview-txtbox.center {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding-top: 2em;
  padding-bottom: 1.5em;
  display: flex;
}

.txt-cardview {
  color: var(--corsair-black);
  text-align: center;
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1.2em;
}

.txt-cardview.main {
  color: var(--white);
  text-shadow: 0 0 1em #000;
  font-size: 1.75em;
  line-height: 1em;
}

.txt-cardview.whitetxt {
  color: var(--white);
}

.txt-cardview.left {
  text-align: left;
}

.txt-cardview.mini {
  font-size: 1.1em;
}

.txt-cardview._2 {
  text-align: left;
  max-width: 10em;
}

.cardview-link {
  z-index: 3;
  opacity: .5;
  mix-blend-mode: difference;
  width: 2em;
  height: 2em;
  position: absolute;
  inset: .5em .5em auto auto;
}

.cardview-link._1 {
  z-index: 2;
  mix-blend-mode: difference;
  top: auto;
  bottom: .5em;
}

.txt-slogan {
  font-size: 4em;
  font-weight: 700;
  line-height: 1.3em;
}

.txt-sloganlabel {
  color: var(--corsair-red);
  margin-right: 7em;
  font-family: Rinter, Arial, sans-serif;
  font-size: .25em;
  line-height: 1em;
  display: inline-block;
  position: relative;
  top: -1em;
}

.txt-sub {
  max-width: 30em;
  font-size: 1.25em;
  line-height: 1.3em;
  overflow: hidden;
}

.btn-txt {
  background-color: var(--corsair-red);
  color: var(--white);
  text-align: center;
  border-radius: 20em;
  justify-content: center;
  align-items: center;
  height: 2.5em;
  padding-left: 1.25em;
  padding-right: 1.25em;
  display: flex;
}

.btn-txt._1, .btn-txt._2 {
  color: var(--corsair-black);
  background-color: #fff0;
  padding-left: 0;
  padding-right: 0;
}

.btn {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.btn-image {
  width: 1.5em;
  height: 1.5em;
}

.btn-imagebox {
  background-color: var(--corsair-red);
  border-radius: 20em;
  justify-content: center;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
  margin-left: -.75em;
  display: flex;
}

.btn1 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}

.zigsi {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(135deg, #21b7ef, #2fd7a7);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Rinter, Arial, sans-serif;
  line-height: 1em;
}

.adallanalysis {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(135deg, #d56fbd, #487cd2 71%, #7cd3eb);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Rinter, Arial, sans-serif;
  line-height: 1em;
}

.hero-cover {
  z-index: 3;
  aspect-ratio: 16 / 9;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  max-height: 70em;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.devideline {
  background-color: var(--line);
  width: 100%;
  height: 1px;
}

.devideline._1 {
  width: 1px;
  height: auto;
}

.background-video {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.section-sticky {
  z-index: 1;
  width: 100%;
  height: 800vh;
  position: relative;
}

.sticky-area {
  height: 100vh;
  position: sticky;
  top: 0;
}

.sticky-box {
  z-index: 2;
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.image-stickybg {
  z-index: 1;
  filter: brightness(60%);
  object-fit: cover;
  width: 100%;
  height: 100vh;
}

.image-stickybg._1 {
  border-bottom-right-radius: 2em;
  border-bottom-left-radius: 2em;
}

.txt-stickybrand {
  color: var(--white);
  text-align: center;
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1em;
}

.image-sticky {
  z-index: 1;
  object-fit: cover;
  border-radius: 50em;
  width: 20em;
  height: 25em;
}

.image-sticky._2 {
  z-index: 2;
}

.image-sticky._4 {
  z-index: 4;
}

.txt-sticky {
  color: var(--white);
  text-align: center;
  font-family: Rinter, Arial, sans-serif;
  font-size: 1.25em;
  line-height: 1.25em;
}

.sticky-bgbox {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.txt-stickydes {
  color: var(--white);
  text-align: center;
  max-width: 20em;
  font-size: 1.25em;
  line-height: 1.3em;
}

.section-stickyintro {
  z-index: 2;
  width: 100%;
  height: 200vh;
  position: relative;
}

.image-stickyintro {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.sticky-txtbox1 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.txt-stickyintro {
  color: #fff;
  text-align: center;
  font-family: Rinter, Arial, sans-serif;
  font-size: 2em;
  line-height: 1.25em;
}

.vertical-center-center {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cardview-searchbar {
  border: 2px solid var(--corsair-black);
  background-color: var(--white);
  border-radius: 20em;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  padding: .25em .5em .25em .25em;
  display: flex;
}

.image-cardviewsearch {
  width: 2em;
  height: 2em;
}

.image-cardviewsearch._1 {
  width: 1.5em;
  height: 1.5em;
}

.txt-cardviewsearch {
  color: var(--subtxt-gray);
  font-size: 1.25em;
  line-height: 1em;
}

.cardview-cursor {
  background-color: var(--corsair-black);
  width: 1px;
  height: 1.25em;
}

.image-searvices {
  width: auto;
  height: 5em;
  margin-left: -1.7em;
}

.image-searvices._1 {
  z-index: 2;
  margin-left: 0;
  position: relative;
}

.services-iconbox {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.txt-title {
  font-size: 5em;
  font-weight: 700;
  line-height: 1em;
}

.txt-subtitle {
  max-width: 30em;
  font-size: 1.25em;
  line-height: 1.3em;
}

.txt-subtitle.aligncenter {
  line-height: 1.5em;
}

.div-block-1 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 3em;
  display: grid;
}

.txt-services {
  text-transform: uppercase;
  font-family: Rinter, Arial, sans-serif;
  font-size: 1.5em;
  line-height: 1em;
}

.txt-servicessub {
  margin-left: 1.5em;
  font-size: 1.25em;
  line-height: 1em;
}

.graytxt1 {
  color: var(--line);
}

.image-23 {
  width: 1.25em;
  height: 1.25em;
}

.sticky-txtbx {
  z-index: 2;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.sticky-inbox {
  z-index: 1;
  background-color: #000;
  position: absolute;
  inset: 0%;
}

.sticky-inbox._6 {
  z-index: 6;
}

.sticky-inbox._5 {
  z-index: 5;
}

.sticky-inbox._4 {
  z-index: 4;
}

.sticky-inbox._3 {
  z-index: 3;
}

.sticky-inbox._2 {
  z-index: 2;
}

.sticky-inbox._1 {
  background-color: #0000;
}

.sticky-inbox._7 {
  z-index: 7;
}

.client {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.client._1 {
  justify-content: flex-end;
  align-items: center;
}

.client-inbox {
  justify-content: flex-start;
  align-items: center;
  width: 262em;
  min-width: 262em;
  display: flex;
}

.image-client {
  border: 1px solid var(--background);
  border-radius: 1em;
  width: 11em;
  height: auto;
  margin-right: 1em;
  padding: 1em;
}

.section-client {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  width: 100%;
  padding-top: 6em;
  display: flex;
  overflow: hidden;
}

.client-inbox1 {
  justify-content: flex-start;
  align-items: center;
  width: 262em;
  min-width: 262em;
  display: flex;
}

.txt-cta {
  text-align: center;
  letter-spacing: -.05em;
  font-family: Rinter, Arial, sans-serif;
  font-size: 6em;
  line-height: 1em;
  transition: color 1s;
}

.txt-cta:hover {
  color: var(--corsair-red);
}

.image-24 {
  width: auto;
  height: 3em;
}

.txt-foot {
  font-family: Rinter, Arial, sans-serif;
  font-size: 1em;
  line-height: 1em;
}

.section-footer {
  padding-top: 10em;
  padding-bottom: 2em;
}

.horizontal-stack-center {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.horizontal-stack-center.gap-footer {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
}

.hero-btmtxt {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: space-between;
  display: flex;
}

.image-herodarkmodebg {
  z-index: 1;
  filter: brightness(241%);
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.scrollbox {
  max-height: 20em;
  padding: 1em;
  overflow: auto;
}

.btn-modalclose {
  background-color: #fff;
  border-radius: 20em;
  justify-content: center;
  align-items: center;
  height: 2.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-size: 1em;
  line-height: 1em;
  display: flex;
}

.btn-modalclose._3 {
  color: var(--white);
  cursor: pointer;
  background-color: #ffffff1a;
}

.txt-footlink {
  font-family: Rinter, Arial, sans-serif;
  font-size: 1em;
  line-height: 1em;
}

.txt-footlink.aligncenter {
  cursor: pointer;
}

.txt-sticky1 {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  color: var(--white);
  text-align: center;
  background-color: #ffffff1a;
  border-radius: 20em;
  justify-content: center;
  align-items: center;
  height: 2em;
  padding-top: .1em;
  padding-left: 1em;
  padding-right: 1em;
  font-family: Rinter, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.25em;
  display: flex;
  box-shadow: inset 2px 2px .5em #fff3;
}

.image-cardview {
  width: auto;
  height: 2.5em;
}

.text-block-44 {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--white);
  text-align: center;
  background-color: #ffffff1a;
  border-radius: 20em;
  justify-content: center;
  align-items: center;
  height: 2.5em;
  padding-left: 1em;
  padding-right: 1em;
  font-family: Rinter, Arial, sans-serif;
  display: flex;
  position: absolute;
  inset: auto auto 2em 50%;
  transform: translate(-50%);
  box-shadow: inset 2px 2px 8px #fff3;
}

.nav-dropdownbox {
  z-index: 2;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #f5f1f2cc;
  border-radius: 2em;
  flex-flow: column;
  width: 15em;
  padding: 1em;
  display: flex;
  overflow: hidden;
}

.link-dropdown {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  background-color: var(--white);
  color: var(--corsair-black);
  border-radius: 1.5em;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 2.5em;
  padding-left: 1em;
  padding-right: 1em;
  font-family: Rinter, Arial, sans-serif;
  font-size: 1em;
  line-height: 1em;
  text-decoration: none;
  transition: color .4s, background-color .4s;
  display: flex;
  overflow: hidden;
}

.link-dropdown:hover {
  background-color: var(--corsair-red);
  color: var(--white);
}

.link-dropdown._1 {
  justify-content: center;
}

.nav-dropdown {
  z-index: 51;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 5em;
  display: none;
  position: fixed;
  inset: 0%;
}

.nav-dropdownbg {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.txt-icon {
  opacity: .35;
  font-family: Suit, Arial, sans-serif;
}

.zigsi-ai {
  z-index: 44;
  display: none;
  position: fixed;
  inset: auto 1.5em 1.5em auto;
}

.image-26 {
  z-index: 2;
  width: 3em;
  height: 3em;
  position: absolute;
  inset: .25em 0% 0% .25em;
}

.div-block-115 {
  filter: saturate(200%) blur(1em);
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(225deg, #18b5fb 25%, #fff 40% 60%, #00da99 70%);
  background-clip: border-box;
  border-radius: 50em;
  width: 3.5em;
  height: 3.5em;
}

.section-contact {
  justify-content: center;
  align-items: center;
  padding-top: 12.5em;
  padding-bottom: 12.5em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-contactbg {
  z-index: 1;
  opacity: .1;
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  max-width: 1800px;
  height: 100%;
  position: absolute;
  inset: 0% auto;
}

.txt-contact {
  text-align: center;
  font-family: Rinter, Arial, sans-serif;
  font-size: 6em;
  font-weight: 700;
  line-height: 1em;
}

.txt-contactlabel {
  color: var(--corsair-red);
  font-family: Rinter, Arial, sans-serif;
  font-size: 1em;
  line-height: 1em;
}

.contactbubble {
  color: var(--white);
  text-align: center;
  background-color: #ffe5eb;
  border-radius: 20em;
  justify-content: center;
  align-items: center;
  width: 5em;
  height: 5em;
  display: flex;
}

.section-notop {
  width: 100%;
  padding-bottom: 10em;
}

.div-block-116 {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  display: flex;
}

.txt-contactsub {
  max-width: 30em;
  font-size: 1em;
  line-height: 1.75em;
}

.form-block {
  width: 60%;
  margin-bottom: 0;
}

.text-field {
  background-color: var(--background);
  color: var(--corsair-black);
  border: 1px #000;
  border-radius: 1em;
  width: 100%;
  height: 3em;
  margin-bottom: 0;
  padding: 0 1em 0 1.5em;
  font-size: 1.25em;
  line-height: 1em;
}

.text-field::placeholder {
  color: #c7c4c4;
}

.formbox {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-area {
  background-color: var(--background);
  color: var(--corsair-black);
  border: 1px #000;
  border-radius: 1em;
  width: 100%;
  min-height: 10em;
  margin-bottom: 0;
  padding: 1em 1em 0 1.5em;
  font-size: 1.25em;
  line-height: 1.3em;
}

.text-area::placeholder {
  color: #c7c4c4;
}

.relative {
  position: relative;
}

.dot {
  z-index: 2;
  background-color: var(--corsair-red);
  border-radius: 2em;
  width: .5em;
  height: .5em;
  position: absolute;
  inset: 0 0 auto auto;
}

.horizontal-between-invert {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.txt-formalert {
  background-color: #ffe5ea;
  border-radius: 20em;
  justify-content: center;
  align-items: center;
  height: 2.5em;
  padding-left: 1.4em;
  padding-right: 1.4em;
  font-size: 1em;
  line-height: 1.3em;
  display: flex;
}

.formarea {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-27 {
  width: 3em;
  height: 3em;
}

.canvas {
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.hero-rotate-item {
  z-index: 25;
  border-radius: 1em;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 2px 2px 1.5em 0 #0003;
}

.mkthero {
  z-index: 10;
  height: 95vh;
  position: relative;
  overflow: visible;
}

.hero-rotate-base {
  z-index: 50;
  perspective: 200vw;
  width: 35%;
  max-width: 35em;
  height: 100%;
  position: absolute;
}

.mkthero-box {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.hero-rotate-image {
  z-index: 25;
  perspective: 200vw;
  border-radius: .875rem;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0%;
  display: flex;
  position: relative;
  overflow: visible;
  transform: perspective(200vw);
}

.img-marketinghero {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: relative;
}

.img-marketinghero._1 {
  z-index: 2;
  transition: opacity .2s;
  position: absolute;
}

.img-marketinghero._1:hover {
  opacity: 0;
}

.txt-mktherohint {
  background-color: #00000012;
  border-radius: 20em;
  justify-content: center;
  align-items: center;
  height: 2em;
  margin-bottom: 2em;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 1em;
  display: flex;
}

.mkthero-txtbox {
  z-index: 1;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 6.5em;
  padding-bottom: 4em;
  display: flex;
  position: absolute;
  inset: 0%;
}

.txt-mkt {
  color: var(--line);
  text-align: center;
  letter-spacing: -.06em;
  font-size: 2.5em;
  font-weight: 600;
  line-height: 1.3em;
}

.text-block-169 {
  letter-spacing: -.07em;
  font-family: Rinter, Arial, sans-serif;
  font-size: 10em;
  line-height: 1em;
}

.image-mkt {
  width: auto;
  height: 6em;
}

.txt-impact {
  border-bottom: .05em solid var(--corsair-black);
  color: var(--corsair-black);
}

.section-spectrum {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  background-color: var(--background);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 15em;
  padding-bottom: 15em;
  display: flex;
  overflow: hidden;
}

.txt-spectrum {
  color: var(--line);
  letter-spacing: -.06em;
  font-family: Rinter, Arial, sans-serif;
  font-size: 6em;
  line-height: 1em;
}

._1250 {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 95%;
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

._1250.gap-spectrum {
  grid-column-gap: 1.5em;
  grid-row-gap: .5em;
}

.txt-spectrumbubble {
  border: 1px solid var(--corsair-black);
  border-radius: 20em;
  justify-content: center;
  align-items: center;
  height: 2em;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 1.25em;
  line-height: 1em;
  display: flex;
}

._30em {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 95%;
  max-width: 30em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.txt-mktrolling {
  text-align: left;
  letter-spacing: -.07em;
  white-space: nowrap;
  width: auto;
  font-size: 5em;
  font-weight: 600;
  line-height: 1.3em;
}

.txt-mktrolling._2 {
  text-align: right;
}

.mktrolling {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.mktrolling._1 {
  justify-content: flex-start;
  align-items: flex-end;
}

.txt-data {
  color: var(--corsair-black);
  padding-top: .05em;
  font-family: Rinter, Arial, sans-serif;
  font-size: 7em;
  line-height: 1em;
}

.txt-datadesc {
  text-align: center;
  font-size: 1.5em;
  line-height: 1.3em;
}

.image-shine {
  z-index: 20;
  aspect-ratio: 1;
  opacity: .7;
  width: 100%;
  height: auto;
  position: absolute;
}

.mktsticky {
  width: 100%;
  height: 700vh;
  position: relative;
}

.mktsticky-bg {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.image-mktsticky {
  z-index: 10;
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-mktsticky._9 {
  z-index: 9;
}

.image-mktsticky._8 {
  z-index: 8;
}

.image-mktsticky._7 {
  z-index: 7;
}

.image-mktsticky._6 {
  z-index: 6;
}

.image-mktsticky._5 {
  z-index: 5;
}

.image-mktsticky._4 {
  z-index: 4;
}

.image-mktsticky._3 {
  z-index: 3;
}

.mktsticky-txt {
  z-index: 2;
  background-color: #0003;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.mktsticky-grain {
  z-index: 11;
  opacity: .04;
  background-image: url('../images/Grain.gif');
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100%;
  position: relative;
}

.text-block-170 {
  color: var(--white);
  text-align: center;
  font-family: Rinter, Arial, sans-serif;
  font-size: 3em;
  line-height: 1em;
}

.section-mktsticky {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1600px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mktsticky-txtbox {
  height: 65vh;
}

.mktsticky-txtbox._1 {
  flex-flow: row-reverse;
  display: flex;
}

.text-block-171 {
  color: var(--white);
  font-size: 1em;
  line-height: 1em;
}

.text-block-172 {
  color: var(--white);
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.3em;
}

.text-block-173 {
  color: var(--white);
  font-size: 1.25em;
  line-height: 1.3em;
}

.image-29 {
  object-fit: cover;
  border-radius: .5em;
  width: auto;
  height: 10em;
  margin-top: .5em;
  margin-bottom: .5em;
  margin-left: auto;
}

.image-29._1 {
  margin-left: 0;
}

.text-block-174 {
  color: var(--background);
  font-family: Rinter, Arial, sans-serif;
  font-size: 10em;
  line-height: 1em;
}

.text-block-175 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--background);
  background-color: #ffffff1a;
  border: 1px solid #ffffff24;
  border-radius: 20em;
  justify-content: center;
  align-items: center;
  height: 2em;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 1.2em;
  line-height: 1em;
  display: flex;
}

.section-mktsticky1 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1600px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-mktsticky1.gap-1em {
  position: sticky;
  top: 0;
}

@media screen and (max-width: 991px) {
  body {
    font-size: 10px;
  }

  .text-field-5 {
    border-radius: 10px;
    height: 40px;
    font-size: 1em;
  }

  .div-block-16 {
    min-height: 250px;
  }

  .slide-4 {
    border-radius: 15px;
  }

  ._2023body {
    font-size: 10px;
  }

  .div-block-42 {
    border-width: 4em;
    border-radius: 6em;
  }

  .navbar_link {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    border-bottom: 1px solid #e7eeee;
    border-right-style: none;
    max-height: none;
    padding-top: 3rem;
    padding-bottom: 3rem;
    overflow: visible;
  }

  .home-faq-top {
    grid-template-columns: 2rem 1fr auto;
  }

  .div-block-49 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .div-block-50 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 15px;
  }

  .gift, .div-block-51 {
    border-radius: 15px;
  }

  .nav-2 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .field-label-2 {
    font-size: 1.3em;
  }

  ._1120.horizontal {
    flex-direction: column;
  }

  .hero {
    padding-top: 100px;
  }

  .inner-swipe {
    display: none;
  }

  .maintxt._2, .subtxt.left {
    text-align: center;
  }

  .text-block-22 {
    font-size: 1.3em;
  }

  .devide {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .div-block-55 {
    border-radius: 15px;
  }

  .submit-button-5 {
    margin-top: 20px;
    padding: 12px 25px;
    font-size: 1.3em;
  }

  .div-block-56 {
    border-radius: 15px;
  }

  .div-block-57 {
    width: 100%;
  }

  .div-block-58 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .div-block-59 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 15px;
  }

  .div-block-63 {
    width: 50px;
    height: 50px;
  }

  .div-block-110 {
    border-radius: 15px;
  }

  .text-block-27 {
    font-size: 1.6em;
  }

  .div-block-69 {
    padding: 12px;
  }

  .div-block-69._3 {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
  }

  .text-block-29 {
    width: 60px;
    height: 60px;
    font-size: 1em;
  }

  .div-block-101 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .div-block-100 {
    width: 100%;
  }

  .div-block-99 {
    border-radius: 15px;
  }

  .text-block-30 {
    font-size: 1.6em;
  }

  .div-block-94 {
    border-radius: 15px;
  }

  .div-block-91 {
    width: 100%;
  }

  .button-11 {
    padding: 4px 15px;
  }

  .div-block-88 {
    border-radius: 15px;
  }

  .div-block-85 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .div-block-80 {
    border-radius: 15px;
  }

  .div-block-79, .div-block-77 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .div-block-76 {
    width: 100%;
  }

  .div-block-74 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-72 {
    border-radius: 15px;
    padding: 40px;
  }

  .div-block-48 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: center;
  }

  .div-block-38 {
    border-radius: 15px;
  }

  .button-14 {
    font-size: 1.6em;
  }

  .div-block-113 {
    border-radius: 15px;
  }

  .eventbody {
    font-size: 10px;
  }

  .macy-container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .bubble {
    margin-bottom: 2.5vw;
    right: 2.5vw;
  }

  .languagesector {
    justify-content: center;
    align-items: center;
  }

  .txt-cardview {
    font-size: 1.15em;
  }

  .txt-slogan {
    font-size: 3em;
  }

  .txt-title {
    font-size: 3.5em;
  }

  .txt-cta {
    font-size: 4em;
  }

  .section-contact {
    padding-top: 10em;
    padding-bottom: 10em;
  }

  .txt-contact {
    font-size: 3em;
  }

  .contactbubble {
    width: 2.5em;
    height: 2.5em;
    font-size: 1em;
  }

  .image-27 {
    width: 1.5em;
    height: 1.5em;
  }

  .mkthero {
    height: auto;
  }

  .hero-rotate-base {
    width: 30em;
  }

  .mkthero-box {
    position: absolute;
    inset: 0%;
  }

  .mkthero-txtbox {
    grid-column-gap: 10em;
    grid-row-gap: 10em;
    position: relative;
  }

  .txt-mkt {
    font-size: 2em;
  }

  .image-mkt {
    height: 5em;
  }

  .txt-spectrum {
    font-size: 4em;
  }

  .txt-mktrolling {
    font-size: 3em;
  }

  .txt-data {
    font-size: 5em;
  }

  .txt-datadesc {
    font-size: 1.25em;
  }

  .text-block-174 {
    font-size: 8em;
  }
}

@media screen and (max-width: 767px) {
  .preloader {
    width: 100vw;
    height: 100vh;
  }

  .div-block-12 {
    background-repeat: no-repeat;
    background-size: 70px 70px;
    width: 70px;
  }

  .div-block-13 {
    width: 70px;
    height: 70px;
  }

  .div-block-14 {
    background-repeat: no-repeat;
    background-size: 70px 70px;
    width: 70px;
    height: 70px;
  }

  .text-field-5 {
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1em;
  }

  .div-block-16 {
    flex-direction: column;
  }

  .modal-box {
    background-color: #fff6;
    max-width: 35em;
    max-height: 40em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }

  ._1600.horizontal-data {
    flex-flow: column;
  }

  ._2023body {
    font-size: 12px;
  }

  .hamburger-2 {
    display: flex;
    position: relative;
    inset: 0 0% 0 0;
  }

  .div-block-42 {
    border-width: 1em;
    border-radius: 2em;
  }

  .text-block-17 {
    font-size: 7em;
  }

  .text-block-18 {
    font-size: 1.5em;
  }

  .navbar_link {
    padding: 1.5rem;
  }

  .home-faq-top {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    grid-template-columns: 1fr auto;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .div-block-50 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    padding: 16px;
  }

  .div-block-51 {
    width: 100%;
  }

  .div-block-52 {
    position: relative;
  }

  .slide-next.mobile-next {
    width: 100%;
    height: 100%;
  }

  .slide-next.desktop-arrow {
    display: none;
  }

  ._1120.btm {
    width: 95%;
  }

  .hero {
    padding-top: 90px;
  }

  .inner-swipe {
    z-index: 1;
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 100%;
    display: grid;
    position: absolute;
    top: 0;
    left: 0;
  }

  .maintxt {
    font-size: 3em;
  }

  .slide-item {
    border-radius: 0;
    transform: scale(1);
  }

  .slide-container {
    overflow: hidden;
  }

  .mobile-38 {
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    display: block;
  }

  .pc-38 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    padding-top: 100px;
    padding-bottom: 100px;
    display: none;
  }

  .slide-prev.mobile-prev {
    width: 100%;
    height: 100%;
  }

  .slide-prev.desktop-arrow {
    display: none;
  }

  .slide-item-wrapper {
    border-radius: 0;
    min-width: 80vw;
  }

  ._25._2 {
    display: none;
  }

  ._25._1 {
    width: auto;
  }

  .wrapper1 {
    overflow: hidden;
  }

  .text-block-22 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    flex-direction: column;
    align-items: center;
    padding: 12px 30px;
  }

  .text-block-24 {
    font-size: 1.3em;
  }

  .div-block-57 {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
    padding-top: .8em;
  }

  .text-block-25 {
    font-size: 1.3em;
  }

  .div-block-59 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    padding: 16px;
  }

  .div-block-63 {
    width: 40px;
    height: 40px;
    margin-top: -10px;
    margin-bottom: -10px;
  }

  .div-block-110 {
    width: 100%;
  }

  .div-block-109 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    display: flex;
  }

  .div-block-107 {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 5em;
  }

  .image-9 {
    width: 80%;
    margin-top: -5%;
  }

  .div-block-99 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    padding: 12px;
  }

  .div-block-92 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    display: flex;
  }

  .div-block-112 {
    width: 100%;
    height: auto;
    padding-right: 0;
  }

  .div-block-112._1 {
    padding-left: 0;
  }

  .button-12 {
    padding: 8px 15px 10px;
    font-size: 1.3em;
  }

  .image-11._1 {
    display: none;
  }

  .text-block-31 {
    font-size: 2em;
  }

  .tab-link-tab-1-3 {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .div-block-87 {
    height: auto;
  }

  .div-block-85 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-83.purple, .div-block-83._3 {
    overflow: hidden;
  }

  .checkbox-6 {
    width: 24px;
    height: 24px;
  }

  .text-block-32 {
    margin-top: 10px;
  }

  .text-field-11 {
    height: 50px;
  }

  .div-block-75, .div-block-73 {
    height: auto;
  }

  .div-block-71 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr;
  }

  .text-block-35, .text-block-35.white, .text-block-35.big {
    font-size: 1em;
  }

  .text-block-36 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .eventbody {
    font-size: 12px;
  }

  .macy-container {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .text-block-38 {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 5.5em;
    height: 5.5em;
    padding: 1em;
    line-height: 1.3em;
    display: flex;
  }

  .languagesector {
    justify-content: center;
    align-items: center;
  }

  .vertical {
    flex-flow: row;
  }

  .grid-3 {
    grid-template-columns: 1fr;
  }

  .vertical-left.width33, .button.middle1 {
    width: 100%;
  }

  .horizontal {
    flex-flow: column;
  }

  .horizontal-between-bottom {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .grid-4 {
    grid-template-columns: 1fr;
  }

  .vertical-right.width33 {
    width: 100%;
  }

  .grid-2 {
    grid-template-columns: 1fr;
  }

  .hero-main {
    height: auto;
    padding-top: 2em;
  }

  .hero-json {
    justify-content: center;
    align-items: flex-end;
    width: 150%;
    min-width: 150%;
    height: auto;
    min-height: auto;
    margin-left: -25%;
    display: flex;
  }

  .text-hero1 {
    text-align: center;
  }

  .cardview-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .cardview-image._4 {
    width: 6em;
    height: 6em;
  }

  .hero-cover {
    width: 150%;
    min-width: 150%;
    height: auto;
    margin-left: -25%;
  }

  .section-sticky {
    height: 700vh;
  }

  .image-stickybg._1 {
    object-position: 35% 50%;
  }

  .image-stickybg._2 {
    object-position: 70% 50%;
  }

  .image-stickybg._3 {
    object-position: 60% 50%;
  }

  .div-block-1 {
    grid-row-gap: 4em;
    grid-template-columns: 1fr 1fr;
  }

  .scrollbox {
    max-height: 31em;
  }

  .txt-contact {
    font-size: 2.5em;
  }

  .contactbubble {
    width: 2.25em;
    height: 2.25em;
    font-size: .9em;
  }

  .div-block-116, .form-block {
    width: 100%;
  }

  .horizontal-between-invert {
    flex-flow: column-reverse;
  }

  .formarea {
    flex-flow: column;
  }

  .image-27 {
    width: 1.25em;
    height: 1.25em;
  }

  .mkthero {
    height: auto;
  }

  .txt-mkt {
    font-size: 1.5em;
  }

  .image-mkt {
    height: 4em;
  }

  .txt-spectrum {
    font-size: 3em;
  }

  .txt-data {
    font-size: 4em;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: 12px;
  }

  .company-subtitle {
    width: 90%;
  }

  .div-block-12 {
    background-repeat: no-repeat;
    background-size: 70px 70px;
    width: 70px;
  }

  .div-block-13 {
    width: 70px;
    height: 70px;
  }

  .div-block-14 {
    background-repeat: no-repeat;
    background-size: 70px 70px;
    width: 70px;
    height: 70px;
  }

  .text-field-5 {
    height: 40px;
    font-size: 1em;
  }

  .txt-privacypolicy {
    font-size: 1em;
  }

  .navbar_link {
    padding: 1.25rem;
  }

  .div-block-50 {
    padding: 12px;
  }

  .gift {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 100%;
    padding: 12px;
  }

  .inner-swipe {
    position: absolute;
  }

  .wrapper1 {
    width: 100%;
    height: 100%;
  }

  .text-block-22 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    flex-direction: column;
    align-items: center;
    font-size: 1.1em;
  }

  ._112 {
    margin-left: 3px;
    padding-bottom: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-55 {
    margin-top: 20px;
  }

  .submit-button-5 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-23 {
    font-size: 1.1em;
  }

  .div-block-57 {
    flex-direction: column;
    align-items: center;
  }

  .div-block-59 {
    padding: 12px;
  }

  .div-block-60 {
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-63 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .text-block-28 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-107 {
    padding-bottom: 3em;
  }

  .div-block-69 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-69._7 {
    padding-left: 4px;
  }

  .tabs-menu-6 {
    flex-wrap: wrap;
    display: flex;
  }

  .text-block-29 {
    width: 50px;
    height: 50px;
    font-size: .9em;
    top: -8px;
    right: -8px;
  }

  .image-9 {
    width: 85%;
    margin-top: 0%;
  }

  .div-block-101 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .form-6 {
    width: 100%;
  }

  .div-block-92 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    display: flex;
  }

  .tab-link-tab-1-3 {
    text-align: center;
    width: 50%;
  }

  .div-block-88 {
    padding: 12px;
  }

  .checkbox-6 {
    min-width: 24px;
    min-height: 24px;
  }

  .div-block-79 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .div-block-72 {
    padding: 30px 20px;
  }

  .link-7 {
    margin-left: 2px;
  }

  .button-14 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-113 {
    margin-top: 20px;
  }

  .eventbody {
    font-size: 10px;
  }

  .div-block-15 {
    flex-flow: column;
  }

  .macy-container {
    grid-template-columns: 1fr 1fr;
  }

  .card1 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    width: 100%;
    height: 30dvh;
  }

  .languagesector {
    display: none;
  }

  .horizontal-middle.gap-footer {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .hero-main {
    height: auto;
    padding-top: 17em;
  }

  .hero-json {
    width: 200%;
    min-width: 200%;
    margin-left: 0%;
    left: 0;
    right: 0;
  }

  .text-hero {
    text-align: center;
  }

  .herotxtbox {
    flex-flow: column-reverse;
    justify-content: space-between;
    height: 100%;
    padding-top: 6em;
    padding-bottom: 1em;
    bottom: 0;
  }

  .text-hero1 {
    font-size: 1.25em;
  }

  .hero-titlebox {
    flex-flow: column-reverse;
  }

  .cardview-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .cardview-box {
    min-height: 12.5em;
  }

  .cardview-box._20 {
    min-height: 20em;
  }

  .cardview-box._3 {
    min-height: 25em;
  }

  .cardview-image._1 {
    height: auto;
    max-height: 7.5em;
  }

  .cardview-image._4 {
    width: 5em;
    height: 5em;
  }

  .cardview-image._5 {
    width: 12em;
    height: 8em;
  }

  .cardview-txtbox._8 {
    width: auto;
  }

  .cardview-txtbox._9 {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 1em;
  }

  .txt-cardview.main {
    font-size: 1.5em;
  }

  .txt-cardview.mini {
    font-size: .85em;
  }

  .txt-cardview._1 {
    font-size: 1em;
  }

  .txt-cardview._2 {
    color: var(--white);
    text-align: center;
    text-shadow: 0 0 6px #2e2b7c;
  }

  .txt-slogan {
    font-size: 2.25em;
  }

  .txt-sloganlabel {
    margin-right: 5em;
    font-size: .35em;
  }

  .hero-cover {
    width: 200%;
    min-width: 200%;
    margin-left: -50%;
  }

  .background-video {
    border-radius: 1.5em;
  }

  .txt-stickybrand {
    font-size: 2em;
  }

  .txt-stickyintro {
    font-size: 1.75em;
  }

  .txt-cardviewsearch {
    display: none;
  }

  .txt-title {
    font-size: 2.5em;
  }

  .div-block-1 {
    grid-template-columns: 1fr;
  }

  .txt-cta {
    font-size: 3em;
  }

  .horizontal-stack-center.gap-footer {
    grid-column-gap: 1.5em;
    grid-row-gap: .5em;
  }

  .hero-btmtxt {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    flex-flow: column;
    align-items: center;
  }

  .hero-rotate-base {
    width: 80%;
    max-width: 21em;
  }

  .txt-mktrolling {
    font-size: 2em;
  }
}

#w-node-cdd1c002-c67d-d5d5-58c8-2771670a5898-45bb59fc {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_1bf8873d-d75e-10e5-190a-c9a057fff239-45bb59fc, #w-node-_6bc62ac1-baa9-31ac-6f98-ef9eeb67d867-45bb59fc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a4c83c27-d331-4813-edf5-32d7a4622620-45bb59fc, #w-node-a92f2fb0-f26d-f135-e229-dd0250de092d-45bb59fc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b0e6450a-c28e-5bf9-ec4f-0767e736fc8e-45bb59fc {
  grid-area: span 3 / span 4 / span 3 / span 4;
}

#w-node-ac70630d-5199-865f-5e52-9f53eda99c1f-45bb59fc {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_93fe1dc6-26fb-f8c9-386f-888281979bfa-45bb59fc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_87292ef8-ff2c-769b-231d-3c224f6d78ac-45bb59fc {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_9078e617-b7ee-677d-ad45-9e278bd5714d-45bb59fc, #w-node-_63ed8050-8075-2ac7-750e-46d7d6bd1c07-45bb59fc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-bb3731c6-4686-0d94-2f36-93db2191ccfd-45bb59fc, #w-node-_01c456ca-5012-c658-c130-35eaa49714f5-45bb59fc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e8edaee3-49de-96cc-503d-62a3c9b4f5e7-45bb59fc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8a553ab4-7d16-401c-15d7-d6c964dc5ed0-d9522f84, #w-node-_8a553ab4-7d16-401c-15d7-d6c964dc5ed1-d9522f84, #w-node-_8a553ab4-7d16-401c-15d7-d6c964dc5ed4-d9522f84, #w-node-_8a553ab4-7d16-401c-15d7-d6c964dc5ed7-d9522f84, #w-node-_8a553ab4-7d16-401c-15d7-d6c964dc5eda-d9522f84, #w-node-_8a553ab4-7d16-401c-15d7-d6c964dc5edd-d9522f84, #w-node-_8a553ab4-7d16-401c-15d7-d6c964dc5ee0-d9522f84, #w-node-_8a553ab4-7d16-401c-15d7-d6c964dc5ee1-d9522f84, #w-node-_8a553ab4-7d16-401c-15d7-d6c964dc5ee4-d9522f84, #w-node-_8a553ab4-7d16-401c-15d7-d6c964dc5ee7-d9522f84, #w-node-_8a553ab4-7d16-401c-15d7-d6c964dc5eea-d9522f84, #w-node-_8a553ab4-7d16-401c-15d7-d6c964dc5eed-d9522f84, #w-node-_8a553ab4-7d16-401c-15d7-d6c964dc5ef0-d9522f84, #w-node-_8a553ab4-7d16-401c-15d7-d6c964dc5ef1-d9522f84, #w-node-_8a553ab4-7d16-401c-15d7-d6c964dc5ef4-d9522f84, #w-node-_8a553ab4-7d16-401c-15d7-d6c964dc5ef7-d9522f84, #w-node-_8a553ab4-7d16-401c-15d7-d6c964dc5efa-d9522f84, #w-node-_8a553ab4-7d16-401c-15d7-d6c964dc5efd-d9522f84, #w-node-_8ea3cc79-8ea1-b00b-02f4-143041ae50b0-d9522f84, #w-node-_8ea3cc79-8ea1-b00b-02f4-143041ae50b1-d9522f84, #w-node-_8ea3cc79-8ea1-b00b-02f4-143041ae50b4-d9522f84, #w-node-_8ea3cc79-8ea1-b00b-02f4-143041ae50b7-d9522f84, #w-node-_8ea3cc79-8ea1-b00b-02f4-143041ae50ba-d9522f84, #w-node-_8ea3cc79-8ea1-b00b-02f4-143041ae50bd-d9522f84, #w-node-_8ea3cc79-8ea1-b00b-02f4-143041ae50c0-d9522f84, #w-node-_8ea3cc79-8ea1-b00b-02f4-143041ae50c1-d9522f84, #w-node-_8ea3cc79-8ea1-b00b-02f4-143041ae50c4-d9522f84, #w-node-_8ea3cc79-8ea1-b00b-02f4-143041ae50c7-d9522f84, #w-node-_8ea3cc79-8ea1-b00b-02f4-143041ae50ca-d9522f84, #w-node-_8ea3cc79-8ea1-b00b-02f4-143041ae50cd-d9522f84, #w-node-_8ea3cc79-8ea1-b00b-02f4-143041ae50d0-d9522f84, #w-node-_8ea3cc79-8ea1-b00b-02f4-143041ae50d1-d9522f84, #w-node-_8ea3cc79-8ea1-b00b-02f4-143041ae50d4-d9522f84, #w-node-_8ea3cc79-8ea1-b00b-02f4-143041ae50d7-d9522f84, #w-node-_8ea3cc79-8ea1-b00b-02f4-143041ae50da-d9522f84, #w-node-_8ea3cc79-8ea1-b00b-02f4-143041ae50dd-d9522f84, #w-node-_8a553ab4-7d16-401c-15d7-d6c964dc5f73-d9522f84, #w-node-_8a553ab4-7d16-401c-15d7-d6c964dc5f7a-d9522f84, #w-node-_8a553ab4-7d16-401c-15d7-d6c964dc5f81-d9522f84, #w-node-_8a553ab4-7d16-401c-15d7-d6c964dc5f88-d9522f84, #w-node-_8a553ab4-7d16-401c-15d7-d6c964dc5f8f-d9522f84, #w-node-_8a553ab4-7d16-401c-15d7-d6c964dc5f96-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53ee2-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53ee4-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53ee6-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53ee8-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53eea-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53eec-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53eee-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53ef0-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53ef2-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53ef4-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53ef6-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53ef8-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53efa-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53efc-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53efe-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53f00-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53f02-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53f04-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53f06-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53f08-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53f0a-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53f0c-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53f0e-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53f10-d9522f84, #w-node-_4f141c7b-e244-2a8a-ec0b-babcadb53f12-d9522f84 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c2a12782-d7bb-a630-4b62-e488ccd694e2-a01a205c {
  grid-area: 1 / 1 / 2 / 4;
}

@media screen and (max-width: 767px) {
  #w-node-cdd1c002-c67d-d5d5-58c8-2771670a5898-45bb59fc, #w-node-_6bc62ac1-baa9-31ac-6f98-ef9eeb67d867-45bb59fc {
    grid-column: span 2 / span 2;
  }

  #w-node-a4c83c27-d331-4813-edf5-32d7a4622620-45bb59fc {
    grid-row: span 1 / span 1;
  }

  #w-node-a92f2fb0-f26d-f135-e229-dd0250de092d-45bb59fc {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0efa7007-5378-899e-fee3-f4d93ac48fee-45bb59fc {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-b0e6450a-c28e-5bf9-ec4f-0767e736fc8e-45bb59fc {
    grid-area: span 2 / span 3 / span 2 / span 3;
  }

  #w-node-ac70630d-5199-865f-5e52-9f53eda99c1f-45bb59fc {
    grid-row: span 2 / span 2;
  }

  #w-node-_87292ef8-ff2c-769b-231d-3c224f6d78ac-45bb59fc {
    grid-area: span 3 / span 2 / span 3 / span 2;
  }

  #w-node-bb3731c6-4686-0d94-2f36-93db2191ccfd-45bb59fc {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-cdd1c002-c67d-d5d5-58c8-2771670a5898-45bb59fc, #w-node-_1bf8873d-d75e-10e5-190a-c9a057fff239-45bb59fc, #w-node-_6bc62ac1-baa9-31ac-6f98-ef9eeb67d867-45bb59fc {
    grid-column: span 3 / span 3;
  }

  #w-node-_0efa7007-5378-899e-fee3-f4d93ac48fee-45bb59fc {
    grid-row: span 1 / span 1;
  }

  #w-node-ac70630d-5199-865f-5e52-9f53eda99c1f-45bb59fc {
    grid-column: span 3 / span 3;
  }

  #w-node-_93fe1dc6-26fb-f8c9-386f-888281979bfa-45bb59fc {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_87292ef8-ff2c-769b-231d-3c224f6d78ac-45bb59fc {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_9078e617-b7ee-677d-ad45-9e278bd5714d-45bb59fc {
    grid-column: span 1 / span 1;
  }

  #w-node-_63ed8050-8075-2ac7-750e-46d7d6bd1c07-45bb59fc, #w-node-bb3731c6-4686-0d94-2f36-93db2191ccfd-45bb59fc {
    grid-column: span 2 / span 2;
  }

  #w-node-_01c456ca-5012-c658-c130-35eaa49714f5-45bb59fc {
    grid-column: span 1 / span 1;
  }

  #w-node-e8edaee3-49de-96cc-503d-62a3c9b4f5e7-45bb59fc {
    grid-column: span 3 / span 3;
  }
}


@font-face {
  font-family: 'Suit';
  src: url('../fonts/SUIT-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suit';
  src: url('../fonts/SUIT-ExtraBold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rinter';
  src: url('../fonts/Rinter.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suit';
  src: url('../fonts/SUIT-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}