* {
  margin: 0px;
  padding: 0px;
}
body {
  background-color: black;
  color: white;
  overflow-x: hidden !important;
  font-family: "Outfit", sans-serif;
  user-select: none !important;
}
header {
  display: flex;
  height: 64.8px;
  padding: 8px !important;
  align-items: center;
  justify-content: center;
  gap: 22.8dvw !important;
  position: fixed;
  width: 100dvw;
  z-index: 8;
}
#logo {
  border-radius: 28px !important;
  width: 42.8px;
  height: 42.8px;
}
#header {
  height: 38px;
  padding: 2.8px;
  padding-left: 4.8px;
  padding-right: 4.8px;
  background-color: #ffffff08;
  backdrop-filter: blur(2px);
  border-radius: 28px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8dvw;
  border: 1.8px solid #ffffff48;
  background-image: linear-gradient(
    90deg,
    transparent,
    #ffffff08,
    #ffffff18,
    #ffffff08
  );
}
#header a {
  color: gainsboro;
  text-decoration: none;
  background-color: transparent;
  height: 32.8px;
  padding-left: 12.8px;
  padding-right: 12.8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 28px !important;
  font-family: "Outfit", sans-serif;
  cursor: pointer;
  font-size: 14.8px;
}

.a_bu {
  background-image: linear-gradient(
    180deg,
    #ffffff18,
    #ffffff28,
    #ffffff48
  ) !important;
}

.ac_a_bu {
  background-image: linear-gradient(
    48deg,
    transparent,
    #a200ff18,
    #a200ff28,
    #a200ff48,
    #a200ff88
  ) !important;
}

i {
  cursor: pointer;
}

main {
  padding-top: 58px !important;
}

#intro {
  display: flex;
  align-items: center;
  justify-content: center;
}

.s1_p:hover .img_hi {
  display: block !important;
}

.s1_p:hover .img_intro_main {
  filter: drop-shadow(0 0 0.8rem #00d9ff88);
}

.background {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100dvw !important;
  height: 100dvh !important;
}

.moon {
  height: 28px;
  width: 64.8dvw;
  background-color: white;
  position: absolute;
  top: 88dvh !important;
  left: 17.6dvw;
  border-top-left-radius: 188%;
  border-top-right-radius: 188%;
  display: flex;
  align-items: end;
  justify-content: end;
  z-index: -1;
  filter: drop-shadow(0 -2px 4px rgba(111, 0, 255, 0.25));
  animation: moon_move 0.8s ease-in-out infinite alternate-reverse;
}

.moon_inner {
  height: 22px !important;
  width: 100%;
  background-color: black;
}

.after_intro {
  min-height: 42dvh !important;
  width: 100dvw !important;
  margin-top: 46.8dvh !important;
  margin-left: 0px !important;
}

.flex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.8dvw !important;
}

.bt_con {
  text-align: left;
  align-items: end;
  justify-content: end;
  cursor: pointer;
}

.icon_medi {
  width: 48px;
  height: 48px;
  transition: 0.8s;
}

.af_intro_1_div {
  height: 28dvh;
  display: flex;
  align-items: end;
  justify-content: end;
  background-image: url("../images/after_intro_bg.png");
  background-size: 102.8%;
  background-position: top;
}

.af_intro_1_div:hover .icon_medi {
  width: 34.8px;
  height: 34.8px;
}

.af_intro_1_div:hover p2_head {
  font-size: medium;
}
.af_intro_1_div:hover p1_p {
  font-size: x-large;
}
.af_intro_1_div:hover .bu_hid {
  display: flex;
}

iframe {
  border: none;
  outline: none;
}

#globe-earth {
  width: 28dvw !important;
  min-width: 288px !important;
  min-height: 388px !important;
  height: 34.8dvh !important;
  position: absolute;
  margin-top: 88px;
}

.globe-container {
  display: flex;
  justify-content: center;
}

#coming_soon {
  display: none;
}

.fi-br-menu-burger {
  display: none;
}