/*
Theme Name: LDP Game HTML WordPress Theme
Description: A WordPress theme converted from HTML layout with Polylang multilingual support
Version: 1.0
Author: Your Name
Text Domain: ldp-game-html
Domain Path: /languages/
*/

.mobile.mobile-wrapper {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.mobile .div {
  background-color: #ffffff;
  overflow: hidden;
  width: 402px;
  height: 12645px;
  position: relative;
}

.mobile .overlap {
  position: absolute;
  width: 1551px;
  height: 1115px;
  top: 11932px;
  left: -336px;
}

.mobile .group {
  position: absolute;
  width: 1551px;
  height: 1115px;
  top: 0;
  left: 0;
  transform: rotate(180deg);
}

.mobile .overlap-group {
  position: relative;
  height: 1115px;
}

.mobile .ellipse {
  position: absolute;
  width: 1128px;
  height: 638px;
  top: 0;
  left: 273px;
  background-color: #d82140;
  border-radius: 564px / 318.94px;
  filter: blur(100px);
}

.mobile .ellipse-2 {
  position: absolute;
  width: 573px;
  height: 377px;
  top: 294px;
  left: 978px;
  background-color: #ff5500;
  border-radius: 286.5px / 188.27px;
  filter: blur(100px);
}

.mobile .ellipse-3 {
  position: absolute;
  width: 1529px;
  height: 614px;
  top: 501px;
  left: 0;
  background-color: #034cbd;
  border-radius: 764.5px / 306.9px;
  filter: blur(100px);
}

.mobile .frame {
  display: flex;
  flex-direction: column;
  width: 355px;
  align-items: flex-start;
  position: absolute;
  top: 468px;
  left: 359px;
}

.mobile .frame-2 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 64px;
  padding: 8px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .medianet {
  position: relative;
  flex: 1;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: -0.42px;
  line-height: 18.2px;
}

.mobile .heading-projects {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 44px;
  white-space: nowrap;
}

.mobile .frame-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .frame-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  padding: 12px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -1px;
  margin-left: -1px;
  margin-right: -1px;
  border-top-width: 0.5px;
  border-top-style: solid;
  border-bottom-width: 0.5px;
  border-bottom-style: solid;
  border-color: #ffffff;
}

.mobile .registergericht {
  position: relative;
  width: fit-content;
  margin-top: -0.25px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 10px;
  letter-spacing: -0.3px;
  line-height: 13px;
}

.mobile .text-wrapper {
  font-weight: 700;
  letter-spacing: -0.03px;
}

.mobile .span {
  letter-spacing: -0.03px;
}

.mobile .p {
  position: relative;
  width: fit-content;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 10px;
  letter-spacing: -0.3px;
  line-height: 13px;
}

.mobile .frame-5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: -1px;
  margin-left: -1px;
  margin-right: -1px;
  border-top-width: 0.5px;
  border-top-style: solid;
  border-bottom-width: 0.5px;
  border-bottom-style: solid;
  border-color: #ffffff;
}

.mobile .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-top: -0.25px;
  font-family: "TRIAL Rooftop-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 22.8px;
  white-space: nowrap;
}

.mobile .text-wrapper-3 {
  position: relative;
  width: fit-content;
  margin-top: -0.25px;
  font-family: "TRIAL Rooftop-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22.8px;
  white-space: nowrap;
}

.mobile .text-wrapper-4 {
  position: relative;
  width: fit-content;
  margin-top: -0.25px;
  font-family: "TRIAL Rooftop-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 15px;
  text-align: right;
  letter-spacing: 0;
  line-height: 22.8px;
  white-space: nowrap;
}

.mobile .overlap-2 {
  position: absolute;
  width: 466px;
  height: 575px;
  top: 4590px;
  left: 24px;
}

.mobile .ellipse-4 {
  position: absolute;
  width: 280px;
  height: 280px;
  top: 206px;
  left: 181px;
  border-radius: 140.22px;
  transform: rotate(88.13deg);
  filter: blur(25px);
  background: linear-gradient(270deg,
      rgba(255, 0, 4, 1) 11%,
      rgba(255, 255, 255, 1) 94%);
}

.mobile .text-wrapper-5 {
  position: absolute;
  width: 283px;
  top: 0;
  left: 0;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 14px;
  letter-spacing: -0.42px;
  line-height: 18.2px;
}

.mobile .mask-group {
  top: 320px;
  left: 150px;
  position: absolute;
  width: 205px;
  height: 222px;
}

.mobile .frame-6 {
  display: flex;
  flex-direction: column;
  width: 280px;
  align-items: flex-start;
  padding: 12px 18px;
  position: absolute;
  top: 508px;
  left: 75px;
  background-color: #7f7f7f4c;
  border-radius: 20px;
  border: none;
  backdrop-filter: blur(20.18px) brightness(100%);
  -webkit-backdrop-filter: blur(20.18px) brightness(100%);
  background-blend-mode: luminosity;
}

.mobile .frame-6::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.81px;
  border-radius: 20px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .millon-zahino {
  position: relative;
  align-self: stretch;
  margin-top: -0.81px;
  font-family: "Manrope", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .text-wrapper-6 {
  position: relative;
  align-self: stretch;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .overlap-3 {
  position: absolute;
  width: 391px;
  height: 389px;
  top: 6450px;
  left: 99px;
}

.mobile .ellipse-5 {
  position: absolute;
  width: 280px;
  height: 280px;
  top: 4px;
  left: 106px;
  border-radius: 140.22px;
  transform: rotate(88.13deg);
  filter: blur(25px);
  background: linear-gradient(270deg,
      rgba(255, 0, 4, 1) 11%,
      rgba(255, 255, 255, 1) 94%);
}

.mobile .img {
  top: 118px;
  left: 75px;
  position: absolute;
  width: 205px;
  height: 222px;
}

.mobile .frame-7 {
  display: flex;
  flex-direction: column;
  width: 280px;
  align-items: flex-start;
  padding: 12px 18px;
  position: absolute;
  top: 306px;
  left: 0;
  background-color: #7f7f7f4c;
  border-radius: 20px;
  border: none;
  backdrop-filter: blur(20.18px) brightness(100%);
  -webkit-backdrop-filter: blur(20.18px) brightness(100%);
  background-blend-mode: luminosity;
}

.mobile .frame-7::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.81px;
  border-radius: 20px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .overlap-4 {
  position: absolute;
  width: 466px;
  height: 601px;
  top: 7434px;
  left: 24px;
}

.mobile .ellipse-6 {
  position: absolute;
  width: 280px;
  height: 280px;
  top: 232px;
  left: 181px;
  border-radius: 140.22px;
  transform: rotate(88.13deg);
  filter: blur(25px);
  background: linear-gradient(270deg,
      rgba(255, 0, 4, 1) 11%,
      rgba(255, 255, 255, 1) 94%);
}

.mobile .text-wrapper-7 {
  position: absolute;
  width: 279px;
  top: 0;
  left: 0;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 14px;
  letter-spacing: -0.42px;
  line-height: 18.2px;
}

.mobile .mask-group-2 {
  top: 346px;
  left: 150px;
  position: absolute;
  width: 205px;
  height: 222px;
}

.mobile .frame-8 {
  display: flex;
  flex-direction: column;
  width: 280px;
  align-items: flex-start;
  padding: 12px 18px;
  position: absolute;
  top: 534px;
  left: 75px;
  background-color: #7f7f7f4c;
  border-radius: 20px;
  border: none;
  backdrop-filter: blur(20.18px) brightness(100%);
  -webkit-backdrop-filter: blur(20.18px) brightness(100%);
  background-blend-mode: luminosity;
}

.mobile .frame-8::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.81px;
  border-radius: 20px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .overlap-5 {
  position: absolute;
  width: 450px;
  height: 785px;
  top: 5251px;
  left: -72px;
}

.mobile .ellipse-7 {
  position: absolute;
  width: 280px;
  height: 280px;
  top: 416px;
  left: 4px;
  border-radius: 140.22px;
  transform: rotate(88.13deg);
  filter: blur(25px);
  background: linear-gradient(270deg,
      rgba(255, 0, 4, 1) 11%,
      rgba(255, 255, 255, 1) 94%);
}

.mobile .with-the-house-of {
  position: absolute;
  width: 289px;
  top: 0;
  left: 161px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 14px;
  text-align: right;
  letter-spacing: -0.42px;
  line-height: 18.2px;
}

.mobile .mask-group-3 {
  top: 530px;
  left: 95px;
  position: absolute;
  width: 205px;
  height: 222px;
}

.mobile .frame-9 {
  display: flex;
  flex-direction: column;
  width: 280px;
  align-items: flex-start;
  padding: 12px 18px;
  position: absolute;
  top: 718px;
  left: 95px;
  background-color: #7f7f7f4c;
  border-radius: 20px;
  border: none;
  backdrop-filter: blur(20.18px) brightness(100%);
  -webkit-backdrop-filter: blur(20.18px) brightness(100%);
  background-blend-mode: luminosity;
}

.mobile .frame-9::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.81px;
  border-radius: 20px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .overlap-6 {
  position: absolute;
  width: 450px;
  height: 633px;
  top: 8121px;
  left: -72px;
}

.mobile .ellipse-8 {
  position: absolute;
  width: 280px;
  height: 280px;
  top: 248px;
  left: 4px;
  border-radius: 140.22px;
  transform: rotate(88.13deg);
  filter: blur(25px);
  background: linear-gradient(270deg,
      rgba(255, 0, 4, 1) 11%,
      rgba(255, 255, 255, 1) 94%);
}

.mobile .text-wrapper-8 {
  position: absolute;
  width: 285px;
  top: 0;
  left: 165px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 14px;
  text-align: right;
  letter-spacing: -0.42px;
  line-height: 18.2px;
}

.mobile .mask-group-4 {
  top: 362px;
  left: 95px;
  position: absolute;
  width: 205px;
  height: 222px;
}

.mobile .frame-10 {
  display: flex;
  flex-direction: column;
  width: 280px;
  align-items: flex-start;
  padding: 12px 18px;
  position: absolute;
  top: 550px;
  left: 95px;
  background-color: #7f7f7f4c;
  border-radius: 20px;
  border: none;
  backdrop-filter: blur(20.18px) brightness(100%);
  -webkit-backdrop-filter: blur(20.18px) brightness(100%);
  background-blend-mode: luminosity;
}

.mobile .frame-10::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.81px;
  border-radius: 20px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .overlap-7 {
  position: absolute;
  width: 450px;
  height: 470px;
  top: 6894px;
  left: -72px;
}

.mobile .ellipse-9 {
  position: absolute;
  width: 280px;
  height: 280px;
  top: 85px;
  left: 4px;
  border-radius: 140.22px;
  transform: rotate(88.13deg);
  filter: blur(25px);
  background: linear-gradient(270deg,
      rgba(255, 0, 4, 1) 11%,
      rgba(255, 255, 255, 1) 94%);
}

.mobile .text-wrapper-9 {
  position: absolute;
  width: 254px;
  top: 0;
  left: 196px;
  font-size: 14px;
  text-align: right;
  letter-spacing: -0.42px;
  line-height: 18.2px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #000000;
}

.mobile .mask-group-5 {
  top: 199px;
  left: 95px;
  position: absolute;
  width: 205px;
  height: 222px;
}

.mobile .frame-11 {
  display: flex;
  flex-direction: column;
  width: 280px;
  align-items: flex-start;
  padding: 12px 18px;
  position: absolute;
  top: 387px;
  left: 95px;
  background-color: #7f7f7f4c;
  border-radius: 20px;
  border: none;
  backdrop-filter: blur(20.18px) brightness(100%);
  -webkit-backdrop-filter: blur(20.18px) brightness(100%);
  background-blend-mode: luminosity;
}

.mobile .frame-11::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.81px;
  border-radius: 20px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .overlap-8 {
  position: absolute;
  width: 1378px;
  height: 1589px;
  top: 2856px;
  left: -419px;
}

.mobile .overlap-wrapper {
  position: absolute;
  width: 1378px;
  height: 1179px;
  top: 374px;
  left: 0;
}

.mobile .overlap-9 {
  position: relative;
  width: 1376px;
  height: 1179px;
  left: 1px;
}

.mobile .ellipse-10 {
  position: absolute;
  width: 1314px;
  height: 417px;
  top: 155px;
  left: 31px;
  background-color: #d82140;
  border-radius: 656.77px / 208.47px;
  transform: rotate(165.75deg);
  filter: blur(50px);
}

.mobile .ellipse-11 {
  position: absolute;
  width: 429px;
  height: 385px;
  top: 113px;
  left: 166px;
  background-color: #ff5500;
  border-radius: 214.5px / 192.5px;
  transform: rotate(180deg);
  filter: blur(50px);
}

.mobile .ellipse-12 {
  position: absolute;
  width: 899px;
  height: 774px;
  top: 384px;
  left: 228px;
  background-color: #034cbd;
  border-radius: 449.66px / 387.24px;
  transform: rotate(177.28deg);
  filter: blur(75px);
}

.mobile .ellipse-13 {
  position: absolute;
  width: 885px;
  height: 631px;
  top: 958px;
  left: 178px;
  background-color: #ffffff;
  border-radius: 442.5px / 315.5px;
  filter: blur(50px);
}

.mobile .frame-12 {
  display: flex;
  flex-direction: column;
  width: 354px;
  align-items: flex-start;
  gap: 32px;
  position: absolute;
  top: 871px;
  left: 443px;
}

.mobile .text-wrapper-10 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: -0.6px;
  line-height: normal;
}

.mobile .frame-13 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .frame-14 {
  display: flex;
  flex-direction: column;
  height: 150px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 32px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #d2d2d24c;
  border-radius: 26.66px;
  border: none;
  backdrop-filter: blur(100px) brightness(100%);
  -webkit-backdrop-filter: blur(100px) brightness(100%);
  background-blend-mode: luminosity;
}

.mobile .frame-14::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 26.66px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .ubisoft {
  position: relative;
  width: 126px;
  height: 42px;
  object-fit: cover;
}

.mobile .text-wrapper-11 {
  position: relative;
  width: 201px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .frame-15 {
  display: flex;
  flex-direction: column;
  height: 150px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 28px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #d2d2d24c;
  border-radius: 26.66px;
  border: none;
  backdrop-filter: blur(100px) brightness(100%);
  -webkit-backdrop-filter: blur(100px) brightness(100%);
  background-blend-mode: luminosity;
}

.mobile .frame-15::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 26.66px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .wista {
  position: relative;
  width: 126px;
  height: 50px;
}

.mobile .text-wrapper-12 {
  position: relative;
  width: 251px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .frame-16 {
  display: flex;
  flex-direction: column;
  height: 150px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 32px 28px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #d2d2d24c;
  border-radius: 26.66px;
  border: none;
  backdrop-filter: blur(100px) brightness(100%);
  -webkit-backdrop-filter: blur(100px) brightness(100%);
  background-blend-mode: luminosity;
}

.mobile .frame-16::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 26.66px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .game-logo-RGB {
  position: relative;
  width: 107px;
  height: 40px;
  object-fit: cover;
}

.mobile .text-wrapper-13 {
  position: relative;
  width: 255px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .medianet-logo {
  position: relative;
  width: 147px;
  height: 35px;
}

.mobile .house-of-games {
  position: absolute;
  top: 675px;
  left: 456px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  letter-spacing: -0.36px;
  line-height: 12px;
}

.mobile .text-wrapper-14 {
  letter-spacing: -0.04px;
  line-height: 14.9px;
}

.mobile .text-wrapper-15 {
  font-size: 10px;
  letter-spacing: -0.03px;
  line-height: 13.2px;
}

.mobile .rectangle-wrapper {
  position: absolute;
  width: 998px;
  height: 661px;
  top: 0;
  left: 121px;
}

.mobile .rectangle {
  position: absolute;
  width: 402px;
  height: 661px;
  top: 0;
  left: 298px;
  object-fit: cover;
}

.mobile .frame-wrapper {
  position: absolute;
  width: 402px;
  height: 644px;
  top: 1094px;
  left: 0;
  background-image: url(img/vector-6.svg);
  background-size: 100% 100%;
}

.mobile .frame-17 {
  display: flex;
  flex-direction: column;
  width: 392px;
  align-items: center;
  justify-content: center;
  gap: 19.39px;
  position: relative;
  top: 274px;
  left: 5px;
}

.mobile .the-house-of-games {
  position: relative;
  align-self: stretch;
  margin-top: -1.14px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 18px;
  text-align: center;
  letter-spacing: -0.54px;
  line-height: 20.5px;
}

.mobile .text-wrapper-16 {
  position: relative;
  align-self: stretch;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 44px;
  text-align: center;
  letter-spacing: -1.32px;
  line-height: 57.2px;
}

.mobile .text-wrapper-17 {
  position: relative;
  align-self: stretch;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 18px;
  text-align: center;
  letter-spacing: -0.54px;
  line-height: 23.4px;
}

.mobile .vector {
  position: absolute;
  width: 294px;
  height: 342px;
  top: 1908px;
  left: 4324px;
}

.mobile .overlap-10 {
  position: absolute;
  width: 1314px;
  height: 945px;
  top: 29px;
  left: -524px;
}

.mobile .ellipse-14 {
  position: absolute;
  width: 1117px;
  height: 412px;
  top: 0;
  left: 0;
  background-color: #034cbd;
  border-radius: 558.5px / 206px;
  filter: blur(100px);
}

.mobile .ellipse-15 {
  position: absolute;
  width: 1128px;
  height: 742px;
  top: 203px;
  left: 186px;
  background-color: #d82140;
  border-radius: 564px / 371px;
  filter: blur(100px);
}

.mobile .ellipse-16 {
  position: absolute;
  width: 444px;
  height: 385px;
  top: 103px;
  left: 738px;
  background-color: #ff5500;
  border-radius: 222px / 192.5px;
  filter: blur(100px);
}

.mobile .navbar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7.98px;
  position: absolute;
  top: 398px;
  left: 548px;
}

.mobile .text-wrapper-18 {
  position: relative;
  width: fit-content;
  margin-top: -0.26px;
  font-family: "TRIAL Rooftop-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 25.6px;
  letter-spacing: 0;
  line-height: 27.3px;
  white-space: nowrap;
}

.mobile .text-wrapper-19 {
  position: relative;
  width: fit-content;
  margin-top: -0.26px;
  font-family: "TRIAL Rooftop-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 25.6px;
  text-align: center;
  letter-spacing: 0;
  line-height: 27.3px;
  white-space: nowrap;
}

.mobile .text-wrapper-20 {
  text-align: right;
  position: relative;
  width: fit-content;
  margin-top: -0.26px;
  font-family: "TRIAL Rooftop-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 25.6px;
  letter-spacing: 0;
  line-height: 27.3px;
  white-space: nowrap;
}

.mobile .frame-18 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  position: absolute;
  top: 526px;
  left: 572px;
}

.mobile .text-wrapper-21 {
  position: relative;
  width: 217px;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 27px;
}

.mobile .text-wrapper-22 {
  position: relative;
  width: 307px;
  font-family: "Manrope", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 10px;
  text-align: center;
  letter-spacing: 0;
  line-height: 16px;
}

.mobile .div-wrapper {
  display: flex;
  width: 155px;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 8px 16px;
  position: absolute;
  top: 1792px;
  left: 124px;
  border-radius: 50px;
  box-shadow: inset 0px 0px 1px #ffffff;
  background: linear-gradient(273deg,
      rgba(216, 33, 64, 1) 0%,
      rgba(255, 203, 0, 1) 100%);
}

.mobile .text-wrapper-23 {
  position: relative;
  width: fit-content;
  font-family: "Manrope", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 10px;
  text-align: center;
  letter-spacing: 0;
  line-height: 19.6px;
  white-space: nowrap;
}

.mobile .frame-19 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 68px;
  position: absolute;
  top: 1942px;
  left: 24px;
}

.mobile .frame-20 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 31px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .what-exactly-is-the {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #414141;
  font-size: 16px;
  text-align: center;
  letter-spacing: -0.48px;
  line-height: 20.8px;
  white-space: nowrap;
}

.mobile .text-wrapper-24 {
  font-weight: 500;
  color: #000000;
  letter-spacing: -0.08px;
}

.mobile .text-wrapper-25 {
  font-weight: 800;
  color: #000000;
  letter-spacing: -0.08px;
}

.mobile .text-wrapper-26 {
  position: relative;
  width: 353px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 20px;
  text-align: center;
  letter-spacing: -0.6px;
  line-height: 27px;
}

.mobile .frame-21 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-22 {
  position: relative;
  width: 355px;
  height: 96px;
  margin-top: -1px;
  margin-left: -1px;
  margin-right: -1px;
  border-radius: 25px;
  border: 1px solid;
  border-color: #ffffff;
  backdrop-filter: blur(12.5px) brightness(100%);
  -webkit-backdrop-filter: blur(12.5px) brightness(100%);
  background: linear-gradient(163deg,
      rgba(249, 177, 7, 1) 0%,
      rgba(220, 52, 58, 1) 100%);
}

.mobile .frame-23 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  top: 24px;
  left: 24px;
}

.mobile .heading-UX-UI {
  width: 267px;
  position: relative;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .frame-24 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 96px;
  margin-left: -1px;
  margin-right: -1px;
  border-radius: 25px;
  border: none;
  backdrop-filter: blur(12.5px) brightness(100%);
  -webkit-backdrop-filter: blur(12.5px) brightness(100%);
  background: linear-gradient(163deg,
      rgba(249, 177, 7, 1) 0%,
      rgba(220, 52, 58, 1) 100%);
}

.mobile .frame-24::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 25px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .heading-UX-UI-2 {
  width: 297px;
  position: relative;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .heading-UX-UI-3 {
  width: 289px;
  position: relative;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .frame-25 {
  display: inline-flex;
  align-items: flex-start;
  top: 36px;
  left: 24px;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.mobile .heading-UX-UI-4 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .frame-26 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 96px;
  margin-bottom: -1px;
  margin-left: -1px;
  margin-right: -1px;
  border-radius: 25px;
  border: none;
  backdrop-filter: blur(12.5px) brightness(100%);
  -webkit-backdrop-filter: blur(12.5px) brightness(100%);
  background: linear-gradient(163deg,
      rgba(249, 177, 7, 1) 0%,
      rgba(220, 52, 58, 1) 100%);
}

.mobile .frame-26::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 25px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .frame-27 {
  display: inline-flex;
  align-items: flex-start;
  top: 36px;
  left: 27px;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.mobile .with-a-record {
  position: absolute;
  width: 315px;
  top: 6122px;
  left: 24px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 14px;
  letter-spacing: -0.42px;
  line-height: 18.2px;
}

.mobile .overlap-11 {
  position: absolute;
  width: 938px;
  height: 559px;
  top: 8948px;
  left: -268px;
}

.mobile .overlap-group-wrapper {
  position: absolute;
  width: 938px;
  height: 559px;
  top: 0;
  left: 0;
}

.mobile .overlap-12 {
  position: relative;
  width: 402px;
  height: 661px;
  top: -51px;
  left: 268px;
}

.mobile .vector-2 {
  position: absolute;
  width: 305px;
  height: 661px;
  top: 0;
  left: 0;
}

.mobile .vector-3 {
  position: absolute;
  width: 305px;
  height: 661px;
  top: 0;
  left: 97px;
}

.mobile .vector-4 {
  position: absolute;
  width: 402px;
  height: 579px;
  top: 41px;
  left: 0;
}

.mobile .frame-28 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 19.39px;
  position: absolute;
  top: 193px;
  left: 330px;
}

.mobile .text-wrapper-27 {
  position: relative;
  width: 222px;
  margin-top: -1.14px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: -0.48px;
  line-height: 18.2px;
}

.mobile .opening {
  position: relative;
  width: fit-content;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 72px;
  text-align: center;
  letter-spacing: -2.16px;
  line-height: 72px;
}

.mobile .frame-29 {
  display: inline-flex;
  flex-direction: column;
  gap: 68px;
  top: 9750px;
  left: 25px;
  align-items: center;
  position: absolute;
}

.mobile .who-will-be-able-to {
  position: relative;
  width: 315px;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #414141;
  font-size: 16px;
  text-align: center;
  letter-spacing: -0.48px;
  line-height: 20.8px;
}

.mobile .text-wrapper-28 {
  font-weight: 700;
  color: #000000;
  letter-spacing: -0.08px;
}

.mobile .overlap-13 {
  position: absolute;
  width: 402px;
  height: 82px;
  top: 10016px;
  left: 0;
}

.mobile .frame-30 {
  display: flex;
  width: 402px;
  justify-content: flex-start;
  gap: 8px;
  top: 4px;
  left: 0;
  overflow: hidden;
  align-items: center;
  position: absolute;
  animation: slideItems 20s linear infinite;
}

@keyframes slideItems {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
  }
}

.mobile .frame-31 {
  position: relative;
  width: 229px;
  height: 72px;
  margin-top: -0.39px;
  margin-bottom: -0.39px;
  margin-left: -177.62px;
  border-radius: 25px;
  border: none;
  backdrop-filter: blur(12.5px) brightness(100%);
  -webkit-backdrop-filter: blur(12.5px) brightness(100%);
  background: linear-gradient(90deg,
      rgba(247, 168, 12, 1) 0%,
      rgba(223, 67, 52, 1) 100%);
}

.mobile .frame-31::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 25px;
  background: linear-gradient(355deg,
      rgba(173, 103, 103, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .frame-32 {
  display: flex;
  width: 189px;
  align-items: center;
  justify-content: center;
  top: 24px;
  left: 24px;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.mobile .heading-UX-UI-5 {
  width: fit-content;
  text-align: center;
  position: relative;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .frame-33 {
  position: relative;
  width: 359px;
  height: 72px;
  margin-top: -0.39px;
  margin-bottom: -0.39px;
  margin-left: 8px;
  border-radius: 25px;
  border: none;
  backdrop-filter: blur(12.5px) brightness(100%);
  -webkit-backdrop-filter: blur(12.5px) brightness(100%);
  background: linear-gradient(90deg,
      rgba(247, 168, 12, 1) 0%,
      rgba(223, 67, 52, 1) 100%),
    linear-gradient(0deg, rgba(255, 85, 0, 0.5) 0%, rgba(255, 85, 0, 0.5) 100%);
}

.mobile .frame-33::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 25px;
  background: linear-gradient(355deg,
      rgba(173, 103, 103, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .frame-34 {
  display: inline-flex;
  align-items: flex-start;
  top: 24px;
  left: 27px;
  right: 15px;
  flex-direction: column;
  gap: 8px;
  position: relative;
  padding-right: 15px;
}

.mobile .frame-35 {
  position: relative;
  width: 258px;
  height: 72px;
  margin-top: -0.39px;
  margin-bottom: -0.39px;
  margin-left: 8px;
  border-radius: 25px;
  border: none;
  backdrop-filter: blur(12.5px) brightness(100%);
  -webkit-backdrop-filter: blur(12.5px) brightness(100%);
  background: linear-gradient(90deg,
      rgba(247, 168, 12, 1) 0%,
      rgba(223, 67, 52, 1) 100%);
}

.mobile .frame-35::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 25px;
  background: linear-gradient(355deg,
      rgba(173, 103, 103, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .frame-36 {
  display: none;
}

.mobile .frame-37 {
  display: none;
}

.mobile .frame-38 {
  display: none;
}

.mobile .frame-39 {
  display: none;
}

.mobile .rectangle-2 {
  position: absolute;
  width: 88px;
  height: 82px;
  top: 0;
  left: 314px;
  background: linear-gradient(90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%);
}

.mobile .rectangle-3 {
  position: absolute;
  width: 88px;
  height: 82px;
  top: 0;
  left: 0;
  transform: rotate(180deg);
  background: linear-gradient(90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%);
}

.mobile .frame-40 {
  display: flex;
  flex-direction: column;
  width: 404px;
  align-items: center;
  gap: 83px;
  position: absolute;
  top: 10257px;
  left: -1px;
}

.mobile .frame-41 {
  display: flex;
  flex-direction: column;
  width: 189.19px;
  align-items: center;
  gap: 35.82px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-29 {
  position: relative;
  align-self: stretch;
  margin-top: -1.12px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 22.4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 29.1px;
}

.mobile .layer {
  position: relative;
  width: 93.42px;
  height: 62.64px;
}

.mobile .frame-42 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 58.21px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .group-2 {
  position: relative;
  width: 113.46px;
  height: 236.94px;
}

.mobile .frame-43 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 71px;
  position: absolute;
  top: 11038px;
  left: 1px;
}

.mobile .heading-projects-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .heading-projects-2 {
  position: relative;
  width: fit-content;
  margin-top: -0.64px;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #1f2024;
  font-size: 32px;
  letter-spacing: 0;
  line-height: 25.1px;
  white-space: nowrap;
}

.mobile .frame-44 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 72px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-45 {
  display: flex;
  flex-direction: column;
  width: 401.08px;
  align-items: center;
  gap: 56px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-fields {
  width: 351px;
  align-items: flex-start;
  gap: 32px;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  position: relative;
}

.mobile .component {
  display: flex;
  align-items: flex-start;
  gap: 7.73px;
  padding: 4px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .text-field {
  align-items: center;
  justify-content: center;
  gap: 7.08px;
  flex: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}

.mobile .label-text {
  position: relative;
  align-self: stretch;
  margin-top: -0.64px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #4b5563cc;
  font-size: 10px;
  letter-spacing: 0;
  line-height: normal;
  background: transparent;
  border: none;
  padding: 0;
}

.mobile .rectangle-4 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1px;
  margin-bottom: -0.36px;
  background-color: #88888880;
}

.mobile .label-text-2 {
  position: relative;
  align-self: stretch;
  margin-top: -0.64px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #4b5563cc;
  font-size: 10px;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .arrow-svg {
  position: relative;
  width: 18.03px;
  height: 18.03px;
  transform: rotate(90deg);
}

.mobile .vector-5 {
  position: absolute;
  width: 10px;
  height: 6px;
  top: 6px;
  left: 4px;
  transform: rotate(-90deg);
}

.mobile .frame-46 {
  display: flex;
  width: 155px;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 8px 16px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 50px;
  box-shadow: inset 0px 0px 1px #ffffff;
  background: linear-gradient(273deg,
      rgba(216, 33, 64, 1) 0%,
      rgba(255, 203, 0, 1) 100%);
}

.mobile .component-2 {
  display: flex;
  width: 402px;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  position: fixed;
  top: 61px;
  left: 0;
  background-color: #ffffff1a;
  backdrop-filter: blur(50px) brightness(100%);
  -webkit-backdrop-filter: blur(50px) brightness(100%);
  background-blend-mode: luminosity;
}

.mobile .frame-47 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
}

.mobile .house-of-games-2 {
  position: relative;
  width: 181px;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 12px;
  letter-spacing: 1.2px;
  line-height: normal;
}

.mobile .frame-48 {
  display: flex;
  width: 204px;
  align-items: center;
  gap: 6px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-30 {
  position: relative;
  width: fit-content;
  margin-top: -0.43px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  text-align: center;
  letter-spacing: 1.2px;
  line-height: normal;
}

.mobile .connect {
  position: relative;
  width: fit-content;
  margin-top: -0.43px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  letter-spacing: 1.2px;
  line-height: normal;
}

.mobile .pajamas-hamburger-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .pajamas-hamburger {
  display: flex;
  flex-direction: column;
  width: 16px;
  align-items: flex-start;
  gap: 8px;
  padding: 3px 0px;
  position: relative;
}

.mobile .vector-6 {
  position: relative;
  width: 16px;
  height: 10px;
  cursor: pointer;
}

.mobile .mobile-dropdown-menu {
  position: fixed;
  top: 109px;
  right: 0;
  width: 200px;
  background-color: #ffffff;
  border-radius: 8px 0 0 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  display: none;
  overflow: hidden;
}

.mobile .mobile-menu-item {
  padding: 16px 24px;
  font-family: "Manrope", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 14px;
  letter-spacing: 1.54px;
  line-height: 19.6px;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.mobile .mobile-menu-item:last-child {
  border-bottom: none;
}

.mobile .mobile-menu-item:hover {
  background-color: #f5f5f5;
}

.mobile .iphone-x-status-bars {
  position: fixed;
  width: 402px;
  height: 61px;
  top: 0;
  left: 0;
  background-color: #ffffff;
}

.mobile .iphone-x-status-bars-2 {
  position: relative;
  height: 44px;
}

.mobile .battery {
  position: absolute;
  width: 24px;
  height: 11px;
  top: 26px;
  left: 347px;
}

.mobile .capacity-wrapper {
  position: absolute;
  width: 22px;
  height: 11px;
  top: 0;
  left: 0;
  border-radius: 2.67px;
  border: 1px solid;
  border-color: #00000059;
}

.mobile .capacity {
  position: relative;
  width: 18px;
  height: 7px;
  top: 1px;
  left: 1px;
  background-color: #000000;
  border-radius: 1.33px;
}

.mobile .cap {
  position: absolute;
  width: 1px;
  height: 4px;
  top: 4px;
  left: 23px;
}

.mobile .wifi {
  position: absolute;
  width: 16px;
  height: 11px;
  top: 26px;
  left: 322px;
}

.mobile .cellular-connection {
  position: absolute;
  width: 18px;
  height: 11px;
  top: 27px;
  left: 299px;
}

.mobile .time-style {
  height: 21px;
  top: 18px;
  left: 27px;
  position: absolute;
  width: 54px;
}

.mobile .time {
  top: 2px;
  left: 0;
  font-family: "SF Pro Display-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 15px;
  text-align: center;
  line-height: normal;
  position: absolute;
  width: 54px;
}

.mobile .text-wrapper-31 {
  letter-spacing: -0.04px;
}

.mobile .text-wrapper-32 {
  letter-spacing: 0;
}

.mobile.v-wrapper {
  background-color: #f4f3f3;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.mobile .v {
  background-color: #f4f3f3;
  overflow: hidden;
  max-width: 1440px;
  width: 100%;
  height: 11776px;
  position: relative;
}

.mobile .overlap-14 {
  position: absolute;
  width: 796px;
  height: 838px;
  top: 1098px;
  left: 322px;
  background-image: url(https://c.animaapp.com/1xKjQ86E/img/vector-12.svg);
  background-size: 100% 100%;
}

.mobile .frame-49 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 44px;
  position: relative;
  top: 340px;
  left: 66px;
}

.mobile .the-house-of-games-2 {
  position: relative;
  width: 665px;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 24px;
  text-align: center;
  letter-spacing: -0.72px;
  line-height: 31.2px;
}

.mobile .text-wrapper-33 {
  position: relative;
  width: fit-content;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 100px;
  letter-spacing: -3px;
  line-height: 130px;
  white-space: nowrap;
}

.mobile .text-wrapper-34 {
  position: relative;
  width: 665px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 24px;
  text-align: center;
  letter-spacing: -0.72px;
  line-height: 31.2px;
}

.mobile .overlap-15 {
  position: absolute;
  width: 3120px;
  height: 3732px;
  top: 2861px;
  left: -889px;
}

.mobile .overlap-16 {
  position: absolute;
  width: 3120px;
  height: 3190px;
  top: 542px;
  left: 0;
}

.mobile .ellipse-17 {
  position: absolute;
  width: 3016px;
  height: 800px;
  top: 359px;
  left: 52px;
  background-color: #d82140;
  border-radius: 1507.93px / 399.85px;
  transform: rotate(165.75deg);
  filter: blur(100px);
}

.mobile .ellipse-18 {
  position: absolute;
  width: 983px;
  height: 552px;
  top: 437px;
  left: 343px;
  background-color: #ff5500;
  border-radius: 491.5px / 275.78px;
  transform: rotate(180deg);
  filter: blur(150px);
}

.mobile .ellipse-19 {
  position: absolute;
  width: 2065px;
  height: 687px;
  top: 682px;
  left: 642px;
  background-color: #034cbd;
  border-radius: 1032.41px / 343.73px;
  transform: rotate(177.28deg);
  filter: blur(150px);
}

.mobile .ellipse-20 {
  position: absolute;
  width: 2225px;
  height: 1839px;
  top: 866px;
  left: 580px;
  background-color: #ffffff;
  border-radius: 1112.5px / 919.5px;
  filter: blur(50px);
}

.mobile .ellipse-21 {
  position: absolute;
  width: 446px;
  height: 446px;
  top: 1351px;
  left: 1944px;
  border-radius: 222.82px;
  transform: rotate(88.13deg);
  filter: blur(50px);
  background: linear-gradient(270deg,
      rgba(255, 0, 4, 1) 11%,
      rgba(255, 255, 255, 1) 94%);
}

.mobile .ellipse-22 {
  position: absolute;
  width: 446px;
  height: 446px;
  top: 2000px;
  left: 939px;
  border-radius: 222.82px;
  transform: rotate(88.13deg);
  filter: blur(50px);
  background: linear-gradient(270deg,
      rgba(255, 0, 4, 1) 11%,
      rgba(255, 255, 255, 1) 94%);
}

.mobile .ellipse-23 {
  position: absolute;
  width: 446px;
  height: 446px;
  top: 2618px;
  left: 1812px;
  border-radius: 222.82px;
  transform: rotate(88.13deg);
  filter: blur(50px);
  background: linear-gradient(270deg,
      rgba(255, 0, 4, 1) 11%,
      rgba(255, 255, 255, 1) 94%);
}

.mobile .mask-group-6 {
  position: absolute;
  width: 355px;
  height: 385px;
  top: 1520px;
  left: 1758px;
}

.mobile .mask-group-7 {
  position: absolute;
  width: 355px;
  height: 385px;
  top: 2162px;
  left: 1103px;
}

.mobile .mask-group-8 {
  position: absolute;
  width: 355px;
  height: 385px;
  top: 2752px;
  left: 1743px;
}

.mobile .house-of-games-3 {
  position: absolute;
  top: 385px;
  left: 1289px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 24px;
  text-align: center;
  letter-spacing: -0.72px;
  line-height: 24px;
}

.mobile .text-wrapper-35 {
  letter-spacing: -0.17px;
  line-height: 29.8px;
}

.mobile .text-wrapper-36 {
  font-size: 20px;
  letter-spacing: -0.12px;
  line-height: 30.4px;
}

.mobile .frame-50 {
  display: flex;
  flex-direction: column;
  width: 398px;
  align-items: flex-start;
  padding: 16px 24px;
  position: absolute;
  top: 1872px;
  left: 1700px;
  background-color: #dadada4c;
  border-radius: 25px;
  border: none;
  backdrop-filter: blur(25px) brightness(100%);
  -webkit-backdrop-filter: blur(25px) brightness(100%);
  background-blend-mode: luminosity;
}

.mobile .frame-50::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 25px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .millon-zahino-2 {
  color: #414141;
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .behavioral-science {
  color: #414141;
  position: relative;
  align-self: stretch;
  font-family: "Manrope", Helvetica;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .frame-51 {
  display: flex;
  flex-direction: column;
  width: 398px;
  align-items: flex-start;
  padding: 16px 24px;
  position: absolute;
  top: 3106px;
  left: 1710px;
  background-color: #dadada4c;
  border-radius: 25px;
  border: none;
  backdrop-filter: blur(25px) brightness(100%);
  -webkit-backdrop-filter: blur(25px) brightness(100%);
  background-blend-mode: luminosity;
}

.mobile .frame-51::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 25px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .millon-zahino-3 {
  color: #292929;
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .behavioral-science-2 {
  color: #000000;
  position: relative;
  align-self: stretch;
  font-family: "Manrope", Helvetica;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .frame-52 {
  display: flex;
  flex-direction: column;
  width: 398px;
  align-items: flex-start;
  padding: 16px 24px;
  position: absolute;
  top: 2505px;
  left: 1103px;
  background-color: #dadada4c;
  border-radius: 25px;
  border: none;
  backdrop-filter: blur(25px) brightness(100%);
  -webkit-backdrop-filter: blur(25px) brightness(100%);
  background-blend-mode: luminosity;
}

.mobile .frame-52::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 25px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .text-wrapper-37 {
  position: absolute;
  width: 553px;
  top: 1568px;
  left: 1097px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #414141;
  font-size: 18px;
  letter-spacing: -0.54px;
  line-height: 23.4px;
}

.mobile .with-the-house-of-wrapper {
  display: flex;
  flex-direction: column;
  width: 563px;
  align-items: flex-end;
  gap: 22px;
  position: absolute;
  top: 2149px;
  left: 1555px;
}

.mobile .with-the-house-of-2 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  text-align: right;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #414141;
  font-size: 18px;
  letter-spacing: -0.54px;
  line-height: 23.4px;
}

.mobile .text-wrapper-38 {
  position: absolute;
  width: 852px;
  top: 717px;
  left: 1183px;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 40px;
  text-align: center;
  letter-spacing: -1.2px;
  line-height: 52px;
}

.mobile .frame-53 {
  display: flex;
  flex-direction: column;
  width: 1100px;
  align-items: flex-start;
  gap: 6px;
  position: absolute;
  top: 944px;
  left: 1059px;
}

.mobile .frame-54 {
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .frame-55 {
  display: flex;
  flex-direction: column;
  width: 397px;
  height: 225px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 36px 42px;
  position: relative;
  background-color: #d2d2d24c;
  border-radius: 26.66px;
  border: none;
  backdrop-filter: blur(100px) brightness(100%);
  -webkit-backdrop-filter: blur(100px) brightness(100%);
  background-blend-mode: luminosity;
}

.mobile .frame-55::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 26.66px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .ubisoft-2 {
  position: relative;
  width: 211px;
  height: 70px;
  object-fit: cover;
}

.mobile .text-wrapper-39 {
  position: relative;
  align-self: stretch;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
}

.mobile .frame-56 {
  display: flex;
  flex-direction: column;
  height: 225px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 32px 80px 36px 40px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #d2d2d24c;
  border-radius: 26.66px;
  border: none;
  backdrop-filter: blur(100px) brightness(100%);
  -webkit-backdrop-filter: blur(100px) brightness(100%);
  background-blend-mode: luminosity;
}

.mobile .frame-56::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 26.66px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .wista-2 {
  position: relative;
  width: 198px;
  height: 78px;
}

.mobile .text-wrapper-40 {
  position: relative;
  width: 329.7px;
  height: 37px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
}

.mobile .frame-57 {
  display: flex;
  flex-direction: column;
  width: 480px;
  height: 225px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 42.65px;
  position: relative;
  background-color: #d2d2d24c;
  border-radius: 26.66px;
  border: none;
  backdrop-filter: blur(100px) brightness(100%);
  -webkit-backdrop-filter: blur(100px) brightness(100%);
  background-blend-mode: luminosity;
}

.mobile .frame-57::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 26.66px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .game-logo-RGB-2 {
  position: relative;
  width: 145px;
  height: 55.1px;
  object-fit: cover;
}

.mobile .text-wrapper-41 {
  position: relative;
  width: 255px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
}

.mobile .frame-58 {
  display: flex;
  flex-direction: column;
  width: 614px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 42.65px;
  position: relative;
  align-self: stretch;
  background-color: #d2d2d24c;
  border-radius: 26.66px;
  border: none;
  backdrop-filter: blur(100px) brightness(100%);
  -webkit-backdrop-filter: blur(100px) brightness(100%);
  background-blend-mode: luminosity;
}

.mobile .frame-58::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 26.66px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .medianet-logo-2 {
  position: relative;
  width: 225px;
  height: 53px;
}

.mobile .rectangle-5 {
  position: absolute;
  width: 1312px;
  height: 875px;
  top: 0;
  left: 963px;
  object-fit: cover;
}

.mobile .with-a-record-wrapper {
  display: flex;
  flex-direction: column;
  width: 563px;
  align-items: flex-start;
  gap: 22px;
  position: absolute;
  top: 3311px;
  left: 1103px;
}

.mobile .with-a-record-2 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #414141;
  font-size: 18px;
  letter-spacing: -0.54px;
  line-height: 23.4px;
}

.mobile .overlap-17 {
  position: absolute;
  width: 572px;
  height: 607px;
  top: 6597px;
  left: 40px;
}

.mobile .ellipse-24 {
  position: absolute;
  width: 446px;
  height: 446px;
  top: 7px;
  left: 7px;
  border-radius: 222.82px;
  transform: rotate(88.13deg);
  filter: blur(50px);
  background: linear-gradient(270deg,
      rgba(255, 0, 4, 1) 11%,
      rgba(255, 255, 255, 1) 94%);
}

.mobile .mask-group-9 {
  position: absolute;
  width: 355px;
  height: 385px;
  top: 135px;
  left: 168px;
}

.mobile .frame-59 {
  display: flex;
  flex-direction: column;
  width: 398px;
  align-items: flex-start;
  padding: 16px 24px;
  position: absolute;
  top: 504px;
  left: 174px;
  background-color: #dadada4c;
  border-radius: 25px;
  border: none;
  backdrop-filter: blur(25px) brightness(100%);
  -webkit-backdrop-filter: blur(25px) brightness(100%);
  background-blend-mode: luminosity;
}

.mobile .frame-59::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 25px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .overlap-18 {
  position: absolute;
  width: 571px;
  height: 599px;
  top: 7203px;
  left: 821px;
}

.mobile .ellipse-25 {
  position: absolute;
  width: 446px;
  height: 446px;
  top: 7px;
  left: 118px;
  border-radius: 222.82px;
  transform: rotate(88.13deg);
  filter: blur(50px);
  background: linear-gradient(270deg,
      rgba(255, 0, 4, 1) 11%,
      rgba(255, 255, 255, 1) 94%);
}

.mobile .mask-group-10 {
  position: absolute;
  width: 355px;
  height: 385px;
  top: 146px;
  left: 21px;
}

.mobile .frame-60 {
  display: flex;
  flex-direction: column;
  width: 398px;
  align-items: flex-start;
  padding: 16px 24px;
  position: absolute;
  top: 515px;
  left: 0;
  background-color: #dadada4c;
  border-radius: 25px;
  border: none;
  backdrop-filter: blur(25px) brightness(100%);
  -webkit-backdrop-filter: blur(25px) brightness(100%);
  background-blend-mode: luminosity;
}

.mobile .frame-60::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 25px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .overlap-19 {
  position: absolute;
  width: 527px;
  height: 591px;
  top: 7787px;
  left: 85px;
}

.mobile .mask-group-11 {
  position: absolute;
  width: 355px;
  height: 385px;
  top: 138px;
  left: 148px;
}

.mobile .frame-61 {
  display: flex;
  flex-direction: column;
  width: 398px;
  align-items: flex-start;
  padding: 16px 24px;
  position: absolute;
  top: 507px;
  left: 129px;
  background-color: #dadada4c;
  border-radius: 25px;
  border: none;
  backdrop-filter: blur(25px) brightness(100%);
  -webkit-backdrop-filter: blur(25px) brightness(100%);
  background-blend-mode: luminosity;
}

.mobile .frame-61::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 25px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .overlap-20 {
  position: absolute;
  width: 2613px;
  height: 1264px;
  top: -306px;
  left: -910px;
}

.mobile .ellipse-26 {
  position: absolute;
  width: 1946px;
  height: 715px;
  top: 0;
  left: 0;
  background-color: #034cbd;
  border-radius: 972.83px / 357.63px;
  filter: blur(145.42px);
}

.mobile .ellipse-27 {
  position: absolute;
  width: 1965px;
  height: 905px;
  top: 359px;
  left: 648px;
  background-color: #d82140;
  border-radius: 982.5px / 452.5px;
  filter: blur(150px);
}

.mobile .ellipse-28 {
  position: absolute;
  width: 775px;
  height: 670px;
  top: 59px;
  left: 1751px;
  background-color: #ff5500;
  border-radius: 387.5px / 335px;
  filter: blur(150px);
}

.mobile .navbar-2 {
  max-width: 1440px;
  width: 100%;
  justify-content: space-between;
  padding: 24px 80px;
  top: 306px;
  left: 910px;
  background-color: #ffffff1a;
  backdrop-filter: blur(50px) brightness(100%);
  -webkit-backdrop-filter: blur(50px) brightness(100%);
  background-blend-mode: luminosity;
  display: flex;
  align-items: center;
  position: absolute;
}

.mobile .frame-62 {
  display: inline-flex;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-42 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 17px;
  letter-spacing: 1.7px;
  line-height: normal;
}

.mobile .frame-63 {
  display: flex;
  width: 290px;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.mobile .text-wrapper-43 {
  position: relative;
  width: fit-content;
  margin-top: -0.43px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 17px;
  text-align: center;
  letter-spacing: 1.7px;
  line-height: normal;
}

.mobile .connect-2 {
  position: relative;
  width: fit-content;
  margin-top: -0.43px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 17px;
  letter-spacing: 1.7px;
  line-height: normal;
}

.mobile .frame-64 {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 25px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .content-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 8px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .content {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 1.54px;
  line-height: 19.6px;
  white-space: nowrap;
}

.mobile .navbar-3 {
  width: 1130px;
  justify-content: center;
  gap: 20px;
  top: 660px;
  left: 1065px;
  display: flex;
  align-items: center;
  position: absolute;
}

.mobile .text-wrapper-44 {
  position: relative;
  width: fit-content;
  margin-top: -0.66px;
  font-family: "TRIAL Rooftop-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 64.2px;
  letter-spacing: 0;
  line-height: 68.3px;
  white-space: nowrap;
}

.mobile .text-wrapper-45 {
  position: relative;
  width: fit-content;
  margin-top: -0.66px;
  font-family: "TRIAL Rooftop-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 64.2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 68.3px;
  white-space: nowrap;
}

.mobile .text-wrapper-46 {
  position: relative;
  width: fit-content;
  margin-top: -0.66px;
  font-family: "TRIAL Rooftop-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 64.2px;
  text-align: right;
  letter-spacing: 0;
  line-height: 68.3px;
  white-space: nowrap;
}

.mobile .frame-65 {
  display: flex;
  flex-direction: column;
  width: 897px;
  align-items: center;
  gap: 20px;
  position: absolute;
  top: 817px;
  left: 1182px;
}

.mobile .text-wrapper-47 {
  position: relative;
  width: 521px;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 30px;
  text-align: center;
  letter-spacing: 0;
  line-height: 34px;
}

.mobile .text-wrapper-48 {
  position: relative;
  width: 681px;
  font-family: "Manrope", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 25px;
}

.mobile .overlap-21 {
  position: absolute;
  width: 1339px;
  height: 927px;
  top: 8571px;
  left: 91px;
}

.mobile .vector-7 {
  position: absolute;
  width: 729px;
  height: 767px;
  top: 0;
  left: 0;
}

.mobile .vector-8 {
  position: absolute;
  width: 729px;
  height: 767px;
  top: 11px;
  left: 610px;
}

.mobile .vector-9 {
  position: absolute;
  width: 569px;
  height: 607px;
  top: 80px;
  left: 362px;
}

.mobile .frame-66 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 31px;
  position: absolute;
  top: 287px;
  left: 224px;
}

.mobile .when-will-the-house {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: -0.6px;
  line-height: 26px;
  white-space: nowrap;
}

.mobile .text-wrapper-49 {
  font-weight: 500;
  letter-spacing: -0.12px;
}

.mobile .text-wrapper-50 {
  font-weight: 700;
  letter-spacing: -0.12px;
}

.mobile .text-wrapper-51 {
  position: relative;
  width: 812px;
  height: 123px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 128px;
  text-align: center;
  letter-spacing: -3.84px;
  line-height: 166.4px;
  white-space: nowrap;
}

.mobile .frame-67 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 31px;
  position: absolute;
  top: 775px;
  left: 187px;
}

.mobile .who-will-be-able-to-2 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #292929;
  font-size: 20px;
  text-align: center;
  letter-spacing: -0.6px;
  line-height: 24px;
}

.mobile .text-wrapper-52 {
  font-weight: 600;
  color: #000000;
  letter-spacing: -0.12px;
}

.mobile .text-wrapper-53 {
  font-weight: 700;
  color: #000000;
  letter-spacing: -0.12px;
}

.mobile .text-wrapper-54 {
  position: relative;
  width: 885px;
  color: #000000;
  font-size: 32px;
  text-align: center;
  letter-spacing: -0.96px;
  line-height: 41.6px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
}

.mobile .overlap-22 {
  position: absolute;
  max-width: 1440px;
  width: 100%;
  height: 71px;
  top: 9586px;
  left: 0;
}

.mobile .frame-68 {
  display: flex;
  max-width: 1440px;
  width: 100%;
  align-items: center;
  gap: 16px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  justify-content: flex-start;
  animation: slideDesktopItems 30s linear infinite;
}

@keyframes slideDesktopItems {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
  }
}

.mobile .frame-69 {
  width: 250px;
  height: 72px;
  background-color: #ff550080;
  border: none;
  position: relative;
  margin-bottom: -1px;
  border-radius: 25px;
  backdrop-filter: blur(12.5px) brightness(100%);
  -webkit-backdrop-filter: blur(12.5px) brightness(100%);
}

.mobile .frame-69::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 25px;
  background: linear-gradient(355deg,
      rgba(173, 103, 103, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .frame-70 {
  width: 160px;
  height: 72px;
  background: linear-gradient(90deg,
      rgba(247, 168, 12, 1) 0%,
      rgba(223, 67, 52, 1) 100%);
  position: relative;
  margin-bottom: -1px;
  border-radius: 25px;
  border: none;
  backdrop-filter: blur(12.5px) brightness(100%);
  -webkit-backdrop-filter: blur(12.5px) brightness(100%);
}

.mobile .frame-70::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 25px;
  background: linear-gradient(355deg,
      rgba(173, 103, 103, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .frame-71 {
  width: 200px;
  height: 72px;
  background: linear-gradient(90deg,
      rgba(247, 168, 12, 1) 0%,
      rgba(223, 67, 52, 1) 100%);
  position: relative;
  margin-bottom: -1px;
  border-radius: 25px;
  border: none;
  backdrop-filter: blur(12.5px) brightness(100%);
  -webkit-backdrop-filter: blur(12.5px) brightness(100%);
}

.mobile .frame-71::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 25px;
  background: linear-gradient(355deg,
      rgba(173, 103, 103, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .frame-72 {
  width: 180px;
  height: 72px;
  background: linear-gradient(90deg,
      rgba(247, 168, 12, 1) 0%,
      rgba(223, 67, 52, 1) 100%);
  position: relative;
  margin-bottom: -1px;
  border-radius: 25px;
  border: none;
  backdrop-filter: blur(12.5px) brightness(100%);
  -webkit-backdrop-filter: blur(12.5px) brightness(100%);
}

.mobile .frame-72::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 25px;
  background: linear-gradient(355deg,
      rgba(173, 103, 103, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .frame-73 {
  position: relative;
  width: 200px;
  height: 72px;
  margin-bottom: -1px;
  border-radius: 25px;
  border: none;
  backdrop-filter: blur(12.5px) brightness(100%);
  -webkit-backdrop-filter: blur(12.5px) brightness(100%);
  background: linear-gradient(148deg,
      rgba(247, 168, 12, 1) 0%,
      rgba(223, 67, 52, 1) 100%);
}

.mobile .frame-73::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 25px;
  background: linear-gradient(355deg,
      rgba(173, 103, 103, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .frame-74 {
  position: relative;
  width: 250px;
  height: 72px;
  margin-top: -0.48px;
  margin-bottom: -0.48px;
  background-color: #ff550080;
  border-radius: 25px;
  border: none;
  backdrop-filter: blur(12.5px) brightness(100%);
  -webkit-backdrop-filter: blur(12.5px) brightness(100%);
}

.mobile .frame-74::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 25px;
  background: linear-gradient(355deg,
      rgba(173, 103, 103, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .frame-75,
.mobile .frame-76,
.mobile .frame-77,
.mobile .frame-78,
.mobile .frame-79,
.mobile .frame-80,
.mobile .frame-81 {
  display: none;
}

.mobile .rectangle-6 {
  position: absolute;
  width: 155px;
  height: 70px;
  top: 1px;
  left: 0;
  background: linear-gradient(270deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%);
}

.mobile .rectangle-7 {
  position: absolute;
  width: 155px;
  height: 70px;
  top: 1px;
  left: 1285px;
  background: linear-gradient(90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%);
}

.mobile .overlap-23 {
  position: absolute;
  width: 3129px;
  height: 2065px;
  top: 10273px;
  left: -940px;
}

.mobile .overlap-group-2 {
  position: absolute;
  width: 3129px;
  height: 1554px;
  top: 511px;
  left: 0;
}

.mobile .ellipse-29 {
  position: absolute;
  width: 3021px;
  height: 819px;
  top: 367px;
  left: 54px;
  background-color: #d82140;
  border-radius: 1510.27px / 409.35px;
  transform: rotate(14.6deg);
  filter: blur(100px);
}

.mobile .ellipse-30 {
  position: absolute;
  width: 983px;
  height: 566px;
  top: 447px;
  left: 1799px;
  background-color: #ff5500;
  border-radius: 491.5px / 282.77px;
  filter: blur(150px);
}

.mobile .ellipse-31 {
  position: absolute;
  width: 2065px;
  height: 705px;
  top: 626px;
  left: 418px;
  background-color: #034cbd;
  border-radius: 1032.47px / 352.42px;
  transform: rotate(2.79deg);
  filter: blur(150px);
}

.mobile .frame-82 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  top: 664px;
  left: 1003px;
  width: 1315px;
}

.mobile .frame-83 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .medianet-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 64px;
  padding: 16px 0px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .medianet-text {
  position: relative;
  flex: 1;
  flex-grow: 1;
  margin-top: -0.64px;
  margin-bottom: -0.36px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: -0.6px;
  line-height: 26px;
}

.mobile .frame-84 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
  margin-left: 20px;
}

.mobile .heading-projects-3 {
  width: 130px;
  color: #ffffff;
  font-size: 32px;
  line-height: 48px;
  position: relative;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  letter-spacing: 0;
}

.mobile .frame-85 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 16px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -1px;
  margin-left: -1px;
  margin-right: -1px;
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #ffffff;
}

.mobile .registergericht-2 {
  position: relative;
  width: 500px;
  margin-top: -0.5px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: -0.6px;
  line-height: 26px;
}

.mobile .text-wrapper-55 {
  letter-spacing: -0.12px;
}

.mobile .div-2 {
  position: relative;
  width: 500px;
  margin-top: -0.5px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  text-align: right;
  letter-spacing: -0.6px;
  line-height: 26px;
}

.mobile .frame-86 {
  display: flex;
  width: 1315px;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -1px;
  margin-left: -1px;
  margin-right: -1px;
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #ffffff;
}

.mobile .text-wrapper-56 {
  position: relative;
  width: fit-content;
  margin-top: -0.5px;
  font-family: "TRIAL Rooftop-Book", Helvetica;
  font-weight: 400;
  color: #ffffffe6;
  font-size: 54.4px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.mobile .frame-87 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  position: absolute;
  top: 0;
  left: 1349px;
}

.mobile .heading-projects-4 {
  width: fit-content;
  color: #414141;
  font-size: 40px;
  line-height: 39px;
  white-space: nowrap;
  position: relative;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  letter-spacing: 0;
}

.mobile .frame-88 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 116px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-89 {
  display: flex;
  flex-direction: column;
  width: 623px;
  align-items: center;
  gap: 42px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-fields-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .component-3 {
  display: flex;
  width: 623px;
  height: 50px;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 8px 0px;
  position: relative;
}

.mobile .text-field-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 11px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .input {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #4b5563cc;
  font-size: 19px;
  letter-spacing: 0.5px;
  line-height: normal;
  background: transparent;
  border: none;
  padding: 0;
}

.mobile .rectangle-8 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1px;
  background-color: #88888880;
}

.mobile .label-text-3 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #4b5563cc;
  font-size: 19px;
  letter-spacing: 0.5px;
  line-height: normal;
}

.mobile .vector-wrapper {
  position: relative;
  width: 28px;
  height: 28px;
  transform: rotate(90deg);
}

.mobile .vector-10 {
  position: absolute;
  width: 16px;
  height: 9px;
  top: 10px;
  left: 6px;
  transform: rotate(-90deg);
}

.mobile .frame-90 {
  display: flex;
  width: 201px;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-91 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .frame-92 {
  position: relative;
  flex: 1;
  flex-grow: 1;
  background: linear-gradient(163deg,
      rgba(249, 177, 7, 1) 0%,
      rgba(220, 52, 58, 1) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 16px 20px;
  border-radius: 50px;
  box-shadow: inset 0px 0px 1px #ffffff;
}

.mobile .text-wrapper-57 {
  position: relative;
  width: fit-content;
  font-family: "Manrope", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 19px;
  text-align: center;
  letter-spacing: 0;
  line-height: 19.6px;
  white-space: nowrap;
}

.mobile .text-wrapper-58 {
  position: absolute;
  width: 553px;
  top: 7327px;
  left: 208px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #414141;
  font-size: 18px;
  letter-spacing: -0.54px;
  line-height: 23.4px;
}

.mobile .text-wrapper-59 {
  position: absolute;
  width: 558px;
  top: 7934px;
  left: 671px;
  color: #414141;
  font-size: 18px;
  text-align: right;
  letter-spacing: -0.54px;
  line-height: 23.4px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
}

.mobile .frame-93 {
  display: flex;
  flex-direction: column;
  width: 946px;
  align-items: center;
  gap: 64px;
  position: absolute;
  top: 9814px;
  left: 247px;
}

.mobile .frame-94 {
  display: flex;
  flex-direction: column;
  width: 191px;
  align-items: center;
  gap: 20px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-60 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #414141;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 26px;
}

.mobile .frame-95 {
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-96 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 23px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .text-wrapper-61 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #414141;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 26px;
}

.mobile .stripe {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 105px;
  background-blend-mode: luminosity;
}

.mobile .frame-97 {
  display: flex;
  flex-direction: column;
  width: 1051px;
  align-items: center;
  gap: 68px;
  position: absolute;
  top: 2226px;
  left: 195px;
}

.mobile .frame-98 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 31px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .what-exactly-is-the-2 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #414141;
  font-size: 20px;
  text-align: center;
  letter-spacing: -0.6px;
  line-height: 26px;
}

.mobile .text-wrapper-62 {
  font-weight: 500;
  color: #000000;
  letter-spacing: -0.12px;
}

.mobile .text-wrapper-63 {
  font-weight: 800;
  color: #000000;
  letter-spacing: -0.12px;
}

.mobile .text-wrapper-64 {
  position: relative;
  width: 1051px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 32px;
  text-align: center;
  letter-spacing: -0.96px;
  line-height: 41.6px;
}

.mobile .frame-99 {
  display: flex;
  flex-direction: column;
  width: 1029px;
  align-items: center;
  gap: 6px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-100 {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .frame-101 {
  width: 341px;
  height: 96px;
  margin-top: -1px;
  border: 1px solid;
  border-color: #ffffff;
  background: linear-gradient(163deg,
      rgba(249, 177, 7, 1) 0%,
      rgba(220, 52, 58, 1) 100%);
  position: relative;
  margin-bottom: -1px;
  margin-left: -1px;
  border-radius: 25px;
  backdrop-filter: blur(12.5px) brightness(100%);
  -webkit-backdrop-filter: blur(12.5px) brightness(100%);
}

.mobile .frame-102 {
  width: 341px;
  height: 96px;
  margin-top: -1px;
  background: linear-gradient(163deg,
      rgba(249, 177, 7, 1) 0%,
      rgba(220, 52, 58, 1) 100%);
  position: relative;
  margin-bottom: -1px;
  border-radius: 25px;
  border: none;
  backdrop-filter: blur(12.5px) brightness(100%);
  -webkit-backdrop-filter: blur(12.5px) brightness(100%);
}

.mobile .frame-102::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 25px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .frame-103 {
  position: relative;
  width: 341px;
  height: 96px;
  margin-top: -1px;
  margin-bottom: -1px;
  margin-right: -1px;
  border-radius: 25px;
  border: none;
  backdrop-filter: blur(12.5px) brightness(100%);
  -webkit-backdrop-filter: blur(12.5px) brightness(100%);
  background: linear-gradient(163deg,
      rgba(249, 177, 7, 1) 0%,
      rgba(220, 52, 58, 1) 100%);
}

.mobile .frame-103::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 25px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .frame-104 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-105 {
  width: 286px;
  height: 96px;
  margin-top: -1px;
  margin-left: -1px;
  background: linear-gradient(163deg,
      rgba(249, 177, 7, 1) 0%,
      rgba(220, 52, 58, 1) 100%);
  position: relative;
  margin-bottom: -1px;
  border-radius: 25px;
  border: none;
  backdrop-filter: blur(12.5px) brightness(100%);
  -webkit-backdrop-filter: blur(12.5px) brightness(100%);
}

.mobile .frame-105::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 25px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .frame-106 {
  display: inline-flex;
  align-items: flex-start;
  top: 36px;
  left: 61px;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.mobile .frame-107 {
  width: 286px;
  height: 96px;
  margin-top: -1px;
  margin-right: -1px;
  background: linear-gradient(163deg,
      rgba(249, 177, 7, 1) 0%,
      rgba(220, 52, 58, 1) 100%);
  position: relative;
  margin-bottom: -1px;
  border-radius: 25px;
  border: none;
  backdrop-filter: blur(12.5px) brightness(100%);
  -webkit-backdrop-filter: blur(12.5px) brightness(100%);
}

.mobile .frame-107::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 25px;
  background: linear-gradient(355deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mobile .text-wrapper-65 {
  position: absolute;
  width: 499px;
  top: 6767px;
  left: 730px;
  color: #414141;
  font-size: 18px;
  text-align: right;
  letter-spacing: -0.54px;
  line-height: 23.4px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
}

.mobile .frame-108 {
  width: 241px;
  position: absolute;
  top: 1937px;
  left: 600px;
  background: linear-gradient(273deg,
      rgba(216, 33, 64, 1) 0%,
      rgba(255, 203, 0, 1) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 16px 20px;
  border-radius: 50px;
  box-shadow: inset 0px 0px 1px #ffffff;
}

@media (max-width: 759px) {
  .mobile.v-wrapper {
    display: none !important;
  }
}

@media (min-width: 760px) {
  .mobile.mobile-wrapper {
    display: none !important;
  }
}