/* screen - menu-screen */
@import url(https://fonts.googleapis.com/earlyaccess/lateef.css);

.screen-1 .group-27 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 53.5px/54px;
  box-shadow: 0px 3px 12px #0000005f;
  display: flex;
  height: 108px;
  left: 1953px;
  min-width: 107px;
  padding: 27.9px 26.8px;
  position: absolute;
  top: 2951px;
  animation: 1s ease-out 0s 1 slideInFromLeft;
}

@keyframes fade-up {
  0% {
    opacity: 0;
    transform: translateY(30px) scale(0.9);
  }

  100% {
    opacity: 1;
    transform: translateY(0px) scale(1);
  }
}

h1,
p {
  animation: fade-up 4s !important;
  padding-top: 125px;
}

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

.menu-screen {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  height: 1080px;
  overflow: hidden;
  width: 1920px;
}

.menu-screen .overlap-group2 {
  height: 7311px;
  margin-left: -1209px;
  margin-top: -4266.09px;
  position: relative;
  width: 7349px;
}

.menu-screen .x20170321_champs_agricoles_had_kourt_1 {
  height: 1282px;
  left: 1209px;
  object-fit: cover;
  position: absolute;
  top: 4165px;
  width: 1920px;
}

.menu-screen .rectangle-1 {
  background: linear-gradient(
    298.46deg,
    rgba(0, 0, 0, 0.62) 7.7%,
    rgba(84, 84, 84, 0) 114.54%
  );
  height: 1080px;
  left: 1209px;
  opacity: 0.62;
  position: absolute;
  top: 4266px;
  width: 1920px;
}

.menu-screen .group-24 {
  display: flex;
  height: 5418px;
  left: 1017px;
  position: absolute;
  top: 947px;
  transform: rotate(120deg);
  width: 5314px;
}

.menu-screen .group-2 {
  display: flex;
  flex: 1;
  width: 5313.85px;
}

.menu-screen .group-19 {
  display: flex;
  flex: 1;
  opacity: 0.8;
  width: 5313.85px;
}

.menu-screen .group-18 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  min-width: 5313.85px;
}

.menu-screen .group-container {
  height: 5418px;
  position: relative;
  width: 5314px;
}

.menu-screen .group-1 {
  display: flex;
  height: 5173px;
  left: 108px;
  position: absolute;
  top: 24px;
  width: 5171px;
}

.menu-screen .path-1 {
  margin-bottom: -946.1px;
  margin-left: -947px;
  margin-right: -947px;
  margin-top: -946.1px;
  width: 7065.42px;
}

.menu-screen .group-2-1 {
  display: flex;
  height: 27px;
  left: 4303px;
  position: absolute;
  top: 598px;
  width: 32px;
}

.menu-screen .path-2 {
  margin-bottom: -6.9px;
  margin-left: -3.9px;
  margin-right: -3.9px;
  margin-top: -6.9px;
  width: 39.48px;
}

.menu-screen .group-3 {
  display: flex;
  height: 5px;
  left: 4273px;
  position: absolute;
  top: 573px;
  width: 6px;
}

.menu-screen .path-3 {
  margin-bottom: -1.3px;
  margin-left: -0.6px;
  margin-right: -0.6px;
  margin-top: -1.3px;
  width: 6.81px;
}

.menu-screen .group-4 {
  display: flex;
  height: 5157px;
  left: 147px;
  position: absolute;
  top: 40px;
  width: 5138px;
}

.menu-screen .path-4 {
  margin-bottom: -935.8px;
  margin-left: -948.3px;
  margin-right: -948.3px;
  margin-top: -935.8px;
  width: 7034.97px;
}

.menu-screen .group-5 {
  display: flex;
  height: 21px;
  left: 4278px;
  position: absolute;
  top: 578px;
  width: 25px;
}

.menu-screen .path-5 {
  margin-bottom: -5.6px;
  margin-left: -2.8px;
  margin-right: -2.8px;
  margin-top: -5.6px;
  width: 30.45px;
}

.menu-screen .group-6 {
  display: flex;
  height: 5156px;
  left: 176px;
  position: absolute;
  top: 56px;
  width: 5113px;
}

.menu-screen .path-6 {
  margin-bottom: -924.9px;
  margin-left: -954.4px;
  margin-right: -954.4px;
  margin-top: -924.9px;
  width: 7021.67px;
}

.menu-screen .group-7 {
  display: flex;
  height: 5165px;
  left: 189px;
  position: absolute;
  top: 72px;
  width: 5105px;
}

.menu-screen .path-7 {
  margin-bottom: -919.2px;
  margin-left: -960.2px;
  margin-right: -960.2px;
  margin-top: -919.2px;
  width: 7025.16px;
}

.menu-screen .group-8 {
  display: flex;
  height: 5180px;
  left: 178px;
  position: absolute;
  top: 89px;
  width: 5119px;
}

.menu-screen .path-8 {
  margin-bottom: -921.9px;
  margin-left: -963px;
  margin-right: -963px;
  margin-top: -921.9px;
  width: 7045.52px;
}

.menu-screen .group-9 {
  display: flex;
  height: 5199px;
  left: 149px;
  position: absolute;
  top: 105px;
  width: 5152px;
}

.menu-screen .path-9 {
  margin-bottom: -931.4px;
  margin-left: -963px;
  margin-right: -963px;
  margin-top: -931.4px;
  width: 7078.21px;
}

.menu-screen .group-10 {
  display: flex;
  height: 5219px;
  left: 108px;
  position: absolute;
  top: 121px;
  width: 5198px;
}

.menu-screen .path-10 {
  margin-bottom: -946px;
  margin-left: -960.4px;
  margin-right: -960.4px;
  margin-top: -946px;
  width: 7118.97px;
}

.menu-screen .group-11 {
  display: flex;
  height: 5242px;
  left: 56px;
  position: absolute;
  top: 137px;
  width: 5253px;
}

.menu-screen .path-11 {
  margin-bottom: -964.3px;
  margin-left: -956.4px;
  margin-right: -956.4px;
  margin-top: -964.3px;
  width: 7166.1px;
}

.menu-screen .group-12 {
  display: flex;
  height: 5333px;
  left: 0;
  position: absolute;
  top: 84px;
  width: 5314px;
}

.menu-screen .path-12 {
  margin-bottom: -967.6px;
  margin-left: -980.9px;
  margin-right: -980.9px;
  margin-top: -967.6px;
  width: 7275.74px;
}

.menu-screen .group-13 {
  display: flex;
  height: 5219px;
  left: 86px;
  position: absolute;
  top: 0;
  width: 5222px;
}

.menu-screen .path-13 {
  margin-bottom: -956.2px;
  margin-left: -954.6px;
  margin-right: -954.6px;
  margin-top: -956.2px;
  width: 7130.76px;
}

.menu-screen .group-14 {
  display: flex;
  height: 1px;
  left: 2594px;
  position: absolute;
  top: 13px;
  width: 42px;
}

.menu-screen .path-14 {
  margin-bottom: -18.2px;
  margin-left: 10.5px;
  margin-right: 10.5px;
  margin-top: -18.2px;
  width: 21.3px;
}

.menu-screen .group-15 {
  display: flex;
  height: 1px;
  left: 2554px;
  position: absolute;
  top: 13px;
  width: 7px;
}

.menu-screen .path-15 {
  margin-bottom: -3.1px;
  margin-left: 1.7px;
  margin-right: 1.7px;
  margin-top: -3.1px;
  width: 3.85px;
}

.menu-screen .group-16 {
  display: flex;
  height: 5222px;
  left: 76px;
  position: absolute;
  top: 13px;
  width: 5199px;
}

.menu-screen .path-16 {
  margin-bottom: -945.6px;
  margin-left: -961.7px;
  margin-right: -961.7px;
  margin-top: -945.6px;
  width: 7122.22px;
}

.menu-screen .group-17 {
  display: flex;
  height: 1px;
  left: 2561px;
  position: absolute;
  top: 13px;
  width: 33px;
}

.menu-screen .path-17 {
  margin-bottom: -14px;
  margin-left: 7.9px;
  margin-right: 7.9px;
  margin-top: -14px;
  width: 16.96px;
}

.menu-screen .logo-ocp_-monochrome-blanc_final {
  height: 66px;
  left: 2063px;
  object-fit: cover;
  position: absolute;
  top: 5230px;
  width: 212px;
  animation: fade-up 4s !important;
}

.menu-screen .group-31 {
  display: flex;
  flex-direction: column;
  height: 411px;
  justify-content: space-between;
  left: 2471px;
  position: absolute;
  top: 4542px;
  width: 503px;
}

.menu-screen .the-worlds-largest {
  color: var(--citron);
  flex: 1;
  font-family: var(--font-family-nexa_regular);
  font-size: var(--font-size-xl);
  font-weight: 400;
  height: 220px;
  letter-spacing: 0;
  line-height: 27px;
  margin-right: -2px;
  max-height: 220px;
  text-shadow: 0px 3px 6px #0000009f;
}

.menu-screen .span-1 {
  font-family: var(--font-family-nexaheavy-regular);
}

.menu-screen .we-have-invested-str {
  color: var(--citron);
  flex: 1;
  font-family: var(--font-family-nexa_regular);
  font-size: var(--font-size-xl);
  font-weight: 400;
  height: 145px;
  letter-spacing: 0;
  line-height: 27px;
  margin-bottom: -2px;
  max-height: 145px;
  text-shadow: 0px 3px 6px #000000a3;
}

.menu-screen .span1 {
  color: var(--white);
  font-family: var(--font-family-nexaheavy-regular);
}

.menu-screen .group-368 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 6px;
  left: 1479px;
  min-height: 419px;
  position: absolute;
  top: 4538px;
  width: 665px;
}

.group-366 {
  animation: 1s ease-out 0s 1 slideInFromLeft;
}

.menu-screen .overlap-group1 {
  height: 350px;
  position: relative;
  width: 665px;
}

.menu-screen .text-1 {
  left: 0;
  top: 0;
}

.menu-screen .text-2 {
  left: 460px;
  top: 251px;
}

.menu-screen .our-vision-is-to-ena {
  color: var(--white);
  font-family: var(--font-family-nexaheavy-regular);
  font-size: 47px;
  font-weight: 400;
  height: 283px;
  left: 47px;
  letter-spacing: 0;
  line-height: 47px;
  position: absolute;
  text-shadow: -5px -7px 20px #0000005c;
  top: 48px;
  width: 618px;
}

.menu-screen .mostafa-terrabchairman-ceo {
  color: var(--white);
  font-family: var(--font-family-nexa_heavy);
  font-size: 37px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 27px;
  margin-left: 47px;
  min-height: 73px;
  text-shadow: 0px 3px 6px #000000;
  white-space: nowrap;
  animation: fade-up 4s !important;
  padding-top: 125px;
}

.menu-screen .group-366 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 17px;
  box-shadow: -10px 17px 30px #00000081;
  display: flex;
  height: 65px;
  justify-content: flex-end;
  left: 2039px;
  min-width: 259px;
  padding: 19px 61.9px;
  position: absolute;
  top: 5065px;
}

.menu-screen .group-365 {
  display: flex;
  height: 27px;
  justify-content: space-between;
  width: 134px;
}

.menu-screen .group-364 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  margin-top: 3.5px;
  min-height: 14.89px;
  width: 32px;
}

.menu-screen .line {
  height: 3px;
  margin-left: -1.5px;
  object-fit: cover;
  width: 35px;
}

.menu-screen .menu {
  letter-spacing: 0;
  line-height: 31px;
  margin-right: -2px;
  margin-top: -2px;
  white-space: nowrap;
  width: 84px;
}

.menu-screen .path {
  flex: 1;
  object-fit: cover;
  transform: rotate(-120deg);
}

.menu-screen .text {
  color: var(--citron);
  font-family: var(--font-family-nexaheavy-regular);
  font-size: 270px;
  font-weight: 400;
  height: 99px;
  letter-spacing: 0;
  line-height: 270px;
  mix-blend-mode: overlay;
  position: absolute;
  white-space: nowrap;
  width: 126px;
}