@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Orbitron:wght@400;500;600;700;800;900&family=Quicksand:wght@300;400;500;600;700&display=swap");

body {
  background-color: #050713;
  margin: 0;
}
.container {
  overflow: hidden;
  height: 100svh;
  width: 100vw;
}

.background {
  position: absolute;
  width: 100%;
  height: 100%;
  --dimension: 252px;
  z-index: 1;
  pointer-events: none;
  user-select: none;
  /* background: url(/assets/images/stars.png) repeat fixed center; */
  overflow: hidden;
}

.bg-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(/assets/images/stars.png) repeat fixed center;
  animation: bg-zoom 2s forwards, bg-rotate 20s linear infinite;
  scale: 1.4;
}

@keyframes bg-zoom {
  0% {
    scale: 0;
  }
  100% {
    scale: 1.4;
  }
}
@keyframes bg-rotate {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: 360deg;
  }
}

.eclipse {
  position: absolute;
  background: #ec1763;
  filter: blur(140px);
  width: var(--dimension);
  height: var(--dimension);
  border-radius: 50%;
}
.top {
  top: calc(var(--dimension) * -0.5);
}
.center {
  left: calc(50% - calc(var(--dimension) * 0.25));
  transform: translateX(-25%);
}
.bottom {
  bottom: calc(var(--dimension) * -0.65);
}
.left {
  left: calc(var(--dimension) * -0.5);
}
.rings {
  position: absolute;
  width: 449px;
  height: 449px;
  bottom: calc(449px * -0.78);
  left: calc(449px * -0.6);
}

.rings div {
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid #a9185c7e;
  border-radius: 50%;
}
.r1 {
  width: 449px;
  height: 449px;
}
.r2 {
  width: 343.48px;
  height: 343.48px;
  margin: 55px;
}
.main {
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 2;
  padding: 16px;
  box-sizing: border-box;
  gap: 15px;
  margin-top: 5px;
}
.branding-container {
  background: #ffffff;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  align-items: end;
  justify-content: space-around;
  min-height: 100px;
  position: relative;
  order: 1;
}
.branding-container::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(20, 22, 34, 0.1);
}
.branding-container > span {
  display: flex;
  justify-content: center;
  align-items: center;
}
.branding-container img {
  max-height: 100px;
  object-fit: contain;
}
.wd-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.wd-container img {
  max-width: 100px;
}
.powered-by {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12.2px;
  line-height: 22px;
  letter-spacing: 0.023em;
  color: #4d4e56;
}
.horizontal-line {
  background: linear-gradient(rgba(80, 80, 80, 0), rgba(239, 239, 239, 0.4892), rgba(239, 239, 239, 1), rgba(239, 239, 239, 0.4506), rgba(239, 239, 239, 0));
  width: 1px;
  height: 100px;
}
.details-container {
  border-radius: 12px;
  padding: 16px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 10px;
  background-color: rgba(20, 22, 34, 0.6);
  order: 2;
}

.details {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 20px;
}
.details-list {
  display: flex;
  flex-direction: column;
  width: inherit;
  align-items: flex-start;
  background-color: red;
  gap: 5px;
}
.icon-container {
  background: #272935;
  border-radius: 9px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.details-text {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 500;
  font-size: 13.22px;
  line-height: 19px;
  letter-spacing: 0.0025em;
  color: #ffffff;
  max-width: 18ch;
}
.text-container {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  order: 3;
}
.big-text {
  font-family: "Orbitron";
  font-style: normal;
  font-weight: 400;
  font-size: 38px;
  line-height: 43px;
  letter-spacing: 0.045em;
  color: #bcbcd0;
}
.small-text {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #fef8f8;
}
.arrow-container {
  position: absolute;
  bottom: 80px;
  right: 80px;
}
.arrow-container > .arrow::after {
  content: url("/assets/images/arrow.png");
}
.custom-chat-icon-container {
  max-width: 420px !important;
  max-height: 800px !important;
}
@media only screen and (min-width: 768px) {
  .main {
    align-items: center;
    justify-content: center;
    height: 100vh;
    gap: 40px;
  }
  .text-container {
    order: 1;
    align-items: center;
    animation: text-container-animation 1s;
  }

  @keyframes text-container-animation {
    0% {
      margin-top: -50vh;
    }
  }

  .small-text {
    order: 1;
    font-family: "DM Sans";
    font-style: normal;
    font-weight: 500;
    font-size: 21px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #fef8f8;
  }
  .big-text {
    order: 2;
    font-family: "Orbitron";
    font-style: normal;
    font-weight: 400;
    font-size: 88px;
    line-height: 92px;
    text-align: center;
    letter-spacing: 0.035em;

    animation: text-color 6s linear infinite alternate;
  }

  @keyframes text-color {
    0% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 0%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    1% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 1%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    2% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 2%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    3% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 3%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    4% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 4%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    5% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 5%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    6% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 6%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    7% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 7%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    8% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 8%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    9% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 9%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    10% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 10%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    11% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 11%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    12% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 12%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    13% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 13%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    14% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 14%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    15% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 15%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    16% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 16%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    17% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 17%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    18% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 18%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    19% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 19%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    20% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 20%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    21% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 21%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    22% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 22%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    23% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 23%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    24% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 24%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    25% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 25%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    26% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 26%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    27% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 27%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    28% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 28%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    29% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 29%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    30% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 30%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    31% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 31%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    32% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 32%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    33% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 33%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    34% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 34%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    35% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 35%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    36% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 36%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    37% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 37%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    38% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 38%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    39% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 39%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    40% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 40%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    41% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 41%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    42% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 42%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    43% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 43%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    44% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 44%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    45% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 45%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    46% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 46%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    47% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 47%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    48% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 48%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    49% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 49%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    50% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 50%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    51% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 51%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    52% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 52%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    53% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 53%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    54% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 54%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    55% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 55%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    56% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 56%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    57% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 57%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    58% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 58%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    59% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 59%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    60% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 60%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    61% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 61%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    62% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 62%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    63% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 63%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    64% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 64%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    65% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 65%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    66% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 66%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    67% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 67%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    68% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 68%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    69% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 69%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    70% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 70%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    71% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 71%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    72% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 72%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    73% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 73%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    74% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 74%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    75% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 75%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    76% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 76%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    77% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 77%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    78% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 78%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    79% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 79%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    80% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 80%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    81% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 81%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    82% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 82%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    83% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 83%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    84% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 84%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    85% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 85%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    86% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 86%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    87% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 87%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    88% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 88%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    89% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 89%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    90% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 90%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    91% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 91%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    92% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 92%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    93% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 93%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    94% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 94%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    95% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 95%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    96% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 96%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    97% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 97%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    98% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 98%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    99% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 99%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    100% {
      background: linear-gradient(90deg, #cc0000 0%, #ec1763 100%, #cc0000 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
  }

  .details-container {
    order: 2;
    flex-direction: row;
    gap: 1rem;
    padding: 30px;
    animation: details-container-animation 1s;
  }
  @keyframes details-container-animation {
    0% {
      margin-top: 48vh;
      opacity: 0;
    }
  }
  .details-container .details:first-child {
    order: 1;
  }
  .details-container .details:last-child {
    order: 2;
  }
  .details-container .details:nth-child(2) {
    order: 3;
  }
  .branding-container {
    order: 3;
    background-color: unset;
    gap: 8px;
    margin-top: 50px;
    animation: branding-container-animation 1s;
  }
  @keyframes branding-container-animation {
    0% {
      margin-top: 9.5vh;
    }
  }
  .branding-container > div:nth-child(2) {
    display: none;
  }
  .branding-container > span {
    background-color: white;
    width: 141.03px;
    height: 88.95px;
    max-width: 141.03px;
    max-height: 88.95px;
    border-radius: 12px;
    padding: 20px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .branding-container > span::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(20, 22, 34, 0.1);
  }
  .icon-container {
    width: 56px;
    height: 56px;
  }
  .icon-container > img {
    width: 20px;
    height: 24px;
    object-fit: contain;
  }
  .details-text {
    font-size: 1em;
    line-height: 26px;
    letter-spacing: 0.0025em;
    min-width: 140px;
    padding-right: unset;
  }
  .top {
    top: calc(50% - calc(var(--dimension) * 0.25));
    transform: translateY(-25%);
  }
  .center {
    right: calc(var(--dimension) * -0.5);
    left: unset;
  }
  .arrow-container {
    position: absolute;
    bottom: 70px;
    right: 150px;
    transform: rotate(-20deg);
  }
  .arrow-container > .arrow::after {
    content: url("/assets/images/arrow2.png");
  }
  .eclipse:nth-child(2) {
    scale: 1.6;
  }
}