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

@font-face {
  font-family: Graphik Arabic;
  src: url('../fonts/Graphik-Arabic-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphik Arabic;
  src: url('../fonts/Graphik-Arabic-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --light-silver: #eff3f8;
  --black: #101d14;
  --الأسود: #0f1d13;
  --white: white;
  --gray: #727272;
  --light-purple: #dfd1f5;
  --اخضر: var(--الأسود);
  --light-gray: #dfdfdf;
}

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

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

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

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

body {
  background-color: var(--light-silver);
  color: var(--black);
  font-family: Fustat;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.1;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Fustat;
  font-size: 38px;
  font-weight: 400;
  line-height: 1.1;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Fustat;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.1;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Fustat;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.1;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Fustat;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.1;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Fustat;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Fustat;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.1;
}

p {
  margin-bottom: 1rem;
  font-family: Fustat;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
}

a {
  text-decoration: underline;
  transition: opacity .3s;
}

a:hover {
  opacity: .86;
}

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

li {
  padding-top: 10px;
  padding-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 20px;
  font-size: 18px;
  line-height: 22px;
}

figcaption {
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.text-box-container.center-aligned {
  text-align: center;
}

.text-box-container.center-aligned.auto {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.text-box-container.stand-out {
  min-width: 90%;
  max-width: 90%;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
}

.text-box-container.stand-out.make-a-payment {
  min-width: 80%;
  max-width: 80%;
  margin-top: 3rem;
}

.text-box.home-hero-top {
  padding-bottom: 20px;
  overflow: visible;
}

.text-box._33rem {
  max-width: 33rem;
}

.text-box._33rem.auto {
  margin-left: auto;
  margin-right: auto;
}

.text-box._33rem.overflow-clip {
  overflow: hidden;
}

.text-box.expand-cards-top {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  display: flex;
}

.text-box.expand-card-top {
  z-index: 9;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-box.expand-card-top.absolute {
  position: absolute;
  inset: 4% auto auto 4%;
}

.text-box.expand-cards-bottom {
  position: absolute;
  inset: auto auto 4% 4%;
}

.text-box.expand-paragraph {
  overflow-wrap: anywhere;
  min-width: 300px;
  max-width: 300px;
  min-height: 125px;
  overflow: hidden;
}

.text-box.right-aligned-benefits-sub-paragraph {
  max-width: 21rem;
  margin-left: auto;
}

.text-box.benefit-cards-bottom {
  grid-column-gap: 47px;
  grid-row-gap: 47px;
  display: flex;
}

.text-box.benefit-hidden-text-box {
  opacity: 0;
  padding: .2rem;
}

.text-box.relative {
  position: relative;
}

.text-box._320px {
  z-index: 12;
  text-align: center;
  overflow-wrap: anywhere;
  min-width: 320px;
  max-width: 320px;
  position: relative;
}

.text-box.space-top {
  margin-top: 30px;
  font-family: Graphik Arabic, Arial, sans-serif;
}

.detail-block {
  border-radius: 4px;
  padding: 34px 34px 34px 0;
}

.detail-block.medium-paddings {
  padding: 32px;
}

.detail-block.medium-paddings.template-tile {
  margin-top: 2rem;
  padding: 1rem;
}

.style-guide-divider {
  background-color: #e7e7e7;
  width: 100%;
  height: 1px;
}

.style-guide-h2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 28px;
  font-family:Graphik Arabic, Arial, sans-serif;
  font-size: 55px;
  line-height: 1;
}

.section {
  margin-bottom: 50px;
  position: relative;
}

.section.admin-hero {
  background-color: var(--الأسود);
  background-image: linear-gradient(#00000080, #00000080), url('../images/May-2-2025-01_51_34-PM.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.section.overflow-hidden {
  overflow: hidden;
}

.section.overflow-hidden.hero-section {
  background-image: url('../images/الباترن-للموقع.svg');
  background-position: 0 0;
  background-size: 550px;
}

.section.overflow-hidden.no-space-bottom {
  margin-bottom: 0;
}

.section.overflow-hidden {
  display: block;
}

.section.footer {
  cursor: pointer;
  margin-bottom: 0;
  display: block;
}

.section.services-section {
  background-image: url('../images/الباترن-للموقع.svg');
  background-position: 0 0;
  background-size: 550px;
}

.style-guide-subtext {
  opacity: .8;
  color: #000;
  border-radius: 4px;
  margin-top: 26px;
  font-size: 14px;
}

.container {
  max-width: 77.5rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2rem;
}

.container.admin-hero {
  padding-top: 12.4rem;
  padding-bottom: 9rem;
}

.container.style-guide {
  margin-left: auto;
  margin-right: auto;
  padding-top: 5.7rem;
  padding-bottom: 7.5rem;
}

.container.home-hero {
  justify-content: center;
  align-items: center;
  height: 110svh;
  padding-top: 6rem;
  padding-bottom: 0;
  display: flex;
}

.container.home-marquee {
  max-width: 100%;
  padding: 0;
}

.container.large-top-padding {
  padding-top: 12rem;
}

.container.large-top-padding.small-bottom-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.container.largest-top-padding {
  padding-top: 0;
}

.container.footer {
  background-color: var(--black);
  border-radius: 17px 17px 0 0;
  max-width: 98%;
  margin-bottom: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
  bottom: auto;
}

.spacer {
  height: 48px;
}

.spacer._24 {
  text-transform: uppercase;
  background-color: #0000;
  width: 24px;
  height: 24px;
}

.rich-text {
  text-align: left;
}

.page-wrapper {
  font-family:Graphik Arabic, Arial, sans-serif;
}

.h1-heading {
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 1.2rem;
  font-size: 4rem;
  line-height: 1.2;
}

.h1-heading.admin {
  color: #faf8f4;
  margin-bottom: 1rem;
  font-family: Graphik Arabic, Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 600;
}

.h1-heading.no-margin {
  margin-bottom: 0;
}

.h1-heading.no-margin.home {
  text-align: right;
  font-family: Graphik Arabic, Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 600;
}

.h1-heading._404.white {
  color: var(--white);
}

.grid-block.center-aligned {
  text-align: center;
}

.grid-block.display-none-desktop-view {
  display: none;
}

.grid-block.ltr-direction {
  direction: ltr;
}

.flex-block.home-hero {
  margin-top: -17px;
  padding-top: 21px;
  padding-bottom: 9px;
  overflow: hidden;
}

.image-wrapper.no-square {
  max-width: 8rem;
  margin-top: -12px;
}

.image-wrapper._5-stars {
  max-width: 7rem;
  margin-left: 1rem;
}

.image-wrapper.dotted-arrow {
  max-width: 9rem;
  margin-left: 32px;
}

.image-wrapper.benefit-icon {
  max-width: 13rem;
  margin-left: auto;
  margin-right: auto;
}

.image-wrapper.license {
  border-radius: 11px;
  width: 115px;
  height: 115px;
  overflow: hidden;
}

.image-wrapper.admin-text-block {
  max-width: 18rem;
  margin-bottom: 26px;
  margin-left: auto;
  margin-right: auto;
  transform: rotate(-12deg);
}

.content-image._100-width-height {
  width: 100%;
  height: 100%;
}

.content-image._100-width-height.absolute-cover {
  object-fit: cover;
  object-position: 50% 0%;
  position: absolute;
  inset: auto 0% 0%;
}

.content-image._100-width-height.marquee-logo {
  object-fit: cover;
  object-position: 50% 0%;
  max-width: 1.5rem;
  max-height: 1.5rem;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0%;
}

.paragraph {
  line-height: 1.4;
}

.paragraph.gray {
  direction: rtl;
  color: var(--gray);
  text-align: center;
  font-family: Graphik Arabic, Arial, sans-serif;
  font-weight: 400;
}

.paragraph.gray.anywhere {
  overflow-wrap: anywhere;
  display: inline-block;
}

.paragraph.gray.hero {
  text-align: right;
  justify-content: center;
  font-family: Graphik Arabic, Arial, sans-serif;
  display: flex;
}

.paragraph.white {
  color: var(--white);
}

.paragraph.expand {
  opacity: 0;
}

.text-block {
  z-index: 1;
  position: relative;
}

.text-block.gray {
  color: var(--gray);
}

.text-block.call-out-title {
  margin-bottom: 9px;
  font-family: Indie Flower;
  font-size: 3rem;
  display: inline-block;
}

.text-block.expand-new-text {
  font-size: 1.1rem;
}

.hero-avatar-container {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 2rem;
  overflow: hidden;
}

.hero-avatar-image {
  object-fit: cover;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.black-button-container {
  color: #000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.animated-button {
  color: #0a0a0a;
  text-align: center;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  line-height: .9;
  text-decoration: none;
  display: flex;
  position: relative;
}

.animated-button.expand {
  border: 1px solid var(--gray);
  background-color: #fff0;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  overflow: hidden;
}

.right-arrow {
  color: #fff;
  width: 1.5rem;
}

.main-button-text {
  z-index: 2;
  font-weight: 400;
  position: relative;
}

.home-hero-grid {
  direction: rtl;
  flex: 1;
  order: 0;
  grid-template-rows: auto;
  grid-auto-flow: row;
  justify-items: center;
}

.marquee-horizontal-wrapper {
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.3em;
  padding-bottom: 1.3em;
  display: flex;
  transform: translate(0%);
}

.marquee-horizontal-wrapper.alternate {
  justify-content: flex-end;
  align-items: center;
  transform: rotate(-4deg)translate(0%);
}

.marquee-horizontal-wrapper.alternate.no-rotate {
  background-color: var(--white);
  border: 1px solid #dfdfdf;
  border-radius: 11px;
  padding: .4em;
  overflow: hidden;
  transform: translate(0%);
}

.marquee-horizontal-wrapper.alternate.no-rotate-empty-background {
  border-radius: 11px;
  padding: .4em;
  overflow: hidden;
  transform: translate(0%);
}

.marquee-content-block-item {
  background-color: #a2f0c1;
  border-radius: 110px;
  justify-content: center;
  align-items: center;
  min-width: 13rem;
  max-width: 4rem;
  min-height: 4rem;
  max-height: 4rem;
  margin-left: 1rem;
  padding: 1rem;
  font-size: 2rem;
  display: flex;
}

.marquee-content-block-item.person-with-text {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  background-color: var(--white);
  min-width: auto;
  max-width: none;
  min-height: auto;
  max-height: none;
  margin-left: 1rem;
  margin-right: 1rem;
  padding: .2rem;
}

.marquee-content-block-item.credit-card {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  background-color: #dfd1f500;
  min-width: auto;
  max-width: none;
  min-height: auto;
  max-height: none;
  margin-left: 1rem;
  margin-right: 1rem;
  padding: .2rem;
}

.marquee-text {
  color: #eff3f8;
  font-family: Graphik Arabic, Arial, sans-serif;
}

.marquee-text.smaller {
  direction: rtl;
  color: #03cc54;
  font-size: 1rem;
}

.marquee-text.smaller.smalltxt {
  color: #03cc54;
}

.marquee-horizontal-container {
  padding-top: 36px;
  padding-bottom: 49px;
}

.marquee-horizontal-container.overflow-hidden {
  overflow: hidden;
}

.marquee-horizontal-container.overflow-hidden.call-outs {
  margin-top: 1.5rem;
  padding-top: 0;
  padding-bottom: 0;
}

.fade-up-animation-box {
  min-width: 100%;
  max-width: 100%;
}

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

.h2-heading {
  color: var(--black);
  text-align: center;
  letter-spacing: -.04em;
  -webkit-text-stroke-color: #00fb64;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Graphik Arabic, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.1;
  display: block;
}

.h2-heading.header-parag {
  font-size: 2.5rem;
  line-height: 1.5;
}

.expand-cards-container {
  width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.cards-component {
  background-color: var(--white);
  border: 1px solid #dfdfdf;
  border-radius: 11px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}

.expand-card-wrapper {
  z-index: 5;
  color: var(--black);
  flex-direction: column;
  flex: 25%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 32rem;
  text-decoration: none;
  transition: filter .6s cubic-bezier(.645, .045, .355, 1), opacity .6s cubic-bezier(.645, .045, .355, 1), flex-basis .85s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.expand-card-wrapper:hover {
  flex-basis: 100%;
}

.expand-card-wrapper.middle {
  border-left: .5px solid #dfdfdf;
  border-right: .5px solid #dfdfdf;
}

.expand-card-content {
  z-index: 6;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 1.2rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.expand-cards-title {
  color: #d1d1d1;
  font-size: 3rem;
}

.expand-cards-title.top-left {
  opacity: 0;
  color: var(--black);
}

.svg._100 {
  width: 100%;
  height: 100%;
}

.svg._100.expand-cards-arrow {
  color: var(--gray);
}

.svg.three-line {
  position: absolute;
  inset: -9% auto auto 13%;
  transform: rotate(-102deg);
}

.button-container.expand-cards {
  display: inline-block;
}

.button-container.benefit-cards {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.svg-wrapper.right-arrow {
  min-width: 1.5rem;
}

.svg-wrapper.right-arrow.expand {
  color: var(--black);
  position: absolute;
}

.svg-wrapper.right-arrow.benefit-card {
  color: #000;
  position: absolute;
}

.lottie-animation-wrapper.expand-cards {
  max-width: 6rem;
  position: absolute;
  inset: 3% 3% auto auto;
}

.lottie-animation._100 {
  opacity: 0;
  width: 100%;
  height: 100%;
}

.lottie-animation._100.inverted-black {
  filter: grayscale() brightness(0%) invert(0%);
}

.expand-card-background {
  z-index: 5;
  background-color: var(--light-purple);
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.expand-cards-button-text-wrapper {
  opacity: 0;
  white-space: nowrap;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 0%;
  display: flex;
  position: absolute;
}

.expand-cards-title-01 {
  color: #acacac;
  margin-bottom: 6px;
  font-size: 3rem;
}

.marquee-avatar-circle {
  border-radius: 150px;
  justify-content: center;
  align-items: center;
  min-width: 3rem;
  max-width: 3rem;
  min-height: 3rem;
  max-height: 3rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.marquee-avatar-circle.absolute-logo {
  z-index: 2;
  border: 1px solid #d1d1d1;
  min-width: 2rem;
  max-width: 2rem;
  min-height: 2rem;
  max-height: 2rem;
  position: absolute;
  top: 6px;
  right: -14px;
  box-shadow: 0 2px 14px -16px #0000004f;
}

.marquee-avatar-circle.absolute-logo.yellow {
  background-color: #fee907;
}

.marquee-avatar-circle.absolute-logo.light-pink {
  background-color: #ffbef6;
}

.marquee-avatar-circle.absolute-logo.light-purple {
  background-color: #dec9ff;
}

.marquee-avatar-circle.absolute-logo.green {
  background-color: #349c5a;
}

.marquee-avatar-circle.absolute-logo.light-blue {
  background-color: #aad6ff;
}

.marquee-avatar-content-wrapper {
  position: relative;
}

.bold-span {
  font-family: Graphik Arabic, Arial, sans-serif;
  font-weight: 600;
}

.bold-span.purple {
  color: var(--الأسود);
}

.expanding-cards {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.welcome-text-box.background-color-orange {
  z-index: 9;
  background-color: var(--light-purple);
  border-radius: 0 0 25px;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  padding: .75rem 1rem;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.text-image.app-logo {
  background-color: var(--light-purple);
  color: #0000;
  background-image: url('../images/icon-2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  max-width: 4.7rem;
  display: inline-block;
  transform: rotate(4deg);
}

.text-image.laptop-girl {
  color: #0000;
  background-image: url('../images/Group-18_1Group 18.webp');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  max-width: 5rem;
  display: inline-block;
  position: relative;
  top: -10px;
}

.text-image.rocket {
  color: #fff0;
  background-image: url('../images/ro_1ro.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 5rem;
  height: 5rem;
  display: inline-block;
}

.benefits-card-wrapper {
  background-color: var(--white);
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  min-width: 100%;
  max-width: 100%;
  min-height: 27rem;
  max-height: 27rem;
  padding: 1.2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.small-paragraph {
  font-size: .9rem;
}

.small-paragraph.gray {
  color: #727272;
}

.small-paragraph.gray.no-margin-less-line-height {
  margin-bottom: 0;
  line-height: 1.4;
}

.small-paragraph.white {
  color: var(--black);
  font-family: Graphik Arabic, Arial, sans-serif;
}

.small-paragraph.white.primary {
  color: var(--white);
}

.credit-card-image-wrapper {
  max-width: 25rem;
}

.credit-card-image {
  border-radius: .6875rem;
}

.wrapper-regular {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.content-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.h3-heading {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1.2rem;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2;
}

.h3-heading.stand-out-title {
  text-align: center;
  font-family: Graphik Arabic, Arial, sans-serif;
  font-size: 2.5rem;
}

.h3-heading.stand-out-title.white {
  color: var(--white);
}

.small-icon-wrapper {
  background-color: var(--light-purple);
  border-radius: 12px;
  flex: none;
  justify-content: center;
  align-items: center;
  max-width: 3rem;
  max-height: 3rem;
  padding: 10px;
  display: flex;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 2px #0000000f;
}

.content-features-grid {
  grid-column-gap: 24px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  margin-top: 2rem;
  display: flex;
}

.icon-text-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.icon-text-wrapper._33rem {
  max-width: 12rem;
}

.stat-number {
  font-size: 3rem;
}

.meter-line {
  background-color: #a268fd;
  border-radius: 3px;
  width: 95%;
  height: 1rem;
  position: relative;
}

.meter-line.dot {
  background-color: #fff;
  border: 3px solid #fff;
  border-radius: 5px;
  width: .6rem;
  height: .6rem;
  position: absolute;
  inset: 14% 42% 0% auto;
}

.meter-line._100-width {
  width: 100%;
}

.graph-line {
  background-color: #74ff7d;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 11px;
  height: 20px;
  display: flex;
}

.graph-line._05 {
  height: 150px;
}

.graph-line._05.payment-volume {
  background-color: #eee;
  align-items: flex-end;
  width: 19px;
  height: 110px;
  position: relative;
}

.graph-line._15 {
  height: 120px;
}

.graph-line._15.payment-volume {
  background-color: #eee;
  align-items: flex-end;
  width: 19px;
  position: relative;
  overflow: hidden;
}

.graph-line._13 {
  height: 210px;
}

.graph-line._13.payment-volume {
  background-color: #eee;
  align-items: flex-end;
  width: 19px;
  height: 135px;
  position: relative;
}

.graph-line._06 {
  height: 180px;
}

.graph-line._06.payment-volume {
  background-color: #eee;
  align-items: flex-end;
  width: 19px;
  height: 110px;
  position: relative;
}

.credit-score-block-wrapper {
  background-color: #f1f1f1;
  border-radius: 10px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1.3rem 1rem;
}

.make-a-payment-block-wrapper {
  background-color: #fff;
  border-radius: 10px;
  width: 80%;
  padding: 1rem;
}

.stand-out-features-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-columns: 1fr 1.75fr;
  margin-top: 7rem;
  margin-bottom: 1rem;
}

.stand-out-features-grid._01 {
  grid-column-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 2fr 2fr;
  margin-top: 2rem;
}

.stand-out-features-grid._02 {
  grid-column-gap: 1rem;
  grid-template-columns: 2fr 1fr;
  margin-top: 0;
}

.flex-box-vertical.credit-score-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-bottom: 3.6rem;
}

.flex-box-vertical.make-a-payment {
  border-bottom: 1px solid #333;
  flex: 1;
  margin-bottom: .7rem;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: .9rem;
}

.flex-box-vertical.make-a-payment.boxes {
  background-color: #f1f1f1;
  border-bottom-style: none;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  padding: .9rem .5rem;
}

.flex-box-vertical.make-a-payment.colored-box {
  background-color: var(--light-purple);
  border-bottom-style: none;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  padding: .9rem .5rem;
}

.stand-out-box-small-title {
  font-size: 1rem;
  line-height: 115%;
}

.stand-out-box-small-title.credit-score-title {
  font-weight: 600;
}

.stand-out-box-small-title.small {
  font-size: .9rem;
}

.stand-out-box-small-title.small.semi-bold {
  font-weight: 600;
}

.payment-block-small-title {
  color: var(--black);
  margin-bottom: .7rem;
  font-size: .8rem;
  font-weight: 400;
  line-height: 1;
}

.payment-block-small-title._2rem-margin-bottom {
  color: var(--black);
  margin-bottom: .2rem;
}

.payment-block-small-title.no-margin {
  margin-bottom: 0;
}

.purple-text {
  color: #a268fd;
}

.logo-container {
  overflow: hidden;
}

.logo-container.stand-out {
  border-radius: 12px;
  align-items: center;
  margin-top: .5rem;
  padding: .7rem 0;
  display: flex;
  overflow: visible;
  transform: rotate(-15deg);
}

.logo-container.stand-out._01 {
  justify-content: flex-end;
}

.marquee-business-logo-image-wrapper {
  border: 0 solid #d4d4d4;
  border-radius: 12px;
  margin-left: .6rem;
  margin-right: .6rem;
}

.flex-box-horizontal.make-a-payment {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  margin-top: 1.5rem;
  margin-bottom: .5rem;
}

.flex-box-horizontal.credit-score-top {
  justify-content: space-between;
  margin-bottom: .8rem;
}

.flex-box-horizontal.credit-score-top.border {
  border-bottom: 1px solid #cecece;
  padding-bottom: 1.3rem;
}

.small-currency-text-block {
  letter-spacing: -.05em;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
}

.stand-out-wide-box {
  background-color: #fff;
  border-radius: 20px;
  display: flex;
  overflow: hidden;
}

.stand-out-wide-box.fill-height {
  border: 1px solid #e9e9e9;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}

.stand-out-wide-box.fill-height.logos {
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.stand-out-wide-box.fill-height.black {
  background-color: #222;
}

.graph-lines-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-end;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.graph-lines-wrapper.credit-score {
  width: 100%;
}

.stand-out-feature-content {
  flex-direction: column;
  justify-content: center;
  width: 55%;
  padding: 2.5rem;
  display: flex;
  overflow: hidden;
}

.stand-out-feature-content._4 {
  justify-content: space-between;
  width: 100%;
  padding-bottom: 0;
}

.stand-out-feature-content._3 {
  background-color: var(--light-purple);
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
}

.stand-out-feature-content._2 {
  background-color: var(--white);
  justify-content: flex-start;
  width: auto;
  height: 100%;
}

.marquee-horizontal-business-logo-image {
  opacity: 1;
  color: #0000;
  background-color: #fff;
  border: 1px solid #0000;
  border-radius: 80px;
  width: auto;
  max-width: none;
  height: 3.5rem;
  margin-left: .2rem;
  margin-right: .2rem;
  overflow: visible;
}

.payment-vol-image-wrapper {
  position: relative;
}

.payment-vol-image-wrapper.qr-code {
  border-radius: 15px;
  width: 80%;
  position: absolute;
  inset: auto 0% -21% auto;
}

.graph-line-holder {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.marquee-horizontal-panel-reverse {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.graph-line-fill {
  background-color: #a267fd;
  width: 19px;
  height: 80px;
}

.graph-line-fill._03 {
  border-radius: 3px;
  height: 90px;
}

.graph-line-fill._02 {
  border-radius: 3px;
  height: 45px;
}

.graph-line-fill._04 {
  border-radius: 3px;
  height: 100px;
}

.stand-out-feature-text-box {
  justify-content: center;
}

.stand-out-feature-text-box._25rem {
  max-width: none;
}

.stand-out-feature-text-box.homepage-card-h2 {
  max-width: 30rem;
}

.stand-out-feature-image-container {
  align-items: flex-end;
  width: 45%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.stand-out-feature-image-container._4 {
  justify-content: flex-end;
  width: 100%;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

.stand-out-grids-container {
  margin-left: auto;
  margin-right: auto;
}

.store-logos-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.store-logo {
  width: 4rem;
  min-width: auto;
  max-width: none;
}

.store-logo._01 {
  width: 4rem;
  min-width: auto;
}

.review-quote {
  text-align: center;
  margin-top: 2rem;
  font-size: 1.5rem;
  line-height: 1.3;
}

.review-quote.no-top-margin {
  text-align: right;
  margin-top: 1rem;
  font-size: 1.5rem;
}

.review-quote.no-top-margin.white {
  color: var(--white);
  text-align: right;
  font-family: Graphik Arabic, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
}

.review-quote.no-top-margin.slider-header {
  text-align: right;
}

.review-card-wrapper {
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 11px -11px #0003;
}

.review-card-top-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.review-card-top-wrapper.left {
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  inset: 5% 7% auto auto;
}

.review-background-reveal {
  z-index: -2;
  background-color: var(--white);
  border-radius: 10px;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.review-card-bottom-wrapper {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.review-card-bottom-wrapper.background-image {
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  inset: 4% auto auto 4%;
}

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

.review-quote-text-box.home {
  margin-left: auto;
  margin-right: auto;
  padding-top: 3rem;
  padding-bottom: 2.6rem;
}

.review-quote-text-box.home.left-aligned {
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.review-quote-text-box.review-author-info {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--light-purple);
  color: #9552ff;
  border-radius: 150px;
  flex-flow: column;
  margin-bottom: 1rem;
  padding: .7rem;
  display: flex;
}

.call-out-container {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: -41px;
  margin-left: -132px;
  display: flex;
}

.card-ws__card--004 {
  color: #000;
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  width: 33.3%;
  height: 100%;
  display: flex;
}

.benefits-card-hidden-wrapper {
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: 30rem;
  max-height: 30rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hidden-benefit-card-benefit-text-box {
  max-width: 93%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.text-link.benefit-card {
  color: #000;
  border: 1px solid #000;
  border-radius: 80px;
  margin-top: 7px;
  padding: .6rem;
  text-decoration: none;
  display: inline-block;
}

.benefits-card-middle {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.animated-circle-button {
  color: #0a0a0a;
  text-align: center;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-weight: 600;
  line-height: .9;
  text-decoration: none;
  display: flex;
  position: relative;
}

.animated-circle-button.benefit-card {
  background-color: #fff0;
  border: 1px solid #727272;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  min-width: 55px;
  max-width: 55px;
  min-height: 55px;
  max-height: 55px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: hidden;
}

.hidden-background {
  pointer-events: none;
  background-color: #dfd1f5;
  width: 0%;
  position: absolute;
  inset: 0%;
}

.benefits-card-title {
  text-align: center;
  margin-top: 10px;
  font-size: 1.8rem;
}

.benefits-card-title.display-none-desktop {
  display: none;
}

.benefit-cards-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 5rem;
  margin-left: auto;
  margin-right: auto;
}

.slider-image-container.reviews-slider {
  border-radius: 15rem;
  justify-content: center;
  align-items: center;
  height: 31rem;
  padding: 1.5rem;
  display: flex;
  position: relative;
}

.grid-wrapper.grow {
  flex: 1;
}

.slide-nav {
  display: none;
}

.slider.homepage-why {
  background-color: #ddd0;
  height: 100%;
  margin-top: 7.7rem;
}

.slider-image-wrapper {
  justify-content: center;
  align-items: center;
  width: 70%;
  position: relative;
}

.slider-image-wrapper.reviews {
  z-index: 1;
  border-radius: 12px;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.slide {
  width: 100%;
  height: auto;
  margin-right: 1.4rem;
}

.bottom-blog-post-collection {
  flex: 1;
  overflow: hidden;
}

.slider-container {
  z-index: 0;
  background-color: #f6f6f6;
  border: 1px solid #ebebeb;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slider-container.no-background-color {
  background-color: #f6f6f600;
  border-style: none;
}

.left-slide-arrow {
  background-color: var(--الأسود);
  color: var(--white);
  border: 1px solid #eaedf0;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
}

.left-slide-arrow.why-slider {
  margin-right: 5rem;
  transition: color .3s, background-color .3s;
  inset: -18% 0% auto auto;
}

.left-slide-arrow.why-slider:hover {
  background-color: var(--white);
  color: var(--black);
}

.homepage-review-card-wrapper {
  background-color: var(--white);
  border-radius: 12px;
  justify-content: center;
  align-items: flex-start;
  height: 31rem;
  padding: 1rem;
  position: relative;
  box-shadow: 0 2px 15px -12px #0003;
}

.right-slide-arrow {
  background-color: var(--الأسود);
  color: var(--white);
  border: 1px solid #dfdfdf;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
}

.right-slide-arrow.why-slider {
  transition: color .3s, background-color .3s;
  inset: -18% 0% auto auto;
}

.right-slide-arrow.why-slider:hover {
  background-color: var(--white);
  color: var(--black);
}

.reviews-grid {
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  padding: .4rem;
  overflow: hidden;
}

.slider-mask {
  max-width: 24%;
  overflow: visible;
}

.slider-mask.homepage-03-reviews {
  max-width: 70%;
}

.icon-large {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.background-overlay.reviews {
  pointer-events: none;
  background-image: linear-gradient(#fff0 65%, #000);
  position: absolute;
  inset: 0%;
}

.store-logo-box-large {
  background-color: #a2f0c1;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  height: 31svh;
  display: flex;
}

.store-logo-box-large.top-margin {
  margin-top: 1rem;
}

.store-logo-box-large.top-margin.display-none-desktop {
  display: none;
}

.store-logo-box-small {
  background-color: #a2f0c1;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  height: 22svh;
  display: flex;
}

.store-logo-box-small.top-margin {
  background-color: #a2f0c1;
  margin-top: 1rem;
}

.store-logo-box-small.top-margin.mobile-larger {
  display: none;
}

.underline {
  background-image: url('../images/purp-lin-e.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 3px;
  display: inline-block;
}

.most-popular-call-out-wrapper {
  background-color: var(--light-purple);
  border-radius: 80px;
  padding: .7rem 1rem;
  display: inline-block;
  position: absolute;
  inset: 4% 2% auto auto;
}

.grid-block-general {
  position: relative;
}

.text-block-general {
  line-height: 115%;
}

.active-tab-link {
  z-index: 0;
  grid-column-gap: 12px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.active-tab-link.w--current {
  color: #1ac500;
  background-color: #0000;
}

.pricing-tabs {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 4rem;
  margin-left: auto;
  margin-right: auto;
  padding: .3rem 1rem 1rem;
  display: flex;
}

.pricing-card-grid {
  grid-column-gap: 0px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 5.2rem;
}

.currency-symbol {
  font-size: 2rem;
  font-weight: 800;
  display: inline-block;
  top: -44px;
}

.pricing-tabs-menu {
  background-color: #e6e6e6;
  border: 1px solid #d4d4d4;
  border-radius: 80px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: .3rem;
  padding-bottom: .3rem;
  padding-left: .5rem;
  display: flex;
}

.tabs-content-wrapper {
  width: 100%;
}

.tabs-content-wrapper._02 {
  overflow: visible;
}

.listing-tab-link {
  grid-column-gap: 12px;
  color: #000;
  background-color: #0000;
  border-radius: 100px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
  font-weight: 600;
  display: flex;
}

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

.pricing-tabs-content {
  grid-row-gap: 20px;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
}

.plan-card-wrapper {
  background-color: #fff;
  border-radius: 15px;
  padding: 1.5rem 1.5rem 7.2rem;
  position: relative;
  box-shadow: 0 16px 18px -4px #00000024;
}

.plan-card-wrapper._01 {
  margin-top: 1.7rem;
  left: 15px;
  transform: rotate(-4deg);
}

.plan-card-wrapper._03 {
  margin-top: 1.7rem;
  padding-left: 2.3rem;
  left: -15px;
  transform: rotate(4deg);
}

.plan-card-wrapper._02 {
  z-index: 1;
  background-color: var(--white);
  color: #000;
  padding-bottom: 1.5rem;
}

.plan-card-wrapper._02.primary {
  background-color: #0f1d13;
}

.plan-price {
  color: #945afa;
  font-size: 6rem;
  font-weight: 600;
}

.plan-price.white {
  text-align: center;
  color: #00fa64;
  margin-bottom: 2rem;
  font-family: Graphik Arabic, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 600;
}

.plan-price.white.primary {
  color: #00fa64;
}

.duration {
  color: var(--white);
  margin-right: -4px;
  padding-left: 5px;
  font-size: 1rem;
}

.duration.monthly {
  color: var(--gray);
}

.tab-text-block {
  font-size: 1rem;
  font-weight: 400;
  line-height: 115%;
}

.tab-text-block.pricing {
  flex: none;
  font-size: 1.3rem;
  position: relative;
}

.plan-name {
  font-size: 1.6rem;
}

.plan-name.white {
  color: var(--black);
  text-align: center;
  margin-bottom: 1.3rem;
  font-family: Graphik Arabic, Arial, sans-serif;
  font-weight: 600;
}

.plan-name.white.primary {
  color: var(--white);
  font-family: Graphik Arabic, Arial, sans-serif;
}

.buttons-text {
  z-index: 5;
  font-family: Graphik Arabic, Arial, sans-serif;
  font-weight: 500;
  position: relative;
}

.button-icon-wrapper {
  z-index: 5;
  background-color: #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: .5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-icon-wrapper.white {
  color: #fff;
  background-color: #00fb64;
  border-radius: 20px;
  width: 2.1rem;
  height: 2.1rem;
}

.main-button {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: .75rem .7rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 20px #0003;
}

.main-button.white {
  grid-column-gap: 1.4rem;
  grid-row-gap: 1.4rem;
  background-color: var(--white);
  color: var(--black);
  border: 1px solid #dfdfdf;
  border-radius: 7px;
}

.main-button.white:hover {
  opacity: 1;
}

.main-button.white.pop {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  box-shadow: none;
  border-radius: 30px;
  justify-content: space-between;
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.main-button.white.pop:hover {
  opacity: 1;
}

.button-icon {
  width: 1.2rem;
  min-width: 1.2rem;
  max-width: 1.2rem;
  height: 1.2rem;
  min-height: 1.2rem;
  max-height: 1.2rem;
  transform: scaleX(-1);
}

.main-button-container {
  direction: ltr;
  text-align: center;
  border-radius: 8px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.buttons-background {
  background-color: #5b96fe;
  border-radius: 100%;
  width: 120%;
  min-width: 5rem;
  height: 175%;
  display: block;
  position: absolute;
  inset: auto;
}

.buttons-background.purple {
  pointer-events: none;
  background-color: #00fb64;
  border-radius: 50rem;
  align-self: center;
  width: 0%;
  min-width: auto;
  height: 120%;
  inset: 0% 0% 0% -20%;
}

.header-nav-logo-image {
  display: inline-block;
  position: static;
}

.nav-background-02 {
  z-index: -2;
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  height: 60%;
  position: absolute;
  inset: auto 0% -8%;
}

.nav-background-02.nav-tablet-dropdown {
  border-radius: 0;
  width: 100%;
  height: 100%;
  display: none;
  inset: 2% 0% 0%;
  overflow: hidden;
}

.nav-buttons-desktop {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  text-align: center;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  margin-top: 25px;
  margin-bottom: 25px;
  display: block;
}

.header-nav {
  direction: ltr;
  text-align: right;
  background-color: #ddd0;
  align-items: center;
  height: 100px;
  padding-left: 3%;
  padding-right: 3%;
  font-family:Graphik Arabic, Arial, sans-serif;
  display: flex;
  position: fixed;
  inset: 1% 0% auto;
}

.navigation-left-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-right: 30px;
  display: block;
}

.nav-text-link {
  color: #fff;
  padding: 0;
  font-size: 1.2rem;
  transition: color .3s;
}

.nav-text-link:hover {
  color: #79cabe;
}

.nav-text-link.small {
  z-index: 99;
  color: #000;
  font-family: Graphik Arabic, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
  position: relative;
}

.nav-text-link.small:hover {
  color: var(--الأسود);
}

.nav-text-link.small.w--current {
  color: #000;
  font-family: Graphik Arabic, Arial, sans-serif;
  font-weight: 400;
}

.nav-text-link.small.w--open {
  z-index: 100;
}

.nav-text-link.purp {
  z-index: 99;
  color: #000;
  font-size: 1rem;
  text-decoration: none;
  position: relative;
}

.nav-text-link.purp:hover {
  color: #ff3420;
}

.nav-text-link.purp.w--current {
  color: #000;
}

.nav-text-link.purp.w--open {
  z-index: 100;
}

.nav-text-link.purp.display-none-tablet:hover, .nav-text-link.purp.display-none-tablet:active {
  color: var(--الأسود);
}

.nav-text-links-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.nav-text-links-container.display-none-tablet {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.header-nav-container {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  border: 1px solid #ebebeb;
  border-radius: 12px;
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  padding: .5rem .7rem;
  font-weight: 600;
  display: flex;
  position: relative;
}

.nav-right-block {
  z-index: 99;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  min-width: 6rem;
  max-width: 14rem;
  display: none;
}

.nav-dropdown-03 {
  padding-right: 36px;
  position: static;
}

.nav-dropdown-03.desktop {
  padding-right: 42px;
}

.button {
  background-color: #01010100;
  border-radius: 6px;
  height: 3rem;
  min-height: 3rem;
  padding: .9rem 2.2rem;
  font-size: 1rem;
  line-height: 1;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.button.purple {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--الأسود);
  color: #fff;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.button.purple.nav-contact {
  z-index: 99;
  background-color: #00fa63;
  border-radius: 80px;
  justify-content: space-around;
  height: 2.6rem;
  min-height: 2.6rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  font-family: Graphik Arabic, Arial, sans-serif;
  transition-property: background-color;
  transition-duration: .3s;
  transition-timing-function: ease;
}

.button.purple.nav-contact:hover {
  background-color: #03cc54;
}

.button.purple.nav-contact.primary {
  background-color: #00fa64;
}

.button.purple.nav-contact.primary:hover {
  background-color: #03cc54;
}

.button.color-orange {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  background-color: #ff3420;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.button.color-orange.contact {
  height: 3.5rem;
  min-height: 3.5rem;
  font-size: 1.3rem;
  transition: background-color .3s;
}

.button.color-orange.contact:hover {
  background-color: #000;
}

.button.color-orange.contact.pop {
  background-color: var(--الأسود);
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  font-family: Graphik Arabic, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.button.color-orange.contact.pop:hover {
  background-color: #000;
}

.button.black {
  background-color: var(--black);
  transition: background-color .3s, color .3s;
}

.button.black:hover {
  background-color: var(--white);
  color: var(--black);
}

.navigation-middle-block {
  z-index: 100;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  flex: 0 auto;
  order: -1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 20px;
  display: block;
  position: relative;
}

.nav-dropdown-02 {
  z-index: 99;
  padding-right: 36px;
  position: static;
}

.nav-dropdown-02.desktop {
  padding-right: 26px;
}

.header-logo-image-wrapper {
  max-width: 6rem;
}

.header-logo-image-wrapper.w--current {
  max-width: 5rem;
}

.navigation-menu {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  direction: rtl;
  align-items: center;
  min-width: 14rem;
  max-width: none;
  display: flex;
  position: static;
}

.footer-text-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.social-svg-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.footer-grid-large {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr 1fr 5.75fr;
  grid-auto-flow: row;
  align-items: start;
}

.footer-link-dark {
  color: var(--white);
  letter-spacing: -.02em;
  font-size: 1rem;
  line-height: 1.8;
  text-decoration: none;
}

.footer-link-dark:hover {
  opacity: .68;
  color: #fff;
}

.footer-grid-block {
  z-index: 5;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.social-link-large {
  background-color: var(--black);
  color: var(--white);
  cursor: pointer;
  border-radius: 99px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: color .3s, background-color .3s;
  display: flex;
}

.social-link-large:hover {
  background-color: var(--white);
  opacity: 1;
  color: var(--black);
}

.footer-brand {
  width: 100%;
  margin-top: 40px;
}

.footer-grid-block-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  margin-top: 5px;
  display: flex;
}

.footer-logo-image-wrapper {
  max-width: 55%;
  margin-top: -97px;
  margin-left: auto;
}

.footer-menu-title {
  color: var(--الأسود);
  font-size: 1.2rem;
  font-weight: 600;
}

.newsletter-legal-wrap {
  grid-column-gap: 32px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto auto 1rem 2rem;
}

.bottom-footer-link {
  grid-column-gap: 2px;
  color: #fff;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.bottom-footer-link:hover {
  opacity: .75;
}

.benefit-slide {
  perspective: 1000px;
  height: auto;
}

.benefit-main-image {
  object-fit: cover;
  transform-style: preserve-3d;
  width: 100%;
  height: 40rem;
  transform: translate3d(0, 0, -20px);
}

.utility-holder-image-wrapper-03 {
  z-index: -10;
  transform-style: preserve-3d;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: translate3d(0, 0, -110px);
}

.utility-holder-image-wrapper-03.account-z-index {
  z-index: 16;
  transform: none;
}

.benefit-slider-container {
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  height: auto;
  position: relative;
}

.benefit-slider {
  z-index: -10;
  background-color: #0000;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0%;
  transform: scale(.8);
}

.benefit-main-image-wrapper {
  z-index: -1;
  perspective: 1000px;
  position: relative;
}

.utility-image-03.square {
  max-width: 52%;
  position: absolute;
  inset: 8% -36% auto auto;
}

.utility-image-03.second-slide {
  z-index: 15;
  width: 80%;
  position: absolute;
  inset: auto -46% 35% auto;
}

.benefit-content-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.benefit-slide-mask {
  max-width: 20rem;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.benefit-content-wrapper {
  perspective: 1000px;
}

.hide {
  display: none;
}

.utility-holder-wrapper-02 {
  z-index: 10;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: translate3d(0, 0, 30px);
}

.utility-image-02 {
  align-items: center;
  display: flex;
}

.utility-image-02.relative {
  z-index: 15;
  max-width: 52%;
  position: absolute;
  inset: auto auto 17% -24%;
}

.utility-image-02.small {
  z-index: 99999999;
  max-width: 70%;
  padding: 0;
  position: absolute;
  inset: 12% auto auto -38%;
}

.right-arrow-02 {
  width: 120%;
  min-width: 120%;
  height: 100%;
  display: none;
  inset: 0% 0% 0% -12%;
}

.slide-nav-02 {
  display: none;
}

.admin-content-image._100-width-height {
  width: 100%;
  height: 100%;
}

.admin-content-image._100-width-height.cover {
  object-fit: cover;
}

.licenses-link-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.license-images-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 41px;
  display: flex;
}

.admin-sub-page-h2-heading {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 5.5rem;
}

.admin-sub-page-h2-heading.admin {
  font-size: 2.5rem;
  line-height: 1.1;
}

.admin-divider {
  background-color: #c4c4c4;
  width: 100%;
  height: .0625rem;
}

.admin-text-link {
  text-decoration: none;
}

.admin-text-link:hover {
  color: #f54f95;
}

.admin-text-link.purple {
  color: var(--الأسود);
  transition: opacity .35s;
}

.admin-text-link.purple:hover {
  opacity: .61;
  color: #000;
}

.admin-info-wrapper {
  border: 1px solid #d3d3d3;
  border-radius: 11px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.admin-text-block {
  color: #2c1457;
  line-height: 145%;
}

.admin-content-wrapper {
  min-width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem 2rem;
}

.admin-paragraph.no-margin {
  margin-bottom: 0;
}

.popup-pullout-background {
  background-color: var(--white);
  height: 100svh;
  position: absolute;
  inset: 0%;
}

.form-grid {
  grid-column-gap: 12px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
}

.form-grid.pop {
  grid-row-gap: 12px;
  flex-flow: column;
  grid-template-columns: 1fr 1fr;
  display: flex;
}

.form-grid.pop._02 {
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.contact-form-container {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  display: flex;
}

.contact-form-block-outline-contain {
  border: 1px solid #edeff3;
  border-radius: 12px;
  margin-bottom: 0;
  padding: 24px;
}

.contact-form-block-outline-contain.pop {
  border-style: none;
  border-radius: 0;
  margin-top: 40px;
  padding: 0;
}

.form-wrap-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.success-message {
  color: #fff;
  background-color: #0f853e;
  border-radius: 12px;
}

.text-field {
  color: #000;
  border: 1px solid #8d8d8d;
  border-radius: 8px;
  min-height: 48px;
  margin-bottom: 0;
  padding: 12px 16px;
  font-size: 16px;
  box-shadow: 0 1px 2px #23272e14;
}

.text-field:focus {
  border-color: #ff3420;
}

.text-field.pop {
  direction: rtl;
  display: block;
}

.text-field.text-area {
  min-height: 150px;
}

.text-field.text-area.pop {
  min-height: 80px;
}

.main-button-02 {
  color: #fff;
  text-align: center;
  background-color: #ff3420;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: .75rem .7rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.main-button-02.white {
  grid-column-gap: 1.4rem;
  grid-row-gap: 1.4rem;
  color: #000;
  background-color: #fff;
  border-radius: 7px;
}

.form-container {
  z-index: 10;
  background-color: #f0f0f0;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 45svw;
  max-width: 45svw;
  height: 100svh;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-weight: 300;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
  transform: translate(100%);
}

.form-container.nav {
  background-color: #fff;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  inset: 0% 0% 0% auto;
  overflow: scroll;
}

.popup-button-container {
  z-index: 2147483647;
  display: none;
  position: relative;
}

.popup-button-container.overlay {
  display: none;
}

.modal-body-content-contain {
  z-index: 99999999;
  max-width: 93%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.error-message {
  color: #fff;
  background-color: red;
  border-radius: 8px;
  margin-top: 21px;
  padding: 12px 16px;
}

.select {
  color: #525f75;
  border: 1px solid #edeff3;
  border-radius: 8px;
  min-height: 48px;
  margin-bottom: 0;
  font-size: 16px;
  box-shadow: 0 1px 2px #23272e14;
}

.select:focus {
  border-color: #b1bbc8;
}

.checkbox-field {
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.checkbox {
  border: 1px solid var(--الأسود);
  background-color: #fff;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 6px;
}

.checkbox.w--redirected-checked {
  background-color: var(--الأسود);
  color: #fff;
  background-image: url('../images/check.svg');
  background-size: 1rem;
  border: 1px solid #fff;
  border-radius: 100%;
}

.checkbox.w--redirected-focus {
  box-shadow: none;
}

.close-text {
  font-size: 1.1rem;
  font-weight: 400;
}

.close-text.popup {
  font-size: 1.5rem;
}

.contact-form {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: column;
  display: flex;
}

.popup-close-button {
  background-color: var(--الأسود);
  color: #fff;
  text-align: center;
  border-bottom-left-radius: 10px;
  max-width: 8rem;
  margin-left: auto;
  padding: 1rem;
}

.close-overlay {
  z-index: 9;
  opacity: .12;
  cursor: pointer;
  position: absolute;
  inset: 0;
}

.contact-input-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  font-family:Graphik Arabic, Arial, sans-serif;
  font-weight: 400;
  display: flex;
}

.select-field {
  color: #8d8d8d;
  background-color: #fff;
  border: 1px solid #8d8d8d;
  border-radius: 8px;
  min-height: 48px;
  margin-bottom: 0;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.select-field.select {
  direction: rtl;
  padding-right: 10px;
}

.field-label {
  color: #000;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.field-label.pop {
  direction: rtl;
  color: #000;
  text-transform: none;
  font-size: 1rem;
}

.contact-pop-up {
  width: 100%;
  min-height: 100vh;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.popup-overlay {
  z-index: 2147483647;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #00000059;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  position: fixed;
  inset: 0;
}

.utility-page-wrap {
  background-color: var(--الأسود);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding: 1.5rem;
  display: flex;
}

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

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

.utility-page-wrapper {
  background-color: var(--الأسود);
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding: 2rem;
  display: flex;
}

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

._404-number-hero-heading {
  color: #fff;
  letter-spacing: -.03em;
  margin-bottom: 0;
  font-size: 20rem;
  font-weight: 800;
  line-height: .8;
}

.password-input {
  border-radius: 6px;
  height: 45px;
}

.password-input:focus {
  border: 1px solid var(--black);
}

.password-text {
  color: var(--white);
  text-align: left;
}

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

.marquee-horizontal._02 {
  margin-bottom: -73px;
}

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

.body {
  direction: ltr;
  text-align: right;
  font-family: Graphik Arabic, Arial, sans-serif;
}

.text-block-2 {
  color: #0f1d13;
  border: 1px #0f1d13;
  font-family: Graphik Arabic, Arial, sans-serif;
  font-weight: 500;
}

.text-block-2.primary {
  color: var(--black);
}

.bold-text, .bold-text-2 {
  font-weight: 400;
}

.bold-text-3 {
  font-family:Graphik Arabic, Arial, sans-serif;
}

.accordion__bar-hor {
  background-color: var(--white);
  width: 100%;
  height: 2px;
}

.accordion__bar-hor.primary {
  background-color: var(--الأسود);
  color: var(--white);
}

.shrink-box-button-2 {
  margin-right: 5px;
  display: block;
}

.accordion__content {
  margin: 15px 0 20px;
}

.shrink-box-wrapper-2 {
  opacity: .5;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  transition: opacity .2s;
  display: flex;
}

.shrink-box-wrapper-2:hover {
  opacity: 1;
}

.db-mobile-fixed-nav {
  color: #fff;
  background-color: #0f0f0f;
  justify-content: space-between;
  align-items: center;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.db-link {
  color: #3cc47c;
  text-decoration: none;
}

.db-flex-row {
  padding-right: 20px;
  display: flex;
}

.db-fixed-nav-headline {
  text-align: center;
  margin: 0 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
}

.accordion__bar-vert {
  background-color: var(--white);
  width: 2px;
  height: 100%;
  position: absolute;
}

.accordion__bar-vert.primary {
  background-color: var(--الأسود);
}

.accordion__plus-wrapper {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
  position: relative;
}

.accordion__title {
  text-align: center;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  font-family: Graphik Arabic, Arial, sans-serif;
  font-size: 18px;
  display: block;
}

.db-button {
  text-transform: uppercase;
  cursor: pointer;
  background-color: #3cc47c;
  border-radius: 3px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: block;
}

.db-button:hover {
  background-color: #2b8f5a;
}

.db-link-wrapper {
  background-color: #3cc47c;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  width: 100%;
  padding: 10px 60px 15px;
}

.side-menu {
  color: #fff;
  cursor: move;
  background-color: #000000f0;
  border-radius: 4px 4px 3px 3px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 240px;
  display: flex;
  position: fixed;
  top: 20px;
  left: 20px;
  box-shadow: 0 1px 17px #0000001f;
}

.webflow-icon {
  margin-right: 8px;
}

.db-fixed-nav-logo {
  width: 100px;
}

.pricing {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.side-menu-headline {
  text-align: center;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.webflow-link {
  z-index: 9999999;
  background-color: #fff;
  border-radius: 3px;
  padding: 4px 6px 5px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  box-shadow: 0 0 3px #00000052;
}

.accordion-item {
  direction: rtl;
  max-width: 450px;
}

.accordion__content-wrap {
  height: 0%;
  overflow: hidden;
}

.db-logo-wrapper {
  background-color: #3cc47c;
  padding: 10px 15px;
}

.heading {
  font-family: Graphik Arabic, Arial, sans-serif;
}

.heading.primary {
  color: var(--white);
}

.paragraph-2 {
  font-family: Graphik Arabic, Arial, sans-serif;
}

.paragraph-2.primary {
  color: var(--white);
}

.bold-text-7 {
  color: var(--gray);
  font-family: Graphik Arabic, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
}

.bold-text-8 {
  font-family: Graphik Arabic, Arial, sans-serif;
  font-weight: 600;
}

.paragraph-3 {
  opacity: .75;
  font-size: 16px;
  line-height: 22px;
}

.contact-method {
  color: #3b2ae5;
  align-items: center;
  margin-right: 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.contact-method:hover {
  opacity: .8;
}

.contact-method.no-link:hover {
  opacity: 1;
}

.heading-2 {
  margin-top: 0;
  font-size: 35px;
  font-weight: 600;
  line-height: 45px;
}

.section-title {
  color: #3b2ae5;
  text-transform: none;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-decoration: none;
}

.form-section-03 {
  border-bottom: 1px solid #dbdbdb;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.form-03-outer-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1100px;
  display: grid;
}

.contact-text {
  margin-bottom: 1px;
}

.form-spacer {
  flex: 0 auto;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.form-block-03 {
  border: 1px solid #dbdbdb;
  margin-bottom: 0;
  padding: 20px;
}

.content-wrap-left {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-right: 40px;
  display: flex;
}

.contact-method-wrap {
  align-items: center;
  margin-top: 20px;
  margin-right: 20px;
  display: flex;
}

.text-field-inform {
  border: 1px solid #dbdbdb;
  height: 48px;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 15px;
  font-size: 16px;
  line-height: 22px;
}

.text-field-inform:active {
  color: #3b2ae5;
  border-color: #dbdbdb;
}

.text-field-inform.bigger {
  height: auto;
  min-height: 58px;
}

.contact-icon {
  background-color: #3b2ae5;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  padding: 4px;
  display: flex;
}

.button-2 {
  text-transform: none;
  background-color: #3b2ae5;
  border-radius: 0;
  padding: 13px 22px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  transition: all .2s;
}

.button-2:hover {
  opacity: .8;
}

.button-2.in-form {
  text-align: center;
  width: 100%;
}

._2-questions-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.space-down {
  margin-top: 0;
  margin-bottom: 50px;
  padding-top: 25px;
}

.body-2 {
  font-family:Graphik Arabic, Arial, sans-serif;
}

.text-span-5, .text-span-6 {
  color: var(--الأسود);
}

.paragraph-70 {
  opacity: .7;
  margin-bottom: 10px;
}

.cta3-headline-wrap {
  margin-bottom: 36px;
}

.cta3-feed-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  transition: opacity .2s;
}

.cta3-feed-image:hover {
  opacity: .8;
}

.cta3-feed-image.cta3-feed-image1 {
  background-image: url('../images/May-2-2025-01_51_34-PM.png'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0, 50%;
  background-size: cover, cover;
}

.cta3-feed-image.cta3-feed-image2 {
  background-image: url('../images/pexels-photo-8939040.jpeg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0, 50%;
  background-size: cover, cover;
}

.cta3-feed-image.cta3-feed-image3 {
  background-image: url('../images/pexels-photo-30877102.webp'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%, 50%;
  background-size: cover, cover;
}

.cta3-feed-image.cta3-feed-image4 {
  background-image: url('../images/steptodown.com147822.jpg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%, 50%;
  background-size: cover, cover;
}

.button-small {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #18181d;
  border-radius: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 18px 30px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.button-small:hover {
  background-color: #272731;
}

.button-small.form-centered-button {
  justify-content: center;
}

.cta3-pictures-feed {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 376px;
  display: grid;
}

.cta3-grid {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.cta3-content {
  flex-direction: column;
  align-items: flex-start;
  padding-right: 103px;
  display: flex;
}

.size1-text {
  white-space: normal;
  margin-top: 20px;
  margin-bottom: 25px;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
}

.size1-text.size1-top-clear {
  margin-top: 0;
}

.button-arrow {
  flex: none;
  margin-left: 20px;
  display: inline-block;
}

.section-2 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding-left: 36px;
  padding-right: 36px;
}

.body-3, .heading-3, .heading-4, .heading-5, .heading-6, .heading-7, .paragraph-71, .heading-8, .paragraph-72, .heading-9, .heading-10, .paragraph-73, .paragraph-74, .paragraph-75, .paragraph-76, .paragraph-77 {
  font-family:Graphik Arabic, Arial, sans-serif;
}

.pricings-container {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.pricings-container.mobile {
  display: none;
}

.div-block-2 {
  background-color: var(--الأسود);
  border-radius: 20px;
  padding: 8px;
}

.div-block-2.primary {
  background-color: var(--white);
  border-radius: 20px;
  padding: 8px;
}

.text-span-7 {
  color: #00fa64;
}

.link-block {
  text-decoration: none;
}

.link-block-2 {
  cursor: pointer;
  text-decoration: none;
}

.link-block-3, .link-block-4 {
  text-decoration: none;
}

.section-3 {
  color: var(--gray);
  margin-top: 0;
  overflow: hidden;
}

.section-3.who-us {
  margin-top: 3rem;
}

.feature5-item-wrap {
  padding-right: 30px;
}

.text-14 {
  line-height: 24px;
}

.text-14.text-14-60 {
  opacity: .6;
  direction: rtl;
  color: var(--black);
  font-family: Graphik Arabic, Arial, sans-serif;
}

._4-col {
  width: 300px;
  margin-left: 20px;
  margin-right: 0;
  display: inline-block;
}

._4-col._4-col-last {
  margin-right: 0;
  display: inline-block;
}

.wrap {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.wrap.w80-50 {
  padding-top: 0;
  padding-bottom: 20px;
}

.wrap.w80 {
  padding-top: 0;
  padding-bottom: 80px;
}

.tagline {
  opacity: .6;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 20px;
  font-size: 12px;
}

.headline-6-col {
  text-align: center;
  width: 70%;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}

.text-20 {
  opacity: 1;
  direction: rtl;
  color: #0f1d13;
  font-family:Graphik Arabic, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.feature5-row-wrap {
  align-items: flex-start;
  margin-top: 0;
  display: flex;
}

.text-span-8 {
  color: #00fb64;
}

.heading-11 {
  color: #0f1d13;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Graphik Arabic, Arial, sans-serif;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
}

.heading-11.our-vision {
  margin-top: 2rem;
}

.paragraph-78 {
  direction: rtl;
  color: #a2a2a2;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Graphik Arabic, Arial, sans-serif;
  font-weight: 400;
}

.bold-text-9, .bold-text-10, .bold-text-11 {
  font-family: Graphik Arabic, Arial, sans-serif;
  font-weight: 500;
}

.paragraph-79 {
  opacity: .7;
  margin-bottom: 10px;
}

.paragraph-79.paragraph70-bottom-clear {
  margin-bottom: 0;
}

.popup3-grid {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.popup-form-wrap {
  text-align: right;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  min-height: 260px;
  padding: 57px 67px;
  display: flex;
}

.popup3-form-wrap {
  display: flex;
}

.text-field-2 {
  color: #18181d;
  text-transform: none;
  background-color: #f5f5f5;
  border-style: none;
  border-radius: 0;
  align-self: stretch;
  width: 100%;
  margin-bottom: 0;
  padding: 30px 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.text-field-2:hover {
  background-color: #f0f0f0;
}

.text-field-2:active {
  background-color: #ececec;
}

.text-field-2:focus {
  color: #18181d;
  background-color: #ececec;
}

.text-field-2.right-margin-field {
  margin-right: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.popup-wrap {
  z-index: 99999;
  opacity: 1;
  background-color: #18181db3;
  align-items: center;
  width: auto;
  min-width: auto;
  height: auto;
  min-height: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  display: block;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.popup-wrap.popup-wrap3, .popup-wrap.popup-wrap5, .popup-wrap.popup-wrap2 {
  display: none;
}

.popup3-popup-close {
  color: #fff;
  text-align: center;
  text-transform: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.popup3-popup-close:hover {
  opacity: .8;
  text-decoration: underline;
}

.popup3-headline-wrap {
  margin-bottom: 30px;
}

.error-message-2 {
  color: #db4b68;
  text-align: center;
  text-transform: uppercase;
  background-color: #db4b680d;
  border-bottom: 3px solid #db4b68;
  width: 100%;
  max-width: 1200px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.success-message-2 {
  color: #12b878;
  text-align: center;
  text-transform: uppercase;
  background-color: #12b8781a;
  border-bottom: 3px solid #12b878;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 30px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.popup3-form {
  margin-bottom: 0;
}

.size3-text {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: 300;
  line-height: 38px;
}

.size3-text.size3-top-clear {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Graphik Arabic, Arial, sans-serif;
  font-weight: 600;
  position: relative;
}

.link-block-5 {
  background-color: var(--black);
  width: 100px;
  height: 100px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
}

.paragraph-80 {
  margin-bottom: 0;
}

.decoline {
  background-color: #d2d2d2;
  width: 30px;
  height: 2px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
}

.content1-image {
  border-radius: 8px;
  height: 340px;
  margin-bottom: 30px;
}

.content1-image.content1-image3 {
  background-image: url('../images/الاستشارة-التسويقية.png'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0, 50%;
  background-size: cover, cover;
  border-radius: 12px;
}

.content1-image.content1-image3.a123 {
  background-image: url('../images/ChatGPT-Image-May-29-2025-04_26_36-PM-1.png'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
}

.content1-image.content1-image3.e13 {
  background-image: url('../images/ChatGPT-Image-May-29-2025-05_42_16-PM-1.png'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-size: cover, cover;
  border-radius: 12px;
}

.content1-image.content1-image1 {
  background-image: url('../images/الحملات-الرقمية.png'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0, 50%;
  background-size: cover, cover;
  border-radius: 12px;
}

.content1-image.content1-image1.a125 {
  background-image: url('../images/تحسين-الأداء.png'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
}

.content1-image.content1-image1.re3 {
  background-image: url('../images/ChatGPT-Image-May-29-2025-05_50_41-PM-1.png'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  border-radius: 12px;
}

.content1-image.content1-image2 {
  background-image: url('../images/الاستراتيجيات.png'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0, 50%;
  background-size: cover, cover;
  border-radius: 12px;
}

.content1-image.content1-image2.a1234 {
  background-image: url('../images/تصميم.png'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
}

.content1-image.content1-image2.d123 {
  background-image: url('../images/ChatGPT-Image-May-29-2025-05_47_32-PM-1.png'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  border-radius: 12px;
}

.content1-items {
  direction: ltr;
  text-align: right;
  align-items: flex-start;
  display: flex;
}

.content1-items.second-col-marketing {
  margin-top: 30px;
}

.headline-8-col {
  direction: rtl;
  text-align: center;
  width: 620px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

.content1-item-description {
  padding-left: 40px;
  padding-right: 0;
}

.heading-12 {
  color: var(--gray);
  margin-top: 30px;
  font-family: Graphik Arabic, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.4;
}

.heading-13 {
  direction: rtl;
  font-family: Graphik Arabic, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 600;
}

.italic-text {
  color: var(--black);
  letter-spacing: .5px;
  font-family: Graphik Arabic, Arial, sans-serif;
  font-size: 1.5rem;
  font-style: normal;
}

.italic-text.marketing-heading, .italic-text.design-heading {
  font-size: 2rem;
}

.heading-14 {
  direction: rtl;
  color: var(--black);
  text-align: right;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Graphik Arabic, Arial, sans-serif;
  font-weight: 600;
}

.heading-15, .heading-16 {
  color: var(--black);
  font-family: Graphik Arabic, Arial, sans-serif;
  font-weight: 600;
}

.div-block-3 {
  width: 100%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.cta-marketing {
  direction: rtl;
  color: var(--black);
  font-family: Graphik Arabic, Arial, sans-serif;
  font-weight: 600;
}

.footer-3-link {
  color: #00fd64;
  margin-left: 10px;
  margin-right: 20px;
  font-family: Graphik Arabic, Arial, sans-serif;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
}

.logo-text {
  color: var(--white);
  margin-top: 0;
  font-family: Graphik Arabic, Arial, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 34px;
}

.footer-3-col {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.footer-3-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: auto;
  display: flex;
}

.footer-3-col-2, .footer-3-button {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.footer-3-copywrite {
  color: #a2a2a2;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Graphik Arabic, Arial, sans-serif;
  font-size: .9rem;
  font-weight: 400;
  display: flex;
}

.footer-3-line {
  background-color: #4f5e783b;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.footer-3 {
  background-color: #0f1d13;
  padding: 100px 5% 20px;
}

.row-5 {
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  height: auto;
  display: block;
}

.footer-3-para {
  color: #fff;
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  line-height: 23px;
  display: flex;
}

.footer-3-links {
  direction: rtl;
  text-align: right;
  order: 0;
  margin-bottom: 20px;
  margin-right: -20px;
  padding-right: 0;
}

.link {
  color: var(--gray);
  text-decoration: none;
}

.close-button {
  margin-top: -40px;
  margin-left: -45px;
  font-size: 1.5rem;
  position: absolute;
}

.text-block-3 {
  direction: rtl;
  font-weight: 400;
}

.italic-text-2 {
  font-style: normal;
}

.bold-text-12 {
  font-weight: 400;
}

.code-embed-2 {
  display: none;
}

.text-span-9, .text-span-10 {
  color: #00fa64;
}

.text-span-11, .text-span-12, .text-span-13, .text-span-14, .text-span-15, .text-span-16, .text-span-17, .text-span-18, .text-span-19, .text-span-20, .text-span-21, .text-span-22, .text-span-23, .text-span-24, .text-span-25, .text-span-26, .text-span-27 {
  color: #00fb64;
}

.text-span-29 {
  -webkit-text-stroke-color: #00fb64;
  color: #00fb64;
}

.text-span-33, .text-span-34 {
  color: #101d14;
  font-size: 2.5rem;
}

.text-span-35 {
  color: #fff;
  font-size: 2.5rem;
}

.text-span-36, .text-span-37, .text-span-38, .text-span-39, .text-span-40, .text-span-41, .text-span-42, .text-span-43, .text-span-44, .text-span-45, .text-span-46, .text-span-47 {
  color: #00fa64;
}

@media screen and (min-width: 1280px) {
  .text-box-container.center-aligned {
    flex-flow: wrap;
    justify-content: center;
    display: flex;
  }

  .text-box-container.center-aligned.auto {
    max-width: 70%;
  }

  .text-box {
    font-size: 4.5rem;
  }

  .text-box._33rem.overflow-clip {
    max-width: none;
  }

  .section.services-section {
    background-image: url('../images/الباترن-للموقع.svg');
    background-position: 0 0;
    background-size: 550px;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .container.large-top-padding.small-bottom-padding.services-container {
    max-width: 80%;
  }

  .h1-heading.admin {
    font-family:Graphik Arabic, Arial, sans-serif;
    font-size: 3.5rem;
    font-weight: 600;
  }

  .flex-block.home-hero {
    display: none;
  }

  .paragraph.gray {
    text-align: center;
  }

  .h2-heading {
    text-align: center;
    font-family:Graphik Arabic, Arial, sans-serif;
  }

  .stand-out-features-grid._01 {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    place-items: stretch stretch;
  }

  .overflow-hidden {
    padding-top: 30px;
    padding-bottom: 10px;
  }

  .buttons-text {
    font-size: 1rem;
  }

  .header-nav-container {
    width: 100%;
    max-width: none;
  }

  .pricing {
    display: block;
  }

  .space-down {
    margin-bottom: 50px;
  }

  .text-span-5 {
    color: var(--الأسود);
    text-align: center;
    font-family:Graphik Arabic, Arial, sans-serif;
  }

  .text-span-6 {
    color: var(--الأسود);
  }

  .pricings-container {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }
}

@media screen and (min-width: 1440px) {
  .container {
    max-width: 87.5rem;
  }

  .container.home-hero {
    height: 100svh;
  }

  .h1-heading {
    font-size: 5rem;
  }

  .h1-heading.admin {
    font-family:Graphik Arabic, Arial, sans-serif;
    font-size: 3.5rem;
  }

  .h1-heading.no-margin.home {
    font-size: 5rem;
  }

  .paragraph.gray {
    text-align: center;
  }

  .black-button-container {
    font-size: 1.2rem;
  }

  .h2-heading {
    text-align: center;
    font-family:Graphik Arabic, Arial, sans-serif;
    font-size: 3rem;
  }

  .text-image.app-logo {
    max-width: 5.2rem;
  }

  .text-image.laptop-girl {
    max-width: 5.7rem;
  }

  .text-image.rocket {
    width: 6rem;
    height: 6rem;
  }

  .icon-text-wrapper._33rem {
    max-width: 18rem;
  }

  .stand-out-feature-text-box.homepage-card-h2 {
    max-width: 35rem;
  }

  .slider-mask {
    max-width: 24%;
  }

  .slider-mask.homepage-03-reviews {
    max-width: 60%;
  }

  .button.purple.nav-contact {
    cursor: pointer;
  }

  .benefit-slider {
    transform: scale(.9);
  }

  .admin-sub-page-h2-heading {
    font-size: 5.5rem;
  }

  .space-down {
    margin-bottom: 50px;
  }

  .text-span-5, .text-span-6 {
    color: var(--الأسود);
  }

  .pricings-container {
    justify-content: center;
  }

  .tagline {
    margin-top: 15px;
  }

  .heading-12 {
    margin-top: 20px;
  }
}

@media screen and (min-width: 1920px) {
  .text-box-container.center-aligned.auto {
    max-width: 80%;
  }

  .text-box-container.stand-out.make-a-payment {
    min-width: 65%;
    max-width: 65%;
  }

  .text-box._33rem.auto {
    max-width: none;
  }

  .container {
    max-width: 110rem;
  }

  .h1-heading {
    font-size: 6rem;
  }

  .h1-heading.admin {
    font-family:Graphik Arabic, Arial, sans-serif;
    font-size: 4rem;
  }

  .h1-heading.no-margin.home {
    font-size: 7rem;
  }

  .grid-block.display-none-desktop-view {
    display: block;
  }

  .image-wrapper.no-square {
    max-width: 9rem;
  }

  .paragraph.gray {
    text-align: center;
    font-size: 1.5rem;
  }

  .marquee-horizontal-container {
    padding-top: 60px;
    padding-bottom: 103px;
  }

  .fade-up-animation-box {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .h2-heading {
    text-align: center;
    font-family:Graphik Arabic, Arial, sans-serif;
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 1.5;
  }

  .svg.three-line {
    left: -3%;
  }

  .text-image.app-logo {
    max-width: 5.8rem;
  }

  .text-image.laptop-girl {
    max-width: 6.2rem;
  }

  .credit-card-image-wrapper {
    max-width: 32rem;
  }

  .make-a-payment-block-wrapper {
    width: 65%;
  }

  .stand-out-features-grid._01 {
    margin-top: 9rem;
  }

  .stand-out-features-grid._02 {
    grid-template-columns: 2fr 1.5fr;
  }

  .payment-vol-image-wrapper.qr-code {
    width: 62%;
    bottom: -27%;
  }

  .stand-out-feature-text-box.homepage-card-h2 {
    max-width: 38rem;
  }

  .stand-out-grids-container {
    max-width: 80%;
  }

  .store-logos-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .store-logo {
    width: 11rem;
    min-width: 11rem;
  }

  .review-quote {
    font-size: 1.7rem;
  }

  .call-out-container {
    margin-left: -72px;
  }

  .benefit-cards-grid {
    max-width: 80%;
  }

  .grid-wrapper {
    align-items: flex-start;
  }

  .slider.homepage-why {
    margin-top: 6%;
  }

  .left-slide-arrow {
    width: 72px;
    height: 72px;
  }

  .right-slide-arrow {
    border-radius: 50px;
    width: 72px;
    height: 72px;
  }

  .right-slide-arrow.why-slider {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
  }

  .reviews-grid {
    grid-template-columns: 1.75fr 2.25fr;
  }

  .slider-mask {
    max-width: 19.3%;
  }

  .slider-mask.homepage-03-reviews {
    max-width: 50%;
  }

  .plan-card-wrapper {
    padding-bottom: 11.1rem;
  }

  .plan-price {
    font-size: 9rem;
  }

  .plan-price.white {
    margin-bottom: 2rem;
  }

  .duration {
    font-size: 2rem;
  }

  .footer-grid-large {
    grid-template-columns: .5fr 1fr 1fr 8.25fr;
  }

  .benefit-main-image {
    height: 100%;
  }

  .benefit-slider {
    left: 11%;
    transform: scale(.8);
  }

  .benefit-main-image-wrapper {
    width: 27rem;
  }

  .utility-image-03.square {
    max-width: 53%;
    right: -29%;
  }

  .utility-image-03.second-slide {
    width: 80%;
    bottom: 34%;
    right: -41%;
  }

  .utility-image-02.relative {
    max-width: 53%;
  }

  .utility-image-02.small {
    max-width: 70%;
    left: -49%;
  }

  .admin-sub-page-h2-heading {
    font-size: 6.5rem;
  }

  .form-container.nav {
    min-width: 25svw;
    max-width: 25svw;
    height: auto;
    overflow: scroll;
  }

  .popup-button-container.overlay {
    display: none;
    position: fixed;
  }

  .popup-overlay {
    z-index: 0;
    display: flex;
    position: relative;
  }

  .pricing {
    min-height: auto;
  }

  .custom-space {
    padding-bottom: 20px;
  }

  .space-down {
    margin-bottom: 50px;
  }

  .text-span-5, .text-span-6 {
    color: var(--الأسود);
  }

  .pricings-container {
    justify-content: center;
  }
}

@media screen and (max-width: 991px) {
  .text-box-container.center-aligned {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text-box._33rem.overflow-clip {
    text-align: center;
  }

  .text-box.expand-card-top.absolute, .text-box.expand-paragraph {
    display: none;
  }

  .text-box.right-aligned-benefits-sub-paragraph {
    max-width: 23rem;
    margin-top: 1rem;
    margin-left: 0;
  }

  .text-box.benefit-hidden-text-box {
    display: none;
  }

  .text-box.benefit-card-heading {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .section.overflow-hidden {
    text-align: center;
  }

  .container {
    max-width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .container.admin-hero {
    min-height: auto;
    padding-top: 10rem;
    padding-bottom: 5rem;
  }

  .container.home-hero {
    text-align: center;
    height: auto;
    padding-top: 8.9rem;
  }

  .container.large-top-padding {
    padding-top: 10rem;
  }

  .container.largest-top-padding {
    padding-top: 0;
  }

  .container.footer {
    padding-top: 3.6rem;
    bottom: .5rem;
  }

  .page-wrapper {
    text-align: center;
  }

  .h1-heading.admin {
    font-family: Graphik Arabic, Arial, sans-serif;
    font-size: 3rem;
  }

  .h1-heading.no-margin.home {
    text-align: center;
    font-size: 2.5rem;
  }

  .grid-block {
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    display: block;
  }

  .grid-block.auto-right {
    text-align: center;
    justify-content: center;
    margin-right: 0;
  }

  .grid-block._100-width-tablet {
    width: 100%;
  }

  .image-wrapper.benefit-icon {
    margin-left: 0;
  }

  .paragraph.gray, .paragraph.gray.hero {
    text-align: center;
  }

  .home-hero-grid {
    grid-row-gap: 28px;
    text-align: center;
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .marquee-content-block-item {
    font-size: 1.7rem;
  }

  .fade-up-animation-box {
    margin-top: 20px;
  }

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

  .h2-heading {
    text-align: center;
    font-family: Graphik Arabic, Arial, sans-serif;
    font-size: 2.5rem;
    font-weight: 600;
  }

  .expand-cards-container {
    background-color: #fff0;
  }

  .cards-component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: #fff0;
    border-style: none;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .expand-card-wrapper {
    background-color: var(--white);
    border-radius: 9px;
    height: 24rem;
    min-height: 24rem;
    transition-property: none;
  }

  .expand-card-wrapper:hover {
    flex-basis: 25%;
  }

  .expand-card-wrapper.right {
    height: 21rem;
    min-height: 21rem;
  }

  .expand-card-content {
    background-color: var(--white);
    border: 1px solid #dfdfdf;
    border-radius: 9px;
    overflow: hidden;
  }

  .svg.three-line {
    top: -14%;
    left: -4%;
  }

  .button-container.benefit-cards {
    position: absolute;
    inset: auto 2% 4% auto;
  }

  .lottie-animation-wrapper.expand-cards {
    opacity: .28;
  }

  .lottie-animation._100 {
    opacity: 1;
  }

  .benefits-card-wrapper {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    min-height: auto;
    max-height: none;
    padding-bottom: 2.7rem;
  }

  .content-wrapper {
    flex-direction: column;
    display: flex;
  }

  .stand-out-features-grid._01 {
    grid-template-columns: 1.5fr 1.75fr;
  }

  .stand-out-features-grid._02 {
    grid-template-columns: 1.75fr 1.5fr;
  }

  .stand-out-feature-content {
    padding: 1.5rem;
  }

  .marquee-horizontal-business-logo-image {
    width: auto;
    height: 3.5rem;
  }

  .payment-vol-image-wrapper.qr-code {
    width: 90%;
    bottom: -5%;
  }

  .marquee-horizontal-panel-reverse {
    margin-top: 8px;
  }

  .store-logos-grid {
    justify-content: space-between;
    width: auto;
    display: flex;
  }

  .review-quote {
    line-height: 1.2;
  }

  .review-quote.no-top-margin {
    direction: rtl;
  }

  .review-quote.no-top-margin.white {
    font-size: 1.2rem;
    font-weight: 400;
  }

  .call-out-container {
    margin-bottom: -10px;
    margin-left: 0;
    display: none;
  }

  .benefits-card-hidden-wrapper, .benefits-card-title {
    display: none;
  }

  .benefits-card-title.display-none-desktop {
    text-align: left;
    margin-bottom: 1rem;
    display: block;
  }

  .benefit-cards-grid {
    flex-flow: column;
    display: flex;
  }

  .slider-image-container {
    width: 340px;
  }

  .slider-image-container.reviews-slider {
    width: 100%;
    height: 31rem;
  }

  .left-slide-arrow {
    left: -24px;
  }

  .left-slide-arrow.why-slider {
    top: -15%;
  }

  .homepage-review-card-wrapper {
    height: auto;
  }

  .right-slide-arrow {
    right: -24px;
  }

  .right-slide-arrow.why-slider {
    top: -15%;
  }

  .reviews-grid {
    grid-row-gap: 25px;
    grid-template-rows: min-content;
    grid-template-columns: 1fr 1fr;
    align-content: stretch;
    place-items: stretch center;
    width: auto;
    overflow: visible;
  }

  .slider-mask {
    max-width: 31.9%;
  }

  .slider-mask.homepage-03-reviews {
    max-width: 60%;
  }

  .store-logo-box-large {
    height: 31svh;
  }

  .store-logo-box-small {
    height: 14svh;
  }

  .store-logo-box-small.top-margin {
    height: 22svh;
  }

  .most-popular-call-out-wrapper {
    font-size: .8rem;
    top: -7%;
  }

  .grid-block-general {
    max-width: 100%;
  }

  .pricing-tabs {
    margin-top: 4.2rem;
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-card-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .currency-symbol {
    top: -15px;
    bottom: -31px;
  }

  .listing-tab-link._02 {
    display: inline-flex;
  }

  .plan-card-wrapper._02 {
    padding: 1.3rem 1.3rem 2rem;
  }

  .plan-price {
    margin-top: 8px;
    font-size: 3rem;
  }

  .plan-price.white {
    margin-bottom: 2.8rem;
  }

  .tab-text-block {
    font-size: 1rem;
  }

  .tab-text-block.pricing {
    font-size: 1.1rem;
  }

  .button-icon-wrapper.white {
    background-color: #00fa63;
  }

  .main-button-container {
    flex: none;
    justify-content: center;
  }

  .tablet-menu-icon-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .nav-background-02 {
    height: 1.5rem;
    inset: auto 0% -5%;
  }

  .nav-background-02.nav-tablet-dropdown {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    height: 3rem;
    display: block;
    top: 53%;
  }

  .nav-buttons-desktop {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .header-nav {
    width: 95%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0%;
    padding-right: 0%;
    top: 1%;
  }

  .navigation-left-block {
    z-index: 999;
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex;
    position: absolute;
    inset: 97% 0% auto;
    overflow: visible;
  }

  .nav-text-link {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 16px;
  }

  .nav-text-link.w--open {
    width: 100%;
  }

  .nav-text-link.small {
    text-align: right;
    align-self: flex-start;
    padding-right: 15px;
    display: block;
  }

  .nav-text-link.small.w--current {
    text-align: right;
    flex: 0 auto;
    padding-right: 15px;
    display: block;
  }

  .nav-text-link.purp {
    width: auto;
  }

  .nav-text-link.purp.display-none-tablet {
    display: none;
  }

  .nav-text-links-container {
    direction: rtl;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .nav-text-links-container.display-none-tablet {
    display: flex;
  }

  .header-nav-container {
    max-width: 100%;
    padding-left: .7rem;
    padding-right: .7rem;
  }

  .nav-right-block {
    min-width: auto;
    max-width: none;
    display: block;
  }

  .nav-dropdown-03 {
    text-transform: uppercase;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 6px;
  }

  .nav-dropdown-03.desktop {
    text-transform: none;
    padding-right: 0;
  }

  .menu-button-tablet {
    align-self: center;
    width: 28px;
    height: 28px;
    margin-left: 1.4em;
    padding: 0;
  }

  .menu-button-tablet.w--open {
    z-index: 2;
    background-color: #0000;
  }

  .menu-button-tablet.purple {
    background-color: var(--white);
    color: #fff;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    margin-left: 0;
    padding-left: .5rem;
    padding-right: .5rem;
    display: flex;
  }

  .button.purple.nav-contact {
    background-color: #00fa63;
    background-image: none;
    padding-left: 2.5rem;
  }

  .navigation-middle-block {
    align-items: center;
    display: flex;
  }

  .nav-dropdown-02 {
    text-transform: uppercase;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 6px;
  }

  .nav-dropdown-02.desktop {
    text-transform: none;
    padding-right: 0;
    display: block;
  }

  .tablet-menu-icon {
    color: var(--black);
    width: 1.5rem;
    height: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: auto;
  }

  .navigation-menu {
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    padding-top: 24px;
    display: flex;
  }

  .footer-grid-large {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    grid-template-columns: .5fr 1fr 1fr 4fr;
  }

  .social-link-large {
    background-color: var(--white);
    color: var(--اخضر);
  }

  .footer-grid-block-small {
    margin-top: 15px;
  }

  .footer-logo-image-wrapper {
    margin-top: 0;
  }

  .newsletter-legal-wrap {
    flex-flow: column;
  }

  .benefit-slider-container {
    width: 100%;
    margin-top: 0;
    left: 0%;
  }

  .benefit-slider {
    transform: none;
  }

  .benefit-content-container {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .benefit-content-wrapper {
    position: relative;
  }

  .right-arrow-02 {
    margin-right: 0;
  }

  .slide-nav-02 {
    display: none;
  }

  .admin-sub-page-h2-heading {
    font-size: 5rem;
  }

  .admin-info-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .form-container {
    min-width: 65svw;
    max-width: 65svw;
    padding-bottom: 49px;
  }

  .modal-body-content-contain {
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
  }

  .popup-overlay {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
  }

  ._404-number-hero-heading {
    font-size: 19rem;
  }

  .accordion__bar-hor {
    background-color: var(--white);
  }

  .shrink-box-button-2 {
    font-size: 12px;
  }

  .db-mobile-fixed-nav {
    display: flex;
  }

  .db-show-tab {
    cursor: pointer;
    background-color: #0f0f0f;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    width: 25px;
    height: 25px;
    padding: 2px 5px;
    position: absolute;
    bottom: -25px;
    right: 20px;
  }

  .db-fixed-nav-headline {
    text-align: left;
  }

  .accordion__bar-vert {
    background-color: var(--white);
  }

  .accordion__content-wrap {
    height: auto;
  }

  .db-logo-wrapper {
    background-color: #1d1d1d;
  }

  .paragraph-2 {
    text-align: right;
  }

  .form-section-03 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-03-outer-div {
    grid-template-columns: 1fr;
  }

  .form-block-03 {
    margin-top: 20px;
  }

  .content-wrap-left {
    padding-left: 0;
    padding-right: 0;
  }

  .space-down {
    margin-bottom: 50px;
  }

  .text-span-5, .text-span-6 {
    color: var(--الأسود);
  }

  .cta3-grid {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .cta3-content {
    padding-right: 67px;
  }

  .section-2 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .div-block-2 {
    border-radius: 20px;
    margin-bottom: 20px;
    padding: 8px;
  }

  .text-span-7 {
    color: #00fa63;
  }

  .link-block {
    cursor: pointer;
    text-decoration: none;
  }

  .link-block-3.w--current {
    order: 1;
  }

  .section-3.who-us {
    margin-top: 0;
  }

  .feature5-item-wrap {
    text-align: center;
    padding-right: 0;
  }

  ._4-col {
    width: 100%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
  }

  ._4-col._4-col-last {
    margin-bottom: 0;
    margin-right: auto;
  }

  .wrap {
    width: 645px;
  }

  .wrap.w80-50 {
    padding-top: 0;
  }

  .wrap.w80 {
    padding-bottom: 30px;
  }

  .headline-6-col {
    text-align: center;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .text-20 {
    font-family: Graphik Arabic, Arial, sans-serif;
  }

  .feature5-row-wrap {
    flex-direction: column;
  }

  .heading-11 {
    font-size: 2.5rem;
  }

  .heading-11.who-us {
    margin-top: 2rem;
  }

  .popup3-grid {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .error-message-2, .success-message-2 {
    max-width: 738px;
  }

  .decoline {
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .content1-image.content1-image2 {
    background-position: 50% 62%;
  }

  .content1-items {
    flex-direction: column;
    margin-bottom: -30px;
  }

  .headline-8-col {
    text-align: center;
    width: auto;
  }

  .content1-item-description {
    text-align: center;
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-14 {
    text-align: center;
  }

  .cta-marketing {
    direction: rtl;
    text-align: center;
    font-family: Graphik Arabic, Arial, sans-serif;
    font-weight: 600;
  }

  .footer-3-wrap {
    width: 100%;
    margin-left: 0;
  }

  .row-5 {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .text-box-container.stand-out {
    margin-top: 0;
  }

  .text-box {
    padding-left: 20px;
    padding-right: 20px;
    font-family: Graphik Arabic, Arial, sans-serif;
  }

  .container {
    padding-top: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container.admin-hero {
    padding-top: 10rem;
    padding-bottom: 6rem;
  }

  .container.home-hero {
    padding-top: 8.3rem;
  }

  .container.large-top-padding {
    padding-top: 9rem;
  }

  .container.largest-top-padding {
    padding-top: 0;
  }

  .container.store-logos {
    padding-bottom: 5rem;
  }

  .container.benefits {
    padding-bottom: 3.6rem;
  }

  .spacer {
    height: 32px;
  }

  .h1-heading.admin {
    font-family: Graphik Arabic, Arial, sans-serif;
    font-size: 2.5rem;
  }

  .grid-block.center-aligned.left-aligned-mobile {
    text-align: left;
  }

  .paragraph.gray {
    text-align: center;
  }

  .animated-button.expand {
    width: 11rem;
  }

  .heading-grid {
    flex-flow: column;
    display: flex;
  }

  .h2-heading {
    text-align: center;
    margin-bottom: .5rem;
    font-family: Graphik Arabic, Arial, sans-serif;
    font-size: 2rem;
    font-weight: 600;
  }

  .h2-heading.header-parag {
    font-size: 2rem;
  }

  .expand-cards-container {
    margin-top: 0;
  }

  .cards-component {
    grid-template-columns: 1fr;
  }

  .expand-card-wrapper, .expand-card-wrapper.right {
    height: 15rem;
    min-height: 15rem;
  }

  .svg.three-line {
    top: -10%;
    left: 7%;
  }

  .lottie-animation-wrapper.expand-cards {
    max-width: 4rem;
  }

  .bold-span {
    font-size: 2.5rem;
  }

  .h3-heading.stand-out-title {
    margin-top: 2rem;
  }

  .content-features-grid {
    grid-row-gap: 24px;
  }

  .stand-out-features-grid._01 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1.5fr 1.75fr;
    grid-auto-columns: 1fr;
    place-items: center;
    margin-top: 1rem;
    display: grid;
  }

  .stand-out-box-small-title.small {
    font-size: .7rem;
  }

  .logo-container.stand-out._01 {
    height: auto;
  }

  .small-currency-text-block {
    font-size: 1.4rem;
  }

  .stand-out-wide-box, .stand-out-wide-box.fill-height {
    flex-direction: column-reverse;
  }

  .stand-out-wide-box.fill-height.logos {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 0;
    padding-bottom: 1.5rem;
  }

  .stand-out-feature-content {
    width: 100%;
  }

  .stand-out-feature-content._4 {
    padding-bottom: 24.5rem;
  }

  .payment-vol-image-wrapper.qr-code {
    width: 80%;
    bottom: -19%;
  }

  .stand-out-feature-text-box._25rem {
    max-width: none;
  }

  .stand-out-feature-image-container {
    width: 100%;
  }

  .card-ws__card--004 {
    width: 100%;
    height: 12rem;
  }

  .slider.homepage-why {
    margin-top: 1rem;
  }

  .slider-container {
    border-color: #b0b0b042;
    border-radius: 10px;
    padding-top: .5rem;
  }

  .left-slide-arrow {
    width: 44px;
    height: 44px;
    left: -16px;
  }

  .left-slide-arrow.why-slider {
    width: 65px;
    height: 65px;
    display: none;
  }

  .right-slide-arrow {
    width: 44px;
    height: 44px;
    right: -16px;
  }

  .right-slide-arrow.why-slider {
    width: 65px;
    height: 65px;
    display: none;
  }

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

  .slider-mask {
    max-width: 48%;
  }

  .slider-mask.homepage-03-reviews {
    max-width: 80%;
  }

  .store-logo-box-large {
    height: 25svh;
  }

  .store-logo-box-small {
    height: 17svh;
  }

  .most-popular-call-out-wrapper {
    font-size: 1.2rem;
  }

  .grid-block-general {
    grid-template-columns: 1fr;
  }

  .pricing-card-grid {
    grid-template-columns: 1fr;
    margin-top: 3.7rem;
  }

  .listing-tab-link {
    font-size: 14px;
  }

  .plan-card-wrapper._01 {
    max-width: 93%;
    margin-right: auto;
    box-shadow: 2px 5px 18px 5px #00000024;
  }

  .plan-card-wrapper._03 {
    max-width: 93%;
    margin-left: auto;
    box-shadow: 2px 5px 18px 5px #00000024;
  }

  .plan-card-wrapper._02, .plan-card-wrapper._02.primary {
    margin-top: 2rem;
  }

  .plan-price {
    font-size: 6.5rem;
  }

  .nav-buttons-desktop {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .nav-right-block {
    display: block;
  }

  .header-logo-image-wrapper {
    padding-left: 0;
  }

  .footer-grid-large {
    justify-items: start;
  }

  .newsletter-legal-wrap {
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
    left: 1rem;
  }

  .utility-image-03.square {
    right: -27%;
  }

  .utility-image-03.second-slide {
    width: 73%;
    right: -33%;
  }

  .utility-image-02.small {
    max-width: 60%;
    left: -33%;
  }

  .right-arrow-02 {
    width: 100%;
    min-width: 100%;
  }

  .slide-nav-02 {
    display: none;
  }

  .license-images-container {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .admin-sub-page-h2-heading {
    font-size: 5rem;
  }

  .admin-content-wrapper {
    padding: 2rem 1rem 3rem;
  }

  .form-grid, .form-grid.pop {
    grid-template-columns: 1fr;
  }

  .form-container {
    flex-direction: column;
    min-width: 80svw;
    max-width: 80svw;
  }

  .contact-pop-up {
    padding-left: 1rem;
    padding-right: 1rem;
    overflow: auto;
  }

  .utility-page-wrapper {
    padding: 1rem;
  }

  ._404-number-hero-heading {
    font-size: 16rem;
    line-height: 100%;
  }

  .marquee-horizontal {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .marquee-horizontal._02 {
    margin-top: -122px;
    margin-bottom: 0;
  }

  .marquee-horizontal-reverse {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .accordion__content {
    font-family: Graphik Arabic, Arial, sans-serif;
  }

  .db-fixed-nav-headline {
    font-size: 16px;
    line-height: 20px;
  }

  .accordion__title {
    display: flex;
  }

  .content-wrap-left {
    padding-left: 0;
    padding-right: 0;
  }

  .space-down {
    margin-bottom: 30px;
  }

  .body-2 {
    font-family:Graphik Arabic, Arial, sans-serif;
  }

  .text-span-5, .text-span-6 {
    color: var(--الأسود);
  }

  .cta3-pictures-feed {
    min-height: 360px;
    margin-bottom: 36px;
  }

  .cta3-grid {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .cta3-content {
    padding-right: 0;
  }

  .size1-text {
    font-size: 34px;
    line-height: 42px;
  }

  .section-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricings-container {
    display: none;
  }

  .pricings-container.mobile {
    display: block;
  }

  .wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .wrap.w80 {
    padding-bottom: 30px;
  }

  .heading-11 {
    font-size: 2.5rem;
  }

  .popup3-grid {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .popup-form-wrap {
    padding: 36px;
  }

  .popup-wrap {
    height: auto;
    min-height: 100vh;
  }

  .error-message-2, .success-message-2 {
    width: 100%;
    max-width: none;
  }

  .italic-text.marketing-heading {
    font-size: 1.5rem;
  }

  .cta-marketing {
    text-align: center;
    font-size: 18px;
  }

  .footer-3-link {
    margin-top: 17px;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .logo-text {
    text-align: center;
  }

  .footer-3-col {
    justify-content: center;
    align-items: center;
  }

  .footer-3-col-2 {
    margin-top: 0;
    display: flex;
  }

  .footer-3-button {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-3-copywrite {
    text-align: center;
  }

  .row-5 {
    flex-direction: column;
    display: flex;
  }

  .footer-3-para {
    text-align: center;
  }

  .footer-3-links {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .text-span-28 {
    color: #00fa64;
    font-weight: 600;
  }
}

@media screen and (max-width: 479px) {
  .text-box-container.stand-out {
    text-align: center;
  }

  .text-box-container.stand-out.make-a-payment {
    min-width: 95%;
    max-width: 95%;
  }

  .text-box {
    grid-template-columns: 1fr 1fr;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-box._33rem.overflow-clip {
    text-align: center;
  }

  .text-box.relative.left-aligned-mobile {
    text-align: left;
  }

  .text-box.space-top {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .style-guide-h2 {
    font-size: 42px;
  }

  .section.admin-hero {
    background-image: url('../images/الباترن-للموقع.svg'), linear-gradient(#00000080, #00000080), url('../images/May-2-2025-01_51_34-PM.png');
    background-position: 0 0, 0 0, 0 0;
    background-repeat: repeat-x, repeat, repeat;
    background-size: 550px, auto, cover;
  }

  .section.overflow-hidden.pricing-section {
    margin-bottom: 10px;
  }

  .section.overflow-hidden.slider-section {
    margin-top: 15px;
    margin-bottom: 0;
  }

  .section.custom-down {
    margin-bottom: 0;
  }

  .section.services-section {
    background-size: 550px;
  }

  .container {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.admin-hero {
    min-height: auto;
    max-height: none;
    padding-top: 10rem;
    padding-bottom: 5rem;
    display: block;
    position: relative;
  }

  .container.home-hero {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .container.home-marquee {
    margin-top: 0;
  }

  .container.large-top-padding {
    padding-top: 7rem;
  }

  .container.large-top-padding.small-bottom-padding {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .container.largest-top-padding {
    padding-top: 0;
  }

  .container.footer {
    max-width: 95%;
  }

  .container.benefits {
    padding-bottom: 2rem;
  }

  .container.who-us-section {
    padding-left: 0;
    padding-right: 0;
  }

  .page-wrapper {
    text-align: right;
  }

  .h1-heading.admin {
    font-family: Graphik Arabic, Arial, sans-serif;
    font-size: 2rem;
  }

  .h1-heading.no-margin.home {
    color: var(--white);
    text-align: center;
    font-size: 2rem;
    font-weight: 500;
  }

  .h1-heading.home {
    font-size: 12svw;
  }

  .h1-heading._404 {
    font-size: 2rem;
  }

  .grid-block {
    width: auto;
    display: block;
  }

  .grid-block.center-aligned {
    flex: 0 auto;
    width: auto;
    display: block;
  }

  .grid-block.auto-right {
    background-image: linear-gradient(#00000080, #00000080), url('../images/May-2-2025-01_51_34-PM.png');
    background-position: 0 0, 60% 40%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    width: auto;
    padding: 150px 1rem 50px;
    font-size: 1rem;
  }

  .grid-block.auto-right.hero-image {
    background-image: url('../images/الباترن-للموقع.svg'), linear-gradient(#00000080, #00000080), url('../images/May-2-2025-01_51_34-PM.png');
    background-position: 0 0, 0 0, 60% 40%;
    background-size: 550px, auto, cover;
    background-attachment: scroll, scroll, scroll;
    display: block;
  }

  .grid-block.ltr-direction {
    width: auto;
    display: flex;
  }

  .grid-block.social-icons {
    justify-content: space-around;
    align-items: flex-start;
    display: flex;
  }

  .grid-block.social-icons.social-bottom {
    align-items: flex-end;
    margin-top: -33px;
  }

  .grid-block.hide-gird-block {
    display: none;
  }

  .image-wrapper.no-square {
    width: 5rem;
    min-width: 15px;
    max-width: 15rem;
  }

  .image-wrapper.license {
    width: 90px;
    height: 90px;
  }

  .image-wrapper.admin-text-block {
    max-width: 14rem;
  }

  .content-image._100-width-height.absolute-cover {
    height: 100%;
  }

  .paragraph.gray {
    text-align: center;
    margin-bottom: 0;
    font-family: Graphik Arabic, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
  }

  .paragraph.gray.hero {
    color: var(--white);
  }

  .hero-avatar-image.display-none-mobile {
    display: none;
  }

  .animated-button.expand {
    width: 9rem;
  }

  .marquee-text {
    font-weight: 300;
  }

  .marquee-text.smaller {
    font-size: .9rem;
  }

  .marquee-horizontal-container {
    padding-top: 10px;
    padding-bottom: 0;
  }

  .fade-up-animation-box {
    margin-top: 0;
    display: block;
  }

  .fade-up-animation-box.move-up {
    margin-top: -50px;
  }

  .heading-grid {
    display: flex;
  }

  .h2-heading {
    text-align: center;
    margin-top: 0;
    margin-bottom: .5rem;
    font-family: Graphik Arabic, Arial, sans-serif;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.5;
  }

  .h2-heading.header-parag {
    font-family: Graphik Arabic, Arial, sans-serif;
    font-size: 1.5rem;
  }

  .cards-component {
    flex-direction: column;
  }

  .expand-card-content {
    height: 300px;
  }

  .svg.three-line {
    margin-top: -47px;
    inset: 0% auto auto 0%;
    transform: rotate(-53deg);
  }

  .button-container.benefit-cards {
    inset: 3% 3% auto auto;
  }

  .lottie-animation-wrapper.expand-cards {
    max-width: 3rem;
  }

  .expand-cards-title-01 {
    font-size: 2rem;
  }

  .bold-span {
    font-size: 2rem;
    font-weight: 600;
  }

  .text-image.app-logo {
    max-width: 3rem;
  }

  .text-image.laptop-girl {
    top: -5px;
    left: 5px;
  }

  .text-image.rocket {
    width: 4.5rem;
    height: 3.8rem;
  }

  .benefits-card-wrapper {
    flex-flow: column;
  }

  .small-paragraph.gray {
    text-align: center;
    margin-bottom: 0;
    font-family:Graphik Arabic, Arial, sans-serif;
  }

  .small-paragraph.white {
    direction: rtl;
    color: var(--gray);
    text-align: center;
    font-family: Graphik Arabic, Arial, sans-serif;
  }

  .small-paragraph.white.primary {
    color: var(--white);
  }

  .credit-card-image-wrapper {
    max-width: 12rem;
  }

  .content-wrapper {
    align-items: center;
  }

  .h3-heading.stand-out-title {
    font-family: Graphik Arabic, Arial, sans-serif;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.1;
  }

  .content-features-grid {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .make-a-payment-block-wrapper {
    width: 95%;
  }

  .stand-out-features-grid._01 {
    margin-top: 2rem;
  }

  .stand-out-wide-box.fill-height.logos {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: right;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    height: 0;
    min-height: 25rem;
    display: block;
  }

  .stand-out-feature-content._4 {
    padding-bottom: 20.6rem;
  }

  .stand-out-feature-content._3 {
    padding-left: .7rem;
    padding-right: .7rem;
  }

  .marquee-horizontal-business-logo-image {
    width: 7rem;
  }

  .payment-vol-image-wrapper.qr-code {
    width: 95%;
    bottom: -2%;
    right: -7%;
  }

  .store-logos-container {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .store-logos-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    display: block;
  }

  .review-quote {
    margin-top: 1.2rem;
    font-size: 1.2rem;
    line-height: 1.3;
  }

  .review-quote.no-top-margin {
    color: var(--gray);
    text-align: right;
    margin-top: .5rem;
    font-size: 1rem;
  }

  .review-quote.no-top-margin.white {
    text-align: center;
  }

  .review-quote.no-top-margin.slider-header {
    color: var(--black);
    margin-top: .5rem;
    font-size: 1.3rem;
    font-weight: 600;
  }

  .review-card-wrapper {
    padding-top: 0;
  }

  .review-quote-text-box.home {
    padding-top: 0;
    padding-bottom: 1.5rem;
  }

  .animated-circle-button.benefit-card {
    min-width: 45px;
    max-width: 45px;
    min-height: 45px;
    max-height: 45px;
  }

  .slider-image-container {
    width: 245px;
    height: 245px;
  }

  .slider-image-container.reviews-slider {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 14rem;
    display: flex;
  }

  .slider.homepage-why {
    height: auto;
    margin-top: 1rem;
  }

  .slider-image-wrapper.reviews {
    flex: 0 auto;
    width: auto;
    height: auto;
  }

  .slide {
    margin-right: 1rem;
  }

  .bottom-blog-post-collection {
    margin-top: -10px;
  }

  .slider-container {
    padding-left: 0;
  }

  .left-slide-arrow.why-slider {
    display: none;
  }

  .left-slide-arrow.why-slider:hover {
    color: #2a3440;
    background-color: #fff;
  }

  .homepage-review-card-wrapper {
    justify-content: space-between;
    height: auto;
    padding-bottom: 1rem;
  }

  .right-slide-arrow.why-slider {
    display: none;
  }

  .reviews-grid {
    padding: 0;
  }

  .slider-mask {
    max-width: 65%;
  }

  .slider-mask.homepage-03-reviews {
    max-width: 94%;
  }

  .store-logo-box-large {
    justify-content: center;
    width: auto;
    height: auto;
    padding: 30px 10px;
    display: flex;
  }

  .store-logo-box-large.top-margin.display-none-desktop {
    margin-top: 0;
    display: block;
  }

  .store-logo-box-large.top-margin.mobile-longer {
    height: auto;
  }

  .store-logo-box-small {
    height: auto;
    padding: 10px;
  }

  .store-logo-box-small.top-margin {
    height: auto;
    margin-top: 0;
    padding: 10px;
    display: block;
  }

  .store-logo-box-small.top-margin.mobile-larger {
    height: auto;
    display: flex;
  }

  .most-popular-call-out-wrapper {
    top: -6%;
  }

  .grid-block-general {
    grid-row-gap: 60px;
  }

  .text-block-general.most-popular {
    font-size: .8rem;
  }

  .pricing-tabs {
    width: 100%;
    padding-left: .7rem;
    padding-right: .7rem;
  }

  .pricing-card-grid {
    grid-row-gap: 6px;
    margin-top: 3.1rem;
  }

  .plan-card-wrapper {
    padding-bottom: 3.3rem;
  }

  .plan-card-wrapper._03 {
    margin-top: 1rem;
  }

  .plan-card-wrapper._02 {
    background-color: var(--white);
    margin-top: 0;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
  }

  .plan-card-wrapper._02.primary {
    background-color: var(--الأسود);
    color: var(--white);
  }

  .plan-price {
    font-size: 3.5rem;
  }

  .plan-price.white {
    direction: rtl;
    text-align: center;
    -webkit-text-stroke-color: #00fb64;
    color: #00fa64;
    margin-top: -20px;
    margin-bottom: 1rem;
  }

  .plan-price.white.primary {
    -webkit-text-stroke-color: var(--white);
    color: #00fa64;
  }

  .duration {
    color: var(--white);
  }

  .duration.monthly {
    color: var(--gray);
  }

  .tab-text-block.pricing {
    flex: none;
  }

  .plan-name.white {
    color: var(--black);
  }

  .plan-name.white.primary {
    color: var(--white);
  }

  .buttons-text {
    font-family: Graphik Arabic, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 500;
  }

  .button-icon-wrapper.white {
    width: 2.1rem;
  }

  .main-button.white.pop {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    padding: .5rem 1rem;
    display: flex;
  }

  .button-icon {
    transform: scaleX(-1);
  }

  .nav-background-02.nav-tablet-dropdown {
    height: 3.3rem;
  }

  .nav-buttons-desktop {
    cursor: pointer;
    justify-content: center;
    display: flex;
  }

  .nav-buttons-desktop.primary {
    display: flex;
  }

  .navigation-left-block {
    flex: 1;
    position: absolute;
  }

  .nav-text-link.small {
    text-align: right;
    padding-right: 15px;
  }

  .header-nav-container {
    max-width: none;
    padding-top: .7rem;
    padding-bottom: .7rem;
  }

  .nav-right-block {
    min-width: auto;
    max-width: none;
    display: block;
  }

  .menu-button-tablet {
    margin-left: .6em;
  }

  .menu-button-tablet.purple {
    background-color: #fff;
    width: 2.5rem;
    height: 2.5rem;
  }

  .button.purple.nav-contact {
    cursor: pointer;
    margin-top: 1rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    font-size: .7rem;
  }

  .button.purple.nav-contact.primary {
    background-color: var(--white);
    color: var(--الأسود);
  }

  .button.purple.nav-contact.cta-marketing {
    height: auto;
    min-height: auto;
  }

  .button.color-orange.contact.pop {
    z-index: 9999999;
    text-align: center;
    height: 3rem;
    min-height: 3rem;
  }

  .navigation-middle-block {
    margin-left: 10px;
  }

  .header-logo-image-wrapper {
    max-width: 4.5rem;
  }

  .header-logo-image-wrapper.w--current {
    max-width: 4rem;
  }

  .tablet-menu-icon {
    color: var(--black);
    width: 1.3rem;
    height: 1.3rem;
  }

  .navigation-menu {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
  }

  .footer-grid-large {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
    display: flex;
  }

  .footer-grid-block-small {
    margin-top: 15px;
  }

  .footer-logo-image-wrapper {
    max-width: 100%;
  }

  .newsletter-legal-wrap {
    grid-row-gap: 10px;
    justify-content: center;
    align-items: flex-end;
    margin-top: 53px;
    margin-bottom: -53px;
    position: static;
  }

  .benefit-slide {
    transform: translate(0);
  }

  .benefit-main-image {
    height: 27rem;
    margin-left: auto;
    margin-right: auto;
  }

  .utility-holder-image-wrapper-03.account-z-index {
    z-index: 35;
  }

  .benefit-main-image-wrapper {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .utility-image-03.square {
    right: -15%;
  }

  .utility-image-03.second-slide {
    right: -21%;
  }

  .benefit-slide-mask {
    max-width: 13rem;
  }

  .utility-holder-wrapper-02 {
    width: 100vw;
    left: auto;
    right: auto;
    overflow: hidden;
  }

  .utility-image-02 {
    left: -19%;
  }

  .utility-image-02.relative {
    max-width: 34%;
    height: auto;
    left: 6%;
  }

  .utility-image-02.small {
    max-width: 39%;
    height: auto;
    inset: 21% auto auto 5%;
  }

  .licenses-link-container {
    flex-direction: column;
  }

  .license-images-container {
    grid-column-gap: 19px;
    grid-row-gap: 20px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: flex;
  }

  .admin-sub-page-h2-heading {
    font-size: 3.5rem;
  }

  .admin-sub-page-h2-heading.admin {
    font-size: 2.2rem;
  }

  .admin-info-wrapper {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .admin-content-wrapper {
    padding-top: 1.5rem;
    padding-bottom: 2rem;
  }

  .popup-pullout-background {
    height: 110svh;
    position: relative;
  }

  .form-grid.pop {
    grid-row-gap: 12px;
  }

  .form-grid.pop._02 {
    grid-template-columns: 1fr 1fr;
  }

  .contact-form-container {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
  }

  .contact-form-block-outline-contain {
    padding: 0;
  }

  .contact-form-block-outline-contain.pop {
    min-height: 95%;
    margin-top: 33px;
  }

  .text-field.pop {
    min-height: 40px;
  }

  .text-field.pop.hidden-form {
    display: none;
  }

  .form-container {
    min-width: 96svw;
    max-width: 96svw;
    margin-bottom: 0;
    padding: 20px 5% 28px;
    position: relative;
    left: 0;
  }

  .form-container.nav {
    z-index: 0;
    width: auto;
    min-width: auto;
    max-width: none;
    height: auto;
    padding: 0 0%;
    display: block;
    position: relative;
    top: 0%;
    left: 0;
    right: 0%;
    overflow: visible;
  }

  .popup-button-container.overlay {
    display: none;
  }

  .modal-body-content-contain {
    max-width: 100%;
  }

  .close-text.popup-robot {
    font-size: 1rem;
  }

  .contact-form {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-right: 1rem;
    overflow: auto;
  }

  .popup-close-button {
    max-width: 6rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .field-label.pop {
    font-size: .9rem;
  }

  .contact-pop-up {
    justify-content: center;
    align-items: center;
    min-height: 110vh;
    display: flex;
    right: 0%;
  }

  ._404-number-hero-heading {
    font-size: 49vw;
    line-height: 100%;
  }

  .marquee-horizontal._02 {
    margin-top: -78px;
  }

  .body {
    direction: ltr;
  }

  .text-block-2 {
    text-align: center;
    font-size: .9rem;
    font-weight: 500;
  }

  .bold-text, .bold-text-2 {
    font-family: Graphik Arabic, Arial, sans-serif;
    font-weight: 400;
  }

  .bold-text-3 {
    text-align: right;
    font-size: 2.5rem;
    font-weight: 500;
  }

  .bold-text-4 {
    font-weight: 400;
  }

  .bold-text-5 {
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
  }

  .bold-text-6 {
    font-size: 1rem;
    font-weight: 400;
  }

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

  .accordion__bar-hor {
    background-color: var(--white);
  }

  .accordion__bar-hor.primary {
    background-color: var(--الأسود);
  }

  .shrink-box-button-2 {
    display: none;
  }

  .accordion__content {
    direction: rtl;
    color: #fff;
    font-family:Graphik Arabic, Arial, sans-serif;
  }

  .shrink-box-wrapper-2 {
    width: 50px;
    margin-left: 0;
    margin-right: 0;
  }

  .db-mobile-fixed-nav {
    align-items: stretch;
  }

  .db-flex-row {
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
  }

  .db-fixed-nav-headline {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 14px;
    line-height: 19px;
  }

  .accordion__bar-vert {
    background-color: var(--white);
  }

  .accordion__bar-vert.primary {
    background-color: var(--الأسود);
  }

  .accordion__plus-wrapper {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .accordion__title {
    direction: ltr;
    flex-flow: row-reverse;
    justify-content: center;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .pricing {
    color: #000;
    background-image: none;
    min-height: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    display: block;
  }

  .accordion-item {
    padding-left: 0;
    padding-right: 0;
  }

  .db-logo-wrapper {
    justify-content: center;
    align-items: center;
    width: 160px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .heading {
    color: var(--black);
    font-family: Graphik Arabic, Arial, sans-serif;
  }

  .heading.primary {
    color: var(--white);
  }

  .paragraph-2 {
    color: var(--black);
    font-family: Graphik Arabic, Arial, sans-serif;
    position: static;
  }

  .paragraph-2.primary {
    color: var(--white);
  }

  .text-span {
    text-align: justify;
  }

  .bold-text-7 {
    text-align: center;
    font-weight: 400;
  }

  .bold-text-8 {
    font-size: 1rem;
  }

  .contact-method {
    margin-bottom: 10px;
  }

  .form-block-03 {
    width: 100%;
    max-width: 100%;
  }

  .content-wrap-left {
    margin-bottom: 20px;
  }

  .contact-method-wrap {
    flex-direction: column;
  }

  .contact-icon {
    min-width: 22px;
    min-height: 22px;
  }

  ._2-questions-wrap {
    flex-direction: column;
  }

  .code-embed {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .custom-space {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 20px;
  }

  .text-span-2, .text-span-3 {
    color: var(--الأسود);
  }

  .space-down {
    margin-bottom: 50px;
  }

  .text-span-4 {
    color: var(--الأسود);
  }

  .body-2 {
    font-family:Graphik Arabic, Arial, sans-serif;
  }

  .button-small {
    flex: none;
    align-self: stretch;
  }

  .cta3-grid {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .section-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .pricings-container {
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .pricings-container.mobile {
    display: block;
  }

  .div-block-2 {
    margin-bottom: 0;
    margin-right: 10px;
  }

  .div-block-2.primary {
    background-color: #00fa64;
  }

  .section-3.our-vision {
    margin-top: 1rem;
  }

  ._4-col.no-space-bottom {
    margin-bottom: 0;
  }

  .wrap.w80-50 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .wrap.w80 {
    padding-bottom: 20px;
  }

  .headline-6-col {
    margin-bottom: 1rem;
  }

  .text-20 {
    text-align: right;
    display: flex;
  }

  .heading-11 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-size: 2rem;
  }

  .paragraph-78 {
    margin-top: 1rem;
    font-weight: 400;
  }

  .bold-text-9 {
    font-size: 1rem;
    display: inline-block;
  }

  .bold-text-10, .bold-text-11 {
    font-size: 1rem;
  }

  .popup3-grid {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .popup-form-wrap {
    text-align: right;
    border-radius: 10px;
    padding: 26px;
    font-family: Graphik Arabic, Arial, sans-serif;
  }

  .popup3-form-wrap {
    flex-direction: column;
  }

  .text-field-2.right-margin-field {
    margin-bottom: 10px;
  }

  .popup-wrap {
    z-index: 9999;
    position: fixed;
    inset: 0;
  }

  .popup-wrap.popup-wrap3, .popup-wrap.popup-wrap5, .popup-wrap.popup-wrap2 {
    display: none;
  }

  .size3-text.size3-top-clear {
    font-family: Graphik Arabic, Arial, sans-serif;
  }

  .heading-13 {
    margin-top: 0;
  }

  .italic-text.design-heading.asdf {
    font-size: 1.5rem;
  }

  .cta-marketing {
    text-align: center;
    flex-flow: column;
    order: -1;
    line-height: 1.5;
    display: block;
  }

  .footer-3-link, .footer-3-link.w--current {
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer-3-copywrite {
    text-align: center;
  }

  .footer-3 {
    background-image: linear-gradient(#00000080, #00000003), url('../images/الباترن-للموقع.svg');
    background-position: 0 0, 0 20%;
    background-repeat: repeat, repeat-x;
    background-size: auto, 550px;
    padding-top: 50px;
  }

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

  .link {
    position: absolute;
    top: 20px;
    left: 28px;
  }

  .text-span-12 {
    padding-left: 5px;
  }

  .text-span-27 {
    padding-left: 5px;
    display: inline-block;
  }

  .text-span-28 {
    color: #00fb64;
  }

  .text-span-30, .text-span-31 {
    color: #101d14;
    font-size: 2.5rem;
  }

  .text-span-32 {
    color: #fff;
    font-size: 2.5rem;
  }

  .text-span-36 {
    font-size: 2rem;
  }

  .smart-move {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

#w-node-e4b99abb-8c88-1b99-3610-cc6d6cc8fc01-0140c1b3 {
  align-self: center;
}

#w-node-ad37f225-f111-8a82-7b0a-f8991b1e7d42-0140c1b3 {
  grid-area: 1 / 2 / 2 / 10;
  place-self: center;
}

#w-node-_24e490ce-304b-619a-725c-05d31c359dc7-0140c1b3, #w-node-_63e57002-1198-d55f-74fe-d2811e9dbaeb-0140c1b3 {
  align-self: stretch;
}

#w-node-_3cd5e626-f1de-ec1d-4a62-b8478eca214e-0140c1b3 {
  grid-area: 1 / 2 / 2 / 10;
  place-self: center;
}

#w-node-_3cd5e626-f1de-ec1d-4a62-b8478eca2163-0140c1b3, #w-node-_3cd5e626-f1de-ec1d-4a62-b8478eca2191-0140c1b3 {
  align-self: stretch;
}

#w-node-_3cd5e626-f1de-ec1d-4a62-b8478eca21f9-0140c1b3, #w-node-_3cd5e626-f1de-ec1d-4a62-b8478eca221d-0140c1b3 {
  place-self: stretch stretch;
}

#w-node-_979b509e-9614-3a3f-8b1a-13fdb7ff6ec3-0140c1b3 {
  grid-area: 1 / 2 / 2 / 10;
  place-self: center;
}

#w-node-_4d9886a4-1c29-a03d-4a15-04e0181ddb8c-0140c1b3 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  place-self: center;
}

#w-node-_8e71011d-8a53-d657-e55d-74a6db505bfa-0140c1b3, #w-node-_8e71011d-8a53-d657-e55d-74a6db505c48-0140c1b3 {
  align-self: center;
}

#w-node-a43065c9-377b-9074-1bb6-6cc246a6cd22-0140c1b3 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  place-self: center;
}

#w-node-_539d19d8-849c-7e3d-8595-f4109ce82640-0140c1b3, #w-node-_8df756c4-36f8-2f47-bdd9-79be9900e442-0140c1b3 {
  grid-area: 1 / 3 / 2 / 9;
  place-self: center;
}

#w-node-_7244957d-b142-992f-56ad-8a2ecb0c94ba-0140c1b3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_7244957d-b142-992f-56ad-8a2ecb0c94c6-0140c1b3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_7244957d-b142-992f-56ad-8a2ecb0c94c7-0140c1b3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4fae642e-7e3d-3636-4252-6cd7dfdaff21-0140c1b3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_4fae642e-7e3d-3636-4252-6cd7dfdaff2c-0140c1b3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_4fae642e-7e3d-3636-4252-6cd7dfdaff2d-0140c1b3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1addbcba-8184-2c2b-002d-6a2369009e3b-0140c1b3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_1addbcba-8184-2c2b-002d-6a2369009e46-0140c1b3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_1addbcba-8184-2c2b-002d-6a2369009e47-0140c1b3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_102f7052-15a2-0567-8f65-8bb662cfdd39-0140c1b3 {
  grid-area: 1 / 3 / 2 / 9;
  place-self: center;
}

#w-node-_4211b0d7-27ea-5259-fbdd-519140ca024d-0140c1b3, #w-node-_4211b0d7-27ea-5259-fbdd-519140ca0259-0140c1b3, #w-node-_4211b0d7-27ea-5259-fbdd-519140ca0268-0140c1b3, #w-node-_4211b0d7-27ea-5259-fbdd-519140ca0276-0140c1b3, #w-node-_4211b0d7-27ea-5259-fbdd-519140ca0282-0140c1b3, #w-node-_4211b0d7-27ea-5259-fbdd-519140ca0291-0140c1b3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c5e344cd-372f-f7c9-570f-159c977f7cdf-977f7cdc, #w-node-_5dd720ed-4972-d0a1-737d-124c797a08ae-797a08ab, #w-node-b358e83f-1383-3b64-b7dd-f8a6a6ba1f78-a6ba1f75 {
  grid-area: 1 / 4 / 2 / 10;
}

#w-node-_81da2df6-1cf0-5697-2e5b-5c54455da86d-455da86b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_24d80820-f8e2-11ec-b7e7-46f92a6a58a6-cf2da40e, #w-node-_1c6529e0-7565-a9fe-86a8-62bb38a07061-cf2da40e {
  grid-area: 1 / 3 / 2 / 9;
  place-self: center;
}

#w-node-_79c62fd2-4250-e345-b886-b1f4c05547c3-c05547c0, #w-node-_6fe4727c-e5e4-73ac-e8cd-a8daeb54486b-eb544868 {
  grid-area: 1 / 4 / 2 / 10;
}

@media screen and (min-width: 1920px) {
  #w-node-ad37f225-f111-8a82-7b0a-f8991b1e7d42-0140c1b3, #w-node-_3cd5e626-f1de-ec1d-4a62-b8478eca214e-0140c1b3 {
    grid-area: 1 / 3 / 2 / 9;
    place-self: center;
  }

  #w-node-_979b509e-9614-3a3f-8b1a-13fdb7ff6ec3-0140c1b3 {
    place-self: center;
  }

  #w-node-_4d9886a4-1c29-a03d-4a15-04e0181ddb8c-0140c1b3 {
    grid-area: span 1 / span 6 / span 1 / span 6;
    place-self: center;
  }

  #w-node-a43065c9-377b-9074-1bb6-6cc246a6cd22-0140c1b3 {
    grid-area: span 1 / span 5 / span 1 / span 5;
    place-self: center;
  }

  #w-node-_539d19d8-849c-7e3d-8595-f4109ce82640-0140c1b3, #w-node-_8df756c4-36f8-2f47-bdd9-79be9900e442-0140c1b3, #w-node-_102f7052-15a2-0567-8f65-8bb662cfdd39-0140c1b3, #w-node-_24d80820-f8e2-11ec-b7e7-46f92a6a58a6-cf2da40e, #w-node-_1c6529e0-7565-a9fe-86a8-62bb38a07061-cf2da40e {
    place-self: center;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-_4d9886a4-1c29-a03d-4a15-04e0181ddb8c-0140c1b3 {
    grid-area: span 1 / span 6 / span 1 / span 6;
    place-self: center;
  }
}

@media screen and (max-width: 991px) {
  #w-node-ad37f225-f111-8a82-7b0a-f8991b1e7d42-0140c1b3, #w-node-_3cd5e626-f1de-ec1d-4a62-b8478eca214e-0140c1b3, #w-node-_979b509e-9614-3a3f-8b1a-13fdb7ff6ec3-0140c1b3 {
    grid-area: 1 / 2 / 2 / 8;
    place-self: center;
  }

  #w-node-_5e5f48a6-d072-3d68-9880-c90b2419edfb-0140c1b3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_4d9886a4-1c29-a03d-4a15-04e0181ddb8c-0140c1b3 {
    grid-area: 1 / 1 / 2 / 8;
    place-self: center;
  }

  #w-node-a43065c9-377b-9074-1bb6-6cc246a6cd22-0140c1b3 {
    grid-area: 1 / 1 / 2 / 9;
    place-self: center;
  }

  #w-node-_539d19d8-849c-7e3d-8595-f4109ce82640-0140c1b3 {
    grid-area: 1 / 2 / 2 / 8;
    place-self: center;
  }

  #w-node-cf3f38a1-fa7c-6c20-cf3b-bef4b1ab5c65-0140c1b3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8df756c4-36f8-2f47-bdd9-79be9900e442-0140c1b3 {
    grid-area: 1 / 2 / 2 / 8;
    place-self: center;
  }

  #w-node-_7244957d-b142-992f-56ad-8a2ecb0c94ba-0140c1b3 {
    justify-self: stretch;
  }

  #w-node-_7244957d-b142-992f-56ad-8a2ecb0c94c6-0140c1b3 {
    align-self: stretch;
  }

  #w-node-_4fae642e-7e3d-3636-4252-6cd7dfdaff21-0140c1b3, #w-node-_1addbcba-8184-2c2b-002d-6a2369009e3b-0140c1b3 {
    justify-self: stretch;
  }

  #w-node-_102f7052-15a2-0567-8f65-8bb662cfdd39-0140c1b3 {
    grid-area: 1 / 2 / 2 / 8;
    place-self: center;
  }

  #w-node-c5e344cd-372f-f7c9-570f-159c977f7cdf-977f7cdc, #w-node-_5dd720ed-4972-d0a1-737d-124c797a08ae-797a08ab, #w-node-b358e83f-1383-3b64-b7dd-f8a6a6ba1f78-a6ba1f75 {
    grid-area: 1 / 1 / 2 / 9;
  }

  #w-node-_24d80820-f8e2-11ec-b7e7-46f92a6a58a6-cf2da40e, #w-node-_1c6529e0-7565-a9fe-86a8-62bb38a07061-cf2da40e {
    grid-area: 1 / 2 / 2 / 8;
    place-self: center;
  }

  #w-node-_79c62fd2-4250-e345-b886-b1f4c05547c3-c05547c0, #w-node-_6fe4727c-e5e4-73ac-e8cd-a8daeb54486b-eb544868 {
    grid-area: 1 / 1 / 2 / 9;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_24e490ce-304b-619a-725c-05d31c359dc7-0140c1b3, #w-node-_63e57002-1198-d55f-74fe-d2811e9dbaeb-0140c1b3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: stretch;
  }

  #w-node-_3cd5e626-f1de-ec1d-4a62-b8478eca2163-0140c1b3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: start;
  }

  #w-node-_3cd5e626-f1de-ec1d-4a62-b8478eca2191-0140c1b3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: stretch;
  }

  #w-node-_3cd5e626-f1de-ec1d-4a62-b8478eca21f9-0140c1b3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: start;
  }

  #w-node-_3cd5e626-f1de-ec1d-4a62-b8478eca221d-0140c1b3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5e5f48a6-d072-3d68-9880-c90b2419edfb-0140c1b3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c5e344cd-372f-f7c9-570f-159c977f7cdf-977f7cdc, #w-node-_5dd720ed-4972-d0a1-737d-124c797a08ae-797a08ab, #w-node-b358e83f-1383-3b64-b7dd-f8a6a6ba1f78-a6ba1f75, #w-node-_79c62fd2-4250-e345-b886-b1f4c05547c3-c05547c0, #w-node-_6fe4727c-e5e4-73ac-e8cd-a8daeb54486b-eb544868 {
    grid-column-end: 7;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_63e57002-1198-d55f-74fe-d2811e9dbaeb-0140c1b3 {
    grid-column: span 2 / span 2;
    align-self: stretch;
  }

  #w-node-_7244957d-b142-992f-56ad-8a2ecb0c94ba-0140c1b3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center stretch;
  }

  #w-node-_7244957d-b142-992f-56ad-8a2ecb0c94c6-0140c1b3 {
    justify-self: stretch;
  }

  #w-node-_4fae642e-7e3d-3636-4252-6cd7dfdaff21-0140c1b3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center stretch;
  }

  #w-node-_4fae642e-7e3d-3636-4252-6cd7dfdaff2c-0140c1b3 {
    justify-self: stretch;
  }

  #w-node-_1addbcba-8184-2c2b-002d-6a2369009e3b-0140c1b3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center stretch;
  }

  #w-node-_1addbcba-8184-2c2b-002d-6a2369009e46-0140c1b3 {
    justify-self: stretch;
  }

  #w-node-c5e344cd-372f-f7c9-570f-159c977f7cdf-977f7cdc, #w-node-_5dd720ed-4972-d0a1-737d-124c797a08ae-797a08ab, #w-node-b358e83f-1383-3b64-b7dd-f8a6a6ba1f78-a6ba1f75 {
    grid-column-end: 5;
  }

  #w-node-cc804790-06b0-c488-2fcd-a08f313decf2-455da86b {
    order: 9999;
  }

  #w-node-_81da2df6-1cf0-5697-2e5b-5c54455da86e-455da86b {
    order: 9999;
    justify-self: end;
  }

  #w-node-_79c62fd2-4250-e345-b886-b1f4c05547c3-c05547c0, #w-node-_6fe4727c-e5e4-73ac-e8cd-a8daeb54486b-eb544868 {
    grid-column-end: 5;
  }
}


@font-face {
  font-family: 'Graphik Arabic';
  src: url('../fonts/Graphik-Arabic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik Arabic';
  src: url('../fonts/Graphik-Arabic-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik Arabic';
  src: url('../fonts/Graphik-Arabic-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}