.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  background-image: url('../images/خَلْفِيَّةُ الْكَنْز.webp');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.body-2 {
  background-image: url('../images/خَلْفِيَّةُ الْكَنْز.webp');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  border: 1px solid #fff;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-12 {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-4 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.link-block-17 {
  text-align: center;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 60px;
  margin: 10px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.text-block-27 {
  color: #faf4f4;
  text-align: center;
  background-color: #030000b3;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.div-block-13 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  margin-left: auto;
  margin-right: auto;
  font-weight: 700;
  display: flex;
}

.text-of-the-seal {
  color: #faf7f7;
  text-align: center;
  background-color: #0000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  margin: 5px;
  font-family: Reem Kufi, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  display: flex;
}

.container-3 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.box-of-the-text {
  background-color: #000000b3;
  border: 1px solid #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.a5 {
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-weight: 700;
  display: flex;
}

.a7 {
  color: #f8f2f2;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.a6 {
  background-color: #070000b3;
  border-radius: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 95px;
  height: 50px;
  margin: 5px;
  text-decoration: none;
  display: flex;
}

.a2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.a1 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.a3 {
  color: #f5eeee;
  background-color: #000000b3;
  border-radius: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 60px;
  margin: 0 auto 10px;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 22px;
  font-weight: 600;
  display: flex;
}

.a4 {
  color: #f8f5f5;
  background-color: #000000b3;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 55px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  display: flex;
}

.button-of-the-back {
  z-index: 1000;
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-color: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin: 10px;
  padding: 5px;
  font-family: Noto Naskh Arabic, sans-serif;
  font-size: 36px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

._1 {
  background-color: #070000b3;
  border-radius: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 60px;
  margin: 5px;
  text-decoration: none;
  display: flex;
}

.a1-copy {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

._2, ._3 {
  background-color: #070000b3;
  border: 1px solid #000000b3;
  border-radius: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 60px;
  margin: 5px;
  text-decoration: none;
  display: flex;
}

.b5, .a5-copy {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-weight: 700;
  display: flex;
}

._4, ._5, ._6, ._7 {
  background-color: #070000b3;
  border-radius: 20px 7px 7px 20px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 55px;
  margin: 5px;
  text-decoration: none;
  display: flex;
}

._8 {
  background-color: #070000b3;
  border-radius: 20px 7px 7px 20px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 50px;
  margin: 5px;
  text-decoration: none;
  display: flex;
}

._9, ._10 {
  background-color: #070000b3;
  border-radius: 20px 7px 7px 20px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 55px;
  margin: 5px;
  text-decoration: none;
  display: flex;
}

.text-of-the-jewel {
  opacity: 1;
  pointer-events: auto;
  direction: rtl;
  color: #f8f2f2;
  text-align: center;
  -webkit-text-stroke-color: #fcf6f6;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  border: 2px #f4f4f8;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: 5px;
  font-family: Noto Naskh Arabic, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  display: flex;
}

.image-of-the-jewel {
  text-align: center;
  border-radius: 20px;
  width: 220px;
  height: 72px;
  margin: 7px 7px 5px;
  display: block;
  overflow: auto;
}

.section-6, .container-4 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.the-jewel {
  text-align: center;
  background-color: #000000b3;
  border: 1px solid #fff;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.body-5 {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.body-6 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.body-7 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 7px;
  margin-right: 7px;
  display: flex;
}

.body-8, .body-9, .body-10, .body-11, .body-12, .body-13, .body-14, .body-15 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.body-16 {
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.body-17 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.body-18 {
  text-align: center;
  background-image: url('../images/خَلْفِيَّةُ الْكَنْز.webp');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.body-19, .body-20, .body-21 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.body-22 {
  background-image: url('../images/خَلْفِيَّةُ الْكَنْز.webp');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-9 {
  text-align: center;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  width: 320px;
  margin: 0 auto 10px;
  display: block;
  box-shadow: 0 2px 5px #0003;
}

.text-block-30 {
  color: #faf5f5;
  justify-content: center;
  align-items: center;
  margin: 10px auto 20px;
  font-family: Noto Naskh Arabic, sans-serif;
  font-size: 20px;
  font-weight: 700;
  display: flex;
}

.text-block-31 {
  display: flex;
}

.tabs-menu {
  z-index: 1000;
  clear: both;
  direction: rtl;
  color: #ece5e5;
  border: 1px #4e4b4b;
  border-radius: 0;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  min-width: auto;
  min-height: auto;
  margin: 10px auto;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
  position: fixed;
  inset: 0% auto auto;
}

.tabs-content {
  direction: ltr;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-width: auto;
  min-height: auto;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
  overflow: visible;
}

.number {
  color: #f8f2f2;
  background-color: #020000;
  border: 1px solid #faf4f4;
  border-radius: 100%;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-left: 1px;
  margin-right: 1px;
  padding: 14px;
  font-size: 15px;
  text-decoration: none;
  display: flex;
}

.number.w--current {
  color: #f7f2f2;
  -webkit-text-stroke-color: #f7f8f8;
  background-color: #058512;
  border: 1px solid #fff;
  justify-content: center;
  align-items: center;
  margin-left: 1px;
  margin-right: 1px;
  padding: 14px;
  font-family: Ubuntu, Helvetica, sans-serif;
  display: flex;
}

.tabs {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-width: auto;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.text-block-32 {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.tabs-4 {
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  min-width: auto;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.tabs-menu-4 {
  z-index: 1000;
  direction: rtl;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  min-width: auto;
  min-height: auto;
  margin: 10px auto;
  display: flex;
  position: fixed;
  inset: 0% auto auto;
}

.number-1 {
  color: #fff;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin-left: 1px;
  margin-right: 1px;
  padding: 14px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 15px;
  display: flex;
}

.number-1.w--current {
  color: #fffcfc;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  object-fit: fill;
  background-color: #ce6925;
  background-clip: border-box;
  border: 1px solid #fff;
  border-radius: 100%;
  padding: 14px;
  text-decoration: none;
}

.tabs-content-2 {
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  min-width: auto;
  min-height: auto;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.tabs-5 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.tabs-menu-5 {
  z-index: 1000;
  direction: rtl;
  justify-content: center;
  align-items: center;
  margin: 5px auto 0;
  display: flex;
  position: fixed;
  inset: 0% auto auto;
}

.tabs-content-3 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.number-r {
  color: #fff;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin-left: 1px;
  margin-right: 1px;
  padding: 14px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 15px;
  display: flex;
}

.number-r.w--current {
  color: #fff;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 100%;
  flex-flow: row;
  padding: 14px;
}

.number-3 {
  color: #fff;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin-left: 1px;
  margin-right: 1px;
  padding: 14px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 15px;
  display: flex;
}

.number-3.w--current {
  color: #fff;
  background-color: #d80606;
  border: 1px solid #fff;
  border-radius: 100%;
  padding: 14px;
}

.number-4 {
  color: #fff;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin-left: 1px;
  margin-right: 1px;
  padding: 14px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 15px;
  display: flex;
}

.number-4.w--current {
  color: #fff;
  background-color: #f1c72e;
  border: 1px solid #fff;
  border-radius: 100%;
  padding: 14px;
}

.number-6 {
  color: #fff;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin-left: 1px;
  margin-right: 1px;
  padding: 14px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 15px;
  display: flex;
}

.number-6.w--current {
  color: #fff;
  background-color: #1165b4;
  border: 1px solid #fff;
  border-radius: 100%;
  padding: 14px;
}

.the-lightning {
  text-align: center;
  background-color: #000000b3;
  border: 1px solid #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-of-the-lightning {
  text-align: center;
  border-radius: 20px;
  width: 220px;
  height: 72px;
  margin: 10px auto 5px;
  display: block;
  overflow: auto;
}

.text-of-the-lightning {
  opacity: 1;
  pointer-events: auto;
  direction: rtl;
  color: #f8f2f2;
  text-align: center;
  -webkit-text-stroke-color: #fcf6f6;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  border: 2px #f4f4f8;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: 5px;
  font-family: Noto Naskh Arabic, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  display: flex;
}

.number-5 {
  color: #fff;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin-left: 1px;
  margin-right: 1px;
  padding: 14px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 15px;
  display: flex;
}

.number-5.w--current {
  color: #fff;
  background-color: #5a37ce;
  border: 1px solid #fff;
  border-radius: 100%;
  padding: 14px;
}

.number-7 {
  color: #fff;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin-left: 1px;
  margin-right: 1px;
  padding: 14px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 15px;
  display: flex;
}

.number-7.w--current {
  color: #fff;
  background-color: #a11dbb;
  border: 1px solid #fff;
  border-radius: 100%;
  padding: 14px;
}

.number-ar {
  color: #fff;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin-left: 1px;
  margin-right: 1px;
  padding: 14px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 15px;
  display: flex;
}

.number-ar.w--current {
  color: #fff; 
  background-image: url('../images/Mix.webp')!important;
  background-position: 50%;
  background-size: cover;
  border: 1px solid #fff;
  border-radius: 100%;
  padding: 14px;
}

.image-10 {
  border-radius: 20px;
  width: 166px;
  height: 55px;
}

.heading-4 {
  color: #fff;
  text-indent: 0;
  overflow-wrap: normal;
  background-color: #000000b3;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 60px;
  margin-top: 10px;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
}

.body-23 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.body-24 {
  background-image: url('../images/خَلْفِيَّةُ الْكَنْز.webp');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.t-r {
  color: #f8f5f5;
  background-color: #000000b3;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 60px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 22px;
  font-weight: 600;
  display: flex;
}

.t-ar {
  color: #f8f5f5;
  background-color: #000000b3;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 50px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 15px;
  font-weight: 600;
  display: flex;
}

.text-of-around {
  color: #faf7f7;
  text-align: center;
  background-color: #0000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  margin: 5px;
  font-family: Noto Naskh Arabic, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  display: flex;
}

.number-of-around {
  color: #fff;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin-left: 1px;
  margin-right: 1px;
  padding: 14px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 15px;
  display: flex;
}

.number-of-around.w--current {
  color: #fff;
  background-color: #fff0;
  border: 1px solid #fff;
  border-radius: 100%;
  flex-flow: row;
  padding: 14px;
}

.body-28 {
  background-image: url('../images/خَلْفِيَّةُ الْكَنْز.webp');
  background-position: 50%;
  background-size: cover;
  display: block;
}

.text-block-33 {
  color: #fff;
  text-align: center;
  border: 1px #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin: 10px 5px;
  font-family: Noto Naskh Arabic, sans-serif;
  font-size: 25px;
  font-weight: 600;
  display: flex;
}

.section-7 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-5 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-17 {
  background-color: #000000b3;
  border: 1px solid #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-of-the-back-fot {
  z-index: 1000;
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-color: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 60px;
  margin: 10px auto 0;
  padding: 0 5px;
  font-family: Noto Naskh Arabic, sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 35px;
  text-decoration: none;
  display: flex;
  position: static;
  inset: 31% 0% auto;
}

.box-of-the-text-seal {
  background-color: #000000b3;
  border: 1px solid #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.tabs-content-around {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-8 {
  background-color: #000000b3;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 50px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 10px 5px;
  font-family: Noto Naskh Arabic, sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 23px;
  display: flex;
  position: static;
}

.box-of-the-text-to {
  background-color: #0000;
  border: 1px #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-of-around-tp {
  color: #faf7f7;
  text-align: center;
  background-color: #000000b3;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  margin: 5px;
  font-family: Noto Naskh Arabic, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  display: flex;
}

.box-of-the-text-to-1 {
  background-color: #000000b3;
  border: 1px #fff;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-of-the-back-around {
  z-index: 1000;
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-color: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin: 10px;
  padding: 5px;
  font-size: 36px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.a7-r {
  color: #f8f2f2;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 22px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.a7-1 {
  color: #f8f2f2;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.a3-1 {
  color: #f5eeee;
  background-color: #000000b3;
  border-radius: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 50px;
  margin: 0 auto 10px;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 22px;
  font-weight: 600;
  display: flex;
}

.a3-3 {
  color: #f5eeee;
  background-color: #000000b3;
  border-radius: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 50px;
  margin: 0 auto 10px;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 22px;
  font-weight: 600;
  display: flex;
}

@media screen and (max-width: 991px) {
  .text-of-the-jewel {
    font-weight: 600;
  }

  .tabs-menu-4 {
    min-width: auto;
    min-height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .number-1, .number-r, .number-3, .number-4, .number-6, .number-5, .number-7, .number-ar, .number-of-around {
    text-decoration: none;
  }
}

@media screen and (max-width: 767px) {
  .section-4 {
    flex-flow: column;
  }

  .a3 {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .text-of-the-jewel {
    direction: rtl;
  }

  .section-6 {
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
  }

  .container-4 {
    flex-flow: column;
    flex: 0 auto;
    margin-left: auto;
    margin-right: auto;
  }

  .text-block-30 {
    color: #faf7f7;
    border: 1px #000;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    margin: 10px auto 20px;
    font-family: Noto Naskh Arabic, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    text-decoration: none;
    display: flex;
  }

  .tabs-menu {
    z-index: 1000;
    object-fit: fill;
    border-style: none;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    position: fixed;
    right: auto;
  }

  .number {
    border: 1px solid #f7f2f2;
    border-radius: 100%;
  }

  .number.w--current {
    -webkit-text-stroke-color: #eff2f5;
    background-color: #058512;
    flex: 0 auto;
  }

  .tabs {
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: static;
  }

  .tabs-4 {
    box-sizing: border-box;
    flex: 0 auto;
    min-width: auto;
    min-height: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .tabs-menu-4 {
    z-index: 1000;
    flex: 1;
    align-self: auto;
    min-width: auto;
    min-height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .number-1 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-overflow: clip;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    border-radius: 100%;
    flex-flow: row;
    flex: 0 auto;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: auto;
    margin-left: 1px;
    margin-right: 1px;
    padding: 14px;
    text-decoration: none;
    display: flex;
  }

  .number-1.w--current {
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: auto;
    display: flex;
  }

  .tabs-5 {
    margin-top: 0;
  }

  .number-r {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-overflow: clip;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    border-radius: 100%;
    flex-flow: row;
    flex: 0 auto;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: auto;
    margin-left: 1px;
    margin-right: 1px;
    padding: 14px;
    text-decoration: none;
    display: flex;
  }

  .number-r.w--current {
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: auto;
    display: flex;
  }

  .number-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-overflow: clip;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    border-radius: 100%;
    flex-flow: row;
    flex: 0 auto;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: auto;
    margin-left: 1px;
    margin-right: 1px;
    padding: 14px;
    text-decoration: none;
    display: flex;
  }

  .number-3.w--current {
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: auto;
    display: flex;
  }

  .number-4 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-overflow: clip;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    border-radius: 100%;
    flex-flow: row;
    flex: 0 auto;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: auto;
    margin-left: 1px;
    margin-right: 1px;
    padding: 14px;
    text-decoration: none;
    display: flex;
  }

  .number-4.w--current {
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: auto;
    display: flex;
  }

  .number-6 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-overflow: clip;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    border-radius: 100%;
    flex-flow: row;
    flex: 0 auto;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: auto;
    margin-left: 1px;
    margin-right: 1px;
    padding: 14px;
    text-decoration: none;
    display: flex;
  }

  .number-6.w--current {
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: auto;
    display: flex;
  }

  .text-of-the-lightning {
    direction: rtl;
  }

  .number-5 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-overflow: clip;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    border-radius: 100%;
    flex-flow: row;
    flex: 0 auto;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: auto;
    margin-left: 1px;
    margin-right: 1px;
    padding: 14px;
    text-decoration: none;
    display: flex;
  }

  .number-5.w--current {
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: auto;
    display: flex;
  }

  .number-7 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-overflow: clip;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    border-radius: 100%;
    flex-flow: row;
    flex: 0 auto;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: auto;
    margin-left: 1px;
    margin-right: 1px;
    padding: 14px;
    text-decoration: none;
    display: flex;
  }

  .number-7.w--current {
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: auto;
    display: flex;
  }

  .number-ar {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-overflow: clip;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    border-radius: 100%;
    flex-flow: row;
    flex: 0 auto;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: auto;
    margin-left: 1px;
    margin-right: 1px;
    padding: 14px;
    text-decoration: none;
    display: flex;
  }

  .number-ar.w--current {
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: auto;
    display: flex;
  }

  .number-of-around {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-overflow: clip;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    border-radius: 100%;
    flex-flow: row;
    flex: 0 auto;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: auto;
    margin-left: 1px;
    margin-right: 1px;
    padding: 14px;
    text-decoration: none;
    display: flex;
  }

  .number-of-around.w--current {
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: auto;
    display: flex;
  }

  .a3-1, .a3-3 {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  .body-2 {
    background-image: url('../images/خَلْفِيَّةُ الْكَنْز.webp'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('../images/1771061641428.webp');
    background-position: 50%, 0 0, 50%;
    background-size: cover, auto, cover;
    background-attachment: fixed, scroll, fixed;
    border-style: none;
  }

  .container-2 {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .section-4 {
    margin-left: auto;
    margin-right: auto;
  }

  .text-block-27 {
    text-overflow: clip;
    white-space: normal;
    -webkit-text-fill-color: inherit;
    mix-blend-mode: normal;
    background-color: #030000b3;
    background-clip: border-box;
    border: 1px #000;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
    font-family: IBM Plex Sans Arabic, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
  }

  .text-of-the-seal {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #eeeff5;
    background-color: #0000;
    border-radius: 0;
    flex-flow: column;
    margin-left: 5px;
    margin-right: 5px;
    font-family: Reem Kufi, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
  }

  .container-3 {
    text-align: center;
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
  }

  .section-5 {
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
  }

  .box-of-the-text {
    background-color: #000000b3;
    justify-content: center;
    align-items: center;
    font-family: Cairo Play;
    display: flex;
  }

  .a5 {
    flex-flow: row;
    margin-left: auto;
    margin-right: auto;
  }

  .a7 {
    border: 1px #000;
    margin-left: auto;
    margin-right: auto;
    font-family: IBM Plex Sans Arabic, sans-serif;
    font-size: 15px;
    font-weight: 600;
  }

  .a6 {
    background-color: #070000b3;
    border-radius: 20px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 95px;
    height: 50px;
    margin: 5px;
  }

  .a1 {
    background-image: url('../images/خَلْفِيَّةُ الْكَنْز.webp');
    background-position: 50%;
    background-size: cover;
    background-attachment: fixed;
  }

  .a3 {
    color: #f8f4f4;
    background-color: #000000b3;
    border: 1px #fffdfd;
    border-radius: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 60px;
    margin: 0 auto 10px;
    font-family: IBM Plex Sans Arabic, sans-serif;
    font-size: 22px;
    display: flex;
  }

  .a4 {
    color: #f8f4f4;
    background-color: #000000b3;
    border: 1px #fff;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 55px;
    margin: 0 auto 10px;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    display: flex;
  }

  .button-of-the-back {
    z-index: 1000;
    color: #058512;
    text-align: center;
    -webkit-text-fill-color: transparent;
    background-color: #fff;
    -webkit-background-clip: text;
    background-clip: text;
    justify-content: center;
    align-items: center;
    height: auto;
    margin: 4px 7px 0 0;
    padding: 0;
    font-family: Cairo;
    font-size: 35px;
    font-weight: 600;
    line-height: 35px;
    text-decoration: none;
    display: flex;
    position: fixed;
    inset: 0% 0% auto auto;
  }

  ._1 {
    background-color: #000000b3;
    border-radius: 20px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 60px;
    margin: 5px;
  }

  .a1-copy {
    background-image: url('../images/خَلْفِيَّةُ الْكَنْز.webp');
    background-position: 50%;
    background-size: cover;
    background-attachment: fixed;
  }

  ._2, ._3 {
    background-color: #070000b3;
    border-radius: 20px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 60px;
    margin: 5px;
  }

  .b5, .a5-copy {
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
  }

  ._4 {
    -webkit-text-fill-color: inherit;
    background-color: #000000b3;
    background-clip: border-box;
    border: 1px #ffffffbf;
    border-radius: 20px 7px 7px 20px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 55px;
    margin: 5px;
  }

  ._5 {
    background-color: #070000b3;
    background-image: linear-gradient(#0c010100, #0c010100);
    border: 1px #ffffffba;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 55px;
    margin: 5px;
  }

  ._6, ._7, ._8, ._9, ._10 {
    background-color: #070000b3;
    border: 1px #fff;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 55px;
    margin: 5px;
  }

  .text-of-the-jewel {
    aspect-ratio: auto;
    opacity: 3;
    color: #f8f0f0;
    text-align: center;
    text-transform: none;
    text-overflow: clip;
    -webkit-text-fill-color: inherit;
    mix-blend-mode: normal;
    object-fit: fill;
    background-color: #0000;
    background-clip: border-box;
    border-style: none;
    border-width: 1px;
    border-radius: 0;
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: auto;
    height: auto;
    min-height: auto;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    font-family: Noto Naskh Arabic, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 19px;
    display: flex;
    overflow: visible;
  }

  .image-of-the-jewel {
    width: 150px;
    height: 49px;
    margin: 5px 5px 0;
    display: block;
  }

  .section-6 {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-height: 100px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    overflow: visible;
  }

  .container-4 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .the-jewel {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #00000075;
    border: 1px solid #ffffffab;
    border-radius: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .body-5 {
    justify-content: center;
    align-items: center;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    overflow: visible;
  }

  .body-6 {
    background-image: url('../images/خَلْفِيَّةُ الْكَنْز.webp');
    background-position: 50%;
    background-size: cover;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .body-7 {
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
  }

  .body-11 {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .body-18 {
    background-image: url('../images/خَلْفِيَّةُ الْكَنْز.webp');
    background-position: 50%;
    background-size: cover;
  }

  .body-22 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    font-family: "Baloo Bhaijaan 2";
    display: flex;
  }

  .image-9 {
    box-shadow: none;
    -webkit-text-fill-color: inherit;
    background-color: #51ff00c4;
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 0 0;
    background-size: auto;
    background-clip: border-box;
    border: 1px solid #fff;
    border-radius: 10px;
    width: 320px;
    min-width: auto;
    margin: 0 auto 10px;
  }

  .text-block-30 {
    margin-bottom: 25px;
  }

  .tabs-menu {
    z-index: 1000;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 1px #ffffff9c;
    border-radius: 0;
    flex: 0 auto;
    height: auto;
    margin-top: 5px;
    margin-left: 35px;
    margin-right: 35px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: fixed;
    inset: 0% auto auto;
  }

  .tabs-content {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    position: static;
    overflow: visible;
  }

  .number {
    border: 1px solid #faf5f5;
    border-radius: 100%;
    flex: 1;
    justify-content: center;
    align-items: center;
    margin-left: 1px;
    margin-right: 1px;
    padding: 9px;
    display: flex;
  }

  .number.w--current {
    outline-offset: 0px;
    -webkit-text-stroke-color: #f4f7fa;
    background-color: #058512fa;
    border: 1px solid #f6f3f3;
    border-radius: 100%;
    outline: 3px #f7f2f2;
    flex: 1;
    margin-left: 1px;
    margin-right: 1px;
    padding: 9px;
  }

  .tabs {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: static;
    overflow: visible;
  }

  .tabs-4 {
    flex-flow: column;
    flex: 0 auto;
    align-self: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .tabs-menu-4 {
    flex: 0 auto;
    margin: 5px 35px 0;
    left: auto;
    right: auto;
  }

  .number-1 {
    -webkit-text-fill-color: inherit;
    background-color: #000;
    background-image: linear-gradient(#00000080, #00000080);
    background-clip: border-box;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 9px;
    text-decoration: none;
    display: flex;
    position: relative;
  }

  .number-1.w--current {
    -webkit-text-fill-color: inherit;
    background-color: #ce6925;
    background-image: none;
    background-clip: border-box;
    flex: 0 auto;
    padding: 9px;
  }

  .tabs-content-2 {
    flex-flow: column;
    margin-top: 40px;
  }

  .tabs-5 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-width: auto;
    min-height: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .tabs-menu-5 {
    z-index: 1000;
    direction: rtl;
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    min-width: auto;
    min-height: auto;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: fixed;
    inset: 0% auto auto;
  }

  .tabs-content-3 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .number-r {
    background-color: #000;
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 9px;
    text-decoration: none;
    display: flex;
  }

  .number-r.w--current {
    background-color: #fff;
    flex: 0 auto;
    margin-left: auto;
    margin-right: auto;
    padding: 9px;
  }

  .number-3 {
    background-color: #000;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 9px;
    text-decoration: none;
    display: flex;
  }

  .number-3.w--current {
    background-color: #d80606;
    flex: 0 auto;
    margin-left: auto;
    margin-right: auto;
    padding: 9px;
  }

  .number-4 {
    background-color: #000;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 9px;
    text-decoration: none;
    display: flex;
  }

  .number-4.w--current {
    background-color: #f1c72e;
    flex: 0 auto;
    margin-left: auto;
    margin-right: auto;
    padding: 9px;
  }

  .number-6 {
    background-color: #000;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 9px;
    text-decoration: none;
    display: flex;
  }

  .number-6.w--current {
    background-color: #1165b4;
    flex: 0 auto;
    margin-left: auto;
    margin-right: auto;
    padding: 9px;
  }

  .the-lightning {
    border: 1px solid #fff;
    border-radius: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .image-of-the-lightning {
    width: 150px;
    height: 49px;
    margin: 5px auto 0;
    display: block;
  }

  .text-of-the-lightning {
    color: #f8f0f0;
    text-align: center;
    object-fit: fill;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    font-family: Noto Naskh Arabic, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 19px;
    display: block;
  }

  .number-5 {
    background-color: #000;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 9px;
    text-decoration: none;
    display: flex;
  }

  .number-5.w--current {
    background-color: #5a37ce;
    flex: 0 auto;
    margin-left: auto;
    margin-right: auto;
    padding: 9px;
  }

  .number-7 {
    background-color: #000;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 9px;
    text-decoration: none;
    display: flex;
  }

  .number-7.w--current {
    background-color: #a11dbb;
    flex: 0 auto;
    margin-left: auto;
    margin-right: auto;
    padding: 9px;
  }

  .number-ar {
    background-color: #000;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 9px;
    text-decoration: none;
    display: flex;
  }

  .number-ar.w--current { 
    background-image: url('../images/Mix.webp')!important;
    background-position: 50%;
    background-size: cover;
    flex: 0 auto;
    margin-left: auto;
    margin-right: auto;
    padding: 9px;
  }

  .image-10 {
    border-radius: 20px;
  }

  .heading-4 {
    outline-offset: 0px;
    color: #fff;
    -webkit-text-fill-color: inherit;
    background-color: #000000b3;
    background-clip: border-box;
    border-radius: 20px;
    outline: 3px #fff;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 60px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: IBM Plex Sans Arabic, sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
  }

  .body-23 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    display: flex;
  }

  .body-24 {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .body-25, .body-26 {
    background-image: url('../images/Gemini_Generated_Image_ddk4y0ddk4y0ddk4.png');
    background-position: 50%;
    background-size: cover;
  }

  .body-27 {
    background-image: url('../images/Gemini_Generated_Image_ddk4y0ddk4y0ddk4.png');
    background-position: 0 0;
    background-size: cover;
  }

  .t-r {
    color: #f8f4f4;
    background-color: #000000b3;
    border: 1px #fff;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 60px;
    margin: 0 auto 10px;
    font-family: IBM Plex Sans Arabic, sans-serif;
    font-size: 22px;
    font-weight: 600;
    display: flex;
  }

  .t-ar {
    color: #f8f4f4;
    background-color: #000000b3;
    border: 1px #fff;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 50px;
    margin: 0 auto 10px;
    font-family: IBM Plex Sans Arabic, sans-serif;
    font-size: 15px;
    font-weight: 700;
    display: flex;
  }

  .text-of-around {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #eeeff5;
    background-color: #0000;
    border-radius: 0;
    flex-flow: column;
    margin-left: 5px;
    margin-right: 5px;
    font-family: Noto Naskh Arabic, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 19px;
  }

  .number-of-around {
    background-color: #000;
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 9px;
    text-decoration: none;
    display: flex;
  }

  .number-of-around.w--current {
    background-color: #fff0;
    flex: 0 auto;
    margin-left: auto;
    margin-right: auto;
    padding: 9px;
  }

  .text-block-33 {
    font-size: 20px;
    line-height: 18px;
  }

  .container-5, .div-block-17 {
    margin-left: auto;
    margin-right: auto;
  }

  .button-of-the-back-fot {
    z-index: 1000;
    color: #fff;
    text-align: center;
    -webkit-text-fill-color: transparent;
    background-color: #fff;
    -webkit-background-clip: text;
    background-clip: text;
    justify-content: center;
    align-items: center;
    height: 60px;
    margin: 10px auto 0;
    padding: 0 5px;
    font-family: Noto Naskh Arabic, sans-serif;
    font-size: 60px;
    font-weight: 600;
    line-height: 35px;
    text-decoration: none;
    display: flex;
    position: static;
    inset: 0% 0% 170px;
  }

  .box-of-the-text-seal {
    background-color: #000000b3;
    justify-content: center;
    align-items: center;
    font-family: Cairo Play;
    display: flex;
  }

  .tabs-content-around {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .div-block-18 {
    background-color: #000000b3;
    border-radius: 7px;
  }

  .text-block-34 {
    color: #fff;
    justify-content: center;
    align-items: center;
    margin: 5px;
    font-family: Readex Pro, sans-serif;
    display: flex;
  }

  .button-8 {
    background-color: #000000b3;
    border-radius: 7px;
    justify-content: center;
    align-items: center;
    width: 50px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px 10px 5px;
    font-size: 30px;
    font-weight: 700;
    display: flex;
  }

  .box-of-the-text-to {
    background-color: #0000;
    border-style: none;
    border-radius: 0;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    font-family: Cairo Play;
    display: flex;
  }

  .text-of-around-tp {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #eeeff5;
    background-color: #000000b3;
    border-radius: 7px;
    flex-flow: column;
    width: 150px;
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 5px;
    font-family: Noto Naskh Arabic, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 19px;
  }

  .box-of-the-text-to-1 {
    background-color: #000000b3;
    border-style: none;
    border-radius: 7px;
    justify-content: center;
    align-items: center;
    font-family: Cairo Play;
    display: flex;
  }

  .button-of-the-back-around {
    z-index: 1000;
    color: #058512;
    text-align: center;
    -webkit-text-fill-color: transparent;
    background-color: #fff;
    -webkit-background-clip: text;
    background-clip: text;
    justify-content: center;
    align-items: center;
    height: auto;
    margin: 4px 7px 0 0;
    padding: 0;
    font-family: Cairo;
    font-size: 35px;
    font-weight: 600;
    line-height: 35px;
    text-decoration: none;
    display: flex;
    position: fixed;
    inset: 0% 0% auto auto;
  }

  .a7-r {
    border: 1px #000;
    margin-left: auto;
    margin-right: auto;
    font-family: IBM Plex Sans Arabic, sans-serif;
    font-size: 22px;
    font-weight: 600;
  }

  .a7-1 {
    border: 1px #000;
    margin-left: auto;
    margin-right: auto;
    font-family: IBM Plex Sans Arabic, sans-serif;
    font-size: 20px;
    font-weight: 600;
  }

  .a3-1 {
    color: #f8f4f4;
    background-color: #000000b3;
    border: 1px #fffdfd;
    border-radius: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 50px;
    margin: 0 auto 10px;
    font-family: IBM Plex Sans Arabic, sans-serif;
    font-size: 22px;
    display: flex;
  }

  .a3-3 {
    color: #f8f4f4;
    background-color: #000000b3;
    border: 1px #fffdfd;
    border-radius: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 50px;
    margin: 0 auto 10px;
    font-family: IBM Plex Sans Arabic, sans-serif;
    font-size: 22px;
    display: flex;
  }
 /* 1. إجبار الـ body وجميع الْكلاسات الْمرتبطة به على التخلي عن الْخلفية الْمكررة الْقديمة */
html, 
body, 
body[class] {
    background-image: none !important;
    background-color: transparent !important;
    background: none !important;
}

/* 2. إنشاء الطبقة الثابتة التي تغطي الشاشة بالْكامل */
body::before {
    content: "";
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: -9999 !important; 
    
    /* تذكر تغيير اسم الصورة هنا */
    background-image: url('../images/خَلْفِيَّةُ الْكَنْز.webp') !important; 
    
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
}
}