* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

body, html {
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
  cursor: pointer;
}

img {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

button {
  border: none;
  background: none;
  cursor: pointer;
  outline: none;
}

.page_wrapper {
  overflow: hidden;
}

.container {
  max-width: 94rem;
  padding: 0 2rem;
  width: 100%;
  margin: auto;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

.font_a {
  font-family: "Comicy";
}

.font_b {
  font-family: "Fawn Script";
}

.font_c {
  font-family: "Comic Sans MS";
}

section {
  position: relative;
  isolation: isolate;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
section::before {
  content: "";
  background: url(../img/paper_texture.jpg);
  background-size: cover;
  background-position: center;
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  inset: 0;
  mix-blend-mode: multiply;
  opacity: 0.4;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

.primary_link_a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3rem;
  padding: 0.75rem 2.25rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
  border-radius: 1.47194rem;
  border: 0.125rem solid #101C32;
  background: #F2FE9C;
  -webkit-box-shadow: -0.25rem -0.125rem 0 0 #000;
          box-shadow: -0.25rem -0.125rem 0 0 #000;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.primary_link_a:hover {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
  background: #EDFF70;
}
.primary_link_a:hover p {
  -webkit-transform: rotate(-2.747deg) scale(1.04);
          transform: rotate(-2.747deg) scale(1.04);
}
.primary_link_a p {
  white-space: nowrap;
  color: #141847;
  text-align: center;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.secondary_link_a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 2.375rem;
  padding: 0.75rem 1.13463rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.16738rem;
  border-radius: 1.47194rem;
  border: 0.125rem solid #101C32;
  background: rgba(94, 171, 122, 0.95);
  -webkit-box-shadow: -0.25rem -0.125rem 0 0 #000;
          box-shadow: -0.25rem -0.125rem 0 0 #000;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.secondary_link_a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  background: rgb(94, 171, 122);
}
.secondary_link_a:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}
.secondary_link_a p {
  color: #FFF;
  text-align: center;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.secondary_link_b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.375rem;
  padding: 0.75rem 1rem 0.75rem 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
  border-radius: 1.47194rem;
  border: 0.15rem solid #101C32;
  background: #F2FE9C;
  -webkit-box-shadow: -0.125rem -0.0625rem 0rem 0rem #000;
          box-shadow: -0.125rem -0.0625rem 0rem 0rem #000;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.secondary_link_b:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  background: #EDFF70;
}
.secondary_link_b:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}
.secondary_link_b img {
  width: 1.5rem;
  height: 1.5rem;
}
.secondary_link_b p {
  color: #101C32;
  text-align: center;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.moving_line {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 0.375rem solid #D8574C;
  background: #101C32;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 3.4rem;
  width: 100%;
}
.moving_line .moving_effect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  -webkit-animation: moving_line 40s linear infinite;
          animation: moving_line 40s linear infinite;
}
.moving_line .moving_effect .moving_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem 1.8rem;
  gap: 3.75rem;
}
.moving_line .moving_effect .moving_content .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
}
.moving_line .moving_effect .moving_content .item .main_text_line {
  color: #E3F4F7;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1rem;
}
.moving_line .moving_effect .moving_content .item .tag {
  color: #F2FE9C;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
}

@-webkit-keyframes moving_line {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
  }
}

@keyframes moving_line {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
  }
}
.sn_hero {
  background: url(../img/sn_hero_bg.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
}
.sn_hero .background_layers_a {
  content: "";
  background: url(../img/sn_hero_mountains.png);
  background-size: cover;
  background-position: center;
  position: absolute;
  z-index: -1;
  inset: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.sn_hero .background_layers_b {
  content: "";
  background: url(../img/sn_hero_object.png);
  background-size: cover;
  background-position: center;
  position: absolute;
  z-index: -2;
  inset: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  -webkit-animation: background_layers_b 10s ease infinite;
          animation: background_layers_b 10s ease infinite;
}

@-webkit-keyframes background_layers_b {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(2rem);
            transform: translateY(2rem);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes background_layers_b {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(2rem);
            transform: translateY(2rem);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.scroll_effect {
  opacity: 0;
  -webkit-transition: 1s ease;
  transition: 1s ease;
}
.scroll_effect.left {
  -webkit-transform: translateX(-1rem);
          transform: translateX(-1rem);
}
.scroll_effect.right {
  -webkit-transform: translateX(1rem);
          transform: translateX(1rem);
}
.scroll_effect.bottom {
  -webkit-transform: translateY(3rem);
          transform: translateY(3rem);
}
.scroll_effect.effect_active {
  opacity: 1;
  -webkit-transform: translateY(0rem) translateX(0rem);
          transform: translateY(0rem) translateX(0rem);
}

.contacts_details_hero {
  position: absolute;
  right: 1.75rem;
  top: 1.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
  z-index: 100;
}
.contacts_details_hero .link_social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
}
.contacts_details_hero .link_social .icon_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.contacts_details_hero .link_social .icon_link:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.contacts_details_hero .link_social .icon_link img {
  width: 2rem;
  height: 2rem;
}

.sn_hero_content {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 11rem 0 28rem 0;
  position: relative;
}
.sn_hero_content .main_hero_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.sn_hero_content .main_hero_content .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.sn_hero_content .main_hero_content .details .big_logo {
  max-width: 38.4375rem;
  width: 100%;
  margin-bottom: -1rem;
}
.sn_hero_content .main_hero_content .details h1 {
  color: #F8F8F8;
  text-shadow: 0.0675rem -0.0675rem 0rem #101C32, -0.0675rem -0.0675rem 0rem #101C32, -0.0675rem 0.0675rem 0rem #101C32, 0.0675rem 0.0675rem 0rem #101C32, -0.26875rem -0.2015rem 0rem #101C32;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3rem;
}
.sn_hero_content .main_hero_content .description_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 33rem;
  padding: 1.25rem 1.875rem 2.125rem 1.875rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.1745rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 0.375rem;
  border: 0.25rem solid #131744;
  background: #537CB7;
  position: relative;
  -webkit-animation: description_box_hero 0.5s ease;
          animation: description_box_hero 0.5s ease;
}
.sn_hero_content .main_hero_content .description_box > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  color: #E3F4F7;
  text-align: center;
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.sn_hero_content .main_hero_content .description_box .primary_link_a {
  position: absolute;
  bottom: -2rem;
  -webkit-animation: btn_box_hero 1s ease;
          animation: btn_box_hero 1s ease;
}

@-webkit-keyframes description_box_hero {
  0% {
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
            transform: translateY(1.25rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
}

@keyframes description_box_hero {
  0% {
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
            transform: translateY(1.25rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
}
@-webkit-keyframes btn_box_hero {
  0% {
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
            transform: translateY(1.25rem);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
            transform: translateY(1.25rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
}
@keyframes btn_box_hero {
  0% {
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
            transform: translateY(1.25rem);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
            transform: translateY(1.25rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
}
.hero_character_a .dialog_cloud, .hero_character_b .dialog_cloud, .hero_character_c .dialog_cloud {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.3rem;
}
.hero_character_a .dialog_cloud .heading, .hero_character_b .dialog_cloud .heading, .hero_character_c .dialog_cloud .heading {
  color: #E3F4F7;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  text-shadow: 0.0675rem -0.0675rem 0rem #101C32, -0.0675rem -0.0675rem 0rem #101C32, -0.0675rem 0.0675rem 0rem #101C32, 0.0675rem 0.0675rem 0rem #101C32, -0.225rem -0.175rem 0rem #101C32;
  font-family: Comicy;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4625rem;
}
.hero_character_a .dialog_cloud .description, .hero_character_b .dialog_cloud .description, .hero_character_c .dialog_cloud .description {
  color: #0F1B2F;
  text-align: center;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.92406rem;
}

@-webkit-keyframes hero_character {
  0% {
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
            transform: translateY(1.25rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
}

@keyframes hero_character {
  0% {
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
            transform: translateY(1.25rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
}
.hero_character_a {
  width: 16.5rem;
  height: 25.25rem;
  position: absolute;
  bottom: -1rem;
  left: -4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url(../img/gommie_character_a.png);
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-animation: hero_character 1s ease;
          animation: hero_character 1s ease;
}
.hero_character_a .dialog_cloud {
  background: url(../img/dialog_cloud_a.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 14.5rem;
  height: 10.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: absolute;
  right: -16rem;
  top: 1rem;
  -webkit-animation: hero_character_a 4.2s ease;
          animation: hero_character_a 4.2s ease;
  -webkit-transform: translateY(0.6875rem);
          transform: translateY(0.6875rem);
}

@-webkit-keyframes hero_character_a {
  0% {
    opacity: 0;
    -webkit-transform: translateY(9.375rem);
            transform: translateY(9.375rem);
  }
  16.6% {
    opacity: 0;
    -webkit-transform: translateY(9.375rem);
            transform: translateY(9.375rem);
  }
  33.2% {
    opacity: 1;
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
  49.8% {
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
  66.4% {
    -webkit-transform: translateY(2.1875rem);
            transform: translateY(2.1875rem);
  }
  83% {
    -webkit-transform: translateY(2.1875rem);
            transform: translateY(2.1875rem);
  }
  100% {
    -webkit-transform: translateY(0.6875rem);
            transform: translateY(0.6875rem);
  }
}

@keyframes hero_character_a {
  0% {
    opacity: 0;
    -webkit-transform: translateY(9.375rem);
            transform: translateY(9.375rem);
  }
  16.6% {
    opacity: 0;
    -webkit-transform: translateY(9.375rem);
            transform: translateY(9.375rem);
  }
  33.2% {
    opacity: 1;
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
  49.8% {
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
  66.4% {
    -webkit-transform: translateY(2.1875rem);
            transform: translateY(2.1875rem);
  }
  83% {
    -webkit-transform: translateY(2.1875rem);
            transform: translateY(2.1875rem);
  }
  100% {
    -webkit-transform: translateY(0.6875rem);
            transform: translateY(0.6875rem);
  }
}
.hero_character_b {
  width: 15.875rem;
  height: 23.625rem;
  position: absolute;
  right: 15rem;
  bottom: -3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url(../img/gommie_character_b.png);
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-animation: hero_character 1.5s ease;
          animation: hero_character 1.5s ease;
}
.hero_character_b .dialog_cloud {
  background: url(../img/dialog_cloud_b.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 11.5625rem;
  height: 6.5625rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: absolute;
  left: -12.6rem;
  top: 4.3rem;
  -webkit-animation: hero_character_b 4.2s ease;
          animation: hero_character_b 4.2s ease;
  -webkit-transform: translateY(2.875rem);
          transform: translateY(2.875rem);
}

@-webkit-keyframes hero_character_b {
  0% {
    opacity: 0;
    -webkit-transform: translateY(8.75rem);
            transform: translateY(8.75rem);
  }
  16.6% {
    opacity: 0;
    -webkit-transform: translateY(8.75rem);
            transform: translateY(8.75rem);
  }
  33.2% {
    opacity: 0;
    -webkit-transform: translateY(8.75rem);
            transform: translateY(8.75rem);
  }
  49.8% {
    opacity: 0;
    -webkit-transform: translateY(8.75rem);
            transform: translateY(8.75rem);
  }
  66.4% {
    opacity: 1;
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
  83% {
    opacity: 1;
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(2.875rem);
            transform: translateY(2.875rem);
  }
}

@keyframes hero_character_b {
  0% {
    opacity: 0;
    -webkit-transform: translateY(8.75rem);
            transform: translateY(8.75rem);
  }
  16.6% {
    opacity: 0;
    -webkit-transform: translateY(8.75rem);
            transform: translateY(8.75rem);
  }
  33.2% {
    opacity: 0;
    -webkit-transform: translateY(8.75rem);
            transform: translateY(8.75rem);
  }
  49.8% {
    opacity: 0;
    -webkit-transform: translateY(8.75rem);
            transform: translateY(8.75rem);
  }
  66.4% {
    opacity: 1;
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
  83% {
    opacity: 1;
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(2.875rem);
            transform: translateY(2.875rem);
  }
}
.hero_character_c {
  width: 18.875rem;
  height: 29.5625rem;
  position: absolute;
  bottom: -1rem;
  right: -10.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url(../img/gommie_character_c.png);
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-animation: hero_character 2s ease;
          animation: hero_character 2s ease;
}
.hero_character_c .dialog_cloud {
  background: url(../img/dialog_cloud_c.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 13.75rem;
  height: 15rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: absolute;
  left: -5.6rem;
  top: -7rem;
  -webkit-animation: hero_character_c 4.2s ease;
          animation: hero_character_c 4.2s ease;
  -webkit-transform: translateY(0rem);
          transform: translateY(0rem);
}

@-webkit-keyframes hero_character_c {
  0% {
    opacity: 0;
    -webkit-transform: translateY(11rem);
            transform: translateY(11rem);
  }
  16.6% {
    opacity: 0;
    -webkit-transform: translateY(11rem);
            transform: translateY(11rem);
  }
  33.2% {
    opacity: 0;
    -webkit-transform: translateY(11rem);
            transform: translateY(11rem);
  }
  49.8% {
    opacity: 0;
    -webkit-transform: translateY(11rem);
            transform: translateY(11rem);
  }
  66.4% {
    opacity: 0;
    -webkit-transform: translateY(11rem);
            transform: translateY(11rem);
  }
  83% {
    opacity: 0;
    -webkit-transform: translateY(11rem);
            transform: translateY(11rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
}

@keyframes hero_character_c {
  0% {
    opacity: 0;
    -webkit-transform: translateY(11rem);
            transform: translateY(11rem);
  }
  16.6% {
    opacity: 0;
    -webkit-transform: translateY(11rem);
            transform: translateY(11rem);
  }
  33.2% {
    opacity: 0;
    -webkit-transform: translateY(11rem);
            transform: translateY(11rem);
  }
  49.8% {
    opacity: 0;
    -webkit-transform: translateY(11rem);
            transform: translateY(11rem);
  }
  66.4% {
    opacity: 0;
    -webkit-transform: translateY(11rem);
            transform: translateY(11rem);
  }
  83% {
    opacity: 0;
    -webkit-transform: translateY(11rem);
            transform: translateY(11rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
}
.sn_gommies {
  background: url(../img/sn_gommies_bg.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
}

.sn_gommies_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 11rem 0 9rem 0;
  gap: 6rem;
}
.sn_gommies_content .card_carousel {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.56rem;
  overflow: auto;
  padding: 0.2rem 15rem 0.3rem 0.3rem;
  border-radius: 1.25rem 0 0 1.25rem;
  cursor: -webkit-grab;
  cursor: grab;
  position: absolute;
  left: calc(50% - 5rem);
  right: 0;
}
.sn_gommies_content .card_carousel::-webkit-scrollbar {
  width: 0;
}
.sn_gommies_content .left_details {
  width: calc(50% - 10rem);
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sn_gommies_content .left_details .heading {
  color: #A778D5;
  text-shadow: 0.25rem -0.25rem 0rem #101C32, -0.25rem -0.25rem 0rem #101C32, -0.25rem 0.25rem 0rem #101C32, 0.25rem 0.25rem 0rem #101C32, -8.726px -6.544px 0px #101C32;
  font-size: 4.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 5.062rem;
  margin-bottom: 1.06rem;
}
.sn_gommies_content .left_details .description {
  color: #101C32;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 1.94rem;
}

@-webkit-keyframes gommies_card_item {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -19.125rem;
  }
}

@keyframes gommies_card_item {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -19.125rem;
  }
}
.gommies_card_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 15.9375rem;
  height: 23.5rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  border-radius: 1.25rem;
  padding: 1rem 1.75rem 1.75rem 1.75rem;
  isolation: isolate;
  position: relative;
}
.gommies_card_item::before {
  content: "";
  background: url(../img/card_stars.svg);
  background-position: 0 0;
  background-size: 12.5rem 19.125rem;
  width: 100%;
  height: 100%;
  inset: 0;
  position: absolute;
  -webkit-animation: gommies_card_item 24s linear infinite;
          animation: gommies_card_item 24s linear infinite;
  z-index: -1;
  opacity: 0.5;
}
.gommies_card_item.purple {
  background: -webkit-gradient(linear, left top, left bottom, from(#7A59C6), to(#E3D0E8));
  background: linear-gradient(180deg, #7A59C6 0%, #E3D0E8 100%);
  -webkit-box-shadow: 0 0 0 0.625rem #7C5ACD inset, 0.0625rem 0.0625rem 0rem 0.1875rem #101C32;
          box-shadow: 0 0 0 0.625rem #7C5ACD inset, 0.0625rem 0.0625rem 0rem 0.1875rem #101C32;
}
.gommies_card_item.red {
  background: -webkit-gradient(linear, left top, left bottom, from(#8C3055), to(#C2727C));
  background: linear-gradient(180deg, #8C3055 0%, #C2727C 100%);
  -webkit-box-shadow: 0 0 0 0.625rem #933159 inset, 0.0625rem 0.0625rem 0rem 0.1875rem #101C32;
          box-shadow: 0 0 0 0.625rem #933159 inset, 0.0625rem 0.0625rem 0rem 0.1875rem #101C32;
}
.gommies_card_item.pink {
  background: -webkit-gradient(linear, left top, left bottom, from(#B252BD), to(#DDC4EF));
  background: linear-gradient(180deg, #B252BD 0%, #DDC4EF 100%);
  -webkit-box-shadow: 0 0 0 0.625rem #B252BD inset, 0.0625rem 0.0625rem 0rem 0.1875rem #101C32;
          box-shadow: 0 0 0 0.625rem #B252BD inset, 0.0625rem 0.0625rem 0rem 0.1875rem #101C32;
}
.gommies_card_item.brown {
  background: -webkit-gradient(linear, left top, left bottom, from(#7D5578), to(#C1A694));
  background: linear-gradient(180deg, #7D5578 0%, #C1A694 100%);
  -webkit-box-shadow: 0 0 0 0.625rem #7D5578 inset, 0.0625rem 0.0625rem 0rem 0.1875rem #101C32;
          box-shadow: 0 0 0 0.625rem #7D5578 inset, 0.0625rem 0.0625rem 0rem 0.1875rem #101C32;
}
.gommies_card_item .header_card {
  height: 2.464rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  position: relative;
}
.gommies_card_item .header_card .logo {
  position: absolute;
  height: 1.714rem;
  left: -1rem;
}
.gommies_card_item .header_card .id_card {
  position: absolute;
  right: -0.45rem;
  top: 0;
  color: #E3F4F7;
  text-align: center;
  font-size: 0.75606rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.13413rem;
}
.gommies_card_item .img_nft {
  width: 12.375rem;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0.0625rem solid #101C32;
  margin-bottom: 0.81rem;
}
.gommies_card_item .img_nft img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gommies_card_item .card_details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.69rem;
}
.gommies_card_item .card_details .traits {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.gommies_card_item .card_details .traits .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.24rem;
}
.gommies_card_item .card_details .traits .header p {
  color: #101C32;
  text-align: center;
  font-size: 0.997rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-shadow: 0.04875rem -0.04875rem 0rem #EAEAEA, -0.04875rem -0.04875rem 0rem #EAEAEA, -0.04875rem 0.04875rem 0rem #EAEAEA, 0.04875rem 0.04875rem 0rem #EAEAEA;
}
.gommies_card_item .card_details .traits .header::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  background-image: url("data:image/svg+xml,%3Csvg width='126' height='121' viewBox='0 0 126 121' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M45.691 1.444C40.9114 3.14186 38.3176 5.45548 35.9019 10.1734C33.828 14.2218 33.4671 19.3781 34.9799 23.3427C36.2518 26.6757 43.6532 34.6409 47.1549 36.4453C51.5385 38.7032 60.1007 38.2727 64.0924 35.5914C70.6328 31.2003 73.6186 22.3434 70.9468 15.26C68.562 8.93788 57.132 0.00421608 51.5065 0.0659925C50.4066 0.0779492 47.7898 0.697706 45.691 1.444ZM62.6345 10.7872C67.5271 14.3284 69.2769 21.5612 66.5252 26.864C61.5626 36.4264 48.4498 36.4264 43.4872 26.864C37.4637 15.257 51.9764 3.07112 62.6345 10.7872ZM82.2168 15.0846C78.0722 17.7291 76.0044 21.6678 76.0044 26.9188C76.0044 31.7364 77.1153 34.1735 81.3739 38.6952C85.6255 43.2098 89.0722 44.8379 94.3768 44.8379C104.039 44.8379 111.027 33.5438 106.584 25.1094C104.948 22.0036 98.5144 15.6984 95.3187 14.0673C91.876 12.3117 85.8265 12.781 82.2168 15.0846ZM99.6353 22.6901C104.135 26.322 105.128 31.1724 102.337 35.8804C97.1385 44.6496 84.0037 41.0726 84.0037 30.8884C84.0037 22.8366 93.5888 17.8098 99.6353 22.6901ZM8.08128 25.6594C2.0418 28.7273 -1.21891 35.8345 0.422947 42.3519C1.41786 46.3026 8.63723 53.4986 13.4388 55.326C23.069 58.9907 32.0082 52.274 32.0082 41.3735C32.0082 37.2723 31.5002 36.2381 27.2586 31.6995C20.0902 24.0293 14.6567 22.3185 8.08128 25.6594ZM23.019 33.5438C30.4003 37.8891 29.4664 48.0653 21.3781 51.4331C12.4039 55.1696 4.10563 44.0747 10.1481 36.4204C13.7748 31.825 18.3594 30.8008 23.019 33.5438ZM104.9 43.1311C100.363 46.1721 98.4664 51.6334 100.394 56.1002C102.628 61.2755 109.151 66.8413 113.623 67.3873C120.801 68.2622 126 63.1586 126 55.2383C126 49.3875 116.615 40.8524 110.181 40.8524C109.145 40.8524 106.769 41.8777 104.9 43.1311ZM45.805 44.7692C37.7017 47.3509 32.2652 50.7944 26.1957 57.1882C15.6876 68.2602 11.36 84.2005 15.4936 96.6036C17.8014 103.527 27.1606 113.534 34.8429 117.294C40.4925 120.059 40.5634 120.066 61.5056 120.066C85.7845 120.066 89.1842 119.286 97.1165 111.891C103.766 105.694 106.406 99.2092 106.396 89.0997C106.388 81.9576 105.989 80.2159 102.857 73.6556C91.968 50.8402 66.7782 38.0864 45.805 44.7692ZM119.546 51.2697C122.886 54.5976 122.81 59.0047 119.366 61.7039C116.032 64.3174 112.981 64.3294 110.19 61.7378C106.749 58.5433 106.913 54.3744 110.608 51.0654C113.845 48.1679 116.495 48.2287 119.546 51.2697ZM78.5271 54.6664C94.4148 62.0746 105.17 80.3733 102.079 94.7354C100.615 101.536 98.8724 104.604 93.9568 109.028C86.5284 115.716 84.9046 116.08 62.5055 116.08C38.7406 116.08 35.6369 115.301 28.6815 107.592C23.311 101.639 21.5681 96.0596 22.224 86.9186C23.135 74.2365 32.2772 61.2187 44.4371 55.2901C52.2774 51.4679 55.3672 50.8392 64.2544 51.2587C70.2879 51.5437 73.4476 52.2979 78.5271 54.6664Z' fill='%23101C32'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M62.634 10.7873C67.5265 14.3284 69.2764 21.5613 66.5246 26.8641C61.5621 36.4265 48.4492 36.4265 43.4866 26.8641C37.4632 15.2571 51.9759 3.07118 62.634 10.7873ZM99.6347 22.6902C104.134 26.322 105.127 31.1725 102.336 35.8804C97.138 44.6497 84.0031 41.0726 84.0031 30.8885C84.0031 22.8366 93.5883 17.8098 99.6347 22.6902ZM23.0184 33.5439C30.3998 37.8892 29.4658 48.0653 21.3776 51.4331C12.4033 55.1696 4.10506 44.0748 10.1475 36.4205C13.7742 31.8251 18.3588 30.8008 23.0184 33.5439ZM119.545 51.2697C122.886 54.5977 122.81 59.0047 119.365 61.704C116.031 64.3175 112.981 64.3295 110.19 61.7378C106.748 58.5434 106.912 54.3745 110.608 51.0655C113.844 48.168 116.494 48.2287 119.545 51.2697ZM78.5266 54.6664C94.4142 62.0746 105.169 80.3734 102.079 94.7354C100.615 101.536 98.8718 104.604 93.9562 109.028C86.5279 115.716 84.904 116.08 62.505 116.08C38.74 116.08 35.6363 115.301 28.6809 107.592C23.3104 101.639 21.5675 96.0596 22.2235 86.9187C23.1344 74.2366 32.2766 61.2187 44.4365 55.2902C52.2769 51.468 55.3666 50.8393 64.2538 51.2588C70.2873 51.5437 73.447 52.298 78.5266 54.6664Z' fill='%23FFF766'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  width: 1rem;
  height: 1rem;
}
.gommies_card_item .card_details .traits .traits_items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 7.75rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  gap: 0.3rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.gommies_card_item .card_details .traits .traits_items .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.125rem 0.2rem;
  height: 0.9375rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.3125rem;
  border: 0.0625rem solid #101C32;
  background: #EAEAEA;
  -webkit-box-shadow: -0.0625rem -0.0625rem 0px 0px #101C32;
          box-shadow: -0.0625rem -0.0625rem 0px 0px #101C32;
}
.gommies_card_item .card_details .traits .traits_items .item p {
  color: #101C32;
  text-align: center;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.gommies_card_item .card_details .rarity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  width: 3.94rem;
  padding-right: 0.69rem;
  border-right: 0.0625rem solid rgba(16, 28, 50, 0.2);
}
.gommies_card_item .card_details .rarity .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.24rem;
}
.gommies_card_item .card_details .rarity .header p {
  color: #101C32;
  text-align: center;
  font-size: 0.997rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-shadow: 0.04875rem -0.04875rem 0rem #EAEAEA, -0.04875rem -0.04875rem 0rem #EAEAEA, -0.04875rem 0.04875rem 0rem #EAEAEA, 0.04875rem 0.04875rem 0rem #EAEAEA;
}
.gommies_card_item .card_details .rarity .header::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  background-image: url("data:image/svg+xml,%3Csvg width='304' height='260' viewBox='0 0 304 260' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M141.62 1.233C133.223 3.45601 131.854 5.968 116.123 48.045C105.981 75.175 101.031 87.163 99.3182 88.75C97.6882 90.259 95.6422 91 93.1022 91C89.7702 91 85.6442 88.378 58.6862 69.133C41.8392 57.106 26.6882 46.699 25.0162 46.007C17.3912 42.848 6.54623 47.126 2.09323 55.048C-2.24077 62.759 -2.62076 61.433 30.6672 154.854L61.5002 241.387L69.7172 249.646C75.7762 255.737 78.9802 258.187 81.9182 258.978C84.6282 259.708 109.052 259.963 158.275 259.775C230.647 259.5 230.647 259.5 234.804 256.749C237.09 255.236 239.857 252.241 240.952 250.094C243.248 245.594 302.427 80.104 303.446 75.334C304.757 69.196 302.421 64.314 294.153 55.911C284.163 45.759 277.377 43.005 269.619 45.955C268.237 46.48 253.508 56.655 236.886 68.565C210.154 87.721 201.694 93.15 200.581 91.866C200.407 91.665 194.106 75.052 186.58 54.95C172.895 18.399 172.895 18.399 164.623 10.295C154.447 0.327001 150.67 -1.161 141.62 1.233Z' fill='%23101C32'/%3E%3Cpath d='M276.219 61.3354L218.652 102.496C211.024 107.965 200.086 104.655 196.776 95.8759L169.575 23.341C164.97 10.8201 147.268 10.8201 142.663 23.341L115.318 95.7319C112.008 104.655 101.214 107.965 93.5865 102.352L36.0192 61.1915C24.5057 53.1321 9.25035 64.5017 13.9997 77.8861L73.8697 245.551C75.8846 251.308 81.3535 255.05 87.398 255.05H224.552C230.597 255.05 236.066 251.164 238.081 245.551L297.951 77.8861C302.844 64.5017 287.589 53.1321 276.219 61.3354Z' fill='%23FFF766' stroke='%23101C32' stroke-width='8.97905'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  width: 1rem;
  height: 1rem;
}
.gommies_card_item .card_details .rarity .value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #101C32;
  text-align: center;
  font-size: 0.75606rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.13413rem;
  background-image: url("data:image/svg+xml,%3Csvg width='138' height='153' viewBox='0 0 138 153' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M44.3304 0.582711C35.2548 1.86289 30.0872 3.42789 23.59 6.86468C5.7803 16.2876 -1.09645 39.6527 0.140128 86.5426C0.719866 108.522 2.30388 117.603 7.16607 126.809C11.033 134.132 20.0575 142.529 28.1758 146.357C40.142 152 47.4914 153 76.9839 153C101.609 153 104.026 152.84 110.587 150.78C127.008 145.624 134.379 134.584 137.169 110.962C138.834 96.88 137.817 47.7335 135.71 40.3052C129.924 19.9253 115.414 7.73912 90.1066 2.0068C82.2786 0.232935 53.2207 -0.670486 44.3304 0.582711Z' fill='%23101C32'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40.4371 7.20359C21.7864 11.316 12.9051 21.2076 8.30525 42.9906C4.40629 61.4548 4.50842 105.208 8.48147 118.522C12.043 130.458 18.4331 138.675 27.9032 143.497C37.9319 148.604 45.7539 149.779 72.8734 150.257C100.481 150.744 106.733 150.101 115.757 145.85C125.621 141.204 130.581 132.74 133.721 115.204C136.062 102.128 136.049 55.3487 133.701 44.5696C129.333 24.5155 119.117 14.5979 96.5085 8.46379C85.7628 5.54865 51.4431 4.77715 40.4371 7.20359Z' fill='%23FFF766'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.sn_discover {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #514D99), color-stop(50%, #D8574C));
  background: linear-gradient(90deg, #514D99 50%, #D8574C 50%);
}

.sn_discover_content {
  padding: 3.44rem 0 2.75rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
}
.sn_discover_content .header {
  background-image: url("data:image/svg+xml,%3Csvg width='594' height='120' viewBox='0 0 594 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M195.023 115.672C143.171 113.287 96.1034 109.19 60.8616 103.135C38.8968 97.8015 22.8305 90.1365 13.0736 81.7444C-2.66115 68.2107 -2.48607 44.4903 14.8233 31.7563C44.9933 9.56128 128.273 1.54584 256.401 1.54584C311.783 1.54584 456.159 4.42394 497.184 10.0116C534.477 15.0909 571.331 23.0374 586.135 45.0841C592.067 53.9166 594.894 65.5164 589.819 76.6562C582.055 93.6996 550.261 102.58 524.79 108.578C476.86 119.862 296.532 120.34 195.023 115.672Z' fill='%23E7E7CC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M47.6912 19.1626C33.7238 23.0119 23.0664 27.6118 15.7405 33.0013C-0.736708 45.123 -0.928695 67.6611 14.0828 80.5727C23.5784 88.74 39.3684 96.3192 61.1758 101.621C96.3196 107.655 143.293 111.745 195.094 114.127C245.814 116.46 316.241 117.508 379.976 116.561C411.843 116.088 442.023 115.117 467.223 113.56C492.456 112.002 512.594 109.861 524.435 107.073C537.164 104.076 551.37 100.381 563.344 95.3348C575.403 90.2533 584.791 83.9642 588.412 76.0157C593.202 65.5005 590.578 54.4733 584.851 45.9456C577.726 35.3356 565.193 27.9822 549.592 22.6477C534.015 17.3211 515.602 14.0802 496.975 11.5433C456.075 5.9727 311.815 3.09167 256.402 3.09167C192.358 3.09167 139.577 5.09547 99.0592 9.86316C78.8009 12.247 61.6418 15.318 47.6912 19.1626ZM98.6974 6.79271C139.394 2.00392 192.317 0 256.402 0C311.752 0 456.242 2.87518 497.393 8.4799C516.059 11.0222 534.719 14.2942 550.594 19.7225C566.445 25.1427 579.74 32.7859 587.42 44.2227C593.556 53.36 596.587 65.5323 591.227 77.2967C587.084 86.3916 576.693 93.0646 564.546 98.1836C552.314 103.338 537.887 107.082 525.145 110.082C513.021 112.937 492.645 115.087 467.414 116.646C442.149 118.207 411.917 119.179 380.022 119.653C316.233 120.6 245.742 119.552 194.952 117.216C143.074 114.83 95.9339 110.729 60.5997 104.659C60.5651 104.653 60.5307 104.646 60.4966 104.637C38.401 99.2718 22.0756 91.5265 12.0648 82.916C-4.39318 68.7603 -4.235 43.8576 13.9065 30.5114C21.6656 24.8034 32.7319 20.0782 46.8688 16.1822C61.0226 12.2816 78.3484 9.18717 98.6974 6.79271Z' fill='%23101C32'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 0.8rem 2rem 1.8rem 2rem;
  max-width: 36.9375rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.sn_discover_content .header .label {
  color: #101C32;
  text-align: center;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.sn_discover_content .header .heading {
  color: #68DBB8;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  text-shadow: 0.055rem -0.055rem 0rem #101C32, -0.055rem -0.055rem 0rem #101C32, -0.055rem 0.055rem 0rem #101C32, 0.055rem 0.055rem 0rem #101C32, -0.2726875rem -0.2045rem 0rem #101C32;
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4375rem;
}
.sn_discover_content .header .heading span {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sn_discover_content .header .heading span::before {
  content: "[redacted]";
  position: absolute;
  text-shadow: 0.055rem -0.055rem 0rem #101C32, -0.055rem -0.055rem 0rem #101C32, -0.055rem 0.055rem 0rem #101C32, 0.055rem 0.055rem 0rem #101C32, -0.2726875rem -0.2045rem 0rem #101C32;
  color: #E3F4F7;
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.925rem;
  z-index: 2;
}
.sn_discover_content .header .heading span::after {
  content: "";
  position: absolute;
  inset: 0 -4%;
  background-image: url("data:image/svg+xml,%3Csvg width='265' height='33' viewBox='0 0 265 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M210.72 0.812294C158.448 1.32226 115.597 1.98815 77.7908 2.87757C41.4202 3.7333 2.7483 4.91892 1.70899 5.21017C1.20362 5.35177 1.09766 5.61063 1.47437 5.78547C2.32618 6.18064 14.4592 6.07674 54.5466 5.33091C112.431 4.25405 156.974 3.66154 191.85 3.50469C202.223 3.45783 211.721 3.37595 212.956 3.32243C214.916 3.23779 214.973 3.25382 213.405 3.44956C212.417 3.57285 203.119 4.00243 192.745 4.40446C176.157 5.04696 156.805 5.8693 138.189 6.71275C116.459 7.0518 96.4973 7.43746 77.7732 7.87795C41.4026 8.73368 2.73072 9.9193 1.69141 10.2105C1.18604 10.3521 1.08008 10.611 1.45679 10.7859C2.3086 11.181 14.4417 11.0771 54.5291 10.3313C60.6372 10.2177 66.5969 10.1094 72.4124 10.0065C42.7937 11.6683 2.21656 14.0994 0.953618 14.3166C0.463872 14.4008 0.0610404 14.8104 0.0595755 15.2266C0.0576224 15.7779 0.604497 16.0429 2.07667 16.2035C3.33814 16.3412 13.8774 16.1385 30.145 15.664C49.1707 15.1091 67.9204 14.6329 86.4021 14.2354C57.8364 15.7706 2.41529 19.0626 0.93604 19.317C0.446294 19.4012 0.0434622 19.8108 0.0419974 20.227C0.0400443 20.7783 0.586919 21.0433 2.05909 21.2039C3.32056 21.3416 13.8599 21.1389 30.1274 20.6644C49.3604 20.1034 68.3118 19.6229 86.989 19.2228C85.7415 19.2981 84.4954 19.3739 83.25 19.4501C58.699 20.9517 10.6079 24.3057 7.2107 24.7534C4.45752 25.1162 3.76197 26.2055 5.94971 26.7294C7.89795 27.1958 11.8552 27.1619 39.0879 26.4449C47.0247 26.236 54.0256 26.0609 60.4951 25.9146C36.6856 27.5004 9.70655 29.4226 7.19312 29.7538C4.43995 30.1166 3.74439 31.2059 5.93213 31.7298C7.88038 32.1962 11.8377 32.1623 39.0703 31.4453C78.1602 30.4163 94.5552 30.2084 136.521 30.2101C173.32 30.2117 211.78 30.5669 242.842 31.192C250.926 31.3546 252.548 31.3277 252.207 31.0359C251.766 30.6565 249.265 30.5149 219.151 29.1657C186.883 27.7201 172.381 27.3791 136.531 27.2227C118.502 27.1442 97.0818 27.1329 88.9312 27.1979C80.7803 27.2626 75.3245 27.2305 76.8066 27.126C78.2891 27.0216 89.0012 26.386 100.612 25.7138C103.248 25.5612 105.907 25.4097 108.587 25.2596C116.772 25.2225 125.822 25.2093 136.538 25.2097C173.338 25.2113 211.798 25.5665 242.86 26.1916C250.944 26.3543 252.565 26.3274 252.225 26.0355C251.783 25.6561 249.283 25.5145 219.169 24.1654C196.812 23.1638 182.984 22.6924 164.675 22.4453C185.602 21.5085 206.88 20.676 227.677 19.9854C251.501 19.1943 257.079 18.9503 259.478 18.5942C264.459 17.8549 264.181 16.4988 258.908 15.8351C255.555 15.4128 241.836 15.1926 222.561 15.158C224.275 15.0994 225.986 15.0417 227.694 14.985C251.519 14.1939 257.097 13.9499 259.495 13.5938C264.477 12.8545 264.198 11.4985 258.926 10.8348C256.227 10.4948 246.813 10.2859 233.193 10.1992C262.489 8.91407 264.131 8.54443 264.135 7.3906C264.14 6.01974 263.178 5.96072 239.082 5.85145C232.024 5.81957 224.757 5.8003 219.227 5.79633C262.016 4.00173 264.148 3.70541 264.152 2.39022C264.157 1.01936 263.196 0.960335 239.099 0.851067C226.948 0.796196 214.178 0.778649 210.72 0.812294ZM146.049 8.89437C114.024 10.3087 90.4949 11.4471 91.0105 11.5958C91.1694 11.6415 97.9534 11.5388 106.085 11.3673C125.98 10.9485 147.299 10.6323 167.531 10.4278C176.305 10.0574 184.829 9.71076 192.727 9.40484C203.102 9.00282 212.399 8.57324 213.387 8.44994C214.955 8.2542 214.899 8.23817 212.939 8.32281C211.704 8.37634 202.206 8.45821 191.832 8.50507C178.136 8.56667 162.949 8.69544 146.049 8.89437ZM166.931 12.9848C124.809 14.7939 90.3704 16.4167 90.9929 16.5961C91.1519 16.6419 97.9358 16.5391 106.068 16.3677C121.953 16.0333 138.748 15.7643 155.171 15.5653C162.417 15.2242 169.691 14.8966 176.991 14.5825C192.06 13.9341 208.026 13.245 212.473 13.0511L220.557 12.6986L202.594 12.7586C190.823 12.7979 178.936 12.8733 166.931 12.9848ZM148.801 18.1797C132.24 18.97 116.041 19.821 100.629 20.7135C89.0188 21.3856 78.3066 22.0212 76.8242 22.1256C75.342 22.2301 80.7979 22.2622 88.9487 22.1975C95.1138 22.1484 108.87 22.1428 123.009 22.177C140.815 21.2294 158.814 20.3642 176.974 19.5829C192.042 18.9345 208.009 18.2454 212.455 18.0515L220.539 17.699L202.577 17.7589C184.916 17.818 166.993 17.9582 148.801 18.1797Z' fill='%23101C32'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.sn_discover_content .discover_details_items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.sn_discover_content .discover_details_items .now_item {
  background: url(../img/sn_discover_purple_bg.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 44rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.88rem;
}
.sn_discover_content .discover_details_items .now_item .heading_now {
  max-width: 25.875rem;
  width: 100%;
  color: #FFF;
  text-align: center;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.sn_discover_content .discover_details_items .now_item .gommies_logo {
  height: 4.44rem;
}
.sn_discover_content .discover_details_items .now_item .img_container {
  max-width: 22.5rem;
  width: 100%;
  aspect-ratio: 1/1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 0.125rem;
  border: 0.1875rem solid #101C32;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.sn_discover_content .discover_details_items .now_item .img_container .minted_status {
  position: absolute;
  right: 0.5rem;
  top: 0.46rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.45rem;
}
.sn_discover_content .discover_details_items .now_item .img_container .minted_status::before {
  content: "";
  width: 1.17731rem;
  height: 1.17731rem;
  border-radius: 100%;
  background: #68DBB8;
  -webkit-animation: minted_out 1s ease infinite;
          animation: minted_out 1s ease infinite;
}
.sn_discover_content .discover_details_items .now_item .img_container .minted_status p {
  color: #101C32;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
.sn_discover_content .discover_details_items .now_item .img_container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sn_discover_content .discover_details_items .now_item .minted_progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 29.125rem;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.875rem;
}
.sn_discover_content .discover_details_items .now_item .minted_progress .minted_progress_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.sn_discover_content .discover_details_items .now_item .minted_progress .minted_progress_header p {
  color: #FFF;
  font-size: 1.15794rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.73694rem;
}
.sn_discover_content .discover_details_items .now_item .minted_progress .progress_bar {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 0.6875rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 1.47194rem;
  border: 0.15rem solid #101C32;
  background: rgba(249, 249, 249, 0.95);
  -webkit-box-shadow: -0.125rem -0.0625rem 0rem 0rem #000;
          box-shadow: -0.125rem -0.0625rem 0rem 0rem #000;
  position: relative;
}
.sn_discover_content .discover_details_items .now_item .minted_progress .progress_bar .line {
  height: 0.6875rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 1.47194rem;
  background: #5EAB7A;
  -webkit-box-shadow: -0.125rem -0.0625rem 0rem 0rem #000;
          box-shadow: -0.125rem -0.0625rem 0rem 0rem #000;
}
.sn_discover_content .discover_details_items .now_item .buy_details {
  max-width: 29.125rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.sn_discover_content .discover_details_items .now_item .buy_details .platform_buy {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
}
.sn_discover_content .discover_details_items .now_item .buy_details .items_nft_details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.sn_discover_content .discover_details_items .now_item .buy_details .items_nft_details .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.2rem;
}
.sn_discover_content .discover_details_items .now_item .buy_details .items_nft_details .item .heading {
  color: #F8F8F8;
  leading-trim: both;
  text-edge: cap;
  text-shadow: 0.0675rem -0.0675rem 0rem #101C32, -0.0675rem -0.0675rem 0rem #101C32, -0.0675rem 0.0675rem 0rem #101C32, 0.0675rem 0.0675rem 0rem #101C32, -0.145rem -0.1rem 0rem #101C32;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.35rem;
}
.sn_discover_content .discover_details_items .now_item .buy_details .items_nft_details .item .value {
  color: #FFF;
  text-align: right;
  font-size: 1.74488rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8rem;
}
.sn_discover_content .discover_details_items .soon_item {
  background: url(../img/sn_discover_red_bg.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 44rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.8rem;
}
.sn_discover_content .discover_details_items .soon_item .heading_soon {
  max-width: 25.875rem;
  width: 100%;
  color: #FFF;
  text-align: center;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.sn_discover_content .discover_details_items .soon_item .big_text {
  color: #E3F4F7;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  text-shadow: 0.043rem -0.043rem 0rem #101C32, -0.043rem -0.043rem 0rem #101C32, -0.043rem 0.043rem 0rem #101C32, 0.043rem 0.043rem 0rem #101C32, -0.175rem -0.131rem 0rem #101C32;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.6rem;
}
.sn_discover_content .discover_details_items .soon_item .label {
  color: #EFFB9A;
  -webkit-transform: rotate(-7.076deg);
          transform: rotate(-7.076deg);
  text-shadow: 0.065rem -0.065rem 0rem #101C32, -0.065rem -0.065rem 0rem #101C32, -0.065rem 0.065rem 0rem #101C32, 0.065rem 0.065rem 0rem #101C32, -0.259rem -0.194rem 0rem #101C32;
  font-size: 3.11688rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3.74025rem;
}
.sn_discover_content .discover_details_items .soon_item .img_container {
  max-width: 22.5rem;
  width: 100%;
  aspect-ratio: 1/1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 0.125rem;
  border: 0.1875rem solid #101C32;
  background: #D9EAED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sn_discover_content .discover_details_items .soon_item .img_container img {
  width: 156%;
  height: 156%;
  -o-object-fit: cover;
     object-fit: cover;
}

@-webkit-keyframes minted_out {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}

@keyframes minted_out {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
.sn_hcg {
  background: url(../img/sn_come_gommies_bg.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
}

.sn_hcg_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
  padding: 3.4rem 0 5.4rem 0;
}
.sn_hcg_content .omg {
  width: 16.37356rem;
  position: absolute;
  top: -2rem;
  right: 19%;
}
.sn_hcg_content::before {
  content: "";
  width: 25rem;
  height: 36.25rem;
  background: url(../img/come_gommies_left.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 3%;
  bottom: 0;
}
.sn_hcg_content::after {
  content: "";
  width: 25rem;
  height: 36.25rem;
  background: url(../img/come_gommies_right.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 3%;
  bottom: 0;
}
.sn_hcg_content .heading {
  max-width: 43rem;
  width: 100%;
}
.sn_hcg_content .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.12rem;
}
.sn_hcg_content .date .label {
  color: #101C32;
  text-align: center;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.sn_hcg_content .date .value {
  color: #62CFAE;
  text-align: center;
  text-shadow: 0.136rem -0.136rem 0rem #101C32, -0.136rem -0.136rem 0rem #101C32, -0.136rem 0.136rem 0rem #101C32, 0.136rem 0.136rem 0rem #101C32, -0.545rem -0.409rem 0rem #101C32;
  font-size: 4.21875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 5.0625rem;
}
.sn_hcg_content .wishlist_email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
  max-width: 37.875rem;
  width: 100%;
}
.sn_hcg_content .wishlist_email input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.25rem 2.25rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  gap: 0.75rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  border-radius: 1.47194rem;
  border: 0.153rem solid #101C32;
  background: #E3F4F7;
  -webkit-box-shadow: 0.375rem 0.375rem 0rem 0rem #283C60 inset;
          box-shadow: 0.375rem 0.375rem 0rem 0rem #283C60 inset;
  color: #101C32;
  text-align: center;
  font-family: Comicy;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.sn_hcg_content .wishlist_email input::-webkit-input-placeholder {
  color: rgba(16, 28, 50, 0.2862745098);
  text-align: center;
  font-family: Comicy;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.sn_hcg_content .wishlist_email input::-moz-placeholder {
  color: rgba(16, 28, 50, 0.2862745098);
  text-align: center;
  font-family: Comicy;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.sn_hcg_content .wishlist_email input:-ms-input-placeholder {
  color: rgba(16, 28, 50, 0.2862745098);
  text-align: center;
  font-family: Comicy;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.sn_hcg_content .wishlist_email input::-ms-input-placeholder {
  color: rgba(16, 28, 50, 0.2862745098);
  text-align: center;
  font-family: Comicy;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.sn_hcg_content .wishlist_email input::placeholder {
  color: rgba(16, 28, 50, 0.2862745098);
  text-align: center;
  font-family: Comicy;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.sn_roadmap {
  background: url(../img/sn_roudmap_bg.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
}

.sn_roadmap_content {
  padding: 6.4rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
}
.sn_roadmap_content .roadmap_scroll {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.sn_roadmap_content .roadmap_scroll canvas {
  width: 89.8rem;
  height: 15.375rem;
}
.sn_roadmap_content .heading {
  color: #EEE;
  text-align: center;
  text-shadow: 0.08rem -0.08rem 0rem #101C32, -0.08rem -0.08rem 0rem #101C32, -0.08rem 0.08rem 0rem #101C32, 0.08rem 0.08rem 0rem #101C32, -0.32rem -0.24rem 0rem #101C32;
  font-size: 3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3.3rem;
}
.sn_roadmap_content .heading span {
  font-size: 1.125rem;
}

.sn_faq {
  background: url(../img/sn_faq_bg.jpg) #251A19;
  background-size: 94rem;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.sn_faq_content {
  padding: 6rem 0 12rem 38rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2.28rem;
  min-height: 64rem;
}
.sn_faq_content .heading {
  color: #62CFAE;
  text-shadow: 0.136rem -0.136rem 0rem #101C32, -0.136rem -0.136rem 0rem #101C32, -0.136rem 0.136rem 0rem #101C32, 0.136rem 0.136rem 0rem #101C32, -0.545rem -0.409rem 0rem #101C32;
  font-size: 4.21875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 5.0625rem;
}
.sn_faq_content .question_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.5625rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.sn_faq_content .question_list .question_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.sn_faq_content .question_list .question_item.active .question_btn::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sn_faq_content .question_list .question_item.active .response_text {
  padding: 0.62rem 0 0.44rem;
  height: 6rem;
}
.sn_faq_content .question_list .question_item .question_btn {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  padding: 0.75rem 1.625rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 1.47194rem;
  border: 0.153rem solid #101C32;
  background: #F1ECE0;
  -webkit-box-shadow: -0.0625px -0.125px 0px 0px #000;
          box-shadow: -0.0625px -0.125px 0px 0px #000;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.sn_faq_content .question_list .question_item .question_btn:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
.sn_faq_content .question_list .question_item .question_btn:hover:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}
.sn_faq_content .question_list .question_item .question_btn::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.819 13.3824C9.15096 14.5867 7.48087 14.5867 6.81284 13.3824L1.05104 2.99532C0.383001 1.79102 1.21805 0.285643 2.55412 0.285643L14.0777 0.285644C15.4138 0.285644 16.2488 1.79102 15.5808 2.99532L9.819 13.3824Z' fill='%230F1A2F'/%3E%3C/svg%3E%0A");
  background-size: cover;
  width: 0.9375rem;
  height: 0.875rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.sn_faq_content .question_list .question_item .question_btn p {
  color: #101C32;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.sn_faq_content .question_list .question_item .response_text {
  padding: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  height: 0rem;
  overflow: hidden;
}
.sn_faq_content .question_list .question_item .response_text p {
  color: #F4F4F4;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.sn_faq_content .question_list .question_item .response_text p a {
  color: #F4F4F4;
  text-decoration: underline;
}

footer {
  background: url(../img/sn_footer_bg.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
}

.sn_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6.5rem 0;
  gap: 3.5rem;
}
.sn_footer .logo {
  height: 5.225rem;
}
.sn_footer .description_footer {
  color: #FFF;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 48%;
  width: 100%;
}
.sn_footer .links_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1.8125rem;
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.sn_footer .links_footer .title {
  color: #E3F4F7;
  font-size: 2.1775rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.39525rem;
  text-align: right;
}
.sn_footer .links_footer .link_social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
}
.sn_footer .links_footer .link_social .icon_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.sn_footer .links_footer .link_social .icon_link:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.sn_footer .links_footer .link_social .icon_link img {
  width: 2rem;
  height: 2rem;
}

.sn_copyright {
  border-top: 0.1875rem solid #101C32;
  border-bottom: 0.1875rem solid #101C32;
  background: #6E9CD4;
}

.sn_copyright_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.25rem 0;
}
.sn_copyright_content .copyright {
  color: #FFF;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.sn_copyright_content .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
.sn_copyright_content .link a {
  color: #FFF;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.sn_copyright_content .link a:hover {
  text-decoration: underline;
}