.tab,
.tab2 {
  overflow:hidden
}
*,
::after,
::before {
  padding:0;
  margin:0;
  box-sizing:border-box;
  border:0 solid currentColor
}
html {
  font-family:"Inter var",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  tab-size:4
}
#head {
  border:1px solid #d3d3d3;
  box-shadow:0 4px 8px 0 rgba(0,0,0,.1);
  padding:20px 5%;
  z-index:1;
  position:sticky;
  top:0;
  background-color:#fff
}
#gg {
  overflow-y:auto
}
#head_left {
  float:left
}
#head_left>a>img {
  height:45px;
  width:45px
}
#centre {
  text-align:left;
  margin-top:15px
}
#mid,
#middle,
.below,
.bonus_display_sider,
.contact h1,
.contain>div,
.foot {
  text-align:center
}
#centre>a {
  font-size:1.25rem;
  line-height:1.75rem;
  text-decoration:none;
  color:#000;
  font-style:italic;
  font-weight:550;
  padding-left:1rem;
  text-decoration:underline #312e81
}
#colorize {
  color:#312e81
}
@media (max-width:768px) {
  #centre {
    margin-left:19%
  }
}
@media (max-width:538px) {
  #centre {
    margin-left:17%
  }
}
@media (max-width:450px) {
  #centre {
    margin-left:15%
  }
}
@media (max-width:380px) {
  #centre {
    margin-left:11%
  }
}
@media (max-width:340px) {
  #centre {
    margin-left:5%
  }
}
#head_right {
  float:right;
  margin-top:-30px
}
.menu {
  display:flex;
  gap:2em;
  font-size:18px
}
.hamburger,
.phrasecontent,
.phrasecontent_a,
input[type=checkbox] {
  display:none
}
.menu>li,
a {
  text-decoration:none;
  list-style:none;
  color:#06c
}
.menu>li:hover {
  border-radius:5px;
  text-decoration:underline #4c9e9e
}
.menu>li {
  padding:5px 14px
}
.hamburger {
  user-select:none;
  font-size:24px
}
@media (max-width:843px) {
  .menu {
    display:none;
    position:absolute;
    background-color:#fff;
    right:0;
    left:0;
    text-align:center;
    padding:16px 0;
    margin-top:10px;
    border-bottom:1px solid #6b7edf
  }
  .menu li:hover {
    display:inline-block;
    transition:.3s
  }
  .menu li+li {
    margin-top:12px
  }
  .hamburger,
  input[type=checkbox]:checked~.menu {
    display:block
  }
}
#main {
  margin:2px 7%
}
#container,
#inner_container {
  margin-left:auto;
  margin-right:auto
}
#container {
  padding:1.5rem 2rem
}
#inner_container {
  padding:4rem 1.25rem;
  display:flex;
  flex-direction:row;
  align-items:center
}
#inner_container>div {
  align-items:center
}
#inner_container>div:first-child {
  padding-right:6rem;
  flex-grow:1;
  flex-direction:column;
  width:50%;
  margin-bottom:0;
  display:flex
}
#inner_container>div:first-child>h1 {
  font-size:3.75rem;
  font-weight:900;
  color:rgb(0 0 0 / var(--tw-text-opacity));
  margin:0
}
#inner_container>div:first-child>p {
  font-size:2.25rem;
  line-height:2.5rem;
  --tw-text-opacity:1;
  color:rgb(49 46 129 / var(--tw-text-opacity));
  margin-bottom:2rem;
  font-weight:700
}
#inner_container>div:nth-child(2) {
  max-width:32rem;
  width:100%
}
#inner_container>div:nth-child(2)>img {
  object-position:center;
  object-fit:cover;
  border-radius:.25rem;
  max-width:100%;
  height:auto;
  display:block
}
@media (max-width:1060px) {
  #inner_container {
    flex-direction:column;
    padding:1px auto
  }
  #inner_container>div {
    width:100%;
    padding:0 auto;
    margin:0 auto
  }
  #inner_container>div:first-child>h1 {
    font-size:2.75rem
  }
  #inner_container>div:first-child>p {
    font-size:1.3rem
  }
}
@media (max-width:966px) {
  #inner_container,
  #inner_container>div:first-child {
    padding:0
  }
  #inner_container>div:first-child>h1 {
    font-size:2rem
  }
  #inner_container>div:first-child>p {
    font-size:.9rem
  }
}
@media (max-width:500px) {
  #inner_container,
  #inner_container>div:first-child {
    padding:0
  }
  #inner_container>div:first-child>h1 {
    font-size:1.35rem
  }
  #inner_container>div:first-child>p {
    font-size:.9rem
  }
}
#middle {
  position:relative;
  padding:0 6%;
  margin-bottom:-20px;
  -webkit-animation-name:animatetopp;
  -webkit-animation-duration:7s;
  animation-name:animatetopp;
  animation-duration:7s
}
to {
  bottom:0;
  opacity:1
}
#middle p {
  line-height:2rem
}
@media (max-width:966px) {
  #middle h1 {
    font-size:27px
  }
  #middle p {
    line-height:1.6rem
  }
}
.contain {
  display:grid;
  grid-gap:10px;
  grid-template-columns:repeat(3,1fr);
  margin:4rem 2%
}
.contain>div {
  padding:2rem 2rem 3rem;
  max-width:350px;
  background:#fff;
  border-radius:10px;
  color:#000;
  justify-content:center;
  align-items:center;
  box-shadow:0 2px 8px #00000054;
  line-height:1.7rem;
  margin-top:20px
}
.contain>div:hover {
  border:1px solid #3730a3
}
@media (max-width:1070px) {
  .contain {
    grid-template-columns:repeat(2,1fr);
    grid-gap:5px;
    margin-left:auto;
    margin-right:auto
  }
  .contain>div {
    max-width:500px;
    margin-top:40px
  }
}
@media (max-width:720px) {
  .contain {
    grid-template-columns:repeat(1,1fr);
    grid-gap:5px;
    margin-left:auto;
    margin-right:auto
  }
  .contain>div {
    max-width:1000px;
    margin-top:40px
  }
}
.contain>div:nth-child(2n),
.contain>div:nth-child(odd) {
  background:#f5f5f5
}
.inner_contain {
  padding:.5rem 2rem
}
.inner_contain>div {
  padding-bottom:1.75rem
}
.inner_contain>div>a::before {
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:#fff;
  border-radius:3px;
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:0 50%;
  transform-origin:0 50%;
  -webkit-transition-property:transform;
  transition-property:transform;
  -webkit-transition-duration:.5s;
  transition-duration:.5s;
  -webkit-transition-timing-function:ease-out;
  transition-timing-function:ease-out
}
.inner_contain>div>a {
  position:initial;
  text-transform:uppercase;
  padding:.75rem 2rem;
  --tw-text-opacity:1;
  color:#f5f5f5;
  --tw-bg-opacity:1;
  background:#3730a3;
  border-radius:.25rem;
  cursor:pointer;
  font-size:100%;
  -webkit-transform:perspective(1px) translateZ(0);
  transform:perspective(1px) translateZ(0)
}
.inner_contain>div>a:hover::before {
  -webkit-transform:scaleX(1);
  transform:scaleX(1);
  -webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);
  transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66)
}
.inner_contain>div>a:hover {
  color:#6b7edf;
  border-color:#fff
}
.inner_contain>div>img {
  max-width:100%;
  height:6.5rem
}
.walley {
  color:#3730a3;
  margin:15px auto;
  font-size:100%
}
.tab {
  margin-left:10px
}
.tab button {
  color:#4b5563;
  background-color:inherit;
  float:left;
  border:none;
  outline:0;
  cursor:pointer;
  padding:14px 16px;
  transition:.3s;
  font-size:17px
}
.tab button:hover {
  background-color:#ddd
}
.tab button.active {
  border-bottom:2px solid #3730a3
}
.tabcontent {
  display:none;
  padding:6px 12px;
  border:none
}
.boxxy,
.imgg {
  display:flex
}
.boxxy {
  flex-wrap:wrap
}
.boxxy>button {
  border:4px solid #f9f9fa;
  background:#fff;
  border-radius:8px;
  max-width:23%;
  flex:25%;
  margin:15px 7px 0;
  padding-bottom:20px
}
#fomal>img,
.float_b>button {
  margin-left:.25rem;
  margin-right:.25rem
}
.imgg {
  justify-content:center;
  align-items:center;
  margin:15px auto
}
.imgg img {
  border-radius:80px;
  border:1px solid #fff;
  width:130px;
  height:130px
}
.wallet_name {
  font-size:20px;
  margin-left:10px
}
.wallet_type {
  color:#6b7280;
  margin-left:10px
}
.modal,
.modal_bonus {
  display:none;
  position:fixed;
  z-index:1;
  padding-top:100px;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:hidden;
  background-color:rgba(0,0,0,.2)
}
.modal-content,
.modal-contentt {
  background-color:#fefefe;
  padding:20px;
  box-shadow:0 2px 8px #00000054;
  font-family:Helvetica,Arial,sans-serif
}
.modal-content {
  margin:100px auto;
  max-width:800px;
  border-radius:.5rem
}
.modal-contentt {
  position:relative;
  margin:auto;
  border:1px solid #888;
  width:50%;
  border-radius:.5rem;
  -webkit-animation-name:animatetop;
  -webkit-animation-duration:.4s;
  animation-name:animatetop;
  animation-duration:.4s
}
@-webkit-keyframes animatetop {
  from {
    top:-300px;
    opacity:0
  }
  to {
    top:0;
    opacity:1
  }
}
#close,
#close_b {
  color:#aaa;
  float:right;
  font-size:28px;
  font-weight:700
}
#close:focus,
#close:hover {
  color:#000;
  text-decoration:none;
  cursor:pointer
}
@keyframes animatetop {
  from {
    top:-300px;
    opacity:0
  }
  to {
    top:0;
    opacity:1
  }
}
.connecty_b {
  padding-top:.5rem;
  padding-bottom:.5rem;
  justify-content:space-between;
  display:flex;
  width:100%;
  border-radius:.5rem;
  border-color:rgb(239 68 68 / var(--tw-border-opacity));
  border:2px solid #dc2626;
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.float_b,
.wal_btn {
  justify-content:center;
  display:flex
}
#fomal>img,
.wal_title>div:first-child>img {
  border-radius:9999px;
  width:3rem;
  height:auto;
  display:block
}
.align_b {
  padding:.5rem 1rem;
  margin-left:-.75rem;
  margin-right:-.75rem
}
.adjust_b,
.wal_title>div:nth-child(2) {
  margin-left:.75rem;
  margin-right:.75rem
}
.adjust_b>h2 {
  font-weight:600;
  color:#0369a1
}
.adjust_b>p {
  font-size:.875rem;
  line-height:1.25rem;
  color:#dc2626
}
.float_b>button,
.wal_btn>button {
  font-size:100%;
  cursor:pointer;
  -webkit-appearance:button
}
.float_b {
  padding:.5rem;
  align-items:center
}
.float_b>button {
  padding:.75rem;
  border-radius:.75rem;
  background-color:#1f2937;
  color:#fff
}
#fomal>img {
  max-width:100%
}
@media (max-width:900px) {
  .modal-content,
  .modal-contentt {
    width:95%
  }
  .boxxy button {
    flex:50%;
    max-width:47%
  }
}
@media (max-width:650px) {
  .boxxy button {
    flex:100%;
    max-width:100%
  }
}
.wal_title {
  padding-top:.5rem;
  padding-bottom:.5rem;
  border-radius:.5rem;
  width:100%;
  display:flex;
  margin-top:1rem;
  margin-bottom:1rem
}
.wal_title>div:first-child>img {
  max-width:100%
}
.wal_title>div:nth-child(2) {
  padding-top:.75rem;
  padding-bottom:.75rem
}
.wal_title>div:nth-child(2)>h3 {
  font-weight:600;
  --tw-text-opacity:1;
  color:rgb(3 105 161 / var(--tw-text-opacity))
}
.wal_btn {
  height:60px
}
.wal_btn>button {
  border-bottom-width:2px;
  --tw-border-opacity:1;
  border-color:rgb(107 114 128 / var(--tw-border-opacity));
  margin-left:.5rem;
  margin-right:.5rem;
  background-color:transparent;
  background-image:none;
  padding:1rem;
  border:none
}
.wal_btn>button.active {
  border-bottom:2px solid #0284c7
}
.wal_outline>input[type=password],
.wal_outline>textarea {
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.2s;
  transition-property:background-color,border-color,color,fill,stroke;
  outline:transparent solid 2px;
  color:rgb(55 65 81 / var(--tw-text-opacity));
  padding:.25rem .75rem;
  --tw-bg-opacity:.5;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity));
  border-color:rgb(209 213 219 / var(--tw-border-opacity));
  border-width:1px;
  border-radius:.25rem;
  line-height:1.5rem;
  --tw-border-opacity:1;
  resize:none;
  --tw-ring-inset:var(--tw-empty,)
}
.wal_outline>input[type=password],
.wal_outline>textarea,
.wal_proceed>button {
  border-style:solid;
  --tw-text-opacity:1;
  width:100%
}
.wal_outline {
  padding:.5rem;
  width:100%;
  position:relative
}
.wal_outline>textarea {
  outline-offset:2px;
  font-size:1rem
}
.wal_outline>input[type=password] {
  outline-offset:2px;
  font-size:.9rem
}
.wal_outline>label {
  font-size:.875rem;
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity))
}
.wal_proceed>button {
  display:block;
  margin-top:1rem;
  color:rgb(255 255 255 / var(--tw-text-opacity));
  padding-top:.5rem;
  padding-bottom:.5rem;
  --tw-bg-opacity:1;
  background-color:rgb(2 132 199 / var(--tw-bg-opacity));
  border-radius:.5rem;
  font-size:100%;
  border-color:currentColor;
  -webkit-appearance:button
}
.input_a>input[type=text],
.selection>select {
  box-shadow:rgb(74 74 104 / 10%) 0 2px 2px -1px inset;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.2s;
  transition-property:background-color,border-color,color,fill,stroke;
  outline:transparent solid 2px;
  margin:0 auto
}
.confam {
  align-content:center;
  justify-content:center
}
.confam2>img,
.confam>img {
  max-width:100%;
  height:3rem;
  align-content:center;
  padding:0 auto
}
.confam2 {
  font-size:.9rem
}
.bonus-content {
  max-width:750px;
  background-color:#f7f7f7;
  border-radius:24px;
  margin:15px auto;
  padding:15px;
  box-shadow:0 2px 8px #000x00054;
  line-height:1.5rem
}
.below {
  border-bottom:1px solid #e7e3eb;
  color:#280d5f;
  padding-bottom:20px
}
.input_a>input[type=text],
.input_b>div:first-child>input[type=text],
.selection>select {
  color:rgb(55 65 81 / var(--tw-text-opacity));
  background-color:#faf9fa;
  border-color:rgb(209 213 219 / var(--tw-border-opacity));
  padding:.55rem .75rem
}
.grider {
  margin-top:25px;
  display:grid;
  grid-gap:1.2rem
}
.input_a>input[type=text] {
  outline-offset:2px;
  --tw-text-opacity:1;
  line-height:1.5rem;
  font-size:.9rem;
  --tw-border-opacity:1;
  border-radius:20px;
  resize:none;
  width:100%;
  --tw-ring-inset:var(--tw-empty,);
  border:1px solid #d1d5db;
  display:flex
}
@media (max-width:900px) {
  .input_a>input[type=text] {
    font-size:11.4px
  }
}
.selection>select {
  outline-offset:2px;
  --tw-text-opacity:1;
  line-height:1.5rem;
  font-size:.9rem;
  --tw-border-opacity:1;
  border-radius:20px;
  resize:none;
  width:100%;
  --tw-ring-inset:var(--tw-empty,);
  border:1px solid #d1d5db
}
.contact>input,
.input_b>div:first-child>input[type=text],
textarea {
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.2s;
  transition-property:background-color,border-color,color,fill,stroke;
  outline:transparent solid 2px;
  --tw-text-opacity:1;
  line-height:1.5rem;
  font-size:.9rem;
  resize:none;
  --tw-ring-inset:var(--tw-empty,);
  --tw-border-opacity:1;
  width:100%
}
.bonus_display_u,
.input_b {
  display:flex;
  width:100%
}
.input_b>div:first-child {
  width:95%
}
.input_b>div:first-child>input[type=text] {
  outline-offset:2px;
  border-top-left-radius:20px;
  border-bottom-left-radius:20px;
  border:1px solid #d1d5db;
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box
}
.input_b>div:nth-child(2) {
  padding:.55rem .75rem;
  border-top-right-radius:20px;
  border-bottom-right-radius:20px;
  background:#d3d3d3;
  line-height:1.5rem;
  color:#000;
  font-size:.9rem;
  font-weight:100px;
  width:70px
}
.modal_content_bonus {
  background-color:#fefefe;
  margin:100px auto;
  padding:20px;
  max-width:400px;
  border-radius:.5rem;
  font-family:Helvetica,Arial,sans-serif;
  box-shadow:0 2px 8px #00000054
}
#close_b:focus,
#close_b:hover {
  color:red;
  text-decoration:none;
  cursor:pointer
}
.bonus_display {
  padding:1.2rem;
  margin-top:1.7rem;
  border-top:1px solid #e7e3eb
}
.bonus_display_u>div:first-child {
  width:80%;
  text-align:center;
  color:#280d5f;
  padding-right:2rem
}
.bonus_display_u>div:nth-child(2) {
  border-left:1px solid #e7e3eb;
  width:110px
}
.bonus_display_sider>span>img {
  height:55px;
  width:55px;
  border-radius:50%
}
.contact {
  margin:10px 10% 3.5rem
}
.contact h1 {
  color:grey
}
.contact>input,
textarea {
  outline-offset:2px;
  color:rgb(55 65 81 / var(--tw-text-opacity));
  padding:.25rem .75rem;
  margin:.75rem auto;
  --tw-bg-opacity:.5;
  border-color:rgb(209 213 219 / var(--tw-border-opacity));
  border-radius:.25rem;
  border:2px solid #d1d5db
}
.contact>button {
  background-color:#0284c7;
  border-bottom-width:2px;
  --tw-border-opacity:1;
  cursor:pointer;
  -webkit-appearance:button;
  font-size:100%;
  background-image:none;
  padding:1rem;
  border-style:solid;
  -webkit-appearance:button;
  width:100%;
  color:#fff
}
.foot {
  background-color:#3730a3;
  padding-top:1.5rem;
  padding-bottom:1.5rem;
  color:#fefefe
}