@font-face {
  font-family: Dubaiw23;
  src: url('../fonts/DubaiW23-Bold.woff2') format("woff2"), url('../fonts/DubaiW23-Bold.eot') format("embedded-opentype"), url('../fonts/DubaiW23-Bold.woff') format("woff"), url('../fonts/DubaiW23-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Dubaiw23;
  src: url('../fonts/DubaiW23-Light.woff2') format("woff2"), url('../fonts/DubaiW23-Light.eot') format("embedded-opentype"), url('../fonts/DubaiW23-Light.woff') format("woff"), url('../fonts/DubaiW23-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Dubaiw23;
  src: url('../fonts/DubaiW23-Medium.woff2') format("woff2"), url('../fonts/DubaiW23-Medium.eot') format("embedded-opentype"), url('../fonts/DubaiW23-Medium.woff') format("woff"), url('../fonts/DubaiW23-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Dubaiw23;
  src: url('../fonts/DubaiW23-Regular.woff2') format("woff2"), url('../fonts/DubaiW23-Regular.eot') format("embedded-opentype"), url('../fonts/DubaiW23-Regular.woff') format("woff"), url('../fonts/DubaiW23-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "29lt zarid sans";
  src: url('../fonts/29LT-Zarid-Sans-Light.OTF') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "29lt zarid sans";
  src: url('../fonts/29LT-Zarid-Sans-Medium.OTF') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "29lt zarid sans semi";
  src: url('../fonts/29LT-Zarid-Sans-Semi-Bold.OTF') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "29lt zarid sans";
  src: url('../fonts/29LT-Zarid-Sans-Black.OTF') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "29lt zarid sans";
  src: url('../fonts/29LT-Zarid-Sans-Bold.OTF') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "29lt zarid sans extra";
  src: url('../fonts/29LT-Zarid-Sans-Extra-Light.OTF') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "29lt zarid sans";
  src: url('../fonts/29LT-Zarid-Sans-Regular.OTF') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "29lt zarid sans";
  src: url('../fonts/29LT-Zarid-Sans-Thin.OTF') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "29lt zarid sans webfont";
  src: url('../fonts/29lt_zarid_sans-black-webfont.woff') format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "29lt zarid sans webfont";
  src: url('../fonts/29lt_zarid_sans-bold-webfont.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "29lt zarid sans webfont";
  src: url('../fonts/29lt_zarid_sans-regular-webfont.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "29lt zarid sans webfont";
  src: url('../fonts/29lt_zarid_sans-light-webfont.woff') format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "29lt zarid sans extra webfont";
  src: url('../fonts/29lt_zarid_sans-extra_light-webfont.woff') format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "29lt zarid sans webfont";
  src: url('../fonts/29lt_zarid_sans-medium-webfont.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "29lt zarid sans semi webfont";
  src: url('../fonts/29lt_zarid_sans-semi_bold-webfont.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "29lt zarid sans webfont";
  src: url('../fonts/29lt_zarid_sans-thin-webfont.woff') format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Akzidgrostdbol webfont;
  src: url('../fonts/akzidgrostdbol-webfont.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Akzidgrostdbolcnd webfont;
  src: url('../fonts/akzidgrostdbolcnd-webfont.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Akzidgrostdcnd webfont;
  src: url('../fonts/akzidgrostdcnd-webfont.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Akzidgrostdextbol webfont;
  src: url('../fonts/akzidgrostdextbol-webfont.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Akzidgrostdligcnd webfont;
  src: url('../fonts/akzidgrostdligcnd-webfont.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Akzidgrostdlig webfont;
  src: url('../fonts/akzidgrostdlig-webfont.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Akzidgrostdmed webfont;
  src: url('../fonts/akzidgrostdmed-webfont.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Akzidgrostdmedcnd webfont;
  src: url('../fonts/akzidgrostdmedcnd-webfont.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Akzidgrostdreg webfont;
  src: url('../fonts/akzidgrostdreg-webfont.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Akzidgrostdxbolcnd webfont;
  src: url('../fonts/akzidgrostdxbolcnd-webfont.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Akzidgrostdsup webfont;
  src: url('../fonts/akzidgrostdsup-webfont.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Walrus typeface;
  src: url('../fonts/Walrus-Typeface.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Akzidgrostdbolcnd;
  src: url('../fonts/AkzidGroStdBolCnd.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Akzidgrostdcnd;
  src: url('../fonts/AkzidGroStdCnd.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Akzidgrostdmedcnd;
  src: url('../fonts/AkzidGroStdMedCnd.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Akzidgrostdligcnd;
  src: url('../fonts/AkzidGroStdLigCnd.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Akzidgrostdxbolcnd;
  src: url('../fonts/AkzidGroStdXBolCnd.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Akzidgrostdextbol;
  src: url('../fonts/AkzidGroStdExtBol.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Akzidgrostdreg;
  src: url('../fonts/AkzidGroStdReg.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Akzidgrostdsup;
  src: url('../fonts/AkzidGroStdSup.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Akzidgrostdmed;
  src: url('../fonts/AkzidGroStdMed.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Akzidgrostdbol;
  src: url('../fonts/AkzidGroStdBol.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Akzidgrostdlig;
  src: url('../fonts/AkzidGroStdLig.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --linen: #f0ebe1;
  --lightgreen: #63ad84;
  --brown: #bc7e50;
  --res4: #7e3e2f;
  --new-beigh54: #f4eed7;
  --skyblue: #88c1eb;
  --beige-50: #f4eed780;
  --res10: white;
  --untitled-ui-white: white;
  --dark-red: #842c22;
  --dark-olive-green: #6a733a;
  --olive-drab: #888f61;
  --peru: #b78160;
  --light-grey: #dacbc4;
  --color: #21a777;
  --lighter: #dfc7a0a6;
  --old-lace: #fff5e8;
  --untitled-ui-gray700: #344054;
  --untitled-ui-primary600: #7f56d9;
  --untitled-ui-primary700: #6941c6;
  --untitled-ui-primary100: #f4ebff;
  --untitled-ui-gray600: #475467;
  --untitled-ui-gray50: #f9fafb;
  --untitled-ui-gray300: #d0d5dd;
  --untitled-ui-gray800: #1d2939;
  --untitled-ui-gray100: #f2f4f7;
  --untitled-ui-gray900: #101828;
  --untitled-ui-primary800: #53389e;
  --untitled-ui-success50: #ecfdf3;
  --untitled-ui-success700: #027a48;
  --untitled-ui-gray500: #667085;
  --white: var(--untitled-ui-white);
  --textcolor54: #f4eed7;
  --ndm-color-9: #82656d;
  --ndm-color-4: #f2e9e4;
  --newgreen: #358c58;
  --ndm-color-1: #e28c5000;
  --res9: #019087;
  --blue-light: #a1bde4;
  --purple: #ce70a5;
  --res8: #305c4c;
  --res7: #378f71;
  --darkgreen: #007433;
  --warm-red: #ff6762;
  --newred: #bc271a;
  --res1: #da8755;
  --darkorangebrown: #986950;
  --light-slate-grey: #758898;
  --res2: #ca6858;
  --res3: #919100;
  --res5: #008540;
  --res6: #305c4c;
  --ndm-color-2: #eca566;
  --ndm-color-3: #b44307;
  --ndm-color-5: #f2d0ab;
  --ndm-color-6: #c39b7a;
  --ndm-color-7: #c6c4b9;
  --ndm-color-8: var(--light-green);
  --light-green: #6aa991;
  --green: #80a56b;
  --orange: #fd5422;
  --new-purple: #a44f5c;
  --nd53green: #3b797a;
  --nd53lightblue: #62bfc2;
  --nd53offwhite: #f8f2e9;
  --nd53darkgreen: #274c4d;
  --nd53olivegreen: #a5ac47;
  --nd53pink: #f2d4cc;
  --dark: #ceaf87;
  --lightbrown: #bc7e5040;
  --newpink: #e68080;
  --lightred: #de3c3b;
  --adjustedgreem: var(--newgreen);
  --mainwhite: var(--white);
}

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

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@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 {
  background-color: var(--linen);
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.line-wrapper {
  z-index: -1;
  flex-direction: row;
  justify-content: space-between;
  display: flex;
  position: fixed;
  inset: 0;
}

.vertical-line {
  z-index: -1;
  width: 13.333%;
  height: 100%;
  position: relative;
  inset: 0;
}

.line {
  background-color: #edededcc;
  width: 1px;
  height: 100%;
}

.section {
  width: 100vw;
  margin-bottom: 27px;
  padding: 8vw 12.5vw 13vw;
  overflow: hidden;
}

.section.hidden, .left-arrow, .right-arrow {
  display: none;
}

.slide-nav {
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 10px;
  top: -100px;
  left: 0;
  right: 0;
}

.mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  left: 0;
  right: 0;
  overflow: visible;
}

._w-slide {
  background-color: #fffefe00;
  left: 0;
  right: 0;
}

.cloumn-w {
  padding-right: 20px;
}

.cloumn-w.en {
  border: 1px solid var(--lightgreen);
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  display: flex;
}

.quote {
  opacity: .1;
  filter: hue-rotate(176deg);
  position: absolute;
  top: -25px;
  left: -26px;
}

.quote-avatar {
  border: 3px solid var(--brown);
  filter: grayscale();
  border-radius: 15px;
  margin-bottom: 20px;
}

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

.grid.topspace {
  grid-template-rows: auto auto auto auto auto;
  margin-top: 50px;
}

.grid.space {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
}

.grid.space.top {
  z-index: 1;
  background-image: url('../images/universe_space.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  flex: 1;
}

.grid.space.top.nospace {
  padding-bottom: 98px;
}

.section-2 {
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.navigation {
  z-index: 10001;
  box-shadow: none;
  background-color: #fff;
  align-items: center;
  padding: 10px 50px;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
}

.app-store-button {
  border-radius: 4px;
  height: 46px;
}

.app-store-link-button {
  margin-bottom: 4px;
  display: none;
}

.app-store-link-button:hover {
  opacity: .8;
}

.nav-link {
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 5px;
  margin-right: 3px;
  padding: 11px 15px;
  font-family: Akzidgrostdextbol webfont, sans-serif;
  font-size: 13px;
  line-height: 12px;
  transition: background-color .2s, border .2s;
}

.nav-link:hover {
  background-color: #0000;
  border-color: #0003;
}

.nav-link.color {
  background-image: linear-gradient(to bottom, var(--res4), var(--res4));
  color: var(--new-beigh54);
  letter-spacing: 1px;
  margin-bottom: 4px;
  margin-right: 0;
  font-family: Akzidgrostdbolcnd webfont, sans-serif;
  font-weight: 400;
  line-height: 15px;
  display: block;
}

.nav-link.color.ar {
  direction: rtl;
  letter-spacing: 0;
  font-family: Dubaiw23, sans-serif;
}

.nav-link.color.lang {
  direction: rtl;
  letter-spacing: 0;
  font-weight: 700;
}

.nav-link.dropdown-toggle {
  padding-right: 30px;
}

.nav-link.dropdown-toggle.w--open {
  background-color: #0000001a;
}

.nav-link.dropdown-toggle.color {
  direction: ltr;
  line-height: 15px;
}

.nav-link.dropdown-toggle.color.ar {
  letter-spacing: 0;
  font-size: 14px;
}

.nav-link.dropdown-toggle.color.ar.w--open {
  direction: rtl;
  letter-spacing: 0;
  font-weight: 500;
}

.nav-link.color {
  background-color: var(--new-beigh54);
  letter-spacing: 1px;
  margin-bottom: 4px;
  margin-right: 0;
  font-family: Dubaiw23, sans-serif;
  display: block;
}

.nav-link.color.w--current {
  color: #d90202;
}

.nav-link.color.ar {
  background-color: var(--res4);
  color: var(--new-beigh54);
  text-align: right;
  letter-spacing: 0;
  font-family: "29lt zarid sans semi", sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 17px;
}

.nav-link.color.ar:active {
  direction: rtl;
  color: var(--new-beigh54);
  text-align: right;
}

.nav-link.color.ar.w--current {
  direction: rtl;
  color: #216d0e;
  text-align: left;
  letter-spacing: 0;
  font-size: 14px;
}

.dropdown-link-2 {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  transition: background-color .2s, color .2s;
}

.dropdown-link-2:hover {
  color: #fff;
  background-color: #015704;
}

.dropdown-link-2.w--current {
  color: #eb1e25;
}

.dropdown-link-2.w--current:hover {
  color: #fff;
}

.logo {
  height: 100px;
  margin-top: 3px;
}

.logo.responsive-menu {
  height: 200px;
  margin-top: 0;
}

.nav-paragraph {
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 18px;
}

.nav-paragraph.hidden, .dropdown {
  display: none;
}

.nav-menu-content-block {
  text-align: center;
  border: 2px #ebeef3;
  border-radius: 4px;
  margin-top: 40px;
  padding: 20px;
  display: block;
}

.logo-block {
  z-index: 10;
  margin-right: 30px;
}

.logo-block.no-menu {
  z-index: 1001;
  position: absolute;
  inset: 0% auto auto 0%;
}

.right-nav-menu {
  text-align: left;
  background-color: #fff;
  width: 320px;
  margin-left: auto;
  margin-right: 0;
  padding: 31px;
  position: absolute;
  box-shadow: 0 0 60px #0000004d;
}

.nav-title {
  color: #1f6fff;
  margin-bottom: 8px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.nav-title.hidden {
  display: none;
}

.dropdown-list.w--open {
  background-color: #fff;
  border-radius: 3px;
  margin-top: 10px;
  overflow: hidden;
  box-shadow: 0 0 30px #0000001a;
}

.dropdown-list.sidebar.w--open {
  border: 1px solid #0000001a;
  border-radius: 10px;
  margin-bottom: 10px;
  box-shadow: 0 0 3px #0000;
}

.menu-button-2 {
  color: #fff;
  border-style: solid;
  border-color: #ac4b37;
  border-radius: 4px;
  margin-top: 10px;
  transition: background-color .2s;
}

.menu-button-2:hover {
  background-color: #ac0909;
  border-color: #212429;
}

.menu-button-2.w--open {
  background-color: #015c25;
  border-color: #1fdb6a;
}

.menu-button-2.blue {
  background-color: #fff0;
  border-color: #b78160;
}

.menu-button-2.blue.w--open {
  text-align: left;
  background-color: #d9d9d9;
  border-style: none;
  right: 0;
}

.menu-button-2.blue {
  border: 1px solid var(--beige-50);
  background-color: #fff0;
}

.menu-button-2.blue:hover {
  border-style: solid;
  border-color: var(--res10);
  background-color: #fff;
}

.menu-button-2.blue.w--open {
  background-color: var(--beige-50);
  text-align: left;
  border-style: solid;
  right: 0;
}

.menu-button-2.blue.w--open:hover {
  border-color: var(--new-beigh54);
}

.naviwrap {
  flex: 1;
}

.section-3 {
  z-index: 1;
  background-color: #000;
  display: none;
  position: relative;
}

.imgwrapper {
  background-image: url('../images/rocket.jpg');
  background-position: 50% 0;
  background-size: 400px;
  width: 20%;
  min-width: 20%;
  height: 400px;
  transition: width .4s cubic-bezier(.445, .05, .55, .95);
  display: block;
  overflow: hidden;
}

.imgwrapper:hover {
  width: 40%;
}

.div-block {
  width: 40%;
  display: flex;
}

.wrapper2 {
  background-image: url('../images/signing.jpg');
  background-position: 40%;
  background-repeat: no-repeat;
  background-size: 400px;
  width: 20%;
  min-width: 20%;
  height: 400px;
  transition: width .4s cubic-bezier(.445, .05, .55, .95);
  position: relative;
  overflow: hidden;
}

.wrapper2:hover {
  width: 40%;
}

.wrapper3 {
  background-image: url('../images/art.jpg');
  background-position: 50%;
  width: 20%;
  min-width: 20%;
  height: 400px;
  transition: width .4s cubic-bezier(.445, .05, .55, .95);
  display: block;
  overflow: hidden;
}

.wrapper3:hover {
  width: 40%;
}

.slider {
  background-color: #ddd0;
}

.div-block-2 {
  flex: 0 auto;
}

.containerquote {
  border: 1px solid #f7f7f770;
  border-radius: 6px;
  flex: 0 auto;
  align-self: center;
  width: 50%;
  padding: 20px;
}

.insidequote {
  align-items: flex-start;
  display: flex;
}

.quoterimg {
  margin-left: 15px;
  margin-right: 15px;
}

.paragraph {
  direction: rtl;
  color: #000;
  text-align: justify;
  background-color: #fff;
  padding: 20px;
  font-family: "29lt zarid sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}

.paragraph.nopadding {
  background-color: #fff;
  padding: 0;
  font-family: Dubaiw23, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.paragraph.nopadding.en {
  direction: ltr;
}

.paragraph.nopadding.en.transparant {
  background-color: #0000;
}

.paragraph.nopadding.en.transparant.ar {
  direction: rtl;
}

.paragraph.nopadding.en.small {
  font-size: 14px;
}

.paragraph.nopadding.en.clear.sh {
  color: #fff;
}

.paragraph.nopadding.clear {
  background-color: #0000;
}

.paragraph.nopadding.clear.sh {
  color: #fdfcfc;
}

.paragraph.colored {
  background-color: #f0ebe1;
  width: 100%;
  height: 100%;
}

.paragraph.colored.en {
  direction: ltr;
}

.paragraph._2 {
  direction: ltr;
  background-color: #d3cfcc;
  width: 100%;
  height: 100%;
}

.paragraph._2.ar {
  direction: rtl;
  font-size: 22px;
  line-height: 28px;
}

.paragraph._2.ar.dubai {
  font-family: Dubaiw23, sans-serif;
  line-height: 30px;
}

.paragraph._2.ss1 {
  font-family: Dubaiw23, sans-serif;
  font-size: 20px;
}

.paragraph._3 {
  background-color: #c2bcae;
  width: 100%;
  height: 100%;
  font-size: 22px;
  line-height: 28px;
}

.paragraph._3.en {
  direction: ltr;
  text-align: justify;
}

.paragraph._3.en.ss1 {
  font-family: Dubaiw23, sans-serif;
  font-size: 20px;
}

.paragraph._3.dubai {
  font-family: Dubaiw23, sans-serif;
  line-height: 30px;
}

.paragraph.translucent {
  transform-style: preserve-3d;
  background-color: #fffffff0;
  padding-right: 0;
  font-family: Dubaiw23, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transform: translate3d(0, 0, 100px);
}

.paragraph.translucent.black {
  color: #ececec;
  background-color: #00000080;
  padding-right: 20px;
}

.paragraph.translucent.en {
  direction: ltr;
}

.paragraph.translucent.en.nospace {
  padding-left: 0;
}

.paragraph.trans {
  background-color: #0000;
  padding-top: 0;
}

.paragraph.trans.colored {
  background-color: var(--linen);
  padding-top: 20px;
}

.paragraph.english {
  direction: ltr;
  padding-left: 0;
  padding-right: 0;
  font-family: Dubaiw23, sans-serif;
  font-weight: 400;
}

.paragraph.english.ar {
  direction: rtl;
  background-color: #fff0;
  align-self: stretch;
  font-family: "29lt zarid sans", sans-serif;
}

.paragraph.english.ar.nospace {
  padding-top: 0;
  font-family: "29lt zarid sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.paragraph.english.ar.less {
  margin-bottom: 0;
  padding-bottom: 0;
}

.paragraph.english.ar.nospaceed {
  padding-top: 0;
}

.paragraph.english.nospace {
  background-color: #fff0;
  padding-top: 0;
  font-family: Akzidgrostdlig webfont, sans-serif;
  font-size: 16px;
}

.paragraph.english.new {
  font-family: Akzidgrostdlig webfont, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.paragraph.english.new.less {
  text-align: left;
  align-self: stretch;
  padding-top: 0;
}

.paragraph.english.new.less.more, .paragraph.english.new.no {
  margin-bottom: 0;
  padding-bottom: 10px;
}

.info-text {
  font-family: Dubaiw23, sans-serif;
}

.info-text.ar {
  direction: rtl;
  text-align: center;
}

.info-text.ar.en {
  direction: ltr;
  text-align: left;
  font-family: Akzidgrostdlig webfont, sans-serif;
  font-weight: 400;
}

.info-text.ar.en.full {
  min-width: 700px;
}

.info-text.ar.new {
  text-align: justify;
}

.sheikhtitle {
  font-family: Dubaiw23, sans-serif;
}

.sheikhtitle.ar {
  direction: rtl;
  text-align: right;
  margin-top: 0;
  margin-bottom: -1px;
  font-family: "29lt zarid sans semi", sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.sheikhtitle.ar.en {
  direction: ltr;
  text-align: left;
  margin-top: 0;
  font-family: Akzidgrostdbolcnd webfont, sans-serif;
}

.subtitlesheikh {
  font-family: Dubaiw23, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.subtitlesheikh.ar {
  direction: rtl;
  text-align: right;
  margin-top: 0;
  font-family: "29lt zarid sans semi", sans-serif;
  font-size: 16px;
}

.subtitlesheikh.ar.en {
  direction: ltr;
  text-align: left;
  font-family: Akzidgrostdcnd webfont, sans-serif;
  line-height: 20px;
}

.subtitlesheikh.ar.new {
  line-height: 20px;
}

.text-span {
  color: #8a8888;
  font-weight: 700;
}

.text-span-2 {
  color: #b9b9b9;
  font-size: 16px;
}

.div-block-3 {
  z-index: 1;
  min-height: 85vh;
  position: relative;
  top: -90px;
}

.videos {
  z-index: -1;
  min-height: 85vh;
  position: relative;
  top: 0;
}

.videos.up {
  z-index: 999;
  background-color: #fff;
  display: flex;
}

.videos.up._2022 {
  display: none;
}

.image {
  flex: 0 auto;
}

.slider-2 {
  position: relative;
}

.right-arrow-2, .left-arrow-2 {
  display: none;
}

.slide {
  background-color: #000;
}

.div-block-4 {
  background-color: #0505057d;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 85vh;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.heading {
  color: #f7f7f7;
}

.heading.arabic {
  text-align: center;
  font-family: Dubaiw23, sans-serif;
  font-weight: 700;
}

.heading.arabic.en {
  text-transform: uppercase;
  font-size: 32px;
}

.lottie-animation {
  width: 15%;
}

.div-block-5 {
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.lottie-animation-2 {
  width: 20%;
}

.image-2 {
  min-width: 100%;
}

.body {
  background-color: var(--untitled-ui-white);
}

.main-title {
  font-family: "29lt zarid sans", sans-serif;
  font-weight: 900;
}

.main-title.ar {
  text-align: right;
  font-family: Dubaiw23, sans-serif;
}

.main-title.ar.spaced {
  padding-left: 20px;
  padding-right: 20px;
}

.main-title.ar.white {
  color: #fff;
  padding-right: 20px;
}

.main-title.ar.white.less {
  padding-right: 0;
  font-size: 32px;
  font-weight: 700;
}

.main-title.ar.white.less.en {
  text-transform: uppercase;
}

.main-title.ar.en {
  text-align: left;
  text-transform: uppercase;
  align-self: flex-start;
}

.main-title.ar.en.sh {
  color: #fff;
}

.main-title.ar.en.right {
  transform-style: preserve-3d;
  transform: translate3d(0, 0, 100px);
}

.main-title.ar.sh {
  color: #fff;
}

.image-3, .image-4, .image-5 {
  width: 50%;
}

.image-6 {
  opacity: .08;
  filter: hue-rotate(180deg);
  width: 50%;
}

.outline-button {
  color: #000;
  text-transform: uppercase;
  background-color: #fff0;
  border: 1px solid #c7c7c7;
  border-radius: 5px;
  align-self: flex-start;
  font-family: Dubaiw23, sans-serif;
  font-weight: 700;
  transition: all .3s cubic-bezier(.445, .05, .55, .95);
}

.outline-button:hover {
  color: #fff;
  background-color: #000;
}

.outline-button.white {
  color: #fff;
  align-self: flex-end;
  font-family: Dubaiw23, sans-serif;
}

.outline-button.white:hover {
  background-color: red;
}

.outline-button.white.en, .outline-button.en {
  align-self: flex-start;
}

.outline-button.black {
  border-color: #222121;
}

.outline-button.ar {
  float: right;
  direction: rtl;
}

.outline-button.ar.spaced {
  margin-bottom: 10px;
}

.outline-button.ar.spaced.sh {
  background-color: var(--dark-red);
  color: #fff;
}

.outline-button.ar.spaced.sh:hover {
  background-color: #5e1f18;
}

.outline-button.ar.sh {
  background-color: var(--dark-red);
  color: #fffefe;
  border-style: none;
}

.outline-button.ar.sh:hover {
  background-color: #5e1f18;
}

.outline-button.spaced {
  margin-bottom: 10px;
}

.outline-button.spaced.sheikhs {
  background-color: var(--dark-red);
  color: #fff;
  padding-left: 30px;
  padding-right: 30px;
}

.outline-button.sheikhs {
  background-color: var(--dark-red);
  color: #fff;
  border-style: none;
  border-color: #fdfdfd;
  padding-left: 24px;
  padding-right: 24px;
}

.outline-button.w {
  float: left;
  color: #fff;
}

.outline-button.w.right {
  float: right;
}

.outline-button.right {
  direction: rtl;
  align-self: flex-end;
}

.div-block-6 {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.div-block-6.space {
  margin-top: 10px;
}

.div-block-6.space.rightpadding {
  padding-right: 20px;
}

.image-7 {
  position: relative;
  top: auto;
}

.inside-pattern {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-top: -26px;
  padding-right: 20px;
  display: flex;
}

.div-block-8 {
  background-image: url('../images/volunteers1.jpg');
  background-position: 50% 10%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-end;
  align-items: flex-end;
  min-height: 50vh;
  display: flex;
}

.div-block-9 {
  background-color: var(--linen);
  flex: 1;
  max-width: 50%;
  margin-right: -12.5vw;
}

.div-block-10 {
  background-color: #00000080;
  background-image: none;
  flex-direction: column;
  padding: 20px;
  display: flex;
}

.paragraph-2 {
  direction: rtl;
  color: #fff;
  text-align: justify;
  padding: 0;
  font-family: Dubaiw23, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.paragraph-2.en {
  direction: ltr;
  font-weight: 300;
  line-height: 20px;
}

.circle-space {
  margin-top: 41px;
}

.section-4 {
  margin-bottom: 8vw;
  padding-top: 8vw;
}

.div-block-11 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.section-5 {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.div-block-12 {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  flex: 1;
  padding-top: 19px;
}

.lottie-animation-3 {
  display: block;
}

.lottie-animation-4 {
  width: 25px;
}

.div-block-13 {
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.paragraph-3 {
  color: #ffffffc2;
  text-align: center;
  font-family: Dubaiw23, sans-serif;
}

.paragraph-3.footer {
  color: #6e6e6ec2;
}

.section-6 {
  background-image: url('../images/Hatta-1.jpg');
  background-position: 50%;
  background-size: cover;
  min-height: 100vh;
}

.slide-2 {
  background-color: #0000;
}

.slider-3 {
  background-color: #0000;
  min-height: 100vh;
}

.right-arrow-3, .left-arrow-3, .slide-nav-2 {
  display: none;
}

.slided1 {
  background-color: #0000;
  background-image: url('../images/Hatta-3.jpg');
  background-position: 50%;
  background-size: cover;
}

.slided1._1 {
  background-image: url('../images/Hatta-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slided1._2 {
  background-image: url('../images/Hatta-2.jpg');
}

.slided1._3 {
  background-image: url('../images/Hatta-4.jpg');
}

.section-7 {
  flex-direction: column;
  min-height: 100vh;
  display: flex;
}

.background-video {
  z-index: 9999;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  height: 100vh;
  padding-right: 12vw;
  display: flex;
  position: relative;
  inset: -50% 0% 0%;
}

.background-video.en {
  align-items: flex-start;
  display: none;
}

.div-block-14 {
  z-index: 999;
  color: red;
}

.paragraph-4 {
  position: relative;
}

.div-block-16 {
  z-index: 1000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  max-width: 500px;
  margin-right: 12vw;
  display: flex;
  position: relative;
  left: 12vw;
  right: 12vw;
}

.div-block-16.en {
  align-items: flex-start;
}

.whyhattatext {
  z-index: 1000;
  background-color: #000000a6;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  max-width: 500px;
  max-height: 400px;
  margin: 12vw;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-9 {
  display: none;
  position: relative;
}

.div-block-17 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.lottie-animation-5 {
  width: 190px;
  display: none;
}

.lottie-animation-6 {
  max-width: 100%;
}

.div-block-18 {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.div-block-18.en {
  align-items: flex-start;
}

.section-11 {
  background-color: #fff;
  border: 1px #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 30px;
  display: flex;
}

.container-9 {
  flex: 0 auto;
  align-self: center;
  padding-top: 30px;
}

.link-block {
  margin-bottom: 31px;
}

.div-block-19 {
  background-color: var(--linen);
  align-self: stretch;
  height: 10px;
  margin-bottom: 40px;
}

.hatta {
  background-image: linear-gradient(299deg, #0000, #000000db 71%), url('../images/Hatta-2.jpg');
  background-position: 0 0, 50%;
  background-size: auto, auto;
  background-attachment: scroll, fixed;
  min-height: 100vh;
}

.paragraph-5 {
  color: #fff;
  text-align: center;
  letter-spacing: .5px;
  font-weight: 100;
}

.paragraph-5.ar {
  direction: rtl;
}

.heading-3 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 70px;
  font-weight: 700;
  line-height: 70px;
}

.cover-image {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.cover-image.image-2 {
  background-image: linear-gradient(to top, #000, #0000004f 66%), url('../images/Hatta-2.jpg');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
}

.elementtitle {
  color: #fff;
  text-align: center;
  margin-bottom: 11px;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
}

.elementtitle.ar {
  direction: rtl;
}

.div-block-21 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 700px;
  display: flex;
}

.heading-5-copy {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  margin-top: -6px;
  font-size: 25px;
  font-weight: 300;
}

.heading-5-copy.ar {
  direction: rtl;
  font-weight: 100;
}

.partner {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  font-size: 25px;
  font-weight: 300;
  line-height: 30px;
}

.partner.ar {
  direction: rtl;
  font-weight: 100;
}

.heading-5 {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  margin-top: 10px;
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
}

.heading-5.ar {
  letter-spacing: .5px;
}

.padding {
  z-index: 1;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cover-wrapper {
  background-color: #fff;
  align-items: stretch;
  width: 100vw;
  min-height: 100vh;
  padding: 100px 25px 25px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.grid-7 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 900px;
}

.content-wrapper {
  z-index: 1;
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.element {
  min-width: 150px;
}

.element.right {
  border-right: 1px solid #ffffff36;
  min-width: 200px;
}

.whyhatta {
  z-index: 1000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: static;
  left: 12vw;
}

.whyhatta.en {
  align-items: flex-start;
}

.quizimg {
  text-align: left;
  align-self: center;
  width: 400px;
}

.section-12 {
  background-color: var(--dark-olive-green);
  margin-left: 30px;
  margin-right: 30px;
  padding-bottom: 250px;
}

.section-12.cc-cta {
  background-color: var(--linen);
  background-image: linear-gradient(to bottom, var(--olive-drab), var(--olive-drab));
  padding-bottom: 0;
  padding-left: 80px;
  padding-right: 80px;
}

.section-12.cc-cta.hidden {
  display: none;
}

.section-12.cc-cta.prize {
  background-image: linear-gradient(to bottom, var(--peru), var(--peru));
  display: block;
}

.section-12.cc-cta.colored {
  background-image: linear-gradient(#fff, #fff);
  padding-top: 41px;
  padding-bottom: 40px;
}

.section-12.cc-cta.celebration {
  background-image: url('../images/bgndc.png');
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 50px;
  margin-bottom: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.section-12.cc-cta.celebration.heritage, .section-12.cc-cta.celebration.future {
  background-image: url('../images/bg-heritage.jpg');
  background-position: 50% 100%;
}

.section-12.cc-cta.celebration.future-copy {
  background-image: url('../images/future-bg.jpg');
  background-position: 50% 100%;
}

.section-12.cc-cta {
  background-color: #f0ebe1b0;
  padding-left: 80px;
  padding-right: 80px;
}

.cta-text {
  width: 70%;
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
}

.horizontal {
  flex-direction: row;
  justify-content: center;
  align-self: center;
  display: flex;
}

.div-block-22 {
  flex-direction: column;
  flex: 0 auto;
  align-self: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.button-icon {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 20px;
  margin-right: 7px;
  display: flex;
  position: absolute;
  left: 0;
}

.button-2 {
  z-index: 1;
  color: #000;
  text-align: center;
  letter-spacing: .8px;
  text-transform: uppercase;
  background-color: #25253280;
  border: 1px #1111111a;
  border-radius: 2.5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 200px;
  padding: 15px 30px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4em;
  text-decoration: none;
  transition: background-color .3s, color .3s, border .15s;
  display: flex;
  position: relative;
  bottom: 0;
  overflow: hidden;
}

.button-2:hover {
  color: #fff;
  background-color: #000;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-bottom-color: #1f20201a;
}

.button-2.red {
  color: #fff;
  background-color: #eb1e25;
}

.button-2.red:hover {
  background-color: #ef5350;
}

.cta-wrap {
  text-align: center;
  justify-content: center;
  padding-top: 110px;
  padding-bottom: 120px;
  display: flex;
}

.cta-wrap.vertical {
  padding-top: 70px;
  padding-bottom: 70px;
}

.cta-wrap.vertical.nospace, .cta-wrap.no-space {
  padding-top: 0;
  padding-bottom: 0;
}

.container {
  width: 100%;
  max-width: 1140px;
  margin: 50px auto;
}

.button-label {
  justify-content: center;
  align-items: center;
  font-size: 12px;
  display: flex;
  position: relative;
  inset: 0;
}

.button-label.ar {
  font-family: Dubaiw23, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.vertical-block {
  flex-direction: column;
  flex: 1;
  align-self: center;
  display: flex;
}

.paragraph-bigger {
  opacity: 1;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-bigger.cc-bigger-light {
  opacity: .6;
  font-family: Dubaiw23, sans-serif;
  font-weight: 300;
  line-height: 25px;
}

.paragraph-bigger.cc-bigger-light.ar {
  direction: rtl;
  color: #000;
  text-align: justify;
  font-size: 18px;
}

.paragraph-bigger.cc-bigger-light.ar.white {
  opacity: 1;
  color: #fff;
}

.paragraph-bigger.cc-bigger-light.en.white {
  opacity: 1;
  color: #fff;
  font-weight: 300;
}

.paragraph-bigger.cc-bigger-light.en.white.celebration, .paragraph-bigger.cc-bigger-light.en.white.left {
  text-align: justify;
}

.heading-jumbo-small {
  direction: rtl;
  color: #c7102e;
  text-align: right;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 15px;
  font-family: Dubaiw23, sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 50px;
}

.heading-jumbo-small.en.white {
  text-align: center;
  font-size: 33px;
}

.heading-jumbo-small.en.white.heritage {
  text-align: left;
  font-size: 28px;
  line-height: 33px;
}

.heading-jumbo-small.en.white.bold {
  text-align: left;
  font-size: 30px;
}

.heading-jumbo-small.white {
  color: #fff;
}

.heading-jumbo-small.center {
  text-align: center;
}

.heading-jumbo-small.bold {
  font-weight: 700;
}

.image-12-copy {
  text-align: left;
  mix-blend-mode: multiply;
  align-self: center;
  width: 600px;
}

.div-block-23 {
  justify-content: center;
  display: flex;
}

.div-block-24 {
  flex: 1;
  align-self: center;
  display: flex;
}

.heading-jumbo-small-2 {
  color: #0a773f;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 15px;
  font-family: Dubaiw23, sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 50px;
}

.heading-jumbo-small-2.ar {
  direction: rtl;
}

.grid-8 {
  grid-column-gap: 1px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.div-block-25 {
  flex-direction: column;
  align-items: flex-end;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-25.en {
  align-items: flex-start;
}

.div-block-26 {
  background-image: url('../images/pr6.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-27 {
  background-image: url('../images/pr8.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-28 {
  background-image: url('../images/Hydroelectric-Power-Station-_-photo-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.timelinetext {
  text-align: justify;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Dubaiw23, sans-serif;
  font-size: 14px;
  line-height: 16px;
}

.timelinetext.ar {
  direction: rtl;
  line-height: 20px;
}

.elementimage {
  background-image: linear-gradient(#fffc, #fffc), url('../images/horz-caligraphy.svg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  height: 150px;
}

.timebox-wrapper {
  display: flex;
}

.date {
  color: #fff;
  text-align: right;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #080808;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Oswald, sans-serif;
  font-weight: 200;
}

.date.right {
  background-color: #080808;
}

.date.left {
  direction: ltr;
  text-align: left;
}

.date.arabic {
  direction: rtl;
  letter-spacing: 1px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Dubaiw23, sans-serif;
}

.date.arabic.right {
  direction: rtl;
}

.quote-title {
  text-align: justify;
  margin-bottom: 34px;
  font-family: Akzidgrostdlig webfont, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
}

.grid-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 2px solid var(--linen);
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr .25fr 1fr;
}

.timebox {
  z-index: -999;
  flex: 1;
  align-self: center;
  padding: 10px;
}

.div-block-29 {
  background-color: #e9e0df82;
  border-radius: 8px;
  margin-top: -27px;
  padding: 20px 0;
  transition: all .25s;
}

.div-block-29:hover {
  background-color: #c7dacc45;
}

.year {
  color: #d90000;
  text-align: right;
  text-shadow: 1px 1px 0 var(--linen);
  margin-top: -48px;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 60px;
}

.year.left {
  color: #d90000;
  text-align: left;
}

.timeimage {
  text-align: right;
  border-radius: 5px 5px 0 0;
}

.longline {
  background-color: var(--linen);
  width: 2px;
  height: 100%;
}

.heading-2 {
  color: #0a773f;
  text-transform: uppercase;
  font-family: Akzidgrostdbolcnd webfont, sans-serif;
  font-weight: 300;
}

.heading-2.ar {
  direction: rtl;
  text-align: right;
  font-family: "29lt zarid sans semi", sans-serif;
}

.header {
  background-image: url('../images/hor-slogan.png'), linear-gradient(#f0ebe161, #f0ebe161);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 700px, auto;
  min-height: 200px;
  margin-top: -91px;
}

.elementimage-2 {
  background-image: linear-gradient(#fffc, #fffc), url('../images/element3.png');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 300px;
  height: 150px;
}

.date-2 {
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #d9d9d9;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Oswald, sans-serif;
  font-weight: 200;
}

.date-2.ar {
  direction: rtl;
  text-align: right;
  letter-spacing: 0;
  font-family: Dubaiw23, sans-serif;
}

.quote-title-2 {
  text-align: justify;
  margin-bottom: 34px;
  font-family: Dubaiw23, sans-serif;
  font-weight: 700;
  line-height: 20px;
}

.quote-title-2.ar {
  direction: rtl;
  font-family: "29lt zarid sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}

.grid-9 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 2px solid #bfddc7;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr .25fr 1fr;
}

.div-block-30 {
  background-color: #e9e0df82;
  border-radius: 8px;
  margin-top: -30px;
  padding: 20px 0;
  transition: all .25s;
}

.div-block-30:hover {
  background-color: #c7dacc45;
}

.year-2 {
  color: #006832;
  text-align: right;
  margin-top: -69px;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 60px;
}

.year-2.left {
  text-align: left;
}

.timeimage-2 {
  text-align: right;
  border-radius: 5px 5px 0 0;
}

.longline-2 {
  background-color: #bfddc8;
  width: 2px;
  height: 100%;
}

.section-13 {
  align-items: center;
  min-height: 100vh;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.section-copy {
  width: 100vw;
  padding: 8vw 12.5vw;
  overflow: hidden;
}

.header-ach {
  z-index: 4;
  background-color: var(--res4);
  justify-content: center;
  width: 100%;
  max-width: 100%;
  min-height: 200px;
  margin-top: 0;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.bodysection {
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.heading-6 {
  color: #000;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "29lt zarid sans semi", sans-serif;
  font-weight: 400;
}

.paragraph-6 {
  color: #000;
  font-family: Dubaiw23, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
}

.paragraph-6.justify {
  text-align: justify;
  font-family: Akzidgrostdlig webfont, sans-serif;
  font-weight: 400;
}

.paragraph-6.arbic-justify {
  direction: rtl;
  text-align: justify;
  font-family: "29lt zarid sans", sans-serif;
  font-weight: 500;
}

.paragraph-6.ar {
  direction: rtl;
  text-align: justify;
}

.timeline {
  z-index: -3;
  background-color: #f0ebe1;
  position: relative;
}

.container-new {
  width: 90vw;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.timeline-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.timeline-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 160px 1fr;
  width: 100%;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 80px;
}

.timeline_left {
  text-align: right;
}

.timeline_center {
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.timeline_date {
  color: red;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: 75px;
  line-height: 1.2;
  position: sticky;
  top: 50vh;
}

.timeline_circle {
  background-color: #ff0200;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  position: sticky;
  top: 50vh;
}

.timeline_text {
  color: #000;
  padding-left: 20px;
  font-family: Dubaiw23, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  position: sticky;
  top: 50vh;
}

.timeline_text.ar {
  direction: rtl;
}

.timeline_progress {
  z-index: -2;
  background-color: #00a84c;
  width: 3px;
  height: 100%;
  position: absolute;
}

.timeline_progress_bar {
  z-index: -1;
  background-color: #ff0200;
  background-image: none;
  width: 3px;
  height: 50vh;
  position: fixed;
  bottom: 50vh;
}

.div-block-31 {
  background-color: #f0ebe1;
  justify-content: center;
  align-items: flex-start;
  height: 50vh;
  display: flex;
}

.listitem {
  text-align: justify;
  margin-bottom: 8px;
  font-family: Dubaiw23, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.listitem.ar {
  text-align: justify;
  line-height: 1.5;
}

.listitem.ar.small {
  font-family: "29lt zarid sans semi", sans-serif;
  line-height: 1.4;
}

.listitem.landmarks {
  font-family: Akzidgrostdbolcnd webfont, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 25px;
}

.list {
  padding-left: 20px;
}

.list.ar {
  direction: rtl;
}

.list.ar.space {
  margin-bottom: 30px;
  padding-left: 0;
  padding-right: 20px;
  font-family: "29lt zarid sans", sans-serif;
}

.grid-10 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.early-dreamers {
  background-color: var(--light-grey);
  align-items: center;
  min-height: 90vh;
  max-height: 90vh;
  display: flex;
}

.dreamers-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.title {
  color: #000;
  text-transform: uppercase;
  font-family: Dubaiw23, sans-serif;
}

.title.ar {
  direction: rtl;
}

.title.hh {
  text-align: center;
  font-family: Akzidgrostdextbol, sans-serif;
  font-size: 30px;
  font-weight: 400;
}

.title.hh.ar {
  font-family: "29lt zarid sans", sans-serif;
  font-weight: 700;
}

.title.hh.ar.bolder {
  direction: ltr;
  align-self: flex-start;
  font-family: Akzidgrostdbolcnd webfont, sans-serif;
  font-weight: 400;
}

.title.hh.ar.h2 {
  text-align: right;
  font-size: 25px;
}

.div-block-32.ar {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.image-12 {
  z-index: -1;
  position: relative;
  top: -302px;
}

.page-wrapper-copy {
  min-height: 100vh;
  margin-top: 50px;
  margin-bottom: 32px;
}

.bold-text {
  color: #000;
}

.list-2 {
  color: #000;
  margin-bottom: 30px;
  font-family: Dubaiw23, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.list-2.ar {
  direction: rtl;
  padding-left: 0;
  padding-right: 40px;
}

.bold-list {
  margin-bottom: 10px;
}

.subtitle-projects {
  text-transform: uppercase;
  font-size: 28px;
}

.subtitle-projects.ar {
  direction: rtl;
  color: #000;
  font-family: Dubaiw23, sans-serif;
}

.div-block-33 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-34 {
  justify-content: center;
  display: flex;
}

.image-13 {
  float: right;
}

.lottie-animation-7 {
  display: none;
}

.quote-2 {
  opacity: .08;
  filter: hue-rotate(176deg);
  position: absolute;
  top: -30px;
  left: -26px;
}

.outline-button-2 {
  color: #000;
  text-transform: uppercase;
  background-color: #fff0;
  border: 1px solid #dacbc4;
  border-radius: 5px;
  font-family: Dubaiw23, sans-serif;
  font-weight: 700;
  transition: all .3s cubic-bezier(.445, .05, .55, .95);
}

.outline-button-2:hover {
  color: #fff;
  background-color: #7c584b;
  border-color: #7c584b;
}

.div-block-36 {
  margin-right: 50px;
}

.div-block-35 {
  background-image: url('../images/pattern11.png');
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: 617px;
  flex: 0 auto;
  min-width: 110%;
  min-height: 50px;
  margin-top: -22px;
}

.bold-text-2 {
  font-size: 20px;
}

.listitemsmaller {
  text-align: justify;
  margin-bottom: 8px;
  font-family: Akzidgrostdlig webfont, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.listitemsmaller.ar {
  font-family: "29lt zarid sans", sans-serif;
  font-weight: 500;
}

.image-14, .image-15, .image-16, .image-17 {
  mix-blend-mode: multiply;
}

.image-18, .image-19 {
  margin-top: 20px;
  margin-left: 20px;
}

.grid-11 {
  grid-template-columns: 1fr 1fr .5fr 1fr 1fr;
}

.div-block-37 {
  flex-direction: column;
  align-items: flex-end;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-38 {
  background-image: url('../images/2.png'), url('../images/rays.png');
  background-position: 50% -10%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, contain;
}

.section-14 {
  background-color: var(--peru);
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 47px;
  padding-bottom: 0;
}

.paragraph-7 {
  text-align: justify;
  font-family: Dubaiw23, sans-serif;
  font-weight: 300;
}

.paragraph-7.ar {
  direction: rtl;
  font-size: 16px;
  line-height: 25px;
}

.content-div {
  background-color: #fafafa00;
  border-radius: 10px;
  flex-direction: row;
  align-items: flex-start;
  display: block;
}

.content-div.hide {
  display: none;
}

.accordion-item-trigger {
  background-image: linear-gradient(to bottom, var(--color), var(--color));
  color: #fff;
  cursor: pointer;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
}

.hero-title {
  color: #fff;
  text-transform: uppercase;
  margin-top: 4px;
  margin-bottom: 0;
  font-family: Akzidgrostdextbol webfont, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
}

.accordion-item-content {
  border-right: 1px dotted #e7e7e7;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
}

.hero-paragraph {
  color: #424549;
  text-align: justify;
  font-family: Akzidgrostdlig webfont, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.p-regular {
  text-align: justify;
  font-family: Akzidgrostdlig webfont, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.image-20 {
  text-align: center;
}

.image-20.spaced {
  margin-bottom: 30px;
}

.hero-main-title {
  text-transform: uppercase;
  font-family: Akzidgrostdbolcnd webfont, sans-serif;
  font-size: 35px;
  font-weight: 400;
}

.hero-main-title.ar {
  direction: rtl;
  font-family: "29lt zarid sans semi", sans-serif;
  font-weight: 700;
}

.hero-main-title.ar.small {
  font-size: 25px;
}

.hero-main-title.ar.small.centerd, .hero-main-title.ar.centered {
  text-align: center;
}

.hero-main-title.small {
  font-size: 25px;
  line-height: 30px;
}

.hero-main-title.small.colored {
  color: #7e7e7e;
}

.hero-main-title.bigger {
  border-bottom: 1px solid var(--lighter);
  font-size: 65px;
  line-height: 65px;
}

.hero-main-title.bigger.ar {
  font-family: Akzidgrostdcnd webfont, sans-serif;
}

.hero-main-title.bigger.ar.right {
  align-self: flex-end;
}

.accordion-item-trigger-2 {
  background-image: linear-gradient(to bottom, var(--res4), var(--res4));
  color: #1f6321;
  cursor: pointer;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
}

.hero-title-2 {
  color: #fff;
  margin-top: 4px;
  margin-bottom: 0;
  font-family: "29lt zarid sans semi", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 24px;
}

.hero-paragraph-2 {
  color: #424549;
  text-align: justify;
  font-family: Dubaiw23, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.hero-paragraph-2.ar {
  direction: rtl;
}

.accordion-item-trigger-3 {
  color: #1f6321;
  cursor: pointer;
  background-image: linear-gradient(#a8a8a830, #a8a8a830);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.accordion-item-trigger-3.ar {
  background-image: linear-gradient(to bottom, var(--color), var(--color));
  direction: rtl;
  background-image: linear-gradient(to bottom, var(--res4), var(--res4));
  direction: rtl;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 10px;
  display: flex;
}

.p-regular-ar {
  direction: rtl;
  text-align: justify;
  font-family: "29lt zarid sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.p-regular-ar.ar {
  direction: rtl;
  font-size: 16px;
  line-height: 25px;
}

.hero-title-3 {
  margin-bottom: 0;
  font-family: Dubaiw23, sans-serif;
  font-weight: 500;
}

.image-21 {
  margin-top: -105px;
  margin-bottom: -25px;
  margin-left: 15px;
  padding-bottom: 0;
  position: static;
  top: -107px;
  right: -15px;
}

.image-21.en {
  float: right;
  transform-style: preserve-3d;
  margin-top: -109px;
  margin-left: 0;
  margin-right: 15px;
  transform: translate3d(0, 0, 20px);
}

.image-22 {
  float: right;
  margin-top: -97px;
  margin-right: 15px;
  transform: translate(0);
}

.image-22.ar {
  float: none;
  margin-top: -104px;
  margin-bottom: -30px;
  margin-left: 15px;
  padding-bottom: 0;
}

.div-block-39 {
  background-image: url('../images/rays2.png'), url('../images/mapnuni.png');
  background-position: 50%, 50%;
  background-repeat: no-repeat, repeat;
  background-size: contain, cover;
  min-width: 45%;
}

.image-23 {
  position: static;
}

.div-block-40 {
  display: flex;
}

.div-block-41 {
  align-self: center;
  margin-left: 55px;
}

.image-24 {
  border: 5px solid #fff;
  box-shadow: 0 0 50px -4px #00000026;
}

.tabs-menu {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.tabs {
  display: flex;
}

.tab-link-tab-1, .tab-link-tab-1.w--current {
  background-color: #0000;
  padding: 0;
}

.tabtext {
  text-transform: uppercase;
  padding-top: 7px;
  padding-bottom: 7px;
  font-family: Dubaiw23, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.image-25 {
  min-width: 240px;
}

.tab-link-tab-2 {
  padding: 0;
}

.text-span-3 {
  font-size: 12px;
}

.tab-pane-tab-1 {
  padding: 20px;
}

.ruler-title {
  text-shadow: 2px 2px #fdfdfd;
  margin-top: 0;
  font-family: Akzidgrostdbolcnd webfont, sans-serif;
  font-size: 25px;
  line-height: 30px;
}

.ruler-title.ar {
  direction: rtl;
  font-family: "29lt zarid sans semi", sans-serif;
}

.ruler-title.ar.subtitle {
  margin-bottom: 20px;
  font-size: 20px;
}

.ruler-title.subtitle {
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.tab-link-tab-2-2 {
  background-color: #0000;
  padding: 0;
}

.tab-link-tab-2-2.w--current {
  background-color: #0000;
}

.bold-text-3 {
  font-size: 10px;
}

.div-block-42 {
  display: flex;
}

.image-26 {
  border: 5px solid #fff;
  border-radius: 100%;
  min-width: 200px;
  box-shadow: 8px 8px 50px -7px #b781608c;
}

.image-container {
  margin-right: 25px;
}

.image-container.ar {
  margin-left: 25px;
  margin-right: 0;
}

.ruler-container {
  background-image: linear-gradient(to bottom, var(--old-lace), white 43%);
  border: 1px solid #b781602e;
  border-radius: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 20px;
  display: flex;
}

.ruler-container.ar {
  flex-direction: row-reverse;
}

.ruler-body-text {
  text-align: justify;
  font-family: Akzidgrostdlig webfont, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.ruler-body-text.ar {
  direction: rtl;
  font-family: "29lt zarid sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.subtitle-ar {
  direction: rtl;
  color: #000;
  font-family: "29lt zarid sans", sans-serif;
  font-size: 18px;
}

.subtitle-ar.big {
  font-family: "29lt zarid sans", sans-serif;
  font-size: 22px;
}

.subtitle-ar.big.spaced {
  margin-top: 25px;
  margin-bottom: 20px;
}

.subtitle-ar.big.spaced.en {
  direction: ltr;
  font-family: Akzidgrostdbolcnd webfont, sans-serif;
}

.subtitle-english {
  color: #000;
  font-size: 20px;
}

.subtitle-english.space {
  margin-top: 25px;
  font-family: Akzidgrostdbolcnd webfont, sans-serif;
}

.subtitle-english.space.big {
  font-size: 24px;
}

.subtitle-english.space.nospaced {
  margin-top: 0;
}

.div-block-43 {
  background-image: url('../images/prize.png'), url('../images/rays.png');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, cover;
  min-width: 500px;
}

.lottie-animation-9 {
  max-width: 175px;
}

.lottie-animation-10 {
  max-width: 150px;
}

.floating-image {
  float: right;
  transform-style: preserve-3d;
  max-width: 150px;
  margin-top: -133px;
  position: static;
  left: 0;
  right: 0;
  transform: translate3d(0, 0, -50px);
}

.floating-image.right {
  position: absolute;
  left: auto;
  right: 60px;
}

.section-15 {
  background-image: url('../images/bgndc.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  min-height: 50vh;
  display: flex;
}

.celebration-box {
  background-image: url('../images/img-dayc-1.png'), url('../images/rays.png');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 350px, cover;
  min-width: 500px;
}

.celebration-box.heritage {
  background-image: url('../images/07953-BIG.jpg'), url('../images/rays.png');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 400px, 500px;
}

.celebration-box.future {
  background-image: url('../images/future.jpg'), url('../images/rays.png');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 400px, 500px;
}

.text-span-4 {
  color: #ffffffc2;
  font-style: italic;
}

.arrow-right {
  margin-right: 15px;
}

.image-27 {
  margin-left: 15px;
}

.emirateimage {
  margin-top: 15px;
  margin-bottom: 25px;
}

.div-block-6-copy {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.div-block-6-copy.space {
  margin-top: 10px;
}

.div-block-6-copy.space.rightpadding {
  padding-right: 20px;
}

.logoanimationimg {
  max-width: 110%;
  margin-top: 10px;
  margin-left: 10px;
}

.uui-navbar01_menu-button {
  padding: 0;
}

.uui-button {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui-primary600);
  background-color: var(--untitled-ui-primary600);
  color: var(--untitled-ui-white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button:hover {
  border-color: var(--untitled-ui-primary700);
  background-color: var(--untitled-ui-primary700);
}

.uui-button:focus {
  background-color: var(--untitled-ui-primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui-primary100);
}

.uui-button-tertiary-gray {
  grid-column-gap: .5rem;
  color: var(--untitled-ui-gray600);
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-button-tertiary-gray:hover {
  background-color: var(--untitled-ui-gray50);
  color: var(--untitled-ui-gray700);
}

.uui-button-secondary-gray {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui-gray300);
  background-color: var(--untitled-ui-white);
  color: var(--untitled-ui-gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray:hover {
  background-color: var(--untitled-ui-gray50);
  color: var(--untitled-ui-gray800);
}

.uui-button-secondary-gray:focus {
  background-color: var(--untitled-ui-white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui-gray100);
}

.uui-button-secondary-gray.show-tablet, .show-tablet {
  display: none;
}

.uui-navbar01_button-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  display: flex;
}

.uui-navbar01_menu-right {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.uui-navbar01_link {
  color: var(--untitled-ui-gray600);
  align-items: center;
  padding: 1.75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
}

.uui-navbar01_link:hover {
  color: var(--untitled-ui-gray700);
}

.uui-navbar01_link.w--current {
  color: #000;
}

.uui-navbar01_dropdown-right-overlay-absolute {
  background-color: var(--untitled-ui-gray50);
  min-width: 100vw;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.uui-button-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-link {
  grid-column-gap: .5rem;
  color: var(--untitled-ui-primary700);
  white-space: nowrap;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-button-link:hover {
  color: var(--untitled-ui-primary800);
}

.uui-button-link.is-button-xsmall {
  font-size: .875rem;
}

.uui-navbar01_dropdown-content-button-wrapper {
  letter-spacing: normal;
  margin-top: 1rem;
  margin-left: .75rem;
  font-size: .875rem;
}

.uui-button-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-navbar01_item-button-wrapper {
  margin-top: .75rem;
}

.uui-text-size-small {
  color: var(--untitled-ui-gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.uui-navbar01_item-heading {
  color: var(--untitled-ui-gray900);
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.uui-navbar01_item-heading.margin-bottom-0 {
  margin-bottom: 0;
}

.uui-navbar01_large-item-content {
  flex-direction: column;
  justify-content: flex-start;
  font-weight: 400;
  display: flex;
}

.uui-navbar01_blog-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.uui-navbar01_blog-image-wrapper {
  border-radius: .375rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 11rem;
  height: 6.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.uui-navbar01_blog-item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: .6fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding: .75rem;
  text-decoration: none;
  transition: all .3s;
  display: grid;
}

.uui-navbar01_blog-item:hover {
  background-color: var(--untitled-ui-white);
}

.uui-navbar01_dropdown-blog-list {
  grid-column-gap: 0rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: grid;
}

.uui-navbar01_dropdown-content-heading {
  color: var(--untitled-ui-primary600);
  letter-spacing: normal;
  margin-left: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 600;
}

.uui-navbar01_dropdown-content-wrapper {
  z-index: 1;
  grid-row-gap: .75rem;
  grid-template-rows: min-content;
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.uui-navbar01_dropdown-content-right {
  flex: 1;
  max-width: 35rem;
  padding: 2rem 0 2rem 1.25rem;
  display: flex;
  position: relative;
}

.uui-navbar01_item-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-weight: 400;
  display: flex;
}

.uui-icon-1x1-xsmall {
  width: 1.5rem;
  height: 1.5rem;
}

.uui-navbar01_icon-wrapper {
  color: var(--untitled-ui-primary600);
  flex: none;
}

.uui-navbar01_dropdown-link {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: .75rem;
  text-decoration: none;
  transition: all .3s;
  display: grid;
}

.uui-navbar01_dropdown-link:hover {
  background-color: var(--untitled-ui-gray50);
}

.uui-badge-small-success {
  grid-column-gap: .25rem;
  background-color: var(--untitled-ui-success50);
  color: var(--untitled-ui-success700);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  display: flex;
}

.uui-navbar01_text-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: 0px;
  align-items: center;
  margin-bottom: .25rem;
  display: flex;
}

.uui-navbar01_heading {
  color: var(--untitled-ui-primary600);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 600;
}

.uui-navbar01_dropdown-link-list {
  grid-column-gap: 0px;
  grid-row-gap: .5rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-navbar01_dropdown-content-left {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 2rem 2rem 2rem 0;
  display: grid;
}

.uui-navbar01_dropdown-content {
  width: 100%;
  display: flex;
}

.uui-navbar01_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.uui-navbar01_dropdown-list {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.uui-navbar01_dropdown-list.w--open {
  background-color: #fff;
  width: 100vw;
  min-width: 100vw;
  max-width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
  inset: 5.0625rem auto auto 0%;
  overflow: hidden;
}

.uui-dropdown-icon {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

.uui-navbar01_dropdown-toggle {
  color: var(--untitled-ui-gray600);
  align-items: center;
  padding: 1.75rem 2.5rem 1.75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.uui-navbar01_dropdown-toggle:hover {
  color: var(--untitled-ui-gray700);
}

.uui-navbar01_menu-dropdown {
  position: static;
}

.uui-navbar01_menu {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 1.5rem;
  display: flex;
  position: static;
}

.uui-logo_image {
  flex: none;
  width: auto;
  height: 100%;
  display: none;
}

.uui-logo_logotype {
  flex: none;
  width: auto;
  height: 100%;
}

.uui-logo_logomark-dot {
  z-index: 1;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: relative;
}

.uui-logo_logomark-blur {
  z-index: 2;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #fff3;
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
  width: 100%;
  height: 50%;
  position: absolute;
  inset: 50% 0% 0%;
  overflow: hidden;
}

.uui-styleguide_logomark-bg {
  border-radius: 8px;
  width: 2rem;
  height: 2rem;
  position: absolute;
  inset: 0%;
}

.uui-logo_logomark {
  border: .1px solid #dae0e8;
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 1px #1018280f, 0 1px 2px #1018281a;
}

.uui-logo_component {
  flex-wrap: nowrap;
  width: auto;
  height: 2rem;
  display: flex;
}

.uui-navbar01_logo-link {
  padding-left: 0;
}

.uui-navbar01_component {
  border-bottom: 1px solid var(--untitled-ui-gray100);
  background-color: #fff;
  align-items: center;
  min-height: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.body-2 {
  background-color: var(--white);
}

.main-header {
  background-image: url('../images/border-visual.png'), url('../images/border-visual.png');
  background-position: -20% -30%, 120% 120%;
  background-repeat: no-repeat, no-repeat;
  background-size: 500px, 500px;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-bottom: -89px;
  display: flex;
}

.flag-logo {
  margin-left: 10px;
}

.image-28 {
  position: static;
  overflow: hidden;
}

.container-10 {
  text-align: center;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-self: center;
  min-height: 100%;
  display: flex;
}

.container-10.head {
  background-size: 750px;
  flex: 1;
  min-height: 800px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.image-29 {
  align-self: center;
  position: static;
  inset: 0% auto 0% -51%;
}

.deers {
  opacity: 1;
}

.section-16 {
  background-image: url('../images/strip-arabic.svg');
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: auto;
  height: 50px;
  min-height: 50px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.quote-section {
  background-color: var(--lightgreen);
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  align-items: center;
  height: 100vh;
  display: flex;
}

.quote-section.ar {
  padding-top: 26px;
  padding-bottom: 26px;
}

.quote-section.ar.main {
  background-color: var(--res4);
  height: 135vh;
}

.quote-section.english {
  background-color: var(--res4);
  height: 75vh;
}

.quote-arabic {
  direction: rtl;
  color: var(--textcolor54);
  text-align: justify;
  font-family: "29lt zarid sans semi", sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.25em;
}

.quote-sheikh {
  direction: rtl;
  color: var(--new-beigh54);
  text-align: right;
  margin-top: 10px;
  font-family: "29lt zarid sans semi", sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
}

.cell {
  text-align: right;
  align-items: flex-end;
}

.container-11 {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 800px;
  padding: 80px;
  display: flex;
}

.container-11.en {
  padding: 60px;
}

.bold-text-5 {
  color: var(--ndm-color-9);
}

.image-30 {
  border-style: solid;
  border-width: 5px;
  border-color: var(--new-beigh54) var(--ndm-color-4) var(--ndm-color-4);
  border-radius: 20px;
}

.quick-stack {
  border-top: 1px solid var(--ndm-color-4);
}

.lines-animated {
  max-height: 100vh;
  position: relative;
  inset: auto auto 0 0;
  overflow: hidden;
}

.divider {
  background-color: var(--skyblue);
  background-image: url('../images/pattern-svg.svg');
  background-position: 0%;
  background-repeat: repeat-x;
  background-size: contain;
  min-height: 50px;
  margin-top: 0;
  display: none;
}

.divider.dark {
  background-color: var(--lighter);
}

.divider.green {
  background-color: var(--newgreen);
  background-image: url('../images/stripe53.png');
  background-size: 500px;
}

.divider.nocolor {
  z-index: 5;
  background-color: var(--ndm-color-1);
  margin-top: -25px;
  margin-bottom: -25px;
  position: relative;
}

.ourunion {
  background-color: var(--new-beigh54);
  justify-content: center;
  align-items: center;
  min-height: 75vh;
  display: flex;
  position: relative;
}

.paragraph-8 {
  font-family: "29lt zarid sans", sans-serif;
}

.subtitle-arabic {
  direction: rtl;
  color: var(--textcolor54);
  text-align: justify;
  max-width: 525px;
  font-family: "29lt zarid sans", sans-serif;
  font-size: 20px;
  line-height: 1.25em;
}

.subtitle-arabic.white {
  color: var(--white);
  line-height: 1.4em;
}

.subtitle-arabic.white.center {
  text-align: justify;
  max-width: 400px;
  font-family: "29lt zarid sans", sans-serif;
  font-weight: 500;
}

.maintitle--arabic {
  direction: rtl;
  color: var(--textcolor54);
  text-align: right;
  align-self: flex-end;
  font-family: "29lt zarid sans semi", sans-serif;
}

.maintitle--arabic.white {
  color: var(--white);
}

.maintitle--arabic.center {
  text-align: center;
}

.maintitle--arabic.beige {
  color: var(--new-beigh54);
}

.maintitle--arabic.ar {
  font-size: 32px;
  line-height: 35px;
}

.cell-2 {
  align-items: flex-end;
}

.outline-button-3 {
  border: 1px solid var(--beige-50);
  color: var(--new-beigh54);
  text-transform: uppercase;
  background-color: #fff0;
  border-radius: 5px;
  align-self: flex-end;
  font-family: "29lt zarid sans semi", sans-serif;
  font-size: 18px;
  font-weight: 700;
  transition: all .3s cubic-bezier(.445, .05, .55, .95);
}

.outline-button-3:hover {
  color: var(--new-beigh54);
  background-color: #000;
}

.outline-button-3.spaced {
  direction: rtl;
  align-self: flex-end;
  margin-top: 12px;
  margin-bottom: 13px;
  font-family: "29lt zarid sans semi", sans-serif;
  font-weight: 700;
}

.outline-button-3.spaced.cent {
  align-self: center;
}

.outline-button-3.left {
  align-self: flex-start;
}

.outline-button-3.left.en {
  margin-bottom: 10px;
  font-family: Akzidgrostdbolcnd webfont, sans-serif;
}

.outline-button-3.english {
  align-self: flex-start;
  font-family: Akzidgrostdmedcnd, sans-serif;
  font-weight: 400;
}

.cell-3 {
  align-items: stretch;
}

.image-31 {
  border: 5px solid var(--new-beigh54);
  border-radius: 20px;
  min-height: 50%;
}

.div-block-45 {
  background-image: url('../images/53-shadow.svg');
  background-position: 50% 0;
  background-repeat: repeat-y;
  background-size: auto;
  width: 25vh;
  min-height: 75vh;
  margin-top: -306px;
  margin-left: 50px;
}

.union-creators {
  background-image: linear-gradient(#ffffff80, #ffffff80), url('../images/img-background.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  min-height: 65vh;
  display: flex;
  position: relative;
}

.union-creators.hidden {
  background-color: var(--res9);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  display: block;
}

.cell-4 {
  background-color: var(--blue-light);
}

.quick-stack-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  min-height: 75vh;
  padding: 0;
}

.div-block-46 {
  background-image: url('../images/2.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 500px;
}

.quick-stack-3 {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  min-height: 100%;
  padding-bottom: 0;
}

.div-block-47 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  padding: 30px;
  display: flex;
}

.div-block-47.rulers {
  align-self: stretch;
}

.cell-5 {
  justify-content: center;
  align-items: flex-end;
}

.colored-block {
  background-image: url('../images/boated.png'), linear-gradient(to bottom, var(--lighter), var(--lighter));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 350px, auto;
  width: 100vh;
  max-width: 50vh;
  min-height: 50vh;
  margin-left: 0;
  display: none;
}

.image-32 {
  position: static;
  top: 3518.27px;
}

.section-17 {
  min-height: 75vh;
}

.founding-fathers {
  background-image: linear-gradient(to bottom, var(--res4), var(--res4));
  padding-top: 50px;
  padding-bottom: 37px;
}

.outline-button-4 {
  color: #000;
  text-transform: uppercase;
  background-color: #fff0;
  border: 1px solid #dacbc4;
  border-radius: 5px;
  align-self: flex-end;
  font-family: "29lt zarid sans semi", sans-serif;
  font-size: 18px;
  font-weight: 700;
  transition: all .3s cubic-bezier(.445, .05, .55, .95);
}

.outline-button-4:hover {
  color: #fff;
  background-color: #7c584b;
  border-color: #7c584b;
}

.outline-button-4.white {
  color: #fff;
}

.outline-button-4.white:hover {
  background-color: #000;
}

.outline-button-4.en {
  align-self: flex-start;
}

.slide-nav-3 {
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 10px;
  top: -100px;
  left: 0;
  right: 0;
}

.text-span-5 {
  color: #b9b9b9;
  font-size: 16px;
}

.cell-6 {
  justify-content: center;
  align-items: flex-end;
}

.our-rulers {
  background-color: var(--new-beigh54);
  background-image: linear-gradient(#00000080, #00000080), url('../images/mainbg-1.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  background-attachment: scroll, fixed;
  min-height: 75vh;
  padding-top: 50px;
  padding-bottom: 44px;
  display: flex;
}

.our-rulers.green {
  background-image: linear-gradient(to bottom, var(--res9), var(--res9)), linear-gradient(to bottom, #00000080, #00000080), url('../images/mainbg-1.jpg');
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, auto, auto;
  background-attachment: scroll, scroll, fixed;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
}

.colored-block-2 {
  background-image: url('../images/strip-v.png'), linear-gradient(to bottom, var(--newgreen), var(--newgreen));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 250px, auto;
  width: 25vh;
  max-width: 150vh;
  min-height: 50vh;
  margin-left: 0;
}

.div-block-46-copy {
  background-image: url('../images/united.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 600px;
  min-height: 100%;
  margin-top: 0;
}

.div-block-46-copy.rulers {
  height: 50vw;
}

.section-18 {
  background-color: var(--res9);
  align-items: center;
  height: 50vh;
  display: flex;
}

.cell-7 {
  justify-content: center;
  align-items: flex-end;
}

.cell-8 {
  background-image: url('../images/towards-sustainable-tomorrow.svg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: 200px;
  justify-content: center;
  align-items: center;
}

.achievements {
  background-color: var(--dark-red);
  align-items: center;
  min-height: 50vh;
  max-height: 50vh;
  display: none;
}

.image-33 {
  opacity: 1;
}

.cell-9 {
  justify-content: center;
  align-items: flex-end;
}

.future {
  background-color: var(--purple);
  align-items: center;
  min-height: 50vh;
  display: flex;
}

.future.hidden {
  display: none;
}

.cell-10 {
  justify-content: center;
  align-items: flex-end;
}

.quick-stack-4 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.heritage {
  background-color: var(--lightgreen);
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  display: flex;
}

.cell-11 {
  align-items: flex-end;
}

.competition {
  background-color: var(--res8);
  align-items: center;
  min-height: 50vh;
  display: flex;
}

.competition.hide {
  display: none;
}

.cell-12 {
  justify-content: center;
  align-items: flex-end;
}

.body-3 {
  background-color: var(--ndm-color-4);
}

.bold-text-6 {
  font-family: Akzidgrostdextbol, sans-serif;
}

.bold-text-7 {
  font-family: Akzidgrostdbolcnd webfont, sans-serif;
  font-weight: 400;
}

.english-quote {
  direction: ltr;
  color: var(--textcolor54);
  text-align: justify;
  font-family: Akzidgrostdbolcnd webfont, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.25em;
}

.quote-sheikh-english {
  direction: ltr;
  color: var(--textcolor54);
  text-align: left;
  margin-top: 10px;
  font-family: Akzidgrostdbolcnd webfont, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.cell-13 {
  align-items: flex-start;
}

.main-title-english {
  direction: rtl;
  text-align: left;
  font-family: Akzidgrostdbolcnd webfont, sans-serif;
  font-weight: 400;
}

.main-title-english.white {
  direction: ltr;
  color: var(--white);
}

.subtitle-arabic-copy {
  direction: rtl;
  text-align: justify;
  font-family: "29lt zarid sans", sans-serif;
  font-size: 20px;
  line-height: 1.25em;
}

.subtitle-arabic-copy.white {
  color: var(--white);
  line-height: 1.4em;
}

.subtitle-english-main {
  text-align: justify;
  font-family: Akzidgrostdlig webfont, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
}

.subtitle-english-main.white {
  color: #fff;
}

.subtitle-english-main.white.centered {
  text-align: justify;
  max-width: 525px;
  font-family: Akzidgrostdlig, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.cell-5-copy, .cell-6-copy {
  justify-content: center;
  align-items: flex-start;
}

.quote-3 {
  opacity: .1;
  filter: hue-rotate(176deg);
  position: absolute;
  top: -25px;
  left: -26px;
}

.slide-nav-4 {
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 10px;
  top: -100px;
  left: 0;
  right: 0;
}

.div-block-48 {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.quote-avatar-2 {
  border: 3px solid var(--lightgreen);
  filter: none;
  border-radius: 20px;
  margin-bottom: 20px;
}

.outline-button-5 {
  border: 1px solid var(--ndm-color-4);
  color: #000;
  text-transform: uppercase;
  background-color: #fff0;
  border-radius: 5px;
  align-self: flex-start;
  font-family: Akzidgrostdbolcnd webfont, sans-serif;
  font-weight: 700;
  transition: all .3s cubic-bezier(.445, .05, .55, .95);
}

.outline-button-5:hover {
  color: #fff;
  background-color: #000;
}

.outline-button-5.white {
  color: #fff;
}

.text-span-6 {
  color: #b9b9b9;
  font-size: 16px;
}

.cell-5-copy, .cell-7-copy {
  justify-content: center;
  align-items: flex-start;
}

.cell-9-copy {
  justify-content: center;
  align-items: flex-end;
}

.cell-14 {
  justify-content: center;
  align-items: center;
}

.cell-10-copy, .cell-12-copy {
  justify-content: center;
  align-items: flex-start;
}

.currency {
  background-color: var(--res8);
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.cell-16, .cell-15-copy {
  background-image: url('../images/towards-sustainable-tomorrow.svg');
  background-position: 50%;
  background-size: 150px;
  justify-content: center;
  align-items: center;
}

.maincurrencies {
  background-color: var(--res7);
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.cell-17 {
  justify-content: center;
  align-items: flex-end;
}

.newcurrencies {
  background-color: var(--darkgreen);
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.newcurrencies.hidden {
  display: none;
}

.cell-18 {
  justify-content: center;
  align-items: flex-end;
}

.cell-19 {
  background-image: url('../images/towards-sustainable-tomorrow.svg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: 150px;
  justify-content: center;
  align-items: center;
}

.cell-16-copy {
  align-items: flex-start;
}

.cell-15-copy-copy {
  justify-content: center;
  align-items: flex-end;
}

.currency-div {
  background-color: var(--white);
  flex-direction: column;
  align-items: flex-end;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.currency-div.english {
  align-items: flex-start;
}

.image-34, .image-34-copy {
  padding-top: 20px;
}

.main-subtitle-english {
  text-align: left;
  align-self: flex-start;
  font-family: Akzidgrostdbolcnd webfont, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.cell-20 {
  justify-content: center;
  align-items: center;
}

.div-block-49 {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.text-span-7 {
  font-family: Akzidgrostdbolcnd webfont, sans-serif;
}

.columns {
  margin-top: 15px;
}

.column-3 {
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.columns-2 {
  height: 100%;
  min-height: 100%;
}

.column-4 {
  text-align: right;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.columns-3 {
  margin-top: 20px;
}

.columns-3.hide {
  display: none;
}

.column-7 {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.gallery {
  background-color: var(--lighter);
}

.gallery.hide {
  display: none;
}

.image-35 {
  min-width: 100%;
}

.album-title {
  direction: rtl;
  color: var(--untitled-ui-gray800);
  text-align: center;
  font-family: "29lt zarid sans semi", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1em;
  text-decoration: none;
}

.album-title.en {
  direction: ltr;
  font-family: Akzidgrostdbolcnd webfont, sans-serif;
  font-size: 19px;
}

.link-block-2 {
  border: 1px solid var(--warm-red);
  background-color: #fff;
  border-radius: 7px;
  min-width: 100%;
  padding: 17px;
  text-decoration: none;
}

.container-12 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.columns-4 {
  margin-bottom: 10px;
}

.columns-5 {
  margin-bottom: 20px;
}

.column-8 {
  margin-bottom: 10px;
}

.column-9, .column-10, .column-11, .column-12, .column-13, .column-14, .column-15, .column-16 {
  margin-bottom: 5px;
}

.image-36 {
  filter: drop-shadow(0 4px 10px #00000080);
}

.column-17 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.column-18 {
  justify-content: center;
  display: flex;
}

.image-38 {
  filter: none;
}

.column-20 {
  min-height: 100%;
}

.column-21 {
  text-align: center;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
}

.column-22 {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.column-23, .column-24 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.column-25, .column-26 {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
}

.column-27 {
  background-image: none;
  background-size: auto;
  justify-content: center;
  display: flex;
}

.column-28 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-41 {
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
}

.image-42 {
  align-self: center;
}

.section-19 {
  filter: none;
  background-image: radial-gradient(circle closest-corner, #fff0, #fff 64%), url('../images/img-background.png');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  background-attachment: scroll, scroll;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  min-height: 40vw;
  margin-top: 0;
  margin-bottom: 0;
  display: none;
  position: relative;
}

.container-19 {
  flex-flow: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-end;
  display: flex;
}

.container-20 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-43 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.paragraph-9 {
  color: #2b2b2b;
  text-align: justify;
  font-family: Dubaiw23, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.paragraph-9.ar {
  direction: rtl;
  color: #2b2b2b;
  text-align: justify;
}

.paragraph-9.bolder {
  font-weight: 400;
}

.columns-6 {
  margin-bottom: 25px;
}

.bold-text-8 {
  color: var(--brown);
}

.bold-text-9 {
  color: var(--brown);
  font-weight: 400;
}

.bold-text-10, .bold-text-11, .bold-text-12, .bold-text-13, .bold-text-14 {
  color: var(--brown);
}

.section-20 {
  filter: none;
  background-image: radial-gradient(circle closest-corner, #fff0, #fff 64%), url('../images/img-background.png');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  background-attachment: scroll, scroll;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  min-height: 40vw;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.section-20.hide {
  display: none;
}

.image-44 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.container-21 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bold-text-15 {
  color: var(--brown);
  font-family: Akzidgrostdxbolcnd webfont, sans-serif;
}

.bold-text-16 {
  color: var(--brown);
  font-family: Akzidgrostdxbolcnd webfont, sans-serif;
  font-weight: 400;
}

.bold-text-17, .bold-text-18, .bold-text-19, .bold-text-20, .bold-text-21 {
  color: var(--brown);
  font-family: Akzidgrostdxbolcnd webfont, sans-serif;
}

.div-block-50 {
  order: -1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-22 {
  align-self: center;
}

.div-block-51 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-51.flexed {
  border-top: 1px solid #acacac;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-52 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.column-30 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-46 {
  filter: none;
  border-radius: 15px;
}

.section-21, .section-divider {
  z-index: 10;
  background-image: url('../images/stripe53.png');
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: 500px;
  min-height: 50px;
  margin-top: -25px;
  margin-bottom: -25px;
  position: relative;
}

.container-23 {
  align-items: center;
  display: flex;
}

.div-block-53 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  display: flex;
}

.image-47 {
  filter: drop-shadow(0 4px 10px #0009);
}

.div-block-54 {
  position: absolute;
  inset: 0%;
}

.header-zayed-rashid {
  z-index: 4;
  background-image: linear-gradient(#ffffff80, #ffffff80), url('../images/img-background.png');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-height: 300px;
  margin-top: 0;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.image-48, .image-49, .image-50, .image-51, .image-52, .image-53 {
  margin-bottom: 20px;
}

.image-54 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.image-55 {
  margin-bottom: 20px;
}

.image-56 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.image-57, .image-58, .image-59 {
  margin-top: 20px;
}

.image-60, .image-61, .image-62, .image-63, .image-64, .image-65 {
  margin-bottom: 20px;
}

.image-66, .image-67, .image-68, .image-69, .image-70, .image-71 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.image-72, .image-73, .image-74, .image-75 {
  margin-bottom: 20px;
}

.link {
  font-weight: 400;
}

.text-span-8 {
  font-weight: 700;
}

.text-span-9 {
  font-family: Akzidgrostdextbol webfont, sans-serif;
  font-weight: 400;
}

.div-block-55 {
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 20px;
  display: flex;
}

.idivide {
  background-color: var(--lighter);
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.div-block-56 {
  flex-flow: column;
  display: flex;
}

.div-block-57 {
  flex-flow: column;
  align-items: flex-end;
  display: flex;
}

.text-span-10 {
  color: #b90000;
  font-family: Akzidgrostdbolcnd webfont, sans-serif;
  font-weight: 400;
}

.text-span-11 {
  color: #ac0000;
  font-weight: 700;
}

.container-30, .container-31 {
  flex: 1;
}

.column-31 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-33 {
  flex: 1;
}

.is-txt-small {
  color: #0a227d;
  margin-bottom: 0;
  font-size: .9rem;
  line-height: 1.4;
}

.timeline_dot {
  z-index: 1;
  border: 4px solid var(--darkgreen);
  background-color: var(--newred);
  border-radius: 99px;
  width: 24px;
  height: 24px;
  position: relative;
}

.timeline_progress-2 {
  z-index: 1;
  background-color: #ea4537;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 3px;
  height: 5%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto 50%;
  transform: translate(-50%);
}

.container-34 {
  width: 100%;
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
}

.is-h2 {
  color: #94bac7;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1;
}

.timeline_track {
  background-color: var(--lighter);
  flex-direction: column;
  align-items: center;
  width: 2px;
  height: 100%;
}

.is-h4 {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Akzidgrostdlig webfont, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
}

.is-h4.ar {
  direction: rtl;
  text-align: justify;
  align-self: stretch;
  font-family: "29lt zarid sans", sans-serif;
  font-weight: 500;
}

.timeline_grid {
  grid-column-gap: 1.5em;
  grid-row-gap: 0em;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr .25fr 1fr;
  width: 100%;
}

.timeline_progress-overlay-bottom {
  background-image: linear-gradient(#0a227d00, #0a227d);
  width: 6px;
  height: 4em;
  position: absolute;
  inset: auto 0% 0 47%;
}

.timeline_grid-wrap {
  position: relative;
}

.timeline_inner {
  grid-row-gap: 6em;
  flex-direction: column;
  display: flex;
}

.timeline_progress-overlay-top {
  z-index: 0;
  background-image: linear-gradient(#0a227d, #0a227d00);
  width: 6px;
  height: 2em;
  position: absolute;
  inset: 0% 0% auto -2px;
}

.timeline_track-wrap {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.page-padding-m {
  padding: 6em 14.72%;
}

.timeline_item {
  grid-row-gap: 1em;
  background-color: #94bac7;
  border-radius: .5em;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 1.9em;
  margin-bottom: 1.9em;
  padding: 2em;
  display: flex;
  box-shadow: 6px 6px #ea4537;
}

.timeline_item.is-1 {
  background-color: #fff;
}

.timeline-2 {
  position: relative;
}

.timeline_heading-wrap {
  grid-row-gap: 1em;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.content-to-hide, .div-to-hide {
  display: none;
}

.imagezayed {
  max-height: 50%;
}

.image-76 {
  border: 5px solid #fff;
  border-radius: 20px;
}

.maintitle {
  direction: rtl;
  color: var(--textcolor54);
  text-align: justify;
  max-width: 750px;
  margin-top: 20px;
  font-family: "29lt zarid sans", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4em;
}

.maintitle.en {
  direction: ltr;
  max-width: 750px;
  font-family: Akzidgrostdbolcnd, sans-serif;
  font-weight: 400;
}

.maintitle.en.normal {
  font-family: Akzidgrostdlig, sans-serif;
  font-weight: 400;
}

.background-header {
  z-index: -1;
  background-image: linear-gradient(#00000080, #00000080), url('../images/mainbg-1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  position: absolute;
  inset: 0%;
}

.grid-12 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  align-items: center;
}

.grid-12.ar {
  grid-column-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
}

.div-block-59 {
  background-color: #ffffff80;
  border: 1px solid #0000003d;
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 25px;
  display: flex;
}

.div-block-59.en {
  justify-content: flex-end;
  align-items: stretch;
  padding-left: 0;
  padding-right: 25px;
}

.div-block-60 {
  flex-flow: column;
  justify-content: flex-end;
  display: flex;
}

.insidepage-subtitle {
  direction: rtl;
  text-align: justify;
  font-family: "29lt zarid sans", sans-serif;
  font-size: 20px;
  line-height: 1.25em;
}

.insidepage-subtitle.white {
  color: var(--white);
  line-height: 1.4em;
}

.insidepage-subtitle.white.center {
  text-align: justify;
  max-width: 400px;
  font-family: "29lt zarid sans", sans-serif;
  font-weight: 500;
}

.insidepage-subtitle.en {
  direction: ltr;
}

.section-copy {
  width: 100vw;
  margin-bottom: 27px;
  padding: 8vw 12.5vw 13vw;
  overflow: hidden;
}

.section-copy.hidden {
  display: none;
}

.div-block-61 {
  background-image: url('../images/sahara.jpg');
  background-position: 50% 100%;
  background-size: cover;
  min-height: 75vh;
  position: absolute;
  inset: 0%;
}

.container-39 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
  position: relative;
}

.div-block-63 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-64 {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  min-height: 350px;
}

.div-block-65 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-40 {
  max-width: 500px;
}

.mainbtn {
  background-color: var(--new-beigh54);
  color: var(--res4);
  border-radius: 5px;
}

.mainbtn.ar {
  text-align: center;
  transform-style: preserve-3d;
  font-family: "29lt zarid sans semi", sans-serif;
  font-size: 18px;
  font-weight: 700;
  transition: all .25s;
}

.mainbtn.ar:hover {
  background-color: var(--res1);
  color: var(--new-beigh54);
  transform: scale3d(1.1, 1, 1);
}

.mbtn {
  border: 1px solid var(--beige-50);
  color: var(--new-beigh54);
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 20px;
  text-decoration: none;
}

.mbtn.ar {
  justify-content: center;
  align-items: center;
  font-family: "29lt zarid sans semi", sans-serif;
  font-size: 18px;
  display: flex;
}

.elem {
  margin-right: 20px;
}

.btntext.ar {
  font-family: "29lt zarid sans semi", sans-serif;
  font-size: 18px;
  font-weight: 700;
}

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

.image-77 {
  margin-bottom: 80px;
}

.button {
  z-index: 1;
  color: #000;
  text-align: center;
  letter-spacing: .8px;
  text-transform: uppercase;
  background-color: #2525321a;
  border: 1px #1111111a;
  border-radius: 2.5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px 30px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4em;
  text-decoration: none;
  transition: background-color .3s, color .3s, border .15s;
  display: flex;
  position: relative;
  bottom: 0;
  overflow: hidden;
}

.button:hover {
  color: #fff;
  background-color: #000;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-bottom-color: #1f20201a;
}

.button-label-2 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  inset: 0;
}

.button-25 {
  z-index: 1;
  color: #000;
  text-align: center;
  letter-spacing: .8px;
  text-transform: uppercase;
  background-color: #2525321a;
  border: 1px #ffffff1a;
  border-radius: 2.5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px 30px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4em;
  text-decoration: none;
  transition: background-color .3s, color .3s, border .15s;
  display: flex;
  position: relative;
  bottom: 0;
  overflow: hidden;
}

.button-25:hover {
  color: #fff;
  background-color: #000;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-bottom-color: #1f20201a;
}

.text-block {
  text-decoration: none;
}

.nav-link-2 {
  color: var(--res9);
}

.nav-link-2:hover {
  color: var(--res7);
}

.navlinker {
  background-color: var(--beige-50);
  letter-spacing: .05rem;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Akzidgrostdreg webfont, sans-serif;
  font-size: 14px;
  transition: background-color .3s cubic-bezier(.445, .05, .55, .95);
}

.navlinker:hover {
  background-color: var(--new-beigh54);
}

.navlinker.w--current {
  color: var(--res4);
}

.navlinker.ar {
  direction: rtl;
  color: var(--res4);
  text-align: justify;
  font-family: "29lt zarid sans semi", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 17px;
}

.navlinker.en {
  color: var(--res4);
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
}

.navlinker.btn {
  font-family: "29lt zarid sans semi", sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.navigation-arabic {
  z-index: 10001;
  box-shadow: none;
  background-color: #fff;
  align-items: center;
  padding: 10px 50px;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
}

.sub-title-english-main {
  color: var(--new-beigh54);
  text-align: justify;
  max-width: 525px;
  font-family: Akzidgrostdlig webfont, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
}

.sub-title-english-main.white {
  color: #fff;
}

.sub-title-english-main.white.centered {
  text-align: justify;
  max-width: 525px;
  font-family: Akzidgrostdlig, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.main-t-en {
  direction: rtl;
  color: var(--new-beigh54);
  text-align: left;
  text-transform: uppercase;
  align-self: flex-start;
  font-family: Akzidgrostdbolcnd webfont, sans-serif;
  font-weight: 400;
}

.main-t-en.white {
  direction: ltr;
  color: var(--white);
}

.main-t-en.en {
  direction: ltr;
  text-align: center;
  font-size: 32px;
  line-height: 35px;
}

.div-block-66, .div-block-67 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-span-12 {
  color: var(--res4);
  font-family: Akzidgrostdextbol webfont, sans-serif;
  font-size: 16px;
}

.outline-button-6 {
  color: #000;
  text-transform: uppercase;
  background-color: #fff0;
  border: 1px solid #f2e9e4;
  border-radius: 5px;
  align-self: flex-start;
  font-family: Akzidgrostdbolcnd webfont, sans-serif;
  font-weight: 700;
  transition: all .3s cubic-bezier(.445, .05, .55, .95);
}

.outline-button-6:hover {
  color: #fff;
  background-color: #000;
}

.surveytext {
  color: var(--res4);
}

.surveytext.ar {
  direction: rtl;
  color: var(--textcolor54);
  font-family: "29lt zarid sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.surveytext.ar.en {
  direction: ltr;
  font-family: Akzidgrostdbol webfont, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.link-block-3 {
  background-color: var(--res4);
  opacity: 1;
  border: 1px solid #f4eed73b;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 25px;
  padding: 20px;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all .25s;
  display: flex;
  box-shadow: 0 2px 16px -3px #0003;
}

.link-block-3:hover {
  background-image: linear-gradient(#6b2211, #6b2211);
}

.section-22 {
  z-index: 150;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
  position: fixed;
  inset: 95% 0% 0%;
}

.section-22.hide {
  display: none;
}

.survey-icon {
  margin-left: 15px;
}

.image-78 {
  margin-right: 15px;
}

.image-79 {
  margin-left: 15px;
}

.text-span-13 {
  font-family: Akzidgrostdxbolcnd, sans-serif;
  font-weight: 400;
}

.div-block-68 {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.div-block-69 {
  justify-content: flex-start;
  display: flex;
}

.twodivs {
  flex-flow: column;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.secondarytitle {
  color: #000;
  align-self: flex-start;
  font-family: Akzidgrostdbolcnd webfont, sans-serif;
  font-size: 25px;
  font-weight: 400;
}

.listenglish {
  align-self: stretch;
  padding-left: 20px;
  font-family: Akzidgrostdreg webfont, sans-serif;
  font-size: 14px;
}

.listenglish.big {
  font-size: 16px;
  line-height: 25px;
}

.image-80 {
  align-self: flex-start;
}

.grid-13 {
  grid-template-rows: auto;
  align-self: stretch;
}

.link-2 {
  font-family: Akzidgrostdxbolcnd, sans-serif;
  font-weight: 400;
}

.grid-14 {
  grid-template-rows: auto;
  align-self: stretch;
}

.secondheadingarabic {
  direction: rtl;
  align-self: stretch;
  font-family: "29lt zarid sans", sans-serif;
  font-size: 25px;
}

.image-81 {
  align-self: flex-end;
}

.listarabic {
  direction: rtl;
  padding-left: 0;
  padding-right: 20px;
  font-family: "29lt zarid sans", sans-serif;
  font-weight: 400;
}

.list-item {
  font-size: 18px;
  line-height: 25px;
}

.grid-craft {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.crafts-title {
  direction: rtl;
  color: #000;
  margin-top: 0;
  font-family: "29lt zarid sans", sans-serif;
  font-size: 25px;
}

.crafted {
  background-color: var(--res7);
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  display: flex;
}

.image-82, .image-83, .image-84, .image-85, .image-86, .image-87, .image-88 {
  border-radius: 15px;
}

.grid-craft-english {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.link-block-4 {
  align-self: stretch;
}

.arabiclink {
  direction: rtl;
  color: var(--res4);
  margin-bottom: 20px;
  font-family: "29lt zarid sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
}

.div-block-70 {
  flex-flow: column;
  align-self: stretch;
  display: flex;
}

.image-89, .image-90, .image-91, .image-92, .image-93, .image-94, .image-95, .image-96, .image-97, .image-98, .image-99, .image-100, .image-101, .image-102, .image-103, .image-104, .image-105, .oldcurrency {
  align-self: flex-end;
}

.divided {
  background-color: var(--res4);
  align-self: stretch;
  height: 1px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.toptext {
  color: var(--res1);
}

.toptext.ar {
  font-family: "29lt zarid sans", sans-serif;
  font-size: 20px;
  text-decoration: none;
}

.link-block-5 {
  border: 1px solid var(--res4);
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 10px 19px;
  text-decoration: none;
}

.linktextenglish {
  color: var(--res4);
  text-align: justify;
  margin-bottom: 20px;
  font-family: Akzidgrostdmed, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  text-decoration: none;
}

.text-span-14 {
  font-family: Akzidgrostdmed webfont, sans-serif;
  font-weight: 400;
}

.text-span-15, .text-span-16 {
  font-family: Akzidgrostdmed webfont, sans-serif;
}

.text-span-17, .text-span-18, .text-span-19, .text-span-20, .text-span-21, .text-span-22, .text-span-23 {
  font-family: Akzidgrostdmed, sans-serif;
}

.image-106 {
  text-align: center;
}

.div-block-71, .div-block-72 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-73 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.section-23 {
  background-color: #0079c0;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  display: flex;
}

@media screen and (min-width: 1920px) {
  .nav-menu-content-block {
    display: block;
  }

  .sheikhtitle.ar {
    margin-right: 125px;
  }

  .sheikhtitle.ar.new {
    margin-right: 0;
  }

  .subtitlesheikh.ar {
    margin-right: 125px;
  }

  .subtitlesheikh.ar.new {
    margin-right: 0;
  }

  .lottie-animation-6 {
    display: none;
  }

  .cover-image.image-2 {
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .section-12.cc-cta {
    padding-bottom: 0;
  }

  .container {
    margin-bottom: 50px;
  }

  .grid-8 {
    grid-row-gap: 1px;
  }

  .div-block-25 {
    flex-direction: column;
    align-items: flex-end;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .div-block-26 {
    background-image: url('../images/pr6.jpg');
    background-position: 50%;
    background-size: cover;
  }

  .div-block-27 {
    background-image: url('../images/pr8.jpg');
    background-position: 50%;
    background-size: cover;
  }

  .div-block-28 {
    background-image: url('../images/Hydroelectric-Power-Station-_-photo-2.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .bodysection {
    background-color: #fff;
  }

  .listitem.ar.dewa {
    color: #03854a;
  }

  .listitem.dewa {
    color: #006b07;
  }

  .lottie-animation-8 {
    display: none;
  }

  .div-block-40 {
    display: flex;
  }

  .div-block-41 {
    align-self: center;
    margin-left: 49px;
  }

  .ruler-container {
    border-color: var(--new-beigh54);
    background-image: linear-gradient(180deg, var(--new-beigh54), #ffffff80 43%);
  }

  .ruler-container.ar {
    background-image: linear-gradient(180deg, var(--old-lace), white 43%);
  }

  .main-header {
    background-image: url('../images/border-visual.png'), url('../images/border-visual.png');
    background-position: 120% 120%, -20% -25%;
    background-repeat: no-repeat, no-repeat;
    background-size: 600px, 600px;
  }

  .quote-section {
    background-color: var(--lightgreen);
  }

  .container-11 {
    background-image: none;
  }

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

  .lines-animated {
    object-fit: fill;
    overflow: hidden;
  }

  .divider.dark {
    background-color: var(--lighter);
  }

  .divider.green {
    background-color: var(--newgreen);
  }

  .ourunion {
    background-color: var(--lighter);
  }

  .div-block-45 {
    background-image: url('../images/53-shadow.svg');
  }

  .colored-block {
    background-image: url('../images/boated.png'), linear-gradient(to bottom, var(--lighter), var(--lighter));
    background-position: 0 100%, 0 0;
    background-repeat: no-repeat, repeat;
  }

  .colored-block-2 {
    background-image: url('../images/strip-v.png'), linear-gradient(to bottom, var(--newgreen), var(--newgreen));
    background-position: 50% 100%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: contain, auto;
  }

  .div-block-46-copy {
    background-position: 50% 25%;
  }

  .section-18 {
    background-color: var(--res9);
  }

  .future {
    background-color: var(--purple);
  }

  .heritage {
    background-color: var(--lightgreen);
  }

  .competition {
    background-color: var(--res8);
  }

  .currency {
    background-color: var(--res8);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .cell-15 {
    align-items: flex-end;
  }

  .cell-16 {
    background-image: url('../images/towards-sustainable-tomorrow.svg');
    background-position: 50%;
    background-size: 150px;
    align-items: center;
  }

  .cell-15-copy {
    align-items: center;
  }

  .maincurrencies {
    background-color: var(--res7);
  }

  .newcurrencies {
    background-color: var(--darkgreen);
  }

  .cell-16-copy {
    background-image: none;
    background-size: auto;
    align-items: flex-start;
  }

  .cell-15-copy-copy {
    align-items: flex-end;
  }

  .gallery {
    background-color: var(--lighter);
  }

  .section-19 {
    background-size: cover;
  }

  .columns-6 {
    margin-bottom: 25px;
  }

  .bold-text-8, .bold-text-9, .bold-text-10, .bold-text-11, .bold-text-12, .bold-text-13, .bold-text-14 {
    color: var(--brown);
  }

  .section-20 {
    background-size: cover;
  }

  .div-block-53 {
    display: flex;
  }

  .background-header {
    inset: 0%;
  }

  .body-4 {
    background-color: var(--untitled-ui-white);
  }

  .crafted {
    background-color: var(--res7);
  }
}

@media screen and (max-width: 991px) {
  .grid.topspace {
    margin-bottom: 40px;
  }

  .navigation {
    padding: 25px 30px;
  }

  .menu-icon {
    display: block;
  }

  .nav-link {
    color: #fff;
    border-radius: 0;
    width: 100%;
    max-width: 1200px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 35px;
  }

  .nav-link:hover {
    color: #fff;
    background-color: #000;
  }

  .nav-link.color:hover, .nav-link.dropdown-toggle {
    color: #fff;
  }

  .nav-link.color {
    color: #000;
    border-radius: 60px;
    padding-left: 25px;
  }

  .nav-link.color:hover {
    color: #fff;
  }

  .dropdown-link-2 {
    padding-left: 35px;
  }

  .dropdown {
    width: 100%;
    max-width: 1500px;
  }

  .right-nav-menu {
    z-index: 2000;
  }

  .dropdown-list.w--open {
    border-radius: 0;
    margin-top: 0;
    box-shadow: 0 0 #0000;
  }

  .menu-button-2 {
    margin-right: 20px;
  }

  .section-3 {
    display: none;
  }

  .paragraph.nopadding {
    display: block;
  }

  .info-text.ar {
    display: none;
  }

  .sheikhtitle.ar {
    margin-top: 0;
  }

  .subtitlesheikh.ar.en {
    text-align: center;
  }

  .div-block-3, .videos {
    min-height: 50vh;
  }

  .div-block-4 {
    height: 50vh;
  }

  .image-6 {
    display: none;
  }

  .section-4 {
    margin-top: 8vw;
    padding-left: 10px;
    padding-right: 10px;
  }

  .whyhattatext {
    display: none;
  }

  .accomplishment-section {
    align-items: center;
    display: flex;
  }

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

  .cover-image.image-2 {
    background-position: 0 0, 50% 100%;
  }

  .padding {
    padding: 20px;
  }

  .cover-wrapper {
    min-height: 50vh;
    padding: 60px 10px 10px;
  }

  .grid-7 {
    display: none;
  }

  .quizimg {
    width: 500px;
  }

  .section-12.cc-cta {
    padding-left: 0;
    padding-right: 0;
  }

  .cta-text {
    width: auto;
  }

  .horizontal {
    flex-direction: column;
  }

  .div-block-22.inner-space {
    padding-left: 30px;
    padding-right: 30px;
  }

  .cta-wrap {
    width: auto;
    padding: 80px 50px 90px;
  }

  .image-12-copy {
    width: 500px;
  }

  .div-block-23 {
    flex-direction: column;
  }

  .div-block-25 {
    padding-bottom: 15px;
  }

  .div-block-26, .div-block-27 {
    min-height: 150px;
  }

  .image-10 {
    display: none;
  }

  .dreamers-grid {
    grid-template-rows: auto auto auto auto;
  }

  .content-div {
    padding-top: 18px;
    padding-bottom: 1px;
  }

  .ruler-title {
    text-align: center;
    margin-bottom: 20px;
  }

  .ruler-title.ar {
    margin-bottom: 10px;
  }

  .ruler-title.ar.subtitle {
    margin-bottom: 20px;
    line-height: 25px;
  }

  .image-26 {
    margin-bottom: 30px;
  }

  .image-container {
    margin-right: 0;
  }

  .ruler-container {
    background-image: linear-gradient(180deg, var(--new-beigh54), white 43%);
    flex-direction: column;
    align-items: center;
  }

  .ruler-container.ar {
    flex-flow: column;
  }

  .floating-image {
    display: none;
  }

  .menu-icon_line-bottom {
    background-color: var(--untitled-ui-gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle {
    background-color: var(--untitled-ui-gray700);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-top {
    background-color: var(--untitled-ui-gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_component {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .uui-navbar01_menu-button.w--open {
    background-color: #0000;
  }

  .hide-tablet {
    display: none;
  }

  .uui-button-secondary-gray.show-tablet, .show-tablet {
    display: block;
  }

  .uui-navbar01_button-wrapper {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .uui-navbar01_menu-right {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 7rem;
  }

  .uui-navbar01_link {
    color: var(--untitled-ui-gray900);
    width: 100%;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .uui-navbar01_link:hover {
    color: var(--untitled-ui-gray900);
  }

  .uui-navbar01_dropdown-right-overlay-absolute {
    border-radius: .5rem;
    min-width: 100%;
  }

  .uui-navbar01_dropdown-content-button-wrapper {
    margin-bottom: 0;
    margin-left: 0;
  }

  .uui-navbar01_large-item-content {
    width: 100%;
  }

  .uui-navbar01_blog-item {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar01_blog-item:hover {
    background-color: #0000;
  }

  .uui-navbar01_dropdown-blog-list {
    width: 100%;
  }

  .uui-navbar01_dropdown-content-heading {
    margin-bottom: 0;
    margin-left: 0;
  }

  .uui-navbar01_dropdown-content-right {
    align-items: flex-start;
    max-width: none;
    padding-left: 2rem;
    padding-right: 2rem;
    overflow: hidden;
  }

  .uui-navbar01_dropdown-link {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar01_dropdown-link:hover {
    background-color: #0000;
  }

  .uui-navbar01_dropdown-content-left {
    align-content: start;
    align-items: start;
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar01_dropdown-content {
    flex-direction: column;
  }

  .uui-navbar01_dropdown-list {
    position: relative;
    overflow: hidden;
  }

  .uui-navbar01_dropdown-list.w--open {
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    min-width: auto;
    margin-bottom: 1.5rem;
    padding: 0 0 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .uui-dropdown-icon {
    color: var(--untitled-ui-gray500);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .uui-navbar01_dropdown-toggle {
    color: var(--untitled-ui-gray900);
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .uui-navbar01_dropdown-toggle:hover {
    color: var(--untitled-ui-gray900);
  }

  .uui-navbar01_menu-dropdown {
    width: 100%;
    position: relative;
  }

  .uui-navbar01_menu-left {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: var(--untitled-ui-gray900);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-navbar01_menu {
    border-top: 1px solid var(--untitled-ui-gray100);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .main-header, .container-11 {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .lines-animated, .div-block-45 {
    display: none;
  }

  .quick-stack-3 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .div-block-47.rulers {
    flex-flow: column;
  }

  .colored-block, .colored-block-2 {
    display: none;
  }

  .section-19, .section-20 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-50 {
    flex-flow: column;
  }

  .div-block-51 {
    justify-content: space-between;
  }

  .container-23 {
    flex-flow: column;
    justify-content: flex-start;
  }

  .div-block-53 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .page-padding-m {
    padding-left: 4%;
    padding-right: 4%;
  }

  .body-4 {
    background-color: var(--new-beigh54);
  }

  .navigation-arabic {
    padding: 25px 30px;
  }
}

@media screen and (max-width: 767px) {
  .section {
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .grid {
    grid-template-rows: auto auto auto auto auto auto;
  }

  .grid.topspace.morespace {
    margin-bottom: 92px;
  }

  .navigation {
    padding: 20px 30px;
  }

  .app-store-link-button {
    margin-left: 2px;
    margin-right: 2px;
  }

  .nav-link, .dropdown-link-2 {
    padding-left: 25px;
  }

  .logo {
    height: 30px;
    margin-top: 10px;
  }

  .logo.responsive-menu {
    height: 50px;
  }

  .logo-block.no-menu {
    padding-top: 10px;
  }

  .right-nav-menu {
    width: 80%;
    padding: 20px;
  }

  .menu-button-2 {
    text-align: center;
    width: 50px;
    height: 50px;
    padding-top: 13px;
    padding-left: 0;
    padding-right: 0;
  }

  .section-3 {
    display: none;
  }

  .sheikhtitle.ar {
    margin-top: 0;
  }

  .outline-button.spaced.sheikhs, .outline-button.sheikhs {
    align-self: center;
  }

  .padding {
    padding-left: 0;
    padding-right: 0;
  }

  .section-12 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .section-12.cc-cta {
    padding: 15px;
  }

  .cta-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }

  .container {
    text-align: center;
  }

  .paragraph-bigger {
    font-size: 16px;
    line-height: 28px;
  }

  .heading-jumbo-small, .heading-jumbo-small-2 {
    font-size: 30px;
    line-height: 52px;
  }

  .image-11 {
    max-width: 50%;
  }

  .div-block-38 {
    min-height: 300px;
  }

  .section-14 {
    padding-left: 28px;
    padding-right: 28px;
  }

  .content-div {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .div-block-40 {
    padding: 20px;
  }

  .image-container {
    margin-right: 0;
  }

  .bold-text-4 {
    font-size: 30px;
  }

  .uui-button {
    font-size: 1rem;
  }

  .uui-button:hover {
    border-color: var(--untitled-ui-primary600);
    background-color: var(--untitled-ui-primary600);
  }

  .uui-button-tertiary-gray:hover {
    color: var(--untitled-ui-gray600);
    background-color: #0000;
  }

  .uui-button-secondary-gray {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray:hover {
    background-color: var(--untitled-ui-white);
    color: var(--untitled-ui-gray700);
  }

  .uui-navbar01_link, .uui-button-link {
    font-size: 1rem;
  }

  .uui-button-link:hover {
    color: var(--untitled-ui-primary700);
  }

  .uui-button-row {
    align-self: stretch;
  }

  .uui-text-size-small.hide-mobile-landscape {
    display: none;
  }

  .uui-navbar01_blog-item {
    grid-column-gap: 1rem;
    grid-template-columns: .6fr 1fr;
  }

  .uui-navbar01_dropdown-content-right {
    padding: 1.5rem 1rem;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .uui-badge-small-success {
    padding: .125rem .5rem;
  }

  .uui-navbar01_dropdown-link-list {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .uui-navbar01_dropdown-content-left {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
  }

  .uui-navbar01_dropdown-toggle {
    font-size: 1rem;
  }

  .uui-navbar01_menu {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-styleguide_logomark-bg {
    background-image: url('../images/untitled-ui-logomark.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .uui-navbar01_component {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .main-header {
    height: 100vh;
    margin-bottom: -130px;
  }

  .container-10 {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    margin-top: 130px;
  }

  .container-10.head {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .quote-section.ar.main {
    height: 215vh;
  }

  .quote-section.english {
    height: 130vh;
  }

  .image-30 {
    margin-bottom: 10px;
  }

  .union-creators {
    padding-left: 20px;
    padding-right: 20px;
  }

  .our-rulers.green {
    background-image: linear-gradient(to bottom, var(--res9), var(--res9)), linear-gradient(to bottom, #00000080, #00000080), url('../images/mainbg-1.jpg');
    background-position: 0 0, 0 0, 0 0;
    background-size: auto, auto, auto;
    background-attachment: scroll, scroll, fixed;
  }

  .div-block-46-copy {
    margin-top: 10px;
  }

  .section-18 {
    padding-top: 41px;
    padding-bottom: 41px;
  }

  .future, .heritage {
    min-height: 75vh;
  }

  .maincurrencies {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .column, .column-2 {
    text-align: center;
    margin-bottom: 10px;
  }

  .column-5, .column-6, .image-36, .column-17, .column-18, .column-19, .image-37, .image-38, .image-39, .image-40, .column-21, .column-22, .column-23, .column-24 {
    text-align: center;
  }

  .container-13, .container-14, .container-15, .container-16, .container-17, .container-18 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .column-26, .column-30 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .header-zayed-rashid {
    min-height: 250px;
  }

  .container-24, .container-25, .container-26, .container-27, .container-28, .container-29 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-32 {
    padding-left: 17px;
    padding-right: 17px;
  }

  .timeline_dot {
    width: 20px;
    height: 20px;
  }

  .timeline_progress-2 {
    inset: 0% auto auto 2.5em;
  }

  .is-h2 {
    font-size: 2rem;
  }

  .is-h4 {
    font-size: 1.5rem;
  }

  .timeline_grid {
    grid-template-columns: 5em 1fr;
    display: none;
  }

  .timeline_progress-overlay-bottom {
    background-image: linear-gradient(#0a227d00, #0a227d 59%);
    height: 4em;
  }

  .timeline_progress-overlay-top {
    background-image: linear-gradient(#0a227d 18%, #0a227d00);
  }

  .page-padding-m {
    padding-left: 3.5%;
    padding-right: 3.5%;
  }

  .timeline_item-wrap.is-hidden-mobile, .timeline-2 {
    display: none;
  }

  .content-to-hide {
    display: block;
  }

  .container-35 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .div-to-hide {
    display: block;
  }

  .container-36 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-37 {
    padding-left: 19px;
    padding-right: 19px;
  }

  .container-38 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .maintitle.en.normal {
    max-width: 600px;
  }

  .section-copy {
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .image-77 {
    opacity: 0;
  }

  .navigation-arabic {
    padding: 20px 30px;
  }

  .surveytext.ar {
    overflow: hidden;
  }

  .surveytext.ar.en {
    font-size: 12px;
    overflow: hidden;
  }

  .link-block-3 {
    justify-content: flex-start;
    align-items: center;
    width: 50px;
    height: 50px;
    padding: 10px;
  }

  .link-block-3.ar {
    justify-content: flex-end;
    align-items: center;
  }

  .section-22 {
    top: 90%;
  }

  .crafted, .section-23 {
    min-height: 75vh;
  }

  .div-block-74 {
    display: none;
  }

  .div-block-75 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .container-32-copy {
    padding-left: 17px;
    padding-right: 17px;
  }

  .div-block-76 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-77 {
    flex: 1;
    align-self: center;
  }

  .div-block-78, .div-block-79 {
    max-width: 65%;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 479px) {
  .section {
    padding-left: 1vw;
    padding-right: 1vw;
    display: none;
  }

  .cloumn-w {
    padding-right: 10px;
  }

  .navigation {
    padding-left: 20px;
    padding-right: 20px;
  }

  .app-store-button {
    height: 35px;
  }

  .logo {
    margin-top: 5px;
  }

  .logo.responsive-menu {
    height: 40px;
  }

  .nav-menu-content-block {
    margin-top: 20px;
    padding: 10px;
  }

  .logo-block.no-menu {
    margin-bottom: 10px;
  }

  .menu-button-2 {
    text-align: center;
    width: 40px;
    height: 40px;
    margin-top: 2px;
    padding-top: 8px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-3 {
    min-height: 25vh;
    display: none;
  }

  .videos {
    height: 25px;
    min-height: 25vh;
  }

  .div-block-4 {
    height: 28vh;
  }

  .main-title.ar.en.sh {
    font-size: 28px;
  }

  .heading-3 {
    font-size: 45px;
    line-height: 50px;
  }

  .heading-3.ar {
    font-size: 35px;
  }

  .heading-5-copy.ar {
    font-size: 20px;
  }

  .partner.ar {
    font-size: 18px;
  }

  .heading-5.ar {
    font-size: 20px;
  }

  .cta-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .heading-jumbo-small, .heading-jumbo-small-2 {
    font-size: 28px;
    line-height: 35px;
  }

  .section-copy {
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .content-div {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .hero-main-title.ar {
    font-size: 25px;
  }

  .hero-main-title.ar.small {
    font-size: 20px;
    line-height: 25px;
  }

  .hero-main-title.ar.small.colored {
    font-size: 20px;
    line-height: 22px;
  }

  .image-container {
    margin-right: 0;
  }

  .div-block-44 {
    display: none;
  }

  .bold-text-4 {
    line-height: 35px;
  }

  .logoanimationimg {
    margin-top: 0;
  }

  .uui-navbar01_large-item-content {
    margin-top: 1rem;
  }

  .uui-navbar01_blog-item {
    flex-direction: column;
    display: flex;
  }

  .uui-navbar01_dropdown-blog-list {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .uui-navbar01_dropdown-link {
    padding-left: 0;
  }

  .uui-navbar01_dropdown-content-left {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .main-header {
    height: 100vh;
    padding-left: 25px;
    padding-right: 25px;
  }

  .deers {
    display: none;
  }

  .quote-section {
    height: 170vh;
  }

  .quote-arabic {
    font-size: 18px;
  }

  .quote-sheikh {
    font-size: 20px;
  }

  .container-11 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-11.en {
    padding-left: 14px;
    padding-right: 14px;
  }

  .image-30 {
    border-width: 2px;
    border-color: var(--new-beigh54);
    max-width: 50%;
    margin-bottom: 10px;
  }

  .ourunion {
    min-height: 100vh;
    padding-left: 20px;
    padding-right: 20px;
  }

  .maintitle--arabic.center {
    font-size: 30px;
    line-height: 35px;
  }

  .outline-button-3.spaced {
    text-align: center;
  }

  .div-block-47 {
    flex-flow: wrap;
  }

  .founding-fathers {
    padding-left: 20px;
    padding-right: 20px;
  }

  .our-rulers {
    min-height: 50vh;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .our-rulers.en {
    padding-bottom: 20px;
  }

  .div-block-46-copy {
    margin-top: 11px;
  }

  .section-18 {
    height: 50vh;
  }

  .future, .heritage, .competition {
    min-height: 75vh;
  }

  .english-quote {
    font-size: 18px;
  }

  .quote-sheikh-english {
    font-size: 20px;
  }

  .column, .column-2 {
    text-align: center;
    margin-bottom: 10px;
  }

  .image-39 {
    max-width: 75%;
  }

  .column-28, .column-29 {
    text-align: center;
  }

  .image-41 {
    max-width: 50%;
  }

  .header-zayed-rashid {
    min-height: 200px;
  }

  .timeline_dot {
    width: 1.2rem;
    height: 1.2rem;
  }

  .timeline_progress-2 {
    left: 2em;
  }

  .is-h2 {
    font-size: 2rem;
  }

  .is-h4 {
    font-size: 1.5rem;
  }

  .timeline_grid {
    grid-column-gap: 1em;
    grid-template-columns: 4em 1fr;
  }

  .page-padding-m {
    padding-left: 4%;
    padding-right: 4%;
  }

  .timeline-2 {
    min-height: 120em;
    overflow: hidden;
  }

  .div-block-58 {
    display: none;
  }

  .section-copy {
    padding-left: 1vw;
    padding-right: 1vw;
    display: none;
  }

  .image-77 {
    opacity: 0;
    max-width: 50%;
  }

  .navigation-arabic {
    padding-left: 20px;
    padding-right: 20px;
  }

  .crafted {
    min-height: 75vh;
  }
}

#w-node-_5f9821b0-b5eb-a93e-05bd-3da52d14ba67-14ce2bb1 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_8ce0c0b4-9214-2fd0-61df-dff3f06cd956-14ce2c40 {
  grid-area: 1 / 1 / 3 / 2;
  place-self: center;
}

#w-node-_8ce0c0b4-9214-2fd0-61df-dff3f06cd961-14ce2c40 {
  grid-area: 5 / 3 / 7 / 4;
  justify-self: center;
}

#w-node-_8ce0c0b4-9214-2fd0-61df-dff3f06cd96c-14ce2c40 {
  grid-area: 8 / 3 / 10 / 4;
  justify-self: center;
}

#w-node-_8ce0c0b4-9214-2fd0-61df-dff3f06cd977-14ce2c40 {
  grid-area: 7 / 1 / 9 / 2;
  justify-self: center;
}

#w-node-_8ce0c0b4-9214-2fd0-61df-dff3f06cd982-14ce2c40 {
  grid-area: 4 / 1 / 6 / 2;
  justify-self: center;
}

#w-node-_8ce0c0b4-9214-2fd0-61df-dff3f06cd98d-14ce2c40 {
  grid-area: 2 / 3 / 4 / 4;
  place-self: end center;
}

#w-node-_8ce0c0b4-9214-2fd0-61df-dff3f06cd99a-14ce2c40 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-_8ce0c0b4-9214-2fd0-61df-dff3f06cd99b-14ce2c40 {
  grid-area: 2 / 2 / 22 / 3;
  place-self: center;
}

#w-node-_8ce0c0b4-9214-2fd0-61df-dff3f06cd99c-14ce2c40 {
  grid-area: 11 / 3 / 13 / 4;
  justify-self: center;
}

#w-node-_8ce0c0b4-9214-2fd0-61df-dff3f06cd9a7-14ce2c40 {
  grid-area: 10 / 1 / 12 / 2;
  justify-self: center;
}

#w-node-_8ce0c0b4-9214-2fd0-61df-dff3f06cd9b2-14ce2c40 {
  grid-area: 13 / 1 / 15 / 2;
  justify-self: center;
}

#w-node-_8ce0c0b4-9214-2fd0-61df-dff3f06cd9bd-14ce2c40 {
  grid-area: 14 / 3 / 16 / 4;
  justify-self: center;
}

#w-node-_8ce0c0b4-9214-2fd0-61df-dff3f06cd9c8-14ce2c40 {
  grid-area: 16 / 1 / 18 / 2;
  justify-self: center;
}

#w-node-_8ce0c0b4-9214-2fd0-61df-dff3f06cd9d3-14ce2c40 {
  grid-area: 17 / 3 / 19 / 4;
  justify-self: center;
}

#w-node-d26fb01c-b275-970d-b346-81541677394e-14ce2c41 {
  grid-area: 1 / 1 / 3 / 2;
  place-self: center;
}

#w-node-d26fb01c-b275-970d-b346-815416773959-14ce2c41 {
  grid-area: 5 / 3 / 7 / 4;
  justify-self: center;
}

#w-node-d26fb01c-b275-970d-b346-815416773964-14ce2c41 {
  grid-area: 8 / 3 / 10 / 4;
  justify-self: center;
}

#w-node-d26fb01c-b275-970d-b346-81541677396f-14ce2c41 {
  grid-area: 7 / 1 / 9 / 2;
  justify-self: center;
}

#w-node-d26fb01c-b275-970d-b346-81541677397a-14ce2c41 {
  grid-area: 4 / 1 / 6 / 2;
  justify-self: center;
}

#w-node-d26fb01c-b275-970d-b346-815416773985-14ce2c41 {
  grid-area: 2 / 3 / 4 / 4;
  place-self: end center;
}

#w-node-d26fb01c-b275-970d-b346-815416773993-14ce2c41 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-d26fb01c-b275-970d-b346-815416773994-14ce2c41 {
  grid-area: 2 / 2 / 22 / 3;
  place-self: center;
}

#w-node-d26fb01c-b275-970d-b346-815416773995-14ce2c41 {
  grid-area: 11 / 3 / 13 / 4;
  justify-self: center;
}

#w-node-d26fb01c-b275-970d-b346-8154167739a0-14ce2c41 {
  grid-area: 10 / 1 / 12 / 2;
  justify-self: center;
}

#w-node-d26fb01c-b275-970d-b346-8154167739ab-14ce2c41 {
  grid-area: 13 / 1 / 15 / 2;
  justify-self: center;
}

#w-node-d26fb01c-b275-970d-b346-8154167739b6-14ce2c41 {
  grid-area: 14 / 3 / 16 / 4;
  justify-self: center;
}

#w-node-d26fb01c-b275-970d-b346-8154167739c1-14ce2c41 {
  grid-area: 16 / 1 / 18 / 2;
  justify-self: center;
}

#w-node-d26fb01c-b275-970d-b346-8154167739cc-14ce2c41 {
  grid-area: 17 / 3 / 19 / 4;
  justify-self: center;
}

#w-node-_4c648dc7-9183-abbf-da72-4a9763cd8042-14ce2c42 {
  grid-area: 1 / 4 / 3 / 6;
  align-self: center;
}

#w-node-cd4741d5-ab0f-ba2b-0f85-e61649270c7d-14ce2c42 {
  grid-area: 1 / 2 / 2 / 4;
  place-self: center;
}

#w-node-_9ded2554-8301-3e6c-3070-5955d9f0ab3f-14ce2c43 {
  grid-area: 1 / 4 / 3 / 6;
  align-self: center;
}

#w-node-_9329278f-ca70-721c-61dd-c71ab44f1cee-14ce2c43 {
  grid-area: 1 / 2 / 2 / 4;
  place-self: center;
}

#w-node-_4c648dc7-9183-abbf-da72-4a9763cd8042-14ce2c5e {
  grid-area: 1 / 4 / 3 / 6;
  align-self: center;
}

#w-node-_380aa555-23f2-5f45-ecd5-00376120100a-14ce2c5e {
  grid-area: 1 / 2 / 3 / 4;
  justify-self: center;
}

#w-node-_9ded2554-8301-3e6c-3070-5955d9f0ab3f-14ce2c71 {
  grid-area: 1 / 4 / 3 / 6;
  align-self: center;
}

#w-node-fa784c9b-819f-3af9-297e-8a7a9c40968e-14ce2c71 {
  grid-area: 1 / 2 / 3 / 4;
  justify-self: center;
}

#w-node-_5f9821b0-b5eb-a93e-05bd-3da52d14ba67-14ce2c73 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_54010763-758a-d41e-92dd-f541532029f6-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f541532029f7-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f541532029f9-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f541532029ff-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a05-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a07-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a08-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a09-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a0b-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a11-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a17-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a19-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a1a-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a1b-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a1d-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a23-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a29-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a2b-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a2c-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a2d-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a2f-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a35-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a3b-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a3d-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a3e-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a3f-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a41-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a47-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a4d-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a4f-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a50-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a51-14ce2c78, #w-node-_54010763-758a-d41e-92dd-f54153202a54-14ce2c78, #w-node-_93e4aa60-efb6-cbf6-4469-c25d6092e0fc-14ce2c79, #w-node-_93e4aa60-efb6-cbf6-4469-c25d6092e0fd-14ce2c79, #w-node-_93e4aa60-efb6-cbf6-4469-c25d6092e0ff-14ce2c79, #w-node-_93e4aa60-efb6-cbf6-4469-c25d6092e105-14ce2c79, #w-node-_93e4aa60-efb6-cbf6-4469-c25d6092e10b-14ce2c79, #w-node-_93e4aa60-efb6-cbf6-4469-c25d6092e10d-14ce2c79, #w-node-_93e4aa60-efb6-cbf6-4469-c25d6092e10e-14ce2c79, #w-node-d6c45fca-a206-6acf-6ece-847672a8366b-14ce2c79, #w-node-_93e4aa60-efb6-cbf6-4469-c25d6092e112-14ce2c79, #w-node-_10288b69-42df-4f33-7808-63ff2421da4b-14ce2c79, #w-node-_176301c8-5fce-89ab-58aa-772612bc3874-14ce2c79, #w-node-_8c9750bb-3791-be80-bd9e-8323e1b7da03-14ce2c79, #w-node-_0f1b99e7-033b-d501-b4bd-220cc440d83a-14ce2c79, #w-node-_1fe9bc1f-64e9-82ae-7935-9d6901b73c4f-14ce2c79, #w-node-_6999546c-ff18-944a-e012-1e3907f0063b-14ce2c79, #w-node-b9643864-3df6-0646-3f5b-3d0da9cef564-14ce2c79, #w-node-bc9c8d4c-a94d-c0c3-5c27-c071a238df70-14ce2c79, #w-node-_670c1399-82eb-458e-f397-e0da129a25ca-14ce2c79, #w-node-_9de35b9c-83bd-b881-429a-967aec0ea185-14ce2c79, #w-node-_5bb08010-921e-5f25-a579-7980939f0ad9-14ce2c79, #w-node-bb951787-f1c1-3f77-536f-dc601975fd13-14ce2c79, #w-node-f39b1a35-cbb5-6785-61e3-beb59afe2382-14ce2c79, #w-node-_0c243fbd-663c-f031-656a-b980a69d175d-14ce2c79, #w-node-_2c10722b-cb13-2f13-6791-1bff43fd22d9-14ce2c79, #w-node-f954cb56-a0e9-f269-305c-448eb7f81e66-14ce2c79, #w-node-_864b385f-4023-e07c-5c56-7556a61436c1-14ce2c79, #w-node-fe41236f-16b8-5d5c-b19c-155fb9295a01-14ce2c79, #w-node-_663ba7a1-e0a7-3e51-34af-ad0bf1cc6b1a-14ce2c79, #w-node-eb72e002-3ed8-c209-3ea3-3718afe3e127-14ce2c79, #w-node-_6793fcd4-5b60-baac-0831-668f6b75fd39-14ce2c79, #w-node-_36559325-294b-322f-c8ad-48871d69fc55-14ce2c79, #w-node-ff9798b6-f72d-17bd-4bbf-446718639c9c-14ce2c79, #w-node-d8025ad9-1ddb-5991-d5cf-da0a3b607a0e-14ce2c79 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5aa14938-75e7-ff53-33b0-f46785f9bfb6-43457546, #w-node-_5aa14938-75e7-ff53-33b0-f46785f9bfc8-43457546, #w-node-_5aa14938-75e7-ff53-33b0-f46785f9bfda-43457546, #w-node-_5aa14938-75e7-ff53-33b0-f46785f9bfec-43457546, #w-node-_5aa14938-75e7-ff53-33b0-f46785f9bffe-43457546, #w-node-_5aa14938-75e7-ff53-33b0-f46785f9c00f-43457546, #w-node-_5aa14938-75e7-ff53-33b0-f46785f9c01f-43457546, #w-node-_5aa14938-75e7-ff53-33b0-f46785f9bfb6-9eeeec82, #w-node-_41745d46-6596-545f-8ea5-8411a65c36d8-9eeeec82, #w-node-b5a6c1ad-fa6c-3a30-ef36-fb8cd9ef2a9e-9eeeec82, #w-node-a95a7313-09fb-724d-511e-18e0a5bd46f3-9eeeec82, #w-node-_6e77d220-01c5-f75c-ad69-e5cb38fbf7c1-9eeeec82, #w-node-_05e56205-0f8c-7f92-cb9e-5dcf9683654f-9eeeec82, #w-node-b340b5e7-8039-89e0-4edb-f8e766670f44-9eeeec82 {
  justify-self: center;
}

#w-node-_651c338a-35b2-0af9-2fb1-9d59eac109f3-555f54c6 {
  align-self: stretch;
}

#w-node-fedbf05d-77bc-b8d2-2278-ea58508c9524-555f54c6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-bbfd9886-9b70-ccae-0ebf-9bd39dd2edfc-555f54c6 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_051b4ffc-780f-7939-0fab-ebd97cf0bd8b-555f54c6 {
  align-self: stretch;
}

#w-node-_6693084e-1375-225e-d7b7-5bd0036c94cc-555f54c6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6693084e-1375-225e-d7b7-5bd0036c94cd-555f54c6 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-ab904f7d-11d3-476c-92ab-54d0d5c8af79-555f54c6 {
  align-self: stretch;
}

#w-node-ca71d5f0-9e5a-0da6-1c7e-8da23a14f978-555f54c6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ca71d5f0-9e5a-0da6-1c7e-8da23a14f979-555f54c6, #w-node-bb952013-fa82-a6f8-e3de-9bccf80578fd-47d51695 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_2837175d-7725-1a4c-6518-f5123c23bc44-47d51695, #w-node-b931f67c-7d82-9409-7467-ae66fb4bc1b4-47d51695 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-b931f67c-7d82-9409-7467-ae66fb4bc1b5-47d51695, #w-node-_9e9ff0d5-2eda-1a7f-24ae-295aa115e3e1-47d51695 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_9e9ff0d5-2eda-1a7f-24ae-295aa115e3e2-47d51695, #w-node-_628288f9-fbc7-1c6f-04e8-81c023a4581b-47d51695 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_628288f9-fbc7-1c6f-04e8-81c023a4581c-47d51695, #w-node-_39f16089-54d1-30f6-41eb-f72305bf8549-47d51695 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_39f16089-54d1-30f6-41eb-f72305bf854a-47d51695, #w-node-f3a0b242-cc70-5f5c-b6f4-b45697f925f8-47d51695 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f3a0b242-cc70-5f5c-b6f4-b45697f925f9-47d51695 {
  grid-area: 1 / 1 / 2 / 2;
}

@media screen and (min-width: 1920px) {
  #w-node-_380aa555-23f2-5f45-ecd5-00376120100a-14ce2c5e, #w-node-fa784c9b-819f-3af9-297e-8a7a9c40968e-14ce2c71 {
    grid-area: 1 / 2 / 3 / 4;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_1078d613-a9d8-2ada-0cc7-074c511fd4ad-555f54c6 {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: stretch;
  }

  #w-node-_651c338a-35b2-0af9-2fb1-9d59eac109f3-555f54c6 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-fedbf05d-77bc-b8d2-2278-ea58508c9524-555f54c6 {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: stretch;
  }

  #w-node-bbfd9886-9b70-ccae-0ebf-9bd39dd2edfc-555f54c6 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_051b4ffc-780f-7939-0fab-ebd97cf0bd8a-555f54c6 {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: stretch;
  }

  #w-node-_051b4ffc-780f-7939-0fab-ebd97cf0bd8b-555f54c6 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_6693084e-1375-225e-d7b7-5bd0036c94cc-555f54c6 {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: stretch;
  }

  #w-node-_6693084e-1375-225e-d7b7-5bd0036c94cd-555f54c6 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-ab904f7d-11d3-476c-92ab-54d0d5c8af78-555f54c6 {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: stretch;
  }

  #w-node-ab904f7d-11d3-476c-92ab-54d0d5c8af79-555f54c6 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-ca71d5f0-9e5a-0da6-1c7e-8da23a14f978-555f54c6 {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: stretch;
  }

  #w-node-ca71d5f0-9e5a-0da6-1c7e-8da23a14f979-555f54c6 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-bb952013-fa82-a6f8-e3de-9bccf80578fd-47d51695 {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: stretch;
  }

  #w-node-_2837175d-7725-1a4c-6518-f5123c23bc44-47d51695 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-b931f67c-7d82-9409-7467-ae66fb4bc1b4-47d51695 {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: stretch;
  }

  #w-node-b931f67c-7d82-9409-7467-ae66fb4bc1b5-47d51695 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_9e9ff0d5-2eda-1a7f-24ae-295aa115e3e1-47d51695 {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: stretch;
  }

  #w-node-_9e9ff0d5-2eda-1a7f-24ae-295aa115e3e2-47d51695 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_628288f9-fbc7-1c6f-04e8-81c023a4581b-47d51695 {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: stretch;
  }

  #w-node-_628288f9-fbc7-1c6f-04e8-81c023a4581c-47d51695 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_39f16089-54d1-30f6-41eb-f72305bf8549-47d51695 {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: stretch;
  }

  #w-node-_39f16089-54d1-30f6-41eb-f72305bf854a-47d51695 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-f3a0b242-cc70-5f5c-b6f4-b45697f925f8-47d51695 {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: stretch;
  }

  #w-node-f3a0b242-cc70-5f5c-b6f4-b45697f925f9-47d51695 {
    grid-area: 2 / 1 / 3 / 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_54010763-758a-d41e-92dd-f541532029ff-14ce2c78, #w-node-_93e4aa60-efb6-cbf6-4469-c25d6092e105-14ce2c79 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_28aecbcf-f21d-aa86-81bc-b5255aa33608-14ce2c7c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-e039e4a8-659b-3291-d2d1-f4491ca0f097-14ce2c7c, #w-node-a21b3e5b-5652-c235-e390-9678e0d109da-14ce2c7d {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_8de9d2e7-c076-abe3-1698-914ba0a721c9-14ce2c7d {
    grid-area: 1 / 1 / 2 / 3;
  }
}


@font-face {
  font-family: 'Dubaiw23';
  src: url('../fonts/DubaiW23-Bold.woff2') format('woff2'), url('../fonts/DubaiW23-Bold.eot') format('embedded-opentype'), url('../fonts/DubaiW23-Bold.woff') format('woff'), url('../fonts/DubaiW23-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dubaiw23';
  src: url('../fonts/DubaiW23-Light.woff2') format('woff2'), url('../fonts/DubaiW23-Light.eot') format('embedded-opentype'), url('../fonts/DubaiW23-Light.woff') format('woff'), url('../fonts/DubaiW23-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dubaiw23';
  src: url('../fonts/DubaiW23-Medium.woff2') format('woff2'), url('../fonts/DubaiW23-Medium.eot') format('embedded-opentype'), url('../fonts/DubaiW23-Medium.woff') format('woff'), url('../fonts/DubaiW23-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dubaiw23';
  src: url('../fonts/DubaiW23-Regular.woff2') format('woff2'), url('../fonts/DubaiW23-Regular.eot') format('embedded-opentype'), url('../fonts/DubaiW23-Regular.woff') format('woff'), url('../fonts/DubaiW23-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '29lt zarid sans';
  src: url('../fonts/29LT-Zarid-Sans-Light.OTF') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '29lt zarid sans';
  src: url('../fonts/29LT-Zarid-Sans-Medium.OTF') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '29lt zarid sans semi';
  src: url('../fonts/29LT-Zarid-Sans-Semi-Bold.OTF') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '29lt zarid sans';
  src: url('../fonts/29LT-Zarid-Sans-Black.OTF') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '29lt zarid sans';
  src: url('../fonts/29LT-Zarid-Sans-Bold.OTF') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '29lt zarid sans extra';
  src: url('../fonts/29LT-Zarid-Sans-Extra-Light.OTF') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '29lt zarid sans';
  src: url('../fonts/29LT-Zarid-Sans-Regular.OTF') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '29lt zarid sans';
  src: url('../fonts/29LT-Zarid-Sans-Thin.OTF') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '29lt zarid sans webfont';
  src: url('../fonts/29lt_zarid_sans-black-webfont.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '29lt zarid sans webfont';
  src: url('../fonts/29lt_zarid_sans-bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '29lt zarid sans webfont';
  src: url('../fonts/29lt_zarid_sans-regular-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '29lt zarid sans webfont';
  src: url('../fonts/29lt_zarid_sans-light-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '29lt zarid sans extra webfont';
  src: url('../fonts/29lt_zarid_sans-extra_light-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '29lt zarid sans webfont';
  src: url('../fonts/29lt_zarid_sans-medium-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '29lt zarid sans semi webfont';
  src: url('../fonts/29lt_zarid_sans-semi_bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '29lt zarid sans webfont';
  src: url('../fonts/29lt_zarid_sans-thin-webfont.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidgrostdbol webfont';
  src: url('../fonts/akzidgrostdbol-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidgrostdbolcnd webfont';
  src: url('../fonts/akzidgrostdbolcnd-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidgrostdcnd webfont';
  src: url('../fonts/akzidgrostdcnd-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidgrostdextbol webfont';
  src: url('../fonts/akzidgrostdextbol-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidgrostdligcnd webfont';
  src: url('../fonts/akzidgrostdligcnd-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidgrostdlig webfont';
  src: url('../fonts/akzidgrostdlig-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidgrostdmed webfont';
  src: url('../fonts/akzidgrostdmed-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidgrostdmedcnd webfont';
  src: url('../fonts/akzidgrostdmedcnd-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidgrostdreg webfont';
  src: url('../fonts/akzidgrostdreg-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidgrostdxbolcnd webfont';
  src: url('../fonts/akzidgrostdxbolcnd-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidgrostdsup webfont';
  src: url('../fonts/akzidgrostdsup-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Walrus typeface';
  src: url('../fonts/Walrus-Typeface.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidgrostdbolcnd';
  src: url('../fonts/AkzidGroStdBolCnd.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidgrostdcnd';
  src: url('../fonts/AkzidGroStdCnd.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidgrostdmedcnd';
  src: url('../fonts/AkzidGroStdMedCnd.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidgrostdligcnd';
  src: url('../fonts/AkzidGroStdLigCnd.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidgrostdxbolcnd';
  src: url('../fonts/AkzidGroStdXBolCnd.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidgrostdextbol';
  src: url('../fonts/AkzidGroStdExtBol.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidgrostdreg';
  src: url('../fonts/AkzidGroStdReg.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidgrostdsup';
  src: url('../fonts/AkzidGroStdSup.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidgrostdmed';
  src: url('../fonts/AkzidGroStdMed.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidgrostdbol';
  src: url('../fonts/AkzidGroStdBol.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidgrostdlig';
  src: url('../fonts/AkzidGroStdLig.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}