@import url("https://fonts.googleapis.com/css2?family=Anton&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Noto+Sans+JP:wght@100..900&display=swap");
@keyframes flyAndGrow {
  0% {
    top: 0;
    right: 0;
    left: auto;
    transform: scale(0.4) rotate(10deg);
    opacity: 0.5;
  }
  100% {
    top: calc(100% - 33.5rem);
    right: calc(100% - 25.9rem);
    left: auto;
    transform: scale(1) rotate(-10deg);
    opacity: 0.5;
    @media only screen and (max-width: 768px) {
      top: calc(100% - 16.5rem);
      right: calc(100% - 13rem);
    }
  }
}
@keyframes flyAndGrowSp {
  0% {
    top: 0;
    right: 0;
    left: auto;
    transform: scale(0.4) rotate(10deg);
    opacity: 0.5;
  }
  100% {
    top: calc(100% - 16.5rem);
    right: calc(100% - 13rem);
    left: auto;
    transform: scale(1) rotate(-10deg);
    opacity: 0.5;
  }
}
body,
body.en-version {
  font-family: "Poppins", sans-serif;
}

.section-title.en,
#top .fv-section .wrapper .info__wrap .mv-title,
#top .about-section .supported-chains .wraps .title,
#top .discover-section .wrapper .card-group .card-item .card-title,
#top .feature-section .wrapper .wrapper-inner .info__wrap .info-item h4,
#top .last-section .wrapper .grid .grid-item .group-header .number span,
#top .last-section .wrapper.portofolio .wrapper-inner .info__group .title {
  font-family: "Anton", sans-serif;
}

body.ja-version,
.section-title.jp {
  font-family: "Noto Sans JP", sans-serif;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  font-size: clamp(5px, 0.6944vw, 10px);
  margin: 0;
}
@media only screen and (max-width: 768px) {
  html {
    font-size: 10px;
  }
}

body {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.8;
  color: #3c3c3c;
  word-break: break-word;
  margin: 0;
  padding: 0;
  border: 0;
}

div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1,
h2 {
  line-height: 1.2;
}

h3,
h4 {
  line-height: 1.5;
}

h5,
h6 {
  line-height: inherit;
}

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

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

b,
strong {
  font-weight: bolder;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

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

img {
  vertical-align: middle;
  border-style: none;
  height: auto;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

[role="button"] {
  cursor: pointer;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

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

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: none;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

[hidden] {
  display: none !important;
}

*:focus {
  outline: none;
}

.clearfix::after {
  content: "";
  visibility: hidden;
  height: 0;
  display: block;
  font-size: 0;
  clear: both;
}

* html .clearfix {
  zoom: 1;
}

*:first-child + html .clearfix {
  zoom: 1;
}

#wrapper {
  position: relative;
  width: 100%;
}

@media print, screen and (min-width: 769px) {
  .pc-hide,
  .sp-only {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .sp-hide,
  .pc-only {
    display: none !important;
  }
}
#wrapper {
  position: relative;
  width: 100%;
}

main {
  position: relative;
}

/* input */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
select,
textarea {
  position: relative;
  background: #ffffff;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  padding: 1.6rem 1.6rem;
  width: 100%;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.4rem;
  text-align: left;
  color: #000000;
  outline: none;
  border-radius: 0;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  input[type="password"],
  select,
  textarea {
    padding: 1.2rem 1.6rem;
  }
}
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder,
select::placeholder,
textarea::placeholder {
  color: #343434;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
select {
  height: 5.6rem;
}
@media only screen and (max-width: 768px) {
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  input[type="password"],
  select {
    height: 4.8rem;
  }
}

textarea {
  height: 25rem;
}
@media only screen and (max-width: 768px) {
  textarea {
    height: 20rem;
  }
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
  border-color: #ffffff;
}

select {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(../image/select-down.svg);
  background-position: calc(100% - 1.2rem) 50%;
  background-size: 1.2rem 0.8rem;
  background-repeat: no-repeat;
  z-index: 0;
}

.container,
.container-fluid {
  width: 100%;
  padding-right: 2rem;
  padding-left: 2rem;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 768px) {
  .container,
  .container-fluid {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.container {
  max-width: 122rem;
}

@media only screen and (max-width: 768px) {
  .container {
    max-width: 54rem;
  }
}
.content-in {
  position: relative;
  max-width: 94rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

picture,
figure {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
picture img,
figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.color-blue {
  color: #2ca6e0 !important;
}

.color-yellow {
  color: #ee7d32 !important;
}

.t-text {
  font-size: 1.8rem;
}

.s-padding {
  padding: 6rem 0;
}

.section-title {
  font-size: 4.8rem;
  color: #0c0c0c;
}
@media only screen and (max-width: 768px) {
  .section-title {
    font-size: 3.2rem;
  }
}

@keyframes zoom {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.2);
  }
}
#wrapper {
  position: relative;
}

.store-links {
  margin-top: 4.8rem;
}
.store-links .link-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.8rem;
}
@media only screen and (max-width: 768px) {
  .store-links .link-group {
    justify-content: center;
    flex-direction: column;
  }
}
.store-links .link-group a {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  width: fit-content;
  padding: 1.4rem 2.4rem;
  border-radius: 15rem;
  transition: 0.3s ease;
  border: 1px solid transparent;
}
.store-links .link-group a svg path {
  transition: 0.3s ease;
}
@media only screen and (max-width: 768px) {
  .store-links .link-group a {
    justify-content: center;
    width: 100%;
  }
}
.store-links .link-group a.appstore {
  background-color: #0c0c0c;
  color: #fff;
}
.store-links .link-group a.appstore:hover {
  background-color: #fff;
  color: #0c0c0c;
  border-color: #0c0c0c;
}
.store-links .link-group a.appstore:hover svg path {
  fill: #000;
}
.store-links .link-group a.playstore {
  background-color: #fff;
  color: #171717;
}
.store-links .link-group a.playstore:hover {
  background-color: #0c0c0c;
  color: #fff;
  border-color: #fff;
}

.light-bg-wrapper {
  background-image: url("../image/background-pattern1.png");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.loader {
  background: #000;
  display: grid;
  height: 100%;
  left: 0;
  -webkit-perspective: 7.5rem;
  perspective: 7.5rem;
  place-content: center;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.loader .loader__img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  opacity: 1;
  position: relative;
}
.loader .loader__wave {
  inset: 0;
  -webkit-animation: wave 6s infinite linear;
  animation: wave 6s infinite linear;
  /* background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#000), to(transparent)); */
  background-image: linear-gradient(90deg, transparent, #d8980f, transparent);
  background-position: 0%;
  background-size: 3rem 100%;
  display: block;
  height: 100%;
  opacity: 0.4;
  position: absolute;
  -webkit-transform: rotate(70deg);
  transform: rotate(70deg);
  width: 100%;
  z-index: 2;
  border-radius: 50%;
  overflow: hidden;
}
.loader img {
  aspect-ratio: 1;
  position: relative;
  width: 100px;
}
@-webkit-keyframes wave {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 100%;
  }
}
@keyframes wave {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 100%;
  }
}
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: none;
  padding: 15px 60px;
  transition: all 0.3s ease-in-out;
  z-index: 996;
}
@media only screen and (max-width: 1100px) {
  #header {
    padding: 1.964rem 7.856rem;
  }
}
@media only screen and (max-width: 768px) {
  #header {
    padding: 1rem 2rem 0.6rem;
    height: 5.6rem;
  }
}
#header .header-wrapper {
  max-width: 1240px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  border-radius: 10rem;
  padding: 1.2rem 2rem;
}
#header .header-wrapper .header-logo img {
  width: auto;
}
#header .header-wrapper .header-nav .nav-menu {
  display: flex;
  align-items: center;
  gap: 5rem;
  font-weight: 500;
}
#header .header-wrapper .header-nav .nav-menu .menu-link {
  font-size: 16px;
  display: block;
}
@media only screen and (max-width: 768px) {
  #header .header-wrapper .header-nav {
    display: none;
  }
}
#header .header-wrapper .download-link {
  display: flex;
  gap: 10px;
  align-items: center;
}
#header .header-wrapper .download-link .download {
  display: block;
  padding: 1.4rem 2.4rem;
  background-color: #171717;
  border-radius: 10rem;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
}
@media only screen and (max-width: 768px) {
  #header .header-wrapper .download-link .download {
    margin-left: 0;
  }
}
#header .header-wrapper .download-link .lang-switch {
  font-weight: 500;
}
#header .header-wrapper .download-link .lang-switch.en span {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
}
#header .header-wrapper .download-link .lang-switch.en span::before {
  content: "";
  width: 30px;
  height: 20px;
  background-image: url("../image/en-icon.png");
  background-size: contain;
}
#header .header-wrapper .download-link .lang-switch.ja span {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
}
#header .header-wrapper .download-link .lang-switch.ja span::before {
  content: "";
  width: 30px;
  height: 20px;
  background-image: url("../image/ja-icon.png");
  background-size: contain;
}
@media only screen and (max-width: 768px) {
  #header .header-wrapper .download-link {
    display: none;
  }
}
#header.header-hidden {
  transform: translateY(-100%);
}

.mobile-nav-toggle {
  width: 2.4rem;
  height: 2.4rem;
  background-color: transparent;
  display: none;
  padding: 4px;
  flex-shrink: 0;
  border: none;
  outline: none;
  cursor: pointer;
  z-index: 999;
  margin: 0;
  transition: all 0.4s ease-in-out;
}
@media only screen and (max-width: 768px) {
  .mobile-nav-toggle {
    display: inline-block;
  }
}
.mobile-nav-toggle .toggle-icon {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}
.mobile-nav-toggle .toggle-icon span {
  display: inline-block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: #000;
  transition: all 0.4s ease-in-out;
  transform-origin: center center;
}
.mobile-nav-toggle .toggle-icon span:nth-child(1) {
  top: 0;
}
.mobile-nav-toggle .toggle-icon span:nth-child(2) {
  top: calc(50% - 1px);
}
.mobile-nav-toggle .toggle-icon span:nth-child(3) {
  bottom: 0;
}
.mobile-nav-toggle.toggle-active .toggle-icon span {
  background: #000;
}
.mobile-nav-toggle.toggle-active .toggle-icon span:nth-child(1) {
  transform: translateY(1rem) rotate(-45deg);
}
.mobile-nav-toggle.toggle-active .toggle-icon span:nth-child(2) {
  opacity: 0;
  visibility: hidden;
}
.mobile-nav-toggle.toggle-active .toggle-icon span:nth-child(3) {
  transform: translateY(-1rem) rotate(45deg);
}

#mobile-nav {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 999;
  right: -100%;
  width: 80%;
  max-width: 50rem;
  overflow-y: auto;
  transition: all 0.4s ease-in-out;
  background: #091e3a;
}
#mobile-nav .mobile-nav-container {
  position: relative;
  padding: 5.6rem 2rem 3rem;
}
#mobile-nav .mobile-nav-menu {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
}
#mobile-nav .mobile-nav-menu > li {
  position: relative;
  display: block;
  border-bottom: 1px solid #ffffff;
}
#mobile-nav .mobile-nav-menu > li > a {
  position: relative;
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.05em;
  text-align: left;
  color: #ffffff;
  padding: 1.5rem 0;
  text-decoration: none;
  outline: none;
}
#mobile-nav .mobile-nav-menu .drop-down > a::after {
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  right: 0;
  display: inline-block;
  width: 10px;
  height: 6px;
  background-image: url(../img/common/icon-down.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
}
#mobile-nav .mobile-nav-menu .drop-down ul {
  display: none;
  overflow: hidden;
}
#mobile-nav .mobile-nav-menu .drop-down li {
  padding-left: 16px;
  border-bottom: 1px solid #323232;
}
#mobile-nav .mobile-nav-menu .drop-down li a {
  position: relative;
  display: block;
  width: 100%;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2.4rem;
  text-align: left;
  color: #323232;
  padding: 1.6rem 0;
  text-decoration: none;
  outline: none;
}
#mobile-nav .mobile-nav-menu .drop-down.active > a::after {
  transform: rotate(180deg);
  transform-origin: center center;
}
#mobile-nav .mobile-nav-social {
  position: relative;
  margin-top: 4rem;
}
#mobile-nav .mobile-nav-social .social-menu {
  position: relative;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.4rem;
  padding: 0;
  margin: 0;
}
#mobile-nav .mobile-nav-social .social-menu > li {
  position: relative;
  padding: 0;
  margin: 0;
}
#mobile-nav .mobile-nav-social .social-menu > li .social-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  background: none;
  border: none;
  outline: none;
  overflow: hidden;
  z-index: 0;
}
#mobile-nav .mobile-nav-social .social-menu > li .social-link img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border: none;
}
#mobile-nav .mobile-nav-social .market-action {
  position: relative;
  margin-top: 1.6rem;
}
#mobile-nav .mobile-nav-social .market-action .market-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  height: 4.4rem;
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
  background: #ffffff;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 700;
  color: #091e3a;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
  border-radius: 0.3rem;
  border: none;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  z-index: 0;
}
#mobile-nav .mobile-nav-social .market-action .market-btn .text {
  position: relative;
  color: inherit;
  text-decoration: none;
  z-index: 3;
}
#mobile-nav .mobile-nav-social .market-action .market-btn .icon {
  position: absolute;
  top: calc(50% - 0.8rem);
  right: 1rem;
  display: block;
  width: 1.6rem;
  margin: 0;
}
#mobile-nav .mobile-nav-social .market-action .market-btn:hover {
  opacity: 0.8;
}

.sp-phone-link {
  position: fixed;
  top: 0;
  right: 5.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.6rem;
  height: 5.6rem;
  background: #2543ae;
  z-index: 999;
}
@media print, screen and (min-width: 769px) {
  .sp-phone-link {
    display: none;
  }
}
.sp-phone-link img {
  display: block;
  width: 2.4rem;
}

.mobile-nav-overly {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 993;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}

/* Mobile Nav body classes */
@media only screen and (max-width: 768px) {
  body.mobile-nav-active {
    overflow: hidden;
  }
}

body.mobile-nav-active #mobile-nav {
  right: 0;
}

body.contact-page .mobile-nav-toggle {
  display: none;
}
body.contact-page .sp-phone-link {
  right: 0;
}

@media only screen and (max-width: 768px) {
  [data-aos="zoom-in"] {
    transform: scale(0.85);
  }

  [data-aos="zoom-in-up"] {
    transform: scale(0.85), translate3d(0, 30px, 0);
  }

  [data-aos="fade-up"] {
    transform: translate3d(0, 30px, 0);
  }

  [data-aos="fade-left"] {
    transform: translate3d(-30px, 0, 0);
  }

  [data-aos="fade-right"] {
    transform: translate3d(30px, 0, 0);
  }
}
#footer {
  background-color: #f4f4f4;
}
#footer .footer-wrapper {
  padding: 4rem 0;
  border-bottom: 1px solid rgba(23, 23, 23, 0.08);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.4rem;
}
@media only screen and (max-width: 768px) {
  #footer .footer-wrapper {
    grid-template-columns: 1fr;
  }
}
#footer .footer-wrapper .footer-left {
  width: 100%;
  padding-right: 14.6rem;
}
@media only screen and (max-width: 768px) {
  #footer .footer-wrapper .footer-left {
    padding-right: 0;
  }
}
#footer .footer-wrapper .footer-left .footer-contact .subscribe-title {
  font-weight: bold;
  margin-top: 3.2rem;
}
#footer .footer-wrapper .footer-left .footer-contact .description {
  margin-top: 1.2rem;
  line-height: 1.5;
}
#footer .footer-wrapper .footer-left .footer-contact .contact-form .form-inner {
  margin: 2.8rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 5rem;
  background-color: #fff;
  overflow: hidden;
  padding: 8px 10px;
}
#footer
  .footer-wrapper
  .footer-left
  .footer-contact
  .contact-form
  .form-inner
  .input-group {
  position: relative;
  display: flex;
  align-items: center;
}
#footer
  .footer-wrapper
  .footer-left
  .footer-contact
  .contact-form
  .form-inner
  .input-group::before {
  content: "";
  position: relative;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='45' viewBox='0 0 44 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.637207' width='44' height='44' rx='22' fill='%23F6F7F9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8853 15.8743C13.2054 16.5057 12.75 17.5302 12.75 19.1372V26.1372C12.75 27.7442 13.2054 28.7687 13.8853 29.4001C14.5753 30.0408 15.615 30.3872 17 30.3872H27C28.385 30.3872 29.4246 30.0408 30.1147 29.4001C30.7946 28.7687 31.25 27.7442 31.25 26.1372V19.1372C31.25 17.5302 30.7946 16.5057 30.1147 15.8743C29.4246 15.2336 28.385 14.8872 27 14.8872H17C15.615 14.8872 14.5753 15.2336 13.8853 15.8743ZM12.8647 14.7751C13.9246 13.7908 15.385 13.3872 17 13.3872H27C28.615 13.3872 30.0754 13.7908 31.1353 14.7751C32.2054 15.7687 32.75 17.2443 32.75 19.1372V26.1372C32.75 28.0302 32.2054 29.5057 31.1353 30.4993C30.0754 31.4836 28.615 31.8872 27 31.8872H17C15.385 31.8872 13.9246 31.4836 12.8647 30.4993C11.7946 29.5057 11.25 28.0302 11.25 26.1372V19.1372C11.25 17.2443 11.7946 15.7687 12.8647 14.7751Z' fill='%23595959'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.3633 17.9472C29.6166 18.275 29.5562 18.746 29.2285 18.9993L23.6814 23.2856C22.691 24.0508 21.3089 24.0508 20.3185 23.2856L14.7714 18.9993C14.4437 18.746 14.3833 18.275 14.6366 17.9472C14.8898 17.6195 15.3608 17.5591 15.6886 17.8123L21.2356 22.0986C21.6858 22.4465 22.3141 22.4465 22.7642 22.0986L28.3113 17.8123C28.6391 17.5591 29.1101 17.6195 29.3633 17.9472Z' fill='%23595959'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 44px;
  height: 44px;
}
#footer
  .footer-wrapper
  .footer-left
  .footer-contact
  .contact-form
  .form-inner
  .input-group
  input[type="email"] {
  height: fit-content;
  font-size: 1.6rem;
  padding: 1rem 1.5rem;
}
#footer
  .footer-wrapper
  .footer-left
  .footer-contact
  .contact-form
  .form-inner
  .btn-group {
  height: 100%;
}
#footer
  .footer-wrapper
  .footer-left
  .footer-contact
  .contact-form
  .form-inner
  .btn-group
  button {
  border-radius: 10em;
  outline: unset;
  border: unset;
  background-color: #0c0c0c;
  color: #fff;
  padding: 1.4rem 2.4rem;
  font-size: 1.8rem;
  line-height: 1;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  #footer
    .footer-wrapper
    .footer-left
    .footer-contact
    .contact-form
    .policy-link {
    text-align: center;
  }
}
#footer
  .footer-wrapper
  .footer-left
  .footer-contact
  .contact-form
  .policy-link
  a {
  color: #0c0c0c;
  text-decoration: underline;
  font-weight: 500;
}
#footer .footer-wrapper .footer-left .footer-contact .social-links {
  margin-top: 2.8rem;
  clear: both;
}
#footer
  .footer-wrapper
  .footer-left
  .footer-contact
  .social-links
  .icon-link
  a {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 24px;
}
#footer .footer-wrapper .footer-right .footer-menus {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 768px) {
  #footer .footer-wrapper .footer-right .footer-menus {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 768px) {
  #footer
    .footer-wrapper
    .footer-right
    .footer-menus
    .menu-group
    + .menu-group {
    margin-top: 2.4rem;
  }
}
#footer .footer-wrapper .footer-right .footer-menus .menu-group .menu-title {
  font-size: 1.8rem;
  font-weight: bold;
  color: #0c0c0c;
}
#footer .footer-wrapper .footer-right .footer-menus .menu-group .menus > li {
  line-height: 1.5;
  margin-top: 2rem;
}
@media only screen and (max-width: 768px) {
  #footer .footer-wrapper .footer-right .footer-menus .menu-group .menus > li {
    margin-top: 1.2rem;
  }
}
#footer .footer-copy {
  padding: 4rem 0 2rem;
  text-align: center;
}

main {
  position: relative;
  z-index: 1;
  background-color: #fff;
}

#top .fv-section {
  position: relative;
  background-image: url("../image/chain-back-blue.png");
  background-size: cover;
  background-position: center;
  overflow: clip;
  min-height: 100vh;
  z-index: 0;
}
#top .fv-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(20deg, #000, rgba(0, 0, 0, 0));
  z-index: -1;
}
#top .fv-section .wrapper {
  padding-top: 14rem;
  display: flex;
}
@media only screen and (max-width: 768px) {
  #top .fv-section .wrapper {
    flex-direction: column;
    gap: 4rem;
    padding-top: 10rem;
  }
}
#top .fv-section .wrapper .info__wrap {
  position: relative;
  width: 55%;
  margin-top: 8rem;
  z-index: 3;
}
@media only screen and (max-width: 768px) {
  #top .fv-section .wrapper .info__wrap {
    width: 100%;
    margin-top: 0;
  }
}
#top .fv-section .wrapper .info__wrap .catch {
  width: fit-content;
  display: flex;
  align-items: center;
  position: relative;
  gap: 8px;
  background-color: rgba(255, 255, 255, 0.65);
  padding: 4px 12px 4px 4px;
  border: 1px solid rgba(255, 255, 255, 0.67);
  border-radius: 5rem;
  line-height: 1;
}
#top .fv-section .wrapper .info__wrap .catch::before {
  content: "";
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' rx='16' fill='url(%23paint0_linear_2263_272)'/%3E%3Crect x='0.5' y='0.5' width='31' height='31' rx='15.5' stroke='white' stroke-opacity='0.38'/%3E%3Cpath d='M15.9999 25.6796C15.6759 25.6823 15.3575 25.5953 15.0799 25.4282L11.6114 23.3996C10.3129 22.6734 9.22906 21.6173 8.46951 20.338C7.70996 19.0587 7.30158 17.6016 7.28564 16.1139V10.571C7.2858 10.1975 7.40033 9.83298 7.61385 9.52651C7.82736 9.22003 8.1296 8.98629 8.47993 8.85673L15.3714 6.3253C15.7772 6.17672 16.2226 6.17672 16.6285 6.3253L23.5199 8.85673C23.8703 8.98629 24.1725 9.22003 24.386 9.52651C24.5995 9.83298 24.7141 10.1975 24.7142 10.571V16.1139C24.6983 17.6016 24.2899 19.0587 23.5304 20.338C22.7708 21.6173 21.687 22.6734 20.3885 23.3996L16.9199 25.4282C16.6424 25.5953 16.3239 25.6823 15.9999 25.6796ZM15.9999 7.6453C15.9546 7.63704 15.9081 7.63704 15.8628 7.6453L8.97136 10.1882C8.89373 10.2169 8.82712 10.2693 8.78097 10.3381C8.73482 10.4068 8.71146 10.4883 8.71422 10.571V16.1139C8.73079 17.3517 9.07402 18.5633 9.70918 19.6259C10.3443 20.6885 11.2489 21.5645 12.3314 22.1653L15.7999 24.1996C15.8613 24.2331 15.93 24.2507 15.9999 24.2507C16.0698 24.2507 16.1386 24.2331 16.1999 24.1996L19.6685 22.1653C20.7509 21.5645 21.6555 20.6885 22.2907 19.6259C22.9258 18.5633 23.2691 17.3517 23.2856 16.1139V10.571C23.286 10.4902 23.2615 10.4113 23.2155 10.3448C23.1695 10.2784 23.1043 10.2277 23.0285 10.1996L16.1371 7.66816C16.0931 7.65223 16.0467 7.64448 15.9999 7.6453Z' fill='white'/%3E%3Cpath d='M15.3717 18.7712C15.203 18.7701 15.0398 18.7117 14.9088 18.6055L12.4688 16.5484C12.3233 16.4264 12.2322 16.2516 12.2156 16.0624C12.199 15.8733 12.2582 15.6853 12.3802 15.5398C12.5022 15.3943 12.677 15.3033 12.8662 15.2867C13.0553 15.27 13.2433 15.3292 13.3888 15.4512L15.3031 17.0627L18.5717 13.4627C18.699 13.3217 18.877 13.2371 19.0667 13.2275C19.2564 13.2178 19.4421 13.2839 19.5831 13.4112C19.724 13.5386 19.8086 13.7166 19.8183 13.9063C19.8279 14.096 19.7618 14.2817 19.6345 14.4227L15.9317 18.537C15.8608 18.6141 15.774 18.675 15.6773 18.7155C15.5807 18.7559 15.4764 18.7749 15.3717 18.7712Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2263_272' x1='47' y1='-50.5' x2='91.2641' y2='2.63403' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.013124' stop-color='%2300F4C8'/%3E%3Cstop offset='0.495206' stop-color='%233A7DE6'/%3E%3Cstop offset='1' stop-color='%231E298E'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
}
#top .fv-section .wrapper .info__wrap .catch span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #0a0a0a;
}
#top .fv-section .wrapper .info__wrap .mv-title {
  font-size: 6.4rem;
  color: #fff;
  line-height: 1.2;
  margin-top: 2.1rem;
}
@media only screen and (max-width: 768px) {
  #top .fv-section .wrapper .info__wrap .mv-title {
    font-size: 4rem;
  }
}
#top .fv-section .wrapper .info__wrap .mv-description {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-top: 1.8rem;
  color: #fff;
  width: 75%;
}
@media only screen and (max-width: 768px) {
  #top .fv-section .wrapper .info__wrap .mv-description {
    width: 100%;
  }
}
#top .fv-section .wrapper .info__wrap .store-links .link-group {
  justify-content: flex-start;
}
@media only screen and (max-width: 768px) {
  #top .fv-section .wrapper .info__wrap .store-links .link-group {
    justify-content: center;
  }
}
@media only screen and (max-width: 576px) {
  #top .fv-section .wrapper .info__wrap .store-links .link-group {
    flex-direction: column;
  }
  #top .fv-section .wrapper .info__wrap .store-links .link-group a {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
#top .fv-section .wrapper .catch-img__wrap {
  flex: auto;
}
#top .fv-section .wrapper .catch-img__wrap .img-group {
  position: relative;
  height: 100%;
}
#top .fv-section .wrapper .catch-img__wrap .img-group .phone-img {
  position: absolute;
  left: 0;
  top: 5rem;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  #top .fv-section .wrapper .catch-img__wrap .img-group .phone-img {
    position: relative;
    top: 0;
    left: 4rem;
  }
  #top .fv-section .wrapper .catch-img__wrap .img-group .phone-img img {
    width: 100%;
  }
}
#top .fv-section .wrapper .catch-img__wrap .img-group .phone-img img {
  user-select: none;
  -webkit-user-drag: none;
}

@media only screen and (max-width: 768px) {
  #top .fv-section .wrapper .catch-img__wrap .img-group::before {
    display: none;
  }
}

#top .fv-section .wrapper .catch-img__wrap .img-group::after {
  content: "";
  position: absolute;
  width: 19.4rem;
  height: 4.4rem;
  top: 120%;
  left: 60%;
  background-image: url("../image/follow.png");
  background-size: contain;
  background-repeat: no-repeat;
  transform-origin: bottom left;
  z-index: 10;
}
@media only screen and (max-width: 768px) {
  #top .fv-section .wrapper .catch-img__wrap .img-group::after {
    left: 0;
    bottom: 5rem;
    top: unset;
  }
}
#top .about-section .network-slider {
  padding: 3.2rem 0;
}
#top .about-section .network-slider .slider-title {
  text-align: center;
}
#top .about-section .network-slider .slider-inner {
  margin-top: 3.2rem;
}
#top .about-section .network-slider .slider-inner .swiper-wrapper {
  position: relative;
  transition-timing-function: linear !important;
  transition-property: transform !important;
  will-change: transform;
}
#top .about-section .network-slider .slider-inner .swiper-slide {
  position: relative;
  pointer-events: none;
  width: 10.4rem;
  z-index: 0;
  width: fit-content;
  padding: 0 45px;
  display: flex;
  align-items: center;
  gap: 1rem;
}
#top .about-section .network-slider .slider-inner .swiper-slide img {
  width: 4rem;
  height: auto;
  object-fit: cover;
  border-radius: 50%;
}
#top .about-section .network-slider .slider-inner .swiper-slide span {
  font-size: 2.4rem;
  font-weight: 700;
  color: #3a5088;
}
#top .about-section .about-wrapper {
  position: relative;
  z-index: 0;
  overflow: clip;
}
#top .about-section .about-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 40rem;
  aspect-ratio: 1/1;
  background-color: #58b6f8;
  border-radius: 50%;
  filter: blur(160px);
  z-index: -1;
}
#top .about-section .about-wrapper::after {
  content: "";
  position: absolute;
  top: 30rem;
  right: 10%;
  width: 28rem;
  aspect-ratio: 1/1;
  background-color: #ffed4b;
  border-radius: 50%;
  filter: blur(160px);
  z-index: -2;
}
#top .about-section .about-wrapper .wrap-inner {
  display: flex;
  gap: 4rem;
}
#top .about-section .about-wrapper .wrap-inner .info__group .description {
  color: #0a0a0a;
  font-size: 1.8rem;
  margin-top: 1.8rem;
  line-height: 1.5;
}
@media only screen and (max-width: 768px) {
  #top .about-section .about-wrapper .wrap-inner .info__group .description {
    font-size: 1.6rem;
  }
}
#top .about-section .about-wrapper .wrap-inner .catch-img__group {
  flex-shrink: 0;
  margin-top: 9px;
}
@media only screen and (max-width: 768px) {
  #top .about-section .about-wrapper .wrap-inner .catch-img__group {
    display: none;
  }
}
#top .about-section .about-wrapper .wrap-inner .catch-img__group figure {
  max-width: 59rem;
  width: 100%;
  border-radius: 24px;
}
#top .about-section .about-wrapper .wrap-inner .sm-img {
  margin-top: 4rem;
  overflow: hidden;
  width: 38.4rem;
}
@media only screen and (max-width: 768px) {
  #top .about-section .about-wrapper .wrap-inner .sm-img {
    margin-left: auto;
    margin-right: auto;
    width: 32.7rem;
  }
}
#top
  .about-section
  .about-wrapper
  .wrap-inner
  .sm-img
  .swiper-wrapper
  .swiper-slide {
  height: 45rem;
  border-radius: 20px;
  background-image: url("../image/bitcoin.png");
  background-size: cover;
  padding: 43px;
}
#top
  .about-section
  .about-wrapper
  .wrap-inner
  .sm-img
  .swiper-wrapper
  .swiper-slide
  img {
  width: 100%;
}
#top .about-section .supported-chains {
  padding: 12rem 0;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  #top .about-section .supported-chains {
    padding: 4rem 0;
  }
}
#top .about-section .supported-chains .wraps {
  position: relative;
  border-radius: 3.2rem;
  background: url("../image/chain-back-pink.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 8rem 4rem;
  color: #fff;
  z-index: 0;
  overflow: hidden;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 768px) {
  #top .about-section .supported-chains .wraps {
    padding: 5.4rem 1.2rem;
  }
}
#top .about-section .supported-chains .wraps::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: -1;
  mix-blend-mode: difference;
}
#top .about-section .supported-chains .wraps .title {
  font-size: 4.8rem;
  text-align: center;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
  #top .about-section .supported-chains .wraps .title {
    font-size: 3.2rem;
  }
}
#top .about-section .supported-chains .wraps .description {
  text-align: center;
  margin-top: 1.8rem;
}
#top .about-section .supported-chains .wraps .description p {
  font-size: 1.8rem;
}
@media only screen and (max-width: 768px) {
  #top .about-section .supported-chains .wraps .description p {
    font-size: 2rem;
  }
}
#top .about-section .supported-chains .wraps .network-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2.4rem;
  margin-top: 2.4rem;
}
@media only screen and (max-width: 768px) {
  #top .about-section .supported-chains .wraps .network-list {
    gap: 1rem;
  }
}
#top .about-section .supported-chains .wraps .network-list .n-item {
  width: 13.6rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  flex-shrink: 0;
  overflow: hidden;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  #top .about-section .supported-chains .wraps .network-list .n-item {
    width: 9rem;
  }
}
#top .about-section .supported-chains .wraps .network-list .n-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#top .discover-section {
  padding: 12rem 0;
  background-color: #0f0f0f;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  #top .discover-section {
    padding: 6rem 0;
  }
}
#top .discover-section .section-title {
  text-align: center;
  color: #fff;
}
#top .discover-section .wrapper {
  margin-top: 5.6rem;
}
#top .discover-section .wrapper .card-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media only screen and (max-width: 768px) {
  #top .discover-section .wrapper .card-group {
    grid-template-columns: 1fr;
  }
}
#top .discover-section .wrapper .card-group .card-item {
  width: 100%;
  aspect-ratio: 580 / 496;
  padding: 4rem;
  border-radius: 3.2rem;
  background-color: #191919;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  #top .discover-section .wrapper .card-group .card-item {
    height: 41.6rem;
    padding: 2rem;
  }
}
#top .discover-section .wrapper .card-group .card-item .card-title {
  font-size: 2.4rem;
}
#top .discover-section .wrapper .card-group .card-item .description {
  margin-top: 12px;
  font-size: 1.8rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.6);
}
#top .discover-section .wrapper .card-group .card-item .img-wrap {
  position: relative;
}
#top .discover-section .wrapper .card-group .card-item .img-wrap img {
  position: absolute;
  width: 100%;
  user-select: none;
  -webkit-user-drag: none;
}
#top
  .discover-section
  .wrapper
  .card-group
  .card-item:first-child
  .img-wrap
  img {
  top: -4rem;
  left: 5rem;
}
@media only screen and (max-width: 768px) {
  #top
    .discover-section
    .wrapper
    .card-group
    .card-item:first-child
    .img-wrap
    img {
    left: 0;
    width: 100%;
    scale: 1.4;
  }
}
#top
  .discover-section
  .wrapper
  .card-group
  .card-item:nth-child(2)
  .img-wrap
  img {
  top: 1rem;
  left: 1rem;
}
#top .discover-section .wrapper .card-group .card-item:nth-child(3) .img-wrap {
  position: relative;
}
#top
  .discover-section
  .wrapper
  .card-group
  .card-item:nth-child(3)
  .img-wrap::before {
  content: "";
  position: absolute;
  top: 6rem;
  left: 50%;
  width: 45rem;
  aspect-ratio: 1/1;
  background-color: #ddf472;
  border-radius: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
  #top
    .discover-section
    .wrapper
    .card-group
    .card-item:nth-child(3)
    .img-wrap::before {
    width: 95%;
  }
}
#top
  .discover-section
  .wrapper
  .card-group
  .card-item:nth-child(3)
  .img-wrap
  .visa {
  top: 8rem;
  left: 50%;
  width: 70%;
  transform-origin: top left;
  transform: rotate(14.95deg) translateX(-50%);
}
#top
  .discover-section
  .wrapper
  .card-group
  .card-item:nth-child(3)
  .img-wrap
  .misland {
  top: 24rem;
  left: 60%;
  width: 70%;
  transform: translateX(-50%);
  transform-origin: top left;
}
@media only screen and (max-width: 768px) {
  #top
    .discover-section
    .wrapper
    .card-group
    .card-item:nth-child(3)
    .img-wrap
    .misland {
    transform: translateX(-50%) rotate(-7deg);
    top: 20rem;
  }
}
#top
  .discover-section
  .wrapper
  .card-group
  .card-item:nth-child(4)
  .img-wrap
  img {
  top: 1rem;
  mix-blend-mode: exclusion;
}
#top .feature-section {
  padding: 6rem 0;
  background: url("../image/feature-background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#top .feature-section .section-title {
  text-align: center;
  color: #fff;
}
#top .feature-section .description {
  margin-top: 1.8rem;
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #top .feature-section .description {
    font-size: 1.6rem;
  }
}
#top .feature-section .wrapper {
  margin-top: 5.6rem;
}
#top .feature-section .wrapper .wrapper-inner {
  display: flex;
  gap: 5.6rem;
}
@media only screen and (max-width: 768px) {
  #top .feature-section .wrapper .wrapper-inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3.2rem;
  }
}
#top .feature-section .wrapper .wrapper-inner .img__wrap {
  width: 50%;
  position: relative;
  transform: translateX(-10rem);
}
@media only screen and (max-width: 768px) {
  #top .feature-section .wrapper .wrapper-inner .img__wrap {
    transform: unset;
    width: 100%;
    height: 30rem;
  }
}
#top .feature-section .wrapper .wrapper-inner .img__wrap img {
  position: relative;
  flex-shrink: 0;
  width: 28.8rem;
  height: auto;
  user-select: none;
  -webkit-user-drag: none;
  transition: 0.5s ease-in-out;
}
@media only screen and (max-width: 768px) {
  #top .feature-section .wrapper .wrapper-inner .img__wrap img {
    width: 12.7rem;
  }
}
#top .feature-section .wrapper .wrapper-inner .img__wrap img:first-child {
  position: absolute;
  left: 50%;
  transform-origin: bottom right;
  translate: -50% -2rem;
}
#top .feature-section .wrapper .wrapper-inner .img__wrap img:last-child {
  position: absolute;
  left: 50%;
  transform-origin: bottom left;
  translate: -50% -2rem;
}
#top
  .feature-section
  .wrapper
  .wrapper-inner
  .img__wrap.active
  img:first-child {
  transform-origin: bottom right;
  rotate: -13.31deg;
  translate: calc(-50% - 3rem) -2rem;
}
#top .feature-section .wrapper .wrapper-inner .img__wrap.active img:last-child {
  position: absolute;
  transform-origin: bottom left;
  rotate: 13.31deg;
  translate: calc(-50% + 3rem) -2rem;
}
#top .feature-section .wrapper .wrapper-inner .info__wrap .info-item {
  padding: 3.2rem 2.4rem;
  border: 1px solid rgba(255, 255, 255, 0.37);
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.38);
  color: #fff;
  backdrop-filter: blur(59.4px);
  -webkit-backdrop-filter: blur(59.4px);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 768px) {
  #top .feature-section .wrapper .wrapper-inner .info__wrap .info-item {
    padding: 2.4rem 1.2rem;
  }
}
#top
  .feature-section
  .wrapper
  .wrapper-inner
  .info__wrap
  .info-item
  + .info-item {
  margin-top: 2.4rem;
}
#top .feature-section .wrapper .wrapper-inner .info__wrap .info-item h4 {
  font-size: 2rem;
  line-height: 1.2;
}
#top .feature-section .wrapper .wrapper-inner .info__wrap .info-item ul {
  margin-top: 1.2rem;
  list-style-type: disc;
  padding-left: 2rem;
}
#top .feature-section .wrapper .wrapper-inner .info__wrap .info-item ul li {
  line-height: 1.5;
}
#top .last-section .wrapper {
  padding: 6rem 0;
}
@media only screen and (max-width: 768px) {
  #top .last-section .wrapper {
    padding: 4rem 0;
  }
}
#top .last-section .wrapper .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: space-between;
  gap: 2rem;
}
@media only screen and (max-width: 768px) {
  #top .last-section .wrapper .grid {
    grid-template-columns: 1fr;
  }
}
#top .last-section .wrapper .grid .grid-item {
  width: 100%;
}
#top .last-section .wrapper .grid .grid-item .group-header {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  #top .last-section .wrapper .grid .grid-item .group-header {
    justify-content: center;
  }
}
#top .last-section .wrapper .grid .grid-item .group-header .avatars .avatar {
  float: left;
  width: 40px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 2px solid #fff;
  overflow: hidden;
}
#top
  .last-section
  .wrapper
  .grid
  .grid-item
  .group-header
  .avatars
  .avatar
  + .avatar {
  margin-left: -10px;
}
#top
  .last-section
  .wrapper
  .grid
  .grid-item
  .group-header
  .avatars
  .avatar
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#top .last-section .wrapper .grid .grid-item .group-header .icon img {
  width: 4rem;
  aspect-ratio: 1/1;
}
#top .last-section .wrapper .grid .grid-item .group-header .number {
  margin-top: 0.25rem;
}
#top .last-section .wrapper .grid .grid-item .group-header .number span {
  font-size: 3.2rem;
  line-height: 1.2;
  color: #0c0c0c;
}
#top .last-section .wrapper .grid .grid-item .description {
  margin-top: 2rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #top .last-section .wrapper .grid .grid-item .description {
    font-size: 1.6rem;
    text-align: center;
  }
}
#top .last-section .wrapper:first-child {
  background-color: #f4f4f4;
}
#top .last-section .wrapper.portofolio .wrapper-inner {
  position: relative;
  background: url("../image/bitcoin-bg.png");
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  display: flex;
  overflow: hidden;
  padding: 13rem 6.6rem;
}
@media only screen and (max-width: 768px) {
  #top .last-section .wrapper.portofolio .wrapper-inner {
    padding: 2.8rem;
    height: 68.4rem;
    flex-direction: column;
  }
}
#top .last-section .wrapper.portofolio .wrapper-inner .info__group {
  position: relative;
  width: 60%;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  #top .last-section .wrapper.portofolio .wrapper-inner .info__group {
    width: 100%;
    text-align: center;
  }
}
#top .last-section .wrapper.portofolio .wrapper-inner .info__group .title {
  width: 70%;
  font-size: 4.8rem;
  color: #0c0c0c;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
  #top .last-section .wrapper.portofolio .wrapper-inner .info__group .title {
    font-size: 3.2rem;
    width: 100%;
  }
}
#top
  .last-section
  .wrapper.portofolio
  .wrapper-inner
  .info__group
  .description {
  margin-top: 1.8rem;
  font-size: 1.8rem;
  color: #0a0a0a;
}
#top
  .last-section
  .wrapper.portofolio
  .wrapper-inner
  .info__group
  .store-links {
  margin-top: 4.2rem;
}
#top
  .last-section
  .wrapper.portofolio
  .wrapper-inner
  .info__group
  .store-links
  .link-group {
  justify-content: flex-start;
}
@media only screen and (max-width: 768px) {
  #top
    .last-section
    .wrapper.portofolio
    .wrapper-inner
    .info__group
    .store-links
    .link-group {
    justify-content: center;
  }
}
@media only screen and (max-width: 576px) {
  #top
    .last-section
    .wrapper.portofolio
    .wrapper-inner
    .info__group
    .store-links
    .link-group {
    flex-direction: column;
  }
  #top
    .last-section
    .wrapper.portofolio
    .wrapper-inner
    .info__group
    .store-links
    .link-group
    a {
    display: flex;
    justify-content: center;
    gap: 1.6rem;
    width: 100%;
  }
}
#top .last-section .wrapper.portofolio .wrapper-inner .slider-group {
  position: absolute;
  display: flex;
  gap: 2rem;
  top: -10%;
  right: 18%;
  height: 90rem;
  rotate: -36.81deg;
  transform-origin: top left;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  #top .last-section .wrapper.portofolio .wrapper-inner .slider-group {
    height: 760px;
    rotate: -67.8deg;
    top: unset;
    bottom: -100%;
    right: 60%;
    gap: 1.2rem;
  }
}
#top
  .last-section
  .wrapper.portofolio
  .wrapper-inner
  .slider-group
  .slider4
  .swiper-wrapper {
  margin-top: 10rem;
}
#top
  .last-section
  .wrapper.portofolio
  .wrapper-inner
  .slider-group
  .swiper-wrapper {
  position: relative;
  transition-timing-function: linear !important;
  transition-property: transform !important;
  will-change: transform;
}
#top
  .last-section
  .wrapper.portofolio
  .wrapper-inner
  .slider-group
  .swiper-wrapper
  .swiper-slide {
  margin: 5px 0;
}
#top
  .last-section
  .wrapper.portofolio
  .wrapper-inner
  .slider-group
  .swiper-wrapper
  .swiper-slide
  img {
  height: 100%;
  user-select: none;
  -webkit-user-drag: none;
}

/*# sourceMappingURL=app.css.map */