.div-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #141414;
  background-color: #141414;
  grid-template: ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". Area"
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 55rem;
  display: grid;
  position: static;
}

.body {
  background-color: #141414;
}

.section {
  color: #000;
  background-color: #141414;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.heading {
  filter: drop-shadow(0 0 5px #ffffff80);
  color: #bdbdbd;
  mix-blend-mode: normal;
  margin: auto;
  font-size: 1.5rem;
  line-height: 5rem;
  position: absolute;
  top: auto;
  left: auto;
}

.div-block-2 {
  position: relative;
}

.link {
  opacity: 1;
  filter: drop-shadow(0 0 5px #ffffff80);
  color: #bdbdbd;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-family: Aref Ruqaa, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 5rem;
  text-decoration: none;
  transition: filter .7s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: absolute;
  top: 8px;
}

.link:hover {
  filter: drop-shadow(0 0 5px #f0f0f0b3) drop-shadow(0 0 5px #fff6f6b3);
}

.link-2 {
  filter: drop-shadow(0 0 5px #ffffff80);
  color: #bdbdbd;
  justify-content: center;
  align-items: center;
  font-family: Aref Ruqaa, sans-serif;
  font-size: 2.5rem;
  line-height: 5rem;
  text-decoration: none;
  transition: filter .7s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: absolute;
  top: 278px;
}

.link-2:hover {
  filter: drop-shadow(0 0 7px #ffffffb3) drop-shadow(0 0 5px #ffffff80);
}

.text-span {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.div-block-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-block {
  filter: none;
  color: #bdbdbd;
  text-align: center;
  font-family: Roboto Condensed, sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2rem;
}

.text-block-2 {
  color: #bdbdbd;
  text-align: center;
  font-family: Aref Ruqaa, sans-serif;
  font-size: 2.2rem;
  line-height: 3rem;
}

.link-block {
  filter: drop-shadow(0 0 5px #bdbdbdb3);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: filter .7s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.link-block:hover {
  filter: drop-shadow(0 0 5px #bdbdbd99) drop-shadow(0 0 5px #bdbdbd99);
}

.prologue-eng {
  color: #bdbdbd;
  background-color: #141414;
  width: 100%;
  height: 100vh;
  position: relative;
}

.languages-eng {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #bdbdbd;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 18rem;
  height: 9rem;
  text-decoration: none;
  display: grid;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.english {
  font-size: 13px;
  text-decoration: none;
  display: block;
}

.english:hover {
  color: #bdbdbd;
}

.french {
  color: #bdbdbd;
  text-decoration: none;
  transition: filter .2s cubic-bezier(.645, .045, .355, 1);
}

.french:hover {
  filter: drop-shadow(0 0 6px #ffffffb3);
  color: #bdbdbd;
}

.link-4 {
  color: #bdbdbd;
  font-size: .75rem;
  text-decoration: none;
  transition: filter .2s cubic-bezier(.645, .045, .355, 1);
}

.link-4:hover {
  filter: drop-shadow(0 0 6px #ffffffb3);
  color: #bdbdbd;
}

.bold-text {
  color: #bdbdbd;
  font-family: Roboto Condensed, sans-serif;
  font-size: .75rem;
  font-weight: 600;
  transition: filter .2s cubic-bezier(.645, .045, .355, 1);
}

.bold-text:hover {
  filter: drop-shadow(0 0 6px #ffffffb3);
}

.div-block-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  font-size: 2rem;
  display: grid;
  position: relative;
  top: 8.3rem;
}

.heading-2 {
  filter: drop-shadow(0 0 3px #ffffffb3);
  text-align: right;
  margin-right: 10rem;
  font-family: Aref Ruqaa, sans-serif;
  font-weight: 400;
}

.heading-3 {
  opacity: 1;
  filter: drop-shadow(0 0 3px #ffffffb3);
  margin-left: 10rem;
  font-size: 1.8rem;
  font-weight: 400;
}

.bold-text-2 {
  font-size: 1.9rem;
  font-weight: 400;
}

.bold-text-3 {
  font-family: Roboto Condensed, sans-serif;
  font-size: .75rem;
  font-weight: 600;
}

.div-block-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  width: 100vw;
  display: grid;
  position: relative;
  top: 9.3rem;
}

.link-films-eng {
  color: #bdbdbd;
  text-align: center;
  font-size: 1.25rem;
  text-decoration: none;
  transition: filter .2s cubic-bezier(.645, .045, .355, 1);
}

.link-films-eng:hover {
  filter: drop-shadow(0 0 6px #ffffffb3);
}

.link-home-eng {
  color: #bdbdbd;
  text-align: center;
  width: auto;
  font-size: 1.1rem;
  text-decoration: none;
  transition: filter .2s cubic-bezier(.645, .045, .355, 1);
}

.link-home-eng:hover {
  filter: drop-shadow(0 0 6px #ffffffb3);
}

.bold-text-4 {
  font-family: Roboto Condensed, sans-serif;
  font-size: 1.15rem;
  font-weight: 500;
  text-decoration: none;
}

.link-about-eng {
  color: #bdbdbd;
  text-align: center;
  font-size: 1.25rem;
  text-decoration: none;
  transition: filter .2s cubic-bezier(.645, .045, .355, 1);
}

.link-about-eng:hover {
  filter: drop-shadow(0 0 6px #ffffffb3);
}

.link-contact-eng {
  color: #bdbdbd;
  text-align: center;
  font-family: Roboto Condensed, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  text-decoration: none;
  transition: filter .2s cubic-bezier(.645, .045, .355, 1);
}

.link-contact-eng:hover {
  filter: drop-shadow(0 0 6px #ffffffb3);
}

.bold-text-5, .bold-text-6 {
  font-family: Roboto Condensed, sans-serif;
  font-size: 1.15rem;
  font-weight: 500;
}

.bold-text-7 {
  font-size: 1.15rem;
  font-weight: 500;
}

.bold-text-8 {
  font-family: Roboto Condensed, sans-serif;
  font-weight: 400;
}

.div-block-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
  top: 14.3rem;
}

.image {
  opacity: .75;
  width: auto;
}

.text-block-3 {
  font-family: Open Sans, sans-serif;
  font-style: normal;
}

.bold-text-9 {
  font-family: Noto Naskh Arabic, sans-serif;
  font-size: .8rem;
}

@media screen and (min-width: 1920px) {
  .languages-eng {
    right: 8.5rem;
  }

  .heading-2 {
    margin-right: 25rem;
  }

  .heading-3 {
    margin-left: 25rem;
  }

  .div-block-5 {
    top: 11.5rem;
  }

  .div-block-6 {
    top: 19.4rem;
  }

  .image {
    max-width: none;
    max-height: 35.3667rem;
  }
}

#w-node-df7c69a2-6d0e-3317-2192-ac3561367794-bcfac682 {
  place-self: center;
}

#w-node-_480d0cb9-5433-1596-c065-a88b75809103-bcfac682 {
  grid-area: 2 / 1 / 3 / 2;
  place-self: center;
}

#w-node-a28ed782-eda4-0964-be65-960d33645249-40f60f59 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_9f79142e-7fff-47d3-1bda-46d7f367530b-40f60f59 {
  align-self: center;
}

#w-node-_3a6f73f9-36e8-9e6c-c7e5-1000502356ee-40f60f59 {
  grid-area: 1 / 3 / 2 / 4;
  align-self: center;
}

#w-node-_840bdde8-ef4c-ff9f-00ab-a53775458e5c-40f60f59 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_5c332f08-4a0a-702a-9972-6422cc066463-40f60f59, #w-node-bdaf7460-73e0-ff94-b93a-81dd26f61e46-40f60f59 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_28b2b818-524d-9d24-58a9-c82bd0753ea5-40f60f59 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_5cfd29fa-3ddb-6569-01a9-858f15384422-40f60f59 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-ba8dee84-efa4-8847-7223-961bad54f865-40f60f59 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_8cef1dcc-a4f6-2f46-a22d-3f21b212ad27-40f60f59 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-_4d8d4b00-855f-f8b3-b46c-4e3817c06a16-40f60f59 {
  grid-area: 2 / 2 / 3 / 3;
  place-self: center;
}