@import url("https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap");

* {
  margin: 0;
  padding: 0;
  transition: all 500ms ease;
  font-family: "Tajawal", sans-serif;
  font-weight: 800;
  font-style: normal;
}

a,
h1,
h2,
h3,
h4,
h5,
h6,
footer {
  direction: rtl;
}

.who h1 {
  font-weight: 800;
  height: fit-content;

  padding-right: 50px;
  font-family: "Tajawal", sans-serif;
  border-top-right-radius: 0;
  border-top-left-radius: 20px;
  padding-left: 286px;
}

.who h2{
  font-weight: 700;
  padding-left: 28px;
  padding-right: 60px;
  font-family: "Tajawal", sans-serif;
}

.who h3 {
  font-weight: 700;
  padding-left: 55px;
  padding-right: 60px;
  font-family: "Tajawal", sans-serif;
   border-bottom-right-radius: 0;
  border-bottom-left-radius: 10px;
}

footer div {
  font-weight: 700;
}
.who > div:nth-child(2) {
  align-items: end;
  right: 0;
}

#listPh {
  direction: rtl;
  text-align: right;
}
#listPh a {
  direction: rtl;
  text-align: right;
  margin: 0;
  margin-right: 23px;
}

@keyframes Listopen {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes ListClose {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(80px);
  }
}
header {
  justify-content: end;
}
header div:nth-child(2) {
  direction: rtl;
  position: relative;
  right: 0;
  margin-right: 30px;
}
@media (max-width: 680px) {
  .who > div:nth-child(2) {
    display: flex;
  }
}