.mekdi {
  overflow: hidden;
  background: linear-gradient(
      0deg,
      rgba(101, 0, 0, 0.2) 0%,
      rgba(101, 0, 0, 0.2) 100%
    ),
    linear-gradient(
      180deg,
      rgba(206, 17, 17, 1) 0%,
      rgba(191, 16, 16, 1) 52%,
      rgba(104, 8, 8, 1) 100%
    );
  width: 100%;
  min-width: 1440px;
  height: 1089px;
  position: relative;
}

.mekdi .pattern {
  position: absolute;
  width: 121.68%;
  height: 53.90%;
  top: -56.84%;
  left: -9.44%;
  transform: rotate(180deg);
}

.mekdi .vector {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -38.16%;
  left: 19.11%;
  transform: rotate(-180deg);
}

.mekdi .frame {
  display: flex;
  flex-direction: column;
  width: 514px;
  align-items: flex-start;
  gap: 24px;
  padding: 22px 0px 0px;
  position: absolute;
  top: 443px;
  left: 85px;
}

.mekdi .rectangle {
  position: absolute;
  top: 22px;
  left: -13px;
  width: 758px;
  height: 159px;
  background-color: #e6d40d;
}

.mekdi .about-title {
  position: relative;
  width: 514px;
  margin-top: -1.00px;
  font-family: "Mulish-Bold", Helvetica;
  font-weight: 700;
  color: var(--color-neutral-25);
  font-size: 72px;
  letter-spacing: -2.16px;
  line-height: 80px;
}

.mekdi .text-wrapper {
  position: relative;
  align-self: stretch;
  font-family: var(--text-xl-semibold-font-family);
  font-weight: var(--text-xl-semibold-font-weight);
  color: var(--color-neutral-25);
  font-size: var(--text-xl-semibold-font-size);
  letter-spacing: var(--text-xl-semibold-letter-spacing);
  line-height: var(--text-xl-semibold-line-height);
  font-style: var(--text-xl-semibold-font-style);
}

.mekdi .images-removebg {
  position: absolute;
  top: 13px;
  left: 20px;
  width: 104px;
  height: 69px;
  aspect-ratio: 1.52;
  object-fit: cover;
}

.mekdi .div {
  position: absolute;
  top: 365px;
  left: 720px;
  width: 423px;
  height: 333px;
  background-image: url(./img/logo\ mekdi.png);
  background-size: cover;
  background-position: 50% 50%;
}

.mekdi .rectangle-2 {
  position: absolute;
  top: 26px;
  left: 1115px;
  width: 262px;
  height: 43px;
  background-color: #d9d9d9;
  border-radius: 22px;
}

.mekdi .text-wrapper-2 {
  position: absolute;
  top: 29px;
  left: 1170px;
  width: 190px;
  font-family: var(--text-xl-semibold-font-family);
  font-weight: var(--text-xl-semibold-font-weight);
  color: #000000;
  font-size: var(--text-xl-semibold-font-size);
  letter-spacing: var(--text-xl-semibold-letter-spacing);
  line-height: var(--text-xl-semibold-line-height);
  white-space: nowrap;
  font-style: var(--text-xl-semibold-font-style);
}

.mekdi .text-wrapper-3 {
  position: absolute;
  top: 29px;
  left: 189px;
  width: 500px;
  font-family: var(--text-xl-semibold-font-family);
  font-weight: var(--text-xl-semibold-font-weight);
  color: #ffffff;
  font-size: var(--text-xl-semibold-font-size);
  letter-spacing: var(--text-xl-semibold-letter-spacing);
  line-height: var(--text-xl-semibold-line-height);
  font-style: var(--text-xl-semibold-font-style);
}

.mekdi .text-wrapper-4 {
  position: absolute;
  top: 29px;
  left: 720px;
  width: 500px;
  font-family: var(--text-xl-semibold-font-family);
  font-weight: var(--text-xl-semibold-font-weight);
  color: #ffffff;
  font-size: var(--text-xl-semibold-font-size);
  letter-spacing: var(--text-xl-semibold-letter-spacing);
  line-height: var(--text-xl-semibold-line-height);
  font-style: var(--text-xl-semibold-font-style);
}

.mekdi .text-wrapper-5 {
  position: absolute;
  top: 29px;
  left: 461px;
  width: 500px;
  font-family: var(--text-xl-semibold-font-family);
  font-weight: var(--text-xl-semibold-font-weight);
  color: #ffffff;
  font-size: var(--text-xl-semibold-font-size);
  letter-spacing: var(--text-xl-semibold-letter-spacing);
  line-height: var(--text-xl-semibold-line-height);
  font-style: var(--text-xl-semibold-font-style);
}

.mekdi .text-wrapper-6 {
  position: absolute;
  top: 29px;
  left: 284px;
  width: 500px;
  font-family: var(--text-xl-semibold-font-family);
  font-weight: var(--text-xl-semibold-font-weight);
  color: #ffffff;
  font-size: var(--text-xl-semibold-font-size);
  letter-spacing: var(--text-xl-semibold-letter-spacing);
  line-height: var(--text-xl-semibold-line-height);
  font-style: var(--text-xl-semibold-font-style);
}

.mekdi .whatsapp-image {
  position: absolute;
  top: 532px;
  left: 876px;
  width: 564px;
  height: 557px;
  aspect-ratio: 1.31;
  object-fit: cover;
}

.mekdi .download-removebg {
  position: absolute;
  top: 13px;
  left: 1045px;
  width: 97px;
  height: 77px;
  aspect-ratio: 1.32;
  object-fit: cover;
}

.mekdi .fdlrmtwzlsjemonk {
  position: absolute;
  top: 649px;
  left: 653px;
  width: 558px;
  height: 440px;
  aspect-ratio: 1.31;
  object-fit: cover;
}