.home-desktop {
  background-color: var(--background);
  overflow: hidden;
  width: 1440px;
  min-width: 1440px;
  min-height: 11586px;
  position: relative;
}

.home-desktop .hero-texture {
  position: absolute;
  top: 0;
  left: -1px;
  width: 1441px;
  height: 11586px;
}

.home-desktop .frame {
  position: absolute;
  top: 0;
  left: 1px;
  width: 1440px;
  height: 2063px;
}

.home-desktop .ellipse {
  position: absolute;
  top: 279px;
  left: -421px;
  width: 2201px;
  height: 961px;
  background-color: var(--secondary-accent);
  border-radius: 1100.55px / 480.36px;
  transform: rotate(-36.72deg);
  filter: blur(260px);
  opacity: 0.5;
}

.home-desktop .div {
  position: absolute;
  top: 570px;
  left: 784px;
  width: 803px;
  height: 290px;
  background-color: var(--primary-accent);
  border-radius: 401.5px / 145.24px;
  transform: rotate(-36.72deg);
  filter: blur(260px);
}

.home-desktop .ellipse-2 {
  position: absolute;
  top: 234px;
  left: 91px;
  width: 803px;
  height: 290px;
  background-color: var(--primary-accent);
  border-radius: 401.5px / 145.24px;
  transform: rotate(-36.72deg);
  filter: blur(260px);
  opacity: 0.3;
}

.home-desktop .text-wrapper {
  position: absolute;
  top: 183px;
  left: calc(50.00% - 636px);
  mix-blend-mode: overlay;
  font-family: var(--desctop-h1-font-family);
  font-weight: var(--desctop-h1-font-weight);
  color: var(--black);
  font-size: var(--desctop-h1-font-size);
  text-align: center;
  letter-spacing: var(--desctop-h1-letter-spacing);
  line-height: var(--desctop-h1-line-height);
  font-style: var(--desctop-h1-font-style);
}

.home-desktop .w {
  top: 276px;
  left: calc(50.00% - 445px);
  width: 846px;
  height: 1234px;
  mix-blend-mode: hard-light;
  position: absolute;
  aspect-ratio: 0.68;
}

.home-desktop .group {
  position: absolute;
  top: 0;
  left: 0;
  width: 1441px;
  height: 2920px;
}

.home-desktop .rectangle {
  position: absolute;
  top: 1478px;
  left: 0;
  width: 1441px;
  height: 1442px;
  background-color: #1a1a1a;
}

.home-desktop .rectangle-2 {
  position: absolute;
  top: 653px;
  left: 0;
  width: 1441px;
  height: 825px;
  background: linear-gradient(
    180deg,
    rgba(27, 27, 27, 0) 0%,
    rgba(27, 27, 27, 1) 100%
  );
}

.home-desktop .element {
  position: absolute;
  top: 0;
  left: 1px;
  width: 1440px;
  height: 2893px;
}

.home-desktop .group-2 {
  position: absolute;
  top: 6456px;
  left: 0;
  width: 1441px;
  height: 5130px;
}

.home-desktop .rectangle-3 {
  position: absolute;
  top: 1196px;
  left: 0;
  width: 1441px;
  height: 3934px;
  background-color: var(--black);
}

.home-desktop .rectangle-4 {
  position: absolute;
  top: 437px;
  left: 0;
  width: 1441px;
  height: 817px;
  background: linear-gradient(
    180deg,
    rgba(49, 49, 53, 0) 0%,
    rgba(49, 49, 53, 1) 100%
  );
}

.home-desktop .img {
  position: absolute;
  top: -100px;
  left: 1px;
  width: 1440px;
  height: 3687px;
}

.home-desktop .logo {
  top: 39px;
  left: calc(50.00% - 170px);
  width: 340px;
  height: 49px;
  position: absolute;
  aspect-ratio: 6.88;
  object-fit: cover;
}

.home-desktop .p {
  position: absolute;
  top: 462px;
  left: calc(50.00% - 636px);
  width: 410px;
  font-family: var(--desctop-p-24-font-family);
  font-weight: var(--desctop-p-24-font-weight);
  color: var(--black);
  font-size: var(--desctop-p-24-font-size);
  letter-spacing: var(--desctop-p-24-letter-spacing);
  line-height: var(--desctop-p-24-line-height);
  font-style: var(--desctop-p-24-font-style);
}

.home-desktop .cta {
  all: unset;
  box-sizing: border-box;
  width: 412px;
  height: 62px;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 456px;
  left: 947px;
  cursor: pointer;
  border-radius: 999px;
  border: 1px solid;
  border-color: var(--p);
  background: linear-gradient(
    90deg,
    rgba(102, 86, 240, 1) 0%,
    rgba(231, 202, 215, 1) 43%
  );
  display: flex;
  align-items: center;
}

.home-desktop .order-services {
  position: relative;
  width: fit-content;
  font-family: var(--desctop-cta-font-family);
  font-weight: var(--desctop-cta-font-weight);
  color: var(--black);
  font-size: var(--desctop-cta-font-size);
  text-align: center;
  letter-spacing: var(--desctop-cta-letter-spacing);
  line-height: var(--desctop-cta-line-height);
  font-style: var(--desctop-cta-font-style);
}

.home-desktop .content {
  display: flex;
  flex-direction: column;
  width: 1441px;
  align-items: flex-end;
  padding: 86px 0px 0px;
  position: absolute;
  top: 900px;
  left: -1px;
}

.home-desktop .who-we-are-what-we {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 180px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-desktop .who-we-are {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 29px;
  padding: 0px 83px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-desktop .EMERGY-events-is {
  position: relative;
  width: 1274px;
  height: 171px;
}

.home-desktop .EMERGY-events-is-2 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(
    360deg,
    rgba(102, 86, 240, 1) 0%,
    rgba(255, 226, 239, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: var(--desctop-h3-font-family);
  font-weight: var(--desctop-h3-font-weight);
  color: transparent;
  font-size: var(--desctop-h3-font-size);
  letter-spacing: var(--desctop-h3-letter-spacing);
  line-height: var(--desctop-h3-line-height);
  font-style: var(--desctop-h3-font-style);
}

.home-desktop .we-re-introducing {
  position: relative;
  width: 842px;
  font-family: var(--desctop-p-24-font-family);
  font-weight: var(--desctop-p-24-font-weight);
  color: var(--white);
  font-size: var(--desctop-p-24-font-size);
  letter-spacing: var(--desctop-p-24-letter-spacing);
  line-height: var(--desctop-p-24-line-height);
  font-style: var(--desctop-p-24-font-style);
}

.home-desktop .what-we-do {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 100px;
  padding: 0px 83px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-desktop .frame-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 57px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-desktop .frame-3 {
  display: flex;
  align-items: center;
  gap: 238px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-desktop .frame-4 {
  display: flex;
  width: 518px;
  align-items: flex-start;
  gap: 24px;
  flex-direction: column;
  position: relative;
}

.home-desktop .text-wrapper-2 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  background: linear-gradient(
    360deg,
    rgba(96, 182, 219, 1) 0%,
    rgba(255, 226, 239, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: var(--desctop-for-h2-font-family);
  font-weight: var(--desctop-for-h2-font-weight);
  color: transparent;
  font-size: var(--desctop-for-h2-font-size);
  letter-spacing: var(--desctop-for-h2-letter-spacing);
  line-height: var(--desctop-for-h2-line-height);
  font-style: var(--desctop-for-h2-font-style);
}

.home-desktop .text-wrapper-3 {
  position: relative;
  align-self: stretch;
  background: linear-gradient(
    360deg,
    rgba(102, 86, 240, 1) 0%,
    rgba(255, 226, 239, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: var(--desctop-h2-font-family);
  font-weight: var(--desctop-h2-font-weight);
  color: transparent;
  font-size: var(--desctop-h2-font-size);
  letter-spacing: var(--desctop-h2-letter-spacing);
  line-height: var(--desctop-h2-line-height);
  font-style: var(--desctop-h2-font-style);
}

.home-desktop .text-wrapper-4 {
  position: relative;
  width: 518px;
  font-family: var(--desctop-p-18-font-family);
  font-weight: var(--desctop-p-18-font-weight);
  color: var(--white);
  font-size: var(--desctop-p-18-font-size);
  letter-spacing: var(--desctop-p-18-letter-spacing);
  line-height: var(--desctop-p-18-line-height);
  font-style: var(--desctop-p-18-font-style);
}

.home-desktop .frame-5 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)); /* was repeat(4, ...) */
  grid-template-rows: repeat(2, minmax(0, 1fr));
  height: 626px;
  gap: 22px;
}

/* clears any manual placement that created the empty cells */
.home-desktop .frame-5 > div {
  grid-column: auto !important;
  grid-row: auto !important;
}

.home-desktop .frame-6 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 20px;
  background-color: #ebeae90d;
  border-radius: 20px;
  border: none;
  backdrop-filter: blur(4.05px) brightness(100%);
  -webkit-backdrop-filter: blur(4.05px) brightness(100%);
}

.home-desktop .frame-6::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 20px;
  background: linear-gradient(
    360deg,
    rgba(96, 182, 219, 0.1) 0%,
    rgba(255, 226, 239, 0.1) 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;
}

.home-desktop .frame-7 {
  display: flex;
  flex-direction: column;
  height: 262px;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.home-desktop .frame-8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-desktop .creative-event {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--desctop-p-24-font-family);
  font-weight: var(--desctop-p-24-font-weight);
  color: var(--white);
  font-size: var(--desctop-p-24-font-size);
  letter-spacing: var(--desctop-p-24-letter-spacing);
  line-height: var(--desctop-p-24-line-height);
  font-style: var(--desctop-p-24-font-style);
}

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

.home-desktop .frame-10 {
  position: relative;
  width: 59px;
  height: 60px;
}

.home-desktop .frame-11 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 3 / 4;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 20px;
  background-color: #ebeae90d;
  border-radius: 20px;
  border: none;
  backdrop-filter: blur(4.05px) brightness(100%);
  -webkit-backdrop-filter: blur(4.05px) brightness(100%);
}

.home-desktop .frame-11::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 20px;
  background: linear-gradient(
    360deg,
    rgba(96, 182, 219, 0.1) 0%,
    rgba(255, 226, 239, 0.1) 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;
}

.home-desktop .frame-12 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 4 / 5;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 20px;
  background-color: #ebeae90d;
  border-radius: 20px;
  border: none;
  backdrop-filter: blur(4.05px) brightness(100%);
  -webkit-backdrop-filter: blur(4.05px) brightness(100%);
}

.home-desktop .frame-12::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 20px;
  background: linear-gradient(
    360deg,
    rgba(96, 182, 219, 0.1) 0%,
    rgba(255, 226, 239, 0.1) 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;
}

.home-desktop .frame-13 {
  position: relative;
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 20px;
  background-color: #ebeae90d;
  border-radius: 20px;
  border: none;
  backdrop-filter: blur(4.05px) brightness(100%);
  -webkit-backdrop-filter: blur(4.05px) brightness(100%);
}

.home-desktop .frame-13::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 20px;
  background: linear-gradient(
    360deg,
    rgba(96, 182, 219, 0.1) 0%,
    rgba(255, 226, 239, 0.1) 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;
}

.home-desktop .frame-14 {
  position: relative;
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 20px;
  background-color: #ebeae90d;
  border-radius: 20px;
  border: none;
  backdrop-filter: blur(4.05px) brightness(100%);
  -webkit-backdrop-filter: blur(4.05px) brightness(100%);
}

.home-desktop .frame-14::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 20px;
  background: linear-gradient(
    360deg,
    rgba(96, 182, 219, 0.1) 0%,
    rgba(255, 226, 239, 0.1) 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;
}

.home-desktop .frame-15 {
  position: relative;
  grid-row: 2 / 3;
  grid-column: 4 / 5;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 20px;
  background-color: #ebeae90d;
  border-radius: 20px;
  border: none;
  backdrop-filter: blur(4.05px) brightness(100%);
  -webkit-backdrop-filter: blur(4.05px) brightness(100%);
}

.home-desktop .frame-15::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 20px;
  background: linear-gradient(
    360deg,
    rgba(96, 182, 219, 0.1) 0%,
    rgba(255, 226, 239, 0.1) 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;
}

.home-desktop .from-boutique {
  position: relative;
  width: 1274px;
  height: 285px;
}

.home-desktop .text-wrapper-5 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(
    360deg,
    rgba(102, 86, 240, 1) 0%,
    rgba(231, 202, 215, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "DM Sans", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 52px;
  text-align: right;
  letter-spacing: 0;
  line-height: 57.2px;
}

.home-desktop .our-vision {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1107px;
}

.home-desktop .frame-16 {
  position: absolute;
  top: 34px;
  left: 0;
  width: 1441px;
  height: 1073px;
}

.home-desktop .ellipse-3 {
  top: 630px;
  left: -519px;
  width: 2558px;
  height: 541px;
  background-color: #0022ff33;
  border-radius: 1279.11px / 270.62px;
  transform: rotate(-141.72deg);
  position: absolute;
  filter: blur(260px);
}

.home-desktop .ellipse-4 {
  top: 398px;
  left: 396px;
  width: 803px;
  height: 290px;
  background-color: var(--secondary-accent);
  border-radius: 401.5px / 145.24px;
  transform: rotate(-36.72deg);
  opacity: 0.89;
  position: absolute;
  filter: blur(260px);
}

.home-desktop .ellipse-5 {
  position: absolute;
  top: 450px;
  left: 59px;
  width: 803px;
  height: 290px;
  background-color: var(--primary-accent);
  border-radius: 401.5px / 145.24px;
  transform: rotate(-141.72deg);
  filter: blur(260px);
}

.home-desktop .w-2 {
  top: -72px;
  left: calc(50.00% - 168px);
  width: 889px;
  height: 1356px;
  position: absolute;
  aspect-ratio: 0.68;
}

.home-desktop .w-3 {
  top: -1px;
  left: calc(50.00% - 98px);
  width: 818px;
  height: 1194px;
  position: absolute;
  aspect-ratio: 0.68;
}

.home-desktop .frame-17 {
  display: flex;
  flex-direction: column;
  width: 734px;
  align-items: flex-start;
  gap: 40px;
  position: absolute;
  top: 320px;
  left: 84px;
}

.home-desktop .frame-18 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-desktop .frame-19 {
  display: flex;
  flex-direction: column;
  width: 518px;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.home-desktop .text-wrapper-6 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--desctop-for-h2-font-family);
  font-weight: var(--desctop-for-h2-font-weight);
  color: var(--b-1);
  font-size: var(--desctop-for-h2-font-size);
  letter-spacing: var(--desctop-for-h2-letter-spacing);
  line-height: var(--desctop-for-h2-line-height);
  font-style: var(--desctop-for-h2-font-style);
}

.home-desktop .text-wrapper-7 {
  position: relative;
  align-self: stretch;
  font-family: var(--desctop-h2-font-family);
  font-weight: var(--desctop-h2-font-weight);
  color: var(--b-1);
  font-size: var(--desctop-h2-font-size);
  letter-spacing: var(--desctop-h2-letter-spacing);
  line-height: var(--desctop-h2-line-height);
  font-style: var(--desctop-h2-font-style);
}

.home-desktop .to-redefine-qatar-s {
  position: relative;
  align-self: stretch;
  mix-blend-mode: screen;
  background: linear-gradient(
    360deg,
    rgba(102, 86, 240, 1) 0%,
    rgba(255, 226, 239, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: var(--desctop-h3-font-family);
  font-weight: var(--desctop-h3-font-weight);
  color: transparent;
  font-size: var(--desctop-h3-font-size);
  letter-spacing: var(--desctop-h3-letter-spacing);
  line-height: var(--desctop-h3-line-height);
  font-style: var(--desctop-h3-font-style);
}

.home-desktop .frame-20 {
  display: flex;
  flex-direction: column;
  width: 518px;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  flex: 0 0 auto;
}

.home-desktop .text-wrapper-8 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--desctop-p-16-font-family);
  font-weight: var(--desctop-p-16-font-weight);
  color: var(--b-1);
  font-size: var(--desctop-p-16-font-size);
  letter-spacing: var(--desctop-p-16-letter-spacing);
  line-height: var(--desctop-p-16-line-height);
  font-style: var(--desctop-p-16-font-style);
}

.home-desktop .our-vision-is-to {
  position: relative;
  align-self: stretch;
  font-family: var(--desctop-p-16-font-family);
  font-weight: var(--desctop-p-16-font-weight);
  color: var(--b-1);
  font-size: var(--desctop-p-16-font-size);
  letter-spacing: var(--desctop-p-16-letter-spacing);
  line-height: var(--desctop-p-16-line-height);
  font-style: var(--desctop-p-16-font-style);
}

.home-desktop .concept-to-curtain {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 120px;
  padding: 140px 83px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--black);
}

.home-desktop .frame-21 {
  display: flex;
  flex-direction: column;
  height: 206px;
  align-items: flex-start;
  justify-content: center;
  gap: 40px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.home-desktop .text-wrapper-9 {
  position: relative;
  width: fit-content;
  margin-right: -219px;
  background: linear-gradient(
    360deg,
    rgba(102, 86, 240, 1) 0%,
    rgba(255, 226, 239, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: var(--desctop-h2-font-family);
  font-weight: var(--desctop-h2-font-weight);
  color: transparent;
  font-size: var(--desctop-h2-font-size);
  letter-spacing: var(--desctop-h2-letter-spacing);
  line-height: var(--desctop-h2-line-height);
  white-space: nowrap;
  font-style: var(--desctop-h2-font-style);
}

.home-desktop .text-wrapper-10 {
  position: relative;
  width: 552px;
  font-family: var(--desctop-p-18-font-family);
  font-weight: var(--desctop-p-18-font-weight);
  color: var(--white);
  font-size: var(--desctop-p-18-font-size);
  letter-spacing: var(--desctop-p-18-letter-spacing);
  line-height: var(--desctop-p-18-line-height);
  font-style: var(--desctop-p-18-font-style);
}

.home-desktop .frame-22 {
  display: flex;
  align-items: flex-start;
  gap: 21px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-desktop .rectangle-5 {
  position: relative;
  width: 1px;
  height: 1283px;
  background: linear-gradient(
    360deg,
    rgba(102, 86, 240, 1) 0%,
    rgba(255, 226, 239, 1) 100%
  );
}

.home-desktop .frame-23 {
  display: flex;
  flex-direction: column;
  width: 1253px;
  align-items: flex-start;
  gap: 120px;
  position: relative;
}

.home-desktop .frame-24 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 58px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-desktop .frame-25 {
  display: inline-flex;
  align-items: flex-start;
  gap: 216px;
  position: relative;
  flex: 0 0 auto;
}

.home-desktop .text-wrapper-11 {
  position: relative;
  width: 86px;
  margin-top: -1px;
  font-family: var(--desctop-h4-font-family);
  font-weight: var(--desctop-h4-font-weight);
  color: #e7cad740;
  font-size: var(--desctop-h4-font-size);
  letter-spacing: var(--desctop-h4-letter-spacing);
  line-height: var(--desctop-h4-line-height);
  font-style: var(--desctop-h4-font-style);
}

.home-desktop .frame-26 {
  display: flex;
  flex-direction: column;
  width: 615px;
  align-items: flex-start;
  gap: 30px;
  position: relative;
}

.home-desktop .text-wrapper-12 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--desctop-h4-font-family);
  font-weight: var(--desctop-h4-font-weight);
  color: #e7cad740;
  font-size: var(--desctop-h4-font-size);
  letter-spacing: var(--desctop-h4-letter-spacing);
  line-height: var(--desctop-h4-line-height);
  font-style: var(--desctop-h4-font-style);
}

.home-desktop .we-listen-first {
  position: relative;
  width: 540px;
  opacity: 0.4;
  font-family: var(--desctop-p-16-font-family);
  font-weight: var(--desctop-p-16-font-weight);
  color: var(--white);
  font-size: var(--desctop-p-16-font-size);
  letter-spacing: var(--desctop-p-16-letter-spacing);
  line-height: var(--desctop-p-16-line-height);
  font-style: var(--desctop-p-16-font-style);
}

.home-desktop .element-2 {
  position: relative;
  width: 119px;
  height: 126px;
  aspect-ratio: 0.94;
  background-image: url(https://c.animaapp.com/23tpaMSN/img/group@2x.png);
  background-size: 100% 100%;
}

.home-desktop .element-3 {
  position: relative;
  width: 119px;
  height: 118.94px;
  aspect-ratio: 1;
}

.home-desktop .element-4 {
  position: relative;
  width: 119px;
  height: 94.81px;
  aspect-ratio: 1.26;
}

.home-desktop .group-3 {
  position: absolute;
  width: 99.06%;
  height: 91.87%;
  top: 8.13%;
  left: 0;
}

.home-desktop .group-4 {
  position: absolute;
  width: 98.86%;
  height: 89.48%;
  top: 10.52%;
  left: 0;
}

.home-desktop .group-5 {
  position: absolute;
  width: 98.31%;
  height: 88.32%;
  top: 11.68%;
  left: 0;
}

.home-desktop .group-6 {
  position: absolute;
  width: 97.41%;
  height: 88.16%;
  top: 11.84%;
  left: 2.59%;
}

.home-desktop .group-7 {
  position: absolute;
  width: 96.34%;
  height: 88.93%;
  top: 11.07%;
  left: 3.66%;
}

.home-desktop .group-8 {
  position: absolute;
  width: 95.09%;
  height: 90.31%;
  top: 9.69%;
  left: 4.91%;
}

.home-desktop .group-9 {
  position: absolute;
  width: 93.92%;
  height: 92.15%;
  top: 7.85%;
  left: 6.08%;
}

.home-desktop .group-10 {
  position: absolute;
  width: 92.72%;
  height: 94.06%;
  top: 5.94%;
  left: 7.28%;
}

.home-desktop .group-11 {
  position: absolute;
  width: 91.55%;
  height: 96.25%;
  top: 3.75%;
  left: 8.45%;
}

.home-desktop .group-12 {
  position: absolute;
  width: 90.46%;
  height: 97.94%;
  top: 2.06%;
  left: 9.54%;
}

.home-desktop .group-13 {
  position: absolute;
  width: 89.47%;
  height: 99.79%;
  top: 0;
  left: 10.53%;
}

.home-desktop .group-14 {
  position: absolute;
  width: 88.68%;
  height: 100%;
  top: 0;
  left: 11.32%;
}

.home-desktop .group-15 {
  position: absolute;
  width: 88.24%;
  height: 98.10%;
  top: 0;
  left: 11.76%;
}

.home-desktop .group-16 {
  position: absolute;
  width: 88.22%;
  height: 93.75%;
  top: 6.25%;
  left: 11.78%;
}

.home-desktop .group-17 {
  position: absolute;
  width: 88.68%;
  height: 87.17%;
  top: 12.83%;
  left: 11.32%;
}

.home-desktop .group-18 {
  position: absolute;
  width: 89.38%;
  height: 79.95%;
  top: 20.05%;
  left: 10.62%;
}

.home-desktop .group-19 {
  position: absolute;
  width: 90.44%;
  height: 73.15%;
  top: 26.85%;
  left: 9.56%;
}

.home-desktop .group-20 {
  position: absolute;
  width: 91.66%;
  height: 66.68%;
  top: 33.32%;
  left: 8.34%;
}

.home-desktop .group-21 {
  position: absolute;
  width: 93.05%;
  height: 59.99%;
  top: 40.01%;
  left: 6.95%;
}

.home-desktop .group-22 {
  position: absolute;
  width: 94.49%;
  height: 53.49%;
  top: 46.51%;
  left: 5.51%;
}

.home-desktop .group-23 {
  position: absolute;
  width: 95.90%;
  height: 46.80%;
  top: 53.20%;
  left: 4.10%;
}

.home-desktop .group-24 {
  position: absolute;
  width: 97.19%;
  height: 39.32%;
  top: 60.68%;
  left: 2.81%;
}

.home-desktop .group-25 {
  position: absolute;
  width: 98.27%;
  height: 31.69%;
  top: 68.31%;
  left: 0;
}

.home-desktop .group-26 {
  position: absolute;
  width: 99.14%;
  height: 24.67%;
  top: 75.33%;
  left: 0;
}

.home-desktop .group-27 {
  position: absolute;
  width: 99.74%;
  height: 18.56%;
  top: 81.44%;
  left: 0;
}

.home-desktop .group-28 {
  position: absolute;
  width: 100%;
  height: 13.82%;
  top: 86.18%;
  left: 0;
}

.home-desktop .overlap-group-wrapper {
  position: relative;
  width: 119px;
  height: 119.47px;
  aspect-ratio: 1;
}

.home-desktop .overlap-group {
  position: relative;
  height: 119px;
}

.home-desktop .group-29 {
  position: absolute;
  width: 116px;
  height: 116px;
  top: 0;
  left: 2px;
}

.home-desktop .group-30 {
  position: absolute;
  width: 117px;
  height: 115px;
  top: 0;
  left: 1px;
}

.home-desktop .group-31 {
  position: absolute;
  width: 116px;
  height: 116px;
  top: 0;
  left: 0;
}

.home-desktop .group-32 {
  position: absolute;
  width: 115px;
  height: 117px;
  top: 1px;
  left: 0;
}

.home-desktop .group-33 {
  position: absolute;
  width: 116px;
  height: 117px;
  top: 2px;
  left: 0;
}

.home-desktop .group-34 {
  position: absolute;
  width: 117px;
  height: 116px;
  top: 4px;
  left: 1px;
}

.home-desktop .group-35 {
  position: absolute;
  width: 117px;
  height: 114px;
  top: 5px;
  left: 2px;
}

.home-desktop .element-5 {
  position: relative;
  width: 119px;
  height: 126px;
  aspect-ratio: 0.94;
  background-image: url(https://c.animaapp.com/23tpaMSN/img/group-36@2x.png);
  background-size: 100% 100%;
}

.home-desktop .cta-wrapper {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 72px;
}

.home-desktop .order-services-wrapper {
  all: unset;
  box-sizing: border-box;
  width: 412px;
  height: 62px;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: relative;
  top: -1px;
  left: 279px;
  border-radius: 999px;
  border: 1px solid;
  border-color: var(--p);
  background: linear-gradient(
    90deg,
    rgba(102, 86, 240, 1) 0%,
    rgba(231, 202, 215, 1) 43%
  );
  display: flex;
  align-items: center;
}

.home-desktop .frame-27 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 140px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-desktop .our-philosophy {
  position: relative;
  width: 1441px;
  height: 860px;
}

.home-desktop .ellipse-6 {
  top: 172px;
  left: 26px;
  width: 984px;
  height: 466px;
  background-color: #0022ff33;
  border-radius: 491.82px / 232.83px;
  transform: rotate(-153.47deg);
  position: absolute;
  filter: blur(260px);
}

.home-desktop .ellipse-7 {
  top: 101px;
  left: -191px;
  width: 621px;
  height: 203px;
  background-color: var(--primary-accent);
  border-radius: 310.44px / 101.62px;
  transform: rotate(-153.47deg);
  position: absolute;
  filter: blur(260px);
}

.home-desktop .it-isn-t-a {
  position: absolute;
  top: calc(50.00% - 114px);
  left: 193px;
  width: 1166px;
  height: 228px;
  display: flex;
}

.home-desktop .it-isn-t-a-2 {
  flex: 1;
  width: 1166px;
  background: linear-gradient(
    173deg,
    rgba(102, 86, 240, 1) 0%,
    rgba(255, 226, 239, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: var(--desctop-h3-font-family);
  font-weight: var(--desctop-h3-font-weight);
  color: transparent;
  font-size: var(--desctop-h3-font-size);
  text-align: right;
  letter-spacing: var(--desctop-h3-letter-spacing);
  line-height: var(--desctop-h3-line-height);
  font-style: var(--desctop-h3-font-style);
}

.home-desktop .an-event-lasts-a {
  position: absolute;
  top: 213px;
  left: 82px;
  width: 651px;
  font-family: var(--desctop-p-16-font-family);
  font-weight: var(--desctop-p-16-font-weight);
  color: #4b468880;
  font-size: var(--desctop-p-16-font-size);
  letter-spacing: var(--desctop-p-16-letter-spacing);
  line-height: var(--desctop-p-16-line-height);
  font-style: var(--desctop-p-16-font-style);
}

.home-desktop .this-philosophy {
  position: absolute;
  top: 584px;
  left: 82px;
  width: 651px;
  font-family: var(--desctop-p-16-font-family);
  font-weight: var(--desctop-p-16-font-weight);
  color: #4b468880;
  font-size: var(--desctop-p-16-font-size);
  letter-spacing: var(--desctop-p-16-letter-spacing);
  line-height: var(--desctop-p-16-line-height);
  font-style: var(--desctop-p-16-font-style);
}

.home-desktop .why-EMERGY {
  position: relative;
  width: 1440px;
  height: 1016px;
}

.home-desktop .s {
  position: absolute;
  top: 34px;
  left: 83px;
  width: 1274px;
  height: 982px;
  aspect-ratio: 1.3;
  background-image: url(https://c.animaapp.com/23tpaMSN/img/s3-6.png);
  background-size: 100% 100%;
}

.home-desktop .frame-28 {
  display: flex;
  flex-direction: column;
  width: 1274px;
  align-items: flex-start;
  gap: 60px;
  position: absolute;
  top: 0;
  left: 83px;
}

.home-desktop .frame-29 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 20px;
  background-color: #ffffff4c;
  border-radius: 20px;
  border: none;
  backdrop-filter: blur(7.5px) brightness(100%);
  -webkit-backdrop-filter: blur(7.5px) brightness(100%);
}

.home-desktop .frame-29::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 20px;
  background: linear-gradient(
    360deg,
    rgba(96, 182, 219, 0.1) 0%,
    rgba(255, 226, 239, 0.1) 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;
}

.home-desktop .frame-30 {
  display: flex;
  flex-direction: column;
  height: 262px;
  align-items: flex-start;
  gap: 88px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.home-desktop .text-wrapper-13 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--desctop-p-24-font-family);
  font-weight: var(--desctop-p-24-font-weight);
  color: var(--black);
  font-size: var(--desctop-p-24-font-size);
  letter-spacing: var(--desctop-p-24-letter-spacing);
  line-height: var(--desctop-p-24-line-height);
  font-style: var(--desctop-p-24-font-style);
}

.home-desktop .vector {
  position: absolute;
  top: 0;
  left: calc(50.00% - 132px);
  width: 264px;
  height: 1px;
}

.home-desktop .vector-2 {
  position: absolute;
  top: calc(50.00% - 132px);
  left: 0;
  width: 1px;
  height: 264px;
}

.home-desktop .vector-3 {
  position: absolute;
  top: calc(50.00% - 132px);
  right: 0;
  width: 1px;
  height: 264px;
}

.home-desktop .vector-4 {
  position: absolute;
  left: calc(50.00% - 132px);
  bottom: 0;
  width: 264px;
  height: 1px;
}

.home-desktop .frame-31 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 20px;
  background-color: #ffffff4c;
  border-radius: 20px;
  border: none;
  backdrop-filter: blur(7.5px) brightness(100%);
  -webkit-backdrop-filter: blur(7.5px) brightness(100%);
}

.home-desktop .frame-31::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 20px;
  background: linear-gradient(
    360deg,
    rgba(96, 182, 219, 0.1) 0%,
    rgba(255, 226, 239, 0.1) 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;
}

.home-desktop .frame-32 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 4 / 5;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 20px;
  background-color: #ffffff4c;
  border-radius: 20px;
  border: none;
  backdrop-filter: blur(7.5px) brightness(100%);
  -webkit-backdrop-filter: blur(7.5px) brightness(100%);
}

.home-desktop .frame-32::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 20px;
  background: linear-gradient(
    360deg,
    rgba(96, 182, 219, 0.1) 0%,
    rgba(255, 226, 239, 0.1) 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;
}

.home-desktop .frame-33 {
  position: relative;
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 20px;
  background-color: #ffffff4c;
  border-radius: 20px;
  border: none;
  backdrop-filter: blur(7.5px) brightness(100%);
  -webkit-backdrop-filter: blur(7.5px) brightness(100%);
}

.home-desktop .frame-33::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 20px;
  background: linear-gradient(
    360deg,
    rgba(96, 182, 219, 0.1) 0%,
    rgba(255, 226, 239, 0.1) 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;
}

.home-desktop .frame-34 {
  position: relative;
  grid-row: 2 / 3;
  grid-column: 3 / 4;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 20px;
  background-color: #ffffff4c;
  border-radius: 20px;
  border: none;
  backdrop-filter: blur(7.5px) brightness(100%);
  -webkit-backdrop-filter: blur(7.5px) brightness(100%);
}

.home-desktop .frame-34::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 20px;
  background: linear-gradient(
    360deg,
    rgba(96, 182, 219, 0.1) 0%,
    rgba(255, 226, 239, 0.1) 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;
}

.home-desktop .frame-35 {
  position: relative;
  grid-row: 2 / 3;
  grid-column: 4 / 5;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 20px;
  background-color: #ffffff4c;
  border-radius: 20px;
  border: none;
  backdrop-filter: blur(7.5px) brightness(100%);
  -webkit-backdrop-filter: blur(7.5px) brightness(100%);
}

.home-desktop .frame-35::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 20px;
  background: linear-gradient(
    360deg,
    rgba(96, 182, 219, 0.1) 0%,
    rgba(255, 226, 239, 0.1) 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;
}

.home-desktop .reviews {
  display: flex;
  align-items: flex-start;
  gap: 130px;
  padding: 0px 83px;
  width: 100%;
  flex: 0 0 auto;
  position: relative;
  align-self: stretch;
}

.home-desktop .frame-36 {
  display: flex;
  width: 518px;
  height: 850px;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
}

.home-desktop .frame-37 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-desktop .div-wrapper {
  all: unset;
  box-sizing: border-box;
  width: 412px;
  height: 62px;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: relative;
  margin-bottom: -1px;
  margin-left: -1px;
  border-radius: 999px;
  border: 1px solid;
  border-color: var(--p);
  background: linear-gradient(
    90deg,
    rgba(102, 86, 240, 1) 0%,
    rgba(231, 202, 215, 1) 43%
  );
  display: flex;
  align-items: center;
}

.home-desktop .frame-38 {
  display: flex;
  flex-direction: column;
  width: 626px;
  align-items: flex-start;
  gap: 30px;
  position: relative;
}

.home-desktop .frame-39 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 30px 30px 40px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-radius: 20px;
  border: none;
}

.home-desktop .frame-39::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 20px;
  background: linear-gradient(
    360deg,
    rgba(96, 182, 219, 0.5) 0%,
    rgba(255, 226, 239, 0.5) 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;
}

.home-desktop .frame-40 {
  display: flex;
  width: 488px;
  align-items: flex-start;
  gap: 20px;
  position: relative;
}

.home-desktop .ellipse-8 {
  position: relative;
  width: 74px;
  height: 74px;
  object-fit: cover;
}

.home-desktop .frame-41 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  position: relative;
  flex: 0 0 auto;
}

.home-desktop .frame-42 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  flex: 0 0 auto;
}

.home-desktop .text-wrapper-14 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--desctop-p-24-font-family);
  font-weight: var(--desctop-p-24-font-weight);
  color: var(--p);
  font-size: var(--desctop-p-24-font-size);
  letter-spacing: var(--desctop-p-24-letter-spacing);
  line-height: var(--desctop-p-24-line-height);
  font-style: var(--desctop-p-24-font-style);
}

.home-desktop .text-wrapper-15 {
  position: relative;
  align-self: stretch;
  opacity: 0.6;
  font-family: var(--desctop-p-16-font-family);
  font-weight: var(--desctop-p-16-font-weight);
  color: var(--p);
  font-size: var(--desctop-p-16-font-size);
  letter-spacing: var(--desctop-p-16-letter-spacing);
  line-height: var(--desctop-p-16-line-height);
  font-style: var(--desctop-p-16-font-style);
}

.home-desktop .vector-5 {
  position: relative;
  width: 22.56px;
  height: 22.56px;
  margin-top: -0.06px;
  margin-right: -0.06px;
}

.home-desktop .partnerships {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 137px;
  padding: 0px 83px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-desktop .frame-43 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 80px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-desktop .frame-44 {
  display: flex;
  width: 734px;
  align-items: flex-start;
  gap: 24px;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.home-desktop .text-wrapper-16 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--desctop-for-h2-font-family);
  font-weight: var(--desctop-for-h2-font-weight);
  color: var(--p);
  font-size: var(--desctop-for-h2-font-size);
  letter-spacing: var(--desctop-for-h2-letter-spacing);
  line-height: var(--desctop-for-h2-line-height);
  font-style: var(--desctop-for-h2-font-style);
}

.home-desktop .text-wrapper-17 {
  position: relative;
  align-self: stretch;
  font-family: var(--desctop-h2-font-family);
  font-weight: var(--desctop-h2-font-weight);
  color: var(--p);
  font-size: var(--desctop-h2-font-size);
  letter-spacing: var(--desctop-h2-letter-spacing);
  line-height: var(--desctop-h2-line-height);
  font-style: var(--desctop-h2-font-style);
}

.home-desktop .from-boutique-wrapper {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 285px;
}

.home-desktop .from-boutique-2 {
  position: absolute;
  width: 100%;
  height: 120.00%;
  top: 0;
  left: 0;
  background: linear-gradient(
    360deg,
    rgba(102, 86, 240, 1) 0%,
    rgba(231, 202, 215, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "DM Sans", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 52px;
  text-align: right;
  letter-spacing: 0;
  line-height: 57.2px;
}

.home-desktop .this-partnership-is {
  position: relative;
  width: 540px;
  font-family: var(--desctop-p-16-font-family);
  font-weight: var(--desctop-p-16-font-weight);
  color: var(--p);
  font-size: var(--desctop-p-16-font-size);
  letter-spacing: var(--desctop-p-16-letter-spacing);
  line-height: var(--desctop-p-16-line-height);
  font-style: var(--desctop-p-16-font-style);
}

.home-desktop .FAQ {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
  padding: 0px 83px;
  width: 100%;
  flex: 0 0 auto;
  position: relative;
  align-self: stretch;
}

.home-desktop .frame-45 {
  display: inline-flex;
  align-items: center;
  gap: 24px;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.home-desktop .text-wrapper-18 {
  margin-top: -1px;
  font-family: var(--desctop-for-h2-font-family);
  font-weight: var(--desctop-for-h2-font-weight);
  color: var(--p);
  font-size: var(--desctop-for-h2-font-size);
  text-align: center;
  letter-spacing: var(--desctop-for-h2-letter-spacing);
  line-height: var(--desctop-for-h2-line-height);
  position: relative;
  align-self: stretch;
  font-style: var(--desctop-for-h2-font-style);
}

.home-desktop .text-wrapper-19 {
  position: relative;
  align-self: stretch;
  font-family: var(--desctop-h2-font-family);
  font-weight: var(--desctop-h2-font-weight);
  color: var(--p);
  font-size: var(--desctop-h2-font-size);
  text-align: center;
  letter-spacing: var(--desctop-h2-letter-spacing);
  line-height: var(--desctop-h2-line-height);
  font-style: var(--desctop-h2-font-style);
}

.home-desktop .frame-46 {
  display: flex;
  flex-direction: column;
  width: 1135px;
  align-items: flex-start;
  gap: 30px;
  position: relative;
}

.home-desktop .text-wrapper-20 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--desctop-p-24-font-family);
  font-weight: var(--desctop-p-24-font-weight);
  color: var(--p);
  font-size: var(--desctop-p-24-font-size);
  letter-spacing: var(--desctop-p-24-letter-spacing);
  line-height: var(--desctop-p-24-line-height);
  white-space: nowrap;
  font-style: var(--desctop-p-24-font-style);
}

.home-desktop .CTA {
  flex-direction: column;
  gap: 40px;
  padding: 0px 83px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.home-desktop .LET-s-CREATE {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  background: linear-gradient(
    90deg,
    rgba(102, 86, 240, 1) 0%,
    rgba(231, 202, 215, 1) 43%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "DM Sans", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 100px;
  text-align: center;
  letter-spacing: 0;
  line-height: 100px;
}

.home-desktop .text-wrapper-21 {
  position: relative;
  align-self: stretch;
  font-family: var(--desctop-p-24-font-family);
  font-weight: var(--desctop-p-24-font-weight);
  color: var(--white);
  font-size: var(--desctop-p-24-font-size);
  text-align: center;
  letter-spacing: var(--desctop-p-24-letter-spacing);
  line-height: var(--desctop-p-24-line-height);
  font-style: var(--desctop-p-24-font-style);
}

.home-desktop .button {
  all: unset;
  box-sizing: border-box;
  width: 412px;
  height: 62px;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: relative;
  margin-bottom: -1px;
  border-radius: 999px;
  border: 1px solid;
  border-color: var(--p);
  background: linear-gradient(
    90deg,
    rgba(102, 86, 240, 1) 0%,
    rgba(231, 202, 215, 1) 43%
  );
  display: flex;
  align-items: center;
}

.home-desktop .footer {
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: center;
  gap: 96px;
  padding: 64px 83px 56px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--secondary-accent);
  border-top-width: 1px;
  border-top-style: solid;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-color: var(--p);
}

.home-desktop .ellipse-9 {
  top: -210px;
  left: 251px;
  width: 1125px;
  height: 541px;
  background-color: var(--primary-accent);
  border-radius: 562.68px / 270.62px;
  transform: rotate(-38.28deg);
  mix-blend-mode: lighten;
  position: absolute;
  filter: blur(260px);
}

.home-desktop .ellipse-10 {
  top: 23px;
  left: 390px;
  width: 529px;
  height: 254px;
  background-color: var(--background);
  border-radius: 264.45px / 127.19px;
  transform: rotate(-38.28deg);
  mix-blend-mode: lighten;
  position: absolute;
  filter: blur(260px);
}

.home-desktop .ellipse-11 {
  top: -33px;
  left: 533px;
  width: 415px;
  height: 199px;
  background-color: var(--white);
  border-radius: 207.27px / 99.68px;
  transform: rotate(-38.28deg);
  position: absolute;
  filter: blur(260px);
}

.home-desktop .group-36 {
  position: relative;
  width: 1274px;
  height: 185px;
}

.home-desktop .logo-2 {
  top: -2px;
  left: -2px;
  width: 1278px;
  height: 189px;
  mix-blend-mode: color-burn;
  position: absolute;
  aspect-ratio: 6.88;
  object-fit: cover;
}

.home-desktop .frame-47 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-desktop .frame-48 {
  display: inline-flex;
  align-items: flex-start;
  gap: 40px;
  position: relative;
  flex: 0 0 auto;
}

.home-desktop .frame-49 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  position: relative;
  flex: 0 0 auto;
}

.home-desktop .component {
  position: relative;
  width: 20px;
  height: 20px;
  aspect-ratio: 1;
}

.home-desktop .text-wrapper-22 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--desctop-p-16-font-family);
  font-weight: var(--desctop-p-16-font-weight);
  color: var(--background);
  font-size: var(--desctop-p-16-font-size);
  letter-spacing: var(--desctop-p-16-letter-spacing);
  line-height: var(--desctop-p-16-line-height);
  white-space: nowrap;
  font-style: var(--desctop-p-16-font-style);
}

.home-desktop .frame-50 {
  position: relative;
  width: 194px;
}

.home-desktop .text-wrapper-23 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  opacity: 0.5;
  font-family: var(--desctop-p-16-font-family);
  font-weight: var(--desctop-p-16-font-weight);
  color: var(--background);
  font-size: var(--desctop-p-16-font-size);
  text-align: right;
  letter-spacing: var(--desctop-p-16-letter-spacing);
  line-height: var(--desctop-p-16-line-height);
  font-style: var(--desctop-p-16-font-style);
}

/* Desktop: scale the 1440 canvas to the live viewport so nothing is clipped and the page fills the screen */
@media (min-width: 1024px) {
  .page-wrap {
    width: 100%;
    height: calc(11586px * 100vw / 1440px);
    overflow: hidden;
  }

  .home-desktop {
    transform: scale(calc(100vw / 1440px));
    transform-origin: top left;
  }
}

/* Tablet + phone: real reflow, not a shrunken desktop canvas */
@media (max-width: 1023px) {
  .home-desktop {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 0;
    height: auto;
    overflow: hidden;
    transform: none;
  }

  .page-wrap {
    height: auto;
    overflow-x: hidden;
  }

  .home-desktop .hero-texture {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: max(20px, env(safe-area-inset-top)) 20px 28px;
    overflow: hidden;
    background: linear-gradient(
      180deg,
      #f0e8f6 0%,
      #e4d4ef 38%,
      #3a2f4a 72%,
      #1a1a1a 100%
    );
  }

  .home-desktop .frame {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
  }

  .home-desktop .ellipse,
  .home-desktop .div,
  .home-desktop .ellipse-2 {
    width: min(140vw, 900px);
    height: min(50vw, 320px);
    left: 50%;
    transform: translateX(-50%) rotate(-36.72deg);
  }

  .home-desktop .ellipse {
    top: 8%;
    left: -20%;
  }

  .home-desktop .div {
    top: 28%;
    left: 18%;
  }

  .home-desktop .ellipse-2 {
    top: 4%;
    left: 0;
  }

  /* Hide duplicate brand title on mobile — logo already carries the brand */
  .home-desktop .text-wrapper {
    display: none;
  }

  .home-desktop .w {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    bottom: auto;
    width: min(108vw, 440px);
    height: auto;
    max-height: none;
    object-fit: contain;
    margin: 0;
    display: block;
    pointer-events: none;
    z-index: 1;
    -webkit-mask-image: linear-gradient(
      180deg,
      #000 0%,
      #000 72%,
      transparent 100%
    );
    mask-image: linear-gradient(
      180deg,
      #000 0%,
      #000 72%,
      transparent 100%
    );
  }

  .home-desktop .group,
  .home-desktop .group-2 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
  }

  .home-desktop .group-2 {
    display: none;
  }

  .home-desktop .rectangle,
  .home-desktop .rectangle-2,
  .home-desktop .element {
    display: none;
  }

  .home-desktop .rectangle-3,
  .home-desktop .rectangle-4 {
    width: 100%;
    left: 0;
  }

  .home-desktop .img {
    display: none;
  }

  .home-desktop .logo {
    position: relative;
    top: auto;
    left: auto;
    width: min(62vw, 240px);
    height: auto;
    order: 1;
    z-index: 3;
    margin: 16px auto 0;
  }

  .home-desktop .p {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    max-width: 300px;
    order: 3;
    z-index: 3;
    margin: 0;
    padding: 14px 16px;
    font-size: 16px;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    text-shadow:
      0 1px 2px rgba(0, 0, 0, 0.55),
      0 4px 18px rgba(0, 0, 0, 0.45);
    border-radius: 16px;
    background: linear-gradient(
      180deg,
      rgba(26, 26, 26, 0) 0%,
      rgba(26, 26, 26, 0.42) 35%,
      rgba(26, 26, 26, 0.55) 100%
    );
  }

  .home-desktop .cta,
  .home-desktop .order-services-wrapper,
  .home-desktop .div-wrapper,
  .home-desktop .button {
    position: relative;
    top: auto;
    left: auto;
    width: min(100%, 300px);
    max-width: 300px;
    height: 52px;
    margin: 0 auto;
    cursor: pointer;
  }

  .home-desktop .cta {
    order: 4;
    z-index: 3;
    margin-top: 14px;
  }

  /* Keeps art + copy as one composition: art fills middle, copy sits just under */
  .home-desktop .hero-texture::after {
    content: "";
    display: block;
    order: 2;
    flex: 1 1 auto;
    min-height: min(54svh, 480px);
    max-height: 58svh;
    width: 100%;
    pointer-events: none;
  }

  .home-desktop .content {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    padding: 0;
    align-items: stretch;
  }

  .home-desktop .who-we-are-what-we {
    gap: 56px;
    padding: 56px 20px 32px;
    background-color: #1a1a1a;
    align-items: stretch;
  }

  .home-desktop .who-we-are,
  .home-desktop .what-we-do {
    padding: 0;
    gap: 20px;
  }

  .home-desktop .what-we-do {
    gap: 40px;
  }

  .home-desktop .EMERGY-events-is,
  .home-desktop .from-boutique,
  .home-desktop .from-boutique-wrapper,
  .home-desktop .our-philosophy,
  .home-desktop .why-EMERGY,
  .home-desktop .footer,
  .home-desktop .frame-16,
  .home-desktop .frame-23,
  .home-desktop .frame-28,
  .home-desktop .group-36,
  .home-desktop .frame-46,
  .home-desktop .frame-4,
  .home-desktop .frame-19,
  .home-desktop .frame-20,
  .home-desktop .frame-36,
  .home-desktop .frame-38,
  .home-desktop .frame-40,
  .home-desktop .frame-17,
  .home-desktop .frame-44,
  .home-desktop .it-isn-t-a,
  .home-desktop .we-re-introducing,
  .home-desktop .text-wrapper-4,
  .home-desktop .text-wrapper-10,
  .home-desktop .frame-26,
  .home-desktop .we-listen-first,
  .home-desktop .this-partnership-is,
  .home-desktop .an-event-lasts-a,
  .home-desktop .this-philosophy {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .home-desktop .EMERGY-events-is-2 {
    position: relative;
    font-size: clamp(26px, 7vw, 40px);
    line-height: 1.2;
  }

  .home-desktop .we-re-introducing,
  .home-desktop .text-wrapper-4,
  .home-desktop .text-wrapper-8,
  .home-desktop .our-vision-is-to,
  .home-desktop .text-wrapper-10,
  .home-desktop .we-listen-first,
  .home-desktop .this-partnership-is,
  .home-desktop .an-event-lasts-a,
  .home-desktop .this-philosophy {
    font-size: 16px;
    line-height: 1.45;
  }

  .home-desktop .frame-2 {
    gap: 28px;
  }

  .home-desktop .frame-3 {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .home-desktop .text-wrapper-3,
  .home-desktop .text-wrapper-7,
  .home-desktop .text-wrapper-9,
  .home-desktop .text-wrapper-17,
  .home-desktop .text-wrapper-19 {
    font-size: clamp(32px, 9vw, 48px);
    line-height: 1.1;
    white-space: normal;
  }

  .home-desktop .text-wrapper-9 {
    margin-right: 0;
    width: 100%;
  }

  .home-desktop .text-wrapper-2,
  .home-desktop .text-wrapper-6,
  .home-desktop .text-wrapper-16,
  .home-desktop .text-wrapper-18 {
    font-size: 16px;
  }

  .home-desktop .frame-5 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
    height: auto;
    width: 100%;
    gap: 12px;
  }

  .home-desktop .frame-6,
  .home-desktop .frame-11,
  .home-desktop .frame-12,
  .home-desktop .frame-13,
  .home-desktop .frame-14,
  .home-desktop .frame-15,
  .home-desktop .frame-29,
  .home-desktop .frame-31,
  .home-desktop .frame-32,
  .home-desktop .frame-33,
  .home-desktop .frame-34,
  .home-desktop .frame-35 {
    grid-row: auto;
    grid-column: auto;
    min-height: 200px;
    width: 100%;
    height: auto;
  }

  .home-desktop .frame-7,
  .home-desktop .frame-30 {
    height: auto;
    min-height: 168px;
    gap: 24px;
  }

  .home-desktop .creative-event,
  .home-desktop .text-wrapper-13,
  .home-desktop .text-wrapper-14 {
    font-size: 18px;
    line-height: 1.3;
  }

  .home-desktop .from-boutique {
    width: 100%;
    padding: 0;
  }

  .home-desktop .text-wrapper-5,
  .home-desktop .from-boutique-2 {
    position: relative;
    font-size: clamp(24px, 6.5vw, 36px);
    line-height: 1.25;
    text-align: left;
    height: auto;
  }

  .home-desktop .our-vision {
    height: auto;
    padding: 64px 20px 80px;
    overflow: hidden;
  }

  .home-desktop .frame-16 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
  }

  .home-desktop .ellipse-3,
  .home-desktop .ellipse-4,
  .home-desktop .ellipse-5 {
    width: min(160vw, 900px);
    height: min(40vw, 260px);
  }

  .home-desktop .w-2,
  .home-desktop .w-3 {
    width: min(90vw, 480px);
    height: auto;
    left: 20%;
    top: 0;
  }

  .home-desktop .frame-17 {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    gap: 24px;
  }

  .home-desktop .to-redefine-qatar-s,
  .home-desktop .it-isn-t-a-2 {
    font-size: clamp(24px, 6.5vw, 36px);
    line-height: 1.2;
    text-align: left;
    width: 100%;
  }

  .home-desktop .concept-to-curtain {
    gap: 48px;
    padding: 56px 20px 40px;
  }

  .home-desktop .frame-21 {
    height: auto;
    gap: 20px;
  }

  .home-desktop .frame-22 {
    gap: 16px;
  }

  .home-desktop .rectangle-5 {
    display: none;
  }

  .home-desktop .frame-23,
  .home-desktop .frame-24 {
    width: 100%;
    gap: 40px;
  }

  .home-desktop .frame-25 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
  }

  .home-desktop .cta-wrapper {
    height: auto;
    display: flex;
    justify-content: center;
    padding-bottom: 24px;
  }

  .home-desktop .order-services-wrapper {
    left: auto;
    top: auto;
  }

  .home-desktop .frame-27 {
    gap: 64px;
    width: 100%;
    background-color: var(--black);
  }

  .home-desktop .our-philosophy {
    width: 100%;
    height: auto;
    padding: 56px 20px;
    overflow: hidden;
    background-color: var(--background);
  }

  .home-desktop .ellipse-6,
  .home-desktop .ellipse-7 {
    width: min(140vw, 700px);
    height: min(40vw, 220px);
  }

  .home-desktop .it-isn-t-a {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 24px;
  }

  .home-desktop .an-event-lasts-a,
  .home-desktop .this-philosophy {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin-top: 20px;
  }

  .home-desktop .why-EMERGY {
    width: 100%;
    height: auto;
    padding: 0 20px 24px;
    overflow: hidden;
    background-color: #efe8f3;
  }

  .home-desktop .s {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
  }

  .home-desktop .frame-28 {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    gap: 32px;
    padding: 24px 0 40px;
  }

  .home-desktop .reviews {
    flex-direction: column;
    gap: 32px;
    padding: 0 20px;
  }

  .home-desktop .frame-36 {
    width: 100%;
    height: auto;
    gap: 24px;
  }

  .home-desktop .frame-38 {
    width: 100%;
    gap: 16px;
  }

  .home-desktop .frame-39 {
    padding: 20px 16px 24px;
    gap: 12px;
  }

  .home-desktop .frame-40 {
    width: auto;
    flex: 1;
    min-width: 0;
  }

  .home-desktop .text-wrapper-20 {
    white-space: normal;
    width: 100%;
    font-size: 16px;
  }

  .home-desktop .partnerships,
  .home-desktop .FAQ,
  .home-desktop .CTA {
    padding: 0 20px;
    gap: 32px;
  }

  .home-desktop .frame-43 {
    gap: 32px;
  }

  .home-desktop .LET-s-CREATE {
    font-size: clamp(32px, 10vw, 56px);
    line-height: 1.1;
  }

  .home-desktop .text-wrapper-21 {
    font-size: 16px;
  }

  .home-desktop .footer {
    width: 100%;
    padding: 40px 20px 32px;
    gap: 40px;
  }

  .home-desktop .ellipse-9,
  .home-desktop .ellipse-10,
  .home-desktop .ellipse-11 {
    width: min(140vw, 700px);
    height: min(40vw, 240px);
    left: 50%;
    transform: translateX(-50%) rotate(-38.28deg);
  }

  .home-desktop .group-36 {
    width: 100%;
    height: auto;
    aspect-ratio: 6.88;
  }

  .home-desktop .logo-2 {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
  }

  .home-desktop .group-36 .logo-2 + .logo-2 {
    display: none;
  }

  .home-desktop .frame-47 {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  .home-desktop .frame-48 {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .home-desktop .text-wrapper-22,
  .home-desktop .text-wrapper-23 {
    white-space: normal;
    justify-content: flex-start;
    text-align: left;
  }

  .home-desktop .frame-50 {
    width: 160px;
  }

  .home-desktop .order-services {
    font-size: 18px;
  }

  .home-desktop p,
  .home-desktop [class*="text-wrapper"] {
    overflow-wrap: break-word;
  }
}

@media (max-width: 767px) {
  .home-desktop .hero-texture {
    padding: max(16px, env(safe-area-inset-top)) 16px 24px;
    min-height: 100svh;
  }

  .home-desktop .w {
    top: 8%;
    width: min(115vw, 420px);
    -webkit-mask-image: linear-gradient(
      180deg,
      #000 0%,
      #000 68%,
      transparent 100%
    );
    mask-image: linear-gradient(
      180deg,
      #000 0%,
      #000 68%,
      transparent 100%
    );
  }

  .home-desktop .hero-texture::after {
    min-height: min(50svh, 440px);
    max-height: 54svh;
  }

  .home-desktop .logo {
    width: min(58vw, 210px);
    margin-top: 12px;
  }

  .home-desktop .p {
    font-size: 15px;
    max-width: 300px;
    padding: 12px 14px;
  }

  .home-desktop .cta {
    width: min(100%, 290px);
    max-width: 290px;
    height: 50px;
    margin-top: 12px;
  }

  .home-desktop .who-we-are-what-we,
  .home-desktop .our-vision,
  .home-desktop .concept-to-curtain,
  .home-desktop .our-philosophy {
    padding-left: 16px;
    padding-right: 16px;
  }

  .home-desktop .reviews,
  .home-desktop .partnerships,
  .home-desktop .FAQ,
  .home-desktop .CTA,
  .home-desktop .why-EMERGY,
  .home-desktop .footer {
    padding-left: 16px;
    padding-right: 16px;
  }

  .home-desktop .frame-5 {
    grid-template-columns: 1fr;
  }

  .home-desktop .frame-6,
  .home-desktop .frame-11,
  .home-desktop .frame-12,
  .home-desktop .frame-13,
  .home-desktop .frame-14,
  .home-desktop .frame-15,
  .home-desktop .frame-29,
  .home-desktop .frame-31,
  .home-desktop .frame-32,
  .home-desktop .frame-33,
  .home-desktop .frame-34,
  .home-desktop .frame-35 {
    min-height: 180px;
  }

  .home-desktop .ellipse-8 {
    width: 56px;
    height: 56px;
  }

  .home-desktop .vector,
  .home-desktop .vector-2,
  .home-desktop .vector-3,
  .home-desktop .vector-4 {
    display: none;
  }
}