@font-face {
  font-family: Din Next;
  src: url('../fonts/DINNextLTArabic-Regular-3.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Arbfonts Tasees Saudi;
  src: url('../fonts/ArbFONTS-Tasees-Saudi.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --_typo-height---height--150-txt: 150%;
  --_colors---system--tag: #d13591;
  --_colors---system--class: #45ace7;
  --_colors---neutral-primary--neutral-850-black: black;
  --_colors---neutral-primary--neutral-150-offwhite: #eee;
  --_colors---neutral-primary--neutral-450-tinted-grey: #888;
  --_colors---neutral-primary--neutral-250-dark-white: #ccc;
  --_colors---neutral-primary--neutral-100-white: white;
  --_colors---neutral-primary--neutral-800-almost-black: #111;
  --_colors---brand--brand-vdarkb: #4c3621;
  --_colors---brand--brand-darkb: #5c3d2a;
  --_colors---brand--brand-lightb: #cfb286;
  --_colors---brand--brand-offwhite: #fbfbfb;
  --_colors---neutral-primary--neutral-200-shaded-white: #ddd;
  --_typo-height---height--110-txt: 110%;
  --_typo-height---height--120-txt: 120%;
  --_typo-height---height--125-txt: 125%;
  --_typo-height---height--130-txt: 130%;
  --_typo-height---height--135-txt: 135%;
  --_typo-height---height--140-txt: 140%;
  --_typo-height---height--145-txt: 145%;
  --_typo-height---height--160-txt: 160%;
  --_typo-height---height--200-txt: 200%;
  --_typo-height---height--170-txt: 170%;
  --_typo-height---height--180-txt: 180%;
  --_headings---h1: 5rem;
  --_headings---h2: 3.5rem;
  --_headings---h3: 2.8rem;
  --_headings---h4: 2rem;
  --_headings---h5: 1.6rem;
  --_headings---h6: 1.2rem;
  --_colors---neutral-secondary--neutral-725: #131313;
  --_colors---neutral-primary--neutral-550-shaded-grey: #666;
  --_font---primary: "Din Next", Tahoma, sans-serif;
  --_font---secondary: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --_colors---neutral-primary--neutral-300-silver: #bbb;
  --_colors---neutral-primary--neutral-350-pale-grey: #aaa;
  --_colors---neutral-primary--neutral-400-light-grey: #999;
  --_colors---neutral-primary--neutral-500-medium-grey: #777;
  --_colors---neutral-primary--neutral-600-dark-grey: #555;
  --_colors---neutral-primary--neutral-650-pale-black: #444;
  --_colors---neutral-primary--neutral-700: #333;
  --_colors---neutral-primary--neutral-750-tinted-black: #222;
  --_colors---neutral-secondary--neutral-125: #efeeec;
  --_colors---neutral-secondary--neutral-225: #e3e1de;
  --_colors---neutral-secondary--neutral-325: #cbc8c5;
  --_colors---neutral-secondary--neutral-425: #818180;
  --_colors---neutral-secondary--neutral-525: #2c2c2c;
  --_colors---neutral-secondary--neutral-625: #1f1f1f;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  color: #333;
  background-color: #fbfbfb;
  font-family: Din Next, Tahoma, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 400;
  line-height: 1.2;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
}

h4 {
  font-size: 18px;
  line-height: var(--_typo-height---height--150-txt);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h5 {
  font-size: 14px;
  line-height: var(--_typo-height---height--150-txt);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h6 {
  font-size: 12px;
  line-height: var(--_typo-height---height--150-txt);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

p {
  margin-bottom: 0;
}

a {
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.styleguide_header {
  justify-content: flex-start;
  align-items: center;
  height: 25vh;
  display: flex;
}

.styleguide_section-subheader-holder {
  margin-bottom: 5rem;
}

.styleguide_section-subheader-holder.top1rem {
  margin-top: 1rem;
  margin-bottom: 0;
}

.styleguide_section-subheader-holder.btm3rem {
  margin-bottom: 3rem;
}

.styleguide_section-subheader-holder.color-sublabel {
  margin-bottom: 2rem;
}

.styleguide_section-wrapper.positon-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.styleguide_section-wrapper.grid, .styleguide_section-wrapper.grid-3col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.styleguide_item-label-holder {
  border: 1px solid #0000;
  border-radius: 8px;
  padding: .25rem 1rem;
  display: inline-block;
}

.styleguide_item-label-holder.tag {
  background-color: var(--_colors---system--tag);
}

.styleguide_item-label-holder.none {
  display: none;
}

.styleguide_item-label-holder.class {
  background-color: var(--_colors---system--class);
}

.styleguide_item-label-holder.class.upper-marg {
  margin-top: 1.5rem;
}

.styleguide_item-body.grid-2col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.styleguide_divider_1 {
  background-color: var(--_colors---neutral-primary--neutral-850-black);
  height: 4px;
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.styleguide_heading_1-header {
  font-size: 5.5rem;
  line-height: 1.2;
}

.styleguide_heading_2-sectoin-header {
  font-size: 3.8rem;
  line-height: 1.2;
}

.styleguide_heading_3-section-sublheader {
  -webkit-text-stroke-width: 1px;
  font-size: 2.3rem;
  line-height: 1.2;
}

.styleguide_heading_4-style-typelabel {
  font-size: 2rem;
  line-height: 1.2;
}

.styleguide_card {
  border: 1px solid #000;
  border-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  box-shadow: 0 2px 20px 3px #0003;
}

.styleguide_card_body {
  grid-column-gap: 16px;
  grid-row-gap: 6px;
  background-color: var(--_colors---neutral-primary--neutral-150-offwhite);
  border-radius: 0 0 8px 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 1.5rem;
  display: grid;
}

.styleguide_font_description {
  font-size: 2rem;
  line-height: 1.2;
}

.styleguide_font_description.u-padd-btm-top-1rem {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.styleguide_font_type, .styleguide_font_weights {
  font-size: 1.5rem;
  line-height: 1.2;
}

.styleguide_card_preview {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  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;
}

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

.styleguide_divider_2 {
  background-color: var(--_colors---neutral-primary--neutral-450-tinted-grey);
  height: 2px;
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.styleguide_item-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 3rem;
  display: grid;
}

.styleguide_divider_3 {
  background-color: var(--_colors---neutral-primary--neutral-250-dark-white);
  height: 1px;
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.styleguide_heading_5-style-label {
  color: var(--_colors---neutral-primary--neutral-100-white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2;
}

.u-color-bg-black {
  background-color: var(--_colors---neutral-primary--neutral-800-almost-black);
}

.u-color-bg-black.vdarkb {
  background-color: var(--_colors---brand--brand-vdarkb);
}

.u-color-bg-black.darkb {
  background-color: var(--_colors---brand--brand-darkb);
}

.u-color-bg-black.lightb {
  background-color: var(--_colors---brand--brand-lightb);
}

.u-color-bg-black.offwhite {
  background-color: var(--_colors---brand--brand-offwhite);
}

.styleguide_card_color-box {
  width: 100%;
}

.u-color-bg-tag {
  background-color: var(--_colors---system--tag);
}

.u-color-bg-class {
  background-color: var(--_colors---system--class);
}

.u-color-text-white {
  color: var(--_colors---neutral-primary--neutral-100-white);
}

.u-color-text-white.text-3rem {
  font-size: 3rem;
  line-height: 1.2;
}

.u-color-text-white.text-3rem.vdarkb {
  color: var(--_colors---brand--brand-vdarkb);
}

.u-color-text-white.text-3rem.offwhite {
  color: var(--_colors---brand--brand-offwhite);
}

.styleguide_divider_4 {
  background-color: var(--_colors---neutral-primary--neutral-200-shaded-white);
  height: 1px;
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.styleguide_container {
  width: 88%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.styleguide_card_preview-styling {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 200px;
  padding: 1.5rem;
  display: flex;
}

.u-color-text-black {
  color: var(--_colors---neutral-primary--neutral-800-almost-black);
}

.u-color-text-black.text-3rem {
  font-size: 3rem;
  line-height: 1.2;
}

.u-color-text-black.text-3rem.din-font {
  font-family: Din Next, Tahoma, sans-serif;
}

.styleguide_textspan.bold {
  font-weight: 700;
}

.u-txt-wght-nrm {
  font-weight: 400;
}

.u-txt-wght-bld {
  font-weight: 700;
}

.u-txt-hight-110pc {
  line-height: var(--_typo-height---height--110-txt);
}

.u-txt-hight-120pc {
  line-height: var(--_typo-height---height--120-txt);
}

.u-txt-hight-125pc {
  line-height: var(--_typo-height---height--125-txt);
}

.u-txt-hight-130pc {
  line-height: var(--_typo-height---height--130-txt);
}

.u-txt-hight-135pc {
  line-height: var(--_typo-height---height--135-txt);
}

.u-txt-hight-140pc {
  line-height: var(--_typo-height---height--140-txt);
}

.u-txt-hight-145pc {
  line-height: var(--_typo-height---height--145-txt);
}

.u-txt-hight-150pc {
  line-height: var(--_typo-height---height--150-txt);
}

.u-txt-hight-160pc {
  line-height: var(--_typo-height---height--160-txt);
}

.u-txt-hight-200pc {
  line-height: var(--_typo-height---height--200-txt);
}

.u-txt-hight-170pc {
  line-height: var(--_typo-height---height--170-txt);
}

.u-txt-hight-180pc {
  line-height: var(--_typo-height---height--180-txt);
}

.u-txt-align-right {
  text-align: right;
}

.u-txt-align-cntr {
  text-align: center;
}

.u-txt-align-justfy {
  text-align: justify;
}

.u-txt-dirc-right {
  direction: rtl;
}

.u-txt-capt-alcap {
  text-transform: uppercase;
}

.u-txt-capt-wrdcap {
  text-transform: capitalize;
}

.u-txt-capt-lowrcas {
  text-transform: lowercase;
}

.u-txt-ltrspc-negxxs {
  letter-spacing: -.8px;
}

.u-txt-ltrspc-negxs {
  letter-spacing: -.5px;
}

.u-txt-ltrspc-negs {
  letter-spacing: -.2px;
}

.u-txt-ltrspc-xsml {
  letter-spacing: .2px;
}

.u-txt-ltrspc-sml {
  letter-spacing: .5px;
}

.u-txt-ltrspc-md {
  letter-spacing: .8px;
}

.u-txt-ltrspc-lrg {
  letter-spacing: 1px;
}

.u-txt-ltrspc-xlrg {
  letter-spacing: 1.2px;
}

.u-txt-ltrspc-xxlrg {
  letter-spacing: 1.5px;
}

.u-txt-shdw-stroke0 {
  text-shadow: 0 1px 3px #000;
}

.u-txt-shdw-stroke1 {
  text-shadow: 0 1px 5px #000;
}

.u-txt-shdw-stroke2 {
  text-shadow: 0 1px 7px #000;
}

.u-txt-shdw-stroke3 {
  text-shadow: 0 1px 10px #000;
}

.u-txt-shdw-stroke4 {
  text-shadow: 0 1px 15px #000;
}

.u-txt-shdw-stroke5 {
  text-shadow: 0 1px 20px #000;
}

.u-txt-shdw-stroke6 {
  text-shadow: 0 1px 50px #000;
}

.u-txt-shdw-btm1 {
  text-shadow: -5px 5px 15px #000;
}

.u-txt-shdw-btm2 {
  text-shadow: -5px 5px 20px #000;
}

.u-txt-shdw-btm3 {
  text-shadow: -5px 5px 30px #000;
}

.u-padd-globl-v {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 5rem 5rem 3rem;
  display: flex;
}

.u-padd-globl-v.hero {
  padding: 0;
}

.u-padd-globl-v.cta, .u-padd-globl-v.hadeeth, .u-padd-globl-v.about, .u-padd-globl-v.career {
  padding-left: 0;
  padding-right: 0;
}

.u-padd-globl-v.blogpost {
  margin-top: 5rem;
}

.u-padd-globl-v.features {
  padding-top: 3rem;
}

.body-1 {
  flex-flow: column;
  display: flex;
}

.heading_1_xs-5rem {
  font-size: var(--_headings---h1);
}

.heading_2_xs-305rem {
  font-size: var(--_headings---h2);
}

.heading_3_xs-208rem {
  font-size: var(--_headings---h3);
}

.heading_3_xs-208rem.light {
  color: var(--_colors---brand--brand-offwhite);
}

.heading_3_xs-208rem.light.u-txt-align-cntr.slogan {
  color: var(--_colors---brand--brand-vdarkb);
  padding-bottom: 5rem;
  font-size: 12vw;
}

.heading_4_xs-2rem {
  font-size: var(--_headings---h4);
}

.heading_5_xs-106rem {
  font-size: var(--_headings---h5);
}

.heading_6_xs-102rem {
  font-size: var(--_headings---h6);
}

.u-hide-all {
  display: none;
  position: relative;
}

.u-pos-rel {
  position: relative;
}

.u-overflw-hid {
  overflow: hidden;
}

.u-overflw-scrl {
  overflow: scroll;
}

.u-overflw-auto {
  overflow: auto;
}

.u-overflw-clip {
  overflow: clip;
}

.styleguide_heading_6-style-sublabel {
  font-size: 1.5rem;
  line-height: 1.2;
}

.u-pos-rel-ngfinity {
  z-index: -9999;
  position: relative;
}

.u-pos-rel-ng3 {
  z-index: -3;
  position: relative;
}

.u-pos-rel-ng2 {
  z-index: -2;
  position: relative;
}

.u-pos-rel-ng1 {
  z-index: -1;
  position: relative;
}

.u-pos-rel-1 {
  z-index: 1;
  position: relative;
}

.u-pos-rel-2 {
  z-index: 2;
  position: relative;
}

.u-pos-rel-3 {
  z-index: 3;
  position: relative;
}

.u-pos-rel-finity {
  z-index: 9999;
  position: relative;
}

.u-pos-abs {
  position: absolute;
}

.u-pos-abs-ngfinity {
  z-index: -9999;
  position: absolute;
}

.u-pos-abs-ng3 {
  z-index: -3;
  position: absolute;
}

.u-pos-abs-ng2 {
  z-index: -2;
  position: absolute;
}

.u-pos-abs-ng1 {
  z-index: -1;
  position: absolute;
}

.u-pos-abs-1 {
  z-index: 1;
  position: absolute;
}

.u-pos-abs-2 {
  z-index: 2;
  position: absolute;
}

.u-pos-abs-3 {
  z-index: 3;
  position: absolute;
}

.u-pos-abs-finity {
  z-index: 9999;
  position: absolute;
}

.u-pos-fxd {
  position: fixed;
}

.u-pos-fxd-ngfinity {
  z-index: -9999;
  position: fixed;
}

.u-pos-fxd-ng3 {
  z-index: -3;
  position: fixed;
}

.u-pos-fxd-ng2 {
  z-index: -2;
  position: fixed;
}

.u-pos-fxd-ng1 {
  z-index: -1;
  position: fixed;
}

.u-pos-fxd-1 {
  z-index: 1;
  position: fixed;
}

.u-pos-fxd-2 {
  z-index: 2;
  position: fixed;
}

.u-pos-fxd-3 {
  z-index: 3;
  position: fixed;
}

.u-pos-fxd-finity {
  z-index: 9999;
  position: fixed;
}

.u-pos-stck {
  position: sticky;
}

.u-pos-stck-ngfinity {
  z-index: -9999;
  position: sticky;
}

.u-pos-stck-ng3 {
  z-index: -3;
  position: sticky;
}

.u-pos-stck-ng2 {
  z-index: -2;
  position: sticky;
}

.u-pos-stck-ng1 {
  z-index: -1;
  position: sticky;
}

.u-pos-stck-1 {
  z-index: 1;
  position: sticky;
}

.u-pos-stck-2 {
  z-index: 2;
  position: sticky;
}

.u-pos-stck-3 {
  z-index: 3;
  position: sticky;
}

.u-pos-stck-finity {
  z-index: 9999;
  position: sticky;
}

.u-events-none {
  pointer-events: none;
}

.u-ratio-anamorphic239to1 {
  aspect-ratio: 2.39;
}

.u-ratio-netflix2to1 {
  aspect-ratio: 2;
}

.u-ratio-widescreen16to9 {
  aspect-ratio: 16 / 9;
}

.u-ratio-landscape3to2 {
  aspect-ratio: 3 / 2;
}

.u-ratio-portrait2to3 {
  aspect-ratio: 2 / 3;
}

.u-ratio-square1to1 {
  aspect-ratio: 1;
}

.u-fit-contain {
  object-fit: contain;
}

.u-fit-cover {
  object-fit: cover;
}

.u-fit-none {
  object-fit: none;
}

.u-fit-scaledown {
  object-fit: scale-down;
}

.u-box-content {
  box-sizing: content-box;
}

.u-float-left {
  float: left;
}

.u-float-right {
  float: right;
}

.u-clear-left {
  clear: left;
}

.u-clear-both {
  clear: both;
}

.u-clear-right {
  clear: right;
}

.u-clip-topadding {
  -webkit-text-fill-color: inherit;
  background-clip: padding-box;
}

.u-clip-tocontent {
  -webkit-text-fill-color: inherit;
  background-clip: content-box;
}

.u-clip-totext {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.u-txt-wght-xbld {
  font-weight: 900;
}

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

.u-layout-flex {
  display: flex;
}

.form-input.u-txt-align-right.u-txt-dirc-right {
  border: 1px solid var(--_colors---brand--brand-vdarkb);
  background-color: var(--_colors---brand--brand-offwhite);
}

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

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

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

.u-layout-flex-v {
  flex-flow: column;
  display: flex;
}

.u-layout-flex-l2r {
  flex-flow: wrap;
  display: flex;
}

.btn-txt {
  z-index: 2;
  font-size: var(--_headings---h6);
  text-align: center;
  padding-bottom: 5px;
  position: relative;
}

.btn-txt.button-text-absolute {
  padding-top: 0;
  position: absolute;
}

.button-background {
  background-color: var(--_colors---brand--brand-lightb);
  min-height: 5.5rem;
}

.button-background.button-background-2 {
  background-color: var(--_colors---brand--brand-vdarkb);
}

.button-background.button-background-1 {
  background-color: var(--_colors---brand--brand-offwhite);
}

.button-background.button-background-1.secondary {
  background-color: var(--_colors---brand--brand-lightb);
}

.button-background.button-background-3 {
  background-color: var(--_colors---brand--brand-offwhite);
}

.button-primary {
  background-color: var(--_colors---brand--brand-offwhite);
  color: var(--_colors---brand--brand-vdarkb);
  border-radius: 50rem;
  justify-content: center;
  align-items: center;
  min-height: 3.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: inline-flex;
  position: relative;
}

.button-backgrounds {
  z-index: 1;
  border: 1px solid var(--_colors---brand--brand-vdarkb);
  border-radius: 50rem;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.button-text-inner-wrapper {
  position: relative;
}

.button-text-wrapper {
  z-index: 3;
  position: relative;
  overflow: hidden;
}

.btn-logo {
  z-index: 3;
  margin-left: 1rem;
  margin-right: 1rem;
  position: relative;
}

.button-secondary {
  background-color: var(--_colors---brand--brand-lightb);
  color: var(--_colors---brand--brand-vdarkb);
  border-radius: 50rem;
  justify-content: center;
  align-items: center;
  min-height: 3.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: inline-flex;
  position: relative;
}

.div-test-btn {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.btn-wrap {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 7.5rem;
  display: flex;
}

.nav-btn {
  z-index: 1000;
  background-color: var(--_colors---brand--brand-vdarkb);
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-btn-lottie {
  z-index: 3;
  width: 2rem;
  max-height: 1.5rem;
  position: relative;
}

.nav-btn-trans {
  background-color: var(--_colors---brand--brand-lightb);
  border-radius: .5rem;
  position: absolute;
  inset: 0%;
  transform: translate(0, 100%);
}

.nav-test-wrap {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-main {
  z-index: 9999;
  justify-content: flex-end;
  align-items: flex-start;
  padding: .5rem 1rem;
  position: fixed;
  inset: 0% 0% auto;
}

.link-block {
  padding: 1rem;
}

.side-menu-background {
  z-index: 4;
  background-color: var(--_colors---brand--brand-darkb);
  width: 30rem;
  height: 130vh;
  position: fixed;
  inset: -20% 0 auto auto;
  overflow: hidden;
  box-shadow: -8px 0 30px #0000003b;
}

.side-menu-wrapper {
  z-index: 14;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  place-items: start end;
  width: 30rem;
  height: 100vh;
  padding: 10rem 1.5rem;
  display: grid;
  overflow: hidden;
}

.side-menu_component {
  z-index: 999;
  object-fit: none;
  flex-wrap: nowrap;
  justify-content: flex-end;
  width: 30rem;
  height: 130vh;
  padding-top: 20rem;
  display: flex;
  position: fixed;
  inset: -20rem 0 0 auto;
  overflow: visible;
}

.side-menu-item-wrapper.flex-v {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-end;
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 0;
  display: grid;
}

.nav-items {
  z-index: 99;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-item {
  align-items: center;
  display: flex;
}

.nav-item.hide {
  display: none;
}

.nav-item-number {
  color: #fff;
  letter-spacing: 3px;
  padding: 1rem;
  font-size: 12px;
  line-height: 12px;
  transform: rotate(-90deg);
}

.special-text-wrapper {
  height: 5rem;
  overflow: hidden;
}

.nav-item-text {
  color: var(--_colors---brand--brand-offwhite);
  font-size: var(--_headings---h2);
  line-height: var(--_typo-height---height--135-txt);
  display: block;
}

.nav-item-text.ar {
  text-align: right;
}

.nav-item-text-full {
  color: var(--_colors---brand--brand-offwhite);
  font-size: var(--_headings---h2);
  line-height: var(--_typo-height---height--150-txt);
}

.nav-item-text-full.ar {
  text-align: right;
}

.sand-bg {
  background-image: url('../images/cta-sand-bg.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: fixed;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.sand-bg.slightly-high {
  height: 150%;
  margin-top: -170px;
}

.cta-wrapper {
  margin-bottom: 5rem;
  position: relative;
  overflow: hidden;
}

.bg-looop-wrap {
  width: 8000px;
  height: 50vh;
  display: flex;
  overflow: hidden;
}

.cta-content-wrap {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0%;
}

.cta-content-wrap.slogan {
  display: block;
}

.section_banner {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 20vh;
  display: flex;
}

.marquee-text_component {
  flex-direction: column;
  width: 100%;
  font-size: 1.2vw;
}

.marquee-text_component.is-2 {
  z-index: 3;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.marquee-text_wrapper {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.marquee-text_wrapper.is-2 {
  justify-content: flex-end;
}

.marquee-text_panel {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  transform: translate(0%);
}

.marquee-text_text {
  font-size: var(--_headings---h2);
  line-height: var(--_typo-height---height--150-txt);
  letter-spacing: -.04em;
  padding-bottom: 2rem;
}

.marquee-text_icon {
  flex: none;
  width: 3em;
  margin-left: 2.38em;
  margin-right: 2.38em;
}

.footer-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--_colors---brand--brand-lightb);
  border-top-left-radius: 5rem;
  border-top-right-radius: 5rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-self: flex-end;
  display: grid;
}

.footer-items-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 5rem;
  padding-right: 5rem;
  display: grid;
}

.footer-item-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  padding-top: 5rem;
  display: grid;
}

.footer-label-txt {
  direction: rtl;
  color: var(--_colors---neutral-secondary--neutral-725);
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: var(--_headings---h6);
  text-align: right;
  font-weight: 700;
}

.footer-item-txt {
  direction: rtl;
  color: var(--_colors---brand--brand-vdarkb);
  font-size: var(--_headings---h6);
  line-height: var(--_typo-height---height--150-txt);
  text-align: right;
}

.footer-txt-link {
  color: var(--_colors---brand--brand-vdarkb);
  font-size: var(--_headings---h6);
}

.footer-item-txt-holder.ar {
  direction: rtl;
  text-align: right;
}

.image {
  border: 1px solid #000;
  border-radius: 5px;
}

.section_footer {
  flex-flow: column;
}

.footer-space-delet {
  height: 100vh;
}

.footer-spacer {
  background-image: linear-gradient(270deg, var(--_colors---brand--brand-lightb), var(--_colors---brand--brand-vdarkb) 54%, var(--_colors---brand--brand-lightb));
  height: 1px;
  margin-top: 5rem;
  margin-bottom: 5rem;
}

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

.footer-txtlogo-holder {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.footer-rights-holder {
  padding: 3rem;
}

.zidcode-link {
  color: #860000;
}

.sub-hero-holder {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.section_subhero {
  margin-top: 5rem;
}

.subhero-txt {
  font-size: var(--_headings---h5);
}

.subhero-logo-holder {
  max-width: 80%;
}

.hadeeth-holder {
  grid-column-gap: 5rem;
  grid-row-gap: 2.6rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: grid;
}

.hadeeth-txt {
  color: var(--_colors---brand--brand-offwhite);
  font-family: Arbfonts Tasees Saudi, Tahoma, sans-serif;
  font-size: var(--_headings---h2);
  line-height: var(--_typo-height---height--150-txt);
  text-align: center;
  font-weight: 400;
}

.hadeeth-txt-subtitle {
  color: var(--_colors---brand--brand-offwhite);
  font-size: var(--_headings---h6);
  line-height: var(--_typo-height---height--150-txt);
  font-weight: 400;
}

.hadeeth-bg-holder {
  background-color: var(--_colors---brand--brand-vdarkb);
  width: 100%;
}

.miswak-logo-holder {
  width: 100%;
}

.about-holder {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.miswak-image {
  width: 100%;
}

.intro-text-holder {
  max-width: 50%;
  font-size: 14px;
}

.intro-text {
  font-size: var(--_headings---h4);
  line-height: var(--_typo-height---height--200-txt);
  text-align: center;
}

.hero-wrap {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  display: grid;
}

.feature-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  display: grid;
}

.feature-card-holder {
  border: 2px solid var(--_colors---brand--brand-darkb);
  height: 100%;
}

.feature-card-content-holder {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-width: 25rem;
  height: 100%;
  padding: 7rem 4rem 10rem;
  display: grid;
}

.feature-icon-holder {
  margin-top: 0;
  margin-bottom: 0;
}

.feature-text-holder {
  margin-bottom: 3rem;
}

.feature-text {
  color: var(--_colors---brand--brand-darkb);
  font-size: var(--_headings---h1);
  line-height: var(--_typo-height---height--110-txt);
}

.feature-text-descrip {
  font-size: var(--_headings---h6);
  line-height: var(--_typo-height---height--110-txt);
  text-align: center;
}

.intro-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(270deg, var(--_colors---brand--brand-vdarkb), var(--_colors---brand--brand-darkb));
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 5rem;
  display: grid;
}

.minivid-holder-card {
  z-index: 5;
}

.minivid-holder {
  z-index: 3;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.intro-holder {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  text-align: center;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-items: center;
  display: grid;
}

.intro-home-txt {
  color: var(--_colors---brand--brand-offwhite);
  font-size: var(--_headings---h4);
  line-height: var(--_typo-height---height--200-txt);
  font-weight: 400;
}

.minivid {
  border-radius: 1rem;
  width: 10rem;
  height: 10rem;
}

.minivid._1 {
  transform: rotate(-25deg)translate(-2rem);
}

.minivid._2, .minivid._3 {
  transform: rotate(25deg)translate(2rem);
}

.minivid._4 {
  transform: translate(-2rem)rotate(-25deg);
}

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

.blogmini-card-holder {
  margin-left: auto;
  margin-right: auto;
}

.blogmini-card-content-holder {
  box-shadow: 0 2px 5rem 0 var(--_colors---brand--brand-lightb);
}

.blogmini-title-holder {
  background-color: var(--_colors---neutral-primary--neutral-100-white);
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.blogmini-title {
  text-align: center;
}

.background-video-2 {
  border-top-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 0;
  width: 25rem;
}

.section_subhero-2 {
  margin-top: 5rem;
}

.subhero-2-holder {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  background-color: var(--_colors---brand--brand-darkb);
  background-image: url('../images/subher-bg.png');
  background-position: 0 0;
  background-size: auto;
  border-radius: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 90vw;
  height: 50vh;
  padding: 5rem;
  display: flex;
}

.subhero-2-txt {
  color: var(--_colors---brand--brand-offwhite);
  font-size: var(--_headings---h1);
  line-height: var(--_typo-height---height--150-txt);
  text-align: center;
}

.faq-wrapper {
  flex-flow: column;
  display: flex;
}

.faq-question-holder {
  direction: rtl;
  text-align: right;
  cursor: pointer;
  border-bottom: 1px solid #c2c2c2;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.question-txt {
  font-size: var(--_headings---h6);
  line-height: var(--_typo-height---height--150-txt);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

.faq-icon {
  width: 1.25rem;
}

.faq-answer-holder {
  overflow: hidden;
}

.answerr-txt-holder {
  padding-top: 1rem;
}

.body {
  color: #696969;
  font-size: 1.25rem;
}

.answer-txt {
  direction: rtl;
  font-size: 1rem;
  line-height: var(--_typo-height---height--120-txt);
  text-align: right;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.faq-list-wrapper {
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
}

.contact-checkbox {
  direction: rtl;
  text-align: right;
  border-color: #9a9589;
  border-radius: 0;
  width: 16px;
  height: 16px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 13px;
}

.button {
  background-color: var(--_colors---brand--brand-lightb);
  color: var(--_colors---brand--brand-darkb);
  border-radius: 6px;
  width: 100%;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 20px;
  transition: background-color .3s;
}

.button:hover {
  background-color: #0006;
}

.field-wrap {
  text-align: left;
  width: 100%;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.field-wrap.margin {
  padding-bottom: 0;
}

.pargraph-margin {
  color: var(--_colors---brand--brand-lightb);
  font-size: var(--_headings---h6);
  line-height: var(--_typo-height---height--150-txt);
  margin-bottom: 40px;
}

.wrapper {
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  text-align: center;
  background-color: #ffffff12;
  border-left: 1px solid #ffffff26;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.contact-field-input {
  direction: rtl;
  color: #fff;
  text-align: right;
  background-color: #0000;
  border: 1px #000;
  border-bottom: 2px solid #41534b;
  height: 50px;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 16px;
}

.contact-field-input::placeholder {
  font-size: 16px;
}

.contact-checkbox-label {
  direction: rtl;
  color: var(--_colors---brand--brand-lightb);
  text-align: right;
  margin-bottom: 0;
  padding-right: 1rem;
  font-size: 16px;
  font-weight: 500;
}

.section_contactt {
  background-image: url('../images/background.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 1920px;
  margin: 5rem auto;
  position: relative;
}

.checkbox-wrap {
  direction: rtl;
  text-align: right;
  cursor: pointer;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.form-block {
  margin-top: 0;
  margin-bottom: 15px;
}

.content {
  width: 100%;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.p-15 {
  font-size: 15px;
}

.contact-form-flex {
  direction: rtl;
  text-align: right;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 80px;
  display: flex;
}

.link {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}

.contact-field-label {
  direction: rtl;
  color: #fff;
  text-align: right;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
}

.container {
  justify-content: flex-end;
  min-height: 100vh;
  display: flex;
}

.heading {
  color: var(--_colors---brand--brand-offwhite);
  font-size: var(--_headings---h1);
  line-height: var(--_typo-height---height--150-txt);
}

.flex-wrap {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-title-holder {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.contact-feild-dropd {
  direction: rtl;
  color: var(--_colors---brand--brand-lightb);
  text-align: right;
  background-color: #f3f3f31c;
}

.sc-txt {
  font-size: var(--_headings---h6);
  line-height: var(--_typo-height---height--150-txt);
}

.netlify-video-div-holder {
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
  height: 110vh;
  position: relative;
  overflow: hidden;
}

.netlify-embed-video {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.list-item-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.line-big {
  z-index: 2;
  background-color: var(--_colors---neutral-primary--neutral-850-black);
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
  transform: translate(100%);
}

.line-outer-wrapper {
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}

.icon-circle {
  border: 1px solid var(--_colors---brand--brand-darkb);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.icon {
  filter: invert();
  width: 20px;
  transform: rotate(45deg);
}

.career-wrap {
  width: 100%;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
}

.line-low-opacity {
  background-color: var(--_colors---brand--brand-vdarkb);
  opacity: .25;
  height: 1px;
}

.list-item-outer-wrapper {
  color: #fff;
  cursor: pointer;
  flex-direction: column;
  max-width: 50rem;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
}

.list-item-header {
  color: var(--_colors---brand--brand-vdarkb);
  font-size: 30px;
  line-height: 1.3em;
}

.career-intro-txt {
  direction: rtl;
  font-size: var(--_headings---h4);
  line-height: var(--_typo-height---height--150-txt);
  text-align: right;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

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

.blog-list {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.miniblog-item {
  height: 100%;
}

.miniblog-card-header-profile-mage {
  z-index: 2;
  background-color: #fff;
  border: .25rem solid #fff;
  border-radius: 50rem;
  justify-content: center;
  align-items: center;
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
  position: absolute;
  inset: auto auto -2.25rem 1.5rem;
  overflow: hidden;
}

.blog-card-body {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  padding: 3.5rem 1.5rem 1.5rem;
  font-size: .9rem;
  display: flex;
}

.card {
  color: #000;
  background-color: #fff;
  border-radius: .25rem;
  width: 100%;
  max-width: 60vh;
  margin-bottom: 5rem;
  text-decoration: none;
  overflow: hidden;
  box-shadow: 0 5px 5rem #cfb2865c;
}

.blog-decrop-txt {
  direction: rtl;
  text-align: right;
  font-size: .9rem;
  line-height: 1.4em;
}

.card-header {
  background-color: #e7e7e7;
  position: relative;
}

.card-header-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blog-tilte-txt {
  direction: rtl;
  text-align: right;
  font-size: 1.35em;
  font-weight: 500;
  line-height: 1.2em;
}

.card-readtime-txt {
  opacity: .55;
  direction: rtl;
  color: #000;
  text-align: right;
  font-weight: 500;
  text-decoration: none;
}

.blog-card-body-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.card-header-overlay {
  background-color: #1d0a470d;
  position: absolute;
  inset: 0%;
}

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

.miniblog-list {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.miniblog-div {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.miniblog-card {
  color: var(--_colors---brand--brand-vdarkb);
  border-radius: 2rem .25rem .25rem;
  width: 100%;
  max-width: 60vh;
  height: 100%;
  text-decoration: none;
  overflow: hidden;
  box-shadow: 0 5px 5rem #cfb2865c;
}

.miniblog-card-header {
  background-color: #e7e7e7;
  position: relative;
}

.miniblog-card-header-overlay {
  background-color: #1d0a470d;
  position: absolute;
  inset: 0%;
}

.miniblog-card-header-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 50vh;
  max-height: 50vh;
}

.miniblog-card-body {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  border-style: none solid solid;
  border-width: 1px;
  border-color: black var(--_colors---brand--brand-vdarkb) black black;
  border-bottom-right-radius: 2rem;
  flex-flow: column;
  height: 20vh;
  padding: 3.5rem 1.5rem 1.5rem;
  font-size: .9rem;
  display: flex;
}

.miniblog-card-body-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.miniblog-netlify-embed-video {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.bigblog-list {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.bigblog-item {
  height: 100%;
}

.bigblog-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.bigblog-card {
  color: var(--_colors---brand--brand-vdarkb);
  border-radius: 2rem .25rem .25rem;
  width: 100%;
  max-width: 60vh;
  text-decoration: none;
  overflow: hidden;
  box-shadow: 0 5px 5rem #cfb2865c;
}

.bigblog-card-header {
  background-color: #e7e7e7;
  position: relative;
}

.bigblog-netlify-embed-video {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.bigblog-card-header-overlay {
  background-color: #1d0a470d;
  position: absolute;
  inset: 0%;
}

.bigblog-card-header-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.bigblog-card-header-profile-mage {
  z-index: 2;
  background-color: #fff;
  border: .25rem solid #fff;
  border-radius: 50rem;
  justify-content: center;
  align-items: center;
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
  position: absolute;
  inset: auto auto -2.25rem 1.5rem;
  overflow: hidden;
}

.bigblog-card-body {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  border-style: none solid solid;
  border-width: 1px;
  border-color: black var(--_colors---brand--brand-vdarkb) black black;
  border-bottom-right-radius: 2rem;
  flex-flow: column;
  padding: 3.5rem 1.5rem 1.5rem;
  font-size: .9rem;
  display: flex;
}

.bigblog-card-body-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.bigblog-tilte-txt {
  direction: rtl;
  text-align: right;
  font-size: 1.35em;
  font-weight: 500;
  line-height: 1.2em;
}

.bigblog-decrop-txt {
  direction: rtl;
  text-align: right;
  font-size: .9rem;
  line-height: 1.4em;
}

.blogpost-intro-holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.blogpost-tilte-holder {
  margin-bottom: 3rem;
}

.blogpost-readtime-holder {
  margin-top: 1rem;
}

.image-2 {
  border-radius: 3rem;
}

.blogpost-header-txt {
  direction: rtl;
  font-size: var(--_headings---h6);
  text-align: center;
}

.blogpost-title {
  font-size: var(--_headings---h3);
  line-height: var(--_typo-height---height--150-txt);
  text-align: center;
}

.blogpost-body-holder {
  max-width: 40rem;
  padding-top: 3rem;
  display: flex;
}

.blogpost-body {
  direction: rtl;
  color: var(--_colors---brand--brand-vdarkb);
  line-height: var(--_typo-height---height--200-txt);
  text-align: right;
}

.saudi {
  -webkit-text-fill-color: transparent;
  background-image: url('../images/Saudi-flag-gif.gif');
  background-position: 0 0;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
}

.websites-bg {
  background-image: url('../images/cta-sand-bg.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: fixed;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.websites-bg._2 {
  background-image: url('../images/slogan-bg.svg');
}

.websites-bg._3 {
  background-image: url('../images/slogan-bg.svg');
  margin-top: 25px;
}

.websites-bg.slogan1 {
  background-image: url('../images/slogan-bg-darts.png');
  background-position: 50%;
  background-size: contain;
}

.websites-bg.slogan2 {
  background-image: url('../images/slogna-bg-4.png');
  margin-top: 30px;
  transform: translate(-47px);
}

.background-div {
  position: relative;
  overflow: hidden;
}

.section_cta2 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.bg-loop-wrapper {
  width: 8000px;
  height: 120vh;
  min-height: 100vh;
  display: flex;
  overflow: hidden;
}

.bg-loop-wrapper.slogan {
  height: 50vh;
  min-height: auto;
}

.heading-2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.4vw;
  font-weight: 500;
  line-height: 130%;
}

.heading-2.middle {
  text-align: center;
}

.heading-2.middle.maxw {
  max-width: 900px;
}

.text-intro {
  color: #8e8e8e;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 1.5%;
  font-size: 1vw;
  line-height: 130%;
}

.text-intro.middle {
  text-align: center;
}

.text-intro.middle.sub-hero {
  margin-bottom: 2%;
}

.sub-hero-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.service-info {
  grid-column-gap: 16px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between start;
  justify-items: start;
  max-width: 500px;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 0;
  display: grid;
}

.stacked-title {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.content-wrapper {
  z-index: 20;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  display: grid;
  position: relative;
}

.subtitle {
  direction: rtl;
  color: var(--_colors---brand--brand-vdarkb);
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
}

.growing-image {
  flex: 1;
  width: 40%;
  position: relative;
}

.growing-image.right {
  margin-left: 24px;
}

.growing-image.small {
  flex: 0 auto;
  width: 35%;
  margin-right: 0;
  overflow: visible;
}

.growing-image.left {
  margin-right: 24px;
}

.service-list {
  grid-column-gap: 16px;
  grid-row-gap: 170px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.section_vmv-2 {
  z-index: 20;
  background-image: linear-gradient(180deg, #fffcf9, var(--_colors---brand--brand-lightb) 48%, var(--_colors---brand--brand-lightb) 62%, #fffcf9);
  border-bottom: 1px solid #eff9fc1a;
  justify-content: center;
  padding-top: 180px;
  padding-bottom: 180px;
  display: flex;
  position: relative;
  overflow: visible;
}

.heading-3 {
  direction: rtl;
  color: var(--_colors---brand--brand-vdarkb);
  text-align: center;
}

.stacked-content {
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.service-item {
  grid-column-gap: 120px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 50% 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.service-item.left {
  grid-template-columns: 1fr 50%;
}

.body-display {
  direction: rtl;
  color: var(--_colors---brand--brand-darkb);
  text-align: center;
  font-size: 18px;
  line-height: 1.65em;
}

.large-growing-images {
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1px 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  min-height: 550px;
  display: flex;
}

.large-growing-images.small {
  height: 35vw;
  min-height: 100%;
}

.growing-background {
  background-image: url('../images/Image013.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.growing-background.ten {
  background-image: url('../images/background.jpg');
}

.growing-background.nine {
  background-image: url('../images/miswak-bundle.JPG');
}

.growing-background.eight {
  background-image: url('../images/tree.JPG');
}

.growing-background.eight.shade {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/tree.JPG');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.growing-background.seven {
  background-image: url('../images/miswak.jpg');
}

.growing-background.seven.shade {
  background-image: linear-gradient(#0009, #0009), url('../images/miswak.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.medium-width {
  max-width: 500px;
}

.medium-width-intro {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 675px;
  display: grid;
}

.grid-wrapper {
  z-index: 25;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr);
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
}

.slogan-bg {
  background-image: url('../images/cta-sand-bg.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: fixed;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.slogan-bg.slightly-high {
  height: 150%;
  margin-top: -170px;
}

.bg-loop-wrapper-copy {
  width: 8000px;
  height: 50vh;
  min-height: auto;
  display: flex;
  overflow: hidden;
}

.bg-loop-wrapper-copy.slogan {
  height: 50vh;
  min-height: auto;
}

.websites-bg-copy {
  background-image: url('../images/slogan-bg-darts.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: fixed;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.websites-bg-copy._2 {
  background-image: url('../images/slogan-bg.svg');
}

.websites-bg-copy._3 {
  background-image: url('../images/slogan-bg.svg');
  margin-top: 25px;
}

.websites-bg-copy.slogan1 {
  background-image: url('../images/slogan-bg-darts.png');
  background-position: 50%;
  background-size: contain;
}

.websites-bg-copy.slogan2 {
  background-image: url('../images/slogna-bg-4.png');
  margin-top: 30px;
  transform: translate(-47px);
}

.small-text_component {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.small-text_component.is-absolute {
  display: block;
  position: absolute;
  inset: 5% auto auto 5%;
}

.small-text_wrapper {
  border: 1px solid #f38056;
  border-radius: 6px;
  padding: 1rem 1rem .8rem;
  display: inline-flex;
}

.title {
  color: #000;
  text-align: center;
  font-size: 10rem;
  font-weight: 900;
  line-height: 100%;
}

.small-text {
  color: #fffce1;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 900;
  line-height: 120%;
}

.small-text.is-black {
  color: #000;
}

.section_title {
  border-bottom: 1px solid #000;
  justify-content: center;
  align-items: center;
  height: 90vh;
  padding-top: 4rem;
  display: flex;
  position: relative;
}

.transition-wrap {
  z-index: 999999;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.transition-image-wrap {
  object-fit: cover;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  transform: translate(0, 100%);
}

.transition-image-wrap.img-1 {
  z-index: 3;
  background-color: var(--_colors---brand--brand-vdarkb);
}

.transition-image-wrap.img-2 {
  z-index: 4;
  background-color: var(--_colors---brand--brand-lightb);
}

.transition-image-wrap.img3 {
  z-index: 5;
  background-color: var(--_colors---brand--brand-darkb);
}

.transition-image-wrap.img-4 {
  z-index: 6;
  background-color: var(--_colors---brand--brand-offwhite);
}

.transition-image-wrap.img-5 {
  z-index: 7;
  background-color: var(--_colors---brand--brand-darkb);
}

.transition-image-wrap.img-6 {
  z-index: 8;
  background-color: var(--_colors---brand--brand-offwhite);
}

.transition-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.transition-image.img-1 {
  display: none;
}

.transition-image.img-2 {
  background-color: var(--_colors---system--class);
  display: none;
}

.transition-image.img-3 {
  background-color: var(--_colors---neutral-primary--neutral-550-shaded-grey);
  display: none;
}

.transition-image.img-4 {
  background-color: var(--_colors---neutral-secondary--neutral-725);
  display: none;
}

.transition-image.img-5 {
  background-color: var(--_colors---brand--brand-vdarkb);
  display: none;
}

.transition-image.img-6 {
  background-color: var(--_colors---brand--brand-lightb);
  object-fit: fill;
  padding: 2rem;
}

.contact-form-tiny-text {
  font-size: 14px;
}

.stacked-content---contact {
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.service-item---contact {
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.service-item---contact.left {
  grid-template-columns: 1fr 50%;
}

.content-wrapper--contact {
  z-index: 20;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  width: 100%;
  display: grid;
  position: relative;
}

.grid-wrapper---contact {
  z-index: 25;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(5vw, 1fr);
  grid-auto-columns: 1fr;
  place-items: center stretch;
  width: 100%;
  display: grid;
  position: relative;
}

.service-list---contact {
  grid-column-gap: 16px;
  grid-row-gap: 170px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.contact-link-text-holder {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.contact-optoin-text {
  color: var(--_colors---brand--brand-offwhite);
  font-size: var(--_headings---h3);
  line-height: var(--_typo-height---height--150-txt);
  text-align: center;
  margin-bottom: 1rem;
}

.contact-optoin-text-descrop {
  color: var(--_colors---brand--brand-offwhite);
  text-align: center;
}

.faq-list-wrapper-nocms {
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
}

.bigblog-list-nocms {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.bigblog-item-nocms {
  height: 100%;
}

.bigblog-card-nocms {
  color: var(--_colors---brand--brand-vdarkb);
  border-radius: 2rem .25rem .25rem;
  width: 100%;
  max-width: 60vh;
  text-decoration: none;
  overflow: hidden;
  box-shadow: 0 5px 5rem #cfb2865c;
}

.miniblog-list-nocms {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.miniblog-item-nocms {
  height: 100%;
}

.miniblog-card-nocms {
  color: var(--_colors---brand--brand-vdarkb);
  border-radius: 2rem .25rem .25rem;
  width: 100%;
  max-width: 60vh;
  height: 100%;
  text-decoration: none;
  overflow: hidden;
  box-shadow: 0 5px 5rem #cfb2865c;
}

.section_contact-typform {
  margin-top: 5rem;
}

.contact-tf-holder {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  background-color: var(--_colors---brand--brand-darkb);
  background-image: url('../images/subher-bg.png');
  background-position: 0 0;
  background-size: auto;
  border-radius: 3rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 90vw;
  height: 50vh;
  padding: 5rem;
  display: flex;
}

.typeform-button {
  text-align: center;
  margin-top: 2rem;
}

.shop-item {
  height: 100%;
}

.shop-item-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.shop-item-card-header {
  position: relative;
}

.shop-card-body {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  border-style: none solid solid;
  border-width: 1px;
  border-color: black var(--_colors---brand--brand-vdarkb) black black;
  flex-flow: column;
  padding: 3.5rem 1.5rem 1.5rem;
  font-size: .9rem;
  display: flex;
}

.shop-card-header {
  background-color: #e7e7e7;
  position: relative;
}

.shop-card-header-overlay {
  background-color: #1d0a470d;
  position: absolute;
  inset: 0%;
}

@media screen and (max-width: 991px) {
  .styleguide_section-wrapper.positon-section {
    grid-template-columns: 1fr 1fr;
  }

  .styleguide_item-body.grid-2col {
    grid-template-columns: 1fr;
  }

  .u-padd-globl-v {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .heading_3_xs-208rem.light.u-txt-align-cntr {
    font-size: var(--_headings---h4);
    line-height: var(--_typo-height---height--150-txt);
  }

  .heading_3_xs-208rem.light.u-txt-align-cntr.slogan {
    padding-bottom: 0;
    font-size: 5rem;
  }

  .u-hide-tab {
    display: none;
  }

  .btn-wrap {
    max-width: 5rem;
  }

  .side-menu-item-wrapper.flex-v {
    padding-top: 1rem;
  }

  .cta-content-wrap {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .marquee-text_component {
    font-size: 1.5vw;
  }

  .marquee-text_text {
    line-height: var(--_typo-height---height--200-txt);
  }

  .marquee-text_icon {
    width: 4em;
  }

  .footer-items-wrap {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .hadeeth-holder {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .hadeeth-bg-holder {
    background-color: var(--_colors---brand--brand-vdarkb);
  }

  .intro-text-holder {
    max-width: 80%;
  }

  .hero-wrap {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .hero-video-wrap.hide-1, .hero-video-wrap.hide-2 {
    display: none;
  }

  .feature-wrap {
    grid-template-columns: 1fr;
  }

  .intro-wrap {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .intro-holder {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .minivid {
    width: 7rem;
    height: 7rem;
  }

  .wrapper {
    border-right: 1px solid #ffffff26;
    width: 100%;
  }

  .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .career-wrap {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .blog-list, .miniblog-list, .bigblog-list {
    grid-template-columns: 1fr;
  }

  .websites-bg.slogan1 {
    background-size: contain;
  }

  .bg-loop-wrapper {
    height: 100vh;
  }

  .bg-loop-wrapper.slogan {
    height: 30vh;
  }

  .heading-2 {
    font-size: 6.2vw;
  }

  .text-intro {
    margin-bottom: 2.5%;
    font-size: 2vw;
  }

  .sub-hero-content.pad {
    padding-left: 5%;
    padding-right: 5%;
  }

  .service-info {
    padding-top: 0;
    padding-bottom: 0;
  }

  .stacked-title {
    grid-row-gap: 24px;
  }

  .content-wrapper {
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .section_vmv-2 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .service-item {
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .service-item.left {
    grid-template-columns: 1fr;
  }

  .large-growing-images.small {
    height: 45vw;
    min-height: 400px;
  }

  .grid-wrapper {
    grid-row-gap: 20px;
    grid-template-rows: 1fr;
  }

  .bg-loop-wrapper-copy, .bg-loop-wrapper-copy.slogan {
    height: 30vh;
  }

  .websites-bg-copy.slogan1 {
    background-size: contain;
  }

  .service-item---contact {
    grid-row-gap: 80px;
  }

  .service-item---contact.left {
    grid-template-columns: 1fr;
  }

  .content-wrapper--contact {
    grid-row-gap: 60px;
  }

  .grid-wrapper---contact {
    grid-row-gap: 20px;
  }

  .bigblog-list-nocms, .miniblog-list-nocms {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 767px) {
  .styleguide_section-wrapper.grid-3col {
    grid-template-columns: 1fr 1fr;
  }

  .styleguide_font_description {
    font-size: 1.5rem;
  }

  .styleguide_font_type, .styleguide_font_weights {
    font-size: 1rem;
  }

  .u-padd-globl-v {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .heading_3_xs-208rem.light.u-txt-align-cntr.slogan {
    padding-bottom: 1rem;
    font-size: 10vw;
  }

  .u-hide-land {
    display: none;
  }

  .btn-wrap {
    max-width: 5rem;
  }

  .side-menu-background {
    width: 100%;
  }

  .side-menu-wrapper {
    align-items: stretch;
    width: 100%;
    padding-top: 7rem;
    overflow: hidden;
  }

  .side-menu_component {
    width: 100%;
    overflow: hidden;
  }

  .side-menu-item-wrapper.flex-v {
    align-items: center;
    padding-top: 0;
  }

  .nav-items {
    width: 90%;
  }

  .special-text-wrapper {
    height: auto;
  }

  .nav-item-text {
    font-size: var(--_headings---h3);
    line-height: var(--_typo-height---height--150-txt);
  }

  .nav-item-text-full {
    font-size: var(--_headings---h3);
    line-height: 90px;
    display: none;
  }

  .bg-looop-wrap {
    height: 100vh;
  }

  .marquee-text_component {
    font-size: 2vw;
  }

  .marquee-text_text {
    font-size: var(--_headings---h3);
  }

  .subhero-txt {
    font-size: var(--_headings---h5);
  }

  .hadeeth-holder {
    grid-row-gap: 2.9rem;
    max-width: 90%;
  }

  .hadeeth-txt {
    font-size: var(--_headings---h3);
  }

  .hadeeth-txt-subtitle {
    font-size: var(--_headings---h6);
  }

  .intro-text {
    font-size: var(--_headings---h5);
  }

  .hero-wrap {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .hero-video-wrap.portrait, .hero-video-wrap.hide-0 {
    display: none;
  }

  .intro-wrap {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .question-txt {
    font-size: 1rem;
  }

  .icon-circle {
    width: 35px;
    height: 35px;
  }

  .icon {
    width: 17px;
  }

  .list-item-header {
    font-size: 25px;
  }

  .bg-loop-wrapper.slogan {
    height: 50vh;
  }

  .heading-2 {
    font-size: 8vw;
  }

  .text-intro {
    font-size: 2.5vw;
  }

  .text-intro.middle.sub-hero {
    margin-bottom: 3%;
  }

  .sub-hero-content.pad {
    margin-top: 0%;
  }

  .service-info {
    grid-row-gap: 48px;
  }

  .content-wrapper {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .service-list {
    grid-row-gap: 100px;
  }

  .section_vmv-2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .service-item {
    grid-row-gap: 60px;
  }

  .large-growing-images {
    height: 65vw;
    min-height: 300px;
  }

  .large-growing-images.small {
    height: 60vw;
    min-height: auto;
  }

  .bg-loop-wrapper-copy, .bg-loop-wrapper-copy.slogan {
    height: 50vh;
  }

  .service-item---contact {
    grid-row-gap: 60px;
  }

  .content-wrapper--contact {
    grid-row-gap: 48px;
  }

  .service-list---contact {
    grid-row-gap: 100px;
  }

  .contact-optoin-text {
    font-size: var(--_headings---h5);
  }

  .contact-optoin-text-descrop {
    font-size: 12px;
  }
}

@media screen and (max-width: 479px) {
  .styleguide_section-wrapper.positon-section, .styleguide_section-wrapper.grid, .styleguide_section-wrapper.grid-3col {
    grid-template-columns: 1fr;
  }

  .styleguide_heading_1-header {
    font-size: 3rem;
  }

  .styleguide_heading_2-sectoin-header {
    font-size: 2.5rem;
  }

  .styleguide_heading_3-section-sublheader {
    font-size: 2rem;
  }

  .heading_1_xs-5rem, .heading_2_xs-305rem, .heading_3_xs-208rem {
    --_headings---h1: 4rem;
    --_headings---h2: 3rem;
    --_headings---h3: 2.4rem;
    --_headings---h4: 2rem;
    --_headings---h5: 1.6rem;
    --_headings---h6: 1.2rem;
  }

  .heading_3_xs-208rem.light.u-txt-align-cntr.slogan {
    font-size: 14vw;
    line-height: var(--_typo-height---height--110-txt);
  }

  .heading_6_xs-102rem {
    --_headings---h1: 4rem;
    --_headings---h2: 3rem;
    --_headings---h3: 2.4rem;
    --_headings---h4: 2rem;
    --_headings---h5: 1.6rem;
    --_headings---h6: 1.2rem;
  }

  .u-hide-mob {
    display: none;
  }

  .btn-wrap {
    max-width: 5rem;
  }

  .nav-btn {
    width: 3.5rem;
    height: 3.5rem;
  }

  .nav-btn-lottie {
    width: 1.85rem;
    max-height: 1.25rem;
  }

  .link-block {
    max-width: 7.5rem;
  }

  .side-menu-wrapper, .nav-items {
    width: 100%;
  }

  .nav-item-text, .nav-item-text-full {
    font-size: 2.5rem;
  }

  .cta-content-wrap.slogan {
    width: 95%;
  }

  .marquee-text_icon {
    width: 5em;
  }

  .footer-items-wrap {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .footer-label-txt {
    text-align: center;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .footer-item-txt, .footer-item-txt-holder.ar {
    text-align: center;
  }

  .footer-spacer {
    margin-bottom: 3rem;
  }

  .footer-footer-wrap {
    grid-template-columns: 1fr;
  }

  .footer-txtlogo-holder.mobile {
    padding-top: 1rem;
  }

  .footer-rights-holder.mobile {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .hadeeth-holder {
    grid-row-gap: 2.1rem;
  }

  .hadeeth-txt {
    font-size: var(--_headings---h5);
  }

  .hadeeth-txt-subtitle {
    font-size: .9rem;
    line-height: var(--_typo-height---height--150-txt);
    text-align: center;
  }

  .intro-text-holder {
    max-width: 85%;
  }

  .intro-text {
    font-size: 1.4rem;
    font-weight: 400;
  }

  .hero-wrap {
    grid-template-rows: auto;
  }

  .feature-card-content-holder {
    min-width: 90vw;
    padding: 5rem 1rem 7rem;
  }

  .background-video {
    height: 100vh;
  }

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

  .minivid._4 {
    transform: translate(0)rotate(-25deg);
  }

  .subhero-2-txt-holder {
    width: 90vw;
  }

  .subhero-2-txt {
    font-size: var(--_headings---h2);
    text-align: center;
  }

  .question-txt {
    max-width: 80%;
  }

  .answer-txt {
    line-height: var(--_typo-height---height--150-txt);
  }

  .faq-list-wrapper {
    max-width: 80vw;
  }

  .contact-checkbox {
    width: 13px;
    height: 13px;
    margin-right: 9px;
  }

  .button {
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 17px;
  }

  .contact-field-input {
    height: 45px;
  }

  .contact-checkbox-label, .p-15, .link {
    font-size: 13px;
  }

  .contact-field-label {
    font-size: 15px;
  }

  .list-item-header {
    font-size: 18px;
  }

  .blogpost-tilte-holder {
    margin-bottom: 1rem;
  }

  .image-2 {
    border-radius: 1rem;
  }

  .blogpost-header-txt {
    font-size: .8rem;
  }

  .blogpost-title {
    font-size: var(--_headings---h5);
  }

  .websites-bg.slogan1 {
    background-size: contain;
  }

  .bg-loop-wrapper.slogan {
    height: 20vh;
    min-height: auto;
  }

  .heading-2 {
    font-size: 9.5vw;
  }

  .text-intro {
    font-size: 4vw;
  }

  .text-intro.middle.sub-hero {
    margin-bottom: 5%;
  }

  .service-info, .content-wrapper {
    grid-row-gap: 36px;
  }

  .heading-3 {
    font-size: 36px;
  }

  .large-growing-images {
    min-height: auto;
  }

  .large-growing-images.small {
    height: 55vw;
    min-height: auto;
  }

  .bg-loop-wrapper-copy {
    height: 20vh;
  }

  .bg-loop-wrapper-copy.slogan {
    height: 20vh;
    min-height: auto;
  }

  .websites-bg-copy {
    background-size: 500px;
  }

  .websites-bg-copy.slogan1 {
    background-size: contain;
  }

  .transition-image.img-6 {
    object-fit: contain;
  }

  .content-wrapper--contact {
    grid-row-gap: 36px;
  }

  .faq-list-wrapper-nocms {
    max-width: 80vw;
  }
}

#w-node-_2be1f262-55e7-ae8d-5220-8f9e16ab2cd0-53029d52 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-fe571758-da14-ed59-0623-8cd4b268d1cd-53029d52 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_7d6ae49c-afec-9cea-1fc2-df3b49452991-53029d52 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_1dd293b0-4db3-6784-c25f-cf437c5f3eec-53029d52 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_704c1d04-71fa-0115-de20-10f84ba8e341-53029d52 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-ac9f9e1b-c5ee-a4bd-0a17-0fe3be06cb59-53029d52 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-ebab4aff-1370-2acb-9f69-bd1cfc3f4f2b-53029d52 {
  grid-area: 2 / 3 / 4 / 4;
}

#w-node-_15a1e37f-365c-3697-e7dc-5e9ee72d8d42-53029d52 {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-af010e52-91d8-866b-7e5b-691eec38d81a-53029d52 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-d685755b-1b01-6fa6-5f5c-422c650efa07-53029d52, #w-node-_7e76eef9-5faf-72c2-ba34-3e62ff052e11-53029d52, #w-node-d8c65531-5d84-df55-5a56-f8963d5eee11-53029d52, #w-node-_44dd207c-0e7a-cc8f-744c-2653d867afe2-53029d52, #w-node-_44dd207c-0e7a-cc8f-744c-2653d867afe4-53029d52, #w-node-_44dd207c-0e7a-cc8f-744c-2653d867afe6-53029d52, #w-node-_44dd207c-0e7a-cc8f-744c-2653d867afe9-53029d52 {
  justify-self: center;
}

#w-node-_56985386-faef-379e-643f-d5ce9918617b-53029d52 {
  justify-self: start;
}

#w-node-_56985386-faef-379e-643f-d5ce9918617d-53029d52, #w-node-_56985386-faef-379e-643f-d5ce9918617f-53029d52, #w-node-_56985386-faef-379e-643f-d5ce99186182-53029d52 {
  justify-self: center;
}

#w-node-_0d845c63-177c-a0cf-c5db-588fea61eae0-53029d52 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
}

#w-node-_494fe44f-da08-8f6b-2aee-f88b36fae330-53029d52 {
  grid-area: 1 / 3 / 2 / 4;
  justify-self: center;
}

#w-node-_5df607dd-ac86-40f6-b042-739361115955-53029d52 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_29e7ddbf-4801-40d5-cf81-a48f302b7d11-53029d52 {
  grid-area: 2 / 1 / 3 / 2;
  justify-self: center;
}

#w-node-_34684aca-cfed-2cbb-8c78-2ac04c699338-53029d52 {
  grid-area: 2 / 3 / 3 / 4;
  justify-self: center;
}

#w-node-_38e57188-c43e-a667-9afb-16f294f4d37b-94f4d378 {
  place-self: start center;
}

#w-node-_38e57188-c43e-a667-9afb-16f294f4d385-94f4d378 {
  justify-self: end;
}

#w-node-_38e57188-c43e-a667-9afb-16f294f4d387-94f4d378, #w-node-_38e57188-c43e-a667-9afb-16f294f4d391-94f4d378 {
  place-self: start center;
}

#w-node-_38e57188-c43e-a667-9afb-16f294f4d392-94f4d378 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_38e57188-c43e-a667-9afb-16f294f4d394-94f4d378 {
  place-self: start center;
}

#w-node-_38e57188-c43e-a667-9afb-16f294f4d3aa-94f4d378 {
  align-self: start;
}

#w-node-_38e57188-c43e-a667-9afb-16f294f4d3b3-94f4d378 {
  grid-area: 1 / 1 / 2 / 3;
  justify-self: center;
}

#w-node-_38e57188-c43e-a667-9afb-16f294f4d3b5-94f4d378 {
  justify-self: start;
}

#w-node-_38e57188-c43e-a667-9afb-16f294f4d3ba-94f4d378 {
  justify-self: end;
}

#w-node-_99d456e0-4765-3d84-606b-c6cbfe4f0ccc-fe4f0cc1 {
  align-self: center;
}

#w-node-_489ddff4-e6df-c700-b42b-f3fb6b1525dd-53029d54, #w-node-_489ddff4-e6df-c700-b42b-f3fb6b1525e4-53029d54, #w-node-_489ddff4-e6df-c700-b42b-f3fb6b1525eb-53029d54, #w-node-_5f658802-09ae-a649-36de-c348e5322da1-53029d54, #w-node-_0fdae772-41df-79b4-0083-2110c18b0af8-53029d54, #w-node-c94c1197-2972-3080-f963-7dda06319597-53029d54, #w-node-_7659f022-d0fe-1f45-bd67-9dac347cb947-53029d54, #w-node-_3a530044-3ace-3723-a091-8eb387126510-53029d54, #w-node-f4563076-12b9-1f42-a202-ab4d892d7284-53029d54, #w-node-_1fa86fa2-c66a-615a-1e56-abe3c4c30d1e-53029d54, #w-node-dfe130eb-364d-391e-1fef-007b12977b5a-53029d54, #w-node-_4aa17b39-7a8f-f670-33f5-7a37cb8b50c5-53029d54, #w-node-f1cb1936-a2c6-4de8-e086-b692d38cbad0-53029d54, #w-node-bb46f912-edb9-aa96-863a-d79fc95afa88-53029d54, #w-node-_1dd736a7-bb5b-93b4-cb15-f4d498795925-53029d54, #w-node-_3e1b4288-17a4-ac99-3ed9-ba11d2440a93-53029d54, #w-node-ec59b3c3-558c-ddc0-3cae-41340e230110-53029d54, #w-node-_6164bac3-3459-6ea2-5f48-57fd533564bf-53029d54, #w-node-c84d8643-e4c1-613f-bbbc-ebe770f249ec-53029d54, #w-node-_52d2ced5-700c-4c72-490d-da4cdd659c96-53029d54, #w-node-_1a561f73-4131-a2cf-0011-ea3a278375ea-53029d54, #w-node-_7224b753-62a4-7b58-f551-3ea17d4c5835-53029d54, #w-node-_10019717-89dc-b7bb-9995-5c5314dec188-53029d54, #w-node-fa3cd2a7-e430-2b0a-9eed-81050440a751-53029d54, #w-node-fa3cd2a7-e430-2b0a-9eed-81050440a758-53029d54, #w-node-fa3cd2a7-e430-2b0a-9eed-81050440a75f-53029d54, #w-node-fa3cd2a7-e430-2b0a-9eed-81050440a766-53029d54, #w-node-_524ba176-57bc-2711-4cf8-cb87ec579d0c-53029d54, #w-node-fcc28270-66fd-6a22-b64f-b56f446602c4-53029d54 {
  justify-self: start;
}

#w-node-_524ba176-57bc-2711-4cf8-cb87ec579d13-53029d54, #w-node-_191a7a0a-82ab-0aa1-b880-3cd594eb73ac-53029d54 {
  place-self: start;
}

#w-node-_62f2d2ea-a238-df89-af64-76a3de9a9e7e-53029d54, #w-node-_62f2d2ea-a238-df89-af64-76a3de9a9e85-53029d54, #w-node-de3a85bc-f194-59d8-4c4f-6d278818c053-53029d54, #w-node-dbbdc17a-7583-8786-3b5f-4b6f0a29309e-53029d54, #w-node-_96be4460-a7e0-9cce-31ef-a6977371797c-53029d54, #w-node-_1ef71fa2-88df-4808-ec49-b39d7b423935-53029d54, #w-node-_776f3dbb-e7cf-e3f3-5ee0-c529faddb0f2-53029d54, #w-node-_5d154ff7-f67c-70f6-2fd0-c6e23017642b-53029d54, #w-node-_2d94c309-c032-eaa9-06d6-366bbc6c3a55-53029d54, #w-node-_2d94c309-c032-eaa9-06d6-366bbc6c3a5c-53029d54, #w-node-_2d94c309-c032-eaa9-06d6-366bbc6c3a63-53029d54, #w-node-_2d94c309-c032-eaa9-06d6-366bbc6c3a6a-53029d54, #w-node-_2d94c309-c032-eaa9-06d6-366bbc6c3a71-53029d54, #w-node-_53637718-f908-8d37-5f1b-58f6dff2091b-53029d54, #w-node-_21d4be98-9893-8ad2-f9da-f731d0bc79a1-53029d54, #w-node-_9d545aab-70df-2cca-966e-293033ba2b26-53029d54, #w-node-c1f980a4-ebb6-23df-30d2-dc79859c9479-53029d54, #w-node-eba9e1b5-c017-eb75-757c-122063f9eef9-53029d54, #w-node-_5dc04a7c-24d0-08ad-03e2-ac881b94ba5a-53029d54, #w-node-bd575638-8c4a-1ab0-bf1c-3bd2e3b4a71d-53029d54, #w-node-_53c7a3bd-942a-2a57-ae09-3ff28ae873e4-53029d54, #w-node-_53c7a3bd-942a-2a57-ae09-3ff28ae873eb-53029d54, #w-node-_53c7a3bd-942a-2a57-ae09-3ff28ae873f2-53029d54, #w-node-_89ec3984-1f3d-4e27-4303-b200e71f0de3-53029d54, #w-node-_1f4e6db1-2c3b-55b3-022b-8d0f811dd85b-53029d54, #w-node-_78b3cc80-0416-d180-92b4-eb2f7e0845be-53029d54, #w-node-_9b394307-3e51-a4c5-bab9-ffb46803aae6-53029d54, #w-node-c0deb445-48a9-1890-0e4e-d3e44bf59848-53029d54, #w-node-c0deb445-48a9-1890-0e4e-d3e44bf5984f-53029d54, #w-node-c0deb445-48a9-1890-0e4e-d3e44bf59856-53029d54, #w-node-_6c287f47-85f0-571e-7040-1ee973afbaef-53029d54, #w-node-_442f3564-5b2c-77a0-0bc6-a9e5713824ed-53029d54, #w-node-c9f9c578-a95d-a515-84fa-863243e20988-53029d54, #w-node-aded49ff-3cda-f990-5834-a63a466c441b-53029d54, #w-node-c6abffbd-ec49-1850-352d-3f57c325cae0-53029d54, #w-node-_8e4a9539-ff3c-83f4-e8a6-618f2995572a-53029d54, #w-node-affaa673-3b80-b298-feb1-9479f48762e8-53029d54, #w-node-_438dd6a9-f838-4576-7c4d-e68c5b7a5095-53029d54, #w-node-_5320758a-de02-ee8c-af59-81b13c401cfa-53029d54, #w-node-f66f6b19-710e-b1cc-ff4d-8a01db588da9-53029d54, #w-node-_0077838e-590e-bdd1-9c14-4099bde69599-53029d54, #w-node-_48a3a7dd-699a-189c-56ad-a2f559e1c05f-53029d54, #w-node-_7aeff335-1c27-0409-97a7-9f835010f914-53029d54, #w-node-ac65fc08-b5ec-630c-3227-f2535d1821e1-53029d54, #w-node-_0d53e5b9-2fff-9461-e3f8-60e90c29f04e-53029d54, #w-node-_3770c48e-938d-985c-ee6f-7d25a3f6d980-53029d54, #w-node-cd9ea0a4-ce93-f871-696f-5cb15734bd0e-53029d54 {
  justify-self: start;
}

#w-node-_64bf07c6-f276-7482-c8ff-13489b7545f5-53029d54 {
  align-self: end;
}

#w-node-_64bf07c6-f276-7482-c8ff-13489b7545f6-53029d54 {
  align-self: center;
}

#w-node-_64bf07c6-f276-7482-c8ff-13489b7545fa-53029d54 {
  justify-self: start;
}

#w-node-bcfc37d8-88cb-cccc-d2a5-7668292bd434-53029d54 {
  align-self: end;
}

#w-node-bcfc37d8-88cb-cccc-d2a5-7668292bd435-53029d54 {
  align-self: center;
}

#w-node-bcfc37d8-88cb-cccc-d2a5-7668292bd439-53029d54 {
  justify-self: start;
}

#w-node-_1b29d94b-f5fc-3a67-b08d-7ee75382662b-53029d54 {
  align-self: end;
}

#w-node-_1b29d94b-f5fc-3a67-b08d-7ee75382662c-53029d54 {
  align-self: center;
}

#w-node-_1b29d94b-f5fc-3a67-b08d-7ee753826630-53029d54 {
  justify-self: start;
}

#w-node-b8fbf15d-afb7-c478-72b2-0cb2895b4260-53029d54 {
  align-self: end;
}

#w-node-b8fbf15d-afb7-c478-72b2-0cb2895b4261-53029d54 {
  align-self: center;
}

#w-node-b8fbf15d-afb7-c478-72b2-0cb2895b4265-53029d54 {
  justify-self: start;
}

#w-node-_6799c3b6-119a-26fd-78e5-fe170f74ee82-53029d54 {
  align-self: end;
}

#w-node-_6799c3b6-119a-26fd-78e5-fe170f74ee83-53029d54 {
  align-self: center;
}

#w-node-_6799c3b6-119a-26fd-78e5-fe170f74ee87-53029d54 {
  justify-self: start;
}

#w-node-_94f0f49e-0ca2-15b7-5303-efe12aca695a-53029d54 {
  align-self: end;
}

#w-node-_94f0f49e-0ca2-15b7-5303-efe12aca695b-53029d54 {
  align-self: center;
}

#w-node-_94f0f49e-0ca2-15b7-5303-efe12aca695f-53029d54 {
  justify-self: start;
}

#w-node-_96eafdad-8395-26b1-43eb-5cb54d933b67-53029d54 {
  align-self: end;
}

#w-node-_96eafdad-8395-26b1-43eb-5cb54d933b68-53029d54 {
  align-self: center;
}

#w-node-_96eafdad-8395-26b1-43eb-5cb54d933b6c-53029d54 {
  justify-self: start;
}

#w-node-a14a963d-d70d-c474-5063-3e2335d730e4-53029d54 {
  align-self: end;
}

#w-node-a14a963d-d70d-c474-5063-3e2335d730e5-53029d54 {
  align-self: center;
}

#w-node-a14a963d-d70d-c474-5063-3e2335d730e9-53029d54 {
  justify-self: start;
}

#w-node-c2af2cce-08ae-9de2-b523-6c20a8c86217-53029d54 {
  align-self: end;
}

#w-node-c2af2cce-08ae-9de2-b523-6c20a8c86218-53029d54 {
  align-self: center;
}

#w-node-c2af2cce-08ae-9de2-b523-6c20a8c8621c-53029d54 {
  justify-self: start;
}

#w-node-c905cb0d-b3fd-45cb-87a5-ca86548f7e0a-53029d54 {
  align-self: end;
}

#w-node-c905cb0d-b3fd-45cb-87a5-ca86548f7e0b-53029d54 {
  align-self: center;
}

#w-node-c905cb0d-b3fd-45cb-87a5-ca86548f7e0f-53029d54 {
  justify-self: start;
}

#w-node-d53362a7-30a8-da1e-3328-7a63005a0bdc-53029d54 {
  align-self: end;
}

#w-node-d53362a7-30a8-da1e-3328-7a63005a0bdd-53029d54 {
  align-self: center;
}

#w-node-d53362a7-30a8-da1e-3328-7a63005a0be1-53029d54 {
  justify-self: start;
}

#w-node-_701ad378-e28a-6966-69af-5aa0816eb72e-53029d54 {
  align-self: end;
}

#w-node-_701ad378-e28a-6966-69af-5aa0816eb72f-53029d54 {
  align-self: center;
}

#w-node-_701ad378-e28a-6966-69af-5aa0816eb733-53029d54 {
  justify-self: start;
}

#w-node-_268cd1e2-40b5-5c6d-407c-a6158a5c2fcc-53029d54 {
  align-self: end;
}

#w-node-_268cd1e2-40b5-5c6d-407c-a6158a5c2fcd-53029d54 {
  align-self: center;
}

#w-node-_268cd1e2-40b5-5c6d-407c-a6158a5c2fd1-53029d54 {
  justify-self: start;
}

#w-node-_71de1681-f50e-a44b-9bcd-69aea4669cb1-53029d54 {
  align-self: end;
}

#w-node-_71de1681-f50e-a44b-9bcd-69aea4669cb2-53029d54 {
  align-self: center;
}

#w-node-_71de1681-f50e-a44b-9bcd-69aea4669cb6-53029d54, #w-node-_5e346469-35b9-514c-a362-30f0ca4038dc-53029d54, #w-node-_5e346469-35b9-514c-a362-30f0ca4038e3-53029d54, #w-node-_5e346469-35b9-514c-a362-30f0ca4038ea-53029d54, #w-node-_5e346469-35b9-514c-a362-30f0ca4038f1-53029d54, #w-node-_9bb1d1f2-07a8-7b0c-7d31-ae1bfc65fe20-53029d54, #w-node-_8acfcc53-6b00-87c7-0c79-b10b8076a95f-53029d54, #w-node-_655f6222-8582-0b0e-1a45-fff969e25b14-53029d54, #w-node-_8731bdaa-1167-f24f-7b25-b5e77d8b66b0-53029d54, #w-node-_7796bc69-6a0b-496a-d259-ea2d3d8e3282-53029d54, #w-node-_60593d11-acc2-6ad1-b0d5-de80e4f5e545-53029d54, #w-node-d67bdfd8-c4c7-1dad-85f6-51008d34265f-53029d54, #w-node-_62767b11-191c-8dd4-eb76-c8fe3be24aab-53029d54, #w-node-_7086f689-2578-537d-4ec3-2da0173b84ff-53029d54, #w-node-_9fd36fea-4292-b535-16c5-7635f2b1e6ee-53029d54, #w-node-d51e2717-5b14-79f4-6c76-1dc34d61992f-53029d54, #w-node-b248dad6-072b-12d7-5a4c-fff38daf4135-53029d54, #w-node-_291588b6-b3f4-c98a-a243-e854a3c7487b-53029d54, #w-node-_0f72f0ac-0f47-00d8-4cd7-8f5e20e65216-53029d54, #w-node-_78333afa-deae-7b86-ffb5-a74b2bf698be-53029d54, #w-node-_8674fe5a-6494-fb41-4425-2f8662915007-53029d54, #w-node-b4c312c4-6b80-ff40-612b-d64f002ff0cb-53029d54, #w-node-_70f94a9c-d3fd-c359-7a82-e6745eecd60f-53029d54, #w-node-_3a9acda7-2f88-9949-3ee8-baaa53ec28dd-53029d54, #w-node-_004a9bb8-994c-deb3-eaae-7988d046ecab-53029d54, #w-node-_6b48bd2f-eb42-87e3-33bf-d4e10308a9a9-53029d54, #w-node-e2aff753-0450-b492-c704-2213c0efd534-53029d54, #w-node-e808613d-34e8-4682-f974-fdbba156e316-53029d54, #w-node-_2c7c8b56-ab0c-0e22-2df2-77a14da7f4fc-53029d54, #w-node-_646799cc-a593-3aa8-7da5-35c2a62c5346-53029d54, #w-node-_2cbe537b-6c73-c627-247a-43017a6393d3-53029d54, #w-node-c2d75c82-57c6-f970-a1ba-ef27ca9f1e45-53029d54, #w-node-c2d75c82-57c6-f970-a1ba-ef27ca9f1e4c-53029d54, #w-node-c2d75c82-57c6-f970-a1ba-ef27ca9f1e53-53029d54, #w-node-c2d75c82-57c6-f970-a1ba-ef27ca9f1e5a-53029d54, #w-node-c2d75c82-57c6-f970-a1ba-ef27ca9f1e61-53029d54, #w-node-c2d75c82-57c6-f970-a1ba-ef27ca9f1e68-53029d54, #w-node-c2d75c82-57c6-f970-a1ba-ef27ca9f1e6f-53029d54, #w-node-c2d75c82-57c6-f970-a1ba-ef27ca9f1e76-53029d54, #w-node-c2d75c82-57c6-f970-a1ba-ef27ca9f1e7d-53029d54, #w-node-c5b7ec62-f31e-9f60-883a-b05087502081-53029d54, #w-node-c5b7ec62-f31e-9f60-883a-b05087502088-53029d54, #w-node-c5b7ec62-f31e-9f60-883a-b0508750208f-53029d54, #w-node-c5b7ec62-f31e-9f60-883a-b05087502096-53029d54, #w-node-c5b7ec62-f31e-9f60-883a-b0508750209d-53029d54, #w-node-c5b7ec62-f31e-9f60-883a-b050875020a4-53029d54, #w-node-c5b7ec62-f31e-9f60-883a-b050875020ab-53029d54, #w-node-c5b7ec62-f31e-9f60-883a-b050875020b2-53029d54, #w-node-c5b7ec62-f31e-9f60-883a-b050875020b9-53029d54, #w-node-_368067d6-d5f0-075d-6346-78235490a8d5-53029d54, #w-node-_368067d6-d5f0-075d-6346-78235490a8dc-53029d54, #w-node-_368067d6-d5f0-075d-6346-78235490a8e3-53029d54, #w-node-_368067d6-d5f0-075d-6346-78235490a8ea-53029d54, #w-node-_368067d6-d5f0-075d-6346-78235490a8f1-53029d54, #w-node-_368067d6-d5f0-075d-6346-78235490a8f8-53029d54, #w-node-_368067d6-d5f0-075d-6346-78235490a8ff-53029d54, #w-node-_368067d6-d5f0-075d-6346-78235490a906-53029d54, #w-node-_368067d6-d5f0-075d-6346-78235490a90d-53029d54 {
  justify-self: start;
}

#w-node-fed630a9-1a6c-4c42-2128-105edad5f2b6-53029d54 {
  place-self: start;
}

#w-node-fed630a9-1a6c-4c42-2128-105edad5f2bd-53029d54, #w-node-fed630a9-1a6c-4c42-2128-105edad5f2c4-53029d54, #w-node-fed630a9-1a6c-4c42-2128-105edad5f2cb-53029d54, #w-node-_36790b89-8f96-466d-5660-3973770144dc-53029d54, #w-node-_36790b89-8f96-466d-5660-3973770144e3-53029d54, #w-node-_6d3c6fbb-8ee8-b801-3b8d-6503e630d329-53029d54, #w-node-_36790b89-8f96-466d-5660-3973770144ea-53029d54, #w-node-c73a5f2d-26b1-8cf2-6cea-18cc873b5b77-53029d54, #w-node-c73a5f2d-26b1-8cf2-6cea-18cc873b5b7e-53029d54, #w-node-c73a5f2d-26b1-8cf2-6cea-18cc873b5b85-53029d54, #w-node-c73a5f2d-26b1-8cf2-6cea-18cc873b5b8c-53029d54, #w-node-_60e52fb1-258c-e8bf-964a-d9756b18a41e-53029d54, #w-node-_2ce677da-0c11-0eb1-2670-c670fe7811c3-53029d54, #w-node-d21500d8-8d7f-8aa3-6915-614b9a89d8e8-53029d54, #w-node-_00e4911e-a0a4-d00c-8707-e16f1ce81dd4-53029d54, #w-node-e002577d-4060-704a-61a4-bb54512dd01a-53029d54, #w-node-e002577d-4060-704a-61a4-bb54512dd021-53029d54, #w-node-e002577d-4060-704a-61a4-bb54512dd028-53029d54, #w-node-e002577d-4060-704a-61a4-bb54512dd02f-53029d54, #w-node-_1965a91e-ec26-0800-bc98-76420479ddd8-53029d54, #w-node-_1965a91e-ec26-0800-bc98-76420479dddf-53029d54, #w-node-_59e4d7f8-5719-51b7-e3c0-fd338638373d-53029d54, #w-node-_59e4d7f8-5719-51b7-e3c0-fd3386383744-53029d54, #w-node-_59e4d7f8-5719-51b7-e3c0-fd338638374b-53029d54, #w-node-_2fef5b77-c10b-bb5c-fe99-6678ce5de700-53029d54, #w-node-_557d7653-1712-bdcb-6cd2-3aab7c27976f-53029d54, #w-node-_81c8c881-cb0f-bb3b-e6d6-bd7f2bc56534-53029d54, #w-node-_5a4628de-309c-7aa3-9af2-50624c2c52e9-53029d54, #w-node-_42e9672d-f200-df8c-0efb-68e7f3a8ab98-53029d54, #w-node-_42e9672d-f200-df8c-0efb-68e7f3a8ab9f-53029d54, #w-node-b765b64a-a78b-d79c-f61c-beb1c1f878ba-53029d54, #w-node-_489ddff4-e6df-c700-b42b-f3fb6b1525dd-53029d55, #w-node-_489ddff4-e6df-c700-b42b-f3fb6b1525e4-53029d55, #w-node-_489ddff4-e6df-c700-b42b-f3fb6b1525eb-53029d55, #w-node-_5f658802-09ae-a649-36de-c348e5322da1-53029d55, #w-node-_0fdae772-41df-79b4-0083-2110c18b0af8-53029d55, #w-node-c94c1197-2972-3080-f963-7dda06319597-53029d55, #w-node-_7659f022-d0fe-1f45-bd67-9dac347cb947-53029d55, #w-node-_3a530044-3ace-3723-a091-8eb387126510-53029d55, #w-node-f4563076-12b9-1f42-a202-ab4d892d7284-53029d55, #w-node-_1fa86fa2-c66a-615a-1e56-abe3c4c30d1e-53029d55, #w-node-dfe130eb-364d-391e-1fef-007b12977b5a-53029d55, #w-node-_4aa17b39-7a8f-f670-33f5-7a37cb8b50c5-53029d55, #w-node-f1cb1936-a2c6-4de8-e086-b692d38cbad0-53029d55, #w-node-bb46f912-edb9-aa96-863a-d79fc95afa88-53029d55, #w-node-_1dd736a7-bb5b-93b4-cb15-f4d498795925-53029d55, #w-node-_3e1b4288-17a4-ac99-3ed9-ba11d2440a93-53029d55, #w-node-ec59b3c3-558c-ddc0-3cae-41340e230110-53029d55, #w-node-_6164bac3-3459-6ea2-5f48-57fd533564bf-53029d55, #w-node-c84d8643-e4c1-613f-bbbc-ebe770f249ec-53029d55, #w-node-_52d2ced5-700c-4c72-490d-da4cdd659c96-53029d55, #w-node-_1a561f73-4131-a2cf-0011-ea3a278375ea-53029d55, #w-node-_7224b753-62a4-7b58-f551-3ea17d4c5835-53029d55, #w-node-_10019717-89dc-b7bb-9995-5c5314dec188-53029d55, #w-node-fa3cd2a7-e430-2b0a-9eed-81050440a751-53029d55, #w-node-fa3cd2a7-e430-2b0a-9eed-81050440a758-53029d55, #w-node-fa3cd2a7-e430-2b0a-9eed-81050440a75f-53029d55, #w-node-fa3cd2a7-e430-2b0a-9eed-81050440a766-53029d55, #w-node-_524ba176-57bc-2711-4cf8-cb87ec579d0c-53029d55, #w-node-fcc28270-66fd-6a22-b64f-b56f446602c4-53029d55 {
  justify-self: start;
}

#w-node-_524ba176-57bc-2711-4cf8-cb87ec579d13-53029d55, #w-node-_191a7a0a-82ab-0aa1-b880-3cd594eb73ac-53029d55 {
  place-self: start;
}

#w-node-_62f2d2ea-a238-df89-af64-76a3de9a9e7e-53029d55, #w-node-_62f2d2ea-a238-df89-af64-76a3de9a9e85-53029d55, #w-node-de3a85bc-f194-59d8-4c4f-6d278818c053-53029d55, #w-node-dbbdc17a-7583-8786-3b5f-4b6f0a29309e-53029d55, #w-node-_96be4460-a7e0-9cce-31ef-a6977371797c-53029d55, #w-node-_1ef71fa2-88df-4808-ec49-b39d7b423935-53029d55, #w-node-_776f3dbb-e7cf-e3f3-5ee0-c529faddb0f2-53029d55, #w-node-_5d154ff7-f67c-70f6-2fd0-c6e23017642b-53029d55, #w-node-_2d94c309-c032-eaa9-06d6-366bbc6c3a55-53029d55, #w-node-_2d94c309-c032-eaa9-06d6-366bbc6c3a5c-53029d55, #w-node-_2d94c309-c032-eaa9-06d6-366bbc6c3a63-53029d55, #w-node-_2d94c309-c032-eaa9-06d6-366bbc6c3a6a-53029d55, #w-node-_2d94c309-c032-eaa9-06d6-366bbc6c3a71-53029d55, #w-node-_53637718-f908-8d37-5f1b-58f6dff2091b-53029d55, #w-node-_21d4be98-9893-8ad2-f9da-f731d0bc79a1-53029d55, #w-node-_9d545aab-70df-2cca-966e-293033ba2b26-53029d55, #w-node-c1f980a4-ebb6-23df-30d2-dc79859c9479-53029d55, #w-node-eba9e1b5-c017-eb75-757c-122063f9eef9-53029d55, #w-node-_5dc04a7c-24d0-08ad-03e2-ac881b94ba5a-53029d55, #w-node-bd575638-8c4a-1ab0-bf1c-3bd2e3b4a71d-53029d55, #w-node-_53c7a3bd-942a-2a57-ae09-3ff28ae873e4-53029d55, #w-node-_53c7a3bd-942a-2a57-ae09-3ff28ae873eb-53029d55, #w-node-_53c7a3bd-942a-2a57-ae09-3ff28ae873f2-53029d55, #w-node-_89ec3984-1f3d-4e27-4303-b200e71f0de3-53029d55, #w-node-_1f4e6db1-2c3b-55b3-022b-8d0f811dd85b-53029d55, #w-node-_78b3cc80-0416-d180-92b4-eb2f7e0845be-53029d55, #w-node-_9b394307-3e51-a4c5-bab9-ffb46803aae6-53029d55, #w-node-c0deb445-48a9-1890-0e4e-d3e44bf59848-53029d55, #w-node-c0deb445-48a9-1890-0e4e-d3e44bf5984f-53029d55, #w-node-c0deb445-48a9-1890-0e4e-d3e44bf59856-53029d55, #w-node-_6c287f47-85f0-571e-7040-1ee973afbaef-53029d55, #w-node-_442f3564-5b2c-77a0-0bc6-a9e5713824ed-53029d55, #w-node-c9f9c578-a95d-a515-84fa-863243e20988-53029d55, #w-node-aded49ff-3cda-f990-5834-a63a466c441b-53029d55, #w-node-c6abffbd-ec49-1850-352d-3f57c325cae0-53029d55, #w-node-_8e4a9539-ff3c-83f4-e8a6-618f2995572a-53029d55, #w-node-affaa673-3b80-b298-feb1-9479f48762e8-53029d55, #w-node-_438dd6a9-f838-4576-7c4d-e68c5b7a5095-53029d55, #w-node-_5320758a-de02-ee8c-af59-81b13c401cfa-53029d55, #w-node-f66f6b19-710e-b1cc-ff4d-8a01db588da9-53029d55, #w-node-_0077838e-590e-bdd1-9c14-4099bde69599-53029d55, #w-node-_48a3a7dd-699a-189c-56ad-a2f559e1c05f-53029d55, #w-node-_7aeff335-1c27-0409-97a7-9f835010f914-53029d55, #w-node-ac65fc08-b5ec-630c-3227-f2535d1821e1-53029d55, #w-node-_0d53e5b9-2fff-9461-e3f8-60e90c29f04e-53029d55, #w-node-_3770c48e-938d-985c-ee6f-7d25a3f6d980-53029d55, #w-node-cd9ea0a4-ce93-f871-696f-5cb15734bd0e-53029d55 {
  justify-self: start;
}

#w-node-_64bf07c6-f276-7482-c8ff-13489b7545f5-53029d55 {
  align-self: end;
}

#w-node-_64bf07c6-f276-7482-c8ff-13489b7545f6-53029d55 {
  align-self: center;
}

#w-node-_64bf07c6-f276-7482-c8ff-13489b7545fa-53029d55 {
  justify-self: start;
}

#w-node-bcfc37d8-88cb-cccc-d2a5-7668292bd434-53029d55 {
  align-self: end;
}

#w-node-bcfc37d8-88cb-cccc-d2a5-7668292bd435-53029d55 {
  align-self: center;
}

#w-node-bcfc37d8-88cb-cccc-d2a5-7668292bd439-53029d55 {
  justify-self: start;
}

#w-node-_1b29d94b-f5fc-3a67-b08d-7ee75382662b-53029d55 {
  align-self: end;
}

#w-node-_1b29d94b-f5fc-3a67-b08d-7ee75382662c-53029d55 {
  align-self: center;
}

#w-node-_1b29d94b-f5fc-3a67-b08d-7ee753826630-53029d55 {
  justify-self: start;
}

#w-node-b8fbf15d-afb7-c478-72b2-0cb2895b4260-53029d55 {
  align-self: end;
}

#w-node-b8fbf15d-afb7-c478-72b2-0cb2895b4261-53029d55 {
  align-self: center;
}

#w-node-b8fbf15d-afb7-c478-72b2-0cb2895b4265-53029d55 {
  justify-self: start;
}

#w-node-_6799c3b6-119a-26fd-78e5-fe170f74ee82-53029d55 {
  align-self: end;
}

#w-node-_6799c3b6-119a-26fd-78e5-fe170f74ee83-53029d55 {
  align-self: center;
}

#w-node-_6799c3b6-119a-26fd-78e5-fe170f74ee87-53029d55 {
  justify-self: start;
}

#w-node-_94f0f49e-0ca2-15b7-5303-efe12aca695a-53029d55 {
  align-self: end;
}

#w-node-_94f0f49e-0ca2-15b7-5303-efe12aca695b-53029d55 {
  align-self: center;
}

#w-node-_94f0f49e-0ca2-15b7-5303-efe12aca695f-53029d55 {
  justify-self: start;
}

#w-node-_96eafdad-8395-26b1-43eb-5cb54d933b67-53029d55 {
  align-self: end;
}

#w-node-_96eafdad-8395-26b1-43eb-5cb54d933b68-53029d55 {
  align-self: center;
}

#w-node-_96eafdad-8395-26b1-43eb-5cb54d933b6c-53029d55 {
  justify-self: start;
}

#w-node-a14a963d-d70d-c474-5063-3e2335d730e4-53029d55 {
  align-self: end;
}

#w-node-a14a963d-d70d-c474-5063-3e2335d730e5-53029d55 {
  align-self: center;
}

#w-node-a14a963d-d70d-c474-5063-3e2335d730e9-53029d55 {
  justify-self: start;
}

#w-node-c2af2cce-08ae-9de2-b523-6c20a8c86217-53029d55 {
  align-self: end;
}

#w-node-c2af2cce-08ae-9de2-b523-6c20a8c86218-53029d55 {
  align-self: center;
}

#w-node-c2af2cce-08ae-9de2-b523-6c20a8c8621c-53029d55 {
  justify-self: start;
}

#w-node-c905cb0d-b3fd-45cb-87a5-ca86548f7e0a-53029d55 {
  align-self: end;
}

#w-node-c905cb0d-b3fd-45cb-87a5-ca86548f7e0b-53029d55 {
  align-self: center;
}

#w-node-c905cb0d-b3fd-45cb-87a5-ca86548f7e0f-53029d55 {
  justify-self: start;
}

#w-node-d53362a7-30a8-da1e-3328-7a63005a0bdc-53029d55 {
  align-self: end;
}

#w-node-d53362a7-30a8-da1e-3328-7a63005a0bdd-53029d55 {
  align-self: center;
}

#w-node-d53362a7-30a8-da1e-3328-7a63005a0be1-53029d55 {
  justify-self: start;
}

#w-node-_701ad378-e28a-6966-69af-5aa0816eb72e-53029d55 {
  align-self: end;
}

#w-node-_701ad378-e28a-6966-69af-5aa0816eb72f-53029d55 {
  align-self: center;
}

#w-node-_701ad378-e28a-6966-69af-5aa0816eb733-53029d55 {
  justify-self: start;
}

#w-node-_268cd1e2-40b5-5c6d-407c-a6158a5c2fcc-53029d55 {
  align-self: end;
}

#w-node-_268cd1e2-40b5-5c6d-407c-a6158a5c2fcd-53029d55 {
  align-self: center;
}

#w-node-_268cd1e2-40b5-5c6d-407c-a6158a5c2fd1-53029d55 {
  justify-self: start;
}

#w-node-_71de1681-f50e-a44b-9bcd-69aea4669cb1-53029d55 {
  align-self: end;
}

#w-node-_71de1681-f50e-a44b-9bcd-69aea4669cb2-53029d55 {
  align-self: center;
}

#w-node-_71de1681-f50e-a44b-9bcd-69aea4669cb6-53029d55, #w-node-_5e346469-35b9-514c-a362-30f0ca4038dc-53029d55, #w-node-_5e346469-35b9-514c-a362-30f0ca4038e3-53029d55, #w-node-_5e346469-35b9-514c-a362-30f0ca4038ea-53029d55, #w-node-_5e346469-35b9-514c-a362-30f0ca4038f1-53029d55, #w-node-_9bb1d1f2-07a8-7b0c-7d31-ae1bfc65fe20-53029d55, #w-node-_8acfcc53-6b00-87c7-0c79-b10b8076a95f-53029d55, #w-node-_655f6222-8582-0b0e-1a45-fff969e25b14-53029d55, #w-node-_8731bdaa-1167-f24f-7b25-b5e77d8b66b0-53029d55, #w-node-_7796bc69-6a0b-496a-d259-ea2d3d8e3282-53029d55, #w-node-_60593d11-acc2-6ad1-b0d5-de80e4f5e545-53029d55, #w-node-d67bdfd8-c4c7-1dad-85f6-51008d34265f-53029d55, #w-node-_62767b11-191c-8dd4-eb76-c8fe3be24aab-53029d55, #w-node-_7086f689-2578-537d-4ec3-2da0173b84ff-53029d55, #w-node-_9fd36fea-4292-b535-16c5-7635f2b1e6ee-53029d55, #w-node-d51e2717-5b14-79f4-6c76-1dc34d61992f-53029d55, #w-node-b248dad6-072b-12d7-5a4c-fff38daf4135-53029d55, #w-node-_291588b6-b3f4-c98a-a243-e854a3c7487b-53029d55, #w-node-_0f72f0ac-0f47-00d8-4cd7-8f5e20e65216-53029d55, #w-node-_78333afa-deae-7b86-ffb5-a74b2bf698be-53029d55, #w-node-_8674fe5a-6494-fb41-4425-2f8662915007-53029d55, #w-node-b4c312c4-6b80-ff40-612b-d64f002ff0cb-53029d55, #w-node-_70f94a9c-d3fd-c359-7a82-e6745eecd60f-53029d55, #w-node-_3a9acda7-2f88-9949-3ee8-baaa53ec28dd-53029d55, #w-node-_004a9bb8-994c-deb3-eaae-7988d046ecab-53029d55, #w-node-_6b48bd2f-eb42-87e3-33bf-d4e10308a9a9-53029d55, #w-node-e2aff753-0450-b492-c704-2213c0efd534-53029d55, #w-node-e808613d-34e8-4682-f974-fdbba156e316-53029d55, #w-node-_2c7c8b56-ab0c-0e22-2df2-77a14da7f4fc-53029d55, #w-node-_646799cc-a593-3aa8-7da5-35c2a62c5346-53029d55, #w-node-_2cbe537b-6c73-c627-247a-43017a6393d3-53029d55, #w-node-c2d75c82-57c6-f970-a1ba-ef27ca9f1e45-53029d55, #w-node-c2d75c82-57c6-f970-a1ba-ef27ca9f1e4c-53029d55, #w-node-c2d75c82-57c6-f970-a1ba-ef27ca9f1e53-53029d55, #w-node-c2d75c82-57c6-f970-a1ba-ef27ca9f1e5a-53029d55, #w-node-c2d75c82-57c6-f970-a1ba-ef27ca9f1e61-53029d55, #w-node-c2d75c82-57c6-f970-a1ba-ef27ca9f1e68-53029d55, #w-node-c2d75c82-57c6-f970-a1ba-ef27ca9f1e6f-53029d55, #w-node-c2d75c82-57c6-f970-a1ba-ef27ca9f1e76-53029d55, #w-node-c2d75c82-57c6-f970-a1ba-ef27ca9f1e7d-53029d55, #w-node-c5b7ec62-f31e-9f60-883a-b05087502081-53029d55, #w-node-c5b7ec62-f31e-9f60-883a-b05087502088-53029d55, #w-node-c5b7ec62-f31e-9f60-883a-b0508750208f-53029d55, #w-node-c5b7ec62-f31e-9f60-883a-b05087502096-53029d55, #w-node-c5b7ec62-f31e-9f60-883a-b0508750209d-53029d55, #w-node-c5b7ec62-f31e-9f60-883a-b050875020a4-53029d55, #w-node-c5b7ec62-f31e-9f60-883a-b050875020ab-53029d55, #w-node-c5b7ec62-f31e-9f60-883a-b050875020b2-53029d55, #w-node-c5b7ec62-f31e-9f60-883a-b050875020b9-53029d55, #w-node-_368067d6-d5f0-075d-6346-78235490a8d5-53029d55, #w-node-_368067d6-d5f0-075d-6346-78235490a8dc-53029d55, #w-node-_368067d6-d5f0-075d-6346-78235490a8e3-53029d55, #w-node-_368067d6-d5f0-075d-6346-78235490a8ea-53029d55, #w-node-_368067d6-d5f0-075d-6346-78235490a8f1-53029d55, #w-node-_368067d6-d5f0-075d-6346-78235490a8f8-53029d55, #w-node-_368067d6-d5f0-075d-6346-78235490a8ff-53029d55, #w-node-_368067d6-d5f0-075d-6346-78235490a906-53029d55, #w-node-_368067d6-d5f0-075d-6346-78235490a90d-53029d55 {
  justify-self: start;
}

#w-node-fed630a9-1a6c-4c42-2128-105edad5f2b6-53029d55 {
  place-self: start;
}

#w-node-fed630a9-1a6c-4c42-2128-105edad5f2bd-53029d55, #w-node-fed630a9-1a6c-4c42-2128-105edad5f2c4-53029d55, #w-node-fed630a9-1a6c-4c42-2128-105edad5f2cb-53029d55, #w-node-_36790b89-8f96-466d-5660-3973770144dc-53029d55, #w-node-_36790b89-8f96-466d-5660-3973770144e3-53029d55, #w-node-_6d3c6fbb-8ee8-b801-3b8d-6503e630d329-53029d55, #w-node-_36790b89-8f96-466d-5660-3973770144ea-53029d55, #w-node-c73a5f2d-26b1-8cf2-6cea-18cc873b5b77-53029d55, #w-node-c73a5f2d-26b1-8cf2-6cea-18cc873b5b7e-53029d55, #w-node-c73a5f2d-26b1-8cf2-6cea-18cc873b5b85-53029d55, #w-node-c73a5f2d-26b1-8cf2-6cea-18cc873b5b8c-53029d55, #w-node-_60e52fb1-258c-e8bf-964a-d9756b18a41e-53029d55, #w-node-_2ce677da-0c11-0eb1-2670-c670fe7811c3-53029d55, #w-node-d21500d8-8d7f-8aa3-6915-614b9a89d8e8-53029d55, #w-node-_00e4911e-a0a4-d00c-8707-e16f1ce81dd4-53029d55, #w-node-e002577d-4060-704a-61a4-bb54512dd01a-53029d55, #w-node-e002577d-4060-704a-61a4-bb54512dd021-53029d55, #w-node-e002577d-4060-704a-61a4-bb54512dd028-53029d55, #w-node-e002577d-4060-704a-61a4-bb54512dd02f-53029d55, #w-node-_1965a91e-ec26-0800-bc98-76420479ddd8-53029d55, #w-node-_1965a91e-ec26-0800-bc98-76420479dddf-53029d55, #w-node-_59e4d7f8-5719-51b7-e3c0-fd338638373d-53029d55, #w-node-_59e4d7f8-5719-51b7-e3c0-fd3386383744-53029d55, #w-node-_59e4d7f8-5719-51b7-e3c0-fd338638374b-53029d55, #w-node-_2fef5b77-c10b-bb5c-fe99-6678ce5de700-53029d55, #w-node-_557d7653-1712-bdcb-6cd2-3aab7c27976f-53029d55, #w-node-_81c8c881-cb0f-bb3b-e6d6-bd7f2bc56534-53029d55, #w-node-_5a4628de-309c-7aa3-9af2-50624c2c52e9-53029d55, #w-node-_42e9672d-f200-df8c-0efb-68e7f3a8ab98-53029d55, #w-node-_42e9672d-f200-df8c-0efb-68e7f3a8ab9f-53029d55, #w-node-b765b64a-a78b-d79c-f61c-beb1c1f878ba-53029d55 {
  justify-self: start;
}

#w-node-d5aabadd-642c-d890-4e3e-1768358d7868-53029d5b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_11762f2a-77b7-6b94-fee2-7084bf971d82-53029d5b {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_11762f2a-77b7-6b94-fee2-7084bf971d84-53029d5b {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_11762f2a-77b7-6b94-fee2-7084bf971d8c-53029d5b, #w-node-_11762f2a-77b7-6b94-fee2-7084bf971d98-53029d5b, #w-node-_11762f2a-77b7-6b94-fee2-7084bf971db0-53029d5b {
  align-self: center;
}

#w-node-b9143db6-c148-13cc-dc98-43eafa6b8209-53029d66 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-b9143db6-c148-13cc-dc98-43eafa6b820b-53029d66 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-b9143db6-c148-13cc-dc98-43eafa6b8213-53029d66, #w-node-b9143db6-c148-13cc-dc98-43eafa6b821f-53029d66, #w-node-c4249977-4d49-3211-0e8a-a7fc377a0333-53029d66 {
  align-self: center;
}

#w-node-d467ef63-f5dd-45db-b429-11fc57bbecdf-53029d68 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-d467ef63-f5dd-45db-b429-11fc57bbece1-53029d68, #w-node-d467ef63-f5dd-45db-b429-11fc57bbece3-53029d68, #w-node-d467ef63-f5dd-45db-b429-11fc57bbece6-53029d68, #w-node-d467ef63-f5dd-45db-b429-11fc57bbece9-53029d68, #w-node-d467ef63-f5dd-45db-b429-11fc57bbeceb-53029d68, #w-node-d467ef63-f5dd-45db-b429-11fc57bbeced-53029d68, #w-node-d467ef63-f5dd-45db-b429-11fc57bbecf0-53029d68 {
  justify-self: center;
}

#w-node-d467ef63-f5dd-45db-b429-11fc57bbecf3-53029d68 {
  justify-self: start;
}

#w-node-d467ef63-f5dd-45db-b429-11fc57bbecf5-53029d68, #w-node-d467ef63-f5dd-45db-b429-11fc57bbecf7-53029d68, #w-node-d467ef63-f5dd-45db-b429-11fc57bbecfa-53029d68 {
  justify-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_7d6ae49c-afec-9cea-1fc2-df3b49452991-53029d52 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_1dd293b0-4db3-6784-c25f-cf437c5f3eec-53029d52 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_704c1d04-71fa-0115-de20-10f84ba8e341-53029d52 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-af010e52-91d8-866b-7e5b-691eec38d81a-53029d52, #w-node-_56985386-faef-379e-643f-d5ce9918617b-53029d52 {
    justify-self: center;
  }

  #w-node-_0d845c63-177c-a0cf-c5db-588fea61eae0-53029d52 {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: end;
  }

  #w-node-_494fe44f-da08-8f6b-2aee-f88b36fae330-53029d52 {
    justify-self: start;
  }

  #w-node-_5df607dd-ac86-40f6-b042-739361115955-53029d52 {
    grid-column: 1 / 4;
    grid-row-start: 2;
  }

  #w-node-_29e7ddbf-4801-40d5-cf81-a48f302b7d11-53029d52 {
    grid-row: 3 / 4;
    justify-self: end;
  }

  #w-node-_34684aca-cfed-2cbb-8c78-2ac04c699338-53029d52 {
    grid-row: 3 / 4;
    justify-self: start;
  }

  #w-node-_38e57188-c43e-a667-9afb-16f294f4d37a-94f4d378 {
    justify-self: center;
  }

  #w-node-_38e57188-c43e-a667-9afb-16f294f4d37b-94f4d378 {
    grid-area: 3 / 2 / 4 / 2;
    place-self: start center;
  }

  #w-node-_38e57188-c43e-a667-9afb-16f294f4d387-94f4d378 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_38e57188-c43e-a667-9afb-16f294f4d391-94f4d378 {
    grid-area: 2 / 1 / 3 / 3;
    place-self: start center;
  }

  #w-node-_38e57188-c43e-a667-9afb-16f294f4d394-94f4d378 {
    grid-area: 1 / 1 / 2 / 2;
    place-self: start center;
  }

  #w-node-_38e57188-c43e-a667-9afb-16f294f4d3aa-94f4d378 {
    grid-area: 1 / 2 / 2 / 3;
    align-self: start;
  }

  #w-node-fed630a9-1a6c-4c42-2128-105edad5f2bd-53029d54, #w-node-_36790b89-8f96-466d-5660-3973770144dc-53029d54, #w-node-_6d3c6fbb-8ee8-b801-3b8d-6503e630d329-53029d54, #w-node-fed630a9-1a6c-4c42-2128-105edad5f2bd-53029d55, #w-node-_36790b89-8f96-466d-5660-3973770144dc-53029d55, #w-node-_6d3c6fbb-8ee8-b801-3b8d-6503e630d329-53029d55 {
    align-self: start;
  }

  #w-node-_11762f2a-77b7-6b94-fee2-7084bf971d84-53029d5b {
    grid-column: span 3 / span 3;
  }

  #w-node-_11762f2a-77b7-6b94-fee2-7084bf971d8c-53029d5b {
    justify-self: center;
  }

  #w-node-_11762f2a-77b7-6b94-fee2-7084bf971d98-53029d5b {
    order: 9999;
    justify-self: center;
  }

  #w-node-_11762f2a-77b7-6b94-fee2-7084bf971db0-53029d5b {
    justify-self: center;
  }

  #w-node-b9143db6-c148-13cc-dc98-43eafa6b820b-53029d66 {
    grid-column: span 3 / span 3;
  }

  #w-node-b9143db6-c148-13cc-dc98-43eafa6b821f-53029d66 {
    order: 9999;
  }

  #w-node-d467ef63-f5dd-45db-b429-11fc57bbecdf-53029d68, #w-node-d467ef63-f5dd-45db-b429-11fc57bbecf3-53029d68 {
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-fed630a9-1a6c-4c42-2128-105edad5f2c4-53029d54, #w-node-_36790b89-8f96-466d-5660-3973770144ea-53029d54, #w-node-fed630a9-1a6c-4c42-2128-105edad5f2c4-53029d55, #w-node-_36790b89-8f96-466d-5660-3973770144ea-53029d55 {
    align-self: start;
  }

  #w-node-_11762f2a-77b7-6b94-fee2-7084bf971d84-53029d5b, #w-node-b9143db6-c148-13cc-dc98-43eafa6b820b-53029d66 {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-fe571758-da14-ed59-0623-8cd4b268d1cd-53029d52 {
    grid-column: 1 / 3;
  }

  #w-node-_494fe44f-da08-8f6b-2aee-f88b36fae330-53029d52 {
    grid-column: 2 / 3;
  }

  #w-node-_5df607dd-ac86-40f6-b042-739361115955-53029d52 {
    grid-column-end: 3;
  }

  #w-node-_29e7ddbf-4801-40d5-cf81-a48f302b7d11-53029d52 {
    justify-self: start;
  }

  #w-node-_34684aca-cfed-2cbb-8c78-2ac04c699338-53029d52 {
    grid-column: 2 / 3;
    justify-self: center;
  }

  #w-node-_38e57188-c43e-a667-9afb-16f294f4d37b-94f4d378 {
    grid-row: 5 / 6;
    grid-column-start: 1;
  }

  #w-node-_38e57188-c43e-a667-9afb-16f294f4d385-94f4d378 {
    justify-self: center;
  }

  #w-node-_38e57188-c43e-a667-9afb-16f294f4d387-94f4d378 {
    grid-row: 4 / 5;
  }

  #w-node-_38e57188-c43e-a667-9afb-16f294f4d391-94f4d378 {
    grid-row: 3 / 4;
    grid-column-end: 2;
  }

  #w-node-_38e57188-c43e-a667-9afb-16f294f4d394-94f4d378 {
    grid-row: 2 / 3;
  }

  #w-node-_38e57188-c43e-a667-9afb-16f294f4d3aa-94f4d378 {
    grid-column: 1 / 2;
  }

  #w-node-_38e57188-c43e-a667-9afb-16f294f4d3b5-94f4d378 {
    grid-area: 3 / 1 / 4 / 3;
    justify-self: center;
  }

  #w-node-_38e57188-c43e-a667-9afb-16f294f4d3ba-94f4d378 {
    grid-area: 2 / 1 / 3 / 3;
    justify-self: center;
  }

  #w-node-_99d456e0-4765-3d84-606b-c6cbfe4f0ccd-fe4f0cc1, #w-node-_99d456e0-4765-3d84-606b-c6cbfe4f0cd6-fe4f0cc1, #w-node-_99d456e0-4765-3d84-606b-c6cbfe4f0cdf-fe4f0cc1, #w-node-_99d456e0-4765-3d84-606b-c6cbfe4f0ce8-fe4f0cc1, #w-node-ecd110cb-35ae-f748-8e1a-ce6c919840b4-fe4f0cc1, #w-node-_99d456e0-4765-3d84-606b-c6cbfe4f0cf1-fe4f0cc1, #w-node-_99d456e0-4765-3d84-606b-c6cbfe4f0d09-fe4f0cc1 {
    justify-self: end;
  }
}


@font-face {
  font-family: 'Din Next';
  src: url('../fonts/DINNextLTArabic-Regular-3.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Arbfonts Tasees Saudi';
  src: url('../fonts/ArbFONTS-Tasees-Saudi.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}